59 lines
1.3 KiB
TypeScript
59 lines
1.3 KiB
TypeScript
import type { UnwrapRef, Ref, WritableComputedRef, DeepReadonly } from 'vue'
|
|
import {
|
|
reactive,
|
|
readonly,
|
|
computed,
|
|
getCurrentInstance,
|
|
watchEffect,
|
|
unref,
|
|
nextTick,
|
|
toRaw,
|
|
} from 'vue'
|
|
|
|
import { isEqual } from 'lodash-es'
|
|
|
|
export function useRuleFormItem<T extends Recordable, K extends keyof T, V = UnwrapRef<T[K]>>(
|
|
props: T,
|
|
key?: K,
|
|
changeEvent?,
|
|
emitData?: Ref<any[]>,
|
|
): [WritableComputedRef<V>, (val: V) => void, DeepReadonly<V>]
|
|
|
|
export function useRuleFormItem<T extends Recordable>(
|
|
props: T,
|
|
key: keyof T = 'value',
|
|
changeEvent = 'change',
|
|
emitData?: Ref<any[]>,
|
|
) {
|
|
const instance = getCurrentInstance()
|
|
const emit = instance?.emit
|
|
|
|
const innerState = reactive({
|
|
value: props[key],
|
|
})
|
|
|
|
const defaultState = readonly(innerState)
|
|
|
|
const setState = (val: UnwrapRef<T[keyof T]>): void => {
|
|
innerState.value = val as T[keyof T]
|
|
}
|
|
|
|
watchEffect(() => {
|
|
innerState.value = props[key]
|
|
})
|
|
|
|
const state: any = computed({
|
|
get() {
|
|
return innerState.value
|
|
},
|
|
set(value) {
|
|
if (isEqual(value, defaultState.value)) return
|
|
innerState.value = value as T[keyof T]
|
|
emit?.(changeEvent, value, ...(toRaw(unref(emitData)) || []))
|
|
// nextTick(() => {})
|
|
},
|
|
})
|
|
|
|
return [state, setState, defaultState]
|
|
}
|