@vipl520/dk-ui 1.0.40 → 1.0.42

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

@@ -5,7 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var deepextend = require('@form-create/utils/lib/deepextend');
 var is = require('@form-create/utils/lib/type');
 var tocase = require('@form-create/utils/lib/tocase');
-var draggable = require('vuedraggable/src/vuedraggable');
 var PreviewPhone = require('./components/PreviewPhone.vue.js');
 var index = require('./config/rule/web/index.js');
 var index$1 = require('./config/rule/min/index.js');
@@ -44,7 +43,7 @@ const _sfc_main = vue.defineComponent({
   name: 'DkPageDiy',
   components: {
     DiyCloud: DiyCloud.default,
-    draggable,
+    // draggable,
     PreviewPhone: PreviewPhone.default,
     DragForm: form.designerForm.$form(),
   },
@@ -245,7 +244,9 @@ 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);
         }
@@ -258,7 +259,10 @@ 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);
       },
       {
@@ -466,7 +470,9 @@ 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);
@@ -585,9 +591,15 @@ 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];
@@ -616,9 +628,15 @@ 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;
@@ -730,14 +748,18 @@ 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();
         }
@@ -764,7 +786,9 @@ 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: '警告',
@@ -778,7 +802,10 @@ 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]);
         }
@@ -800,12 +827,21 @@ 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) {
@@ -815,7 +851,10 @@ 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([
             {
@@ -851,9 +890,10 @@ 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);
@@ -906,7 +946,10 @@ 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]);
@@ -914,7 +957,11 @@ 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]);
@@ -932,15 +979,18 @@ 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';
@@ -1032,11 +1082,20 @@ 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
         }
 
@@ -1062,7 +1121,9 @@ 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,
@@ -1133,7 +1194,11 @@ 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, {
@@ -1178,7 +1243,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             }, {
               default: vue.withCtx(({ data }) => [
                 vue.createElementVNode("div", {
-                  style: vue.normalizeStyle(_ctx.activeRule && _ctx.activeRule._id === data._id ? 'color:red' : '')
+                  class: "el-tree-node-content",
+                  style: vue.normalizeStyle(
+                _ctx.activeRule && _ctx.activeRule._id === data._id ? 'color:red' : ''
+              )
                 }, [
                   vue.createTextVNode(vue.toDisplayString(data.type) + " ", 1 /* TEXT */),
                   (data.config?.config.label)
@@ -1390,7 +1458,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-back\\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-vlib-starter\\dkgs-ui-doc\\packages\\dk-ui\\src\\page-diy\\src\\page-diy.vue"]]);
 
 exports.default = _PageDiy;
 //# sourceMappingURL=page-diy.vue.js.map