@vipl520/dk-ui 1.0.12 → 1.0.13

package/es/hot-area-input/src/hot-area-input.vue2.mjs

@@ -0,0 +1,65 @@
+import { defineComponent, reactive, ref, resolveComponent, openBlock, createElementBlock, createVNode, withCtx, createTextVNode, createElementVNode } from 'vue';
+import { hotAreaInputProps } from './props.mjs';
+import HotAreaContent from './component/hot-area-content.vue.mjs';
+
+const _hoisted_1 = { class: "dk-hot-area-input" };
+const _hoisted_2 = { class: "text-center" };
+const __default__ = defineComponent({
+  name: "DkHotAreaInput"
+});
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: hotAreaInputProps,
+  setup(__props) {
+    const props = __props;
+    const input = reactive(props.modelValue);
+    const dialog = ref(false);
+    return (_ctx, _cache) => {
+      const _component_el_button = resolveComponent("el-button");
+      const _component_dk_dialog = resolveComponent("dk-dialog");
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(_component_el_button, {
+          type: "primary",
+          onClick: _cache[0] || (_cache[0] = ($event) => dialog.value = true)
+        }, {
+          default: withCtx(() => [
+            createTextVNode("\u8BBE\u7F6E\u70ED\u533A")
+          ]),
+          _: 1
+          /* STABLE */
+        }),
+        createVNode(_component_dk_dialog, {
+          modelValue: dialog.value,
+          "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => dialog.value = $event),
+          width: "1000px",
+          title: "\u8BBE\u7F6E\u70ED\u533A"
+        }, {
+          footer: withCtx(() => [
+            createElementVNode("div", _hoisted_2, [
+              createVNode(_component_el_button, {
+                size: "default",
+                style: { "width": "200px" },
+                type: "primary",
+                onClick: _cache[1] || (_cache[1] = ($event) => dialog.value = false)
+              }, {
+                default: withCtx(() => [
+                  createTextVNode("\u786E\u5B9A")
+                ]),
+                _: 1
+                /* STABLE */
+              })
+            ])
+          ]),
+          default: withCtx(() => [
+            createVNode(HotAreaContent, { "hot-data-value": input }, null, 8, ["hot-data-value"])
+          ]),
+          _: 1
+          /* STABLE */
+        }, 8, ["modelValue"])
+      ]);
+    };
+  }
+});
+
+export { _sfc_main as default };
+//# sourceMappingURL=hot-area-input.vue2.mjs.map

package/es/hot-area-input/src/hot-area-input.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"hot-area-input.vue2.mjs","sources":["../../../src/hot-area-input/src/hot-area-input.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n  name: 'DkHotAreaInput',\n});\n</script>\n<template>\n  <div class=\"dk-hot-area-input\">\n    <el-button type=\"primary\" @click=\"dialog = true\">设置热区</el-button>\n    <dk-dialog v-model=\"dialog\" width=\"1000px\" title=\"设置热区\">\n      <hot-area-content :hot-data-value=\"input\"></hot-area-content>\n      <template #footer>\n        <div class=\"text-center\">\n          <el-button size=\"default\" style=\"width: 200px\" type=\"primary\" @click=\"dialog = false\">确定</el-button>\n        </div>\n      </template>\n    </dk-dialog>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { hotAreaInputProps } from './props'\nimport { ref, reactive } from 'vue'\nimport HotAreaContent from './component/hot-area-content.vue'\n\n\nconst props = defineProps(hotAreaInputProps)\nconst input = reactive(props.modelValue)\nconst dialog = ref(false)\n</script>\n"],"names":["__MACROS_defineComponent"],"mappings":";;;;;;AAEA,MAA6B,cAAAA,eAAyB,CAAA;AAAA,EACpD,IAAM,EAAA,gBAAA;AACR,CAAC,CAAA,CAAA;;;;;;AAuBD,IAAM,MAAA,KAAA,GAAQ,QAAS,CAAA,KAAA,CAAM,UAAU,CAAA,CAAA;AACvC,IAAM,MAAA,MAAA,GAAS,IAAI,KAAK,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/hot-area-input/src/props.d.ts

@@ -0,0 +1,8 @@
+import type { ExtractPropTypes } from 'vue';
+export declare const hotAreaInputProps: {
+    modelValue: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+};
+export type HotAreaInputProps = ExtractPropTypes<typeof hotAreaInputProps>;

package/es/hot-area-input/src/props.mjs

@@ -0,0 +1,11 @@
+const hotAreaInputProps = {
+  modelValue: {
+    type: Object,
+    default: () => {
+      return {};
+    }
+  }
+};
+
+export { hotAreaInputProps };
+//# sourceMappingURL=props.mjs.map

package/es/hot-area-input/src/props.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"props.mjs","sources":["../../../src/hot-area-input/src/props.ts"],"sourcesContent":["import type { ExtractPropTypes } from 'vue'\n\nexport const hotAreaInputProps = {\n  modelValue: {\n    type: Object,\n    default: () => {\n      return {}\n    },\n  },\n}\n\nexport type HotAreaInputProps = ExtractPropTypes<typeof hotAreaInputProps>\n"],"names":[],"mappings":"AAEO,MAAM,iBAAoB,GAAA;AAAA,EAC/B,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,MAAA;AAAA,IACN,SAAS,MAAM;AACb,MAAA,OAAO,EAAC,CAAA;AAAA,KACV;AAAA,GACF;AACF;;;;"}

package/es/hot-area-input/style/index.css

@@ -0,0 +1 @@
+.hot-area-content{display:flex;justify-content:space-between}.hot-area-content .hot-area-draggable{width:500px;border:1px solid var(--el-border-color)}.hot-area-content .hot-area-form{width:400px}.hot-area-content .hot-area-form .hot-area-input{display:flex;align-items:center}.hot-area-content .hot-area-form .hot-area-input span{width:100px}.hot-item-content{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:20px;color:#fff;background:rgba(0,0,0,.2509803922)}

package/es/hot-area-input/style/index.scss

@@ -0,0 +1,40 @@
+/* stylelint-disable */
+.dk-hot-area-input {
+
+}
+.hot-area-content {
+  display: flex;
+  justify-content: space-between;
+
+  .hot-area-draggable {
+    width: 500px;
+    border: 1px solid var(--el-border-color);
+    //box-shadow: var(--el-box-shadow-light);
+  }
+
+  .hot-area-form {
+    width: 400px;
+
+    .hot-area-input {
+      display: flex;
+      align-items: center;
+
+      span {
+        width: 100px;
+      }
+    }
+  }
+}
+
+.hot-item-content {
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+  font-size: 20px;
+  color: #fff;
+  background: #00000040;
+}
+/* stylelint-enable */

package/es/icon/src/icon.vue.mjs

@@ -1,7 +1,7 @@
 import _sfc_main from './icon.vue2.mjs';
 import _export_sfc from '../../_virtual/_plugin-vue_export-helper.mjs';
 
-var _Icon = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui_test\\dk-ui-all\\packages\\dk-ui\\src\\icon\\src\\icon.vue"]]);
+var _Icon = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\icon\\src\\icon.vue"]]);
 
 export { _Icon as default };
 //# sourceMappingURL=icon.vue.mjs.map

package/es/icon-input/src/icon-content.vue.mjs

@@ -1,7 +1,7 @@
 import _sfc_main from './icon-content.vue2.mjs';
 import _export_sfc from '../../_virtual/_plugin-vue_export-helper.mjs';
 
-var _IconContent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui_test\\dk-ui-all\\packages\\dk-ui\\src\\icon-input\\src\\icon-content.vue"]]);
+var _IconContent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\icon-input\\src\\icon-content.vue"]]);
 
 export { _IconContent as default };
 //# sourceMappingURL=icon-content.vue.mjs.map

package/es/icon-input/src/icon-dialog.vue.mjs

@@ -1,7 +1,7 @@
 import _sfc_main from './icon-dialog.vue2.mjs';
 import _export_sfc from '../../_virtual/_plugin-vue_export-helper.mjs';
 
-var _IconDialog = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui_test\\dk-ui-all\\packages\\dk-ui\\src\\icon-input\\src\\icon-dialog.vue"]]);
+var _IconDialog = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\icon-input\\src\\icon-dialog.vue"]]);
 
 export { _IconDialog as default };
 //# sourceMappingURL=icon-dialog.vue.mjs.map

package/es/icon-input/src/icon-input.vue.mjs

@@ -1,7 +1,7 @@
 import _sfc_main from './icon-input.vue2.mjs';
 import _export_sfc from '../../_virtual/_plugin-vue_export-helper.mjs';
 
-var _IconInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui_test\\dk-ui-all\\packages\\dk-ui\\src\\icon-input\\src\\icon-input.vue"]]);
+var _IconInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\icon-input\\src\\icon-input.vue"]]);
 
 export { _IconInput as default };
 //# sourceMappingURL=icon-input.vue.mjs.map

package/es/image-input/src/image-input.vue.mjs

@@ -1,7 +1,7 @@
 import _sfc_main from './image-input.vue2.mjs';
 import _export_sfc from '../../_virtual/_plugin-vue_export-helper.mjs';
 
-var _ImageInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui_test\\dk-ui-all\\packages\\dk-ui\\src\\image-input\\src\\image-input.vue"]]);
+var _ImageInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\image-input\\src\\image-input.vue"]]);
 
 export { _ImageInput as default };
 //# sourceMappingURL=image-input.vue.mjs.map

package/es/image-list-input/src/image-list-input.vue.mjs

@@ -1,7 +1,7 @@
 import _sfc_main from './image-list-input.vue2.mjs';
 import _export_sfc from '../../_virtual/_plugin-vue_export-helper.mjs';
 
-var _ImageListInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui_test\\dk-ui-all\\packages\\dk-ui\\src\\image-list-input\\src\\image-list-input.vue"]]);
+var _ImageListInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\image-list-input\\src\\image-list-input.vue"]]);
 
 export { _ImageListInput as default };
 //# sourceMappingURL=image-list-input.vue.mjs.map

package/es/index.d.ts

@@ -3,6 +3,7 @@ export * from './tiny-editor';
 export * from './icon';
 export * from './group';
 export * from './color-input';
+export * from './hot-area-input';
 export * from './form';
 export * from './attachment';
 export * from './attachment-dialog';

package/es/index.mjs

@@ -3,6 +3,7 @@ import { Group } from './group/index.mjs';
 import { TinyEditor } from './tiny-editor/index.mjs';
 import { Icon } from './icon/index.mjs';
 import { ColorInput } from './color-input/index.mjs';
+import { HotAreaInput } from './hot-area-input/index.mjs';
 import { Dialog } from './dialog/index.mjs';
 import { Form } from './form/index.mjs';
 import { Attachment } from './attachment/index.mjs';
@@ -34,6 +35,7 @@ export { tinyEditorProps } from './tiny-editor/src/props.mjs';
 export { iconProps } from './icon/src/props.mjs';
 export { groupProps } from './group/src/props.mjs';
 export { colorInputProps } from './color-input/src/props.mjs';
+export { hotAreaInputProps } from './hot-area-input/src/props.mjs';
 export { formProps } from './form/src/props.mjs';
 export { attachmentProps } from './attachment/src/props.mjs';
 export { attachmentDialogProps } from './attachment-dialog/src/props.mjs';
@@ -70,6 +72,8 @@ const components = [
   Icon,
   // 颜色选择器
   ColorInput,
+  // 热区选择器
+  HotAreaInput,
   // 对话框
   Dialog,
   // json表单
@@ -158,5 +162,5 @@ var index = {
   install
 };
 
-export { Attachment, AttachmentDialog, AudioInput, AudioListInput, BoxSizeInput, ColorInput, FileInput, FileListInput, Form, Group, Icon, IconContent, IconDialog, IconInput, ImageInput, ImageListInput, PageDiy, Poster, PosterInput, Select, StyleBackgroundInput, StyleBorderInput, StyleBoxInput, StyleFontInput, StyleInput, StyleNumberInput, StylePositionInput, StyleShadowContent, StyleShadowInput, Table, Test, TinyEditor, VideoInput, VideoListInput, index as default, install };
+export { Attachment, AttachmentDialog, AudioInput, AudioListInput, BoxSizeInput, ColorInput, FileInput, FileListInput, Form, Group, HotAreaInput, Icon, IconContent, IconDialog, IconInput, ImageInput, ImageListInput, PageDiy, Poster, PosterInput, Select, StyleBackgroundInput, StyleBorderInput, StyleBoxInput, StyleFontInput, StyleInput, StyleNumberInput, StylePositionInput, StyleShadowContent, StyleShadowInput, Table, Test, TinyEditor, VideoInput, VideoListInput, index as default, install };
 //# sourceMappingURL=index.mjs.map

package/es/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","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'\nimport { 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'\nexport * from './poster-input'\n\nconst components = [\n  Test,\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  Table,\n  // 选择\n  Select,\n  // 表单组/对象表单\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":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiEA,MAAM,UAAa,GAAA;AAAA,EACjB,IAAA;AAAA,EACA,KAAA;AAAA;AAAA,EAEA,UAAA;AAAA;AAAA,EAEA,IAAA;AAAA;AAAA,EAEA,UAAA;AAAA;AAAA,EAEA,MAAA;AAAA;AAAA,EAEA,IAAA;AAAA;AAAA,EAEA,UAAA;AAAA;AAAA,EAEA,gBAAA;AAAA;AAAA,EAEA,SAAA;AAAA;AAAA,EAEA,UAAA;AAAA;AAAA,EAEA,UAAA;AAAA;AAAA,EAEA,UAAA;AAAA;AAAA,EAEA,aAAA;AAAA;AAAA,EAEA,cAAA;AAAA;AAAA,EAEA,cAAA;AAAA;AAAA,EAEA,cAAA;AAAA;AAAA,EAEA,SAAA;AAAA;AAAA,EAEA,WAAA;AAAA;AAAA,EAEA,UAAA;AAAA;AAAA,EAEA,OAAA;AAAA;AAAA,EAEA,YAAA;AAAA;AAAA,EAEA,aAAA;AAAA;AAAA,EAEA,cAAA;AAAA;AAAA,EAEA,gBAAA;AAAA;AAAA,EAEA,gBAAA;AAAA;AAAA,EAEA,kBAAA;AAAA;AAAA,EAEA,oBAAA;AAAA;AAAA,EAEA,UAAA;AAAA;AAAA,EAEA,kBAAA;AAAA;AAAA,EAEA,gBAAA;AAAA;AAAA,EAEA,KAAA;AAAA;AAAA,EAEA,MAAA;AAAA;AAAA;AAAA,EAGA,WAAA;AAAA;AAAA,EAEA,MAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYF,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,EAAA,UAAA,CAAW,GAAG,CAAA,CAAA;AACd,EAAA,eAAA,CAAgB,MAAM,CAAA,CAAA;AACxB,EAAA;AAEA,YAAe;AAAA,EACb,OAAA;AACF,CAAA;;;;"}
+{"version":3,"file":"index.mjs","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 { HotAreaInput } from './hot-area-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'\nimport { 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 './hot-area-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'\nexport * from './poster-input'\n\nconst components = [\n  Test,\n  Group,\n  // 富文本编辑器\n  TinyEditor,\n  // 图标\n  Icon,\n  // 颜色选择器\n  ColorInput,\n  // 热区选择器\n  HotAreaInput,\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  Table,\n  // 选择\n  Select,\n  // 表单组/对象表单\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":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmEA,MAAM,UAAa,GAAA;AAAA,EACjB,IAAA;AAAA,EACA,KAAA;AAAA;AAAA,EAEA,UAAA;AAAA;AAAA,EAEA,IAAA;AAAA;AAAA,EAEA,UAAA;AAAA;AAAA,EAEA,YAAA;AAAA;AAAA,EAEA,MAAA;AAAA;AAAA,EAEA,IAAA;AAAA;AAAA,EAEA,UAAA;AAAA;AAAA,EAEA,gBAAA;AAAA;AAAA,EAEA,SAAA;AAAA;AAAA,EAEA,UAAA;AAAA;AAAA,EAEA,UAAA;AAAA;AAAA,EAEA,UAAA;AAAA;AAAA,EAEA,aAAA;AAAA;AAAA,EAEA,cAAA;AAAA;AAAA,EAEA,cAAA;AAAA;AAAA,EAEA,cAAA;AAAA;AAAA,EAEA,SAAA;AAAA;AAAA,EAEA,WAAA;AAAA;AAAA,EAEA,UAAA;AAAA;AAAA,EAEA,OAAA;AAAA;AAAA,EAEA,YAAA;AAAA;AAAA,EAEA,aAAA;AAAA;AAAA,EAEA,cAAA;AAAA;AAAA,EAEA,gBAAA;AAAA;AAAA,EAEA,gBAAA;AAAA;AAAA,EAEA,kBAAA;AAAA;AAAA,EAEA,oBAAA;AAAA;AAAA,EAEA,UAAA;AAAA;AAAA,EAEA,kBAAA;AAAA;AAAA,EAEA,gBAAA;AAAA;AAAA,EAEA,KAAA;AAAA;AAAA,EAEA,MAAA;AAAA;AAAA;AAAA,EAGA,WAAA;AAAA;AAAA,EAEA,MAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYF,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,EAAA,UAAA,CAAW,GAAG,CAAA,CAAA;AACd,EAAA,eAAA,CAAgB,MAAM,CAAA,CAAA;AACxB,EAAA;AAEA,YAAe;AAAA,EACb,OAAA;AACF,CAAA;;;;"}

package/es/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/es/page-diy/index.d.ts

@@ -1,11 +1,29 @@
-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;
+    };
+}, {
     countObj: import("vue").ComputedRef<{}>;
     diyTree: import("vue").ComputedRef<any[]>;
     clear(type?: string): void;
@@ -96,7 +114,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 +245,38 @@ 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;
+    };
+}>>, {
+    type: string;
+    config: Record<string, any>;
+    loading: boolean;
+    menu: Record<string, any>;
+    mask: string;
+    height: string;
 }, {}>>;
 export default PageDiy;
 export * from './src/props';

package/es/page-diy/index.mjs

@@ -5,7 +5,6 @@ import DragBox from './src/components/DragBox.vue.mjs';
 import { designerForm, viewForm } from './src/utils/form.mjs';
 import draggable from 'vuedraggable/src/vuedraggable';
 import './src/utils/index.mjs';
-import views from './src/views/index.mjs';
 export { pageDiyProps } from './src/props.mjs';
 import { uniqueId } from './src/utils/unique.mjs';
 
@@ -16,9 +15,6 @@ const addComponent = (id, component) => {
 designerForm.component("Draggable", draggable);
 designerForm.component("DragTool", DragTool);
 designerForm.component("DragBox", DragBox);
-for (const name in views) {
-  designerForm.component(name, views[name]);
-}
 designerForm.register("_fc", {
   init(fc, rule) {
     rule._id = uniqueId();

package/es/page-diy/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","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":["formCreate"],"mappings":";;;;;;;;;;;AASA,MAAM,YAAA,GAAe,CAAC,EAAA,EAAS,SAAmB,KAAA;AAChD,EAAa,YAAA,CAAA,SAAA,CAAU,IAAI,SAAS,CAAA,CAAA;AACpC,EAAWA,QAAA,CAAA,SAAA,CAAU,IAAI,SAAS,CAAA,CAAA;AACpC,CAAA,CAAA;AAEA,YAAa,CAAA,SAAA,CAAU,aAAa,SAAS,CAAA,CAAA;AAC7C,YAAa,CAAA,SAAA,CAAU,YAAY,QAAQ,CAAA,CAAA;AAC3C,YAAa,CAAA,SAAA,CAAU,WAAW,OAAO,CAAA,CAAA;AAEzC,KAAA,MAAW,QAAQ,KAAO,EAAA;AACxB,EAAA,YAAA,CAAa,SAAU,CAAA,IAAA,EAAM,KAAM,CAAA,IAAI,CAAC,CAAA,CAAA;AAC1C,CAAA;AAEA,YAAA,CAAa,SAAS,KAAO,EAAA;AAAA,EAC3B,IAAA,CAAK,IAAS,IAAW,EAAA;AACvB,IAAA,IAAA,CAAK,MAAM,QAAS,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;AAED,YAAA,CAAa,SAAS,UAAY,EAAA;AAAA,EAChC,IAAA,CAAK,GAAG,IAAW,EAAA;AACjB,IAAK,IAAA,CAAA,KAAA,CAAM,SAAS,QAAS,EAAA,CAAA;AAAA,GAC/B;AACF,CAAC,CAAA,CAAA;AAED,QAAA,CAAS,UAAa,GAAAA,QAAA,CAAA;AACtB,QAAA,CAAS,YAAe,GAAA,YAAA,CAAA;AACxB,QAAA,CAAS,SAAY,GAAA,YAAA,CAAA;AACR,MAAA,OAAA,GAAU,YAAY,QAAQ;;;;"}
+{"version":3,"file":"index.mjs","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":["formCreate"],"mappings":";;;;;;;;;;AASA,MAAM,YAAA,GAAe,CAAC,EAAA,EAAS,SAAmB,KAAA;AAChD,EAAa,YAAA,CAAA,SAAA,CAAU,IAAI,SAAS,CAAA,CAAA;AACpC,EAAWA,QAAA,CAAA,SAAA,CAAU,IAAI,SAAS,CAAA,CAAA;AACpC,CAAA,CAAA;AAEA,YAAa,CAAA,SAAA,CAAU,aAAa,SAAS,CAAA,CAAA;AAC7C,YAAa,CAAA,SAAA,CAAU,YAAY,QAAQ,CAAA,CAAA;AAC3C,YAAa,CAAA,SAAA,CAAU,WAAW,OAAO,CAAA,CAAA;AAMzC,YAAA,CAAa,SAAS,KAAO,EAAA;AAAA,EAC3B,IAAA,CAAK,IAAS,IAAW,EAAA;AACvB,IAAA,IAAA,CAAK,MAAM,QAAS,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;AAED,YAAA,CAAa,SAAS,UAAY,EAAA;AAAA,EAChC,IAAA,CAAK,GAAG,IAAW,EAAA;AACjB,IAAK,IAAA,CAAA,KAAA,CAAM,SAAS,QAAS,EAAA,CAAA;AAAA,GAC/B;AACF,CAAC,CAAA,CAAA;AAED,QAAA,CAAS,UAAa,GAAAA,QAAA,CAAA;AACtB,QAAA,CAAS,YAAe,GAAA,YAAA,CAAA;AACxB,QAAA,CAAS,SAAY,GAAA,YAAA,CAAA;AACR,MAAA,OAAA,GAAU,YAAY,QAAQ;;;;"}

package/es/page-diy/src/components/DragBox.vue.mjs

@@ -31,7 +31,7 @@ const _sfc_main = defineComponent({
     })
   },
 });
-var DragBox = /*#__PURE__*/_export_sfc(_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__*/_export_sfc(_sfc_main, [['__file',"E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\page-diy\\src\\components\\DragBox.vue"]]);
 
 export { DragBox as default };
 //# sourceMappingURL=DragBox.vue.mjs.map

package/es/page-diy/src/components/DragTool.vue.mjs

@@ -127,7 +127,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     renderSlot(_ctx.$slots, "default")
   ], 6 /* CLASS, STYLE */))
 }
-var DragTool = /*#__PURE__*/_export_sfc(_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__*/_export_sfc(_sfc_main, [['render',_sfc_render],['__file',"E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\page-diy\\src\\components\\DragTool.vue"]]);
 
 export { DragTool as default };
 //# sourceMappingURL=DragTool.vue.mjs.map

package/es/page-diy/src/components/PreviewPhone.vue.mjs

@@ -1,7 +1,7 @@
 import _sfc_main from './PreviewPhone.vue2.mjs';
 import _export_sfc from '../../../_virtual/_plugin-vue_export-helper.mjs';
 
-var PreviewPhone = /* @__PURE__ */ _export_sfc(_sfc_main, [["__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__ */ _export_sfc(_sfc_main, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\page-diy\\src\\components\\PreviewPhone.vue"]]);
 
 export { PreviewPhone as default };
 //# sourceMappingURL=PreviewPhone.vue.mjs.map

package/es/page-diy/src/components/PreviewPhone.vue2.mjs

@@ -127,7 +127,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                 _hoisted_8,
                 createVNode(_component_dk_icon, {
                   icon: "gg:battery-full",
-                  size: 30,
+                  size: 18,
                   color: "#555",
                   "hover-color": "#f00"
                 })

package/es/page-diy/src/components/PreviewPhone.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"PreviewPhone.vue2.mjs","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"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,MAA6B,cAAAA,eAAyB,CAAA;AAAA,EACpD,IAAM,EAAA,cAAA;AACR,CAAC,CAAA,CAAA;;;;;;;;;;;;;;;;AAmFD,IAAM,MAAA,GAAA,GAAW,OAAO,KAAK,CAAA,CAAA;AAY7B,IAAA,MAAM,GAAM,GAAA,eAAA,CAAA;AACZ,IAAA,MAAM,QAAa,IAAK,CAAA,KAAA,CAAM,QAAQ,GAAI,CAAA,GAAG,KAAK,IAAI,CAAA,CAAA;AAEtD,IAAA,MAAM,OAAO,GAAI,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,MAAA,OAAA,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,MAAA,YAAA,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,QAAA,SAAA,CAAU,QAAQ,0BAAM,CAAA,CAAA;AAAA,OACzB,CACA,CAAA,KAAA,CAAM,MAAM;AAAA,OAAE,CAAA,CAAA;AAAA,KACnB,CAAA;AACA,IAAM,MAAA,MAAA,GAAS,SAAS,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,GAAO,SAAS,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.mjs","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=\"10\" @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})\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"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,MAA6B,cAAAA,eAAyB,CAAA;AAAA,EACpD,IAAM,EAAA,cAAA;AACR,CAAC,CAAA,CAAA;;;;;;;;;;;;;;;;AAyDD,IAAM,MAAA,GAAA,GAAW,OAAO,KAAK,CAAA,CAAA;AAY7B,IAAA,MAAM,GAAM,GAAA,eAAA,CAAA;AACZ,IAAA,MAAM,QAAa,IAAK,CAAA,KAAA,CAAM,QAAQ,GAAI,CAAA,GAAG,KAAK,IAAI,CAAA,CAAA;AAEtD,IAAA,MAAM,OAAO,GAAI,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,MAAA,OAAA,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,MAAA,YAAA,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,QAAA,SAAA,CAAU,QAAQ,0BAAM,CAAA,CAAA;AAAA,OACzB,CACA,CAAA,KAAA,CAAM,MAAM;AAAA,OAAE,CAAA,CAAA;AAAA,KACnB,CAAA;AACA,IAAM,MAAA,MAAA,GAAS,SAAS,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,GAAO,SAAS,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/es/page-diy/src/config/base/dkPage.mjs

@@ -7,55 +7,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 },
-    // },
   ];
 }