@vipl520/dk-ui 1.0.42 → 1.0.44

package/lib/page-diy/src/page-diy.vue.js

@@ -244,9 +244,7 @@ const _sfc_main = vue.defineComponent({
         // 处理对象节点
         if (Array.isArray(node.children)) {
           // 只保留 children 数组中的对象类型元素
-          node.children = node.children.filter(
-            (child) => typeof child === 'object' && child !== null
-          );
+          node.children = node.children.filter((child) => typeof child === 'object' && child !== null);
           // 递归处理每个子节点
           node.children = cleanTreeData(node.children);
         }
@@ -259,10 +257,7 @@ const _sfc_main = vue.defineComponent({
     vue.watch(
       () => data.dragForm,
       () => {
-        data.treeAside.treeData = methods.parseRule(
-          deepextend.deepCopy(data.dragForm.api.rule[0].children),
-          true
-        );
+        data.treeAside.treeData = methods.parseRule(deepextend.deepCopy(data.dragForm.api.rule[0].children), true);
         data.treeAside.treeData = cleanTreeData(data.treeAside.treeData);
       },
       {
@@ -470,9 +465,7 @@ const _sfc_main = vue.defineComponent({
           rules = [];
         }
         data.children = methods.makeChildren(
-          methods.loadRule(
-            is.String(rules) ? form.designerForm.parseJson(rules) : deepextend.deepCopy(rules)
-          )
+          methods.loadRule(is.String(rules) ? form.designerForm.parseJson(rules) : deepextend.deepCopy(rules))
         );
         methods.clearActiveRule();
         data.dragForm.rule = methods.makeDragRule(data.children);
@@ -591,15 +584,9 @@ const _sfc_main = vue.defineComponent({
             field = tocase.lower(field);
             if (field.indexOf('effect') === 0 && field.indexOf('>') > -1) {
               delete data.activeRule.effect[field.split('>')[1]];
-            } else if (
-              field.indexOf('props') === 0 &&
-              field.indexOf('>') > -1
-            ) {
+            } else if (field.indexOf('props') === 0 && field.indexOf('>') > -1) {
               delete data.activeRule.props[field.split('>')[1]];
-            } else if (
-              field.indexOf('attrs') === 0 &&
-              field.indexOf('>') > -1
-            ) {
+            } else if (field.indexOf('attrs') === 0 && field.indexOf('>') > -1) {
               data.activeRule.attrs[field.split('>')[1]] = value;
             } else if (field === 'child') {
               delete data.activeRule.children[0];
@@ -628,15 +615,9 @@ const _sfc_main = vue.defineComponent({
             field = tocase.lower(field);
             if (field.indexOf('effect') === 0 && field.indexOf('>') > -1) {
               data.activeRule.effect[field.split('>')[1]] = value;
-            } else if (
-              field.indexOf('props') === 0 &&
-              field.indexOf('>') > -1
-            ) {
+            } else if (field.indexOf('props') === 0 && field.indexOf('>') > -1) {
               data.activeRule.props[field.split('>')[1]] = value;
-            } else if (
-              field.indexOf('attrs') === 0 &&
-              field.indexOf('>') > -1
-            ) {
+            } else if (field.indexOf('attrs') === 0 && field.indexOf('>') > -1) {
               data.activeRule.attrs[field.split('>')[1]] = value;
             } else if (field === 'child') {
               data.activeRule.children[0] = value;
@@ -748,18 +729,14 @@ const _sfc_main = vue.defineComponent({
         ;['props', 'effect', 'attrs'].forEach((name) => {
           rule[name] &&
             Object.keys(rule[name]).forEach((k) => {
-              formData['formCreate' + help.upper(name) + '>' + k] = deepextend.deepCopy(
-                rule[name][k]
-              );
+              formData['formCreate' + help.upper(name) + '>' + k] = deepextend.deepCopy(rule[name][k]);
             });
         });
         // console.log('formData', formData)
         data.propsForm.value = formData;
 
         data.showBaseRule =
-          is.hasProperty(rule, 'field') &&
-          rule.input !== false &&
-          (!config.value || config.value.showBaseForm !== false);
+          is.hasProperty(rule, 'field') && rule.input !== false && (!config.value || config.value.showBaseForm !== false);
         if (data.showBaseRule) {
           data.dragForm.api.refreshValidate();
         }
@@ -786,9 +763,7 @@ const _sfc_main = vue.defineComponent({
           const rule = methods.makeRule(ruleList[menu.name]);
           const config = rule.children[0].config.config;
           const count = config.count ? config.count : 99;
-          const _count = countObj.value[config.name]
-            ? countObj.value[config.name]
-            : 0;
+          const _count = countObj.value[config.name] ? countObj.value[config.name] : 0;
           if (_count >= count) {
             elementPlus.ElNotification({
               title: '警告',
@@ -802,10 +777,7 @@ const _sfc_main = vue.defineComponent({
         data.added = true;
       },
       dragEnd(children, { newIndex, oldIndex }) {
-        if (
-          !data.added &&
-          !(data.moveRule === children && newIndex === oldIndex)
-        ) {
+        if (!data.added && !(data.moveRule === children && newIndex === oldIndex)) {
           const rule = data.moveRule.splice(oldIndex, 1);
           children.splice(newIndex, 0, rule[0]);
         }
@@ -827,21 +799,12 @@ const _sfc_main = vue.defineComponent({
         let drag;
         if (config.drag) {
           rule.children.push(
-            (drag = methods.makeDrag(
-              config.drag,
-              rule.type,
-              methods.makeChildren([]),
-              {
-                end: (inject, evt) =>
-                  methods.dragEnd(inject.self.children, evt),
-                add: (inject, evt) =>
-                  methods.dragAdd(inject.self.children, evt),
-                start: (inject, evt) =>
-                  methods.dragStart(inject.self.children, evt),
-                unchoose: (inject, evt) =>
-                  methods.dragUnchoose(inject.self.children, evt),
-              }
-            ))
+            (drag = methods.makeDrag(config.drag, rule.type, methods.makeChildren([]), {
+              end: (inject, evt) => methods.dragEnd(inject.self.children, evt),
+              add: (inject, evt) => methods.dragAdd(inject.self.children, evt),
+              start: (inject, evt) => methods.dragStart(inject.self.children, evt),
+              unchoose: (inject, evt) => methods.dragUnchoose(inject.self.children, evt),
+            }))
           );
         }
         if (config.children && !_rule) {
@@ -851,10 +814,7 @@ const _sfc_main = vue.defineComponent({
           }
         }
 
-        const dragMask =
-          mask.value !== undefined
-            ? mask.value !== false
-            : config.mask !== false;
+        const dragMask = mask.value !== undefined ? mask.value !== false : config.mask !== false;
         if (config.inside) {
           rule.children = methods.makeChildren([
             {
@@ -890,10 +850,9 @@ const _sfc_main = vue.defineComponent({
                   const config = top.parent.config.config;
                   const item = ruleList[config.children];
                   if (!item) return
-                  ;(!config.drag
-                    ? top.parent
-                    : top.parent.children[0]
-                  ).children[0].children.push(methods.makeRule(item));
+                  ;(!config.drag ? top.parent : top.parent.children[0]).children[0].children.push(
+                    methods.makeRule(item)
+                  );
                 },
                 copy: ({ self }) => {
                   const top = methods.getParent(self);
@@ -946,10 +905,7 @@ const _sfc_main = vue.defineComponent({
                 const config = self.children[0].config.config;
                 const item = ruleList[config.children];
                 if (!item) return
-                ;(!config.drag
-                  ? self
-                  : self.children[0]
-                ).children[0].children.push(methods.makeRule(item));
+                ;(!config.drag ? self : self.children[0]).children[0].children.push(methods.makeRule(item));
               },
               copy: ({ self }) => {
                 vm.emit('copy', self.children[0]);
@@ -957,11 +913,7 @@ const _sfc_main = vue.defineComponent({
                 const copyRule = form.designerForm.copyRule(top.parent);
                 // 解决复制后，组件的setting配置失效
                 copyRule.props.setting = copyRule.children[0].setting;
-                top.root.children.splice(
-                  top.root.children.indexOf(top.parent) + 1,
-                  0,
-                  copyRule
-                );
+                top.root.children.splice(top.root.children.indexOf(top.parent) + 1, 0, copyRule);
               },
               active: ({ self }) => {
                 vm.emit('active', self.children[0]);
@@ -979,18 +931,15 @@ const _sfc_main = vue.defineComponent({
         data.dragName = name;
         if (name === 'left') {
           // 获取._fc-l的宽度
-          data.asideValue =
-            document.getElementsByClassName('_fc-l')[0].offsetWidth;
+          data.asideValue = document.getElementsByClassName('_fc-l')[0].offsetWidth;
         }
         if (name === 'right') {
-          data.asideValue =
-            document.getElementsByClassName('_fc-r')[0].offsetWidth;
+          data.asideValue = document.getElementsByClassName('_fc-r')[0].offsetWidth;
         }
         document.body.style.cursor = 'ew-resize';
         if (name === 'tree') {
           data.startValue = e.clientY;
-          data.asideValue =
-            document.getElementsByClassName('children-list')[0].offsetHeight;
+          data.asideValue = document.getElementsByClassName('children-list')[0].offsetHeight;
           console.log('data.startValue', data.startValue);
           console.log('data.asideValue', data.asideValue);
           document.body.style.cursor = 'n-resize';
@@ -1082,20 +1031,11 @@ const _sfc_main = vue.defineComponent({
         const draggingRule = draggingNode.data.config.config;
         const dropRule = dropNode.data.config.config;
         //  内部元素放到指定的外部才可以放置
-        if (
-          type === 'inner' &&
-          draggingRule.inside &&
-          draggingRule.name === dropRule.children
-        ) {
+        if (type === 'inner' && draggingRule.inside && draggingRule.name === dropRule.children) {
           return true
         }
         // 同样父级
-        if (
-          type !== 'inner' &&
-          draggingRule.name === dropRule.name &&
-          draggingRule.inside &&
-          dropRule.inside
-        ) {
+        if (type !== 'inner' && draggingRule.name === dropRule.name && draggingRule.inside && dropRule.inside) {
           return true
         }
 
@@ -1121,9 +1061,7 @@ const _sfc_main = vue.defineComponent({
         methods.setRule(data.treeAside.treeData);
       },
     };
-    data.dragForm.rule = methods.makeDragRule(
-      methods.makeChildren(data.children)
-    );
+    data.dragForm.rule = methods.makeDragRule(methods.makeChildren(data.children));
     return {
       ...vue.toRefs(data),
       ...methods,
@@ -1194,11 +1132,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                   item: vue.withCtx(({ element }) => [
                     (vue.openBlock(), vue.createElementBlock("div", {
                       key: element.id,
-                      class: vue.normalizeClass(["_fc-l-item", 
-                    element.count - (_ctx.countObj[element.name] || 0) <= 0
-                      ? 'not-drag'
-                      : ''
-                  ])
+                      class: vue.normalizeClass(["_fc-l-item", element.count - (_ctx.countObj[element.name] || 0) <= 0 ? 'not-drag' : ''])
                     }, [
                       vue.createElementVNode("div", _hoisted_3, [
                         vue.createVNode(_component_dk_icon, {
@@ -1244,9 +1178,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               default: vue.withCtx(({ data }) => [
                 vue.createElementVNode("div", {
                   class: "el-tree-node-content",
-                  style: vue.normalizeStyle(
-                _ctx.activeRule && _ctx.activeRule._id === data._id ? 'color:red' : ''
-              )
+                  style: vue.normalizeStyle(_ctx.activeRule && _ctx.activeRule._id === data._id ? 'color:red' : '')
                 }, [
                   vue.createTextVNode(vue.toDisplayString(data.type) + " ", 1 /* TEXT */),
                   (data.config?.config.label)
@@ -1458,7 +1390,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3 /* FORWARDED */
   }))
 }
-var _PageDiy = /*#__PURE__*/_pluginVue_exportHelper.default(_sfc_main, [['render',_sfc_render],['__file',"E:\\project\\monster-admin\\system\\dkgs-ui-vlib-starter\\dkgs-ui-doc\\packages\\dk-ui\\src\\page-diy\\src\\page-diy.vue"]]);
+var _PageDiy = /*#__PURE__*/_pluginVue_exportHelper.default(_sfc_main, [['render',_sfc_render],['__file',"E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\page-diy\\src\\page-diy.vue"]]);
 
 exports.default = _PageDiy;
 //# sourceMappingURL=page-diy.vue.js.map