@yoooloo42/joker 1.0.106 → 1.0.109

package/dist/index.esm.js

@@ -1,5 +1,5 @@
 import { useRouter } from 'vue-router';
-import { reactive, ref, watch, createElementBlock, openBlock, Fragment, createCommentVNode, createElementVNode, normalizeStyle, toDisplayString, computed, resolveComponent, unref, createBlock, withCtx, renderList, createTextVNode, createVNode, isRef, defineComponent, h, onMounted, onBeforeUnmount, nextTick as nextTick$1 } from 'vue';
+import { ref, createElementBlock, openBlock, Fragment, createCommentVNode, createElementVNode, normalizeStyle, toDisplayString, unref, reactive, computed, resolveComponent, createBlock, withCtx, renderList, createTextVNode, createVNode, isRef, defineComponent, h, onMounted, onBeforeUnmount, watch, nextTick as nextTick$1 } from 'vue';
 import { ElMessage } from 'element-plus';
 
 function _mergeNamespaces(n, m) {
@@ -22512,15 +22512,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 = reactive(Object.assign({}, props.scopeThis));
-const propsItem_box = reactive(Object.assign({}, props.item));
+// props属性包装，使得页面和js使用相同的命名
+const formData_box = props.modelValue;
+const scopeThis_box = props.scopeThis;
+const propsItem_box = props.item;
 
 const style = ref({
     box: styleModule.label.box(propsItem_box),
@@ -22529,18 +22528,9 @@ const style = 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});
     }
 };
-
-// 表单数据监听
-watch(
-    props.modelValue, // 监听 reactive 对象时，默认是深层监听
-    (newVal, oldVal) => {
-        // 触发 update:modelValue 事件更新父组件的 v-model 绑定的值
-        emit("update:modelValue", newVal);
-    }
-);
 
 return (_ctx, _cache) => {
   return (openBlock(), createElementBlock(Fragment, null, [
@@ -22551,7 +22541,7 @@ return (_ctx, _cache) => {
     }, [
       createElementVNode("span", {
         style: normalizeStyle(style.value.label)
-      }, toDisplayString(propsItem_box.label), 5 /* TEXT, STYLE */)
+      }, toDisplayString(unref(propsItem_box).label), 5 /* TEXT, STYLE */)
     ], 4 /* STYLE */)
   ], 2112 /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */))
 }
@@ -22615,8 +22605,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;
@@ -23306,7 +23296,7 @@ return (_ctx, _cache) => {
         ? (openBlock(), createElementBlock("div", _hoisted_28, [
             createVNode(_component_ly0d7thumb, {
               modelValue: unref(formData_box),
-              "onUpdate:modelValue": _cache[18] || (_cache[18] = $event => (isRef(formData_box) ? (formData_box).value = $event : formData_box = $event)),
+              "onUpdate:modelValue": _cache[18] || (_cache[18] = $event => (isRef(formData_box) ? (formData_box).value = $event : null)),
               myProps: {
                     thumb: {
                         fieldName: unref(propsItem_box).thumb.fieldName || unref(formProps_box).para.ly0d7thumb.thumb.fieldName,
@@ -23360,8 +23350,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;
 
@@ -23450,7 +23440,7 @@ return (_ctx, _cache) => {
                             }, [
                               createVNode(script$h, {
                                 modelValue: unref(formData_box),
-                                "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => (isRef(formData_box) ? (formData_box).value = $event : formData_box = $event)),
+                                "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => (isRef(formData_box) ? (formData_box).value = $event : null)),
                                 myProps: unref(formProps_box),
                                 scopeThis: unref(scopeThis_box),
                                 item: item0
@@ -23500,7 +23490,7 @@ return (_ctx, _cache) => {
                                                               }, [
                                                                 createVNode(script$h, {
                                                                   modelValue: unref(formData_box),
-                                                                  "onUpdate:modelValue": _cache[1] || (_cache[1] = $event => (isRef(formData_box) ? (formData_box).value = $event : formData_box = $event)),
+                                                                  "onUpdate:modelValue": _cache[1] || (_cache[1] = $event => (isRef(formData_box) ? (formData_box).value = $event : null)),
                                                                   myProps: unref(formProps_box),
                                                                   scopeThis: unref(scopeThis_box),
                                                                   item: item2
@@ -23513,7 +23503,7 @@ return (_ctx, _cache) => {
                                                           }, [
                                                             createVNode(script$g, {
                                                               modelValue: unref(formData_box),
-                                                              "onUpdate:modelValue": _cache[2] || (_cache[2] = $event => (isRef(formData_box) ? (formData_box).value = $event : formData_box = $event)),
+                                                              "onUpdate:modelValue": _cache[2] || (_cache[2] = $event => (isRef(formData_box) ? (formData_box).value = $event : null)),
                                                               myProps: unref(formProps_box),
                                                               scopeThis: unref(scopeThis_box),
                                                               item: item2
@@ -23536,7 +23526,7 @@ return (_ctx, _cache) => {
                             : createCommentVNode("v-if", true),
                           createVNode(script$g, {
                             modelValue: unref(formData_box),
-                            "onUpdate:modelValue": _cache[3] || (_cache[3] = $event => (isRef(formData_box) ? (formData_box).value = $event : formData_box = $event)),
+                            "onUpdate:modelValue": _cache[3] || (_cache[3] = $event => (isRef(formData_box) ? (formData_box).value = $event : null)),
                             myProps: unref(formProps_box),
                             scopeThis: unref(scopeThis_box),
                             item: item0
@@ -23602,9 +23592,10 @@ var script$e = {
 
 const props = __props;
 
-let formData_box = props.modelValue;
+// 顶层组件的props属性需做响应性包装，页面和js可以使用相同的命名
+const formData_box = reactive(props.modelValue);
 const formProps_box = reactive(Object.assign({}, ly0default$2.myProps, props.myProps));
-const scopeThis_box = props.scopeThis;
+const scopeThis_box = reactive(props.scopeThis);
 
 return (_ctx, _cache) => {
   const _component_el_dialog = resolveComponent("el-dialog");
@@ -23624,20 +23615,20 @@ return (_ctx, _cache) => {
       }, {
         default: withCtx(() => [
           createVNode(script$f, {
-            modelValue: unref(formData_box),
-            "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => (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: unref(scopeThis_box)
+            scopeThis: scopeThis_box
           }, null, 8 /* PROPS */, ["modelValue", "myProps", "scopeThis"])
         ]),
         _: 1 /* STABLE */
       }, 8 /* PROPS */, ["modelValue", "title", "width", "top"]))
     : (openBlock(), createBlock(script$f, {
         key: 1,
-        modelValue: unref(formData_box),
-        "onUpdate:modelValue": _cache[2] || (_cache[2] = $event => (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: unref(scopeThis_box)
+        scopeThis: scopeThis_box
       }, null, 8 /* PROPS */, ["modelValue", "myProps", "scopeThis"]))
 }
 }
@@ -23666,7 +23657,8 @@ var script$d = {
   setup(__props) {
 
 const props = __props;
-const myProps_box = ref(Object.assign({}, ly0default$1.myProps, props.myProps));
+const myProps_box = reactive(Object.assign({}, ly0default$1.myProps, props.myProps));
+const scopeThis_box = reactive(props.scopeThis);
 
 const handleRun = (
     index, // 目标索引
@@ -23681,7 +23673,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
@@ -23689,7 +23681,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
@@ -23706,7 +23698,7 @@ const handleRun = (
 };
 
 const handleSelect = key=>{
-    handleRun(key, props.myProps.menu, '');
+    handleRun(key, myProps_box.menu, '');
 };
 
 const handleOpen = key=>{};
@@ -23718,22 +23710,22 @@ return (_ctx, _cache) => {
   const _component_el_menu = resolveComponent("el-menu");
 
   return (openBlock(), 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: normalizeStyle('--el-menu-horizontal-height: ' + myProps_box.value.horizontalHeight + '; ' +
-            myProps_box.value.styleBase + ' ' +
-            myProps_box.value.style)
+    style: normalizeStyle('--el-menu-horizontal-height: ' + myProps_box.horizontalHeight + '; ' +
+            myProps_box.styleBase + ' ' +
+            myProps_box.style)
   }, {
     default: withCtx(() => [
       createCommentVNode(" 第1层 "),
-      (openBlock(true), createElementBlock(Fragment, null, renderList(__props.myProps.menu, (item, index) => {
+      (openBlock(true), createElementBlock(Fragment, null, renderList(myProps_box.menu, (item, index) => {
         return (openBlock(), createElementBlock(Fragment, {
           key: item.index ? item.index : String(index)
         }, [
@@ -23745,7 +23737,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
                 
               }, {
@@ -23774,7 +23766,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
                         
                           }, {
@@ -23811,7 +23803,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
                                 
                                       }, {
@@ -23852,7 +23844,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
                                         
                                                   }, {
@@ -23890,7 +23882,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
                                                 
                                                     }, {