sard-uniapp/use/toReactive.js

sard-uniapp 是一套基于 Uniapp + Vue3 框架开发的兼容多端的 UI 组件库

import { isRef, reactive, unref, } from 'vue';
export function toReactive(objectRef) {
    if (!isRef(objectRef))
        return reactive(objectRef);
    const proxy = new Proxy({}, {
        get(_, p, receiver) {
            return unref(Reflect.get(objectRef.value, p, receiver));
        },
        set(_, p, value) {
            if (isRef(objectRef.value[p]) && !isRef(value))
                objectRef.value[p].value = value;
            else
                objectRef.value[p] = value;
            return true;
        },
        deleteProperty(_, p) {
            return Reflect.deleteProperty(objectRef.value, p);
        },
        has(_, p) {
            return Reflect.has(objectRef.value, p);
        },
        ownKeys() {
            return Object.keys(objectRef.value);
        },
        getOwnPropertyDescriptor() {
            return {
                enumerable: true,
                configurable: true,
            };
        },
    });
    return reactive(proxy);
}