@vipl520/dk-ui 1.0.11 → 1.0.13

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

@@ -7,12 +7,16 @@ 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/index.js');
+var index = require('./config/rule/web/index.js');
+var index$1 = require('./config/rule/min/index.js');
 require('./utils/index.js');
 var vue = require('vue');
 require('./config/base/index.js');
 var utils = require('@vipl520/utils');
 var elementPlus = require('element-plus');
+var props = require('./props.js');
+var index$3 = require('./views/min/index.js');
+var index$2 = require('./views/web/index.js');
 var _pluginVue_exportHelper = require('../../_virtual/_plugin-vue_export-helper.js');
 var form = require('./utils/form.js');
 var dkSetting = require('./config/base/dkSetting.js');
@@ -41,7 +45,7 @@ const _sfc_main = vue.defineComponent({
     PreviewPhone: PreviewPhone.default,
     DragForm: form.designerForm.$form(),
   },
-  props: ['menu', 'height', 'config', 'mask', 'locale', 'loading'],
+  props: props.pageDiyProps,
   setup(props) {
     const { menu, height, mask, locale } = vue.toRefs(props);
     const vm = vue.getCurrentInstance();
@@ -49,6 +53,20 @@ const _sfc_main = vue.defineComponent({
     vue.provide('fcx', fcx);
     vue.provide('diy', vm);
     const config = vue.toRef(props, 'config', {});
+    //  区别小程序和网页
+    const ruleList = props.type === 'web' ? index.webRuleList : index$1.minRuleList;
+    const createMenu = props.type === 'web' ? index.createWebMenu : index$1.createMinMenu;
+    // 导入不同的view
+    if (props.type === 'web') {
+      for (const name in index$2.default) {
+        form.designerForm.component(name, index$2.default[name]);
+      }
+    } else {
+      for (const name in index$3.default) {
+        form.designerForm.component(name, index$3.default[name]);
+      }
+    }
+
     const getRuleItems = (item) => {
       const gl = ['DragTool', 'DragBox'];
       const items = [];
@@ -105,32 +123,6 @@ const _sfc_main = vue.defineComponent({
       }
       return obj
     });
-    // let _t = globalT
-    // if (locale.value) {
-    //   _t = useLocale(locale).t
-    // }
-    // const t = (...args) => _t(...args)
-    // const tidyRuleConfig = (orgRule, configRule, ...args) => {
-    //   console.log('tidyRuleConfig', orgRule, configRule, ...args)
-    //   if (configRule) {
-    //     if (is.Function(configRule)) {
-    //       console.log('isfun')
-    //       return configRule(...args)
-    //     }
-    //     if (configRule.rule) {
-    //       console.log('isrule')
-    //       let rule = configRule.rule(...args)
-    //       if (configRule.append) {
-    //         console.log('isappend')
-    //         rule = [...rule, ...orgRule(...args)]
-    //       }
-    //       return rule
-    //     }
-    //   }
-    //   console.log('isorg')
-    //   return orgRule(...args)
-    // }
-
     const data = vue.reactive({
       cacheProps: {},
       moveRule: null,
@@ -139,7 +131,7 @@ const _sfc_main = vue.defineComponent({
       activeTab: 'page',
       activeRule: null,
       children: vue.ref([]),
-      menuList: menu.value || index.createMenu(),
+      menuList: menu.value || createMenu(),
       showBaseRule: false,
       showDkSettingRule: false,
       visible: {
@@ -240,6 +232,7 @@ const _sfc_main = vue.defineComponent({
         treeData: [],
       },
     });
+
     function cleanTreeData(node) {
       if (Array.isArray(node)) {
         // 遍历数组中的每个元素
@@ -248,9 +241,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);
         }
@@ -263,10 +254,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);
       },
       {
@@ -286,32 +274,6 @@ const _sfc_main = vue.defineComponent({
 
     let unWatchActiveRule = null;
 
-    // watch(
-    //   () => locale.value,
-    //   (n) => {
-    //     _t = n ? useLocale(locale).t : globalT
-    //     const baseFormVal =
-    //       data.baseForm.api.formData && data.baseForm.api.formData()
-    //     data.baseForm.rule = tidyRuleConfig(field, baseRule.value, { t })
-    //     data.cacheProps = {}
-    //     const rule = data.activeRule
-    //     let propsVal = null
-    //     if (rule) {
-    //       propsVal =
-    //         data.propsForm.api.formData && data.propsForm.api.formData()
-    //       data.propsForm.rule = data.cacheProps[rule._id] = tidyRuleConfig(
-    //         rule.config.config.props,
-    //         componentRule.value && componentRule.value[rule.config.config.name],
-    //         rule,
-    //         { t, api: data.dragForm.api }
-    //       )
-    //     }
-    //     nextTick(() => {
-    //       baseFormVal && data.baseForm.api.setValue(baseFormVal)
-    //       propsVal && data.propsForm.api.setValue(propsVal)
-    //     })
-    //   }
-    // )
     const methods = {
       // 清除所有配置项
       clear(type = 'all') {
@@ -406,10 +368,10 @@ const _sfc_main = vue.defineComponent({
       addComponent(component) {
         if (Array.isArray(component)) {
           component.forEach((v) => {
-            index.ruleList[v.name] = v;
+            ruleList[v.name] = v;
           });
         } else {
-          index.ruleList[component.name] = component;
+          ruleList[component.name] = component;
         }
       },
       getParent(rule) {
@@ -488,38 +450,11 @@ 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);
       },
-      // setBaseRuleConfig(rule, append) {
-      // baseRule.value = { rule, append }
-      // data.baseForm.rule = field()
-      // },
-      // setComponentRuleConfig(name, rule, append) {
-      //   // TODO未使用，不知道干啥的
-      //   componentRule.value[name] = { rule, append }
-      //   data.cacheProps = {}
-      //   const activeRule = data.activeRule
-      //   if (activeRule) {
-      //     const propsVal =
-      //       data.propsForm.api.formData && data.propsForm.api.formData()
-      //     data.propsForm.rule = data.cacheProps[activeRule._id] =
-      //       tidyRuleConfig(
-      //         activeRule.config.config.props,
-      //         componentRule.value &&
-      //           componentRule.value[activeRule.config.config.name],
-      //         activeRule,
-      //         { t, api: data.dragForm.api }
-      //       )
-      //     nextTick(() => {
-      //       propsVal && data.propsForm.api.setValue(propsVal)
-      //     })
-      //   }
-      // },
       clearActiveRule() {
         data.activeRule = null;
         data.activeTab = 'page';
@@ -530,7 +465,7 @@ const _sfc_main = vue.defineComponent({
           if (is.String(rule)) {
             return loadRule.push(rule)
           }
-          const config = index.ruleList[rule._fc_drag_tag] || index.ruleList[rule.type];
+          const config = ruleList[rule._fc_drag_tag] || ruleList[rule.type];
           const _children = rule.children;
           rule.children = [];
           if (rule.control) {
@@ -634,15 +569,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];
@@ -671,15 +600,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;
@@ -791,25 +714,15 @@ 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.baseForm.value = {
-          //   field: rule.field,
-          //   title: rule.title || '',
-          //   info: rule.info,
-          //   _control: rule._control,
-          // }
           data.dragForm.api.refreshValidate();
         }
       },
@@ -832,12 +745,10 @@ const _sfc_main = vue.defineComponent({
             children.splice(newIndex, 0, rule[0]);
           }
         } else {
-          const rule = methods.makeRule(index.ruleList[menu.name]);
+          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: '警告',
@@ -851,10 +762,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]);
         }
@@ -876,35 +784,22 @@ 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) {
           for (let i = 0; i < (config.childrenLen || 1); i++) {
-            const child = methods.makeRule(index.ruleList[config.children])
+            const child = methods.makeRule(ruleList[config.children])
             ;(drag || rule).children.push(child);
           }
         }
 
-        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([
             {
@@ -938,12 +833,11 @@ const _sfc_main = vue.defineComponent({
                 addChild: ({ self }) => {
                   const top = methods.getParent(self);
                   const config = top.parent.config.config;
-                  const item = index.ruleList[config.children];
+                  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);
@@ -994,12 +888,9 @@ const _sfc_main = vue.defineComponent({
               },
               addChild: ({ self }) => {
                 const config = self.children[0].config.config;
-                const item = index.ruleList[config.children];
+                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]);
@@ -1007,11 +898,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]);
@@ -1029,18 +916,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';
@@ -1132,20 +1016,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
         }
 
@@ -1168,13 +1043,10 @@ const _sfc_main = vue.defineComponent({
       },
       nodeDrop(node, dropNode, type, event) {
         // 拖拽成功完成时触发的事件
-        // console.log('nodeDrop', node, dropNode, type, event)
         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,
@@ -1242,11 +1114,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, {
@@ -1291,9 +1159,7 @@ 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' : ''
-              )
+                  style: vue.normalizeStyle(_ctx.activeRule && _ctx.activeRule._id === data._id ? 'color:red' : '')
                 }, [
                   vue.createTextVNode(vue.toDisplayString(data.type) + " ", 1 /* TEXT */),
                   (data.config?.config.label)
@@ -1503,7 +1369,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_test\\dk-ui-all\\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