@vipl520/dk-ui 1.0.11 → 1.0.13

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

@@ -0,0 +1,262 @@
+import { createElementVNode, defineComponent, ref, reactive, onMounted, watch, resolveComponent, openBlock, createElementBlock, normalizeStyle, withModifiers, Fragment, renderList, createBlock, unref, withCtx, toDisplayString, createVNode, createTextVNode } from 'vue';
+import Vue3DraggableResizable from '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__ */ createElementVNode(
+  "h3",
+  { style: { "margin-top": "0", "font-size": "16px", "font-weight": "500" } },
+  "\u70ED\u533A\u7BA1\u7406",
+  -1
+  /* HOISTED */
+);
+const __default__ = defineComponent({
+  name: "HotAreaContent"
+});
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: {
+    hotDataValue: {
+      default: () => {
+        return {
+          views: [],
+          width: 400,
+          height: 400,
+          background: null
+        };
+      },
+      type: Object
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const index = ref(0);
+    const hotData = 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;
+    };
+    onMounted(() => {
+      resetSize();
+    });
+    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 = resolveComponent("el-empty");
+      const _component_dk_image_input = resolveComponent("dk-image-input");
+      const _component_el_form_item = resolveComponent("el-form-item");
+      const _component_el_button = resolveComponent("el-button");
+      const _component_el_input = resolveComponent("el-input");
+      const _component_el_form = resolveComponent("el-form");
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          hotData.background ? (openBlock(), createElementBlock(
+            "div",
+            {
+              key: 0,
+              style: normalizeStyle([{
+                width: hotData.width + "px",
+                height: hotData.height + "px",
+                backgroundImage: "url(" + hotData.background + ")"
+              }, { "background-size": "100% 100%" }]),
+              onContextmenu: _cache[0] || (_cache[0] = withModifiers(() => {
+              }, ["prevent"]))
+            },
+            [
+              (openBlock(true), createElementBlock(
+                Fragment,
+                null,
+                renderList(hotData.views, (item, key) => {
+                  return openBlock(), createBlock(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: withCtx(() => [
+                      createElementVNode(
+                        "div",
+                        _hoisted_3,
+                        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 */
+          )) : (openBlock(), createElementBlock("div", _hoisted_4, [
+            createVNode(_component_el_empty, { description: "\u8BF7\u4E0A\u4F20\u56FE\u7247" })
+          ]))
+        ]),
+        createElementVNode("div", _hoisted_5, [
+          _hoisted_6,
+          createVNode(_component_el_form, {
+            "label-width": "80px",
+            "label-position": "left"
+          }, {
+            default: withCtx(() => [
+              createVNode(_component_el_form_item, { label: "\u80CC\u666F\u56FE " }, {
+                default: withCtx(() => [
+                  createVNode(_component_dk_image_input, {
+                    modelValue: hotData.background,
+                    "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => hotData.background = $event)
+                  }, null, 8, ["modelValue"])
+                ]),
+                _: 1
+                /* STABLE */
+              }),
+              (openBlock(true), createElementBlock(
+                Fragment,
+                null,
+                renderList(hotData.views, (item, key) => {
+                  return openBlock(), createBlock(_component_el_form_item, {
+                    key,
+                    label: "\u70ED\u533A" + (key + 1)
+                  }, {
+                    default: withCtx(() => [
+                      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: withCtx(() => [
+                          createVNode(_component_el_button, {
+                            onClick: ($event) => delView(key)
+                          }, {
+                            default: withCtx(() => [
+                              createTextVNode("\u5220\u9664")
+                            ]),
+                            _: 2
+                            /* DYNAMIC */
+                          }, 1032, ["onClick"])
+                        ]),
+                        _: 2
+                        /* DYNAMIC */
+                      }, 1032, ["modelValue", "onUpdate:modelValue"])
+                    ]),
+                    _: 2
+                    /* DYNAMIC */
+                  }, 1032, ["label"]);
+                }),
+                128
+                /* KEYED_FRAGMENT */
+              ))
+            ]),
+            _: 1
+            /* STABLE */
+          }),
+          createVNode(_component_el_button, {
+            disabled: !hotData.background,
+            type: "primary",
+            onClick: _cache[2] || (_cache[2] = ($event) => addView())
+          }, {
+            default: withCtx(() => [
+              createTextVNode(
+                toDisplayString(hotData.background ? "\u6DFB\u52A0\u70ED\u533A" : "\u8BF7\u5148\u4E0A\u4F20\u56FE\u7247"),
+                1
+                /* TEXT */
+              )
+            ]),
+            _: 1
+            /* STABLE */
+          }, 8, ["disabled"])
+        ])
+      ]);
+    };
+  }
+});
+
+export { _sfc_main as default };
+//# sourceMappingURL=hot-area-content.vue2.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"hot-area-content.vue2.mjs","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"],"mappings":"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"}

package/es/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/es/hot-area-input/src/hot-area-input.vue.mjs

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

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

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

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