@vipl520/dk-ui 1.0.1

package/lib/packages/dk-ui/src/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/index.ts"],"sourcesContent":["import type { App } from 'vue'\nimport { Test } from './test'\nimport { Group } from './group'\nimport { TinyEditor } from './tiny-editor'\nimport { Icon } from './icon'\nimport { ColorInput } from './color-input'\nimport { Dialog } from './dialog'\nimport { Form } from './form'\nimport { Attachment } from './attachment'\nimport { AttachmentDialog } from './attachment-dialog'\nimport { FileInput } from './file-input'\nimport { ImageInput } from './image-input'\nimport { AudioInput } from './audio-input'\nimport { VideoInput } from './video-input'\nimport { FileListInput } from './file-list-input'\nimport { ImageListInput } from './image-list-input'\nimport { AudioListInput } from './audio-list-input'\nimport { VideoListInput } from './video-list-input'\nimport { IconInput, IconContent, IconDialog } from './icon-input'\nimport { StyleInput } from './style-input'\nimport { BoxSizeInput } from './box-size-input'\nimport { StyleBoxInput } from './style-box-input'\nimport { StyleFontInput } from './style-font-input'\nimport { StyleBorderInput } from './style-border-input'\nimport { StyleBackgroundInput } from './style-background-input'\nimport { StyleShadowContent, StyleShadowInput } from './style-shadow-input'\nimport { StylePositionInput } from './style-position-input'\nimport { StyleNumberInput } from './style-number-input'\nimport { PageDiy } from './page-diy'\nimport { Table } from './table'\nimport { Select } from './select'\n// import { Poster, PosterInput } from './poster-input'\nimport { setGlobalConfig, directives } from '@vipl520/utils'\n\nexport * from './tiny-editor'\nexport * from './icon'\nexport * from './group'\nexport * from './color-input'\nexport * from './form'\nexport * from './attachment'\nexport * from './attachment-dialog'\nexport * from './file-input'\nexport * from './image-input'\nexport * from './audio-input'\nexport * from './video-input'\nexport * from './file-list-input'\nexport * from './image-list-input'\nexport * from './audio-list-input'\nexport * from './video-list-input'\nexport * from './icon-input'\nexport * from './page-diy'\nexport * from './box-size-input'\nexport * from './test'\nexport * from './style-input'\nexport * from './style-box-input'\nexport * from './style-font-input'\nexport * from './style-border-input'\nexport * from './style-shadow-input'\nexport * from './style-background-input'\nexport * from './style-position-input'\nexport * from './style-number-input'\nexport * from './table'\nexport * from './select'\n// export * from './poster-input'\n\nconst components = [\n  Test,\n  // 数据表格\n  Table,\n  // 选择\n  Select,\n  // 表单组/对象表单\n  Group,\n  // 富文本编辑器\n  TinyEditor,\n  // 图标\n  Icon,\n  // 颜色选择器\n  ColorInput,\n  // 对话框\n  Dialog,\n  // json表单\n  Form,\n  // 附件\n  Attachment,\n  // 附件弹窗\n  AttachmentDialog,\n  // 文件选择器\n  FileInput,\n  // 图片选择器\n  ImageInput,\n  // 音频选择器\n  AudioInput,\n  // 视频选择器\n  VideoInput,\n  // 多文件选择器\n  FileListInput,\n  // 多图片选择器\n  ImageListInput,\n  // 多音频选择器\n  AudioListInput,\n  // 多视频选择器\n  VideoListInput,\n  // 图标选择器\n  IconInput,\n  // 图标展示框\n  IconContent,\n  // 图片弹出框\n  IconDialog,\n  // DIY编辑器\n  PageDiy,\n  // 尺寸输入框（带px/%/rem/等单位）\n  BoxSizeInput,\n  // DIV盒子编辑器（padding/margin/width/height）\n  StyleBoxInput,\n  // 文字样式编辑器\n  StyleFontInput,\n  // 边框样式编辑器\n  StyleBorderInput,\n  // 阴影编辑器\n  StyleShadowInput,\n  // 阴影编辑框\n  StyleShadowContent,\n  // 背景编辑器\n  StyleBackgroundInput,\n  // 合并样式编辑\n  StyleInput,\n  // 定位编辑器\n  StylePositionInput,\n  // 样式文字\n  StyleNumberInput,\n  // 海报选择器\n  // PosterInput,\n  // // 海报\n  // Poster,\n  // TODO 普通上传 upload\n  // TODO tag选择器  tag-input\n  // TODO 链接选择器 link-input\n  // TODO 海报编辑器 poster-input\n  // TODO Layout布局组件 layout\n  // TODO 应用信息组件 addon-info\n  // TODO 用户信息组件 user-info\n  // TODO 全局Hook组件 global-hook\n  // TODO 前端DIY匹配\n  // TODO 开发者工具(自动CRUD)\n  // TODO 应用框架\n]\n\nexport const install = (app: App, option: any = {}) => {\n  components.forEach((item) => {\n    if (item.install!) {\n      app.use(item)\n    } else if (item.name) {\n      app.component(item.name, item)\n    }\n  })\n  directives(app)\n  setGlobalConfig(option)\n}\n\nexport default {\n  install,\n}\n"],"names":["Test","Table","Select","Group","TinyEditor","Icon","ColorInput","Dialog","Form","Attachment","AttachmentDialog","FileInput","ImageInput","AudioInput","VideoInput","FileListInput","ImageListInput","AudioListInput","VideoListInput","IconInput","IconContent","IconDialog","PageDiy","BoxSizeInput","StyleBoxInput","StyleFontInput","StyleBorderInput","StyleShadowInput","StyleShadowContent","StyleBackgroundInput","StyleInput","StylePositionInput","StyleNumberInput","directives","setGlobalConfig"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiEA,MAAM,UAAa,GAAA;AAAA,EACjBA,YAAA;AAAA;AAAA,EAEAC,aAAA;AAAA;AAAA,EAEAC,cAAA;AAAA;AAAA,EAEAC,aAAA;AAAA;AAAA,EAEAC,kBAAA;AAAA;AAAA,EAEAC,YAAA;AAAA;AAAA,EAEAC,kBAAA;AAAA;AAAA,EAEAC,cAAA;AAAA;AAAA,EAEAC,YAAA;AAAA;AAAA,EAEAC,kBAAA;AAAA;AAAA,EAEAC,wBAAA;AAAA;AAAA,EAEAC,iBAAA;AAAA;AAAA,EAEAC,kBAAA;AAAA;AAAA,EAEAC,kBAAA;AAAA;AAAA,EAEAC,kBAAA;AAAA;AAAA,EAEAC,qBAAA;AAAA;AAAA,EAEAC,sBAAA;AAAA;AAAA,EAEAC,sBAAA;AAAA;AAAA,EAEAC,sBAAA;AAAA;AAAA,EAEAC,iBAAA;AAAA;AAAA,EAEAC,mBAAA;AAAA;AAAA,EAEAC,kBAAA;AAAA;AAAA,EAEAC,eAAA;AAAA;AAAA,EAEAC,oBAAA;AAAA;AAAA,EAEAC,qBAAA;AAAA;AAAA,EAEAC,sBAAA;AAAA;AAAA,EAEAC,wBAAA;AAAA;AAAA,EAEAC,wBAAA;AAAA;AAAA,EAEAC,0BAAA;AAAA;AAAA,EAEAC,4BAAA;AAAA;AAAA,EAEAC,kBAAA;AAAA;AAAA,EAEAC,0BAAA;AAAA;AAAA,EAEAC,wBAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAgBF,CAAA,CAAA;AAEO,MAAM,OAAU,GAAA,CAAC,GAAU,EAAA,MAAA,GAAc,EAAO,KAAA;AACrD,EAAW,UAAA,CAAA,OAAA,CAAQ,CAAC,IAAS,KAAA;AAC3B,IAAA,IAAI,KAAK,OAAU,EAAA;AACjB,MAAA,GAAA,CAAI,IAAI,IAAI,CAAA,CAAA;AAAA,KACd,MAAA,IAAW,KAAK,IAAM,EAAA;AACpB,MAAI,GAAA,CAAA,SAAA,CAAU,IAAK,CAAA,IAAA,EAAM,IAAI,CAAA,CAAA;AAAA,KAC/B;AAAA,GACD,CAAA,CAAA;AACD,EAAAC,gBAAA,CAAW,GAAG,CAAA,CAAA;AACd,EAAAC,qBAAA,CAAgB,MAAM,CAAA,CAAA;AACxB,EAAA;AAEA,YAAe;AAAA,EACb,OAAA;AACF,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/packages/dk-ui/src/page-diy/index.js

@@ -0,0 +1,47 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var utils = require('@vipl520/utils');
+var pageDiy = require('./src/page-diy.vue.js');
+var DragTool = require('./src/components/DragTool.vue.js');
+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');
+
+const addComponent = (id, component) => {
+  form.designerForm.component(id, component);
+  form.viewForm.component(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();
+    if (fc.value) {
+      rule.effect._fc = false;
+    }
+  }
+});
+form.designerForm.register("_fc_tool", {
+  init(_, rule) {
+    rule.props.unique = unique.uniqueId();
+  }
+});
+pageDiy.default.formCreate = form.viewForm;
+pageDiy.default.designerForm = form.designerForm;
+pageDiy.default.component = addComponent;
+const PageDiy = utils.withInstall(pageDiy.default);
+
+exports.pageDiyProps = props.pageDiyProps;
+exports.PageDiy = PageDiy;
+exports.default = PageDiy;
+//# sourceMappingURL=index.js.map

package/lib/packages/dk-ui/src/page-diy/index.js.map

@@ -0,0 +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;;;;;;"}

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

@@ -0,0 +1,41 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var draggable = require('vuedraggable/src/vuedraggable');
+var _pluginVue_exportHelper = require('../../../../../../_virtual/_plugin-vue_export-helper.js');
+
+const _sfc_main = vue.defineComponent({
+  name: 'DragBox',
+  props: ['rule', 'tag', 'formCreateInject'],
+  render(ctx) {
+    const subRule = { ...ctx.$props.rule.props, ...ctx.$attrs };
+    let _class = ctx.tag + '-drag drag-box';
+    if (!Object.keys(ctx.$slots).length) {
+      _class += ' ' + ctx.tag + '-holder';
+    }
+    subRule.class = _class;
+    subRule.modelValue = [...this.$props.formCreateInject.children];
+
+    const keys = {};
+    if (ctx.$slots.default) {
+      const children = ctx.$slots.default();
+      children.forEach((v) => {
+        if (v.key) {
+          keys[v.key] = v;
+        }
+      });
+    }
+
+    return vue.h(draggable, subRule, {
+      item: ({ element }) => {
+        return vue.h('div', {}, keys[element.__fc__.key + 'fc'])
+      },
+    })
+  },
+});
+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"]]);
+
+exports.default = DragBox;
+//# sourceMappingURL=DragBox.vue.js.map

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

@@ -0,0 +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;;;;;"}

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

@@ -0,0 +1,137 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var _pluginVue_exportHelper = require('../../../../../../_virtual/_plugin-vue_export-helper.js');
+
+let uni = 1;
+const _sfc_main = vue.defineComponent({
+  name: 'DragTool',
+  props: {
+    dragBtn: {
+      default: false,
+      type: Boolean,
+    },
+    children: {
+      default: '',
+      type: String,
+    },
+    unique: {
+      default: '',
+      type: String,
+    },
+    mask: {
+      default: false,
+      type: Boolean,
+    },
+    setting: {
+      default: () => {},
+      type: [Object],
+    },
+  },
+  setup(props) {
+    const { unique } = vue.toRefs(props);
+    const id = vue.computed(() => unique.value || uni++);
+    const state = vue.inject('fcx');
+    return {
+      id,
+      state,
+    }
+  },
+  computed: {
+    pageConfig() {
+      return {}
+    },
+    _style() {
+      if (this.setting.is_position) {
+        return {
+          ...this.setting.style,
+          ...this.setting.position,
+          position: 'absolute',
+        }
+      } else {
+        return {
+          ...this.setting.style,
+        }
+      }
+    },
+    _animate() {
+      // if (this.setting.loop_animate) {
+      //   return 'animate__' + this.setting.loop_animate + ' '
+      // } else if (this.setting.animate) {
+      //   return 'animate__' + this.setting.animate
+      // } else {
+      return ''
+      // }
+    },
+  },
+  beforeUnmount() {
+    this.state = {};
+  },
+  methods: {
+    active() {
+      if (this.state.active === this.id) return
+      this.state.active = this.id;
+      this.$emit('active');
+    },
+  },
+});
+
+const _hoisted_1 = {
+  key: 0,
+  class: "drag-mask"
+};
+const _hoisted_2 = { class: "drag-r" };
+
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_dk_icon = vue.resolveComponent("dk-icon");
+
+  return (vue.openBlock(), vue.createElementBlock("div", {
+    class: vue.normalizeClass(["drag-tool animate__animated", { active: _ctx.state.active === _ctx.id }]),
+    style: vue.normalizeStyle(_ctx._style),
+    onClick: _cache[4] || (_cache[4] = vue.withModifiers((...args) => (_ctx.active && _ctx.active(...args)), ["stop"]))
+  }, [
+    (_ctx.mask)
+      ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1))
+      : vue.createCommentVNode("v-if", true),
+    vue.createElementVNode("div", _hoisted_2, [
+      vue.createElementVNode("div", {
+        class: "drag-btn",
+        title: "添加当前组件",
+        onClick: _cache[0] || (_cache[0] = $event => (_ctx.$emit('create')))
+      }, [
+        vue.createVNode(_component_dk_icon, { icon: "CirclePlus" })
+      ]),
+      vue.createElementVNode("div", {
+        class: "drag-btn",
+        title: "复制当前组件",
+        onClick: _cache[1] || (_cache[1] = $event => (_ctx.$emit('copy')))
+      }, [
+        vue.createVNode(_component_dk_icon, { icon: "CopyDocument" })
+      ]),
+      (_ctx.children)
+        ? (vue.openBlock(), vue.createElementBlock("div", {
+            key: 0,
+            class: "drag-btn",
+            title: "添加子组件",
+            onClick: _cache[2] || (_cache[2] = $event => (_ctx.$emit('addChild')))
+          }, [
+            vue.createVNode(_component_dk_icon, { icon: "fluent:tab-add-20-regular" })
+          ]))
+        : vue.createCommentVNode("v-if", true),
+      vue.createElementVNode("div", {
+        class: "drag-btn drag-btn-danger",
+        title: "删除组件",
+        onClick: _cache[3] || (_cache[3] = $event => (_ctx.$emit('delete')))
+      }, [
+        vue.createVNode(_component_dk_icon, { icon: "Close" })
+      ])
+    ]),
+    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"]]);
+
+exports.default = DragTool;
+//# sourceMappingURL=DragTool.vue.js.map

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

@@ -0,0 +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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"}

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

@@ -0,0 +1,11 @@
+'use strict';
+
+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"]]);
+
+exports.default = PreviewPhone;
+//# sourceMappingURL=PreviewPhone.vue.js.map

package/lib/packages/dk-ui/src/page-diy/src/components/PreviewPhone.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreviewPhone.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}

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

@@ -0,0 +1,254 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var utils = require('@vipl520/utils');
+require('../../../../../../node_modules/.pnpm/element-plus@2.3.14_vue@3.3.4/node_modules/element-plus/es/index.js');
+var index = require('../../../../../../node_modules/.pnpm/element-plus@2.3.14_vue@3.3.4/node_modules/element-plus/es/components/message-box/index.js');
+var index$1 = require('../../../../../../node_modules/.pnpm/element-plus@2.3.14_vue@3.3.4/node_modules/element-plus/es/components/message/index.js');
+
+const _hoisted_1 = { class: "preview-phone" };
+const _hoisted_2 = { class: "phone" };
+const _hoisted_3 = { class: "phone-header" };
+const _hoisted_4 = { class: "phone-header-top" };
+const _hoisted_5 = { class: "phone-time" };
+const _hoisted_6 = /* @__PURE__ */ vue.createElementVNode(
+  "div",
+  null,
+  null,
+  -1
+  /* HOISTED */
+);
+const _hoisted_7 = { class: "phone-battery" };
+const _hoisted_8 = /* @__PURE__ */ vue.createElementVNode(
+  "span",
+  { class: "m-r-4px" },
+  "100%",
+  -1
+  /* HOISTED */
+);
+const _hoisted_9 = { class: "phone-title" };
+const _hoisted_10 = { class: "phone-title-icon" };
+const _hoisted_11 = /* @__PURE__ */ vue.createElementVNode(
+  "div",
+  null,
+  "\u9875\u9762\u6807\u9898",
+  -1
+  /* HOISTED */
+);
+const _hoisted_12 = { class: "phone-title-icon" };
+const __default__ = vue.defineComponent({
+  name: "PreviewPhone"
+});
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: {
+    value: {
+      default: "",
+      type: String
+    },
+    pageConfig: {
+      default: () => {
+      },
+      type: [Object]
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const diy = vue.inject("diy");
+    const key = "preview-phone";
+    const cache = JSON.parse(utils.storage.get(key) || "{}");
+    const form = vue.ref({
+      showLine: cache.showLine || false,
+      margin: cache.margin || 0
+    });
+    const changeForm = () => {
+      utils.storage.set(key, JSON.stringify(form.value));
+    };
+    const clear = (type = "") => {
+      const { proxy } = diy;
+      const typeName = {
+        rule: "\u7EC4\u4EF6",
+        config: "\u914D\u7F6E"
+      };
+      index.ElMessageBox.confirm("\u5F53\u524D\u8981\u6E05\u9664" + typeName[type] + "\uFF0C\u662F\u5426\u7EE7\u7EED?", "\u8B66\u544A", {
+        confirmButtonText: "\u786E\u5B9A",
+        cancelButtonText: "\u53D6\u6D88",
+        type: "warning"
+      }).then(() => {
+        proxy.clear(type);
+        index$1.ElMessage.success("\u6E05\u9664\u6210\u529F");
+      }).catch(() => {
+      });
+    };
+    const _style = vue.computed(() => {
+      let line = {};
+      if (form.value.showLine) {
+        line = {
+          "--margin": form.value.margin + "px",
+          "--showDashed": "1px"
+        };
+      }
+      return {
+        ...props.pageConfig.style,
+        ...line
+      };
+    });
+    const time = vue.computed(() => {
+      const d = /* @__PURE__ */ new Date();
+      const hour = d.getHours();
+      const minute = d.getMinutes();
+      return hour + ":" + minute;
+    });
+    return (_ctx, _cache) => {
+      const _component_van_icon = vue.resolveComponent("van-icon");
+      const _component_dk_icon = vue.resolveComponent("dk-icon");
+      const _component_el_dropdown_item = vue.resolveComponent("el-dropdown-item");
+      const _component_el_dropdown_menu = vue.resolveComponent("el-dropdown-menu");
+      const _component_el_dropdown = vue.resolveComponent("el-dropdown");
+      const _component_el_switch = vue.resolveComponent("el-switch");
+      const _component_el_form_item = vue.resolveComponent("el-form-item");
+      const _component_el_slider = vue.resolveComponent("el-slider");
+      const _component_el_popover = vue.resolveComponent("el-popover");
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createElementVNode("div", _hoisted_2, [
+          vue.createElementVNode("div", _hoisted_3, [
+            vue.createElementVNode("div", _hoisted_4, [
+              vue.createElementVNode("div", _hoisted_5, [
+                vue.createElementVNode(
+                  "span",
+                  null,
+                  vue.toDisplayString(time.value),
+                  1
+                  /* TEXT */
+                ),
+                vue.createVNode(_component_van_icon, {
+                  name: "wechat",
+                  color: "#2ddd71"
+                })
+              ]),
+              _hoisted_6,
+              vue.createElementVNode("div", _hoisted_7, [
+                _hoisted_8,
+                vue.createVNode(_component_dk_icon, {
+                  icon: "gg:battery-full",
+                  size: 30,
+                  color: "#555",
+                  "hover-color": "#f00"
+                })
+              ])
+            ]),
+            vue.createElementVNode("div", _hoisted_9, [
+              vue.createElementVNode("div", _hoisted_10, [
+                vue.createVNode(_component_el_dropdown, {
+                  trigger: "click",
+                  placement: "bottom-start"
+                }, {
+                  dropdown: vue.withCtx(() => [
+                    vue.createVNode(_component_el_dropdown_menu, null, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(_component_el_dropdown_item, {
+                          onClick: _cache[0] || (_cache[0] = ($event) => clear("rule"))
+                        }, {
+                          default: vue.withCtx(() => [
+                            vue.createTextVNode("\u6E05\u9664\u7EC4\u4EF6")
+                          ]),
+                          _: 1
+                          /* STABLE */
+                        }),
+                        vue.createVNode(_component_el_dropdown_item, {
+                          onClick: _cache[1] || (_cache[1] = ($event) => clear("page"))
+                        }, {
+                          default: vue.withCtx(() => [
+                            vue.createTextVNode("\u6E05\u9664\u9875\u9762")
+                          ]),
+                          _: 1
+                          /* STABLE */
+                        })
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    })
+                  ]),
+                  default: vue.withCtx(() => [
+                    vue.createVNode(_component_dk_icon, {
+                      icon: "Close",
+                      "hover-color": "var(--el-color-primary)",
+                      size: 20,
+                      style: { "cursor": "pointer" }
+                    })
+                  ]),
+                  _: 1
+                  /* STABLE */
+                })
+              ]),
+              _hoisted_11,
+              vue.createElementVNode("div", _hoisted_12, [
+                vue.createVNode(_component_el_popover, {
+                  placement: "bottom",
+                  width: 200,
+                  trigger: "click"
+                }, {
+                  reference: vue.withCtx(() => [
+                    vue.createVNode(_component_dk_icon, {
+                      icon: "MoreFilled",
+                      size: 20,
+                      "hover-color": "var(--el-color-primary)",
+                      style: { "cursor": "pointer" }
+                    })
+                  ]),
+                  default: vue.withCtx(() => [
+                    vue.createVNode(_component_el_form_item, { label: "\u663E\u793A\u7F51\u683C" }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(_component_el_switch, {
+                          modelValue: form.value.showLine,
+                          "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => form.value.showLine = $event),
+                          onChange: _cache[3] || (_cache[3] = ($event) => changeForm())
+                        }, null, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    }),
+                    vue.createVNode(_component_el_form_item, { label: "\u7F51\u683C\u95F4\u8DDD" }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(_component_el_slider, {
+                          modelValue: form.value.margin,
+                          "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => form.value.margin = $event),
+                          min: 0,
+                          step: 1,
+                          "show-stops": "",
+                          max: 10,
+                          onChange: _cache[5] || (_cache[5] = ($event) => changeForm())
+                        }, null, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    })
+                  ]),
+                  _: 1
+                  /* STABLE */
+                })
+              ])
+            ])
+          ]),
+          vue.createElementVNode(
+            "div",
+            {
+              class: "phone-body _fc-m-drag",
+              style: vue.normalizeStyle(_style.value)
+            },
+            [
+              vue.renderSlot(_ctx.$slots, "default")
+            ],
+            4
+            /* STYLE */
+          )
+        ])
+      ]);
+    };
+  }
+});
+
+exports.default = _sfc_main;
+//# sourceMappingURL=PreviewPhone.vue2.js.map

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

@@ -0,0 +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,kBAAA,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,iBAAA,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,67 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+function dkPage() {
+  return [
+    {
+      type: "DkStyleInput",
+      field: "style",
+      value: {},
+      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 },
+    // },
+  ];
+}
+
+exports.default = dkPage;
+//# sourceMappingURL=dkPage.js.map

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

@@ -0,0 +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;;;;"}