@vipl520/dk-ui 1.0.12 → 1.0.13

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":";;;;;;;;;;;"}

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

@@ -0,0 +1,69 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var props = require('./props.js');
+var hotAreaContent = require('./component/hot-area-content.vue.js');
+
+const _hoisted_1 = { class: "dk-hot-area-input" };
+const _hoisted_2 = { class: "text-center" };
+const __default__ = vue.defineComponent({
+  name: "DkHotAreaInput"
+});
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: props.hotAreaInputProps,
+  setup(__props) {
+    const props = __props;
+    const input = vue.reactive(props.modelValue);
+    const dialog = vue.ref(false);
+    return (_ctx, _cache) => {
+      const _component_el_button = vue.resolveComponent("el-button");
+      const _component_dk_dialog = vue.resolveComponent("dk-dialog");
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createVNode(_component_el_button, {
+          type: "primary",
+          onClick: _cache[0] || (_cache[0] = ($event) => dialog.value = true)
+        }, {
+          default: vue.withCtx(() => [
+            vue.createTextVNode("\u8BBE\u7F6E\u70ED\u533A")
+          ]),
+          _: 1
+          /* STABLE */
+        }),
+        vue.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: vue.withCtx(() => [
+            vue.createElementVNode("div", _hoisted_2, [
+              vue.createVNode(_component_el_button, {
+                size: "default",
+                style: { "width": "200px" },
+                type: "primary",
+                onClick: _cache[1] || (_cache[1] = ($event) => dialog.value = false)
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createTextVNode("\u786E\u5B9A")
+                ]),
+                _: 1
+                /* STABLE */
+              })
+            ])
+          ]),
+          default: vue.withCtx(() => [
+            vue.createVNode(hotAreaContent.default, { "hot-data-value": input }, null, 8, ["hot-data-value"])
+          ]),
+          _: 1
+          /* STABLE */
+        }, 8, ["modelValue"])
+      ]);
+    };
+  }
+});
+
+exports.default = _sfc_main;
+//# sourceMappingURL=hot-area-input.vue2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"hot-area-input.vue2.js","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","reactive","ref"],"mappings":";;;;;;;;;;AAEA,MAA6B,cAAAA,mBAAyB,CAAA;AAAA,EACpD,IAAM,EAAA,gBAAA;AACR,CAAC,CAAA,CAAA;;;;;;AAuBD,IAAM,MAAA,KAAA,GAAQC,YAAS,CAAA,KAAA,CAAM,UAAU,CAAA,CAAA;AACvC,IAAM,MAAA,MAAA,GAASC,QAAI,KAAK,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/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/lib/hot-area-input/src/props.js

@@ -0,0 +1,13 @@
+'use strict';
+
+const hotAreaInputProps = {
+  modelValue: {
+    type: Object,
+    default: () => {
+      return {};
+    }
+  }
+};
+
+exports.hotAreaInputProps = hotAreaInputProps;
+//# sourceMappingURL=props.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"props.js","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/lib/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/lib/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/lib/icon/src/icon.vue.js

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

package/lib/icon-input/src/icon-content.vue.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var iconContent_vue_vue_type_script_setup_true_lang = require('./icon-content.vue2.js');
 var _pluginVue_exportHelper = require('../../_virtual/_plugin-vue_export-helper.js');
 
-var _IconContent = /* @__PURE__ */ _pluginVue_exportHelper.default(iconContent_vue_vue_type_script_setup_true_lang.default, [["__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__ */ _pluginVue_exportHelper.default(iconContent_vue_vue_type_script_setup_true_lang.default, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\icon-input\\src\\icon-content.vue"]]);
 
 exports.default = _IconContent;
 //# sourceMappingURL=icon-content.vue.js.map

package/lib/icon-input/src/icon-dialog.vue.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var iconDialog_vue_vue_type_script_setup_true_lang = require('./icon-dialog.vue2.js');
 var _pluginVue_exportHelper = require('../../_virtual/_plugin-vue_export-helper.js');
 
-var _IconDialog = /* @__PURE__ */ _pluginVue_exportHelper.default(iconDialog_vue_vue_type_script_setup_true_lang.default, [["__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__ */ _pluginVue_exportHelper.default(iconDialog_vue_vue_type_script_setup_true_lang.default, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\icon-input\\src\\icon-dialog.vue"]]);
 
 exports.default = _IconDialog;
 //# sourceMappingURL=icon-dialog.vue.js.map

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var iconInput_vue_vue_type_script_setup_true_lang = require('./icon-input.vue2.js');
 var _pluginVue_exportHelper = require('../../_virtual/_plugin-vue_export-helper.js');
 
-var _IconInput = /* @__PURE__ */ _pluginVue_exportHelper.default(iconInput_vue_vue_type_script_setup_true_lang.default, [["__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__ */ _pluginVue_exportHelper.default(iconInput_vue_vue_type_script_setup_true_lang.default, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\icon-input\\src\\icon-input.vue"]]);
 
 exports.default = _IconInput;
 //# sourceMappingURL=icon-input.vue.js.map

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var imageInput_vue_vue_type_script_setup_true_lang = require('./image-input.vue2.js');
 var _pluginVue_exportHelper = require('../../_virtual/_plugin-vue_export-helper.js');
 
-var _ImageInput = /* @__PURE__ */ _pluginVue_exportHelper.default(imageInput_vue_vue_type_script_setup_true_lang.default, [["__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__ */ _pluginVue_exportHelper.default(imageInput_vue_vue_type_script_setup_true_lang.default, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\image-input\\src\\image-input.vue"]]);
 
 exports.default = _ImageInput;
 //# sourceMappingURL=image-input.vue.js.map

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var imageListInput_vue_vue_type_script_setup_true_lang = require('./image-list-input.vue2.js');
 var _pluginVue_exportHelper = require('../../_virtual/_plugin-vue_export-helper.js');
 
-var _ImageListInput = /* @__PURE__ */ _pluginVue_exportHelper.default(imageListInput_vue_vue_type_script_setup_true_lang.default, [["__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__ */ _pluginVue_exportHelper.default(imageListInput_vue_vue_type_script_setup_true_lang.default, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\image-list-input\\src\\image-list-input.vue"]]);
 
 exports.default = _ImageListInput;
 //# sourceMappingURL=image-list-input.vue.js.map

package/lib/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';