@vipl520/dk-ui 1.0.28 → 1.0.30

package/dist/index.js

@@ -762,12 +762,12 @@
     }
   };
 
-  const _hoisted_1$U = { class: "mr-10px bg-black" };
-  const __default__$L = require$$0.defineComponent({
+  const _hoisted_1$V = { class: "mr-10px bg-black" };
+  const __default__$M = require$$0.defineComponent({
     name: "DkTest"
   });
-  var _sfc_main$19 = /* @__PURE__ */ require$$0.defineComponent({
-    ...__default__$L,
+  var _sfc_main$1b = /* @__PURE__ */ require$$0.defineComponent({
+    ...__default__$M,
     props: testProps,
     setup(__props) {
       createNamespace("test");
@@ -794,7 +794,7 @@
             }),
             require$$0.createElementVNode(
               "div",
-              _hoisted_1$U,
+              _hoisted_1$V,
               require$$0.toDisplayString(_ctx.test),
               1
               /* TEXT */
@@ -815,7 +815,7 @@
     return target;
   };
 
-  var _Test = /* @__PURE__ */ _export_sfc(_sfc_main$19, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\test\\src\\test.vue"]]);
+  var _Test = /* @__PURE__ */ _export_sfc(_sfc_main$1b, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\test\\src\\test.vue"]]);
 
   const Test = withInstall(_Test);
 
@@ -9876,14 +9876,14 @@
     }
   };
 
-  const _hoisted_1$T = { key: 1 };
-  const _hoisted_2$F = { class: "collapse-title" };
-  const _hoisted_3$t = { class: "_dk-group-handle" };
-  const __default__$K = require$$0.defineComponent({
+  const _hoisted_1$U = { key: 1 };
+  const _hoisted_2$G = { class: "collapse-title" };
+  const _hoisted_3$u = { class: "_dk-group-handle" };
+  const __default__$L = require$$0.defineComponent({
     name: "DkGroup"
   });
-  var _sfc_main$18 = /* @__PURE__ */ require$$0.defineComponent({
-    ...__default__$K,
+  var _sfc_main$1a = /* @__PURE__ */ require$$0.defineComponent({
+    ...__default__$L,
     props: groupProps,
     emits: [
       "update:modelValue",
@@ -10133,7 +10133,7 @@
               _: 1
               /* STABLE */
             })) : require$$0.createCommentVNode("v-if", true),
-            data.sort.length === 0 ? (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$T, [
+            data.sort.length === 0 ? (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$U, [
               (require$$0.openBlock(), require$$0.createBlock(_component_el_button, {
                 key: "a_def",
                 style: { "width": "100%" },
@@ -10159,7 +10159,7 @@
                   name: index
                 }, {
                   title: require$$0.withCtx(() => [
-                    require$$0.createElementVNode("div", _hoisted_2$F, [
+                    require$$0.createElementVNode("div", _hoisted_2$G, [
                       require$$0.createVNode(_component_dk_icon, {
                         icon: "Rank",
                         class: "collapse-title-rank"
@@ -10189,7 +10189,7 @@
                         onEmitEvent: (name, ...args) => emitEvent(name, args, index),
                         "onUpdate:api": ($f) => add$f(index, $f)
                       }, null, 8, ["model-value", "rule", "option", "onUpdate:modelValue", "onEmitEvent", "onUpdate:api"])),
-                      require$$0.createElementVNode("div", _hoisted_3$t, [
+                      require$$0.createElementVNode("div", _hoisted_3$u, [
                         require$$0.createVNode(
                           _component_el_button_group,
                           null,
@@ -10230,7 +10230,7 @@
     }
   });
 
-  var _Group = /* @__PURE__ */ _export_sfc(_sfc_main$18, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\group\\src\\group.vue"]]);
+  var _Group = /* @__PURE__ */ _export_sfc(_sfc_main$1a, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\group\\src\\group.vue"]]);
 
   const Group = withInstall(_Group);
 
@@ -10354,14 +10354,14 @@
     }
   };
 
-  const _hoisted_1$S = { key: 0 };
-  const _hoisted_2$E = { key: 1 };
-  const _hoisted_3$s = { class: "text-center" };
-  const __default__$J = require$$0.defineComponent({
+  const _hoisted_1$T = { key: 0 };
+  const _hoisted_2$F = { key: 1 };
+  const _hoisted_3$t = { class: "text-center" };
+  const __default__$K = require$$0.defineComponent({
     name: "DkTinyEditor"
   });
-  var _sfc_main$17 = /* @__PURE__ */ require$$0.defineComponent({
-    ...__default__$J,
+  var _sfc_main$19 = /* @__PURE__ */ require$$0.defineComponent({
+    ...__default__$K,
     props: tinyEditorProps,
     emits: ["input", "update:modelValue", "change"],
     setup(__props, { emit }) {
@@ -10453,7 +10453,7 @@
             class: "dk-tiny-editor"
           },
           [
-            showDialog.value ? (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$S, [
+            showDialog.value ? (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$T, [
               require$$0.createVNode(require$$0.unref(Editor), {
                 ref_key: "editorRef",
                 ref: editorRef,
@@ -10463,7 +10463,7 @@
                 "tinymce-script-src": tinymceSrc.value,
                 onDblclick: ondblclick
               }, null, 8, ["modelValue", "init", "tinymce-script-src"])
-            ])) : (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_2$E, [
+            ])) : (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_2$F, [
               require$$0.createVNode(_component_el_button, {
                 type: "primary",
                 plain: "",
@@ -10487,7 +10487,7 @@
                 width: "900px"
               }, {
                 footer: require$$0.withCtx(() => [
-                  require$$0.createElementVNode("div", _hoisted_3$s, [
+                  require$$0.createElementVNode("div", _hoisted_3$t, [
                     require$$0.createVNode(_component_el_button, {
                       type: "primary",
                       style: { "width": "200px" },
@@ -10536,7 +10536,7 @@
     }
   });
 
-  var _TinyEditor = /* @__PURE__ */ _export_sfc(_sfc_main$17, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\tiny-editor\\src\\tiny-editor.vue"]]);
+  var _TinyEditor = /* @__PURE__ */ _export_sfc(_sfc_main$19, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\tiny-editor\\src\\tiny-editor.vue"]]);
 
   const TinyEditor = withInstall(_TinyEditor);
 
@@ -10565,11 +10565,11 @@
     }
   };
 
-  const __default__$I = require$$0.defineComponent({
+  const __default__$J = require$$0.defineComponent({
     name: "DkIcon"
   });
-  var _sfc_main$16 = /* @__PURE__ */ require$$0.defineComponent({
-    ...__default__$I,
+  var _sfc_main$18 = /* @__PURE__ */ require$$0.defineComponent({
+    ...__default__$J,
     props: iconProps,
     setup(__props) {
       const props = __props;
@@ -10635,7 +10635,7 @@
     }
   });
 
-  var _Icon = /* @__PURE__ */ _export_sfc(_sfc_main$16, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\icon\\src\\icon.vue"]]);
+  var _Icon = /* @__PURE__ */ _export_sfc(_sfc_main$18, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\icon\\src\\icon.vue"]]);
 
   const Icon = withInstall(_Icon);
 
@@ -10650,15 +10650,15 @@
     colorFormat: makeStringProp("hex")
   };
 
-  const _hoisted_1$R = {
+  const _hoisted_1$S = {
     style: { "display": "flex" },
     class: "dk-color-input"
   };
-  const __default__$H = require$$0.defineComponent({
+  const __default__$I = require$$0.defineComponent({
     name: "DkColorInput"
   });
-  var _sfc_main$15 = /* @__PURE__ */ require$$0.defineComponent({
-    ...__default__$H,
+  var _sfc_main$17 = /* @__PURE__ */ require$$0.defineComponent({
+    ...__default__$I,
     props: colorInputProps,
     emits: ["input", "update:modelValue", "change"],
     setup(__props, { emit }) {
@@ -10682,7 +10682,7 @@
       return (_ctx, _cache) => {
         const _component_el_input = require$$0.resolveComponent("el-input");
         const _component_el_color_picker = require$$0.resolveComponent("el-color-picker");
-        return require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$R, [
+        return require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$S, [
           require$$0.createVNode(_component_el_input, {
             modelValue: data.value,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => data.value = $event),
@@ -10701,7 +10701,7 @@
     }
   });
 
-  var _ColorInput = /* @__PURE__ */ _export_sfc(_sfc_main$15, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\color-input\\src\\color-input.vue"]]);
+  var _ColorInput = /* @__PURE__ */ _export_sfc(_sfc_main$17, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\color-input\\src\\color-input.vue"]]);
 
   const ColorInput = withInstall(_ColorInput);
 
@@ -10714,9 +10714,9 @@
     }
   };
 
-  const _hoisted_1$Q = { class: "hot-area-content" };
-  const _hoisted_2$D = { class: "hot-area-draggable" };
-  const _hoisted_3$r = {
+  const _hoisted_1$R = { class: "hot-area-content" };
+  const _hoisted_2$E = { class: "hot-area-draggable" };
+  const _hoisted_3$s = {
     class: "hot-item-content",
     style: { "position": "relative", "width": "100%", "height": "100%", "background": "#0003" }
   };
@@ -10732,11 +10732,11 @@
     -1
     /* HOISTED */
   );
-  const __default__$G = require$$0.defineComponent({
+  const __default__$H = require$$0.defineComponent({
     name: "HotAreaContent"
   });
-  var _sfc_main$14 = /* @__PURE__ */ require$$0.defineComponent({
-    ...__default__$G,
+  var _sfc_main$16 = /* @__PURE__ */ require$$0.defineComponent({
+    ...__default__$H,
     props: {
       hotDataValue: {
         default: () => {
@@ -10830,8 +10830,8 @@
         const _component_el_button = require$$0.resolveComponent("el-button");
         const _component_el_input = require$$0.resolveComponent("el-input");
         const _component_el_form = require$$0.resolveComponent("el-form");
-        return require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$Q, [
-          require$$0.createElementVNode("div", _hoisted_2$D, [
+        return require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$R, [
+          require$$0.createElementVNode("div", _hoisted_2$E, [
             hotData.background ? (require$$0.openBlock(), require$$0.createElementBlock(
               "div",
               {
@@ -10874,7 +10874,7 @@
                       default: require$$0.withCtx(() => [
                         require$$0.createElementVNode(
                           "div",
-                          _hoisted_3$r,
+                          _hoisted_3$s,
                           require$$0.toDisplayString(key + 1),
                           1
                           /* TEXT */
@@ -10972,15 +10972,15 @@
     }
   });
 
-  var HotAreaContent = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\hot-area-input\\src\\component\\hot-area-content.vue"]]);
+  var HotAreaContent = /* @__PURE__ */ _export_sfc(_sfc_main$16, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\hot-area-input\\src\\component\\hot-area-content.vue"]]);
 
-  const _hoisted_1$P = { class: "dk-hot-area-input" };
-  const _hoisted_2$C = { class: "text-center" };
-  const __default__$F = require$$0.defineComponent({
+  const _hoisted_1$Q = { class: "dk-hot-area-input" };
+  const _hoisted_2$D = { class: "text-center" };
+  const __default__$G = require$$0.defineComponent({
     name: "DkHotAreaInput"
   });
-  var _sfc_main$13 = /* @__PURE__ */ require$$0.defineComponent({
-    ...__default__$F,
+  var _sfc_main$15 = /* @__PURE__ */ require$$0.defineComponent({
+    ...__default__$G,
     props: hotAreaInputProps,
     setup(__props) {
       const props = __props;
@@ -10989,7 +10989,7 @@
       return (_ctx, _cache) => {
         const _component_el_button = require$$0.resolveComponent("el-button");
         const _component_dk_dialog = require$$0.resolveComponent("dk-dialog");
-        return require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$P, [
+        return require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$Q, [
           require$$0.createVNode(_component_el_button, {
             type: "primary",
             onClick: _cache[0] || (_cache[0] = ($event) => dialog.value = true)
@@ -11007,7 +11007,7 @@
             title: "\u8BBE\u7F6E\u70ED\u533A"
           }, {
             footer: require$$0.withCtx(() => [
-              require$$0.createElementVNode("div", _hoisted_2$C, [
+              require$$0.createElementVNode("div", _hoisted_2$D, [
                 require$$0.createVNode(_component_el_button, {
                   size: "default",
                   style: { "width": "200px" },
@@ -11033,7 +11033,7 @@
     }
   });
 
-  var _HotAreaInput = /* @__PURE__ */ _export_sfc(_sfc_main$13, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\hot-area-input\\src\\hot-area-input.vue"]]);
+  var _HotAreaInput = /* @__PURE__ */ _export_sfc(_sfc_main$15, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\hot-area-input\\src\\hot-area-input.vue"]]);
 
   const HotAreaInput = withInstall(_HotAreaInput);
 
@@ -11070,13 +11070,13 @@
     }
   };
 
-  const _hoisted_1$O = { class: "flex justify-between items-center relative" };
-  const _hoisted_2$B = { class: "flex justify-between items-center absolute top-[50%] right-0 translate-y-[-50%]" };
-  const __default__$E = require$$0.defineComponent({
+  const _hoisted_1$P = { class: "flex justify-between items-center relative" };
+  const _hoisted_2$C = { class: "flex justify-between items-center absolute top-[50%] right-0 translate-y-[-50%]" };
+  const __default__$F = require$$0.defineComponent({
     name: "DkDialog"
   });
-  var _sfc_main$12 = /* @__PURE__ */ require$$0.defineComponent({
-    ...__default__$E,
+  var _sfc_main$14 = /* @__PURE__ */ require$$0.defineComponent({
+    ...__default__$F,
     props: dialogProps,
     setup(__props) {
       const props = __props;
@@ -11141,7 +11141,7 @@
         }), require$$0.createSlots({
           header: require$$0.withCtx(({ close }) => [
             require$$0.renderSlot(_ctx.$slots, "header", {}, () => [
-              require$$0.createElementVNode("div", _hoisted_1$O, [
+              require$$0.createElementVNode("div", _hoisted_1$P, [
                 require$$0.createElementVNode(
                   "span",
                   null,
@@ -11149,7 +11149,7 @@
                   1
                   /* TEXT */
                 ),
-                require$$0.createElementVNode("div", _hoisted_2$B, [
+                require$$0.createElementVNode("div", _hoisted_2$C, [
                   _ctx.fullscreen ? (require$$0.openBlock(), require$$0.createBlock(_component_dk_icon, {
                     key: 0,
                     class: "cursor-pointer is-hover mr-10px",
@@ -11195,7 +11195,7 @@
     }
   });
 
-  var _Dialog = /* @__PURE__ */ _export_sfc(_sfc_main$12, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\dialog\\src\\dialog.vue"]]);
+  var _Dialog = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\dialog\\src\\dialog.vue"]]);
 
   const Dialog = withInstall(_Dialog);
 
@@ -11299,12 +11299,12 @@
   };
   var _config = config;
 
-  const _hoisted_1$N = { key: 1 };
-  const __default__$D = require$$0.defineComponent({
+  const _hoisted_1$O = { key: 1 };
+  const __default__$E = require$$0.defineComponent({
     name: "DkForm"
   });
-  var _sfc_main$11 = /* @__PURE__ */ require$$0.defineComponent({
-    ...__default__$D,
+  var _sfc_main$13 = /* @__PURE__ */ require$$0.defineComponent({
+    ...__default__$E,
     props: formProps,
     emits: ["submit", "fail", "update:modelValue"],
     setup(__props, { expose: __expose, emit }) {
@@ -11532,7 +11532,7 @@
           ]),
           _: 3
           /* FORWARDED */
-        }, 16, ["modelValue", "title", "width", "default-fullscreen"])) : (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$N, [
+        }, 16, ["modelValue", "title", "width", "default-fullscreen"])) : (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$O, [
           require$$0.createElementVNode(
             "div",
             {
@@ -11584,11 +11584,11 @@
     }
   });
 
-  var _Form = /* @__PURE__ */ _export_sfc(_sfc_main$11, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\form\\src\\form.vue"]]);
+  var _Form = /* @__PURE__ */ _export_sfc(_sfc_main$13, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\form\\src\\form.vue"]]);
 
   const Form = withInstall(_Form);
 
-  const _hoisted_1$M = {
+  const _hoisted_1$N = {
     xmlns: "http://www.w3.org/2000/svg",
     version: "1.1",
     x: "0px",
@@ -11597,7 +11597,7 @@
     style: { "enable-background": "new 0 0 512 512" },
     "xml:space": "preserve"
   };
-  const _hoisted_2$A = /* @__PURE__ */ require$$0.createElementVNode(
+  const _hoisted_2$B = /* @__PURE__ */ require$$0.createElementVNode(
     "path",
     {
       fill: "#E2E5E7",
@@ -11607,7 +11607,7 @@
     -1
     /* HOISTED */
   );
-  const _hoisted_3$q = /* @__PURE__ */ require$$0.createElementVNode(
+  const _hoisted_3$r = /* @__PURE__ */ require$$0.createElementVNode(
     "path",
     {
       fill: "#B0B7BD",
@@ -11667,11 +11667,11 @@
     "font-family": "Verdana, Helvetica, Arial, sans-serif",
     "font-size": "124"
   };
-  const __default__$C = require$$0.defineComponent({
+  const __default__$D = require$$0.defineComponent({
     name: "DkFileIcon"
   });
-  var _sfc_main$10 = /* @__PURE__ */ require$$0.defineComponent({
-    ...__default__$C,
+  var _sfc_main$12 = /* @__PURE__ */ require$$0.defineComponent({
+    ...__default__$D,
     props: {
       type: {
         default: 0,
@@ -11741,10 +11741,10 @@
         return colorList[index];
       };
       return (_ctx, _cache) => {
-        return require$$0.openBlock(), require$$0.createElementBlock("svg", _hoisted_1$M, [
+        return require$$0.openBlock(), require$$0.createElementBlock("svg", _hoisted_1$N, [
           require$$0.createElementVNode("g", null, [
-            _hoisted_2$A,
-            _hoisted_3$q,
+            _hoisted_2$B,
+            _hoisted_3$r,
             _hoisted_4$l,
             require$$0.createElementVNode(
               "path",
@@ -11776,7 +11776,7 @@
     }
   });
 
-  var DkFileIcon = /* @__PURE__ */ _export_sfc(_sfc_main$10, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\attachment\\src\\file-icon.vue"]]);
+  var DkFileIcon = /* @__PURE__ */ _export_sfc(_sfc_main$12, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\attachment\\src\\file-icon.vue"]]);
 
   const attachmentProps = {
     type: {
@@ -11790,9 +11790,9 @@
     }
   };
 
-  const _hoisted_1$L = { class: "dk-attachment attachment" };
-  const _hoisted_2$z = { class: "attachment-header flex justify-between pt-5px pb-5px" };
-  const _hoisted_3$p = { class: "header-form z" };
+  const _hoisted_1$M = { class: "dk-attachment attachment" };
+  const _hoisted_2$A = { class: "attachment-header flex justify-between pt-5px pb-5px" };
+  const _hoisted_3$q = { class: "header-form z" };
   const _hoisted_4$k = { class: "header-button y" };
   const _hoisted_5$e = /* @__PURE__ */ require$$0.createElementVNode(
     "i",
@@ -11841,11 +11841,11 @@
     key: 1,
     style: { "display": "flex", "align-items": "center", "justify-content": "center", "height": "340px" }
   };
-  const __default__$B = require$$0.defineComponent({
+  const __default__$C = require$$0.defineComponent({
     name: "DkAttachment"
   });
-  var _sfc_main$$ = /* @__PURE__ */ require$$0.defineComponent({
-    ...__default__$B,
+  var _sfc_main$11 = /* @__PURE__ */ require$$0.defineComponent({
+    ...__default__$C,
     props: attachmentProps,
     setup(__props, { expose: __expose }) {
       const props = __props;
@@ -12045,10 +12045,10 @@
         const _component_el_empty = require$$0.resolveComponent("el-empty");
         const _component_dk_form = require$$0.resolveComponent("dk-form");
         const _directive_loading = require$$0.resolveDirective("loading");
-        return require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$L, [
+        return require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$M, [
           require$$0.createCommentVNode(" \u9876\u90E8"),
-          require$$0.createElementVNode("div", _hoisted_2$z, [
-            require$$0.createElementVNode("div", _hoisted_3$p, [
+          require$$0.createElementVNode("div", _hoisted_2$A, [
+            require$$0.createElementVNode("div", _hoisted_3$q, [
               require$$0.createVNode(_component_el_input, {
                 modelValue: searchFileName.value,
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => searchFileName.value = $event),
@@ -12355,7 +12355,7 @@
     }
   });
 
-  var _Attachment = /* @__PURE__ */ _export_sfc(_sfc_main$$, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\attachment\\src\\attachment.vue"]]);
+  var _Attachment = /* @__PURE__ */ _export_sfc(_sfc_main$11, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\attachment\\src\\attachment.vue"]]);
 
   const Attachment = withInstall(_Attachment);
 
@@ -12367,12 +12367,12 @@
     }
   };
 
-  const _hoisted_1$K = { class: "text-center m2" };
-  const __default__$A = require$$0.defineComponent({
+  const _hoisted_1$L = { class: "text-center m2" };
+  const __default__$B = require$$0.defineComponent({
     name: "DkAttachmentDialog"
   });
-  var _sfc_main$_ = /* @__PURE__ */ require$$0.defineComponent({
-    ...__default__$A,
+  var _sfc_main$10 = /* @__PURE__ */ require$$0.defineComponent({
+    ...__default__$B,
     props: attachmentDialogProps,
     emits: ["confirm"],
     setup(__props, { expose: __expose, emit }) {
@@ -12420,7 +12420,7 @@
               ref: attachment,
               type: _type.value
             }, null, 8, ["type"]),
-            require$$0.createElementVNode("div", _hoisted_1$K, [
+            require$$0.createElementVNode("div", _hoisted_1$L, [
               require$$0.createVNode(_component_el_button, {
                 type: "primary",
                 onClick: _cache[0] || (_cache[0] = ($event) => confirm())
@@ -12449,7 +12449,7 @@
     }
   });
 
-  var _AttachmentDialog = /* @__PURE__ */ _export_sfc(_sfc_main$_, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\attachment-dialog\\src\\attachment-dialog.vue"]]);
+  var _AttachmentDialog = /* @__PURE__ */ _export_sfc(_sfc_main$10, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\attachment-dialog\\src\\attachment-dialog.vue"]]);
 
   const AttachmentDialog = withInstall(_AttachmentDialog);
 
@@ -12468,15 +12468,15 @@
     accept: { type: String, default: "" }
   };
 
-  const _hoisted_1$J = { class: "show m-t-5px" };
-  const _hoisted_2$y = { class: "image-error" };
-  const _hoisted_3$o = { class: "image-slot" };
+  const _hoisted_1$K = { class: "show m-t-5px" };
+  const _hoisted_2$z = { class: "image-error" };
+  const _hoisted_3$p = { class: "image-slot" };
   const _hoisted_4$j = { class: "no-image" };
-  const __default__$z = require$$0.defineComponent({
+  const __default__$A = require$$0.defineComponent({
     name: "DkFileInput"
   });
-  var _sfc_main$Z = /* @__PURE__ */ require$$0.defineComponent({
-    ...__default__$z,
+  var _sfc_main$$ = /* @__PURE__ */ require$$0.defineComponent({
+    ...__default__$A,
     props: fileInputProps,
     emits: ["input", "update:modelValue", "change"],
     setup(__props, { emit }) {
@@ -12550,7 +12550,7 @@
                   /* STABLE */
                 }, 8, ["modelValue", "placeholder"]),
                 require$$0.createCommentVNode("\u9009\u62E9\u7684\u662F\u56FE\u7247"),
-                require$$0.createElementVNode("div", _hoisted_1$J, [
+                require$$0.createElementVNode("div", _hoisted_1$K, [
                   _ctx.type === 1 ? (require$$0.openBlock(), require$$0.createBlock(_component_el_image, {
                     key: 0,
                     src: input.value,
@@ -12560,7 +12560,7 @@
                     "preview-src-list": [input.value]
                   }, {
                     error: require$$0.withCtx(() => [
-                      require$$0.createElementVNode("div", _hoisted_2$y, [
+                      require$$0.createElementVNode("div", _hoisted_2$z, [
                         require$$0.createVNode(_component_dk_icon, { icon: "Picture" })
                       ])
                     ]),
@@ -12607,7 +12607,7 @@
                           style: { "width": "100%", "height": "100%" }
                         }, {
                           error: require$$0.withCtx(() => [
-                            require$$0.createElementVNode("div", _hoisted_3$o, [
+                            require$$0.createElementVNode("div", _hoisted_3$p, [
                               require$$0.createElementVNode("div", _hoisted_4$j, [
                                 require$$0.createVNode(_component_el_icon, null, {
                                   default: require$$0.withCtx(() => [
@@ -12696,7 +12696,7 @@
     }
   });
 
-  var _FileInput = /* @__PURE__ */ _export_sfc(_sfc_main$Z, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\file-input\\src\\file-input.vue"]]);
+  var _FileInput = /* @__PURE__ */ _export_sfc(_sfc_main$$, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\file-input\\src\\file-input.vue"]]);
 
   const FileInput = withInstall(_FileInput);
 
@@ -12708,11 +12708,11 @@
     accept: { type: String, default: "" }
   };
 
-  const __default__$y = require$$0.defineComponent({
+  const __default__$z = require$$0.defineComponent({
     name: "DkImageInput"
   });
-  var _sfc_main$Y = /* @__PURE__ */ require$$0.defineComponent({
-    ...__default__$y,
+  var _sfc_main$_ = /* @__PURE__ */ require$$0.defineComponent({
+    ...__default__$z,
     props: imageInputProps,
     emits: ["input", "update:modelValue", "change"],
     setup(__props, { emit }) {
@@ -12748,7 +12748,7 @@
     }
   });
 
-  var _ImageInput = /* @__PURE__ */ _export_sfc(_sfc_main$Y, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\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"]]);
 
   const ImageInput = withInstall(_ImageInput);
 
@@ -12760,11 +12760,11 @@
     accept: { type: String, default: "" }
   };
 
-  const __default__$x = require$$0.defineComponent({
+  const __default__$y = require$$0.defineComponent({
     name: "DkAudioInput"
   });
-  var _sfc_main$X = /* @__PURE__ */ require$$0.defineComponent({
-    ...__default__$x,
+  var _sfc_main$Z = /* @__PURE__ */ require$$0.defineComponent({
+    ...__default__$y,
     props: audioInputProps,
     emits: ["input", "update:modelValue", "change"],
     setup(__props, { emit }) {
@@ -12800,7 +12800,7 @@
     }
   });
 
-  var _AudioInput = /* @__PURE__ */ _export_sfc(_sfc_main$X, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\audio-input\\src\\audio-input.vue"]]);
+  var _AudioInput = /* @__PURE__ */ _export_sfc(_sfc_main$Z, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\audio-input\\src\\audio-input.vue"]]);
 
   const AudioInput = withInstall(_AudioInput);
 
@@ -12812,11 +12812,11 @@
     accept: { type: String, default: "" }
   };
 
-  const __default__$w = require$$0.defineComponent({
+  const __default__$x = require$$0.defineComponent({
     name: "DkVideoInput"
   });
-  var _sfc_main$W = /* @__PURE__ */ require$$0.defineComponent({
-    ...__default__$w,
+  var _sfc_main$Y = /* @__PURE__ */ require$$0.defineComponent({
+    ...__default__$x,
     props: videoInputProps,
     emits: ["input", "update:modelValue", "change"],
     setup(__props, { emit }) {
@@ -12852,7 +12852,7 @@
     }
   });
 
-  var _VideoInput = /* @__PURE__ */ _export_sfc(_sfc_main$W, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\video-input\\src\\video-input.vue"]]);
+  var _VideoInput = /* @__PURE__ */ _export_sfc(_sfc_main$Y, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\video-input\\src\\video-input.vue"]]);
 
   const VideoInput = withInstall(_VideoInput);
 
@@ -12865,14 +12865,14 @@
     accept: { default: "", type: String }
   };
 
-  const _hoisted_1$I = { class: "dk-image-list" };
-  const _hoisted_2$x = ["onClick"];
-  const _hoisted_3$n = { key: 0 };
-  const __default__$v = require$$0.defineComponent({
+  const _hoisted_1$J = { class: "dk-image-list" };
+  const _hoisted_2$y = ["onClick"];
+  const _hoisted_3$o = { key: 0 };
+  const __default__$w = require$$0.defineComponent({
     name: "DkFileListInput"
   });
-  var _sfc_main$V = /* @__PURE__ */ require$$0.defineComponent({
-    ...__default__$v,
+  var _sfc_main$X = /* @__PURE__ */ require$$0.defineComponent({
+    ...__default__$w,
     props: fileListInputProps,
     emits: ["input", "update:modelValue", "change"],
     setup(__props, { emit }) {
@@ -12930,7 +12930,7 @@
             class: require$$0.normalizeClass(require$$0.unref(bem)())
           },
           [
-            require$$0.createElementVNode("div", _hoisted_1$I, [
+            require$$0.createElementVNode("div", _hoisted_1$J, [
               require$$0.createElementVNode("ul", null, [
                 (require$$0.openBlock(true), require$$0.createElementBlock(
                   require$$0.Fragment,
@@ -12967,7 +12967,7 @@
                               _: 1
                               /* STABLE */
                             })
-                          ], 8, _hoisted_2$x)) : require$$0.createCommentVNode("v-if", true)
+                          ], 8, _hoisted_2$y)) : require$$0.createCommentVNode("v-if", true)
                         ],
                         4
                         /* STYLE */
@@ -12977,7 +12977,7 @@
                   128
                   /* KEYED_FRAGMENT */
                 )),
-                _ctx.limit > input.value.length && !_ctx.disabled ? (require$$0.openBlock(), require$$0.createElementBlock("li", _hoisted_3$n, [
+                _ctx.limit > input.value.length && !_ctx.disabled ? (require$$0.openBlock(), require$$0.createElementBlock("li", _hoisted_3$o, [
                   require$$0.createElementVNode(
                     "div",
                     {
@@ -13014,7 +13014,7 @@
     }
   });
 
-  var _FileListInput = /* @__PURE__ */ _export_sfc(_sfc_main$V, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\file-list-input\\src\\file-list-input.vue"]]);
+  var _FileListInput = /* @__PURE__ */ _export_sfc(_sfc_main$X, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\file-list-input\\src\\file-list-input.vue"]]);
 
   const FileListInput = withInstall(_FileListInput);
 
@@ -13026,11 +13026,11 @@
     accept: { default: "", type: String }
   };
 
-  const __default__$u = require$$0.defineComponent({
+  const __default__$v = require$$0.defineComponent({
     name: "DkImageListInput"
   });
-  var _sfc_main$U = /* @__PURE__ */ require$$0.defineComponent({
-    ...__default__$u,
+  var _sfc_main$W = /* @__PURE__ */ require$$0.defineComponent({
+    ...__default__$v,
     props: imageListInputProps,
     emits: ["input", "update:modelValue", "change"],
     setup(__props, { emit }) {
@@ -13067,7 +13067,7 @@
     }
   });
 
-  var _ImageListInput = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\image-list-input\\src\\image-list-input.vue"]]);
+  var _ImageListInput = /* @__PURE__ */ _export_sfc(_sfc_main$W, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\image-list-input\\src\\image-list-input.vue"]]);
 
   const ImageListInput = withInstall(_ImageListInput);
 
@@ -13079,11 +13079,11 @@
     accept: { default: "", type: String }
   };
 
-  const __default__$t = require$$0.defineComponent({
+  const __default__$u = require$$0.defineComponent({
     name: "DkAudioListInput"
   });
-  var _sfc_main$T = /* @__PURE__ */ require$$0.defineComponent({
-    ...__default__$t,
+  var _sfc_main$V = /* @__PURE__ */ require$$0.defineComponent({
+    ...__default__$u,
     props: audioListInputProps,
     emits: ["input", "update:modelValue", "change"],
     setup(__props, { emit }) {
@@ -13120,7 +13120,7 @@
     }
   });
 
-  var _AudioListInput = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\audio-list-input\\src\\audio-list-input.vue"]]);
+  var _AudioListInput = /* @__PURE__ */ _export_sfc(_sfc_main$V, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\audio-list-input\\src\\audio-list-input.vue"]]);
 
   const AudioListInput = withInstall(_AudioListInput);
 
@@ -13132,11 +13132,11 @@
     accept: { default: "", type: String }
   };
 
-  const __default__$s = require$$0.defineComponent({
+  const __default__$t = require$$0.defineComponent({
     name: "DkVideoListInput"
   });
-  var _sfc_main$S = /* @__PURE__ */ require$$0.defineComponent({
-    ...__default__$s,
+  var _sfc_main$U = /* @__PURE__ */ require$$0.defineComponent({
+    ...__default__$t,
     props: videoListInputProps,
     emits: ["input", "update:modelValue", "change"],
     setup(__props, { emit }) {
@@ -13173,7 +13173,7 @@
     }
   });
 
-  var _VideoListInput = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\video-list-input\\src\\video-list-input.vue"]]);
+  var _VideoListInput = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\video-list-input\\src\\video-list-input.vue"]]);
 
   const VideoListInput = withInstall(_VideoListInput);
 
@@ -13233,18 +13233,18 @@
     });
   }
 
-  const _hoisted_1$H = { class: "dk-icon-content" };
-  const _hoisted_2$w = {
+  const _hoisted_1$I = { class: "dk-icon-content" };
+  const _hoisted_2$x = {
     key: 0,
     class: "text-center",
     style: { "font-size": "12px", "color": "#999" }
   };
-  const _hoisted_3$m = { class: "search-icon" };
-  const __default__$r = require$$0.defineComponent({
+  const _hoisted_3$n = { class: "search-icon" };
+  const __default__$s = require$$0.defineComponent({
     name: "DkIconContent"
   });
-  var _sfc_main$R = /* @__PURE__ */ require$$0.defineComponent({
-    ...__default__$r,
+  var _sfc_main$T = /* @__PURE__ */ require$$0.defineComponent({
+    ...__default__$s,
     props: iconContentProps,
     emits: ["choose"],
     setup(__props, { expose: __expose, emit }) {
@@ -13342,7 +13342,7 @@
         const _component_el_tabs = require$$0.resolveComponent("el-tabs");
         const _component_el_button = require$$0.resolveComponent("el-button");
         const _component_el_input = require$$0.resolveComponent("el-input");
-        return require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$H, [
+        return require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$I, [
           require$$0.createVNode(_component_el_tabs, {
             modelValue: activeName.value,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => activeName.value = $event)
@@ -13437,7 +13437,7 @@
                         128
                         /* KEYED_FRAGMENT */
                       )),
-                      !searchIcon.value ? (require$$0.openBlock(), require$$0.createElementBlock("p", _hoisted_2$w, "\u5F53\u524D\u663E\u793A\u5DF2\u7F13\u5B58\u7684\u56FE\u6807")) : require$$0.createCommentVNode("v-if", true)
+                      !searchIcon.value ? (require$$0.openBlock(), require$$0.createElementBlock("p", _hoisted_2$x, "\u5F53\u524D\u663E\u793A\u5DF2\u7F13\u5B58\u7684\u56FE\u6807")) : require$$0.createCommentVNode("v-if", true)
                     ],
                     64
                     /* STABLE_FRAGMENT */
@@ -13453,7 +13453,7 @@
             _: 1
             /* STABLE */
           }, 8, ["modelValue"]),
-          require$$0.createElementVNode("div", _hoisted_3$m, [
+          require$$0.createElementVNode("div", _hoisted_3$n, [
             require$$0.createVNode(_component_el_input, {
               modelValue: searchIcon.value,
               "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => searchIcon.value = $event),
@@ -13476,14 +13476,14 @@
     }
   });
 
-  var _IconContent = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\icon-input\\src\\icon-content.vue"]]);
+  var _IconContent = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\icon-input\\src\\icon-content.vue"]]);
 
-  const _hoisted_1$G = { class: "text-center m2" };
-  const __default__$q = require$$0.defineComponent({
+  const _hoisted_1$H = { class: "text-center m2" };
+  const __default__$r = require$$0.defineComponent({
     name: "DkIconDialog"
   });
-  var _sfc_main$Q = /* @__PURE__ */ require$$0.defineComponent({
-    ...__default__$q,
+  var _sfc_main$S = /* @__PURE__ */ require$$0.defineComponent({
+    ...__default__$r,
     props: iconDialogProps,
     emits: ["choose", "confirm"],
     setup(__props, { expose: __expose, emit }) {
@@ -13517,7 +13517,7 @@
           class: "dk-icon-dialog"
         }, {
           footer: require$$0.withCtx(() => [
-            require$$0.createElementVNode("div", _hoisted_1$G, [
+            require$$0.createElementVNode("div", _hoisted_1$H, [
               require$$0.createVNode(_component_el_button, {
                 type: "primary",
                 onClick: confirm
@@ -13556,17 +13556,17 @@
     }
   });
 
-  var _IconDialog = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\icon-input\\src\\icon-dialog.vue"]]);
+  var _IconDialog = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\icon-input\\src\\icon-dialog.vue"]]);
 
-  const _hoisted_1$F = {
+  const _hoisted_1$G = {
     key: 0,
     class: "show m-t-5px"
   };
-  const __default__$p = require$$0.defineComponent({
+  const __default__$q = require$$0.defineComponent({
     name: "DkIconInput"
   });
-  var _sfc_main$P = /* @__PURE__ */ require$$0.defineComponent({
-    ...__default__$p,
+  var _sfc_main$R = /* @__PURE__ */ require$$0.defineComponent({
+    ...__default__$q,
     props: iconInputProps,
     emits: ["input", "update:modelValue", "change"],
     setup(__props, { emit }) {
@@ -13634,7 +13634,7 @@
               /* STABLE */
             }, 8, ["modelValue", "placeholder"]),
             require$$0.createCommentVNode("\u9009\u62E9\u7684\u662F\u56FE\u7247"),
-            props.preview ? (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$F, [
+            props.preview ? (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$G, [
               require$$0.createVNode(_component_dk_icon, {
                 icon: input.value ? input.value : "fluent:document-none-24-regular",
                 class: "icon rd-4px cursor-pointer",
@@ -13673,7 +13673,7 @@
     }
   });
 
-  var _IconInput = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\icon-input\\src\\icon-input.vue"]]);
+  var _IconInput = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\icon-input\\src\\icon-input.vue"]]);
 
   const IconInput = withInstall(_IconInput);
   const IconContent = withInstall(_IconContent);
@@ -13770,16 +13770,16 @@
     }
   };
 
-  const _hoisted_1$E = { class: "dk-style-input" };
-  const _hoisted_2$v = {
+  const _hoisted_1$F = { class: "dk-style-input" };
+  const _hoisted_2$w = {
     key: 0,
     class: "p-5px"
   };
-  const __default__$o = require$$0.defineComponent({
+  const __default__$p = require$$0.defineComponent({
     name: "DkStyleInput"
   });
-  var _sfc_main$O = /* @__PURE__ */ require$$0.defineComponent({
-    ...__default__$o,
+  var _sfc_main$Q = /* @__PURE__ */ require$$0.defineComponent({
+    ...__default__$p,
     props: styleInputProps,
     emits: ["update:modelValue"],
     setup(__props, { emit }) {
@@ -13831,8 +13831,8 @@
       return (_ctx, _cache) => {
         const _component_el_collapse_item = require$$0.resolveComponent("el-collapse-item");
         const _component_el_collapse = require$$0.resolveComponent("el-collapse");
-        return require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$E, [
-          !loading.value ? (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_2$v, [
+        return require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$F, [
+          !loading.value ? (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_2$w, [
             require$$0.createVNode(_component_el_collapse, {
               modelValue: activeNames.value,
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => activeNames.value = $event)
@@ -13878,7 +13878,7 @@
     }
   });
 
-  var _StyleInput = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\style-input\\src\\style-input.vue"]]);
+  var _StyleInput = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\style-input\\src\\style-input.vue"]]);
 
   const StyleInput = withInstall(_StyleInput);
 
@@ -13918,12 +13918,12 @@
     }
   };
 
-  const _hoisted_1$D = ["onMousedown"];
-  const __default__$n = require$$0.defineComponent({
+  const _hoisted_1$E = ["onMousedown"];
+  const __default__$o = require$$0.defineComponent({
     name: "DkBoxSizeInput"
   });
-  var _sfc_main$N = /* @__PURE__ */ require$$0.defineComponent({
-    ...__default__$n,
+  var _sfc_main$P = /* @__PURE__ */ require$$0.defineComponent({
+    ...__default__$o,
     props: boxSizeInputProps,
     emits: ["update:modelValue"],
     setup(__props, { emit }) {
@@ -14160,7 +14160,7 @@
                               _: 2
                               /* DYNAMIC */
                             }, 1032, ["content", "disabled"])
-                          ], 40, _hoisted_1$D)
+                          ], 40, _hoisted_1$E)
                         ]),
                         key: "0"
                       } : void 0
@@ -14258,7 +14258,7 @@
     }
   });
 
-  var _BoxSizeInput = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\box-size-input\\src\\box-size-input.vue"]]);
+  var _BoxSizeInput = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\box-size-input\\src\\box-size-input.vue"]]);
 
   const BoxSizeInput = withInstall(_BoxSizeInput);
 
@@ -14386,9 +14386,9 @@
     }
   ];
 
-  const _hoisted_1$C = { class: "dk-style-box-input" };
-  const _hoisted_2$u = { class: "header" };
-  const _hoisted_3$l = { class: "items-center" };
+  const _hoisted_1$D = { class: "dk-style-box-input" };
+  const _hoisted_2$v = { class: "header" };
+  const _hoisted_3$m = { class: "items-center" };
   const _hoisted_4$i = { class: "float-right cursor-pointer" };
   const _hoisted_5$d = { class: "name-header-operations" };
   const _hoisted_6$a = { class: "name-header-operations" };
@@ -14433,11 +14433,11 @@
     -1
     /* HOISTED */
   );
-  const __default__$m = require$$0.defineComponent({
+  const __default__$n = require$$0.defineComponent({
     name: "DkStyleBoxInput"
   });
-  var _sfc_main$M = /* @__PURE__ */ require$$0.defineComponent({
-    ...__default__$m,
+  var _sfc_main$O = /* @__PURE__ */ require$$0.defineComponent({
+    ...__default__$n,
     props: styleBoxInputProps,
     emits: ["update:modelValue"],
     setup(__props, { emit }) {
@@ -14675,7 +14675,7 @@
         const _component_dk_icon = require$$0.resolveComponent("dk-icon");
         const _component_el_popover = require$$0.resolveComponent("el-popover");
         const _component_el_tooltip = require$$0.resolveComponent("el-tooltip");
-        return require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$C, [
+        return require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$D, [
           require$$0.createElementVNode(
             "div",
             {
@@ -14686,8 +14686,8 @@
             4
             /* STYLE */
           ),
-          require$$0.createElementVNode("div", _hoisted_2$u, [
-            require$$0.createElementVNode("label", _hoisted_3$l, [
+          require$$0.createElementVNode("div", _hoisted_2$v, [
+            require$$0.createElementVNode("label", _hoisted_3$m, [
               require$$0.createTextVNode(" \u5185\u5916\u8FB9\u8DDD | \u9AD8\u5BBD "),
               require$$0.createVNode(_component_el_popover, {
                 ref: "popover",
@@ -14991,7 +14991,7 @@
     }
   });
 
-  var _StyleBoxInput = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\style-box-input\\src\\style-box-input.vue"]]);
+  var _StyleBoxInput = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\style-box-input\\src\\style-box-input.vue"]]);
 
   const StyleBoxInput = withInstall(_StyleBoxInput);
 
@@ -15002,9 +15002,9 @@
     }
   };
 
-  const _hoisted_1$B = { class: "dk-style-font-input" };
-  const _hoisted_2$t = { style: { "display": "flex", "flex-flow": "row wrap" } };
-  const _hoisted_3$k = { class: "m-b-5px" };
+  const _hoisted_1$C = { class: "dk-style-font-input" };
+  const _hoisted_2$u = { style: { "display": "flex", "flex-flow": "row wrap" } };
+  const _hoisted_3$l = { class: "m-b-5px" };
   const _hoisted_4$h = {
     style: { "width": "100px" },
     class: "m-b-5px"
@@ -15016,11 +15016,11 @@
   const _hoisted_6$9 = { class: "m-r-5px m-b-5px" };
   const _hoisted_7$9 = { class: "m-r-5px m-b-5px" };
   const _hoisted_8$7 = { class: "m-b-5px" };
-  const __default__$l = require$$0.defineComponent({
+  const __default__$m = require$$0.defineComponent({
     name: "DkStyleFontInput"
   });
-  var _sfc_main$L = /* @__PURE__ */ require$$0.defineComponent({
-    ...__default__$l,
+  var _sfc_main$N = /* @__PURE__ */ require$$0.defineComponent({
+    ...__default__$m,
     props: styleFontInputProps,
     emits: ["update:modelValue"],
     setup(__props, { emit }) {
@@ -15092,9 +15092,9 @@
         const _component_dk_icon = require$$0.resolveComponent("dk-icon");
         const _component_el_radio_button = require$$0.resolveComponent("el-radio-button");
         const _component_el_radio_group = require$$0.resolveComponent("el-radio-group");
-        return require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$B, [
+        return require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$C, [
           require$$0.createCommentVNode("    \u989C\u8272\u3001\u5B57\u53F7\u3001\u7C97\u7EC6\u3001\u98CE\u683C\u3001\u88C5\u9970"),
-          require$$0.createElementVNode("div", _hoisted_2$t, [
+          require$$0.createElementVNode("div", _hoisted_2$u, [
             require$$0.createVNode(_component_el_tooltip, {
               placement: "top-end",
               trigger: "hover",
@@ -15118,7 +15118,7 @@
                 }, 8, ["disabled"])
               ]),
               default: require$$0.withCtx(() => [
-                require$$0.createElementVNode("div", _hoisted_3$k, [
+                require$$0.createElementVNode("div", _hoisted_3$l, [
                   require$$0.createVNode(_component_el_color_picker, {
                     modelValue: styles.color,
                     "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => styles.color = $event)
@@ -15450,7 +15450,7 @@
     }
   });
 
-  var _StyleFontInput = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\style-font-input\\src\\style-font-input.vue"]]);
+  var _StyleFontInput = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\style-font-input\\src\\style-font-input.vue"]]);
 
   const StyleFontInput = withInstall(_StyleFontInput);
 
@@ -15462,17 +15462,17 @@
     }
   };
 
-  const _hoisted_1$A = { class: "border-box" };
-  const _hoisted_2$s = {
+  const _hoisted_1$B = { class: "border-box" };
+  const _hoisted_2$t = {
     style: { "width": "100%" },
     class: "m-l-20px"
   };
-  const _hoisted_3$j = { style: { "display": "flex" } };
-  const __default__$k = require$$0.defineComponent({
+  const _hoisted_3$k = { style: { "display": "flex" } };
+  const __default__$l = require$$0.defineComponent({
     name: "DkStyleBorderInput"
   });
-  var _sfc_main$K = /* @__PURE__ */ require$$0.defineComponent({
-    ...__default__$k,
+  var _sfc_main$M = /* @__PURE__ */ require$$0.defineComponent({
+    ...__default__$l,
     props: styleBorderInputProps,
     emits: ["update:modelValue"],
     setup(__props, { emit }) {
@@ -15648,7 +15648,7 @@
             class: require$$0.normalizeClass(["dk-style-border-input", require$$0.unref(width).value < 400 ? "mini" : ""])
           },
           [
-            require$$0.createElementVNode("div", _hoisted_1$A, [
+            require$$0.createElementVNode("div", _hoisted_1$B, [
               (require$$0.openBlock(), require$$0.createElementBlock(
                 require$$0.Fragment,
                 null,
@@ -15666,7 +15666,7 @@
                 /* STABLE_FRAGMENT */
               ))
             ]),
-            require$$0.createElementVNode("div", _hoisted_2$s, [
+            require$$0.createElementVNode("div", _hoisted_2$t, [
               require$$0.createCommentVNode("  \u6837\u5F0F\u3001\u5BBD\u5EA6\u3001\u989C\u8272"),
               require$$0.createVNode(_component_el_form, {
                 "label-width": "50px",
@@ -15699,7 +15699,7 @@
                       }, 8, ["disabled"])
                     ]),
                     default: require$$0.withCtx(() => [
-                      require$$0.createElementVNode("div", _hoisted_3$j, [
+                      require$$0.createElementVNode("div", _hoisted_3$k, [
                         require$$0.createVNode(_component_el_slider, {
                           modelValue: form[position.value].borderWidth,
                           "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => form[position.value].borderWidth = $event),
@@ -15910,7 +15910,7 @@
     }
   });
 
-  var _StyleBorderInput = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\style-border-input\\src\\style-border-input.vue"]]);
+  var _StyleBorderInput = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\style-border-input\\src\\style-border-input.vue"]]);
 
   const StyleBorderInput = withInstall(_StyleBorderInput);
 
@@ -15924,12 +15924,12 @@
     }
   };
 
-  const _hoisted_1$z = { class: "dk-style-background-input" };
-  const __default__$j = require$$0.defineComponent({
+  const _hoisted_1$A = { class: "dk-style-background-input" };
+  const __default__$k = require$$0.defineComponent({
     name: "DkStyleBackgroundInput"
   });
-  var _sfc_main$J = /* @__PURE__ */ require$$0.defineComponent({
-    ...__default__$j,
+  var _sfc_main$L = /* @__PURE__ */ require$$0.defineComponent({
+    ...__default__$k,
     props: styleBackgroundInputProps,
     emits: ["update:modelValue"],
     setup(__props, { emit }) {
@@ -15975,7 +15975,7 @@
       return (_ctx, _cache) => {
         const _component_el_color_picker = require$$0.resolveComponent("el-color-picker");
         const _component_dk_image_input = require$$0.resolveComponent("dk-image-input");
-        return require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$z, [
+        return require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$A, [
           require$$0.createVNode(_component_el_color_picker, {
             modelValue: form.backgroundColor,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => form.backgroundColor = $event),
@@ -15990,7 +15990,7 @@
     }
   });
 
-  var _StyleBackgroundInput = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\style-background-input\\src\\style-background-input.vue"]]);
+  var _StyleBackgroundInput = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\style-background-input\\src\\style-background-input.vue"]]);
 
   const StyleBackgroundInput = withInstall(_StyleBackgroundInput);
 
@@ -16006,16 +16006,16 @@
     }
   };
 
-  const _hoisted_1$y = { class: "dk-style-shadow-input" };
-  const _hoisted_2$r = {
+  const _hoisted_1$z = { class: "dk-style-shadow-input" };
+  const _hoisted_2$s = {
     key: 1,
     class: "shadow-list"
   };
-  const __default__$i = require$$0.defineComponent({
+  const __default__$j = require$$0.defineComponent({
     name: "DkStyleShadowInput"
   });
-  var _sfc_main$I = /* @__PURE__ */ require$$0.defineComponent({
-    ...__default__$i,
+  var _sfc_main$K = /* @__PURE__ */ require$$0.defineComponent({
+    ...__default__$j,
     props: shadowInputProps,
     emits: ["update:modelValue"],
     setup(__props, { emit }) {
@@ -16058,7 +16058,7 @@
         const _component_el_popover = require$$0.resolveComponent("el-popover");
         const _component_el_input = require$$0.resolveComponent("el-input");
         const _component_dk_icon = require$$0.resolveComponent("dk-icon");
-        return require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$y, [
+        return require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$z, [
           _ctx.type === "collapse" ? (require$$0.openBlock(), require$$0.createBlock(_component_el_collapse, {
             key: 0,
             modelValue: activeName.value,
@@ -16091,7 +16091,7 @@
             ]),
             _: 1
             /* STABLE */
-          }, 8, ["modelValue"])) : (require$$0.openBlock(), require$$0.createElementBlock("ul", _hoisted_2$r, [
+          }, 8, ["modelValue"])) : (require$$0.openBlock(), require$$0.createElementBlock("ul", _hoisted_2$s, [
             (require$$0.openBlock(true), require$$0.createElementBlock(
               require$$0.Fragment,
               null,
@@ -16164,11 +16164,11 @@
     }
   });
 
-  var _StyleShadowInput = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\style-shadow-input\\src\\style-shadow-input.vue"]]);
+  var _StyleShadowInput = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\style-shadow-input\\src\\style-shadow-input.vue"]]);
 
-  const _hoisted_1$x = { class: "shadow-content-shortcut" };
-  const _hoisted_2$q = { class: "default-css m-b-10px" };
-  const _hoisted_3$i = /* @__PURE__ */ require$$0.createElementVNode(
+  const _hoisted_1$y = { class: "shadow-content-shortcut" };
+  const _hoisted_2$r = { class: "default-css m-b-10px" };
+  const _hoisted_3$j = /* @__PURE__ */ require$$0.createElementVNode(
     "div",
     { class: "m-b-10px" },
     "\u5E38\u7528\u6837\u5F0F",
@@ -16185,11 +16185,11 @@
   const _hoisted_5$b = [
     _hoisted_4$g
   ];
-  const __default__$h = require$$0.defineComponent({
+  const __default__$i = require$$0.defineComponent({
     name: "DkStyleShadowContent"
   });
-  var _sfc_main$H = /* @__PURE__ */ require$$0.defineComponent({
-    ...__default__$h,
+  var _sfc_main$J = /* @__PURE__ */ require$$0.defineComponent({
+    ...__default__$i,
     props: {
       boxSize: {
         default: 180,
@@ -16545,9 +16545,9 @@
               _: 1
               /* STABLE */
             }, 8, ["size"]),
-            require$$0.createElementVNode("div", _hoisted_1$x, [
-              require$$0.createElementVNode("div", _hoisted_2$q, [
-                _hoisted_3$i,
+            require$$0.createElementVNode("div", _hoisted_1$y, [
+              require$$0.createElementVNode("div", _hoisted_2$r, [
+                _hoisted_3$j,
                 (require$$0.openBlock(true), require$$0.createElementBlock(
                   require$$0.Fragment,
                   null,
@@ -16648,7 +16648,7 @@
     }
   });
 
-  var _StyleShadowContent = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\style-shadow-input\\src\\style-shadow-content.vue"]]);
+  var _StyleShadowContent = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\style-shadow-input\\src\\style-shadow-content.vue"]]);
 
   const StyleShadowInput = withInstall(_StyleShadowInput);
   const StyleShadowContent = withInstall(_StyleShadowContent);
@@ -16662,13 +16662,13 @@
     }
   };
 
-  const _hoisted_1$w = { class: "m-t-10px" };
-  const _hoisted_2$p = ["onClick"];
-  const __default__$g = require$$0.defineComponent({
+  const _hoisted_1$x = { class: "m-t-10px" };
+  const _hoisted_2$q = ["onClick"];
+  const __default__$h = require$$0.defineComponent({
     name: "DkStylePositionInput"
   });
-  var _sfc_main$G = /* @__PURE__ */ require$$0.defineComponent({
-    ...__default__$g,
+  var _sfc_main$I = /* @__PURE__ */ require$$0.defineComponent({
+    ...__default__$h,
     props: stylePositionInputProps,
     emits: ["update:modelValue"],
     setup(__props, { emit }) {
@@ -16816,7 +16816,7 @@
                     /* STABLE */
                   })
                 ]),
-                require$$0.createElementVNode("div", _hoisted_1$w, [
+                require$$0.createElementVNode("div", _hoisted_1$x, [
                   require$$0.createVNode(_component_el_row, { gutter: 20 }, {
                     default: require$$0.withCtx(() => [
                       (require$$0.openBlock(), require$$0.createElementBlock(
@@ -16843,7 +16843,7 @@
                                       require$$0.createElementVNode("span", {
                                         style: require$$0.normalizeStyle([{ "cursor": "pointer" }, form.value[item.value] ? "color:var(--el-color-primary)" : ""]),
                                         onClick: ($event) => form.value[item.value] = ""
-                                      }, require$$0.toDisplayString(item.label) + "\uFF1A", 13, _hoisted_2$p)
+                                      }, require$$0.toDisplayString(item.label) + "\uFF1A", 13, _hoisted_2$q)
                                     ]),
                                     _: 2
                                     /* DYNAMIC */
@@ -16884,7 +16884,7 @@
     }
   });
 
-  var _StylePositionInput = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\style-position-input\\src\\style-position-input.vue"]]);
+  var _StylePositionInput = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\style-position-input\\src\\style-position-input.vue"]]);
 
   const StylePositionInput = withInstall(_StylePositionInput);
 
@@ -16922,11 +16922,11 @@
     }
   };
 
-  const __default__$f = require$$0.defineComponent({
+  const __default__$g = require$$0.defineComponent({
     name: "DkStyleNumberInput"
   });
-  var _sfc_main$F = /* @__PURE__ */ require$$0.defineComponent({
-    ...__default__$f,
+  var _sfc_main$H = /* @__PURE__ */ require$$0.defineComponent({
+    ...__default__$g,
     props: styleNumberInputProps,
     emits: ["input", "update:modelValue"],
     setup(__props, { emit }) {
@@ -17086,7 +17086,7 @@
     }
   });
 
-  var _StyleNumberInput = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\style-number-input\\src\\style-number-input.vue"]]);
+  var _StyleNumberInput = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\style-number-input\\src\\style-number-input.vue"]]);
 
   const StyleNumberInput = withInstall(_StyleNumberInput);
 
@@ -17831,9 +17831,9 @@
     }
   });
 
-  const _hoisted_1$v = { class: "preview-phone" };
-  const _hoisted_2$o = { class: "phone" };
-  const _hoisted_3$h = { class: "phone-header" };
+  const _hoisted_1$w = { class: "preview-phone" };
+  const _hoisted_2$p = { class: "phone" };
+  const _hoisted_3$i = { class: "phone-header" };
   const _hoisted_4$f = { class: "phone-header-top" };
   const _hoisted_5$a = { class: "phone-time" };
   const _hoisted_6$8 = /* @__PURE__ */ require$$0.createElementVNode(
@@ -17861,11 +17861,11 @@
     /* HOISTED */
   );
   const _hoisted_12$3 = { class: "phone-title-icon" };
-  const __default__$e = require$$0.defineComponent({
+  const __default__$f = require$$0.defineComponent({
     name: "PreviewPhone"
   });
-  var _sfc_main$E = /* @__PURE__ */ require$$0.defineComponent({
-    ...__default__$e,
+  var _sfc_main$G = /* @__PURE__ */ require$$0.defineComponent({
+    ...__default__$f,
     props: {
       value: {
         default: "",
@@ -17950,9 +17950,9 @@
         const _component_el_form_item = require$$0.resolveComponent("el-form-item");
         const _component_el_slider = require$$0.resolveComponent("el-slider");
         const _component_el_popover = require$$0.resolveComponent("el-popover");
-        return require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$v, [
-          require$$0.createElementVNode("div", _hoisted_2$o, [
-            require$$0.createElementVNode("div", _hoisted_3$h, [
+        return require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$w, [
+          require$$0.createElementVNode("div", _hoisted_2$p, [
+            require$$0.createElementVNode("div", _hoisted_3$i, [
               require$$0.createElementVNode("div", _hoisted_4$f, [
                 require$$0.createElementVNode("div", _hoisted_5$a, [
                   require$$0.createElementVNode(
@@ -18167,7 +18167,7 @@
     }
   });
 
-  var PreviewPhone = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\page-diy\\src\\components\\PreviewPhone.vue"]]);
+  var PreviewPhone = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\page-diy\\src\\components\\PreviewPhone.vue"]]);
 
   const label$o = "\u6D77\u62A5";
   const name$o = "dk-poster-btn";
@@ -18724,7 +18724,8 @@
       return {
         type: name$k,
         props: {
-          title: "\u901A\u77E5"
+          title: "\u901A\u77E5",
+          listen: ""
         },
         showStyle: true,
         fixed: true
@@ -18732,14 +18733,7 @@
     },
     props() {
       return [
-        // TODO 待完善
-        // {
-        //   type: 'DkEventCreateInput',
-        //   field: 'listen',
-        //   title: '监听事件',
-        //   value: '',
-        //   props: { label: '弹窗组件' },
-        // },
+        { type: "DkEventCreateInput", field: "listen", title: "\u76D1\u542C\u4E8B\u4EF6", value: "", props: { label: "\u5F39\u7A97\u7EC4\u4EF6" } },
         { type: "input", field: "title", title: "\u5F39\u7A97\u6807\u9898", value: "\u901A\u77E5" },
         {
           type: "dk-tiny-editor",
@@ -21239,7 +21233,7 @@
     // DIY 类型 分别为：web(网页)、min(小程序)
     type: {
       type: String,
-      default: "min"
+      default: "web"
     },
     menu: {
       type: Object,
@@ -21274,7 +21268,7 @@
     // 'menu', 'height', 'config', 'mask', 'locale', 'loading'
   };
 
-  const _sfc_main$D = {
+  const _sfc_main$F = {
     name: 'DkMinVideo',
     props: {
       poster: {
@@ -21316,15 +21310,15 @@
     methods: {},
   };
 
-  const _hoisted_1$u = {
+  const _hoisted_1$v = {
     style: {"position":"relative"},
     class: "dk-video-content"
   };
-  const _hoisted_2$n = { class: "video-preview" };
-  const _hoisted_3$g = { key: 0 };
+  const _hoisted_2$o = { class: "video-preview" };
+  const _hoisted_3$h = { key: 0 };
   const _hoisted_4$e = { key: 1 };
 
-  function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_image = require$$0.resolveComponent("el-image");
     const _component_dk_icon = require$$0.resolveComponent("dk-icon");
 
@@ -21332,7 +21326,7 @@
       class: "dk-view-video",
       style: require$$0.normalizeStyle($options._style)
     }, [
-      require$$0.createElementVNode("div", _hoisted_1$u, [
+      require$$0.createElementVNode("div", _hoisted_1$v, [
         ($props.poster)
           ? (require$$0.openBlock(), require$$0.createBlock(_component_el_image, {
               key: 0,
@@ -21341,21 +21335,21 @@
               class: "poster"
             }, null, 8 /* PROPS */, ["src"]))
           : require$$0.createCommentVNode("v-if", true),
-        require$$0.createElementVNode("div", _hoisted_2$n, [
+        require$$0.createElementVNode("div", _hoisted_2$o, [
           require$$0.createVNode(_component_dk_icon, {
             icon: "VideoPlay",
             size: 24
           }),
           (!$props.videoPath)
-            ? (require$$0.openBlock(), require$$0.createElementBlock("p", _hoisted_3$g, "请选择或者上传您的视频!!!"))
+            ? (require$$0.openBlock(), require$$0.createElementBlock("p", _hoisted_3$h, "请选择或者上传您的视频!!!"))
             : (require$$0.openBlock(), require$$0.createElementBlock("p", _hoisted_4$e, "当前不支持预览,请到实际页面查看!!!!"))
         ])
       ])
     ], 4 /* STYLE */))
   }
-  var DkMinVideo = /*#__PURE__*/_export_sfc(_sfc_main$D, [['render',_sfc_render$m],['__file',"E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\page-diy\\src\\views\\min\\DkMinVideo.vue"]]);
+  var DkMinVideo = /*#__PURE__*/_export_sfc(_sfc_main$F, [['render',_sfc_render$n],['__file',"E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\page-diy\\src\\views\\min\\DkMinVideo.vue"]]);
 
-  const _sfc_main$C = {
+  const _sfc_main$E = {
     name: 'DkMinSwiperImage',
     props: {
       value: {
@@ -21398,12 +21392,12 @@
     methods: {},
   };
 
-  const _hoisted_1$t = {
+  const _hoisted_1$u = {
     key: 0,
     class: "swipe-title"
   };
 
-  function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_van_image = require$$0.resolveComponent("van-image");
     const _component_van_swipe_item = require$$0.resolveComponent("van-swipe-item");
     const _component_van_swipe = require$$0.resolveComponent("van-swipe");
@@ -21424,7 +21418,7 @@
                 height: $props.height
               }, null, 8 /* PROPS */, ["src", "height"]),
               ($props.showTitle)
-                ? (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$t, require$$0.toDisplayString(item.title), 1 /* TEXT */))
+                ? (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$u, require$$0.toDisplayString(item.title), 1 /* TEXT */))
                 : require$$0.createCommentVNode("v-if", true)
             ]),
             _: 2 /* DYNAMIC */
@@ -21434,9 +21428,9 @@
       _: 1 /* STABLE */
     }, 8 /* PROPS */, ["autoplay", "style"]))
   }
-  var DkMinSwiperImage = /*#__PURE__*/_export_sfc(_sfc_main$C, [['render',_sfc_render$l],['__file',"E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\page-diy\\src\\views\\min\\DkMinSwiperImage.vue"]]);
+  var DkMinSwiperImage = /*#__PURE__*/_export_sfc(_sfc_main$E, [['render',_sfc_render$m],['__file',"E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\page-diy\\src\\views\\min\\DkMinSwiperImage.vue"]]);
 
-  const _sfc_main$B = {
+  const _sfc_main$D = {
     name: 'DkMinTitle',
     props: {
       type: { default: '0', type: String },
@@ -21458,14 +21452,14 @@
     methods: {},
   };
 
-  const _hoisted_1$s = { class: "dk-min-title" };
-  const _hoisted_2$m = {
+  const _hoisted_1$t = { class: "dk-min-title" };
+  const _hoisted_2$n = {
     key: 1,
     style: {"display":"flex","align-items":"flex-end","justify-content":"space-between"}
   };
 
-  function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
-    return (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$s, [
+  function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
+    return (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$t, [
       ($props.type === '0')
         ? (require$$0.openBlock(), require$$0.createElementBlock("div", {
             key: 0,
@@ -21473,7 +21467,7 @@
           }, [
             require$$0.createElementVNode("span", null, require$$0.toDisplayString($props.title), 1 /* TEXT */)
           ], 4 /* STYLE */))
-        : (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_2$m, [
+        : (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_2$n, [
             require$$0.createElementVNode("div", null, [
               require$$0.createElementVNode("span", {
                 style: require$$0.normalizeStyle({ color: $props.color })
@@ -21491,9 +21485,9 @@
           ]))
     ]))
   }
-  var DkMinTitle = /*#__PURE__*/_export_sfc(_sfc_main$B, [['render',_sfc_render$k],['__file',"E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\page-diy\\src\\views\\min\\DkMinTitle.vue"]]);
+  var DkMinTitle = /*#__PURE__*/_export_sfc(_sfc_main$D, [['render',_sfc_render$l],['__file',"E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\page-diy\\src\\views\\min\\DkMinTitle.vue"]]);
 
-  const _sfc_main$A = {
+  const _sfc_main$C = {
     name: 'DkMinBlank',
     props: {
       height: {
@@ -21509,14 +21503,14 @@
     methods: {},
   };
 
-  function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
     return (require$$0.openBlock(), require$$0.createElementBlock("div", {
       style: require$$0.normalizeStyle([{ height: $props.height + 'px' }, {"width":"100%"}])
     }, null, 4 /* STYLE */))
   }
-  var DkMinBlank = /*#__PURE__*/_export_sfc(_sfc_main$A, [['render',_sfc_render$j],['__file',"E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\page-diy\\src\\views\\min\\DkMinBlank.vue"]]);
+  var DkMinBlank = /*#__PURE__*/_export_sfc(_sfc_main$C, [['render',_sfc_render$k],['__file',"E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\page-diy\\src\\views\\min\\DkMinBlank.vue"]]);
 
-  const _sfc_main$z = {
+  const _sfc_main$B = {
     name: 'DkMinTextarea',
     props: {
       textarea: {
@@ -21532,14 +21526,14 @@
     methods: {},
   };
 
-  const _hoisted_1$r = ["innerHTML"];
+  const _hoisted_1$s = ["innerHTML"];
 
-  function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
-    return (require$$0.openBlock(), require$$0.createElementBlock("div", { innerHTML: $props.textarea }, null, 8 /* PROPS */, _hoisted_1$r))
+  function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
+    return (require$$0.openBlock(), require$$0.createElementBlock("div", { innerHTML: $props.textarea }, null, 8 /* PROPS */, _hoisted_1$s))
   }
-  var DkMinTextarea = /*#__PURE__*/_export_sfc(_sfc_main$z, [['render',_sfc_render$i],['__file',"E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\page-diy\\src\\views\\min\\DkMinTextarea.vue"]]);
+  var DkMinTextarea = /*#__PURE__*/_export_sfc(_sfc_main$B, [['render',_sfc_render$j],['__file',"E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\page-diy\\src\\views\\min\\DkMinTextarea.vue"]]);
 
-  const _sfc_main$y = {
+  const _sfc_main$A = {
     name: 'DkMinHotArea',
     props: {
       hotData: {
@@ -21624,23 +21618,23 @@
     },
   };
 
-  const _hoisted_1$q = {
+  const _hoisted_1$r = {
     ref: "el",
     class: "dk-min-area"
   };
-  const _hoisted_2$l = ["src"];
+  const _hoisted_2$m = ["src"];
 
-  function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_empty = require$$0.resolveComponent("el-empty");
 
-    return (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$q, [
+    return (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$r, [
       ($props.hotData.background)
         ? (require$$0.openBlock(), require$$0.createElementBlock("img", {
             key: 0,
             src: $props.hotData.background,
             alt: "",
             style: {"width":"100%"}
-          }, null, 8 /* PROPS */, _hoisted_2$l))
+          }, null, 8 /* PROPS */, _hoisted_2$m))
         : (require$$0.openBlock(), require$$0.createBlock(_component_el_empty, {
             key: 1,
             description: "请上传背景图"
@@ -21659,7 +21653,7 @@
       }), 128 /* KEYED_FRAGMENT */))
     ], 512 /* NEED_PATCH */))
   }
-  var DkMinHotArea = /*#__PURE__*/_export_sfc(_sfc_main$y, [['render',_sfc_render$h],['__file',"E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\page-diy\\src\\views\\min\\DkMinHotArea.vue"]]);
+  var DkMinHotArea = /*#__PURE__*/_export_sfc(_sfc_main$A, [['render',_sfc_render$i],['__file',"E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\page-diy\\src\\views\\min\\DkMinHotArea.vue"]]);
 
   const views$1 = {
     DkMinVideo,
@@ -21670,7 +21664,7 @@
     DkMinHotArea
   };
 
-  const _sfc_main$x = {
+  const _sfc_main$z = {
     name: 'DkViewBulletChat',
     props: {
       bgColor: { default: '', type: String },
@@ -21693,9 +21687,9 @@
     methods: {},
   };
 
-  const _hoisted_1$p = { class: "bullet-content" };
-  const _hoisted_2$k = ["src"];
-  const _hoisted_3$f = { class: "over" };
+  const _hoisted_1$q = { class: "bullet-content" };
+  const _hoisted_2$l = ["src"];
+  const _hoisted_3$g = { class: "over" };
   const _hoisted_4$d = /*#__PURE__*/require$$0.createElementVNode("div", { class: "bullet-content" }, [
     /*#__PURE__*/require$$0.createElementVNode("span", { class: "over" }, "当前数据由事件传入")
   ], -1 /* HOISTED */);
@@ -21703,7 +21697,7 @@
     _hoisted_4$d
   ];
 
-  function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_van_swipe_item = require$$0.resolveComponent("van-swipe-item");
     const _component_van_swipe = require$$0.resolveComponent("van-swipe");
 
@@ -21720,15 +21714,15 @@
             (require$$0.openBlock(true), require$$0.createElementBlock(require$$0.Fragment, null, require$$0.renderList($props.bulletData, (item, key) => {
               return (require$$0.openBlock(), require$$0.createBlock(_component_van_swipe_item, { key: key }, {
                 default: require$$0.withCtx(() => [
-                  require$$0.createElementVNode("div", _hoisted_1$p, [
+                  require$$0.createElementVNode("div", _hoisted_1$q, [
                     (item.avatar)
                       ? (require$$0.openBlock(), require$$0.createElementBlock("img", {
                           key: 0,
                           src: item.avatar,
                           alt: ""
-                        }, null, 8 /* PROPS */, _hoisted_2$k))
+                        }, null, 8 /* PROPS */, _hoisted_2$l))
                       : require$$0.createCommentVNode("v-if", true),
-                    require$$0.createElementVNode("span", _hoisted_3$f, require$$0.toDisplayString(item.text), 1 /* TEXT */)
+                    require$$0.createElementVNode("span", _hoisted_3$g, require$$0.toDisplayString(item.text), 1 /* TEXT */)
                   ])
                 ]),
                 _: 2 /* DYNAMIC */
@@ -21743,9 +21737,9 @@
           style: require$$0.normalizeStyle([{"display":"flex"}, { background: $props.bgColor, color: $props.textColor }])
         }, _hoisted_5$9, 4 /* STYLE */))
   }
-  var DkViewBulletChat = /*#__PURE__*/_export_sfc(_sfc_main$x, [['render',_sfc_render$g],['__file',"E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\page-diy\\src\\views\\web\\DkViewBulletChat.vue"]]);
+  var DkViewBulletChat = /*#__PURE__*/_export_sfc(_sfc_main$z, [['render',_sfc_render$h],['__file',"E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\page-diy\\src\\views\\web\\DkViewBulletChat.vue"]]);
 
-  const _sfc_main$w = {
+  const _sfc_main$y = {
     name: 'DkViewCell',
     props: {
       groups: {
@@ -21763,7 +21757,7 @@
     methods: {},
   };
 
-  function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_van_cell = require$$0.resolveComponent("van-cell");
     const _component_van_cell_group = require$$0.resolveComponent("van-cell-group");
 
@@ -21780,9 +21774,9 @@
       _: 1 /* STABLE */
     }))
   }
-  var DkViewCell = /*#__PURE__*/_export_sfc(_sfc_main$w, [['render',_sfc_render$f],['__file',"E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\page-diy\\src\\views\\web\\DkViewCell.vue"]]);
+  var DkViewCell = /*#__PURE__*/_export_sfc(_sfc_main$y, [['render',_sfc_render$g],['__file',"E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\page-diy\\src\\views\\web\\DkViewCell.vue"]]);
 
-  const _sfc_main$v = {
+  const _sfc_main$x = {
     name: 'DkViewCommonBtn',
     props: {
       posterData: {
@@ -21852,12 +21846,12 @@
     methods: {},
   };
 
-  const _hoisted_1$o = { class: "dk-view-common-btn" };
-  const _hoisted_2$j = {
+  const _hoisted_1$p = { class: "dk-view-common-btn" };
+  const _hoisted_2$k = {
     key: 0,
     class: "btn"
   };
-  const _hoisted_3$e = {
+  const _hoisted_3$f = {
     key: 1,
     class: "f-btn"
   };
@@ -21867,13 +21861,13 @@
   };
   const _hoisted_5$8 = ["src", "width"];
 
-  function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_van_button = require$$0.resolveComponent("van-button");
     const _component_van_icon = require$$0.resolveComponent("van-icon");
 
-    return (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$o, [
+    return (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$p, [
       ($props.type === 'btn')
-        ? (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_2$j, [
+        ? (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_2$k, [
             require$$0.createVNode(_component_van_button, {
               type: "primary",
               block: $props.block,
@@ -21888,7 +21882,7 @@
               _: 1 /* STABLE */
             }, 8 /* PROPS */, ["block", "round", "size", "color", "icon"])
           ]))
-        : (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_3$e, [
+        : (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_3$f, [
             ($props.img)
               ? (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_4$c, [
                   require$$0.createElementVNode("img", {
@@ -21913,12 +21907,13 @@
           ]))
     ]))
   }
-  var DkViewCommonBtn = /*#__PURE__*/_export_sfc(_sfc_main$v, [['render',_sfc_render$e],['__file',"E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\page-diy\\src\\views\\web\\DkViewCommonBtn.vue"]]);
+  var DkViewCommonBtn = /*#__PURE__*/_export_sfc(_sfc_main$x, [['render',_sfc_render$f],['__file',"E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\page-diy\\src\\views\\web\\DkViewCommonBtn.vue"]]);
 
-  const _sfc_main$u = {
+  const _sfc_main$w = {
     name: 'DkViewDialog',
     props: {
       title: { default: '标题', type: String },
+      listen: { default: '', type: String },
       show: { default: false, type: Boolean },
       content: { default: '', type: String },
       confirmText: { default: '确定', type: String },
@@ -21948,15 +21943,16 @@
     },
   };
 
-  const _hoisted_1$n = { class: "dk-view-dialog" };
-  const _hoisted_2$i = /*#__PURE__*/require$$0.createElementVNode("div", { class: "preview" }, "点击预览可以查看弹窗效果", -1 /* HOISTED */);
-  const _hoisted_3$d = ["innerHTML"];
+  const _hoisted_1$o = { class: "dk-view-dialog" };
+  const _hoisted_2$j = /*#__PURE__*/require$$0.createElementVNode("div", { class: "preview" }, "点击预览可以查看弹窗效果", -1 /* HOISTED */);
+  const _hoisted_3$e = ["innerHTML"];
 
-  function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_van_dialog = require$$0.resolveComponent("van-dialog");
 
-    return (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$n, [
-      _hoisted_2$i,
+    return (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$o, [
+      _hoisted_2$j,
+      require$$0.createTextVNode(" " + require$$0.toDisplayString(_ctx.$props) + " ", 1 /* TEXT */),
       ($data.showDialog)
         ? (require$$0.openBlock(), require$$0.createBlock(_component_van_dialog, {
             key: 0,
@@ -21971,16 +21967,16 @@
               require$$0.createElementVNode("div", {
                 style: {"padding":"10px"},
                 innerHTML: $props.content
-              }, null, 8 /* PROPS */, _hoisted_3$d)
+              }, null, 8 /* PROPS */, _hoisted_3$e)
             ]),
             _: 1 /* STABLE */
           }, 8 /* PROPS */, ["show", "title"]))
         : require$$0.createCommentVNode("v-if", true)
     ]))
   }
-  var DkViewDialog = /*#__PURE__*/_export_sfc(_sfc_main$u, [['render',_sfc_render$d],['__file',"E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\page-diy\\src\\views\\web\\DkViewDialog.vue"]]);
+  var DkViewDialog = /*#__PURE__*/_export_sfc(_sfc_main$w, [['render',_sfc_render$e],['__file',"E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\page-diy\\src\\views\\web\\DkViewDialog.vue"]]);
 
-  const _sfc_main$t = {
+  const _sfc_main$v = {
     name: 'DkViewGridCellList',
     props: {
       value: {
@@ -22058,18 +22054,18 @@
     methods: {},
   };
 
-  const _hoisted_1$m = {
+  const _hoisted_1$n = {
     key: 0,
     class: "cell"
   };
-  const _hoisted_2$h = ["src", "alt", "width", "height"];
-  const _hoisted_3$c = {
+  const _hoisted_2$i = ["src", "alt", "width", "height"];
+  const _hoisted_3$d = {
     key: 1,
     class: "grid"
   };
   const _hoisted_4$b = ["src", "width", "height", "alt"];
 
-  function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_dk_icon = require$$0.resolveComponent("dk-icon");
     const _component_van_cell = require$$0.resolveComponent("van-cell");
     const _component_van_cell_group = require$$0.resolveComponent("van-cell-group");
@@ -22077,7 +22073,7 @@
     const _component_van_grid = require$$0.resolveComponent("van-grid");
 
     return ($props.type === 'cell')
-      ? (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$m, [
+      ? (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$n, [
           require$$0.createVNode(_component_van_cell_group, null, {
             default: require$$0.withCtx(() => [
               (require$$0.openBlock(true), require$$0.createElementBlock(require$$0.Fragment, null, require$$0.renderList($props.gridCellList, (item, key) => {
@@ -22096,7 +22092,7 @@
                 borderRadius: $props.imgRadius + 'px',
                 marginRight: $props.imgTextGutter + 'px',
               })
-                    }, null, 12 /* STYLE, PROPS */, _hoisted_2$h)
+                    }, null, 12 /* STYLE, PROPS */, _hoisted_2$i)
                   ]),
                   title: require$$0.withCtx(() => [
                     require$$0.createElementVNode("span", {
@@ -22117,7 +22113,7 @@
             _: 1 /* STABLE */
           })
         ]))
-      : (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_3$c, [
+      : (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_3$d, [
           require$$0.createVNode(_component_van_grid, {
             square: $props.square,
             direction: $props.direction,
@@ -22158,9 +22154,9 @@
           }, 8 /* PROPS */, ["square", "direction", "gutter", "clickable", "border", "column-num"])
         ]))
   }
-  var DkViewGridCellList = /*#__PURE__*/_export_sfc(_sfc_main$t, [['render',_sfc_render$c],['__file',"E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\page-diy\\src\\views\\web\\DkViewGridCellList.vue"]]);
+  var DkViewGridCellList = /*#__PURE__*/_export_sfc(_sfc_main$v, [['render',_sfc_render$d],['__file',"E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\page-diy\\src\\views\\web\\DkViewGridCellList.vue"]]);
 
-  const _sfc_main$s = {
+  const _sfc_main$u = {
     name: 'DkViewImage',
     props: {
       value: { default: '', type: String },
@@ -22197,9 +22193,9 @@
     methods: {},
   };
 
-  const _hoisted_1$l = { key: 0 };
+  const _hoisted_1$m = { key: 0 };
 
-  function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_van_image = require$$0.resolveComponent("van-image");
     const _component_el_empty = require$$0.resolveComponent("el-empty");
 
@@ -22228,15 +22224,15 @@
         ], 4 /* STYLE */))
       }), 128 /* KEYED_FRAGMENT */)),
       ($props.imageList.length <= 0)
-        ? (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$l, [
+        ? (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$m, [
             require$$0.createVNode(_component_el_empty, { description: "请添加图片数据" })
           ]))
         : require$$0.createCommentVNode("v-if", true)
     ], 2 /* CLASS */))
   }
-  var DkViewImage = /*#__PURE__*/_export_sfc(_sfc_main$s, [['render',_sfc_render$b],['__file',"E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\page-diy\\src\\views\\web\\DkViewImage.vue"]]);
+  var DkViewImage = /*#__PURE__*/_export_sfc(_sfc_main$u, [['render',_sfc_render$c],['__file',"E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\page-diy\\src\\views\\web\\DkViewImage.vue"]]);
 
-  const _sfc_main$r = {
+  const _sfc_main$t = {
     name: 'DkViewMusic',
     props: {
       musicPath: { default: '', type: String },
@@ -22268,23 +22264,23 @@
     methods: {},
   };
 
-  const _hoisted_1$k = { class: "dk-view-music" };
-  const _hoisted_2$g = { key: 0 };
-  const _hoisted_3$b = ["src"];
+  const _hoisted_1$l = { class: "dk-view-music" };
+  const _hoisted_2$h = { key: 0 };
+  const _hoisted_3$c = ["src"];
 
-  function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_van_icon = require$$0.resolveComponent("van-icon");
 
-    return (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$k, [
+    return (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$l, [
       ($props.iconType === 'image')
-        ? (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_2$g, [
+        ? (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_2$h, [
             require$$0.createElementVNode("img", {
               src: $props.imgUrl,
               width: "100%",
               style: require$$0.normalizeStyle($options._style),
               class: require$$0.normalizeClass([$props.rotation, "dk-music-img"]),
               alt: ""
-            }, null, 14 /* CLASS, STYLE, PROPS */, _hoisted_3$b)
+            }, null, 14 /* CLASS, STYLE, PROPS */, _hoisted_3$c)
           ]))
         : (require$$0.openBlock(), require$$0.createBlock(_component_van_icon, {
             key: 1,
@@ -22294,10 +22290,10 @@
           }, null, 8 /* PROPS */, ["class", "style"]))
     ]))
   }
-  var DkViewMusic = /*#__PURE__*/_export_sfc(_sfc_main$r, [['render',_sfc_render$a],['__file',"E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\page-diy\\src\\views\\web\\DkViewMusic.vue"]]);
+  var DkViewMusic = /*#__PURE__*/_export_sfc(_sfc_main$t, [['render',_sfc_render$b],['__file',"E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\page-diy\\src\\views\\web\\DkViewMusic.vue"]]);
 
   // TODO 可以后期增加配置背景色等参数
-  const _sfc_main$q = {
+  const _sfc_main$s = {
     name: 'DkViewNavBar',
     props: {
       title: {
@@ -22337,7 +22333,7 @@
     methods: {},
   };
 
-  function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_van_nav_bar = require$$0.resolveComponent("van-nav-bar");
 
     return (require$$0.openBlock(), require$$0.createElementBlock("div", null, [
@@ -22350,9 +22346,9 @@
       }, null, 8 /* PROPS */, ["title", "left-text", "right-text", "left-arrow", "border"])
     ]))
   }
-  var DkViewNavBar = /*#__PURE__*/_export_sfc(_sfc_main$q, [['render',_sfc_render$9],['__file',"E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\page-diy\\src\\views\\web\\DkViewNavBar.vue"]]);
+  var DkViewNavBar = /*#__PURE__*/_export_sfc(_sfc_main$s, [['render',_sfc_render$a],['__file',"E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\page-diy\\src\\views\\web\\DkViewNavBar.vue"]]);
 
-  const _sfc_main$p = {
+  const _sfc_main$r = {
     name: 'DkViewNoticeBar',
     props: {
       leftIcon: { default: '', type: String },
@@ -22370,7 +22366,7 @@
     methods: {},
   };
 
-  function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_van_notice_bar = require$$0.resolveComponent("van-notice-bar");
 
     return (require$$0.openBlock(), require$$0.createElementBlock("div", null, [
@@ -22383,9 +22379,9 @@
       }, null, 8 /* PROPS */, ["speed", "left-icon", "text", "color", "background"])
     ]))
   }
-  var DkViewNoticeBar = /*#__PURE__*/_export_sfc(_sfc_main$p, [['render',_sfc_render$8],['__file',"E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\page-diy\\src\\views\\web\\DkViewNoticeBar.vue"]]);
+  var DkViewNoticeBar = /*#__PURE__*/_export_sfc(_sfc_main$r, [['render',_sfc_render$9],['__file',"E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\page-diy\\src\\views\\web\\DkViewNoticeBar.vue"]]);
 
-  const _sfc_main$o = {
+  const _sfc_main$q = {
     name: 'DkViewSwipe',
     props: {
       value: {
@@ -22424,7 +22420,7 @@
     methods: {},
   };
 
-  function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_van_image = require$$0.resolveComponent("van-image");
     const _component_van_swipe_item = require$$0.resolveComponent("van-swipe-item");
     const _component_van_swipe = require$$0.resolveComponent("van-swipe");
@@ -22453,9 +22449,9 @@
       _: 1 /* STABLE */
     }, 8 /* PROPS */, ["autoplay", "style"]))
   }
-  var DkViewSwipe = /*#__PURE__*/_export_sfc(_sfc_main$o, [['render',_sfc_render$7],['__file',"E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\page-diy\\src\\views\\web\\DkViewSwipe.vue"]]);
+  var DkViewSwipe = /*#__PURE__*/_export_sfc(_sfc_main$q, [['render',_sfc_render$8],['__file',"E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\page-diy\\src\\views\\web\\DkViewSwipe.vue"]]);
 
-  const _sfc_main$n = {
+  const _sfc_main$p = {
     name: 'DkViewTabbar',
     props: {
       tabBars: {
@@ -22484,14 +22480,14 @@
     methods: {},
   };
 
-  const _hoisted_1$j = { class: "dk-view-tabbar" };
-  const _hoisted_2$f = ["src"];
+  const _hoisted_1$k = { class: "dk-view-tabbar" };
+  const _hoisted_2$g = ["src"];
 
-  function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_van_tabbar_item = require$$0.resolveComponent("van-tabbar-item");
     const _component_van_tabbar = require$$0.resolveComponent("van-tabbar");
 
-    return (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$j, [
+    return (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$k, [
       require$$0.createVNode(_component_van_tabbar, {
         modelValue: $data.tmpActive,
         "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => (($data.tmpActive) = $event)),
@@ -22520,7 +22516,7 @@
                       require$$0.createElementVNode("img", {
                         src: item.imgIcon,
                         alt: ""
-                      }, null, 8 /* PROPS */, _hoisted_2$f)
+                      }, null, 8 /* PROPS */, _hoisted_2$g)
                     ]),
                     key: "0"
                   }
@@ -22532,9 +22528,9 @@
       }, 8 /* PROPS */, ["modelValue", "active-color", "inactive-color", "style"])
     ]))
   }
-  var DkViewTabbar = /*#__PURE__*/_export_sfc(_sfc_main$n, [['render',_sfc_render$6],['__file',"E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\page-diy\\src\\views\\web\\DkViewTabbar.vue"]]);
+  var DkViewTabbar = /*#__PURE__*/_export_sfc(_sfc_main$p, [['render',_sfc_render$7],['__file',"E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\page-diy\\src\\views\\web\\DkViewTabbar.vue"]]);
 
-  const _sfc_main$m = {
+  const _sfc_main$o = {
     name: 'DkViewTextarea',
     props: {
       textarea: {
@@ -22550,14 +22546,14 @@
     methods: {},
   };
 
-  const _hoisted_1$i = ["innerHTML"];
+  const _hoisted_1$j = ["innerHTML"];
 
-  function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
-    return (require$$0.openBlock(), require$$0.createElementBlock("div", { innerHTML: $props.textarea }, null, 8 /* PROPS */, _hoisted_1$i))
+  function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
+    return (require$$0.openBlock(), require$$0.createElementBlock("div", { innerHTML: $props.textarea }, null, 8 /* PROPS */, _hoisted_1$j))
   }
-  var DkViewTextarea = /*#__PURE__*/_export_sfc(_sfc_main$m, [['render',_sfc_render$5],['__file',"E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\page-diy\\src\\views\\web\\DkViewTextarea.vue"]]);
+  var DkViewTextarea = /*#__PURE__*/_export_sfc(_sfc_main$o, [['render',_sfc_render$6],['__file',"E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\page-diy\\src\\views\\web\\DkViewTextarea.vue"]]);
 
-  const _sfc_main$l = {
+  const _sfc_main$n = {
     name: 'DkViewTitle',
     props: {
       title: { default: '标题', type: String },
@@ -22587,15 +22583,15 @@
     methods: {},
   };
 
-  const _hoisted_1$h = { class: "dk-view-title" };
-  const _hoisted_2$e = { class: "title-left" };
+  const _hoisted_1$i = { class: "dk-view-title" };
+  const _hoisted_2$f = { class: "title-left" };
 
-  function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_van_icon = require$$0.resolveComponent("van-icon");
     const _component_van_image = require$$0.resolveComponent("van-image");
 
-    return (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$h, [
-      require$$0.createElementVNode("div", _hoisted_2$e, [
+    return (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$i, [
+      require$$0.createElementVNode("div", _hoisted_2$f, [
         ($props.prefix === 'icon')
           ? (require$$0.openBlock(), require$$0.createBlock(_component_van_icon, {
               key: 0,
@@ -22640,9 +22636,9 @@
         : require$$0.createCommentVNode("v-if", true)
     ]))
   }
-  var DkViewTitle = /*#__PURE__*/_export_sfc(_sfc_main$l, [['render',_sfc_render$4],['__file',"E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\page-diy\\src\\views\\web\\DkViewTitle.vue"]]);
+  var DkViewTitle = /*#__PURE__*/_export_sfc(_sfc_main$n, [['render',_sfc_render$5],['__file',"E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\page-diy\\src\\views\\web\\DkViewTitle.vue"]]);
 
-  const _sfc_main$k = {
+  const _sfc_main$m = {
     name: 'DkViewVideo',
     props: {
       poster: {
@@ -22684,15 +22680,15 @@
     methods: {},
   };
 
-  const _hoisted_1$g = {
+  const _hoisted_1$h = {
     style: {"position":"relative"},
     class: "dk-video-content"
   };
-  const _hoisted_2$d = { class: "video-preview" };
-  const _hoisted_3$a = { key: 0 };
+  const _hoisted_2$e = { class: "video-preview" };
+  const _hoisted_3$b = { key: 0 };
   const _hoisted_4$a = { key: 1 };
 
-  function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_image = require$$0.resolveComponent("el-image");
     const _component_dk_icon = require$$0.resolveComponent("dk-icon");
 
@@ -22700,7 +22696,7 @@
       class: "dk-view-video",
       style: require$$0.normalizeStyle($options._style)
     }, [
-      require$$0.createElementVNode("div", _hoisted_1$g, [
+      require$$0.createElementVNode("div", _hoisted_1$h, [
         ($props.poster)
           ? (require$$0.openBlock(), require$$0.createBlock(_component_el_image, {
               key: 0,
@@ -22709,19 +22705,19 @@
               class: "poster"
             }, null, 8 /* PROPS */, ["src"]))
           : require$$0.createCommentVNode("v-if", true),
-        require$$0.createElementVNode("div", _hoisted_2$d, [
+        require$$0.createElementVNode("div", _hoisted_2$e, [
           require$$0.createVNode(_component_dk_icon, {
             icon: "VideoPlay",
             size: 24
           }),
           (!$props.videoPath)
-            ? (require$$0.openBlock(), require$$0.createElementBlock("p", _hoisted_3$a, "请选择或者上传您的视频"))
+            ? (require$$0.openBlock(), require$$0.createElementBlock("p", _hoisted_3$b, "请选择或者上传您的视频"))
             : (require$$0.openBlock(), require$$0.createElementBlock("p", _hoisted_4$a, "当前不支持预览,请到实际页面查看"))
         ])
       ])
     ], 4 /* STYLE */))
   }
-  var DkViewVideo = /*#__PURE__*/_export_sfc(_sfc_main$k, [['render',_sfc_render$3],['__file',"E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\page-diy\\src\\views\\web\\DkViewVideo.vue"]]);
+  var DkViewVideo = /*#__PURE__*/_export_sfc(_sfc_main$m, [['render',_sfc_render$4],['__file',"E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\page-diy\\src\\views\\web\\DkViewVideo.vue"]]);
 
   const views = {
     DkViewBulletChat,
@@ -22786,7 +22782,7 @@
     });
   }
 
-  const _sfc_main$j = {
+  const _sfc_main$l = {
     name: 'DiyCloud',
     props: {
       pageName: {
@@ -22910,9 +22906,9 @@
     },
   };
 
-  const _hoisted_1$f = { class: "diy-cloud" };
-  const _hoisted_2$c = { class: "diy-header" };
-  const _hoisted_3$9 = { class: "diy-search" };
+  const _hoisted_1$g = { class: "diy-cloud" };
+  const _hoisted_2$d = { class: "diy-header" };
+  const _hoisted_3$a = { class: "diy-search" };
   const _hoisted_4$9 = { class: "diy-content" };
   const _hoisted_5$7 = {
     key: 0,
@@ -22943,7 +22939,7 @@
   };
   const _hoisted_14$2 = { class: "diy-footer" };
 
-  function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_option = require$$0.resolveComponent("el-option");
     const _component_el_select = require$$0.resolveComponent("el-select");
     const _component_el_button = require$$0.resolveComponent("el-button");
@@ -22956,9 +22952,9 @@
     const _component_dk_form = require$$0.resolveComponent("dk-form");
     const _directive_loading = require$$0.resolveDirective("loading");
 
-    return (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$f, [
-      require$$0.createElementVNode("div", _hoisted_2$c, [
-        require$$0.createElementVNode("div", _hoisted_3$9, [
+    return (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$g, [
+      require$$0.createElementVNode("div", _hoisted_2$d, [
+        require$$0.createElementVNode("div", _hoisted_3$a, [
           require$$0.createVNode(_component_el_select, {
             modelValue: $data.search.state,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => (($data.search.state) = $event)),
@@ -23191,7 +23187,56 @@
       }, null, 8 /* PROPS */, ["form-data", "onSubmit"])
     ]))
   }
-  var DiyCloud = /*#__PURE__*/_export_sfc(_sfc_main$j, [['render',_sfc_render$2],['__file',"E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\page-diy\\src\\components\\DiyCloud.vue"]]);
+  var DiyCloud = /*#__PURE__*/_export_sfc(_sfc_main$l, [['render',_sfc_render$3],['__file',"E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\page-diy\\src\\components\\DiyCloud.vue"]]);
+
+  class EventData {
+    events = [];
+    constructor() {
+    }
+    // 添加单个事件数据
+    addEvent(data) {
+      this.events.push({
+        id: data.id,
+        label: data.label,
+        value: data.value
+      });
+    }
+    // 批量添加事件数据
+    addEvents(dataList) {
+      this.events.push(
+        ...dataList.map((data) => ({
+          id: data.id,
+          label: data.label,
+          value: data.value
+        }))
+      );
+    }
+    // 获取所有事件数据
+    getAllEvents() {
+      return this.events;
+    }
+    // 根据id获取事件数据
+    getEventById(id) {
+      return this.events.find((event) => event.id === id);
+    }
+    // 删除指定id的事件数据
+    removeEventById(id) {
+      const index = this.events.findIndex((event) => event.id === id);
+      if (index !== -1) {
+        this.events.splice(index, 1);
+      }
+    }
+    // 删除指定id的事件数据
+    removeEventByLabel(label) {
+      const index = this.events.findIndex((event) => event.label === label);
+      if (index !== -1) {
+        this.events.splice(index, 1);
+      }
+    }
+    removeAllEvent() {
+      this.events = [];
+    }
+  }
 
   designerForm.register({
     name: 'help',
@@ -23208,7 +23253,7 @@
     },
   });
 
-  const _sfc_main$i = require$$0.defineComponent({
+  const _sfc_main$k = require$$0.defineComponent({
     name: 'DkPageDiy',
     components: {
       DiyCloud,
@@ -23223,6 +23268,7 @@
       const fcx = require$$0.ref({ active: null });
       require$$0.provide('fcx', fcx);
       require$$0.provide('diy', vm);
+      const eventData = new EventData();
       const config = require$$0.toRef(props, 'config', {});
       //  区别小程序和网页
       const ruleList = props.type === 'web' ? webRuleList : minRuleList;
@@ -24235,6 +24281,7 @@
         ...methods,
         countObj,
         diyTree,
+        eventData,
       }
     },
     created() {
@@ -24245,9 +24292,9 @@
     },
   });
 
-  const _hoisted_1$e = { class: "_fc-l-groups" };
-  const _hoisted_2$b = { class: "_fc-l-title" };
-  const _hoisted_3$8 = { class: "_fc-l-icon" };
+  const _hoisted_1$f = { class: "_fc-l-groups" };
+  const _hoisted_2$c = { class: "_fc-l-title" };
+  const _hoisted_3$9 = { class: "_fc-l-icon" };
   const _hoisted_4$8 = { class: "_fc-l-name" };
   const _hoisted_5$6 = {
     key: 0,
@@ -24257,7 +24304,7 @@
   const _hoisted_6$6 = /*#__PURE__*/require$$0.createElementVNode("span", null, "结构", -1 /* HOISTED */);
   const _hoisted_7$6 = { key: 0 };
 
-  function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_dk_icon = require$$0.resolveComponent("dk-icon");
     const _component_draggable = require$$0.resolveComponent("draggable");
     const _component_el_tree = require$$0.resolveComponent("el-tree");
@@ -24281,13 +24328,13 @@
           style: require$$0.normalizeStyle(_ctx.leftAside.style)
         }, {
           default: require$$0.withCtx(() => [
-            require$$0.createElementVNode("div", _hoisted_1$e, [
+            require$$0.createElementVNode("div", _hoisted_1$f, [
               (require$$0.openBlock(true), require$$0.createElementBlock(require$$0.Fragment, null, require$$0.renderList(_ctx.menuList, (item, index) => {
                 return (require$$0.openBlock(), require$$0.createElementBlock("div", {
                   key: index,
                   class: "_fc-l-group"
                 }, [
-                  require$$0.createElementVNode("h4", _hoisted_2$b, require$$0.toDisplayString(item.title), 1 /* TEXT */),
+                  require$$0.createElementVNode("h4", _hoisted_2$c, require$$0.toDisplayString(item.title), 1 /* TEXT */),
                   require$$0.createVNode(_component_draggable, {
                     group: { name: 'default', pull: 'clone', put: false },
                     sort: false,
@@ -24301,7 +24348,7 @@
                         key: element.id,
                         class: require$$0.normalizeClass(["_fc-l-item", element.count - (_ctx.countObj[element.name] || 0) <= 0 ? 'not-drag' : ''])
                       }, [
-                        require$$0.createElementVNode("div", _hoisted_3$8, [
+                        require$$0.createElementVNode("div", _hoisted_3$9, [
                           require$$0.createVNode(_component_dk_icon, {
                             icon: element.icon,
                             size: 24
@@ -24556,10 +24603,10 @@
       _: 3 /* FORWARDED */
     }))
   }
-  var _PageDiy = /*#__PURE__*/_export_sfc(_sfc_main$i, [['render',_sfc_render$1],['__file',"E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\page-diy\\src\\page-diy.vue"]]);
+  var _PageDiy = /*#__PURE__*/_export_sfc(_sfc_main$k, [['render',_sfc_render$2],['__file',"E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\page-diy\\src\\page-diy.vue"]]);
 
   let uni = 1;
-  const _sfc_main$h = require$$0.defineComponent({
+  const _sfc_main$j = require$$0.defineComponent({
     name: 'DragTool',
     props: {
       dragBtn: {
@@ -24628,13 +24675,13 @@
     },
   });
 
-  const _hoisted_1$d = {
+  const _hoisted_1$e = {
     key: 0,
     class: "drag-mask"
   };
-  const _hoisted_2$a = { class: "drag-r" };
+  const _hoisted_2$b = { class: "drag-r" };
 
-  function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_dk_icon = require$$0.resolveComponent("dk-icon");
 
     return (require$$0.openBlock(), require$$0.createElementBlock("div", {
@@ -24643,9 +24690,9 @@
       onClick: _cache[4] || (_cache[4] = require$$0.withModifiers((...args) => (_ctx.active && _ctx.active(...args)), ["stop"]))
     }, [
       (_ctx.mask)
-        ? (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$d))
+        ? (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$e))
         : require$$0.createCommentVNode("v-if", true),
-      require$$0.createElementVNode("div", _hoisted_2$a, [
+      require$$0.createElementVNode("div", _hoisted_2$b, [
         require$$0.createElementVNode("div", {
           class: "drag-btn",
           title: "添加当前组件",
@@ -24681,9 +24728,9 @@
       require$$0.renderSlot(_ctx.$slots, "default")
     ], 6 /* CLASS, STYLE */))
   }
-  var DragTool = /*#__PURE__*/_export_sfc(_sfc_main$h, [['render',_sfc_render],['__file',"E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\page-diy\\src\\components\\DragTool.vue"]]);
+  var DragTool = /*#__PURE__*/_export_sfc(_sfc_main$j, [['render',_sfc_render$1],['__file',"E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\page-diy\\src\\components\\DragTool.vue"]]);
 
-  const _sfc_main$g = require$$0.defineComponent({
+  const _sfc_main$i = require$$0.defineComponent({
     name: 'DragBox',
     props: ['rule', 'tag', 'formCreateInject'],
     render(ctx) {
@@ -24713,7 +24760,246 @@
       })
     },
   });
-  var DragBox = /*#__PURE__*/_export_sfc(_sfc_main$g, [['__file',"E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\page-diy\\src\\components\\DragBox.vue"]]);
+  var DragBox = /*#__PURE__*/_export_sfc(_sfc_main$i, [['__file',"E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\page-diy\\src\\components\\DragBox.vue"]]);
+
+  const __default__$e = require$$0.defineComponent({
+    name: "DkEventCreateInput"
+  });
+  var _sfc_main$h = /* @__PURE__ */ require$$0.defineComponent({
+    ...__default__$e,
+    props: {
+      modelValue: {
+        default: "",
+        type: String
+      },
+      placeholder: {
+        default: "",
+        type: String
+      },
+      label: {
+        default: "",
+        type: String
+      }
+    },
+    emits: ["input", "update:modelValue", "change"],
+    setup(__props, { emit }) {
+      const props = __props;
+      const data = require$$0.ref(props.modelValue || "");
+      require$$0.watch(
+        () => props.modelValue,
+        (val) => {
+          data.value = val;
+        }
+      );
+      require$$0.watch(
+        () => data.value,
+        (val) => {
+          emit("change", val);
+          emit("update:modelValue", val);
+          emit("input", val);
+        }
+      );
+      const randomString = (e) => {
+        e = e || 32;
+        const t = "ABCDEFGHJKMNPQRSTWXYZabcdefhijkmnprstwxyz2345678";
+        const a = t.length;
+        let n = "";
+        for (let i = 0; i < e; i++) {
+          n += t.charAt(Math.floor(Math.random() * a));
+        }
+        return n;
+      };
+      const onClick = () => {
+        data.value = randomString(6);
+      };
+      return (_ctx, _cache) => {
+        const _component_el_button = require$$0.resolveComponent("el-button");
+        const _component_el_input = require$$0.resolveComponent("el-input");
+        return require$$0.openBlock(), require$$0.createElementBlock("div", null, [
+          require$$0.createVNode(_component_el_input, {
+            modelValue: data.value,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => data.value = $event),
+            placeholder: __props.placeholder,
+            clearable: ""
+          }, {
+            append: require$$0.withCtx(() => [
+              require$$0.createVNode(_component_el_button, { onClick }, {
+                default: require$$0.withCtx(() => [
+                  require$$0.createTextVNode("\u968F\u673A")
+                ]),
+                _: 1
+                /* STABLE */
+              })
+            ]),
+            _: 1
+            /* STABLE */
+          }, 8, ["modelValue", "placeholder"])
+        ]);
+      };
+    }
+  });
+
+  var DkEventCreateInput = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\page-diy\\src\\components\\forms\\DkEventCreateInput.vue"]]);
+
+  const _sfc_main$g = {
+    name: 'DkEventSelectInput',
+    inject: ['diy'],
+    props: {
+      modelValue: {
+        default: '',
+        type: String,
+      },
+      placeholder: {
+        default: '',
+        type: String,
+      },
+    },
+    emits: ['update:modelValue'],
+    data() {
+      return {
+        data: '',
+        loading: false,
+        eventData: [],
+      }
+    },
+    computed: {
+      EventData() {
+        return this.diy.proxy.eventData
+      },
+      children() {
+        return this.diy.proxy.children
+      },
+    },
+    watch: {
+      data() {
+        this.$emit('update:modelValue', this.data);
+      },
+    },
+    mounted() {
+      this.data = this.modelValue || '';
+      this.updateEvent();
+    },
+    methods: {
+      updateEvent() {
+        this.loading = true;
+        this.EventData.removeAllEvent();
+        this.onUpdateEvent();
+        this.loading = false;
+      },
+      onClick() {
+        this.data = this.randomString(10);
+      },
+      randomString(e) {
+        e = e || 32;
+        const t = 'ABCDEFGHJKMNPQRSTWXYZabcdefhijkmnprstwxyz2345678';
+        const a = t.length;
+        let n = '';
+        for (let i = 0; i < e; i++) {
+          n += t.charAt(Math.floor(Math.random() * a));
+        }
+        return n
+      },
+      // 更新事件
+      onUpdateEvent() {
+        console.log('children', this.children);
+        for (let i = 0; i < this.children.length; i++) {
+          if (this.children[i].children.length > 0) {
+            // 当前节点
+            const children = this.children[i].children[0];
+            // 当前节点的props数据
+            const propsData = children.props;
+            // 当前节点的配置数据
+            const config = children.config.config;
+            const isEvent = config.event || false;
+            if (isEvent) {
+              // 表单配置数据
+              const eventProps = config.props();
+              this.findDkEventCreateInput(eventProps, propsData).forEach((item) => {
+                const data = {
+                  id: children._id,
+                  label: item.props?.label || config.label,
+                  value: propsData[item.field],
+                };
+                if (data.value && data.id && data.label) {
+                  this.EventData.addEvent(data);
+                }
+              });
+            }
+          }
+        }
+        this.eventData = this.EventData.getAllEvents();
+      },
+      // 寻找事件
+      findDkEventCreateInput(data, propsData) {
+        console.log('findDkEventCreateInput', data);
+        const result = [];
+        data.forEach((element) => {
+          if (element.children) {
+            result.push(...this.findDkEventCreateInput(element.children));
+          }
+          if (element.control && Array.isArray(element.control)) {
+            element.control.forEach((control) => {
+              if (control.rule.length > 0) {
+                result.push(...this.findDkEventCreateInput(control.rule));
+              }
+            });
+          }
+          if (element.type === 'DkEventCreateInput') {
+            result.push(element);
+          }
+        });
+        return result
+      },
+    },
+  };
+
+  const _hoisted_1$d = { style: {"display":"flex"} };
+  const _hoisted_2$a = { style: {"float":"left"} };
+  const _hoisted_3$8 = { style: {"float":"right","color":"#8492a6","font-size":"13px"} };
+
+  function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+    const _component_el_option = require$$0.resolveComponent("el-option");
+    const _component_el_select = require$$0.resolveComponent("el-select");
+    const _component_el_button = require$$0.resolveComponent("el-button");
+
+    return (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$d, [
+      require$$0.createVNode(_component_el_select, {
+        modelValue: $data.data,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => (($data.data) = $event)),
+        placeholder: "请选择要触发事件",
+        style: {"width":"100%"},
+        "allow-create": "",
+        filterable: ""
+      }, {
+        default: require$$0.withCtx(() => [
+          (require$$0.openBlock(true), require$$0.createElementBlock(require$$0.Fragment, null, require$$0.renderList($data.eventData, (item) => {
+            return (require$$0.openBlock(), require$$0.createBlock(_component_el_option, {
+              key: item.value,
+              label: item.label + '（' + item.value + '）',
+              value: item.value
+            }, {
+              default: require$$0.withCtx(() => [
+                require$$0.createElementVNode("span", _hoisted_2$a, require$$0.toDisplayString(item.label), 1 /* TEXT */),
+                require$$0.createElementVNode("span", _hoisted_3$8, require$$0.toDisplayString(item.value), 1 /* TEXT */)
+              ]),
+              _: 2 /* DYNAMIC */
+            }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["label", "value"]))
+          }), 128 /* KEYED_FRAGMENT */))
+        ]),
+        _: 1 /* STABLE */
+      }, 8 /* PROPS */, ["modelValue"]),
+      require$$0.createVNode(_component_el_button, {
+        loading: $data.loading,
+        onClick: $options.updateEvent
+      }, {
+        default: require$$0.withCtx(() => [
+          require$$0.createTextVNode("刷新")
+        ]),
+        _: 1 /* STABLE */
+      }, 8 /* PROPS */, ["loading", "onClick"])
+    ]))
+  }
+  var DkEventSelectInput = /*#__PURE__*/_export_sfc(_sfc_main$g, [['render',_sfc_render],['__file',"E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\page-diy\\src\\components\\forms\\DkEventSelectInput.vue"]]);
 
   const addComponent = (id, component) => {
     designerForm.component(id, component);
@@ -24722,6 +25008,8 @@
   designerForm.component("Draggable", draggableComponent);
   designerForm.component("DragTool", DragTool);
   designerForm.component("DragBox", DragBox);
+  designerForm.component("DkEventCreateInput", DkEventCreateInput);
+  designerForm.component("DkEventSelectInput", DkEventSelectInput);
   designerForm.register("_fc", {
     init(fc, rule) {
       rule._id = uniqueId();