@vipl520/dk-ui 1.0.28 → 1.0.30

package/dist/index.mjs

@@ -749,12 +749,12 @@ const testProps = {
   }
 };
 
-const _hoisted_1$U = { class: "mr-10px bg-black" };
-const __default__$L = defineComponent({
+const _hoisted_1$V = { class: "mr-10px bg-black" };
+const __default__$M = defineComponent({
   name: "DkTest"
 });
-var _sfc_main$19 = /* @__PURE__ */ defineComponent({
-  ...__default__$L,
+var _sfc_main$1b = /* @__PURE__ */ defineComponent({
+  ...__default__$M,
   props: testProps,
   setup(__props) {
     createNamespace("test");
@@ -781,7 +781,7 @@ var _sfc_main$19 = /* @__PURE__ */ defineComponent({
           }),
           createElementVNode(
             "div",
-            _hoisted_1$U,
+            _hoisted_1$V,
             toDisplayString(_ctx.test),
             1
             /* TEXT */
@@ -802,7 +802,7 @@ var _export_sfc = (sfc, props) => {
   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);
 
@@ -9863,14 +9863,14 @@ const groupProps = {
   }
 };
 
-const _hoisted_1$T = { key: 1 };
-const _hoisted_2$F = { class: "collapse-title" };
-const _hoisted_3$t = { class: "_dk-group-handle" };
-const __default__$K = 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 = defineComponent({
   name: "DkGroup"
 });
-var _sfc_main$18 = /* @__PURE__ */ defineComponent({
-  ...__default__$K,
+var _sfc_main$1a = /* @__PURE__ */ defineComponent({
+  ...__default__$L,
   props: groupProps,
   emits: [
     "update:modelValue",
@@ -10120,7 +10120,7 @@ var _sfc_main$18 = /* @__PURE__ */ defineComponent({
             _: 1
             /* STABLE */
           })) : createCommentVNode("v-if", true),
-          data.sort.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_1$T, [
+          data.sort.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_1$U, [
             (openBlock(), createBlock(_component_el_button, {
               key: "a_def",
               style: { "width": "100%" },
@@ -10146,7 +10146,7 @@ var _sfc_main$18 = /* @__PURE__ */ defineComponent({
                 name: index
               }, {
                 title: withCtx(() => [
-                  createElementVNode("div", _hoisted_2$F, [
+                  createElementVNode("div", _hoisted_2$G, [
                     createVNode(_component_dk_icon, {
                       icon: "Rank",
                       class: "collapse-title-rank"
@@ -10176,7 +10176,7 @@ var _sfc_main$18 = /* @__PURE__ */ defineComponent({
                       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"])),
-                    createElementVNode("div", _hoisted_3$t, [
+                    createElementVNode("div", _hoisted_3$u, [
                       createVNode(
                         _component_el_button_group,
                         null,
@@ -10217,7 +10217,7 @@ var _sfc_main$18 = /* @__PURE__ */ defineComponent({
   }
 });
 
-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);
 
@@ -10341,14 +10341,14 @@ const tinyEditorProps = {
   }
 };
 
-const _hoisted_1$S = { key: 0 };
-const _hoisted_2$E = { key: 1 };
-const _hoisted_3$s = { class: "text-center" };
-const __default__$J = defineComponent({
+const _hoisted_1$T = { key: 0 };
+const _hoisted_2$F = { key: 1 };
+const _hoisted_3$t = { class: "text-center" };
+const __default__$K = defineComponent({
   name: "DkTinyEditor"
 });
-var _sfc_main$17 = /* @__PURE__ */ defineComponent({
-  ...__default__$J,
+var _sfc_main$19 = /* @__PURE__ */ defineComponent({
+  ...__default__$K,
   props: tinyEditorProps,
   emits: ["input", "update:modelValue", "change"],
   setup(__props, { emit }) {
@@ -10440,7 +10440,7 @@ var _sfc_main$17 = /* @__PURE__ */ defineComponent({
           class: "dk-tiny-editor"
         },
         [
-          showDialog.value ? (openBlock(), createElementBlock("div", _hoisted_1$S, [
+          showDialog.value ? (openBlock(), createElementBlock("div", _hoisted_1$T, [
             createVNode(unref(Editor), {
               ref_key: "editorRef",
               ref: editorRef,
@@ -10450,7 +10450,7 @@ var _sfc_main$17 = /* @__PURE__ */ defineComponent({
               "tinymce-script-src": tinymceSrc.value,
               onDblclick: ondblclick
             }, null, 8, ["modelValue", "init", "tinymce-script-src"])
-          ])) : (openBlock(), createElementBlock("div", _hoisted_2$E, [
+          ])) : (openBlock(), createElementBlock("div", _hoisted_2$F, [
             createVNode(_component_el_button, {
               type: "primary",
               plain: "",
@@ -10474,7 +10474,7 @@ var _sfc_main$17 = /* @__PURE__ */ defineComponent({
               width: "900px"
             }, {
               footer: withCtx(() => [
-                createElementVNode("div", _hoisted_3$s, [
+                createElementVNode("div", _hoisted_3$t, [
                   createVNode(_component_el_button, {
                     type: "primary",
                     style: { "width": "200px" },
@@ -10523,7 +10523,7 @@ var _sfc_main$17 = /* @__PURE__ */ defineComponent({
   }
 });
 
-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);
 
@@ -10552,11 +10552,11 @@ const iconProps = {
   }
 };
 
-const __default__$I = defineComponent({
+const __default__$J = defineComponent({
   name: "DkIcon"
 });
-var _sfc_main$16 = /* @__PURE__ */ defineComponent({
-  ...__default__$I,
+var _sfc_main$18 = /* @__PURE__ */ defineComponent({
+  ...__default__$J,
   props: iconProps,
   setup(__props) {
     const props = __props;
@@ -10622,7 +10622,7 @@ var _sfc_main$16 = /* @__PURE__ */ defineComponent({
   }
 });
 
-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);
 
@@ -10637,15 +10637,15 @@ const colorInputProps = {
   colorFormat: makeStringProp("hex")
 };
 
-const _hoisted_1$R = {
+const _hoisted_1$S = {
   style: { "display": "flex" },
   class: "dk-color-input"
 };
-const __default__$H = defineComponent({
+const __default__$I = defineComponent({
   name: "DkColorInput"
 });
-var _sfc_main$15 = /* @__PURE__ */ defineComponent({
-  ...__default__$H,
+var _sfc_main$17 = /* @__PURE__ */ defineComponent({
+  ...__default__$I,
   props: colorInputProps,
   emits: ["input", "update:modelValue", "change"],
   setup(__props, { emit }) {
@@ -10669,7 +10669,7 @@ var _sfc_main$15 = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       const _component_el_input = resolveComponent("el-input");
       const _component_el_color_picker = resolveComponent("el-color-picker");
-      return openBlock(), createElementBlock("div", _hoisted_1$R, [
+      return openBlock(), createElementBlock("div", _hoisted_1$S, [
         createVNode(_component_el_input, {
           modelValue: data.value,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => data.value = $event),
@@ -10688,7 +10688,7 @@ var _sfc_main$15 = /* @__PURE__ */ defineComponent({
   }
 });
 
-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);
 
@@ -10701,9 +10701,9 @@ const hotAreaInputProps = {
   }
 };
 
-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" }
 };
@@ -10719,11 +10719,11 @@ const _hoisted_6$d = /* @__PURE__ */ createElementVNode(
   -1
   /* HOISTED */
 );
-const __default__$G = defineComponent({
+const __default__$H = defineComponent({
   name: "HotAreaContent"
 });
-var _sfc_main$14 = /* @__PURE__ */ defineComponent({
-  ...__default__$G,
+var _sfc_main$16 = /* @__PURE__ */ defineComponent({
+  ...__default__$H,
   props: {
     hotDataValue: {
       default: () => {
@@ -10817,8 +10817,8 @@ var _sfc_main$14 = /* @__PURE__ */ defineComponent({
       const _component_el_button = resolveComponent("el-button");
       const _component_el_input = resolveComponent("el-input");
       const _component_el_form = resolveComponent("el-form");
-      return openBlock(), createElementBlock("div", _hoisted_1$Q, [
-        createElementVNode("div", _hoisted_2$D, [
+      return openBlock(), createElementBlock("div", _hoisted_1$R, [
+        createElementVNode("div", _hoisted_2$E, [
           hotData.background ? (openBlock(), createElementBlock(
             "div",
             {
@@ -10861,7 +10861,7 @@ var _sfc_main$14 = /* @__PURE__ */ defineComponent({
                     default: withCtx(() => [
                       createElementVNode(
                         "div",
-                        _hoisted_3$r,
+                        _hoisted_3$s,
                         toDisplayString(key + 1),
                         1
                         /* TEXT */
@@ -10959,15 +10959,15 @@ var _sfc_main$14 = /* @__PURE__ */ defineComponent({
   }
 });
 
-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 = defineComponent({
+const _hoisted_1$Q = { class: "dk-hot-area-input" };
+const _hoisted_2$D = { class: "text-center" };
+const __default__$G = defineComponent({
   name: "DkHotAreaInput"
 });
-var _sfc_main$13 = /* @__PURE__ */ defineComponent({
-  ...__default__$F,
+var _sfc_main$15 = /* @__PURE__ */ defineComponent({
+  ...__default__$G,
   props: hotAreaInputProps,
   setup(__props) {
     const props = __props;
@@ -10976,7 +10976,7 @@ var _sfc_main$13 = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       const _component_el_button = resolveComponent("el-button");
       const _component_dk_dialog = resolveComponent("dk-dialog");
-      return openBlock(), createElementBlock("div", _hoisted_1$P, [
+      return openBlock(), createElementBlock("div", _hoisted_1$Q, [
         createVNode(_component_el_button, {
           type: "primary",
           onClick: _cache[0] || (_cache[0] = ($event) => dialog.value = true)
@@ -10994,7 +10994,7 @@ var _sfc_main$13 = /* @__PURE__ */ defineComponent({
           title: "\u8BBE\u7F6E\u70ED\u533A"
         }, {
           footer: withCtx(() => [
-            createElementVNode("div", _hoisted_2$C, [
+            createElementVNode("div", _hoisted_2$D, [
               createVNode(_component_el_button, {
                 size: "default",
                 style: { "width": "200px" },
@@ -11020,7 +11020,7 @@ var _sfc_main$13 = /* @__PURE__ */ defineComponent({
   }
 });
 
-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);
 
@@ -11057,13 +11057,13 @@ const dialogProps = {
   }
 };
 
-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 = 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 = defineComponent({
   name: "DkDialog"
 });
-var _sfc_main$12 = /* @__PURE__ */ defineComponent({
-  ...__default__$E,
+var _sfc_main$14 = /* @__PURE__ */ defineComponent({
+  ...__default__$F,
   props: dialogProps,
   setup(__props) {
     const props = __props;
@@ -11128,7 +11128,7 @@ var _sfc_main$12 = /* @__PURE__ */ defineComponent({
       }), createSlots({
         header: withCtx(({ close }) => [
           renderSlot(_ctx.$slots, "header", {}, () => [
-            createElementVNode("div", _hoisted_1$O, [
+            createElementVNode("div", _hoisted_1$P, [
               createElementVNode(
                 "span",
                 null,
@@ -11136,7 +11136,7 @@ var _sfc_main$12 = /* @__PURE__ */ defineComponent({
                 1
                 /* TEXT */
               ),
-              createElementVNode("div", _hoisted_2$B, [
+              createElementVNode("div", _hoisted_2$C, [
                 _ctx.fullscreen ? (openBlock(), createBlock(_component_dk_icon, {
                   key: 0,
                   class: "cursor-pointer is-hover mr-10px",
@@ -11182,7 +11182,7 @@ var _sfc_main$12 = /* @__PURE__ */ defineComponent({
   }
 });
 
-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);
 
@@ -11286,12 +11286,12 @@ const config = {
 };
 var _config = config;
 
-const _hoisted_1$N = { key: 1 };
-const __default__$D = defineComponent({
+const _hoisted_1$O = { key: 1 };
+const __default__$E = defineComponent({
   name: "DkForm"
 });
-var _sfc_main$11 = /* @__PURE__ */ defineComponent({
-  ...__default__$D,
+var _sfc_main$13 = /* @__PURE__ */ defineComponent({
+  ...__default__$E,
   props: formProps,
   emits: ["submit", "fail", "update:modelValue"],
   setup(__props, { expose: __expose, emit }) {
@@ -11519,7 +11519,7 @@ var _sfc_main$11 = /* @__PURE__ */ defineComponent({
         ]),
         _: 3
         /* FORWARDED */
-      }, 16, ["modelValue", "title", "width", "default-fullscreen"])) : (openBlock(), createElementBlock("div", _hoisted_1$N, [
+      }, 16, ["modelValue", "title", "width", "default-fullscreen"])) : (openBlock(), createElementBlock("div", _hoisted_1$O, [
         createElementVNode(
           "div",
           {
@@ -11571,11 +11571,11 @@ var _sfc_main$11 = /* @__PURE__ */ defineComponent({
   }
 });
 
-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",
@@ -11584,7 +11584,7 @@ const _hoisted_1$M = {
   style: { "enable-background": "new 0 0 512 512" },
   "xml:space": "preserve"
 };
-const _hoisted_2$A = /* @__PURE__ */ createElementVNode(
+const _hoisted_2$B = /* @__PURE__ */ createElementVNode(
   "path",
   {
     fill: "#E2E5E7",
@@ -11594,7 +11594,7 @@ const _hoisted_2$A = /* @__PURE__ */ createElementVNode(
   -1
   /* HOISTED */
 );
-const _hoisted_3$q = /* @__PURE__ */ createElementVNode(
+const _hoisted_3$r = /* @__PURE__ */ createElementVNode(
   "path",
   {
     fill: "#B0B7BD",
@@ -11654,11 +11654,11 @@ const _hoisted_9$8 = {
   "font-family": "Verdana, Helvetica, Arial, sans-serif",
   "font-size": "124"
 };
-const __default__$C = defineComponent({
+const __default__$D = defineComponent({
   name: "DkFileIcon"
 });
-var _sfc_main$10 = /* @__PURE__ */ defineComponent({
-  ...__default__$C,
+var _sfc_main$12 = /* @__PURE__ */ defineComponent({
+  ...__default__$D,
   props: {
     type: {
       default: 0,
@@ -11728,10 +11728,10 @@ var _sfc_main$10 = /* @__PURE__ */ defineComponent({
       return colorList[index];
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("svg", _hoisted_1$M, [
+      return openBlock(), createElementBlock("svg", _hoisted_1$N, [
         createElementVNode("g", null, [
-          _hoisted_2$A,
-          _hoisted_3$q,
+          _hoisted_2$B,
+          _hoisted_3$r,
           _hoisted_4$l,
           createElementVNode(
             "path",
@@ -11763,7 +11763,7 @@ var _sfc_main$10 = /* @__PURE__ */ defineComponent({
   }
 });
 
-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: {
@@ -11777,9 +11777,9 @@ const attachmentProps = {
   }
 };
 
-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__ */ createElementVNode(
   "i",
@@ -11828,11 +11828,11 @@ const _hoisted_24 = {
   key: 1,
   style: { "display": "flex", "align-items": "center", "justify-content": "center", "height": "340px" }
 };
-const __default__$B = defineComponent({
+const __default__$C = defineComponent({
   name: "DkAttachment"
 });
-var _sfc_main$$ = /* @__PURE__ */ defineComponent({
-  ...__default__$B,
+var _sfc_main$11 = /* @__PURE__ */ defineComponent({
+  ...__default__$C,
   props: attachmentProps,
   setup(__props, { expose: __expose }) {
     const props = __props;
@@ -12032,10 +12032,10 @@ var _sfc_main$$ = /* @__PURE__ */ defineComponent({
       const _component_el_empty = resolveComponent("el-empty");
       const _component_dk_form = resolveComponent("dk-form");
       const _directive_loading = resolveDirective("loading");
-      return openBlock(), createElementBlock("div", _hoisted_1$L, [
+      return openBlock(), createElementBlock("div", _hoisted_1$M, [
         createCommentVNode(" \u9876\u90E8"),
-        createElementVNode("div", _hoisted_2$z, [
-          createElementVNode("div", _hoisted_3$p, [
+        createElementVNode("div", _hoisted_2$A, [
+          createElementVNode("div", _hoisted_3$q, [
             createVNode(_component_el_input, {
               modelValue: searchFileName.value,
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => searchFileName.value = $event),
@@ -12342,7 +12342,7 @@ var _sfc_main$$ = /* @__PURE__ */ defineComponent({
   }
 });
 
-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);
 
@@ -12354,12 +12354,12 @@ const attachmentDialogProps = {
   }
 };
 
-const _hoisted_1$K = { class: "text-center m2" };
-const __default__$A = defineComponent({
+const _hoisted_1$L = { class: "text-center m2" };
+const __default__$B = defineComponent({
   name: "DkAttachmentDialog"
 });
-var _sfc_main$_ = /* @__PURE__ */ defineComponent({
-  ...__default__$A,
+var _sfc_main$10 = /* @__PURE__ */ defineComponent({
+  ...__default__$B,
   props: attachmentDialogProps,
   emits: ["confirm"],
   setup(__props, { expose: __expose, emit }) {
@@ -12407,7 +12407,7 @@ var _sfc_main$_ = /* @__PURE__ */ defineComponent({
             ref: attachment,
             type: _type.value
           }, null, 8, ["type"]),
-          createElementVNode("div", _hoisted_1$K, [
+          createElementVNode("div", _hoisted_1$L, [
             createVNode(_component_el_button, {
               type: "primary",
               onClick: _cache[0] || (_cache[0] = ($event) => confirm())
@@ -12436,7 +12436,7 @@ var _sfc_main$_ = /* @__PURE__ */ defineComponent({
   }
 });
 
-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);
 
@@ -12455,15 +12455,15 @@ const fileInputProps = {
   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 = defineComponent({
+const __default__$A = defineComponent({
   name: "DkFileInput"
 });
-var _sfc_main$Z = /* @__PURE__ */ defineComponent({
-  ...__default__$z,
+var _sfc_main$$ = /* @__PURE__ */ defineComponent({
+  ...__default__$A,
   props: fileInputProps,
   emits: ["input", "update:modelValue", "change"],
   setup(__props, { emit }) {
@@ -12537,7 +12537,7 @@ var _sfc_main$Z = /* @__PURE__ */ defineComponent({
                 /* STABLE */
               }, 8, ["modelValue", "placeholder"]),
               createCommentVNode("\u9009\u62E9\u7684\u662F\u56FE\u7247"),
-              createElementVNode("div", _hoisted_1$J, [
+              createElementVNode("div", _hoisted_1$K, [
                 _ctx.type === 1 ? (openBlock(), createBlock(_component_el_image, {
                   key: 0,
                   src: input.value,
@@ -12547,7 +12547,7 @@ var _sfc_main$Z = /* @__PURE__ */ defineComponent({
                   "preview-src-list": [input.value]
                 }, {
                   error: withCtx(() => [
-                    createElementVNode("div", _hoisted_2$y, [
+                    createElementVNode("div", _hoisted_2$z, [
                       createVNode(_component_dk_icon, { icon: "Picture" })
                     ])
                   ]),
@@ -12594,7 +12594,7 @@ var _sfc_main$Z = /* @__PURE__ */ defineComponent({
                         style: { "width": "100%", "height": "100%" }
                       }, {
                         error: withCtx(() => [
-                          createElementVNode("div", _hoisted_3$o, [
+                          createElementVNode("div", _hoisted_3$p, [
                             createElementVNode("div", _hoisted_4$j, [
                               createVNode(_component_el_icon, null, {
                                 default: withCtx(() => [
@@ -12683,7 +12683,7 @@ var _sfc_main$Z = /* @__PURE__ */ defineComponent({
   }
 });
 
-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);
 
@@ -12695,11 +12695,11 @@ const imageInputProps = {
   accept: { type: String, default: "" }
 };
 
-const __default__$y = defineComponent({
+const __default__$z = defineComponent({
   name: "DkImageInput"
 });
-var _sfc_main$Y = /* @__PURE__ */ defineComponent({
-  ...__default__$y,
+var _sfc_main$_ = /* @__PURE__ */ defineComponent({
+  ...__default__$z,
   props: imageInputProps,
   emits: ["input", "update:modelValue", "change"],
   setup(__props, { emit }) {
@@ -12735,7 +12735,7 @@ var _sfc_main$Y = /* @__PURE__ */ defineComponent({
   }
 });
 
-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);
 
@@ -12747,11 +12747,11 @@ const audioInputProps = {
   accept: { type: String, default: "" }
 };
 
-const __default__$x = defineComponent({
+const __default__$y = defineComponent({
   name: "DkAudioInput"
 });
-var _sfc_main$X = /* @__PURE__ */ defineComponent({
-  ...__default__$x,
+var _sfc_main$Z = /* @__PURE__ */ defineComponent({
+  ...__default__$y,
   props: audioInputProps,
   emits: ["input", "update:modelValue", "change"],
   setup(__props, { emit }) {
@@ -12787,7 +12787,7 @@ var _sfc_main$X = /* @__PURE__ */ defineComponent({
   }
 });
 
-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);
 
@@ -12799,11 +12799,11 @@ const videoInputProps = {
   accept: { type: String, default: "" }
 };
 
-const __default__$w = defineComponent({
+const __default__$x = defineComponent({
   name: "DkVideoInput"
 });
-var _sfc_main$W = /* @__PURE__ */ defineComponent({
-  ...__default__$w,
+var _sfc_main$Y = /* @__PURE__ */ defineComponent({
+  ...__default__$x,
   props: videoInputProps,
   emits: ["input", "update:modelValue", "change"],
   setup(__props, { emit }) {
@@ -12839,7 +12839,7 @@ var _sfc_main$W = /* @__PURE__ */ defineComponent({
   }
 });
 
-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);
 
@@ -12852,14 +12852,14 @@ const fileListInputProps = {
   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 = defineComponent({
+const _hoisted_1$J = { class: "dk-image-list" };
+const _hoisted_2$y = ["onClick"];
+const _hoisted_3$o = { key: 0 };
+const __default__$w = defineComponent({
   name: "DkFileListInput"
 });
-var _sfc_main$V = /* @__PURE__ */ defineComponent({
-  ...__default__$v,
+var _sfc_main$X = /* @__PURE__ */ defineComponent({
+  ...__default__$w,
   props: fileListInputProps,
   emits: ["input", "update:modelValue", "change"],
   setup(__props, { emit }) {
@@ -12917,7 +12917,7 @@ var _sfc_main$V = /* @__PURE__ */ defineComponent({
           class: normalizeClass(unref(bem)())
         },
         [
-          createElementVNode("div", _hoisted_1$I, [
+          createElementVNode("div", _hoisted_1$J, [
             createElementVNode("ul", null, [
               (openBlock(true), createElementBlock(
                 Fragment,
@@ -12954,7 +12954,7 @@ var _sfc_main$V = /* @__PURE__ */ defineComponent({
                             _: 1
                             /* STABLE */
                           })
-                        ], 8, _hoisted_2$x)) : createCommentVNode("v-if", true)
+                        ], 8, _hoisted_2$y)) : createCommentVNode("v-if", true)
                       ],
                       4
                       /* STYLE */
@@ -12964,7 +12964,7 @@ var _sfc_main$V = /* @__PURE__ */ defineComponent({
                 128
                 /* KEYED_FRAGMENT */
               )),
-              _ctx.limit > input.value.length && !_ctx.disabled ? (openBlock(), createElementBlock("li", _hoisted_3$n, [
+              _ctx.limit > input.value.length && !_ctx.disabled ? (openBlock(), createElementBlock("li", _hoisted_3$o, [
                 createElementVNode(
                   "div",
                   {
@@ -13001,7 +13001,7 @@ var _sfc_main$V = /* @__PURE__ */ defineComponent({
   }
 });
 
-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);
 
@@ -13013,11 +13013,11 @@ const imageListInputProps = {
   accept: { default: "", type: String }
 };
 
-const __default__$u = defineComponent({
+const __default__$v = defineComponent({
   name: "DkImageListInput"
 });
-var _sfc_main$U = /* @__PURE__ */ defineComponent({
-  ...__default__$u,
+var _sfc_main$W = /* @__PURE__ */ defineComponent({
+  ...__default__$v,
   props: imageListInputProps,
   emits: ["input", "update:modelValue", "change"],
   setup(__props, { emit }) {
@@ -13054,7 +13054,7 @@ var _sfc_main$U = /* @__PURE__ */ defineComponent({
   }
 });
 
-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);
 
@@ -13066,11 +13066,11 @@ const audioListInputProps = {
   accept: { default: "", type: String }
 };
 
-const __default__$t = defineComponent({
+const __default__$u = defineComponent({
   name: "DkAudioListInput"
 });
-var _sfc_main$T = /* @__PURE__ */ defineComponent({
-  ...__default__$t,
+var _sfc_main$V = /* @__PURE__ */ defineComponent({
+  ...__default__$u,
   props: audioListInputProps,
   emits: ["input", "update:modelValue", "change"],
   setup(__props, { emit }) {
@@ -13107,7 +13107,7 @@ var _sfc_main$T = /* @__PURE__ */ defineComponent({
   }
 });
 
-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);
 
@@ -13119,11 +13119,11 @@ const videoListInputProps = {
   accept: { default: "", type: String }
 };
 
-const __default__$s = defineComponent({
+const __default__$t = defineComponent({
   name: "DkVideoListInput"
 });
-var _sfc_main$S = /* @__PURE__ */ defineComponent({
-  ...__default__$s,
+var _sfc_main$U = /* @__PURE__ */ defineComponent({
+  ...__default__$t,
   props: videoListInputProps,
   emits: ["input", "update:modelValue", "change"],
   setup(__props, { emit }) {
@@ -13160,7 +13160,7 @@ var _sfc_main$S = /* @__PURE__ */ defineComponent({
   }
 });
 
-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);
 
@@ -13220,18 +13220,18 @@ function getIcons(query) {
   });
 }
 
-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 = defineComponent({
+const _hoisted_3$n = { class: "search-icon" };
+const __default__$s = defineComponent({
   name: "DkIconContent"
 });
-var _sfc_main$R = /* @__PURE__ */ defineComponent({
-  ...__default__$r,
+var _sfc_main$T = /* @__PURE__ */ defineComponent({
+  ...__default__$s,
   props: iconContentProps,
   emits: ["choose"],
   setup(__props, { expose: __expose, emit }) {
@@ -13329,7 +13329,7 @@ var _sfc_main$R = /* @__PURE__ */ defineComponent({
       const _component_el_tabs = resolveComponent("el-tabs");
       const _component_el_button = resolveComponent("el-button");
       const _component_el_input = resolveComponent("el-input");
-      return openBlock(), createElementBlock("div", _hoisted_1$H, [
+      return openBlock(), createElementBlock("div", _hoisted_1$I, [
         createVNode(_component_el_tabs, {
           modelValue: activeName.value,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => activeName.value = $event)
@@ -13424,7 +13424,7 @@ var _sfc_main$R = /* @__PURE__ */ defineComponent({
                       128
                       /* KEYED_FRAGMENT */
                     )),
-                    !searchIcon.value ? (openBlock(), createElementBlock("p", _hoisted_2$w, "\u5F53\u524D\u663E\u793A\u5DF2\u7F13\u5B58\u7684\u56FE\u6807")) : createCommentVNode("v-if", true)
+                    !searchIcon.value ? (openBlock(), createElementBlock("p", _hoisted_2$x, "\u5F53\u524D\u663E\u793A\u5DF2\u7F13\u5B58\u7684\u56FE\u6807")) : createCommentVNode("v-if", true)
                   ],
                   64
                   /* STABLE_FRAGMENT */
@@ -13440,7 +13440,7 @@ var _sfc_main$R = /* @__PURE__ */ defineComponent({
           _: 1
           /* STABLE */
         }, 8, ["modelValue"]),
-        createElementVNode("div", _hoisted_3$m, [
+        createElementVNode("div", _hoisted_3$n, [
           createVNode(_component_el_input, {
             modelValue: searchIcon.value,
             "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => searchIcon.value = $event),
@@ -13463,14 +13463,14 @@ var _sfc_main$R = /* @__PURE__ */ defineComponent({
   }
 });
 
-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 = defineComponent({
+const _hoisted_1$H = { class: "text-center m2" };
+const __default__$r = defineComponent({
   name: "DkIconDialog"
 });
-var _sfc_main$Q = /* @__PURE__ */ defineComponent({
-  ...__default__$q,
+var _sfc_main$S = /* @__PURE__ */ defineComponent({
+  ...__default__$r,
   props: iconDialogProps,
   emits: ["choose", "confirm"],
   setup(__props, { expose: __expose, emit }) {
@@ -13504,7 +13504,7 @@ var _sfc_main$Q = /* @__PURE__ */ defineComponent({
         class: "dk-icon-dialog"
       }, {
         footer: withCtx(() => [
-          createElementVNode("div", _hoisted_1$G, [
+          createElementVNode("div", _hoisted_1$H, [
             createVNode(_component_el_button, {
               type: "primary",
               onClick: confirm
@@ -13543,17 +13543,17 @@ var _sfc_main$Q = /* @__PURE__ */ defineComponent({
   }
 });
 
-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 = defineComponent({
+const __default__$q = defineComponent({
   name: "DkIconInput"
 });
-var _sfc_main$P = /* @__PURE__ */ defineComponent({
-  ...__default__$p,
+var _sfc_main$R = /* @__PURE__ */ defineComponent({
+  ...__default__$q,
   props: iconInputProps,
   emits: ["input", "update:modelValue", "change"],
   setup(__props, { emit }) {
@@ -13621,7 +13621,7 @@ var _sfc_main$P = /* @__PURE__ */ defineComponent({
             /* STABLE */
           }, 8, ["modelValue", "placeholder"]),
           createCommentVNode("\u9009\u62E9\u7684\u662F\u56FE\u7247"),
-          props.preview ? (openBlock(), createElementBlock("div", _hoisted_1$F, [
+          props.preview ? (openBlock(), createElementBlock("div", _hoisted_1$G, [
             createVNode(_component_dk_icon, {
               icon: input.value ? input.value : "fluent:document-none-24-regular",
               class: "icon rd-4px cursor-pointer",
@@ -13660,7 +13660,7 @@ var _sfc_main$P = /* @__PURE__ */ defineComponent({
   }
 });
 
-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);
@@ -13757,16 +13757,16 @@ const styleInputProps = {
   }
 };
 
-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 = defineComponent({
+const __default__$p = defineComponent({
   name: "DkStyleInput"
 });
-var _sfc_main$O = /* @__PURE__ */ defineComponent({
-  ...__default__$o,
+var _sfc_main$Q = /* @__PURE__ */ defineComponent({
+  ...__default__$p,
   props: styleInputProps,
   emits: ["update:modelValue"],
   setup(__props, { emit }) {
@@ -13818,8 +13818,8 @@ var _sfc_main$O = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       const _component_el_collapse_item = resolveComponent("el-collapse-item");
       const _component_el_collapse = resolveComponent("el-collapse");
-      return openBlock(), createElementBlock("div", _hoisted_1$E, [
-        !loading.value ? (openBlock(), createElementBlock("div", _hoisted_2$v, [
+      return openBlock(), createElementBlock("div", _hoisted_1$F, [
+        !loading.value ? (openBlock(), createElementBlock("div", _hoisted_2$w, [
           createVNode(_component_el_collapse, {
             modelValue: activeNames.value,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => activeNames.value = $event)
@@ -13865,7 +13865,7 @@ var _sfc_main$O = /* @__PURE__ */ defineComponent({
   }
 });
 
-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);
 
@@ -13905,12 +13905,12 @@ const boxSizeInputProps = {
   }
 };
 
-const _hoisted_1$D = ["onMousedown"];
-const __default__$n = defineComponent({
+const _hoisted_1$E = ["onMousedown"];
+const __default__$o = defineComponent({
   name: "DkBoxSizeInput"
 });
-var _sfc_main$N = /* @__PURE__ */ defineComponent({
-  ...__default__$n,
+var _sfc_main$P = /* @__PURE__ */ defineComponent({
+  ...__default__$o,
   props: boxSizeInputProps,
   emits: ["update:modelValue"],
   setup(__props, { emit }) {
@@ -14147,7 +14147,7 @@ var _sfc_main$N = /* @__PURE__ */ defineComponent({
                             _: 2
                             /* DYNAMIC */
                           }, 1032, ["content", "disabled"])
-                        ], 40, _hoisted_1$D)
+                        ], 40, _hoisted_1$E)
                       ]),
                       key: "0"
                     } : void 0
@@ -14245,7 +14245,7 @@ var _sfc_main$N = /* @__PURE__ */ defineComponent({
   }
 });
 
-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);
 
@@ -14373,9 +14373,9 @@ const paddings = [
   }
 ];
 
-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" };
@@ -14420,11 +14420,11 @@ const _hoisted_23 = /* @__PURE__ */ createElementVNode(
   -1
   /* HOISTED */
 );
-const __default__$m = defineComponent({
+const __default__$n = defineComponent({
   name: "DkStyleBoxInput"
 });
-var _sfc_main$M = /* @__PURE__ */ defineComponent({
-  ...__default__$m,
+var _sfc_main$O = /* @__PURE__ */ defineComponent({
+  ...__default__$n,
   props: styleBoxInputProps,
   emits: ["update:modelValue"],
   setup(__props, { emit }) {
@@ -14662,7 +14662,7 @@ var _sfc_main$M = /* @__PURE__ */ defineComponent({
       const _component_dk_icon = resolveComponent("dk-icon");
       const _component_el_popover = resolveComponent("el-popover");
       const _component_el_tooltip = resolveComponent("el-tooltip");
-      return openBlock(), createElementBlock("div", _hoisted_1$C, [
+      return openBlock(), createElementBlock("div", _hoisted_1$D, [
         createElementVNode(
           "div",
           {
@@ -14673,8 +14673,8 @@ var _sfc_main$M = /* @__PURE__ */ defineComponent({
           4
           /* STYLE */
         ),
-        createElementVNode("div", _hoisted_2$u, [
-          createElementVNode("label", _hoisted_3$l, [
+        createElementVNode("div", _hoisted_2$v, [
+          createElementVNode("label", _hoisted_3$m, [
             createTextVNode(" \u5185\u5916\u8FB9\u8DDD | \u9AD8\u5BBD "),
             createVNode(_component_el_popover, {
               ref: "popover",
@@ -14978,7 +14978,7 @@ var _sfc_main$M = /* @__PURE__ */ defineComponent({
   }
 });
 
-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);
 
@@ -14989,9 +14989,9 @@ const styleFontInputProps = {
   }
 };
 
-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"
@@ -15003,11 +15003,11 @@ const _hoisted_5$c = {
 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 = defineComponent({
+const __default__$m = defineComponent({
   name: "DkStyleFontInput"
 });
-var _sfc_main$L = /* @__PURE__ */ defineComponent({
-  ...__default__$l,
+var _sfc_main$N = /* @__PURE__ */ defineComponent({
+  ...__default__$m,
   props: styleFontInputProps,
   emits: ["update:modelValue"],
   setup(__props, { emit }) {
@@ -15079,9 +15079,9 @@ var _sfc_main$L = /* @__PURE__ */ defineComponent({
       const _component_dk_icon = resolveComponent("dk-icon");
       const _component_el_radio_button = resolveComponent("el-radio-button");
       const _component_el_radio_group = resolveComponent("el-radio-group");
-      return openBlock(), createElementBlock("div", _hoisted_1$B, [
+      return openBlock(), createElementBlock("div", _hoisted_1$C, [
         createCommentVNode("    \u989C\u8272\u3001\u5B57\u53F7\u3001\u7C97\u7EC6\u3001\u98CE\u683C\u3001\u88C5\u9970"),
-        createElementVNode("div", _hoisted_2$t, [
+        createElementVNode("div", _hoisted_2$u, [
           createVNode(_component_el_tooltip, {
             placement: "top-end",
             trigger: "hover",
@@ -15105,7 +15105,7 @@ var _sfc_main$L = /* @__PURE__ */ defineComponent({
               }, 8, ["disabled"])
             ]),
             default: withCtx(() => [
-              createElementVNode("div", _hoisted_3$k, [
+              createElementVNode("div", _hoisted_3$l, [
                 createVNode(_component_el_color_picker, {
                   modelValue: styles.color,
                   "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => styles.color = $event)
@@ -15437,7 +15437,7 @@ var _sfc_main$L = /* @__PURE__ */ defineComponent({
   }
 });
 
-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);
 
@@ -15449,17 +15449,17 @@ const styleBorderInputProps = {
   }
 };
 
-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 = defineComponent({
+const _hoisted_3$k = { style: { "display": "flex" } };
+const __default__$l = defineComponent({
   name: "DkStyleBorderInput"
 });
-var _sfc_main$K = /* @__PURE__ */ defineComponent({
-  ...__default__$k,
+var _sfc_main$M = /* @__PURE__ */ defineComponent({
+  ...__default__$l,
   props: styleBorderInputProps,
   emits: ["update:modelValue"],
   setup(__props, { emit }) {
@@ -15635,7 +15635,7 @@ var _sfc_main$K = /* @__PURE__ */ defineComponent({
           class: normalizeClass(["dk-style-border-input", unref(width).value < 400 ? "mini" : ""])
         },
         [
-          createElementVNode("div", _hoisted_1$A, [
+          createElementVNode("div", _hoisted_1$B, [
             (openBlock(), createElementBlock(
               Fragment,
               null,
@@ -15653,7 +15653,7 @@ var _sfc_main$K = /* @__PURE__ */ defineComponent({
               /* STABLE_FRAGMENT */
             ))
           ]),
-          createElementVNode("div", _hoisted_2$s, [
+          createElementVNode("div", _hoisted_2$t, [
             createCommentVNode("  \u6837\u5F0F\u3001\u5BBD\u5EA6\u3001\u989C\u8272"),
             createVNode(_component_el_form, {
               "label-width": "50px",
@@ -15686,7 +15686,7 @@ var _sfc_main$K = /* @__PURE__ */ defineComponent({
                     }, 8, ["disabled"])
                   ]),
                   default: withCtx(() => [
-                    createElementVNode("div", _hoisted_3$j, [
+                    createElementVNode("div", _hoisted_3$k, [
                       createVNode(_component_el_slider, {
                         modelValue: form[position.value].borderWidth,
                         "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => form[position.value].borderWidth = $event),
@@ -15897,7 +15897,7 @@ var _sfc_main$K = /* @__PURE__ */ defineComponent({
   }
 });
 
-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);
 
@@ -15911,12 +15911,12 @@ const styleBackgroundInputProps = {
   }
 };
 
-const _hoisted_1$z = { class: "dk-style-background-input" };
-const __default__$j = defineComponent({
+const _hoisted_1$A = { class: "dk-style-background-input" };
+const __default__$k = defineComponent({
   name: "DkStyleBackgroundInput"
 });
-var _sfc_main$J = /* @__PURE__ */ defineComponent({
-  ...__default__$j,
+var _sfc_main$L = /* @__PURE__ */ defineComponent({
+  ...__default__$k,
   props: styleBackgroundInputProps,
   emits: ["update:modelValue"],
   setup(__props, { emit }) {
@@ -15962,7 +15962,7 @@ var _sfc_main$J = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       const _component_el_color_picker = resolveComponent("el-color-picker");
       const _component_dk_image_input = resolveComponent("dk-image-input");
-      return openBlock(), createElementBlock("div", _hoisted_1$z, [
+      return openBlock(), createElementBlock("div", _hoisted_1$A, [
         createVNode(_component_el_color_picker, {
           modelValue: form.backgroundColor,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => form.backgroundColor = $event),
@@ -15977,7 +15977,7 @@ var _sfc_main$J = /* @__PURE__ */ defineComponent({
   }
 });
 
-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);
 
@@ -15993,16 +15993,16 @@ const shadowInputProps = {
   }
 };
 
-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 = defineComponent({
+const __default__$j = defineComponent({
   name: "DkStyleShadowInput"
 });
-var _sfc_main$I = /* @__PURE__ */ defineComponent({
-  ...__default__$i,
+var _sfc_main$K = /* @__PURE__ */ defineComponent({
+  ...__default__$j,
   props: shadowInputProps,
   emits: ["update:modelValue"],
   setup(__props, { emit }) {
@@ -16045,7 +16045,7 @@ var _sfc_main$I = /* @__PURE__ */ defineComponent({
       const _component_el_popover = resolveComponent("el-popover");
       const _component_el_input = resolveComponent("el-input");
       const _component_dk_icon = resolveComponent("dk-icon");
-      return openBlock(), createElementBlock("div", _hoisted_1$y, [
+      return openBlock(), createElementBlock("div", _hoisted_1$z, [
         _ctx.type === "collapse" ? (openBlock(), createBlock(_component_el_collapse, {
           key: 0,
           modelValue: activeName.value,
@@ -16078,7 +16078,7 @@ var _sfc_main$I = /* @__PURE__ */ defineComponent({
           ]),
           _: 1
           /* STABLE */
-        }, 8, ["modelValue"])) : (openBlock(), createElementBlock("ul", _hoisted_2$r, [
+        }, 8, ["modelValue"])) : (openBlock(), createElementBlock("ul", _hoisted_2$s, [
           (openBlock(true), createElementBlock(
             Fragment,
             null,
@@ -16151,11 +16151,11 @@ var _sfc_main$I = /* @__PURE__ */ defineComponent({
   }
 });
 
-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__ */ createElementVNode(
+const _hoisted_1$y = { class: "shadow-content-shortcut" };
+const _hoisted_2$r = { class: "default-css m-b-10px" };
+const _hoisted_3$j = /* @__PURE__ */ createElementVNode(
   "div",
   { class: "m-b-10px" },
   "\u5E38\u7528\u6837\u5F0F",
@@ -16172,11 +16172,11 @@ const _hoisted_4$g = /* @__PURE__ */ createElementVNode(
 const _hoisted_5$b = [
   _hoisted_4$g
 ];
-const __default__$h = defineComponent({
+const __default__$i = defineComponent({
   name: "DkStyleShadowContent"
 });
-var _sfc_main$H = /* @__PURE__ */ defineComponent({
-  ...__default__$h,
+var _sfc_main$J = /* @__PURE__ */ defineComponent({
+  ...__default__$i,
   props: {
     boxSize: {
       default: 180,
@@ -16532,9 +16532,9 @@ var _sfc_main$H = /* @__PURE__ */ defineComponent({
             _: 1
             /* STABLE */
           }, 8, ["size"]),
-          createElementVNode("div", _hoisted_1$x, [
-            createElementVNode("div", _hoisted_2$q, [
-              _hoisted_3$i,
+          createElementVNode("div", _hoisted_1$y, [
+            createElementVNode("div", _hoisted_2$r, [
+              _hoisted_3$j,
               (openBlock(true), createElementBlock(
                 Fragment,
                 null,
@@ -16635,7 +16635,7 @@ var _sfc_main$H = /* @__PURE__ */ defineComponent({
   }
 });
 
-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);
@@ -16649,13 +16649,13 @@ const stylePositionInputProps = {
   }
 };
 
-const _hoisted_1$w = { class: "m-t-10px" };
-const _hoisted_2$p = ["onClick"];
-const __default__$g = defineComponent({
+const _hoisted_1$x = { class: "m-t-10px" };
+const _hoisted_2$q = ["onClick"];
+const __default__$h = defineComponent({
   name: "DkStylePositionInput"
 });
-var _sfc_main$G = /* @__PURE__ */ defineComponent({
-  ...__default__$g,
+var _sfc_main$I = /* @__PURE__ */ defineComponent({
+  ...__default__$h,
   props: stylePositionInputProps,
   emits: ["update:modelValue"],
   setup(__props, { emit }) {
@@ -16803,7 +16803,7 @@ var _sfc_main$G = /* @__PURE__ */ defineComponent({
                   /* STABLE */
                 })
               ]),
-              createElementVNode("div", _hoisted_1$w, [
+              createElementVNode("div", _hoisted_1$x, [
                 createVNode(_component_el_row, { gutter: 20 }, {
                   default: withCtx(() => [
                     (openBlock(), createElementBlock(
@@ -16830,7 +16830,7 @@ var _sfc_main$G = /* @__PURE__ */ defineComponent({
                                     createElementVNode("span", {
                                       style: normalizeStyle([{ "cursor": "pointer" }, form.value[item.value] ? "color:var(--el-color-primary)" : ""]),
                                       onClick: ($event) => form.value[item.value] = ""
-                                    }, toDisplayString(item.label) + "\uFF1A", 13, _hoisted_2$p)
+                                    }, toDisplayString(item.label) + "\uFF1A", 13, _hoisted_2$q)
                                   ]),
                                   _: 2
                                   /* DYNAMIC */
@@ -16871,7 +16871,7 @@ var _sfc_main$G = /* @__PURE__ */ defineComponent({
   }
 });
 
-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);
 
@@ -16909,11 +16909,11 @@ const styleNumberInputProps = {
   }
 };
 
-const __default__$f = defineComponent({
+const __default__$g = defineComponent({
   name: "DkStyleNumberInput"
 });
-var _sfc_main$F = /* @__PURE__ */ defineComponent({
-  ...__default__$f,
+var _sfc_main$H = /* @__PURE__ */ defineComponent({
+  ...__default__$g,
   props: styleNumberInputProps,
   emits: ["input", "update:modelValue"],
   setup(__props, { emit }) {
@@ -17073,7 +17073,7 @@ var _sfc_main$F = /* @__PURE__ */ defineComponent({
   }
 });
 
-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);
 
@@ -17818,9 +17818,9 @@ const draggableComponent = defineComponent({
   }
 });
 
-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__ */ createElementVNode(
@@ -17848,11 +17848,11 @@ const _hoisted_11$4 = /* @__PURE__ */ createElementVNode(
   /* HOISTED */
 );
 const _hoisted_12$3 = { class: "phone-title-icon" };
-const __default__$e = defineComponent({
+const __default__$f = defineComponent({
   name: "PreviewPhone"
 });
-var _sfc_main$E = /* @__PURE__ */ defineComponent({
-  ...__default__$e,
+var _sfc_main$G = /* @__PURE__ */ defineComponent({
+  ...__default__$f,
   props: {
     value: {
       default: "",
@@ -17937,9 +17937,9 @@ var _sfc_main$E = /* @__PURE__ */ defineComponent({
       const _component_el_form_item = resolveComponent("el-form-item");
       const _component_el_slider = resolveComponent("el-slider");
       const _component_el_popover = resolveComponent("el-popover");
-      return openBlock(), createElementBlock("div", _hoisted_1$v, [
-        createElementVNode("div", _hoisted_2$o, [
-          createElementVNode("div", _hoisted_3$h, [
+      return openBlock(), createElementBlock("div", _hoisted_1$w, [
+        createElementVNode("div", _hoisted_2$p, [
+          createElementVNode("div", _hoisted_3$i, [
             createElementVNode("div", _hoisted_4$f, [
               createElementVNode("div", _hoisted_5$a, [
                 createElementVNode(
@@ -18154,7 +18154,7 @@ var _sfc_main$E = /* @__PURE__ */ defineComponent({
   }
 });
 
-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";
@@ -18711,7 +18711,8 @@ var DkViewDialog$1 = {
     return {
       type: name$k,
       props: {
-        title: "\u901A\u77E5"
+        title: "\u901A\u77E5",
+        listen: ""
       },
       showStyle: true,
       fixed: true
@@ -18719,14 +18720,7 @@ var DkViewDialog$1 = {
   },
   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",
@@ -21226,7 +21220,7 @@ const pageDiyProps = {
   // DIY 类型 分别为：web(网页)、min(小程序)
   type: {
     type: String,
-    default: "min"
+    default: "web"
   },
   menu: {
     type: Object,
@@ -21261,7 +21255,7 @@ const pageDiyProps = {
   // 'menu', 'height', 'config', 'mask', 'locale', 'loading'
 };
 
-const _sfc_main$D = {
+const _sfc_main$F = {
   name: 'DkMinVideo',
   props: {
     poster: {
@@ -21303,15 +21297,15 @@ const _sfc_main$D = {
   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 = resolveComponent("el-image");
   const _component_dk_icon = resolveComponent("dk-icon");
 
@@ -21319,7 +21313,7 @@ function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
     class: "dk-view-video",
     style: normalizeStyle($options._style)
   }, [
-    createElementVNode("div", _hoisted_1$u, [
+    createElementVNode("div", _hoisted_1$v, [
       ($props.poster)
         ? (openBlock(), createBlock(_component_el_image, {
             key: 0,
@@ -21328,21 +21322,21 @@ function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
             class: "poster"
           }, null, 8 /* PROPS */, ["src"]))
         : createCommentVNode("v-if", true),
-      createElementVNode("div", _hoisted_2$n, [
+      createElementVNode("div", _hoisted_2$o, [
         createVNode(_component_dk_icon, {
           icon: "VideoPlay",
           size: 24
         }),
         (!$props.videoPath)
-          ? (openBlock(), createElementBlock("p", _hoisted_3$g, "请选择或者上传您的视频!!!"))
+          ? (openBlock(), createElementBlock("p", _hoisted_3$h, "请选择或者上传您的视频!!!"))
           : (openBlock(), 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: {
@@ -21385,12 +21379,12 @@ const _sfc_main$C = {
   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 = resolveComponent("van-image");
   const _component_van_swipe_item = resolveComponent("van-swipe-item");
   const _component_van_swipe = resolveComponent("van-swipe");
@@ -21411,7 +21405,7 @@ function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
               height: $props.height
             }, null, 8 /* PROPS */, ["src", "height"]),
             ($props.showTitle)
-              ? (openBlock(), createElementBlock("div", _hoisted_1$t, toDisplayString(item.title), 1 /* TEXT */))
+              ? (openBlock(), createElementBlock("div", _hoisted_1$u, toDisplayString(item.title), 1 /* TEXT */))
               : createCommentVNode("v-if", true)
           ]),
           _: 2 /* DYNAMIC */
@@ -21421,9 +21415,9 @@ function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
     _: 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 },
@@ -21445,14 +21439,14 @@ const _sfc_main$B = {
   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 (openBlock(), createElementBlock("div", _hoisted_1$s, [
+function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
+  return (openBlock(), createElementBlock("div", _hoisted_1$t, [
     ($props.type === '0')
       ? (openBlock(), createElementBlock("div", {
           key: 0,
@@ -21460,7 +21454,7 @@ function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
         }, [
           createElementVNode("span", null, toDisplayString($props.title), 1 /* TEXT */)
         ], 4 /* STYLE */))
-      : (openBlock(), createElementBlock("div", _hoisted_2$m, [
+      : (openBlock(), createElementBlock("div", _hoisted_2$n, [
           createElementVNode("div", null, [
             createElementVNode("span", {
               style: normalizeStyle({ color: $props.color })
@@ -21478,9 +21472,9 @@ function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
         ]))
   ]))
 }
-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: {
@@ -21496,14 +21490,14 @@ const _sfc_main$A = {
   methods: {},
 };
 
-function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
   return (openBlock(), createElementBlock("div", {
     style: 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: {
@@ -21519,14 +21513,14 @@ const _sfc_main$z = {
   methods: {},
 };
 
-const _hoisted_1$r = ["innerHTML"];
+const _hoisted_1$s = ["innerHTML"];
 
-function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
-  return (openBlock(), createElementBlock("div", { innerHTML: $props.textarea }, null, 8 /* PROPS */, _hoisted_1$r))
+function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
+  return (openBlock(), 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: {
@@ -21611,23 +21605,23 @@ const _sfc_main$y = {
   },
 };
 
-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 = resolveComponent("el-empty");
 
-  return (openBlock(), createElementBlock("div", _hoisted_1$q, [
+  return (openBlock(), createElementBlock("div", _hoisted_1$r, [
     ($props.hotData.background)
       ? (openBlock(), createElementBlock("img", {
           key: 0,
           src: $props.hotData.background,
           alt: "",
           style: {"width":"100%"}
-        }, null, 8 /* PROPS */, _hoisted_2$l))
+        }, null, 8 /* PROPS */, _hoisted_2$m))
       : (openBlock(), createBlock(_component_el_empty, {
           key: 1,
           description: "请上传背景图"
@@ -21646,7 +21640,7 @@ function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
     }), 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,
@@ -21657,7 +21651,7 @@ const views$1 = {
   DkMinHotArea
 };
 
-const _sfc_main$x = {
+const _sfc_main$z = {
   name: 'DkViewBulletChat',
   props: {
     bgColor: { default: '', type: String },
@@ -21680,9 +21674,9 @@ const _sfc_main$x = {
   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__*/createElementVNode("div", { class: "bullet-content" }, [
   /*#__PURE__*/createElementVNode("span", { class: "over" }, "当前数据由事件传入")
 ], -1 /* HOISTED */);
@@ -21690,7 +21684,7 @@ const _hoisted_5$9 = [
   _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 = resolveComponent("van-swipe-item");
   const _component_van_swipe = resolveComponent("van-swipe");
 
@@ -21707,15 +21701,15 @@ function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
           (openBlock(true), createElementBlock(Fragment, null, renderList($props.bulletData, (item, key) => {
             return (openBlock(), createBlock(_component_van_swipe_item, { key: key }, {
               default: withCtx(() => [
-                createElementVNode("div", _hoisted_1$p, [
+                createElementVNode("div", _hoisted_1$q, [
                   (item.avatar)
                     ? (openBlock(), createElementBlock("img", {
                         key: 0,
                         src: item.avatar,
                         alt: ""
-                      }, null, 8 /* PROPS */, _hoisted_2$k))
+                      }, null, 8 /* PROPS */, _hoisted_2$l))
                     : createCommentVNode("v-if", true),
-                  createElementVNode("span", _hoisted_3$f, toDisplayString(item.text), 1 /* TEXT */)
+                  createElementVNode("span", _hoisted_3$g, toDisplayString(item.text), 1 /* TEXT */)
                 ])
               ]),
               _: 2 /* DYNAMIC */
@@ -21730,9 +21724,9 @@ function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
         style: 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: {
@@ -21750,7 +21744,7 @@ const _sfc_main$w = {
   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 = resolveComponent("van-cell");
   const _component_van_cell_group = resolveComponent("van-cell-group");
 
@@ -21767,9 +21761,9 @@ function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
     _: 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: {
@@ -21839,12 +21833,12 @@ const _sfc_main$v = {
   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"
 };
@@ -21854,13 +21848,13 @@ const _hoisted_4$c = {
 };
 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 = resolveComponent("van-button");
   const _component_van_icon = resolveComponent("van-icon");
 
-  return (openBlock(), createElementBlock("div", _hoisted_1$o, [
+  return (openBlock(), createElementBlock("div", _hoisted_1$p, [
     ($props.type === 'btn')
-      ? (openBlock(), createElementBlock("div", _hoisted_2$j, [
+      ? (openBlock(), createElementBlock("div", _hoisted_2$k, [
           createVNode(_component_van_button, {
             type: "primary",
             block: $props.block,
@@ -21875,7 +21869,7 @@ function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
             _: 1 /* STABLE */
           }, 8 /* PROPS */, ["block", "round", "size", "color", "icon"])
         ]))
-      : (openBlock(), createElementBlock("div", _hoisted_3$e, [
+      : (openBlock(), createElementBlock("div", _hoisted_3$f, [
           ($props.img)
             ? (openBlock(), createElementBlock("div", _hoisted_4$c, [
                 createElementVNode("img", {
@@ -21900,12 +21894,13 @@ function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
         ]))
   ]))
 }
-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 },
@@ -21935,15 +21930,16 @@ const _sfc_main$u = {
   },
 };
 
-const _hoisted_1$n = { class: "dk-view-dialog" };
-const _hoisted_2$i = /*#__PURE__*/createElementVNode("div", { class: "preview" }, "点击预览可以查看弹窗效果", -1 /* HOISTED */);
-const _hoisted_3$d = ["innerHTML"];
+const _hoisted_1$o = { class: "dk-view-dialog" };
+const _hoisted_2$j = /*#__PURE__*/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 = resolveComponent("van-dialog");
 
-  return (openBlock(), createElementBlock("div", _hoisted_1$n, [
-    _hoisted_2$i,
+  return (openBlock(), createElementBlock("div", _hoisted_1$o, [
+    _hoisted_2$j,
+    createTextVNode(" " + toDisplayString(_ctx.$props) + " ", 1 /* TEXT */),
     ($data.showDialog)
       ? (openBlock(), createBlock(_component_van_dialog, {
           key: 0,
@@ -21958,16 +21954,16 @@ function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
             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"]))
       : 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: {
@@ -22045,18 +22041,18 @@ const _sfc_main$t = {
   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 = resolveComponent("dk-icon");
   const _component_van_cell = resolveComponent("van-cell");
   const _component_van_cell_group = resolveComponent("van-cell-group");
@@ -22064,7 +22060,7 @@ function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_van_grid = resolveComponent("van-grid");
 
   return ($props.type === 'cell')
-    ? (openBlock(), createElementBlock("div", _hoisted_1$m, [
+    ? (openBlock(), createElementBlock("div", _hoisted_1$n, [
         createVNode(_component_van_cell_group, null, {
           default: withCtx(() => [
             (openBlock(true), createElementBlock(Fragment, null, renderList($props.gridCellList, (item, key) => {
@@ -22083,7 +22079,7 @@ function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
               borderRadius: $props.imgRadius + 'px',
               marginRight: $props.imgTextGutter + 'px',
             })
-                  }, null, 12 /* STYLE, PROPS */, _hoisted_2$h)
+                  }, null, 12 /* STYLE, PROPS */, _hoisted_2$i)
                 ]),
                 title: withCtx(() => [
                   createElementVNode("span", {
@@ -22104,7 +22100,7 @@ function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
           _: 1 /* STABLE */
         })
       ]))
-    : (openBlock(), createElementBlock("div", _hoisted_3$c, [
+    : (openBlock(), createElementBlock("div", _hoisted_3$d, [
         createVNode(_component_van_grid, {
           square: $props.square,
           direction: $props.direction,
@@ -22145,9 +22141,9 @@ function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
         }, 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 },
@@ -22184,9 +22180,9 @@ const _sfc_main$s = {
   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 = resolveComponent("van-image");
   const _component_el_empty = resolveComponent("el-empty");
 
@@ -22215,15 +22211,15 @@ function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
       ], 4 /* STYLE */))
     }), 128 /* KEYED_FRAGMENT */)),
     ($props.imageList.length <= 0)
-      ? (openBlock(), createElementBlock("div", _hoisted_1$l, [
+      ? (openBlock(), createElementBlock("div", _hoisted_1$m, [
           createVNode(_component_el_empty, { description: "请添加图片数据" })
         ]))
       : 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 },
@@ -22255,23 +22251,23 @@ const _sfc_main$r = {
   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 = resolveComponent("van-icon");
 
-  return (openBlock(), createElementBlock("div", _hoisted_1$k, [
+  return (openBlock(), createElementBlock("div", _hoisted_1$l, [
     ($props.iconType === 'image')
-      ? (openBlock(), createElementBlock("div", _hoisted_2$g, [
+      ? (openBlock(), createElementBlock("div", _hoisted_2$h, [
           createElementVNode("img", {
             src: $props.imgUrl,
             width: "100%",
             style: normalizeStyle($options._style),
             class: normalizeClass([$props.rotation, "dk-music-img"]),
             alt: ""
-          }, null, 14 /* CLASS, STYLE, PROPS */, _hoisted_3$b)
+          }, null, 14 /* CLASS, STYLE, PROPS */, _hoisted_3$c)
         ]))
       : (openBlock(), createBlock(_component_van_icon, {
           key: 1,
@@ -22281,10 +22277,10 @@ function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
         }, 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: {
@@ -22324,7 +22320,7 @@ const _sfc_main$q = {
   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 = resolveComponent("van-nav-bar");
 
   return (openBlock(), createElementBlock("div", null, [
@@ -22337,9 +22333,9 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
     }, 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 },
@@ -22357,7 +22353,7 @@ const _sfc_main$p = {
   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 = resolveComponent("van-notice-bar");
 
   return (openBlock(), createElementBlock("div", null, [
@@ -22370,9 +22366,9 @@ function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
     }, 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: {
@@ -22411,7 +22407,7 @@ const _sfc_main$o = {
   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 = resolveComponent("van-image");
   const _component_van_swipe_item = resolveComponent("van-swipe-item");
   const _component_van_swipe = resolveComponent("van-swipe");
@@ -22440,9 +22436,9 @@ function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
     _: 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: {
@@ -22471,14 +22467,14 @@ const _sfc_main$n = {
   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 = resolveComponent("van-tabbar-item");
   const _component_van_tabbar = resolveComponent("van-tabbar");
 
-  return (openBlock(), createElementBlock("div", _hoisted_1$j, [
+  return (openBlock(), createElementBlock("div", _hoisted_1$k, [
     createVNode(_component_van_tabbar, {
       modelValue: $data.tmpActive,
       "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => (($data.tmpActive) = $event)),
@@ -22507,7 +22503,7 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
                     createElementVNode("img", {
                       src: item.imgIcon,
                       alt: ""
-                    }, null, 8 /* PROPS */, _hoisted_2$f)
+                    }, null, 8 /* PROPS */, _hoisted_2$g)
                   ]),
                   key: "0"
                 }
@@ -22519,9 +22515,9 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
     }, 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: {
@@ -22537,14 +22533,14 @@ const _sfc_main$m = {
   methods: {},
 };
 
-const _hoisted_1$i = ["innerHTML"];
+const _hoisted_1$j = ["innerHTML"];
 
-function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
-  return (openBlock(), createElementBlock("div", { innerHTML: $props.textarea }, null, 8 /* PROPS */, _hoisted_1$i))
+function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
+  return (openBlock(), 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 },
@@ -22574,15 +22570,15 @@ const _sfc_main$l = {
   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 = resolveComponent("van-icon");
   const _component_van_image = resolveComponent("van-image");
 
-  return (openBlock(), createElementBlock("div", _hoisted_1$h, [
-    createElementVNode("div", _hoisted_2$e, [
+  return (openBlock(), createElementBlock("div", _hoisted_1$i, [
+    createElementVNode("div", _hoisted_2$f, [
       ($props.prefix === 'icon')
         ? (openBlock(), createBlock(_component_van_icon, {
             key: 0,
@@ -22627,9 +22623,9 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
       : 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: {
@@ -22671,15 +22667,15 @@ const _sfc_main$k = {
   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 = resolveComponent("el-image");
   const _component_dk_icon = resolveComponent("dk-icon");
 
@@ -22687,7 +22683,7 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
     class: "dk-view-video",
     style: normalizeStyle($options._style)
   }, [
-    createElementVNode("div", _hoisted_1$g, [
+    createElementVNode("div", _hoisted_1$h, [
       ($props.poster)
         ? (openBlock(), createBlock(_component_el_image, {
             key: 0,
@@ -22696,19 +22692,19 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
             class: "poster"
           }, null, 8 /* PROPS */, ["src"]))
         : createCommentVNode("v-if", true),
-      createElementVNode("div", _hoisted_2$d, [
+      createElementVNode("div", _hoisted_2$e, [
         createVNode(_component_dk_icon, {
           icon: "VideoPlay",
           size: 24
         }),
         (!$props.videoPath)
-          ? (openBlock(), createElementBlock("p", _hoisted_3$a, "请选择或者上传您的视频"))
+          ? (openBlock(), createElementBlock("p", _hoisted_3$b, "请选择或者上传您的视频"))
           : (openBlock(), 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,
@@ -22773,7 +22769,7 @@ function delDiy(id) {
   });
 }
 
-const _sfc_main$j = {
+const _sfc_main$l = {
   name: 'DiyCloud',
   props: {
     pageName: {
@@ -22897,9 +22893,9 @@ const _sfc_main$j = {
   },
 };
 
-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,
@@ -22930,7 +22926,7 @@ const _hoisted_13$2 = {
 };
 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 = resolveComponent("el-option");
   const _component_el_select = resolveComponent("el-select");
   const _component_el_button = resolveComponent("el-button");
@@ -22943,9 +22939,9 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dk_form = resolveComponent("dk-form");
   const _directive_loading = resolveDirective("loading");
 
-  return (openBlock(), createElementBlock("div", _hoisted_1$f, [
-    createElementVNode("div", _hoisted_2$c, [
-      createElementVNode("div", _hoisted_3$9, [
+  return (openBlock(), createElementBlock("div", _hoisted_1$g, [
+    createElementVNode("div", _hoisted_2$d, [
+      createElementVNode("div", _hoisted_3$a, [
         createVNode(_component_el_select, {
           modelValue: $data.search.state,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => (($data.search.state) = $event)),
@@ -23178,7 +23174,56 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
     }, 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',
@@ -23195,7 +23240,7 @@ designerForm.register({
   },
 });
 
-const _sfc_main$i = defineComponent({
+const _sfc_main$k = defineComponent({
   name: 'DkPageDiy',
   components: {
     DiyCloud,
@@ -23210,6 +23255,7 @@ const _sfc_main$i = defineComponent({
     const fcx = ref({ active: null });
     provide('fcx', fcx);
     provide('diy', vm);
+    const eventData = new EventData();
     const config = toRef(props, 'config', {});
     //  区别小程序和网页
     const ruleList = props.type === 'web' ? webRuleList : minRuleList;
@@ -24222,6 +24268,7 @@ const _sfc_main$i = defineComponent({
       ...methods,
       countObj,
       diyTree,
+      eventData,
     }
   },
   created() {
@@ -24232,9 +24279,9 @@ const _sfc_main$i = defineComponent({
   },
 });
 
-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,
@@ -24244,7 +24291,7 @@ const _hoisted_5$6 = {
 const _hoisted_6$6 = /*#__PURE__*/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 = resolveComponent("dk-icon");
   const _component_draggable = resolveComponent("draggable");
   const _component_el_tree = resolveComponent("el-tree");
@@ -24268,13 +24315,13 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
         style: normalizeStyle(_ctx.leftAside.style)
       }, {
         default: withCtx(() => [
-          createElementVNode("div", _hoisted_1$e, [
+          createElementVNode("div", _hoisted_1$f, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.menuList, (item, index) => {
               return (openBlock(), createElementBlock("div", {
                 key: index,
                 class: "_fc-l-group"
               }, [
-                createElementVNode("h4", _hoisted_2$b, toDisplayString(item.title), 1 /* TEXT */),
+                createElementVNode("h4", _hoisted_2$c, toDisplayString(item.title), 1 /* TEXT */),
                 createVNode(_component_draggable, {
                   group: { name: 'default', pull: 'clone', put: false },
                   sort: false,
@@ -24288,7 +24335,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
                       key: element.id,
                       class: normalizeClass(["_fc-l-item", element.count - (_ctx.countObj[element.name] || 0) <= 0 ? 'not-drag' : ''])
                     }, [
-                      createElementVNode("div", _hoisted_3$8, [
+                      createElementVNode("div", _hoisted_3$9, [
                         createVNode(_component_dk_icon, {
                           icon: element.icon,
                           size: 24
@@ -24543,10 +24590,10 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
     _: 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 = defineComponent({
+const _sfc_main$j = defineComponent({
   name: 'DragTool',
   props: {
     dragBtn: {
@@ -24615,13 +24662,13 @@ const _sfc_main$h = defineComponent({
   },
 });
 
-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 = resolveComponent("dk-icon");
 
   return (openBlock(), createElementBlock("div", {
@@ -24630,9 +24677,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     onClick: _cache[4] || (_cache[4] = withModifiers((...args) => (_ctx.active && _ctx.active(...args)), ["stop"]))
   }, [
     (_ctx.mask)
-      ? (openBlock(), createElementBlock("div", _hoisted_1$d))
+      ? (openBlock(), createElementBlock("div", _hoisted_1$e))
       : createCommentVNode("v-if", true),
-    createElementVNode("div", _hoisted_2$a, [
+    createElementVNode("div", _hoisted_2$b, [
       createElementVNode("div", {
         class: "drag-btn",
         title: "添加当前组件",
@@ -24668,9 +24715,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     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 = defineComponent({
+const _sfc_main$i = defineComponent({
   name: 'DragBox',
   props: ['rule', 'tag', 'formCreateInject'],
   render(ctx) {
@@ -24700,7 +24747,246 @@ const _sfc_main$g = defineComponent({
     })
   },
 });
-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 = defineComponent({
+  name: "DkEventCreateInput"
+});
+var _sfc_main$h = /* @__PURE__ */ 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 = ref(props.modelValue || "");
+    watch(
+      () => props.modelValue,
+      (val) => {
+        data.value = val;
+      }
+    );
+    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 = resolveComponent("el-button");
+      const _component_el_input = resolveComponent("el-input");
+      return openBlock(), createElementBlock("div", null, [
+        createVNode(_component_el_input, {
+          modelValue: data.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => data.value = $event),
+          placeholder: __props.placeholder,
+          clearable: ""
+        }, {
+          append: withCtx(() => [
+            createVNode(_component_el_button, { onClick }, {
+              default: withCtx(() => [
+                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 = resolveComponent("el-option");
+  const _component_el_select = resolveComponent("el-select");
+  const _component_el_button = resolveComponent("el-button");
+
+  return (openBlock(), createElementBlock("div", _hoisted_1$d, [
+    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: withCtx(() => [
+        (openBlock(true), createElementBlock(Fragment, null, renderList($data.eventData, (item) => {
+          return (openBlock(), createBlock(_component_el_option, {
+            key: item.value,
+            label: item.label + '（' + item.value + '）',
+            value: item.value
+          }, {
+            default: withCtx(() => [
+              createElementVNode("span", _hoisted_2$a, toDisplayString(item.label), 1 /* TEXT */),
+              createElementVNode("span", _hoisted_3$8, toDisplayString(item.value), 1 /* TEXT */)
+            ]),
+            _: 2 /* DYNAMIC */
+          }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["label", "value"]))
+        }), 128 /* KEYED_FRAGMENT */))
+      ]),
+      _: 1 /* STABLE */
+    }, 8 /* PROPS */, ["modelValue"]),
+    createVNode(_component_el_button, {
+      loading: $data.loading,
+      onClick: $options.updateEvent
+    }, {
+      default: withCtx(() => [
+        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);
@@ -24709,6 +24995,8 @@ const addComponent = (id, component) => {
 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();