@yoooloo42/joker 1.0.106 → 1.0.109

package/dist/index.cjs.js

@@ -22516,15 +22516,14 @@ var script$h = {
         default: () => ({})
     }
 },
-  emits: ['update:modelValue', 'change'],
-  setup(__props, { emit: __emit }) {
+  setup(__props) {
 
 const props = __props;
-// 遵循 Vue 3 v-model 规范，使用 update:modelValue 事件
-const emit = __emit;
 
-const scopeThis_box = vue.reactive(Object.assign({}, props.scopeThis));
-const propsItem_box = vue.reactive(Object.assign({}, props.item));
+// props属性包装，使得页面和js使用相同的命名
+const formData_box = props.modelValue;
+const scopeThis_box = props.scopeThis;
+const propsItem_box = props.item;
 
 const style = vue.ref({
     box: styleModule.label.box(propsItem_box),
@@ -22533,18 +22532,9 @@ const style = vue.ref({
 
 const hdlClick = () => {
     if(propsItem_box.hdlLabelClick){
-        propsItem_box.hdlLabelClick({formData: props.modelValue, scopeThis: scopeThis_box});
+        propsItem_box.hdlLabelClick({formData: formData_box, scopeThis: scopeThis_box});
     }
 };
-
-// 表单数据监听
-vue.watch(
-    props.modelValue, // 监听 reactive 对象时，默认是深层监听
-    (newVal, oldVal) => {
-        // 触发 update:modelValue 事件更新父组件的 v-model 绑定的值
-        emit("update:modelValue", newVal);
-    }
-);
 
 return (_ctx, _cache) => {
   return (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
@@ -22555,7 +22545,7 @@ return (_ctx, _cache) => {
     }, [
       vue.createElementVNode("span", {
         style: vue.normalizeStyle(style.value.label)
-      }, vue.toDisplayString(propsItem_box.label), 5 /* TEXT, STYLE */)
+      }, vue.toDisplayString(vue.unref(propsItem_box).label), 5 /* TEXT, STYLE */)
     ], 4 /* STYLE */)
   ], 2112 /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */))
 }
@@ -22619,8 +22609,8 @@ var script$g = {
 
 const props = __props;
 
-// props属性包装，使得页面和js使用相同的命名
-let formData_box = props.modelValue;
+// props属性包装，继承了顶层组件的响应性，页面和js可以使用相同的命名
+const formData_box = props.modelValue;
 const formProps_box = props.myProps;
 const scopeThis_box = props.scopeThis;
 const propsItem_box = props.item;
@@ -23310,7 +23300,7 @@ return (_ctx, _cache) => {
         ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_28, [
             vue.createVNode(_component_ly0d7thumb, {
               modelValue: vue.unref(formData_box),
-              "onUpdate:modelValue": _cache[18] || (_cache[18] = $event => (vue.isRef(formData_box) ? (formData_box).value = $event : formData_box = $event)),
+              "onUpdate:modelValue": _cache[18] || (_cache[18] = $event => (vue.isRef(formData_box) ? (formData_box).value = $event : null)),
               myProps: {
                     thumb: {
                         fieldName: vue.unref(propsItem_box).thumb.fieldName || vue.unref(formProps_box).para.ly0d7thumb.thumb.fieldName,
@@ -23364,8 +23354,8 @@ var script$f = {
 
 const props = __props;
 
-// props属性包装，使得页面和js使用相同的命名
-let formData_box = props.modelValue;
+// props属性包装，继承了顶层组件的响应性，页面和js可以使用相同的命名
+const formData_box = props.modelValue;
 const formProps_box = props.myProps;
 const scopeThis_box = props.scopeThis;
 
@@ -23454,7 +23444,7 @@ return (_ctx, _cache) => {
                             }, [
                               vue.createVNode(script$h, {
                                 modelValue: vue.unref(formData_box),
-                                "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => (vue.isRef(formData_box) ? (formData_box).value = $event : formData_box = $event)),
+                                "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => (vue.isRef(formData_box) ? (formData_box).value = $event : null)),
                                 myProps: vue.unref(formProps_box),
                                 scopeThis: vue.unref(scopeThis_box),
                                 item: item0
@@ -23504,7 +23494,7 @@ return (_ctx, _cache) => {
                                                               }, [
                                                                 vue.createVNode(script$h, {
                                                                   modelValue: vue.unref(formData_box),
-                                                                  "onUpdate:modelValue": _cache[1] || (_cache[1] = $event => (vue.isRef(formData_box) ? (formData_box).value = $event : formData_box = $event)),
+                                                                  "onUpdate:modelValue": _cache[1] || (_cache[1] = $event => (vue.isRef(formData_box) ? (formData_box).value = $event : null)),
                                                                   myProps: vue.unref(formProps_box),
                                                                   scopeThis: vue.unref(scopeThis_box),
                                                                   item: item2
@@ -23517,7 +23507,7 @@ return (_ctx, _cache) => {
                                                           }, [
                                                             vue.createVNode(script$g, {
                                                               modelValue: vue.unref(formData_box),
-                                                              "onUpdate:modelValue": _cache[2] || (_cache[2] = $event => (vue.isRef(formData_box) ? (formData_box).value = $event : formData_box = $event)),
+                                                              "onUpdate:modelValue": _cache[2] || (_cache[2] = $event => (vue.isRef(formData_box) ? (formData_box).value = $event : null)),
                                                               myProps: vue.unref(formProps_box),
                                                               scopeThis: vue.unref(scopeThis_box),
                                                               item: item2
@@ -23540,7 +23530,7 @@ return (_ctx, _cache) => {
                             : vue.createCommentVNode("v-if", true),
                           vue.createVNode(script$g, {
                             modelValue: vue.unref(formData_box),
-                            "onUpdate:modelValue": _cache[3] || (_cache[3] = $event => (vue.isRef(formData_box) ? (formData_box).value = $event : formData_box = $event)),
+                            "onUpdate:modelValue": _cache[3] || (_cache[3] = $event => (vue.isRef(formData_box) ? (formData_box).value = $event : null)),
                             myProps: vue.unref(formProps_box),
                             scopeThis: vue.unref(scopeThis_box),
                             item: item0
@@ -23606,9 +23596,10 @@ var script$e = {
 
 const props = __props;
 
-let formData_box = props.modelValue;
+// 顶层组件的props属性需做响应性包装，页面和js可以使用相同的命名
+const formData_box = vue.reactive(props.modelValue);
 const formProps_box = vue.reactive(Object.assign({}, ly0default$2.myProps, props.myProps));
-const scopeThis_box = props.scopeThis;
+const scopeThis_box = vue.reactive(props.scopeThis);
 
 return (_ctx, _cache) => {
   const _component_el_dialog = vue.resolveComponent("el-dialog");
@@ -23628,20 +23619,20 @@ return (_ctx, _cache) => {
       }, {
         default: vue.withCtx(() => [
           vue.createVNode(script$f, {
-            modelValue: vue.unref(formData_box),
-            "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => (vue.isRef(formData_box) ? (formData_box).value = $event : formData_box = $event)),
+            modelValue: formData_box,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => ((formData_box) = $event)),
             myProps: formProps_box,
-            scopeThis: vue.unref(scopeThis_box)
+            scopeThis: scopeThis_box
           }, null, 8 /* PROPS */, ["modelValue", "myProps", "scopeThis"])
         ]),
         _: 1 /* STABLE */
       }, 8 /* PROPS */, ["modelValue", "title", "width", "top"]))
     : (vue.openBlock(), vue.createBlock(script$f, {
         key: 1,
-        modelValue: vue.unref(formData_box),
-        "onUpdate:modelValue": _cache[2] || (_cache[2] = $event => (vue.isRef(formData_box) ? (formData_box).value = $event : formData_box = $event)),
+        modelValue: formData_box,
+        "onUpdate:modelValue": _cache[2] || (_cache[2] = $event => ((formData_box) = $event)),
         myProps: formProps_box,
-        scopeThis: vue.unref(scopeThis_box)
+        scopeThis: scopeThis_box
       }, null, 8 /* PROPS */, ["modelValue", "myProps", "scopeThis"]))
 }
 }
@@ -23670,7 +23661,8 @@ var script$d = {
   setup(__props) {
 
 const props = __props;
-const myProps_box = vue.ref(Object.assign({}, ly0default$1.myProps, props.myProps));
+const myProps_box = vue.reactive(Object.assign({}, ly0default$1.myProps, props.myProps));
+const scopeThis_box = vue.reactive(props.scopeThis);
 
 const handleRun = (
     index, // 目标索引
@@ -23685,7 +23677,7 @@ const handleRun = (
         // 节点存在自定义索引
         if (!!menu[i].index && index === menu[i].index) {
             if (menu[i].handle) {
-                menu[i].handle(props.scopeThis, index);
+                menu[i].handle(scopeThis_box, index);
             }
             result = true;
             break
@@ -23693,7 +23685,7 @@ const handleRun = (
         // 节点不存在自定义索引
         if (index === index0) {
             if (menu[i].handle) {
-                menu[i].handle(props.scopeThis, index);
+                menu[i].handle(scopeThis_box, index);
             }
             result = true;
             break
@@ -23710,7 +23702,7 @@ const handleRun = (
 };
 
 const handleSelect = key=>{
-    handleRun(key, props.myProps.menu, '');
+    handleRun(key, myProps_box.menu, '');
 };
 
 const handleOpen = key=>{};
@@ -23722,22 +23714,22 @@ return (_ctx, _cache) => {
   const _component_el_menu = vue.resolveComponent("el-menu");
 
   return (vue.openBlock(), vue.createBlock(_component_el_menu, {
-    mode: myProps_box.value.mode,
-    "default-active": myProps_box.value.defaultActive,
+    mode: myProps_box.mode,
+    "default-active": myProps_box.defaultActive,
     onOpen: handleOpen,
     onClose: handleClose,
     onSelect: handleSelect,
-    "background-color": myProps_box.value.backgroundColor,
-    "text-color": myProps_box.value.textColor,
-    "active-text-color": myProps_box.value.activeTextColor,
+    "background-color": myProps_box.backgroundColor,
+    "text-color": myProps_box.textColor,
+    "active-text-color": myProps_box.activeTextColor,
     "menu-trigger": "hover",
-    style: vue.normalizeStyle('--el-menu-horizontal-height: ' + myProps_box.value.horizontalHeight + '; ' +
-            myProps_box.value.styleBase + ' ' +
-            myProps_box.value.style)
+    style: vue.normalizeStyle('--el-menu-horizontal-height: ' + myProps_box.horizontalHeight + '; ' +
+            myProps_box.styleBase + ' ' +
+            myProps_box.style)
   }, {
     default: vue.withCtx(() => [
       vue.createCommentVNode(" 第1层 "),
-      (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.myProps.menu, (item, index) => {
+      (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(myProps_box.menu, (item, index) => {
         return (vue.openBlock(), vue.createElementBlock(vue.Fragment, {
           key: item.index ? item.index : String(index)
         }, [
@@ -23749,7 +23741,7 @@ return (_ctx, _cache) => {
                     'disabled' in item
                     ? item.disabled
                     : 'hdlDisabled' in item
-                        ? item.hdlDisabled(__props.scopeThis, item, index)
+                        ? item.hdlDisabled(scopeThis_box, item, index)
                         : false
                 
               }, {
@@ -23778,7 +23770,7 @@ return (_ctx, _cache) => {
                             'disabled' in item0
                             ? item0.disabled
                             : 'hdlDisabled' in item0
-                                ? item0.hdlDisabled(__props.scopeThis, item0, index0)
+                                ? item0.hdlDisabled(scopeThis_box, item0, index0)
                                 : false
                         
                           }, {
@@ -23815,7 +23807,7 @@ return (_ctx, _cache) => {
                                     'disabled' in item1
                                     ? item1.disabled
                                     : 'hdlDisabled' in item1
-                                        ? item1.hdlDisabled(__props.scopeThis, item1, index1)
+                                        ? item1.hdlDisabled(scopeThis_box, item1, index1)
                                         : false
                                 
                                       }, {
@@ -23856,7 +23848,7 @@ return (_ctx, _cache) => {
                                             'disabled' in item2
                                             ? item2.disabled
                                             : 'hdlDisabled' in item2
-                                                ? item2.hdlDisabled(__props.scopeThis, item2, index2)
+                                                ? item2.hdlDisabled(scopeThis_box, item2, index2)
                                                 : false
                                         
                                                   }, {
@@ -23894,7 +23886,7 @@ return (_ctx, _cache) => {
                                                     'disabled' in item3
                                                     ? item3.disabled
                                                     : 'hdlDisabled' in item3
-                                                        ? item3.hdlDisabled(__props.scopeThis, item3, index3)
+                                                        ? item3.hdlDisabled(scopeThis_box, item3, index3)
                                                         : false
                                                 
                                                     }, {