@yoooloo42/joker 1.0.61 → 1.0.63

package/dist/index.esm.js

@@ -1,5 +1,5 @@
 import { useRouter } from 'vue-router';
-import { computed, createElementBlock, openBlock, Fragment, createCommentVNode, createElementVNode, normalizeStyle, toDisplayString, reactive, ref, resolveComponent, createBlock, withCtx, renderList, createTextVNode, createVNode, defineComponent, h, onMounted, onBeforeUnmount, watch, nextTick as nextTick$1, unref } from 'vue';
+import { ref, createElementBlock, openBlock, Fragment, createCommentVNode, createElementVNode, normalizeStyle, toDisplayString, reactive, computed, resolveComponent, createBlock, withCtx, renderList, createTextVNode, createVNode, defineComponent, h, onMounted, onBeforeUnmount, watch, nextTick as nextTick$1, unref } from 'vue';
 
 function _mergeNamespaces(n, m) {
 	m.forEach(function (e) {
@@ -22414,23 +22414,19 @@ var styleModule = {
 
 var script$h = {
   __name: 'LabelBox',
-  props: ["myProps", "dataBox", "item"],
+  props: ["scopeThis", "myProps", "dataBox", "item"],
   setup(__props) {
 
 const props = __props;
 
-const style = {
-    box: computed(()=>{
-        return styleModule.label.box(props.item)
-    }),
-    label: computed(()=>{
-        return styleModule.label.label(props.item)
-    }),
-};
+const style = ref({
+    box: styleModule.label.box(props.item),
+    label: styleModule.label.label(props.item),
+});
 
 const hdlClick = () => {
     if(props.item.hdlLabelClick){
-        props.item.hdlLabelClick(props.dataBox.fieldsValue, props.item);
+        props.item.hdlLabelClick(props.scopeThis, props.dataBox.fieldsValue, props.item);
     }
 };
 
@@ -22438,11 +22434,11 @@ return (_ctx, _cache) => {
   return (openBlock(), createElementBlock(Fragment, null, [
     createCommentVNode(" label-box "),
     createElementVNode("div", {
-      style: normalizeStyle(style.box),
+      style: normalizeStyle(style.value.box),
       onClick: hdlClick
     }, [
       createElementVNode("span", {
-        style: normalizeStyle(style.label)
+        style: normalizeStyle(style.value.label)
       }, toDisplayString(__props.item.label), 5 /* TEXT, STYLE */)
     ], 4 /* STYLE */)
   ], 2112 /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */))
@@ -22485,7 +22481,7 @@ const _hoisted_28 = { key: 30 };
 
 var script$g = {
   __name: 'InputBox',
-  props: ["myProps", "dataBox", "item"],
+  props: ["scopeThis", "myProps", "dataBox", "item"],
   setup(__props) {
 
 const props = __props;
@@ -22515,7 +22511,7 @@ const select = reactive({
     }),
     hdlChange: value => {
         if (props.item.hdlChange) {
-            props.item.hdlChange(props.dataBox.fieldsValue, props.item, value);
+            props.item.hdlChange(props.scopeThis, props.dataBox.fieldsValue, props.item, value);
         }
     }
 });
@@ -22547,7 +22543,7 @@ const datePicker = reactive({
     }),
     hdlChange: value => {
         if (props.item.hdlChange) {
-            props.item.hdlChange(props.dataBox.fieldsValue, props.item, value);
+            props.item.hdlChange(props.scopeThis, props.dataBox.fieldsValue, props.item, value);
         }
     }
 });
@@ -22555,7 +22551,7 @@ const datePicker = reactive({
 const ly0switch = reactive({
     hdlChange: value => {
         if (props.item.hdlChange) {
-            props.item.hdlChange(props.dataBox.fieldsValue, props.item, value);
+            props.item.hdlChange(props.scopeThis, props.dataBox.fieldsValue, props.item, value);
         }
     }
 });
@@ -22563,7 +22559,7 @@ const ly0switch = reactive({
 const radioGroup = reactive({
     hdlChange: value => {
         if (props.item.hdlChange) {
-            props.item.hdlChange(props.dataBox.fieldsValue, props.item, value);
+            props.item.hdlChange(props.scopeThis, props.dataBox.fieldsValue, props.item, value);
         }
     }
 });
@@ -22966,7 +22962,7 @@ return (_ctx, _cache) => {
                           plain: style.button_group(__props.item, item0, item1).button.facade.plain,
                           round: style.button_group(__props.item, item0, item1).button.facade.round,
                           circle: style.button_group(__props.item, item0, item1).button.facade.circle,
-                          onClick: $event => (item1.hdlClick ? item1.hdlClick(__props.dataBox.fieldsValue, __props.item) : null),
+                          onClick: $event => (item1.hdlClick ? item1.hdlClick(__props.scopeThis, __props.dataBox.fieldsValue, __props.item) : null),
                           key: index1
                         }, {
                           default: withCtx(() => [
@@ -23280,7 +23276,7 @@ const _hoisted_4$6 = ["colspan"];
 
 var script$f = {
   __name: 'Form',
-  props: ["myProps", "dataBox"],
+  props: ["scopeThis", "myProps", "dataBox"],
   setup(__props) {
 
 const style = reactive({
@@ -23303,8 +23299,9 @@ return (_ctx, _cache) => {
     (__props.myProps.menu && __props.myProps.menu.menu && __props.myProps.menu.menu.length > 0)
       ? (openBlock(), createBlock(_component_ly0Menu, {
           key: 0,
+          scopeThis: __props.scopeThis,
           myProps: __props.myProps.menu
-        }, null, 8 /* PROPS */, ["myProps"]))
+        }, null, 8 /* PROPS */, ["scopeThis", "myProps"]))
       : createCommentVNode("v-if", true),
     createCommentVNode(" 表单区域可以分为多个列 "),
     createElementVNode("div", {
@@ -23316,7 +23313,7 @@ return (_ctx, _cache) => {
             createElementVNode("tbody", null, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(item.items, (item0, index0) => {
                 return (openBlock(), createElementBlock(Fragment, { key: index0 }, [
-                  (item0.hdlVisible ? item0.hdlVisible(__props.dataBox.fieldsValue) : true)
+                  (item0.hdlVisible ? item0.hdlVisible(__props.scopeThis, __props.dataBox.fieldsValue) : true)
                     ? (openBlock(), createElementBlock("tr", _hoisted_1$d, [
                         (!!item0.label)
                           ? (openBlock(), createElementBlock("td", {
@@ -23324,10 +23321,11 @@ return (_ctx, _cache) => {
                               style: normalizeStyle(style.field_box.left)
                             }, [
                               createVNode(script$h, {
+                                scopeThis: __props.scopeThis,
                                 myProps: __props.myProps,
                                 dataBox: __props.dataBox,
                                 item: item0
-                              }, null, 8 /* PROPS */, ["myProps", "dataBox", "item"])
+                              }, null, 8 /* PROPS */, ["scopeThis", "myProps", "dataBox", "item"])
                             ], 4 /* STYLE */))
                           : createCommentVNode("v-if", true),
                         createElementVNode("td", {
@@ -23348,7 +23346,7 @@ return (_ctx, _cache) => {
                                 default: withCtx(() => [
                                   (openBlock(true), createElementBlock(Fragment, null, renderList(item0.items, (item1, index1) => {
                                     return (openBlock(), createElementBlock(Fragment, { key: index1 }, [
-                                      (item1.hdlVisible ? item1.hdlVisible(__props.dataBox.fieldsValue) : true)
+                                      (item1.hdlVisible ? item1.hdlVisible(__props.scopeThis, __props.dataBox.fieldsValue) : true)
                                         ? (openBlock(), createBlock(_component_el_collapse_item, {
                                             key: 0,
                                             title: item1.title,
@@ -23362,7 +23360,7 @@ return (_ctx, _cache) => {
                                                   return (openBlock(), createElementBlock(Fragment, { key: index2 }, [
                                                     (
                                                             item2.hdlVisible
-                                                            ? item2.hdlVisible(__props.dataBox.fieldsValue)
+                                                            ? item2.hdlVisible(__props.scopeThis, __props.dataBox.fieldsValue)
                                                             : true
                                                         )
                                                       ? (openBlock(), createElementBlock("tr", _hoisted_3$7, [
@@ -23372,10 +23370,11 @@ return (_ctx, _cache) => {
                                                                 style: normalizeStyle(style.field_box.left)
                                                               }, [
                                                                 createVNode(script$h, {
+                                                                  scopeThis: __props.scopeThis,
                                                                   myProps: __props.myProps,
                                                                   dataBox: __props.dataBox,
                                                                   item: item2
-                                                                }, null, 8 /* PROPS */, ["myProps", "dataBox", "item"])
+                                                                }, null, 8 /* PROPS */, ["scopeThis", "myProps", "dataBox", "item"])
                                                               ], 4 /* STYLE */))
                                                             : createCommentVNode("v-if", true),
                                                           createElementVNode("td", {
@@ -23383,10 +23382,11 @@ return (_ctx, _cache) => {
                                                             colspan: style.no_field_label(item2)
                                                           }, [
                                                             createVNode(script$g, {
+                                                              scopeThis: __props.scopeThis,
                                                               myProps: __props.myProps,
                                                               dataBox: __props.dataBox,
                                                               item: item2
-                                                            }, null, 8 /* PROPS */, ["myProps", "dataBox", "item"])
+                                                            }, null, 8 /* PROPS */, ["scopeThis", "myProps", "dataBox", "item"])
                                                           ], 12 /* STYLE, PROPS */, _hoisted_4$6)
                                                         ]))
                                                       : createCommentVNode("v-if", true)
@@ -23404,10 +23404,11 @@ return (_ctx, _cache) => {
                               }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["accordion", "modelValue", "onUpdate:modelValue", "style"]))
                             : (openBlock(), createBlock(script$g, {
                                 key: 1,
+                                scopeThis: __props.scopeThis,
                                 myProps: __props.myProps,
                                 dataBox: __props.dataBox,
                                 item: item0
-                              }, null, 8 /* PROPS */, ["myProps", "dataBox", "item"]))
+                              }, null, 8 /* PROPS */, ["scopeThis", "myProps", "dataBox", "item"]))
                         ], 12 /* STYLE, PROPS */, _hoisted_2$c)
                       ]))
                     : createCommentVNode("v-if", true)
@@ -23431,7 +23432,7 @@ return (_ctx, _cache) => {
               type: style.submit_box.button.facade.type,
               plain: style.submit_box.button.facade.plain,
               style: normalizeStyle(style.submit_box.button.style),
-              onClick: _cache[0] || (_cache[0] = $event => (__props.dataBox.hdlSubmit(__props.dataBox.fieldsValue)))
+              onClick: _cache[0] || (_cache[0] = $event => (__props.dataBox.hdlSubmit(__props.scopeThis, __props.dataBox.fieldsValue)))
             }, {
               default: withCtx(() => [...(_cache[1] || (_cache[1] = [
                 createTextVNode("提交", -1 /* CACHED */)
@@ -23503,7 +23504,7 @@ var ly0default$2 = {
 
 var script$e = {
   __name: 'index',
-  props: ["myProps", "dataBox"],
+  props: ["scopeThis", "myProps", "dataBox"],
   setup(__props) {
 
 const props = __props;
@@ -23529,9 +23530,10 @@ return (_ctx, _cache) => {
           (myProps0.value)
             ? (openBlock(), createBlock(script$f, {
                 key: 0,
+                scopeThis: __props.scopeThis,
                 myProps: myProps0.value,
                 dataBox: __props.dataBox
-              }, null, 8 /* PROPS */, ["myProps", "dataBox"]))
+              }, null, 8 /* PROPS */, ["scopeThis", "myProps", "dataBox"]))
             : createCommentVNode("v-if", true)
         ]),
         _: 1 /* STABLE */
@@ -23539,9 +23541,10 @@ return (_ctx, _cache) => {
     : (myProps0.value)
       ? (openBlock(), createBlock(script$f, {
           key: 1,
+          scopeThis: __props.scopeThis,
           myProps: myProps0.value,
           dataBox: __props.dataBox
-        }, null, 8 /* PROPS */, ["myProps", "dataBox"]))
+        }, null, 8 /* PROPS */, ["scopeThis", "myProps", "dataBox"]))
       : createCommentVNode("v-if", true)
 }
 }
@@ -23565,87 +23568,79 @@ var ly0default$1 = {
 };
 
 var script$d = {
-    props: ['myProps'],
-    computed: {
-        myProps0(){
-            return Object.assign({}, ly0default$1.myProps, this.myProps)
+  __name: 'index',
+  props: ["scopeThis", "myProps"],
+  setup(__props) {
+
+const props = __props;
+const myProps0 = ref(Object.assign({}, ly0default$1.myProps, props.myProps));
+
+const handleRun = (
+    index, // 目标索引
+    menu, // 当前菜单
+    indexFather, // 父节点索引
+) => {
+    let result = false;
+    // 遍历菜单节点
+    for (let i = 0; i < menu.length; i++) {
+        // 内部索引继承
+        let index0 = indexFather ? indexFather + '-' + i : '' + i;
+        // 节点存在自定义索引
+        if (!!menu[i].index && index === menu[i].index) {
+            if (menu[i].handle) {
+                menu[i].handle(props.scopeThis, index);
+            }
+            result = true;
+            break
         }
-    },
-    methods: {
-        handleSelect(
-            key,
-            // keyPath
-        ) {
-            this.handleRun(key, this.myProps.menu, '');
-        },
-        handleOpen() {},
-            // key,
-            // keyPath
-        handleClose() {},
-            // key,
-            // keyPath
-            // 执行菜单句柄
-        handleRun(
-            index, // 目标索引
-            menu, // 当前菜单
-            indexFather, // 父节点索引
-        ) {
-            let result = false;
-            // 遍历菜单节点
-            for (let i = 0; i < menu.length; i++) {
-                // 内部索引继承
-                let index0 = indexFather ? indexFather + '-' + i : '' + i;
-                // 节点存在自定义索引
-                if (!!menu[i].index && index === menu[i].index) {
-                    if (menu[i].handle) {
-                        menu[i].handle(index);
-                    }
-                    result = true;
-                    break
-                }
-                // 节点不存在自定义索引
-                if (index === index0) {
-                    if (menu[i].handle) {
-                        menu[i].handle(index);
-                    }
-                    result = true;
-                    break
-                }
-                // 存在子节点，递归调用
-                if (!!menu[i].menu && menu[i].menu.length > 0) {
-                    result = this.handleRun(index, menu[i].menu, index0);
-                    if (!!result) {
-                        break
-                    }
-                }
+        // 节点不存在自定义索引
+        if (index === index0) {
+            if (menu[i].handle) {
+                menu[i].handle(props.scopeThis, index);
             }
-            return result
-        },
-    },
+            result = true;
+            break
+        }
+        // 存在子节点，递归调用
+        if (!!menu[i].menu && menu[i].menu.length > 0) {
+            result = handleRun(index, menu[i].menu, index0);
+            if (!!result) {
+                break
+            }
+        }
+    }
+    return result
 };
 
-function render$6(_ctx, _cache, $props, $setup, $data, $options) {
+const handleSelect = key=>{
+    handleRun(key, this.myProps.menu, '');
+};
+
+const handleOpen = key=>{};
+const handleClose = key=> {};
+
+return (_ctx, _cache) => {
   const _component_el_menu_item = resolveComponent("el-menu-item");
   const _component_el_sub_menu = resolveComponent("el-sub-menu");
   const _component_el_menu = resolveComponent("el-menu");
 
   return (openBlock(), createBlock(_component_el_menu, {
-    mode: $options.myProps0.mode,
-    "default-active": $options.myProps0.defaultActive,
-    onOpen: $options.handleOpen,
-    onClose: $options.handleClose,
-    onSelect: $options.handleSelect,
-    "background-color": $options.myProps0.backgroundColor,
-    "text-color": $options.myProps0.textColor,
-    "active-text-color": $options.myProps0.activeTextColor,
+    mode: myProps0.value.mode,
+    "default-active": myProps0.value.defaultActive,
+    onOpen: handleOpen,
+    onClose: handleClose,
+    onSelect: handleSelect,
+    "background-color": myProps0.value.backgroundColor,
+    "text-color": myProps0.value.textColor,
+    "active-text-color": myProps0.value.activeTextColor,
     "menu-trigger": "hover",
-    style: normalizeStyle('--el-menu-horizontal-height: ' + $options.myProps0.horizontalHeight + '; ' +
-            $options.myProps0.styleBase + ' ' +
-            $options.myProps0.style)
+    style: normalizeStyle('--el-menu-horizontal-height: ' + myProps0.value.horizontalHeight + '; ' +
+            myProps0.value.styleBase + ' ' +
+            myProps0.value.style)
   }, {
     default: withCtx(() => [
       createCommentVNode(" 第1层 "),
-      (openBlock(true), createElementBlock(Fragment, null, renderList($props.myProps.menu, (item, index) => {
+      (openBlock(true), createElementBlock(Fragment, null, renderList(__props.myProps.menu, (item, index) => {
         return (openBlock(), createElementBlock(Fragment, {
           key: item.index ? item.index : String(index)
         }, [
@@ -23657,7 +23652,7 @@ function render$6(_ctx, _cache, $props, $setup, $data, $options) {
                     'disabled' in item
                     ? item.disabled
                     : 'hdlDisabled' in item
-                        ? item.hdlDisabled(item, index)
+                        ? item.hdlDisabled(__props.scopeThis, item, index)
                         : false
                 
               }, {
@@ -23686,7 +23681,7 @@ function render$6(_ctx, _cache, $props, $setup, $data, $options) {
                             'disabled' in item0
                             ? item0.disabled
                             : 'hdlDisabled' in item0
-                                ? item0.hdlDisabled(item0, index0)
+                                ? item0.hdlDisabled(__props.scopeThis, item0, index0)
                                 : false
                         
                           }, {
@@ -23723,7 +23718,7 @@ function render$6(_ctx, _cache, $props, $setup, $data, $options) {
                                     'disabled' in item1
                                     ? item1.disabled
                                     : 'hdlDisabled' in item1
-                                        ? item1.hdlDisabled(item1, index1)
+                                        ? item1.hdlDisabled(__props.scopeThis, item1, index1)
                                         : false
                                 
                                       }, {
@@ -23764,7 +23759,7 @@ function render$6(_ctx, _cache, $props, $setup, $data, $options) {
                                             'disabled' in item2
                                             ? item2.disabled
                                             : 'hdlDisabled' in item2
-                                                ? item2.hdlDisabled(item2, index2)
+                                                ? item2.hdlDisabled(__props.scopeThis, item2, index2)
                                                 : false
                                         
                                                   }, {
@@ -23802,7 +23797,7 @@ function render$6(_ctx, _cache, $props, $setup, $data, $options) {
                                                     'disabled' in item3
                                                     ? item3.disabled
                                                     : 'hdlDisabled' in item3
-                                                        ? item3.hdlDisabled(item3, index3)
+                                                        ? item3.hdlDisabled(__props.scopeThis, item3, index3)
                                                         : false
                                                 
                                                     }, {
@@ -23834,10 +23829,12 @@ function render$6(_ctx, _cache, $props, $setup, $data, $options) {
       }), 128 /* KEYED_FRAGMENT */))
     ]),
     _: 1 /* STABLE */
-  }, 8 /* PROPS */, ["mode", "default-active", "onOpen", "onClose", "onSelect", "background-color", "text-color", "active-text-color", "style"]))
+  }, 8 /* PROPS */, ["mode", "default-active", "background-color", "text-color", "active-text-color", "style"]))
 }
+}
+
+};
 
-script$d.render = render$6;
 script$d.__file = "src/menu/index.vue";
 
 var quill$1 = {exports: {}};