@vipl520/dk-ui 1.0.12 → 1.0.14

package/lib/index.scss

@@ -21,6 +21,7 @@
 @import './form/style/index.scss';
 @import './table/style/index.scss';
 @import './poster-input/style/index.scss';
+@import './hot-area-input/style/index.scss';
 
 //
 ::-webkit-scrollbar {
@@ -45,66 +46,4 @@
 *::after {
   box-sizing: border-box;
 }
-
-/* 由于unocss不支持 单独提取 */
-//.visible{visibility:visible;}
-//.absolute{position:absolute;}
-//.fixed{position:fixed;}
-//.relative{position:relative;}
-//.left-0{left:0;}
-//.left-5\%{left:5%;}
-//.left-99\%{left:99%;}
-//.right-0{right:0;}
-//.right-5\%{right:5%;}
-//.right-99\%{right:99%;}
-//.top-\[50\%\]{top:50%;}
-//.top-10px{top:10px;}
-//.grid{display:grid;}
-//.float-right{float:right;}
-//.m-1px{margin:1px;}
-//.m2{margin:0.5rem;}
-//.m-b-10px{margin-bottom:10px;}
-//.m-b-5px{margin-bottom:5px;}
-//.m-l-20px{margin-left:20px;}
-//.m-l-5px{margin-left:5px;}
-//.m-l-6px{margin-left:6px;}
-//.m-r-4px{margin-right:4px;}
-//.m-r-5px{margin-right:5px;}
-//.m-t-10px{margin-top:10px;}
-//.m-t-5px{margin-top:5px;}
-//.ml-10px{margin-left:10px;}
-//.mr{margin-right:1rem;}
-//.mr-1{margin-right:0.25rem;}
-//.mr-10px{margin-right:10px;}
-//.block{display:block;}
-//.hidden{display:none;}
-//.w-100\%{width:100%;}
-//.w-40px{width:40px;}
-//.w100{width:25rem;}
-//.flex{display:flex;}
-//.table{display:table;}
-//.translate-y-\[-50\%\]{--un-translate-y:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
-//.cursor-pointer{cursor:pointer;}
-//.resize{resize:both;}
-//.content-center{align-content:center;}
-//.items-center{align-items:center;}
-//.justify-center{justify-content:center;}
-//.justify-between{justify-content:space-between;}
-//.border{border-width:1px;}
-//.rd-4px{border-radius:4px;}
-//.p-10px{padding:10px;}
-//.p-5px{padding:5px;}
-//.p2{padding:0.5rem;}
-//.px{padding-left:1rem;padding-right:1rem;}
-//.pb-5px{padding-bottom:5px;}
-//.pl-20{padding-left:5rem;}
-//.pt-5px{padding-top:5px;}
-//.text-center{text-align:center;}
-//.vertical-text-top{vertical-align:text-top;}
-//.italic{font-style:italic;}
-//.color-blue{--un-text-opacity:1;color:rgba(96,165,250,var(--un-text-opacity));}
-//.line-through{text-decoration-line:line-through;}
-//.underline{text-decoration-line:underline;}
-//.blur{--un-blur:blur(8px);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
-
 /* stylelint-enable */

package/lib/page-diy/index.d.ts

@@ -1,11 +1,37 @@
-export declare const PageDiy: import("@vipl520/utils").WithInstall<import("vue").DefineComponent<Readonly<{
-    config?: any;
-    loading?: any;
-    menu?: any;
-    mask?: any;
-    height?: any;
-    locale?: any;
-}>, {
+export declare const PageDiy: import("@vipl520/utils").WithInstall<import("vue").DefineComponent<{
+    type: {
+        type: StringConstructor;
+        default: string;
+    };
+    menu: {
+        type: ObjectConstructor;
+        default: null;
+    };
+    height: {
+        type: StringConstructor;
+        default: string;
+    };
+    config: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    mask: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    rightAsideWidth: {
+        type: StringConstructor;
+        default: string;
+    };
+    leftAsideWidth: {
+        type: StringConstructor;
+        default: string;
+    };
+}, {
     countObj: import("vue").ComputedRef<{}>;
     diyTree: import("vue").ComputedRef<any[]>;
     clear(type?: string): void;
@@ -96,7 +122,7 @@ export declare const PageDiy: import("@vipl520/utils").WithInstall<import("vue")
     activeTab: import("vue").Ref<string>;
     activeRule: import("vue").Ref<null>;
     children: import("vue").Ref<never[]>;
-    menuList: import("vue").Ref<any>;
+    menuList: import("vue").Ref<Record<string, any>>;
     showBaseRule: import("vue").Ref<boolean>;
     showDkSettingRule: import("vue").Ref<boolean>;
     visible: import("vue").Ref<{
@@ -227,20 +253,48 @@ export declare const PageDiy: import("@vipl520/utils").WithInstall<import("vue")
         hide: boolean;
         treeData: never[];
     }>;
-}, any, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<Readonly<{
-    config?: any;
-    loading?: any;
-    menu?: any;
-    mask?: any;
-    height?: any;
-    locale?: any;
-}>>>, {
-    readonly config?: any;
-    readonly loading?: any;
-    readonly menu?: any;
-    readonly mask?: any;
-    readonly height?: any;
-    readonly locale?: any;
+}, any, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    type: {
+        type: StringConstructor;
+        default: string;
+    };
+    menu: {
+        type: ObjectConstructor;
+        default: null;
+    };
+    height: {
+        type: StringConstructor;
+        default: string;
+    };
+    config: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    mask: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    rightAsideWidth: {
+        type: StringConstructor;
+        default: string;
+    };
+    leftAsideWidth: {
+        type: StringConstructor;
+        default: string;
+    };
+}>>, {
+    type: string;
+    config: Record<string, any>;
+    loading: boolean;
+    menu: Record<string, any>;
+    mask: string;
+    height: string;
+    rightAsideWidth: string;
+    leftAsideWidth: string;
 }, {}>>;
 export default PageDiy;
 export * from './src/props';

package/lib/page-diy/index.js

@@ -9,7 +9,6 @@ var DragBox = require('./src/components/DragBox.vue.js');
 var form = require('./src/utils/form.js');
 var draggable = require('vuedraggable/src/vuedraggable');
 require('./src/utils/index.js');
-var index = require('./src/views/index.js');
 var props = require('./src/props.js');
 var unique = require('./src/utils/unique.js');
 
@@ -20,9 +19,6 @@ const addComponent = (id, component) => {
 form.designerForm.component("Draggable", draggable);
 form.designerForm.component("DragTool", DragTool.default);
 form.designerForm.component("DragBox", DragBox.default);
-for (const name in index.default) {
-  form.designerForm.component(name, index.default[name]);
-}
 form.designerForm.register("_fc", {
   init(fc, rule) {
     rule._id = unique.uniqueId();

package/lib/page-diy/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/page-diy/index.ts"],"sourcesContent":["import { withInstall } from '@vipl520/utils'\nimport _PageDiy from './src/page-diy.vue'\nimport DragTool from './src/components/DragTool.vue'\nimport DragBox from './src/components/DragBox.vue'\nimport formCreate, { designerForm } from './src/utils/form'\nimport draggable from 'vuedraggable/src/vuedraggable'\nimport { uniqueId } from './src/utils'\nimport views from './src/views'\n\nconst addComponent = (id: any, component: any) => {\n  designerForm.component(id, component)\n  formCreate.component(id, component)\n}\n\ndesignerForm.component('Draggable', draggable)\ndesignerForm.component('DragTool', DragTool)\ndesignerForm.component('DragBox', DragBox)\n\nfor (const name in views) {\n  designerForm.component(name, views[name])\n}\n\ndesignerForm.register('_fc', {\n  init(fc: any, rule: any) {\n    rule._id = uniqueId()\n    if (fc.value) {\n      rule.effect._fc = false\n    }\n  },\n})\n\ndesignerForm.register('_fc_tool', {\n  init(_, rule: any) {\n    rule.props.unique = uniqueId()\n  },\n})\n\n_PageDiy.formCreate = formCreate\n_PageDiy.designerForm = designerForm\n_PageDiy.component = addComponent\nexport const PageDiy = withInstall(_PageDiy)\nexport default PageDiy\n\nexport * from './src/props'\n"],"names":["designerForm","formCreate","DragTool","DragBox","views","uniqueId","_PageDiy","withInstall"],"mappings":";;;;;;;;;;;;;;;AASA,MAAM,YAAA,GAAe,CAAC,EAAA,EAAS,SAAmB,KAAA;AAChD,EAAaA,iBAAA,CAAA,SAAA,CAAU,IAAI,SAAS,CAAA,CAAA;AACpC,EAAWC,aAAA,CAAA,SAAA,CAAU,IAAI,SAAS,CAAA,CAAA;AACpC,CAAA,CAAA;AAEAD,iBAAa,CAAA,SAAA,CAAU,aAAa,SAAS,CAAA,CAAA;AAC7CA,iBAAa,CAAA,SAAA,CAAU,YAAYE,gBAAQ,CAAA,CAAA;AAC3CF,iBAAa,CAAA,SAAA,CAAU,WAAWG,eAAO,CAAA,CAAA;AAEzC,KAAA,MAAW,QAAQC,aAAO,EAAA;AACxB,EAAAJ,iBAAA,CAAa,SAAU,CAAA,IAAA,EAAMI,aAAM,CAAA,IAAI,CAAC,CAAA,CAAA;AAC1C,CAAA;AAEAJ,iBAAA,CAAa,SAAS,KAAO,EAAA;AAAA,EAC3B,IAAA,CAAK,IAAS,IAAW,EAAA;AACvB,IAAA,IAAA,CAAK,MAAMK,eAAS,EAAA,CAAA;AACpB,IAAA,IAAI,GAAG,KAAO,EAAA;AACZ,MAAA,IAAA,CAAK,OAAO,GAAM,GAAA,KAAA,CAAA;AAAA,KACpB;AAAA,GACF;AACF,CAAC,CAAA,CAAA;AAEDL,iBAAA,CAAa,SAAS,UAAY,EAAA;AAAA,EAChC,IAAA,CAAK,GAAG,IAAW,EAAA;AACjB,IAAK,IAAA,CAAA,KAAA,CAAM,SAASK,eAAS,EAAA,CAAA;AAAA,GAC/B;AACF,CAAC,CAAA,CAAA;AAEDC,eAAA,CAAS,UAAa,GAAAL,aAAA,CAAA;AACtBK,eAAA,CAAS,YAAe,GAAAN,iBAAA,CAAA;AACxBM,eAAA,CAAS,SAAY,GAAA,YAAA,CAAA;AACR,MAAA,OAAA,GAAUC,kBAAYD,eAAQ;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../src/page-diy/index.ts"],"sourcesContent":["import { withInstall } from '@vipl520/utils'\nimport _PageDiy from './src/page-diy.vue'\nimport DragTool from './src/components/DragTool.vue'\nimport DragBox from './src/components/DragBox.vue'\nimport formCreate, { designerForm } from './src/utils/form'\nimport draggable from 'vuedraggable/src/vuedraggable'\nimport { uniqueId } from './src/utils'\n// import views from './src/views/web'\n\nconst addComponent = (id: any, component: any) => {\n  designerForm.component(id, component)\n  formCreate.component(id, component)\n}\n\ndesignerForm.component('Draggable', draggable)\ndesignerForm.component('DragTool', DragTool)\ndesignerForm.component('DragBox', DragBox)\n\n// for (const name in views) {\n//   designerForm.component(name, views[name])\n// }\n\ndesignerForm.register('_fc', {\n  init(fc: any, rule: any) {\n    rule._id = uniqueId()\n    if (fc.value) {\n      rule.effect._fc = false\n    }\n  },\n})\n\ndesignerForm.register('_fc_tool', {\n  init(_, rule: any) {\n    rule.props.unique = uniqueId()\n  },\n})\n\n_PageDiy.formCreate = formCreate\n_PageDiy.designerForm = designerForm\n_PageDiy.component = addComponent\nexport const PageDiy = withInstall(_PageDiy)\nexport default PageDiy\n\nexport * from './src/props'\n"],"names":["designerForm","formCreate","DragTool","DragBox","uniqueId","_PageDiy","withInstall"],"mappings":";;;;;;;;;;;;;;AASA,MAAM,YAAA,GAAe,CAAC,EAAA,EAAS,SAAmB,KAAA;AAChD,EAAaA,iBAAA,CAAA,SAAA,CAAU,IAAI,SAAS,CAAA,CAAA;AACpC,EAAWC,aAAA,CAAA,SAAA,CAAU,IAAI,SAAS,CAAA,CAAA;AACpC,CAAA,CAAA;AAEAD,iBAAa,CAAA,SAAA,CAAU,aAAa,SAAS,CAAA,CAAA;AAC7CA,iBAAa,CAAA,SAAA,CAAU,YAAYE,gBAAQ,CAAA,CAAA;AAC3CF,iBAAa,CAAA,SAAA,CAAU,WAAWG,eAAO,CAAA,CAAA;AAMzCH,iBAAA,CAAa,SAAS,KAAO,EAAA;AAAA,EAC3B,IAAA,CAAK,IAAS,IAAW,EAAA;AACvB,IAAA,IAAA,CAAK,MAAMI,eAAS,EAAA,CAAA;AACpB,IAAA,IAAI,GAAG,KAAO,EAAA;AACZ,MAAA,IAAA,CAAK,OAAO,GAAM,GAAA,KAAA,CAAA;AAAA,KACpB;AAAA,GACF;AACF,CAAC,CAAA,CAAA;AAEDJ,iBAAA,CAAa,SAAS,UAAY,EAAA;AAAA,EAChC,IAAA,CAAK,GAAG,IAAW,EAAA;AACjB,IAAK,IAAA,CAAA,KAAA,CAAM,SAASI,eAAS,EAAA,CAAA;AAAA,GAC/B;AACF,CAAC,CAAA,CAAA;AAEDC,eAAA,CAAS,UAAa,GAAAJ,aAAA,CAAA;AACtBI,eAAA,CAAS,YAAe,GAAAL,iBAAA,CAAA;AACxBK,eAAA,CAAS,SAAY,GAAA,YAAA,CAAA;AACR,MAAA,OAAA,GAAUC,kBAAYD,eAAQ;;;;;;"}

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

@@ -20,6 +20,7 @@ const _sfc_main = vue.defineComponent({
 
     const keys = {};
     if (ctx.$slots.default) {
+      // 这里报错 Unhandled error during execution of render function
       const children = ctx.$slots.default();
       children.forEach((v) => {
         if (v.key) {
@@ -35,7 +36,7 @@ const _sfc_main = vue.defineComponent({
     })
   },
 });
-var DragBox = /*#__PURE__*/_pluginVue_exportHelper.default(_sfc_main, [['__file',"E:\\project\\monster-admin\\system\\dkgs-ui_test\\dk-ui-all\\packages\\dk-ui\\src\\page-diy\\src\\components\\DragBox.vue"]]);
+var DragBox = /*#__PURE__*/_pluginVue_exportHelper.default(_sfc_main, [['__file',"E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\page-diy\\src\\components\\DragBox.vue"]]);
 
 exports.default = DragBox;
 //# sourceMappingURL=DragBox.vue.js.map

package/lib/page-diy/src/components/DragBox.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"DragBox.vue.js","sources":["../../../../src/page-diy/src/components/DragBox.vue"],"sourcesContent":["<script>\nimport { h, defineComponent } from 'vue'\nimport draggable from 'vuedraggable/src/vuedraggable'\n\nexport default defineComponent({\n  name: 'DragBox',\n  props: ['rule', 'tag', 'formCreateInject'],\n  render(ctx) {\n    const subRule = { ...ctx.$props.rule.props, ...ctx.$attrs }\n    let _class = ctx.tag + '-drag drag-box'\n    if (!Object.keys(ctx.$slots).length) {\n      _class += ' ' + ctx.tag + '-holder'\n    }\n    subRule.class = _class\n    subRule.modelValue = [...this.$props.formCreateInject.children]\n\n    const keys = {}\n    if (ctx.$slots.default) {\n      const children = ctx.$slots.default()\n      children.forEach((v) => {\n        if (v.key) {\n          keys[v.key] = v\n        }\n      })\n    }\n\n    return h(draggable, subRule, {\n      item: ({ element }) => {\n        return h('div', {}, keys[element.__fc__.key + 'fc'])\n      },\n    })\n  },\n})\n</script>\n"],"names":["defineComponent","h"],"mappings":";;;;;;;;AAIA,MAAK,SAAU,GAAGA,mBAAa,CAAA;AAC7B,EAAA,IAAI,EAAE,SAAS;AACf,EAAA,KAAK,EAAE,CAAC,MAAM,EAAE,KAAK,EAAE,kBAAkB,CAAC;EAC1C,MAAM,CAAC,GAAG,EAAE;IACV,MAAM,OAAM,GAAI,EAAE,GAAG,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,EAAE,GAAG,GAAG,CAAC,MAAO,GAAA;AAC1D,IAAA,IAAI,MAAK,GAAI,GAAG,CAAC,GAAI,GAAE,iBAAe;AACtC,IAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE;MACnC,MAAK,IAAK,GAAI,GAAE,GAAG,CAAC,GAAE,GAAI,UAAQ;AACpC,KAAA;AACA,IAAA,OAAO,CAAC,KAAM,GAAE,OAAK;IACrB,OAAO,CAAC,UAAS,GAAI,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAA;;IAE9D,MAAM,IAAK,GAAE,GAAC;IACd,IAAI,GAAG,CAAC,MAAM,CAAC,OAAO,EAAE;AACtB,MAAA,MAAM,QAAO,GAAI,GAAG,CAAC,MAAM,CAAC,OAAO,GAAC;MACpC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK;AACtB,QAAA,IAAI,CAAC,CAAC,GAAG,EAAE;UACT,IAAI,CAAC,CAAC,CAAC,GAAG,CAAA,GAAI,EAAA;AAChB,SAAA;OACD,EAAA;AACH,KAAA;;IAEA,OAAOC,KAAC,CAAC,SAAS,EAAE,OAAO,EAAE;AAC3B,MAAA,IAAI,EAAE,CAAC,EAAE,OAAM,EAAG,KAAK;QACrB,OAAOA,KAAC,CAAC,KAAK,EAAE,EAAE,EAAE,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,GAAI,GAAE,IAAI,CAAC,CAAA;OACpD;KACF,CAAA;GACF;AACH,CAAC,EAAA;;;;;"}
+{"version":3,"file":"DragBox.vue.js","sources":["../../../../src/page-diy/src/components/DragBox.vue"],"sourcesContent":["<script>\nimport { h, defineComponent } from 'vue'\nimport draggable from 'vuedraggable/src/vuedraggable'\n\nexport default defineComponent({\n  name: 'DragBox',\n  props: ['rule', 'tag', 'formCreateInject'],\n  render(ctx) {\n    const subRule = { ...ctx.$props.rule.props, ...ctx.$attrs }\n    let _class = ctx.tag + '-drag drag-box'\n    if (!Object.keys(ctx.$slots).length) {\n      _class += ' ' + ctx.tag + '-holder'\n    }\n    subRule.class = _class\n    subRule.modelValue = [...this.$props.formCreateInject.children]\n\n    const keys = {}\n    if (ctx.$slots.default) {\n      // 这里报错 Unhandled error during execution of render function\n      const children = ctx.$slots.default()\n      children.forEach((v) => {\n        if (v.key) {\n          keys[v.key] = v\n        }\n      })\n    }\n\n    return h(draggable, subRule, {\n      item: ({ element }) => {\n        return h('div', {}, keys[element.__fc__.key + 'fc'])\n      },\n    })\n  },\n})\n</script>\n"],"names":["defineComponent","h"],"mappings":";;;;;;;;AAIA,MAAK,SAAU,GAAGA,mBAAa,CAAA;AAC7B,EAAA,IAAI,EAAE,SAAS;AACf,EAAA,KAAK,EAAE,CAAC,MAAM,EAAE,KAAK,EAAE,kBAAkB,CAAC;EAC1C,MAAM,CAAC,GAAG,EAAE;IACV,MAAM,OAAM,GAAI,EAAE,GAAG,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,EAAE,GAAG,GAAG,CAAC,MAAO,GAAA;AAC1D,IAAA,IAAI,MAAK,GAAI,GAAG,CAAC,GAAI,GAAE,iBAAe;AACtC,IAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE;MACnC,MAAK,IAAK,GAAI,GAAE,GAAG,CAAC,GAAE,GAAI,UAAQ;AACpC,KAAA;AACA,IAAA,OAAO,CAAC,KAAM,GAAE,OAAK;IACrB,OAAO,CAAC,UAAS,GAAI,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAA;;IAE9D,MAAM,IAAK,GAAE,GAAC;IACd,IAAI,GAAG,CAAC,MAAM,CAAC,OAAO,EAAE;;AAEtB,MAAA,MAAM,QAAO,GAAI,GAAG,CAAC,MAAM,CAAC,OAAO,GAAC;MACpC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK;AACtB,QAAA,IAAI,CAAC,CAAC,GAAG,EAAE;UACT,IAAI,CAAC,CAAC,CAAC,GAAG,CAAA,GAAI,EAAA;AAChB,SAAA;OACD,EAAA;AACH,KAAA;;IAEA,OAAOC,KAAC,CAAC,SAAS,EAAE,OAAO,EAAE;AAC3B,MAAA,IAAI,EAAE,CAAC,EAAE,OAAM,EAAG,KAAK;QACrB,OAAOA,KAAC,CAAC,KAAK,EAAE,EAAE,EAAE,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,GAAI,GAAE,IAAI,CAAC,CAAA;OACpD;KACF,CAAA;GACF;AACH,CAAC,EAAA;;;;;"}

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

@@ -131,7 +131,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     vue.renderSlot(_ctx.$slots, "default")
   ], 6 /* CLASS, STYLE */))
 }
-var DragTool = /*#__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\\components\\DragTool.vue"]]);
+var DragTool = /*#__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\\components\\DragTool.vue"]]);
 
 exports.default = DragTool;
 //# sourceMappingURL=DragTool.vue.js.map

package/lib/page-diy/src/components/DragTool.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"DragTool.vue.js","sources":["../../../../src/page-diy/src/components/DragTool.vue"],"sourcesContent":["<template>\n  <div\n    class=\"drag-tool animate__animated\"\n    :class=\"{ active: state.active === id }\"\n    :style=\"_style\"\n    @click.stop=\"active\"\n  >\n    <div v-if=\"mask\" class=\"drag-mask\"></div>\n    <div class=\"drag-r\">\n      <div class=\"drag-btn\" title=\"添加当前组件\" @click=\"$emit('create')\">\n        <dk-icon icon=\"CirclePlus\"></dk-icon>\n      </div>\n      <div class=\"drag-btn\" title=\"复制当前组件\" @click=\"$emit('copy')\">\n        <dk-icon icon=\"CopyDocument\"></dk-icon>\n      </div>\n      <div\n        v-if=\"children\"\n        class=\"drag-btn\"\n        title=\"添加子组件\"\n        @click=\"$emit('addChild')\"\n      >\n        <dk-icon icon=\"fluent:tab-add-20-regular\"></dk-icon>\n      </div>\n      <div\n        class=\"drag-btn drag-btn-danger\"\n        title=\"删除组件\"\n        @click=\"$emit('delete')\"\n      >\n        <dk-icon icon=\"Close\"></dk-icon>\n      </div>\n    </div>\n    <slot name=\"default\"></slot>\n  </div>\n</template>\n\n<script>\nimport { computed, inject, toRefs, defineComponent } from 'vue'\n\nlet uni = 1\nexport default defineComponent({\n  name: 'DragTool',\n  props: {\n    dragBtn: {\n      default: false,\n      type: Boolean,\n    },\n    children: {\n      default: '',\n      type: String,\n    },\n    unique: {\n      default: '',\n      type: String,\n    },\n    mask: {\n      default: false,\n      type: Boolean,\n    },\n    setting: {\n      default: () => {},\n      type: [Object],\n    },\n  },\n  setup(props) {\n    const { unique } = toRefs(props)\n    const id = computed(() => unique.value || uni++)\n    const state = inject('fcx')\n    return {\n      id,\n      state,\n    }\n  },\n  computed: {\n    pageConfig() {\n      return {}\n    },\n    _style() {\n      if (this.setting.is_position) {\n        return {\n          ...this.setting.style,\n          ...this.setting.position,\n          position: 'absolute',\n        }\n      } else {\n        return {\n          ...this.setting.style,\n        }\n      }\n    },\n    _animate() {\n      // if (this.setting.loop_animate) {\n      //   return 'animate__' + this.setting.loop_animate + ' '\n      // } else if (this.setting.animate) {\n      //   return 'animate__' + this.setting.animate\n      // } else {\n      return ''\n      // }\n    },\n  },\n  beforeUnmount() {\n    this.state = {}\n  },\n  methods: {\n    active() {\n      if (this.state.active === this.id) return\n      this.state.active = this.id\n      this.$emit('active')\n    },\n  },\n})\n</script>\n"],"names":["defineComponent","toRefs","computed","inject","_createElementBlock","_openBlock","_createElementVNode","_createVNode","_renderSlot"],"mappings":"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"}
+{"version":3,"file":"DragTool.vue.js","sources":["../../../../src/page-diy/src/components/DragTool.vue"],"sourcesContent":["<template>\n  <div\n    class=\"drag-tool animate__animated\"\n    :class=\"{ active: state.active === id }\"\n    :style=\"_style\"\n    @click.stop=\"active\"\n  >\n    <div v-if=\"mask\" class=\"drag-mask\"></div>\n    <div class=\"drag-r\">\n      <div class=\"drag-btn\" title=\"添加当前组件\" @click=\"$emit('create')\">\n        <dk-icon icon=\"CirclePlus\"></dk-icon>\n      </div>\n      <div class=\"drag-btn\" title=\"复制当前组件\" @click=\"$emit('copy')\">\n        <dk-icon icon=\"CopyDocument\"></dk-icon>\n      </div>\n      <div v-if=\"children\" class=\"drag-btn\" title=\"添加子组件\" @click=\"$emit('addChild')\">\n        <dk-icon icon=\"fluent:tab-add-20-regular\"></dk-icon>\n      </div>\n      <div class=\"drag-btn drag-btn-danger\" title=\"删除组件\" @click=\"$emit('delete')\">\n        <dk-icon icon=\"Close\"></dk-icon>\n      </div>\n    </div>\n    <slot name=\"default\"></slot>\n  </div>\n</template>\n\n<script>\nimport { computed, inject, toRefs, defineComponent } from 'vue'\n\nlet uni = 1\nexport default defineComponent({\n  name: 'DragTool',\n  props: {\n    dragBtn: {\n      default: false,\n      type: Boolean,\n    },\n    children: {\n      default: '',\n      type: String,\n    },\n    unique: {\n      default: '',\n      type: String,\n    },\n    mask: {\n      default: false,\n      type: Boolean,\n    },\n    setting: {\n      default: () => {},\n      type: [Object],\n    },\n  },\n  setup(props) {\n    const { unique } = toRefs(props)\n    const id = computed(() => unique.value || uni++)\n    const state = inject('fcx')\n    return {\n      id,\n      state,\n    }\n  },\n  computed: {\n    pageConfig() {\n      return {}\n    },\n    _style() {\n      if (this.setting.is_position) {\n        return {\n          ...this.setting.style,\n          ...this.setting.position,\n          position: 'absolute',\n        }\n      } else {\n        return {\n          ...this.setting.style,\n        }\n      }\n    },\n    _animate() {\n      // if (this.setting.loop_animate) {\n      //   return 'animate__' + this.setting.loop_animate + ' '\n      // } else if (this.setting.animate) {\n      //   return 'animate__' + this.setting.animate\n      // } else {\n      return ''\n      // }\n    },\n  },\n  beforeUnmount() {\n    this.state = {}\n  },\n  methods: {\n    active() {\n      if (this.state.active === this.id) return\n      this.state.active = this.id\n      this.$emit('active')\n    },\n  },\n})\n</script>\n"],"names":["defineComponent","toRefs","computed","inject","_createElementBlock","_openBlock","_createElementVNode","_createVNode","_renderSlot"],"mappings":"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"}

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var PreviewPhone_vue_vue_type_script_setup_true_lang = require('./PreviewPhone.vue2.js');
 var _pluginVue_exportHelper = require('../../../_virtual/_plugin-vue_export-helper.js');
 
-var PreviewPhone = /* @__PURE__ */ _pluginVue_exportHelper.default(PreviewPhone_vue_vue_type_script_setup_true_lang.default, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui_test\\dk-ui-all\\packages\\dk-ui\\src\\page-diy\\src\\components\\PreviewPhone.vue"]]);
+var PreviewPhone = /* @__PURE__ */ _pluginVue_exportHelper.default(PreviewPhone_vue_vue_type_script_setup_true_lang.default, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\page-diy\\src\\components\\PreviewPhone.vue"]]);
 
 exports.default = PreviewPhone;
 //# sourceMappingURL=PreviewPhone.vue.js.map

package/lib/page-diy/src/components/PreviewPhone.vue2.js

@@ -59,7 +59,8 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const cache = JSON.parse(utils.storage.get(key) || "{}");
     const form = vue.ref({
       showLine: cache.showLine || false,
-      margin: cache.margin || 0
+      margin: cache.margin || 0,
+      preview: cache.preview || false
     });
     const changeForm = () => {
       utils.storage.set(key, JSON.stringify(form.value));
@@ -81,13 +82,23 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       });
     };
     const _style = vue.computed(() => {
-      let line = {};
-      if (form.value.showLine) {
+      let line = {
+        "--padding": "0",
+        "--overflow": "initial"
+      };
+      if (form.value.showLine && !form.value.preview) {
         line = {
           "--margin": form.value.margin + "px",
           "--showDashed": "1px"
         };
       }
+      if (form.value.preview) {
+        line["--padding"] = "0";
+        line["--overflow"] = "hidden";
+      } else {
+        line["--padding"] = "2px 0";
+        line["--overflow"] = "initial";
+      }
       return {
         ...props.pageConfig.style,
         ...line
@@ -131,7 +142,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 _hoisted_8,
                 vue.createVNode(_component_dk_icon, {
                   icon: "gg:battery-full",
-                  size: 30,
+                  size: 18,
                   color: "#555",
                   "hover-color": "#f00"
                 })
@@ -216,12 +227,23 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                           min: 0,
                           step: 1,
                           "show-stops": "",
-                          max: 10,
+                          max: 20,
                           onChange: _cache[5] || (_cache[5] = ($event) => changeForm())
                         }, null, 8, ["modelValue"])
                       ]),
                       _: 1
                       /* STABLE */
+                    }),
+                    vue.createVNode(_component_el_form_item, { label: "\u6548\u679C\u9884\u89C8" }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(_component_el_switch, {
+                          modelValue: form.value.preview,
+                          "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => form.value.preview = $event),
+                          onChange: _cache[7] || (_cache[7] = ($event) => changeForm())
+                        }, null, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                      /* STABLE */
                     })
                   ]),
                   _: 1

package/lib/page-diy/src/components/PreviewPhone.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"PreviewPhone.vue2.js","sources":["../../../../src/page-diy/src/components/PreviewPhone.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n  name: 'PreviewPhone',\n});\n</script>\n<template>\n  <div class=\"preview-phone\">\n    <div class=\"phone\">\n      <div class=\"phone-header\">\n        <div class=\"phone-header-top\">\n          <div class=\"phone-time\">\n            <span>{{ time }}</span>\n            <van-icon name=\"wechat\" color=\"#2ddd71\" />\n          </div>\n          <div />\n          <div class=\"phone-battery\">\n            <span class=\"m-r-4px\">100%</span>\n            <dk-icon\n              icon=\"gg:battery-full\"\n              :size=\"30\"\n              color=\"#555\"\n              hover-color=\"#f00\"\n            ></dk-icon>\n          </div>\n        </div>\n        <div class=\"phone-title\">\n          <div class=\"phone-title-icon\">\n            <el-dropdown trigger=\"click\" placement=\"bottom-start\">\n              <dk-icon\n                icon=\"Close\"\n                hover-color=\"var(--el-color-primary)\"\n                :size=\"20\"\n                style=\"cursor: pointer\"\n              ></dk-icon>\n              <template #dropdown>\n                <el-dropdown-menu>\n                  <el-dropdown-item @click=\"clear('rule')\"\n                    >清除组件</el-dropdown-item\n                  >\n                  <el-dropdown-item @click=\"clear('page')\"\n                    >清除页面</el-dropdown-item\n                  >\n                </el-dropdown-menu>\n              </template>\n            </el-dropdown>\n          </div>\n          <div>页面标题</div>\n          <div class=\"phone-title-icon\">\n            <el-popover placement=\"bottom\" :width=\"200\" trigger=\"click\">\n              <template #reference>\n                <dk-icon\n                  icon=\"MoreFilled\"\n                  :size=\"20\"\n                  hover-color=\"var(--el-color-primary)\"\n                  style=\"cursor: pointer\"\n                />\n              </template>\n              <el-form-item label=\"显示网格\">\n                <el-switch v-model=\"form.showLine\" @change=\"changeForm()\" />\n              </el-form-item>\n              <el-form-item label=\"网格间距\">\n                <el-slider\n                  v-model=\"form.margin\"\n                  :min=\"0\"\n                  :step=\"1\"\n                  show-stops\n                  :max=\"10\"\n                  @change=\"changeForm()\"\n                />\n              </el-form-item>\n            </el-popover>\n          </div>\n        </div>\n      </div>\n      <div class=\"phone-body _fc-m-drag\" :style=\"_style\">\n        <slot />\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, inject } from 'vue'\nimport { storage } from '@vipl520/utils'\nimport { ElMessage, ElMessageBox } from 'element-plus'\n\nconst diy: any = inject('diy')\nconst props = defineProps({\n  value: {\n    default: '',\n    type: String,\n  },\n  pageConfig: {\n    default: () => {},\n    type: [Object],\n  },\n})\n\nconst key = 'preview-phone'\nconst cache: any = JSON.parse(storage.get(key) || '{}')\n\nconst form = ref({\n  showLine: cache.showLine || false,\n  margin: cache.margin || 0,\n})\n\nconst changeForm = () => {\n  storage.set(key, JSON.stringify(form.value))\n}\nconst clear = (type = '') => {\n  const { proxy } = diy\n  const typeName: any = {\n    rule: '组件',\n    config: '配置',\n  }\n  ElMessageBox.confirm('当前要清除' + typeName[type] + '，是否继续?', '警告', {\n    confirmButtonText: '确定',\n    cancelButtonText: '取消',\n    type: 'warning',\n  })\n    .then(() => {\n      proxy.clear(type)\n      ElMessage.success('清除成功')\n    })\n    .catch(() => {})\n}\nconst _style = computed(() => {\n  let line = {}\n  if (form.value.showLine) {\n    line = {\n      '--margin': form.value.margin + 'px',\n      '--showDashed': '1px',\n    }\n  }\n  return {\n    ...props.pageConfig.style,\n    ...line,\n  }\n})\n\nconst time = computed(() => {\n  const d = new Date()\n  const hour = d.getHours() // 得到小时数\n  const minute = d.getMinutes() // 得到分钟数\n  return hour + ':' + minute\n})\n</script>\n"],"names":["__MACROS_defineComponent","inject","storage","ref","ElMessageBox","ElMessage","computed"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,MAA6B,cAAAA,mBAAyB,CAAA;AAAA,EACpD,IAAM,EAAA,cAAA;AACR,CAAC,CAAA,CAAA;;;;;;;;;;;;;;;;AAmFD,IAAM,MAAA,GAAA,GAAWC,WAAO,KAAK,CAAA,CAAA;AAY7B,IAAA,MAAM,GAAM,GAAA,eAAA,CAAA;AACZ,IAAA,MAAM,QAAa,IAAK,CAAA,KAAA,CAAMC,cAAQ,GAAI,CAAA,GAAG,KAAK,IAAI,CAAA,CAAA;AAEtD,IAAA,MAAM,OAAOC,OAAI,CAAA;AAAA,MACf,QAAA,EAAU,MAAM,QAAY,IAAA,KAAA;AAAA,MAC5B,MAAA,EAAQ,MAAM,MAAU,IAAA,CAAA;AAAA,KACzB,CAAA,CAAA;AAED,IAAA,MAAM,aAAa,MAAM;AACvB,MAAAD,aAAA,CAAQ,IAAI,GAAK,EAAA,IAAA,CAAK,SAAU,CAAA,IAAA,CAAK,KAAK,CAAC,CAAA,CAAA;AAAA,KAC7C,CAAA;AACA,IAAM,MAAA,KAAA,GAAQ,CAAC,IAAA,GAAO,EAAO,KAAA;AAC3B,MAAM,MAAA,EAAE,OAAU,GAAA,GAAA,CAAA;AAClB,MAAA,MAAM,QAAgB,GAAA;AAAA,QACpB,IAAM,EAAA,cAAA;AAAA,QACN,MAAQ,EAAA,cAAA;AAAA,OACV,CAAA;AACA,MAAAE,wBAAA,CAAa,QAAQ,gCAAU,GAAA,QAAA,CAAS,IAAI,CAAA,GAAI,mCAAU,cAAM,EAAA;AAAA,QAC9D,iBAAmB,EAAA,cAAA;AAAA,QACnB,gBAAkB,EAAA,cAAA;AAAA,QAClB,IAAM,EAAA,SAAA;AAAA,OACP,CACE,CAAA,IAAA,CAAK,MAAM;AACV,QAAA,KAAA,CAAM,MAAM,IAAI,CAAA,CAAA;AAChB,QAAAC,qBAAA,CAAU,QAAQ,0BAAM,CAAA,CAAA;AAAA,OACzB,CACA,CAAA,KAAA,CAAM,MAAM;AAAA,OAAE,CAAA,CAAA;AAAA,KACnB,CAAA;AACA,IAAM,MAAA,MAAA,GAASC,aAAS,MAAM;AAC5B,MAAA,IAAI,OAAO,EAAC,CAAA;AACZ,MAAI,IAAA,IAAA,CAAK,MAAM,QAAU,EAAA;AACvB,QAAO,IAAA,GAAA;AAAA,UACL,UAAA,EAAY,IAAK,CAAA,KAAA,CAAM,MAAS,GAAA,IAAA;AAAA,UAChC,cAAgB,EAAA,KAAA;AAAA,SAClB,CAAA;AAAA,OACF;AACA,MAAO,OAAA;AAAA,QACL,GAAG,MAAM,UAAW,CAAA,KAAA;AAAA,QACpB,GAAG,IAAA;AAAA,OACL,CAAA;AAAA,KACD,CAAA,CAAA;AAED,IAAM,MAAA,IAAA,GAAOA,aAAS,MAAM;AAC1B,MAAM,MAAA,CAAA,uBAAQ,IAAK,EAAA,CAAA;AACnB,MAAM,MAAA,IAAA,GAAO,EAAE,QAAS,EAAA,CAAA;AACxB,MAAM,MAAA,MAAA,GAAS,EAAE,UAAW,EAAA,CAAA;AAC5B,MAAA,OAAO,OAAO,GAAM,GAAA,MAAA,CAAA;AAAA,KACrB,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"PreviewPhone.vue2.js","sources":["../../../../src/page-diy/src/components/PreviewPhone.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n  name: 'PreviewPhone',\n});\n</script>\n<template>\n  <div class=\"preview-phone\">\n    <div class=\"phone\">\n      <div class=\"phone-header\">\n        <div class=\"phone-header-top\">\n          <div class=\"phone-time\">\n            <span>{{ time }}</span>\n            <van-icon name=\"wechat\" color=\"#2ddd71\" />\n          </div>\n          <div />\n          <div class=\"phone-battery\">\n            <span class=\"m-r-4px\">100%</span>\n            <dk-icon icon=\"gg:battery-full\" :size=\"18\" color=\"#555\" hover-color=\"#f00\"></dk-icon>\n          </div>\n        </div>\n        <div class=\"phone-title\">\n          <div class=\"phone-title-icon\">\n            <el-dropdown trigger=\"click\" placement=\"bottom-start\">\n              <dk-icon icon=\"Close\" hover-color=\"var(--el-color-primary)\" :size=\"20\" style=\"cursor: pointer\"></dk-icon>\n              <template #dropdown>\n                <el-dropdown-menu>\n                  <el-dropdown-item @click=\"clear('rule')\">清除组件</el-dropdown-item>\n                  <el-dropdown-item @click=\"clear('page')\">清除页面</el-dropdown-item>\n                </el-dropdown-menu>\n              </template>\n            </el-dropdown>\n          </div>\n          <div>页面标题</div>\n          <div class=\"phone-title-icon\">\n            <el-popover placement=\"bottom\" :width=\"200\" trigger=\"click\">\n              <template #reference>\n                <dk-icon icon=\"MoreFilled\" :size=\"20\" hover-color=\"var(--el-color-primary)\" style=\"cursor: pointer\" />\n              </template>\n              <el-form-item label=\"显示网格\">\n                <el-switch v-model=\"form.showLine\" @change=\"changeForm()\" />\n              </el-form-item>\n              <el-form-item label=\"网格间距\">\n                <el-slider v-model=\"form.margin\" :min=\"0\" :step=\"1\" show-stops :max=\"20\" @change=\"changeForm()\" />\n              </el-form-item>\n              <el-form-item label=\"效果预览\">\n                <el-switch v-model=\"form.preview\" @change=\"changeForm()\" />\n              </el-form-item>\n            </el-popover>\n          </div>\n        </div>\n      </div>\n      <div class=\"phone-body _fc-m-drag\" :style=\"_style\">\n        <slot />\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, inject } from 'vue'\nimport { storage } from '@vipl520/utils'\nimport { ElMessage, ElMessageBox } from 'element-plus'\n\nconst diy: any = inject('diy')\nconst props = defineProps({\n  value: {\n    default: '',\n    type: String,\n  },\n  pageConfig: {\n    default: () => {},\n    type: [Object],\n  },\n})\n\nconst key = 'preview-phone'\nconst cache: any = JSON.parse(storage.get(key) || '{}')\n\nconst form = ref({\n  showLine: cache.showLine || false,\n  margin: cache.margin || 0,\n  preview: cache.preview || false,\n})\n\nconst changeForm = () => {\n  storage.set(key, JSON.stringify(form.value))\n}\nconst clear = (type = '') => {\n  const { proxy } = diy\n  const typeName: any = {\n    rule: '组件',\n    config: '配置',\n  }\n  ElMessageBox.confirm('当前要清除' + typeName[type] + '，是否继续?', '警告', {\n    confirmButtonText: '确定',\n    cancelButtonText: '取消',\n    type: 'warning',\n  })\n    .then(() => {\n      proxy.clear(type)\n      ElMessage.success('清除成功')\n    })\n    .catch(() => {})\n}\nconst _style = computed(() => {\n  let line: any = {\n    '--padding': '0',\n    '--overflow': 'initial',\n  }\n  if (form.value.showLine && !form.value.preview) {\n    line = {\n      '--margin': form.value.margin + 'px',\n      '--showDashed': '1px',\n    }\n  }\n  if (form.value.preview) {\n    line['--padding'] = '0'\n    line['--overflow'] = 'hidden'\n  } else {\n    line['--padding'] = '2px 0'\n    line['--overflow'] = 'initial'\n  }\n  return {\n    ...props.pageConfig.style,\n    ...line,\n  }\n})\n\nconst time = computed(() => {\n  const d = new Date()\n  const hour = d.getHours() // 得到小时数\n  const minute = d.getMinutes() // 得到分钟数\n  return hour + ':' + minute\n})\n</script>\n"],"names":["__MACROS_defineComponent","inject","storage","ref","ElMessageBox","ElMessage","computed"],"mappings":"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"}

package/lib/page-diy/src/config/base/dkPage.js

@@ -11,55 +11,6 @@ function dkPage() {
       title: "",
       props: {}
     }
-    // { type: 'DkBoxSizeInput', field: 'padding', value: '0px', title: '内边距' },
-    // { type: 'DkBoxSizeInput', field: 'margin', value: '0px', title: '外边距' },
-    // {
-    //   type: 'DkImageInput',
-    //   field: 'bg_img',
-    //   value: '',
-    //   title: '背景图片',
-    //   props: { showInput: false },
-    // },
-    // {
-    //   type: 'DkColorInput',
-    //   field: 'bg_color',
-    //   title: '背景色',
-    //   value: '#ff7271',
-    // },
-    // {
-    //   type: 'elCol',
-    //   props: { style: 'margin-bottom:10px' },
-    //   children: [
-    //     {
-    //       type: 'h2',
-    //       props: {
-    //         contentPosition: 'left',
-    //       },
-    //       style: 'margin:10px 0px;font-size:14px',
-    //       children: ['偏好设置'],
-    //     },
-    //     {
-    //       type: 'p',
-    //       props: {},
-    //       style: 'margin:10px 0px;color:#999;font-size:12px',
-    //       children: ['当前设置仅为了方便diy使用，不会对实际页面有影响'],
-    //     },
-    //   ],
-    // },
-    // {
-    //   type: 'slider',
-    //   field: 'border_margin',
-    //   title: '模块间距',
-    //   value: 0,
-    //   props: { min: 0, max: 20 },
-    //   // suffix: get_help('方便Diy的时候选择模块，不会对实际页面有影响')
-    // },
-    // {
-    //   type: 'switch',
-    //   field: 'show_dashed',
-    //   title: '显示虚线',
-    //   props: { activeValue: 2, inactiveValue: 0 },
-    // },
   ];
 }
 

package/lib/page-diy/src/config/base/dkPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"dkPage.js","sources":["../../../../../src/page-diy/src/config/base/dkPage.js"],"sourcesContent":["// import { get_help } from '../../../DkPageDiy/utils'\n\nexport default function dkPage() {\n  return [\n    {\n      type: 'DkStyleInput',\n      field: 'style',\n      value: {},\n      title: '',\n      props: {},\n    },\n    // { type: 'DkBoxSizeInput', field: 'padding', value: '0px', title: '内边距' },\n    // { type: 'DkBoxSizeInput', field: 'margin', value: '0px', title: '外边距' },\n    // {\n    //   type: 'DkImageInput',\n    //   field: 'bg_img',\n    //   value: '',\n    //   title: '背景图片',\n    //   props: { showInput: false },\n    // },\n    // {\n    //   type: 'DkColorInput',\n    //   field: 'bg_color',\n    //   title: '背景色',\n    //   value: '#ff7271',\n    // },\n    // {\n    //   type: 'elCol',\n    //   props: { style: 'margin-bottom:10px' },\n    //   children: [\n    //     {\n    //       type: 'h2',\n    //       props: {\n    //         contentPosition: 'left',\n    //       },\n    //       style: 'margin:10px 0px;font-size:14px',\n    //       children: ['偏好设置'],\n    //     },\n    //     {\n    //       type: 'p',\n    //       props: {},\n    //       style: 'margin:10px 0px;color:#999;font-size:12px',\n    //       children: ['当前设置仅为了方便diy使用，不会对实际页面有影响'],\n    //     },\n    //   ],\n    // },\n    // {\n    //   type: 'slider',\n    //   field: 'border_margin',\n    //   title: '模块间距',\n    //   value: 0,\n    //   props: { min: 0, max: 20 },\n    //   // suffix: get_help('方便Diy的时候选择模块，不会对实际页面有影响')\n    // },\n    // {\n    //   type: 'switch',\n    //   field: 'show_dashed',\n    //   title: '显示虚线',\n    //   props: { activeValue: 2, inactiveValue: 0 },\n    // },\n  ]\n}\n"],"names":[],"mappings":";;;;AAEA,SAAwB,MAAS,GAAA;AAC/B,EAAO,OAAA;AAAA,IACL;AAAA,MACE,IAAM,EAAA,cAAA;AAAA,MACN,KAAO,EAAA,OAAA;AAAA,MACP,OAAO,EAAC;AAAA,MACR,KAAO,EAAA,EAAA;AAAA,MACP,OAAO,EAAC;AAAA,KACV;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAkDF,CAAA;AACF;;;;"}
+{"version":3,"file":"dkPage.js","sources":["../../../../../src/page-diy/src/config/base/dkPage.js"],"sourcesContent":["export default function dkPage() {\n  return [\n    {\n      type: 'DkStyleInput',\n      field: 'style',\n      value: {},\n      title: '',\n      props: {},\n    },\n  ]\n}\n"],"names":[],"mappings":";;;;AAAA,SAAwB,MAAS,GAAA;AAC/B,EAAO,OAAA;AAAA,IACL;AAAA,MACE,IAAM,EAAA,cAAA;AAAA,MACN,KAAO,EAAA,OAAA;AAAA,MACP,OAAO,EAAC;AAAA,MACR,KAAO,EAAA,EAAA;AAAA,MACP,OAAO,EAAC;AAAA,KACV;AAAA,GACF,CAAA;AACF;;;;"}