@vipl520/dk-ui 1.0.12 → 1.0.14

package/es/table/src/components/RecycleDialog.vue.mjs

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

package/es/table/src/components/header.vue.mjs

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

package/es/table/src/table.vue.mjs

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

package/es/test/src/test.vue.mjs

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

package/es/tiny-editor/src/tiny-editor.vue.mjs

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

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

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

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

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

package/lib/attachment/src/attachment.vue.js

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

package/lib/attachment/src/file-icon.vue.js

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

package/lib/attachment-dialog/src/attachment-dialog.vue.js

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

package/lib/audio-input/src/audio-input.vue.js

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

package/lib/audio-list-input/src/audio-list-input.vue.js

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

package/lib/box-size-input/src/box-size-input.vue.js

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

package/lib/color-input/src/color-input.vue.js

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

package/lib/dialog/src/dialog.vue.js

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

package/lib/file-input/src/file-input.vue.js

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

package/lib/file-list-input/src/file-list-input.vue.js

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

package/lib/file-list-input/style/index.scss

@@ -1,5 +1,5 @@
 .dk-file-list-input {
-  width:100%;
+  width: 100%;
   .button {
     text-align: center;
     border-top: 1px solid #f5f5f5;

package/lib/form/src/form.vue.js

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

package/lib/form/style/index.css

@@ -1 +1 @@
-.dk-form .form-help{line-height:1.5;margin-top:4px;color:#888;font-size:12px;margin-bottom:0}.dk-form .el-form-item__content{display:block}
+.dk-form .form-help{margin-top:4px;margin-bottom:0;font-size:12px;line-height:1.5;color:#888}.dk-form .el-form-item__content{display:block}

package/lib/form/style/index.scss

@@ -1,10 +1,10 @@
 .dk-form {
   .form-help {
-    line-height: 1.5;
     margin-top: 4px;
-    color: #888;
-    font-size: 12px;
     margin-bottom: 0;
+    font-size: 12px;
+    line-height: 1.5;
+    color: #888;
   }
 
   .el-form-item__content {

package/lib/group/src/group.vue.js

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

package/lib/hot-area-input/index.d.ts

@@ -0,0 +1,15 @@
+export declare const HotAreaInput: import("@vipl520/utils").WithInstall<import("vue").DefineComponent<{
+    modelValue: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+}>>, {
+    modelValue: Record<string, any>;
+}, {}>>;
+export default HotAreaInput;
+export * from './src/props';

package/lib/hot-area-input/index.js

@@ -0,0 +1,14 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var utils = require('@vipl520/utils');
+var hotAreaInput = require('./src/hot-area-input.vue.js');
+var props = require('./src/props.js');
+
+const HotAreaInput = utils.withInstall(hotAreaInput.default);
+
+exports.hotAreaInputProps = props.hotAreaInputProps;
+exports.HotAreaInput = HotAreaInput;
+exports.default = HotAreaInput;
+//# sourceMappingURL=index.js.map

package/lib/hot-area-input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/hot-area-input/index.ts"],"sourcesContent":["import { withInstall } from '@vipl520/utils'\nimport _HotAreaInput from './src/hot-area-input.vue'\n\nexport const HotAreaInput = withInstall(_HotAreaInput)\nexport default HotAreaInput\n\nexport * from './src/props'\n"],"names":["withInstall","_HotAreaInput"],"mappings":";;;;;;;;AAGa,MAAA,YAAA,GAAeA,kBAAYC,oBAAa;;;;;;"}

package/lib/hot-area-input/src/component/hot-area-content.vue.d.ts

@@ -0,0 +1,24 @@
+declare const _default: import("vue").DefineComponent<{
+    hotDataValue: {
+        default: () => {
+            views: never[];
+            width: number;
+            height: number;
+            background: null;
+        };
+        type: ObjectConstructor;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    hotDataValue: {
+        default: () => {
+            views: never[];
+            width: number;
+            height: number;
+            background: null;
+        };
+        type: ObjectConstructor;
+    };
+}>>, {
+    hotDataValue: Record<string, any>;
+}, {}>;
+export default _default;

package/lib/hot-area-input/src/component/hot-area-content.vue.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var hotAreaContent_vue_vue_type_script_setup_true_lang = require('./hot-area-content.vue2.js');
+var _pluginVue_exportHelper = require('../../../_virtual/_plugin-vue_export-helper.js');
+
+var HotAreaContent = /* @__PURE__ */ _pluginVue_exportHelper.default(hotAreaContent_vue_vue_type_script_setup_true_lang.default, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\hot-area-input\\src\\component\\hot-area-content.vue"]]);
+
+exports.default = HotAreaContent;
+//# sourceMappingURL=hot-area-content.vue.js.map

package/lib/hot-area-input/src/component/hot-area-content.vue.js.map

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

package/lib/hot-area-input/src/component/hot-area-content.vue2.js

@@ -0,0 +1,266 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var Vue3DraggableResizable = require('vue3-draggable-resizable');
+
+const _hoisted_1 = { class: "hot-area-content" };
+const _hoisted_2 = { class: "hot-area-draggable" };
+const _hoisted_3 = {
+  class: "hot-item-content",
+  style: { "position": "relative", "width": "100%", "height": "100%", "background": "#0003" }
+};
+const _hoisted_4 = {
+  key: 1,
+  style: { "width": "500px", "height": "500px" }
+};
+const _hoisted_5 = { class: "hot-area-form" };
+const _hoisted_6 = /* @__PURE__ */ vue.createElementVNode(
+  "h3",
+  { style: { "margin-top": "0", "font-size": "16px", "font-weight": "500" } },
+  "\u70ED\u533A\u7BA1\u7406",
+  -1
+  /* HOISTED */
+);
+const __default__ = vue.defineComponent({
+  name: "HotAreaContent"
+});
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: {
+    hotDataValue: {
+      default: () => {
+        return {
+          views: [],
+          width: 400,
+          height: 400,
+          background: null
+        };
+      },
+      type: Object
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const index = vue.ref(0);
+    const hotData = vue.reactive(props.hotDataValue);
+    const addView = () => {
+      if (!Array.isArray(hotData.views)) {
+        hotData.views = [];
+      }
+      hotData.views.push({
+        css: {
+          left: 0,
+          top: 0,
+          width: 80,
+          height: 80,
+          borderRadius: 0,
+          borderColor: "#fff"
+        },
+        url: ""
+      });
+    };
+    const delView = (indexToDelete) => {
+      if (indexToDelete >= 0 && indexToDelete < hotData.views.length) {
+        hotData.views.splice(indexToDelete, 1);
+      }
+    };
+    const onDrag = (p) => {
+      const css = hotData.views[index.value].css;
+      css.left = p.x;
+      css.top = p.y;
+    };
+    const onResize = (p) => {
+      const css = hotData.views[index.value].css;
+      css.left = p.x;
+      css.top = p.y;
+      css.width = p.w;
+      css.height = p.h;
+    };
+    vue.onMounted(() => {
+      resetSize();
+    });
+    vue.watch(
+      () => hotData?.background,
+      () => {
+        resetSize();
+      }
+    );
+    const resetSize = () => {
+      if (hotData.background) {
+        getImageSize(hotData.background).then((image) => {
+          hotData.width = 500;
+          hotData.height = image.height * 500 / image.width;
+          setTimeout(() => {
+          }, 200);
+        }).catch(() => {
+        });
+      }
+    };
+    const getImageSize = (url) => {
+      return new Promise(function(resolve, reject) {
+        const image = new Image();
+        image.onload = function() {
+          resolve({
+            width: image.width,
+            height: image.height
+          });
+        };
+        image.onerror = function() {
+          reject(new Error("error"));
+        };
+        image.src = url;
+      });
+    };
+    return (_ctx, _cache) => {
+      const _component_el_empty = vue.resolveComponent("el-empty");
+      const _component_dk_image_input = vue.resolveComponent("dk-image-input");
+      const _component_el_form_item = vue.resolveComponent("el-form-item");
+      const _component_el_button = vue.resolveComponent("el-button");
+      const _component_el_input = vue.resolveComponent("el-input");
+      const _component_el_form = vue.resolveComponent("el-form");
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createElementVNode("div", _hoisted_2, [
+          hotData.background ? (vue.openBlock(), vue.createElementBlock(
+            "div",
+            {
+              key: 0,
+              style: vue.normalizeStyle([{
+                width: hotData.width + "px",
+                height: hotData.height + "px",
+                backgroundImage: "url(" + hotData.background + ")"
+              }, { "background-size": "100% 100%" }]),
+              onContextmenu: _cache[0] || (_cache[0] = vue.withModifiers(() => {
+              }, ["prevent"]))
+            },
+            [
+              (vue.openBlock(true), vue.createElementBlock(
+                vue.Fragment,
+                null,
+                vue.renderList(hotData.views, (item, key) => {
+                  return vue.openBlock(), vue.createBlock(vue.unref(Vue3DraggableResizable), {
+                    key,
+                    ref_for: true,
+                    ref: "draggables",
+                    h: item.css.height,
+                    "onUpdate:h": ($event) => item.css.height = $event,
+                    x: item.css.left,
+                    "onUpdate:x": ($event) => item.css.left = $event,
+                    y: item.css.top,
+                    "onUpdate:y": ($event) => item.css.top = $event,
+                    w: item.css.width,
+                    "onUpdate:w": ($event) => item.css.width = $event,
+                    "init-w": item.css.width,
+                    "init-h": item.css.height,
+                    parent: true,
+                    style: { "cursor": "move" },
+                    "min-width": 20,
+                    "min-height": 20,
+                    onResizing: onResize,
+                    onDragging: onDrag,
+                    onMousedown: ($event) => index.value = key
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createElementVNode(
+                        "div",
+                        _hoisted_3,
+                        vue.toDisplayString(key + 1),
+                        1
+                        /* TEXT */
+                      )
+                    ]),
+                    _: 2
+                    /* DYNAMIC */
+                  }, 1032, ["h", "onUpdate:h", "x", "onUpdate:x", "y", "onUpdate:y", "w", "onUpdate:w", "init-w", "init-h", "onMousedown"]);
+                }),
+                128
+                /* KEYED_FRAGMENT */
+              ))
+            ],
+            36
+            /* STYLE, HYDRATE_EVENTS */
+          )) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
+            vue.createVNode(_component_el_empty, { description: "\u8BF7\u4E0A\u4F20\u56FE\u7247" })
+          ]))
+        ]),
+        vue.createElementVNode("div", _hoisted_5, [
+          _hoisted_6,
+          vue.createVNode(_component_el_form, {
+            "label-width": "80px",
+            "label-position": "left"
+          }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(_component_el_form_item, { label: "\u80CC\u666F\u56FE " }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(_component_dk_image_input, {
+                    modelValue: hotData.background,
+                    "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => hotData.background = $event)
+                  }, null, 8, ["modelValue"])
+                ]),
+                _: 1
+                /* STABLE */
+              }),
+              (vue.openBlock(true), vue.createElementBlock(
+                vue.Fragment,
+                null,
+                vue.renderList(hotData.views, (item, key) => {
+                  return vue.openBlock(), vue.createBlock(_component_el_form_item, {
+                    key,
+                    label: "\u70ED\u533A" + (key + 1)
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createVNode(_component_el_input, {
+                        modelValue: hotData.views[key].url,
+                        "onUpdate:modelValue": ($event) => hotData.views[key].url = $event,
+                        placeholder: "\u586B\u5199\u8DF3\u8F6C\u5730\u5740"
+                      }, {
+                        append: vue.withCtx(() => [
+                          vue.createVNode(_component_el_button, {
+                            onClick: ($event) => delView(key)
+                          }, {
+                            default: vue.withCtx(() => [
+                              vue.createTextVNode("\u5220\u9664")
+                            ]),
+                            _: 2
+                            /* DYNAMIC */
+                          }, 1032, ["onClick"])
+                        ]),
+                        _: 2
+                        /* DYNAMIC */
+                      }, 1032, ["modelValue", "onUpdate:modelValue"])
+                    ]),
+                    _: 2
+                    /* DYNAMIC */
+                  }, 1032, ["label"]);
+                }),
+                128
+                /* KEYED_FRAGMENT */
+              ))
+            ]),
+            _: 1
+            /* STABLE */
+          }),
+          vue.createVNode(_component_el_button, {
+            disabled: !hotData.background,
+            type: "primary",
+            onClick: _cache[2] || (_cache[2] = ($event) => addView())
+          }, {
+            default: vue.withCtx(() => [
+              vue.createTextVNode(
+                vue.toDisplayString(hotData.background ? "\u6DFB\u52A0\u70ED\u533A" : "\u8BF7\u5148\u4E0A\u4F20\u56FE\u7247"),
+                1
+                /* TEXT */
+              )
+            ]),
+            _: 1
+            /* STABLE */
+          }, 8, ["disabled"])
+        ])
+      ]);
+    };
+  }
+});
+
+exports.default = _sfc_main;
+//# sourceMappingURL=hot-area-content.vue2.js.map

package/lib/hot-area-input/src/component/hot-area-content.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hot-area-content.vue2.js","sources":["../../../../src/hot-area-input/src/component/hot-area-content.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n  name: 'HotAreaContent',\n});\n</script>\n<template>\n  <div class=\"hot-area-content\">\n    <div class=\"hot-area-draggable\">\n      <div\n        v-if=\"hotData.background\"\n        :style=\"{\n          width: hotData.width + 'px',\n          height: hotData.height + 'px',\n          backgroundImage: 'url(' + hotData.background + ')',\n        }\"\n        style=\"background-size: 100% 100%\"\n        @contextmenu.prevent\n      >\n        <vue3-draggable-resizable\n          v-for=\"(item, key) in hotData.views\"\n          :key=\"key\"\n          ref=\"draggables\"\n          v-model:h=\"item.css.height\"\n          v-model:x=\"item.css.left\"\n          v-model:y=\"item.css.top\"\n          v-model:w=\"item.css.width\"\n          :init-w=\"item.css.width\"\n          :init-h=\"item.css.height\"\n          :parent=\"true\"\n          style=\"cursor: move\"\n          :min-width=\"20\"\n          :min-height=\"20\"\n          @resizing=\"onResize\"\n          @dragging=\"onDrag\"\n          @mousedown=\"index = key\"\n        >\n          <div class=\"hot-item-content\" style=\"position: relative; width: 100%; height: 100%; background: #0003\">\n            {{ key + 1 }}\n          </div>\n        </vue3-draggable-resizable>\n      </div>\n      <div v-else style=\"width: 500px; height: 500px\">\n        <el-empty description=\"请上传图片\"></el-empty>\n      </div>\n    </div>\n    <div class=\"hot-area-form\">\n      <h3 style=\"margin-top: 0; font-size: 16px; font-weight: 500\">热区管理</h3>\n      <el-form label-width=\"80px\" label-position=\"left\">\n        <el-form-item label=\"背景图 \">\n          <dk-image-input v-model=\"hotData.background\" />\n        </el-form-item>\n        <el-form-item v-for=\"(item, key) in hotData.views\" :key=\"key\" :label=\"'热区' + (key + 1)\">\n          <el-input v-model=\"hotData.views[key].url\" placeholder=\"填写跳转地址\">\n            <template #append>\n              <el-button @click=\"delView(key)\">删除</el-button>\n            </template>\n          </el-input>\n        </el-form-item>\n      </el-form>\n      <el-button :disabled=\"!hotData.background\" type=\"primary\" @click=\"addView()\">{{\n        hotData.background ? '添加热区' : '请先上传图片'\n      }}</el-button>\n    </div>\n  </div>\n</template>\n<script setup lang=\"ts\">\nimport Vue3DraggableResizable, { DraggableContainer } from 'vue3-draggable-resizable'\nimport { reactive, ref, watch, onMounted } from 'vue'\n\n\nconst props = defineProps({\n  hotDataValue: {\n    default: () => {\n      return {\n        views: [],\n        width: 400,\n        height: 400,\n        background: null,\n      }\n    },\n    type: Object,\n  },\n})\nconst index = ref(0)\nconst hotData = reactive(props.hotDataValue)\nconst addView = () => {\n  // 这里hotData可以能没有views,如果没有就添加上views\n  if (!Array.isArray(hotData.views)) {\n    hotData.views = []\n  }\n  hotData.views.push({\n    css: {\n      left: 0,\n      top: 0,\n      width: 80,\n      height: 80,\n      borderRadius: 0,\n      borderColor: '#fff',\n    },\n    url: '',\n  })\n}\n\nconst delView = (indexToDelete: any) => {\n  if (indexToDelete >= 0 && indexToDelete < hotData.views.length) {\n    hotData.views.splice(indexToDelete, 1)\n  }\n}\n\nconst onDrag = (p: any) => {\n  const css = hotData.views[index.value].css\n  css.left = p.x\n  css.top = p.y\n}\nconst onResize = (p: any) => {\n  const css = hotData.views[index.value].css\n  css.left = p.x\n  css.top = p.y\n  css.width = p.w\n  css.height = p.h\n}\n\nonMounted(() => {\n  resetSize()\n})\n\nwatch(\n  () => hotData?.background,\n  () => {\n    resetSize()\n  }\n)\n\nconst resetSize = () => {\n  if (hotData.background) {\n    getImageSize(hotData.background)\n      .then((image: any) => {\n        hotData.width = 500\n        hotData.height = (image.height * 500) / image.width\n        setTimeout(() => {\n          // checkParentSize()\n        }, 200)\n      })\n      .catch(() => {})\n  }\n}\n\nconst getImageSize = (url: any) => {\n  return new Promise(function (resolve, reject) {\n    const image = new Image()\n    image.onload = function () {\n      resolve({\n        width: image.width,\n        height: image.height,\n      })\n    }\n    image.onerror = function () {\n      reject(new Error('error'))\n    }\n    image.src = url\n  })\n}\n</script>\n"],"names":["__MACROS_defineComponent","ref","reactive","onMounted","watch"],"mappings":"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"}

package/lib/hot-area-input/src/hot-area-input.vue.d.ts

@@ -0,0 +1,14 @@
+declare const _default: import("vue").DefineComponent<{
+    modelValue: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+}>>, {
+    modelValue: Record<string, any>;
+}, {}>;
+export default _default;

package/lib/hot-area-input/src/hot-area-input.vue.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var hotAreaInput_vue_vue_type_script_setup_true_lang = require('./hot-area-input.vue2.js');
+var _pluginVue_exportHelper = require('../../_virtual/_plugin-vue_export-helper.js');
+
+var _HotAreaInput = /* @__PURE__ */ _pluginVue_exportHelper.default(hotAreaInput_vue_vue_type_script_setup_true_lang.default, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\hot-area-input\\src\\hot-area-input.vue"]]);
+
+exports.default = _HotAreaInput;
+//# sourceMappingURL=hot-area-input.vue.js.map

package/lib/hot-area-input/src/hot-area-input.vue.js.map

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