美颜（uni-app）

import { useBaseBeautyState } from '@/uni_modules/tuikit-atomic-x/state/BaseBeautyState'
import { watch } from 'vue';

// 1. 通过 liveID 获取 BaseBeautyState 的实例
const { whitenessLevel, ruddyLevel, smoothLevel } = useBaseBeautyState(liveID) 

// 2. 监听 whitenessLevel、ruddyLevel、smoothLevel 的实时变更，用于驱动 UI 变更
watch( whitenessLevel, (newVal, oldVal) => {
    console.log(newVal)
})

watch( ruddyLevel, (newVal, oldVal) => {
    console.log(newVal)
})

watch( smoothLevel, (newVal, oldVal) => {
    console.log(newVal)
})

import { useBaseBeautyState } from '@/uni_modules/tuikit-atomic-x/state/BaseBeautyState'

// 1. 通过 liveID 获取 BaseBeautyState 的实例
const { setSmoothLevel, setWhitenessLevel, setRuddyLevel } = useBaseBeautyState(liveID) 

// 2. 调用接口
const setBeautyLevel = () => {
    setSmoothLevel({
      smoothLevel: 9
    })
    setWhitenessLevel({
      whitenessLevel: 9
    })
    setRuddyLevel({
      ruddyLevel: 9
    })
}

import { useBaseBeautyState } from '@/uni_modules/tuikit-atomic-x/state/BaseBeautyState'

// 1. 通过 liveID 获取 BaseBeautyState 的实例
const { setSmoothLevel, setWhitenessLevel, setRuddyLevel } = useBaseBeautyState(liveID) 

// 2. 调用接口
const setBeautyLevel = () => {
    setSmoothLevel({
      smoothLevel: 0
    })
    setWhitenessLevel({
      whitenessLevel: 0
    })
    setRuddyLevel({
      ruddyLevel: 0
    })
}