@vipl520/dk-ui 1.0.19 → 1.0.21

package/dist/index.js

@@ -763,12 +763,12 @@
     }
   };
 
-  const _hoisted_1$S = { class: "mr-10px bg-black" };
-  const __default__$J = require$$0.defineComponent({
+  const _hoisted_1$U = { class: "mr-10px bg-black" };
+  const __default__$L = require$$0.defineComponent({
     name: "DkTest"
   });
-  var _sfc_main$17 = /* @__PURE__ */ require$$0.defineComponent({
-    ...__default__$J,
+  var _sfc_main$19 = /* @__PURE__ */ require$$0.defineComponent({
+    ...__default__$L,
     props: testProps,
     setup(__props) {
       createNamespace("test");
@@ -795,7 +795,7 @@
             }),
             require$$0.createElementVNode(
               "div",
-              _hoisted_1$S,
+              _hoisted_1$U,
               require$$0.toDisplayString(_ctx.test),
               1
               /* TEXT */
@@ -816,7 +816,7 @@
     return target;
   };
 
-  var _Test = /* @__PURE__ */ _export_sfc(_sfc_main$17, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\test\\src\\test.vue"]]);
+  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"]]);
 
   const Test = withInstall(_Test);
 
@@ -9877,14 +9877,14 @@
     }
   };
 
-  const _hoisted_1$R = { key: 1 };
-  const _hoisted_2$D = { class: "collapse-title" };
-  const _hoisted_3$r = { class: "_dk-group-handle" };
-  const __default__$I = require$$0.defineComponent({
+  const _hoisted_1$T = { key: 1 };
+  const _hoisted_2$F = { class: "collapse-title" };
+  const _hoisted_3$t = { class: "_dk-group-handle" };
+  const __default__$K = require$$0.defineComponent({
     name: "DkGroup"
   });
-  var _sfc_main$16 = /* @__PURE__ */ require$$0.defineComponent({
-    ...__default__$I,
+  var _sfc_main$18 = /* @__PURE__ */ require$$0.defineComponent({
+    ...__default__$K,
     props: groupProps,
     emits: [
       "update:modelValue",
@@ -10134,7 +10134,7 @@
               _: 1
               /* STABLE */
             })) : require$$0.createCommentVNode("v-if", true),
-            data.sort.length === 0 ? (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$R, [
+            data.sort.length === 0 ? (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$T, [
               (require$$0.openBlock(), require$$0.createBlock(_component_el_button, {
                 key: "a_def",
                 style: { "width": "100%" },
@@ -10160,7 +10160,7 @@
                   name: index
                 }, {
                   title: require$$0.withCtx(() => [
-                    require$$0.createElementVNode("div", _hoisted_2$D, [
+                    require$$0.createElementVNode("div", _hoisted_2$F, [
                       require$$0.createVNode(_component_dk_icon, {
                         icon: "Rank",
                         class: "collapse-title-rank"
@@ -10190,7 +10190,7 @@
                         onEmitEvent: (name, ...args) => emitEvent(name, args, index),
                         "onUpdate:api": ($f) => add$f(index, $f)
                       }, null, 8, ["model-value", "rule", "option", "onUpdate:modelValue", "onEmitEvent", "onUpdate:api"])),
-                      require$$0.createElementVNode("div", _hoisted_3$r, [
+                      require$$0.createElementVNode("div", _hoisted_3$t, [
                         require$$0.createVNode(
                           _component_el_button_group,
                           null,
@@ -10231,7 +10231,7 @@
     }
   });
 
-  var _Group = /* @__PURE__ */ _export_sfc(_sfc_main$16, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\group\\src\\group.vue"]]);
+  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"]]);
 
   const Group = withInstall(_Group);
 
@@ -10355,14 +10355,14 @@
     }
   };
 
-  const _hoisted_1$Q = { key: 0 };
-  const _hoisted_2$C = { key: 1 };
-  const _hoisted_3$q = { class: "text-center" };
-  const __default__$H = require$$0.defineComponent({
+  const _hoisted_1$S = { key: 0 };
+  const _hoisted_2$E = { key: 1 };
+  const _hoisted_3$s = { class: "text-center" };
+  const __default__$J = require$$0.defineComponent({
     name: "DkTinyEditor"
   });
-  var _sfc_main$15 = /* @__PURE__ */ require$$0.defineComponent({
-    ...__default__$H,
+  var _sfc_main$17 = /* @__PURE__ */ require$$0.defineComponent({
+    ...__default__$J,
     props: tinyEditorProps,
     emits: ["input", "update:modelValue", "change"],
     setup(__props, { emit }) {
@@ -10454,7 +10454,7 @@
             class: "dk-tiny-editor"
           },
           [
-            showDialog.value ? (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$Q, [
+            showDialog.value ? (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$S, [
               require$$0.createVNode(require$$0.unref(Editor), {
                 ref_key: "editorRef",
                 ref: editorRef,
@@ -10464,7 +10464,7 @@
                 "tinymce-script-src": tinymceSrc.value,
                 onDblclick: ondblclick
               }, null, 8, ["modelValue", "init", "tinymce-script-src"])
-            ])) : (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_2$C, [
+            ])) : (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_2$E, [
               require$$0.createVNode(_component_el_button, {
                 type: "primary",
                 plain: "",
@@ -10488,7 +10488,7 @@
                 width: "900px"
               }, {
                 footer: require$$0.withCtx(() => [
-                  require$$0.createElementVNode("div", _hoisted_3$q, [
+                  require$$0.createElementVNode("div", _hoisted_3$s, [
                     require$$0.createVNode(_component_el_button, {
                       type: "primary",
                       style: { "width": "200px" },
@@ -10537,7 +10537,7 @@
     }
   });
 
-  var _TinyEditor = /* @__PURE__ */ _export_sfc(_sfc_main$15, [["__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$17, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\tiny-editor\\src\\tiny-editor.vue"]]);
 
   const TinyEditor = withInstall(_TinyEditor);
 
@@ -10566,11 +10566,11 @@
     }
   };
 
-  const __default__$G = require$$0.defineComponent({
+  const __default__$I = require$$0.defineComponent({
     name: "DkIcon"
   });
-  var _sfc_main$14 = /* @__PURE__ */ require$$0.defineComponent({
-    ...__default__$G,
+  var _sfc_main$16 = /* @__PURE__ */ require$$0.defineComponent({
+    ...__default__$I,
     props: iconProps,
     setup(__props) {
       const props = __props;
@@ -10636,7 +10636,7 @@
     }
   });
 
-  var _Icon = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\icon\\src\\icon.vue"]]);
+  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"]]);
 
   const Icon = withInstall(_Icon);
 
@@ -10651,15 +10651,15 @@
     colorFormat: makeStringProp("hex")
   };
 
-  const _hoisted_1$P = {
+  const _hoisted_1$R = {
     style: { "display": "flex" },
     class: "dk-color-input"
   };
-  const __default__$F = require$$0.defineComponent({
+  const __default__$H = require$$0.defineComponent({
     name: "DkColorInput"
   });
-  var _sfc_main$13 = /* @__PURE__ */ require$$0.defineComponent({
-    ...__default__$F,
+  var _sfc_main$15 = /* @__PURE__ */ require$$0.defineComponent({
+    ...__default__$H,
     props: colorInputProps,
     emits: ["input", "update:modelValue", "change"],
     setup(__props, { emit }) {
@@ -10683,7 +10683,7 @@
       return (_ctx, _cache) => {
         const _component_el_input = require$$0.resolveComponent("el-input");
         const _component_el_color_picker = require$$0.resolveComponent("el-color-picker");
-        return require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$P, [
+        return require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$R, [
           require$$0.createVNode(_component_el_input, {
             modelValue: data.value,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => data.value = $event),
@@ -10702,7 +10702,7 @@
     }
   });
 
-  var _ColorInput = /* @__PURE__ */ _export_sfc(_sfc_main$13, [["__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$15, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\color-input\\src\\color-input.vue"]]);
 
   const ColorInput = withInstall(_ColorInput);
 
@@ -10715,29 +10715,29 @@
     }
   };
 
-  const _hoisted_1$O = { class: "hot-area-content" };
-  const _hoisted_2$B = { class: "hot-area-draggable" };
-  const _hoisted_3$p = {
+  const _hoisted_1$Q = { class: "hot-area-content" };
+  const _hoisted_2$D = { class: "hot-area-draggable" };
+  const _hoisted_3$r = {
     class: "hot-item-content",
     style: { "position": "relative", "width": "100%", "height": "100%", "background": "#0003" }
   };
-  const _hoisted_4$k = {
+  const _hoisted_4$m = {
     key: 1,
     style: { "width": "500px", "height": "500px" }
   };
-  const _hoisted_5$f = { class: "hot-area-form" };
-  const _hoisted_6$c = /* @__PURE__ */ require$$0.createElementVNode(
+  const _hoisted_5$g = { class: "hot-area-form" };
+  const _hoisted_6$d = /* @__PURE__ */ require$$0.createElementVNode(
     "h3",
     { style: { "margin-top": "0", "font-size": "16px", "font-weight": "500" } },
     "\u70ED\u533A\u7BA1\u7406",
     -1
     /* HOISTED */
   );
-  const __default__$E = require$$0.defineComponent({
+  const __default__$G = require$$0.defineComponent({
     name: "HotAreaContent"
   });
-  var _sfc_main$12 = /* @__PURE__ */ require$$0.defineComponent({
-    ...__default__$E,
+  var _sfc_main$14 = /* @__PURE__ */ require$$0.defineComponent({
+    ...__default__$G,
     props: {
       hotDataValue: {
         default: () => {
@@ -10831,8 +10831,8 @@
         const _component_el_button = require$$0.resolveComponent("el-button");
         const _component_el_input = require$$0.resolveComponent("el-input");
         const _component_el_form = require$$0.resolveComponent("el-form");
-        return require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$O, [
-          require$$0.createElementVNode("div", _hoisted_2$B, [
+        return require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$Q, [
+          require$$0.createElementVNode("div", _hoisted_2$D, [
             hotData.background ? (require$$0.openBlock(), require$$0.createElementBlock(
               "div",
               {
@@ -10875,7 +10875,7 @@
                       default: require$$0.withCtx(() => [
                         require$$0.createElementVNode(
                           "div",
-                          _hoisted_3$p,
+                          _hoisted_3$r,
                           require$$0.toDisplayString(key + 1),
                           1
                           /* TEXT */
@@ -10891,12 +10891,12 @@
               ],
               36
               /* STYLE, HYDRATE_EVENTS */
-            )) : (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_4$k, [
+            )) : (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_4$m, [
               require$$0.createVNode(_component_el_empty, { description: "\u8BF7\u4E0A\u4F20\u56FE\u7247" })
             ]))
           ]),
-          require$$0.createElementVNode("div", _hoisted_5$f, [
-            _hoisted_6$c,
+          require$$0.createElementVNode("div", _hoisted_5$g, [
+            _hoisted_6$d,
             require$$0.createVNode(_component_el_form, {
               "label-width": "80px",
               "label-position": "left"
@@ -10973,15 +10973,15 @@
     }
   });
 
-  var HotAreaContent = /* @__PURE__ */ _export_sfc(_sfc_main$12, [["__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$14, [["__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$N = { class: "dk-hot-area-input" };
-  const _hoisted_2$A = { class: "text-center" };
-  const __default__$D = require$$0.defineComponent({
+  const _hoisted_1$P = { class: "dk-hot-area-input" };
+  const _hoisted_2$C = { class: "text-center" };
+  const __default__$F = require$$0.defineComponent({
     name: "DkHotAreaInput"
   });
-  var _sfc_main$11 = /* @__PURE__ */ require$$0.defineComponent({
-    ...__default__$D,
+  var _sfc_main$13 = /* @__PURE__ */ require$$0.defineComponent({
+    ...__default__$F,
     props: hotAreaInputProps,
     setup(__props) {
       const props = __props;
@@ -10990,7 +10990,7 @@
       return (_ctx, _cache) => {
         const _component_el_button = require$$0.resolveComponent("el-button");
         const _component_dk_dialog = require$$0.resolveComponent("dk-dialog");
-        return require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$N, [
+        return require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$P, [
           require$$0.createVNode(_component_el_button, {
             type: "primary",
             onClick: _cache[0] || (_cache[0] = ($event) => dialog.value = true)
@@ -11008,7 +11008,7 @@
             title: "\u8BBE\u7F6E\u70ED\u533A"
           }, {
             footer: require$$0.withCtx(() => [
-              require$$0.createElementVNode("div", _hoisted_2$A, [
+              require$$0.createElementVNode("div", _hoisted_2$C, [
                 require$$0.createVNode(_component_el_button, {
                   size: "default",
                   style: { "width": "200px" },
@@ -11034,7 +11034,7 @@
     }
   });
 
-  var _HotAreaInput = /* @__PURE__ */ _export_sfc(_sfc_main$11, [["__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$13, [["__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);
 
@@ -11071,13 +11071,13 @@
     }
   };
 
-  const _hoisted_1$M = { class: "flex justify-between items-center relative" };
-  const _hoisted_2$z = { class: "flex justify-between items-center absolute top-[50%] right-0 translate-y-[-50%]" };
-  const __default__$C = require$$0.defineComponent({
+  const _hoisted_1$O = { class: "flex justify-between items-center relative" };
+  const _hoisted_2$B = { class: "flex justify-between items-center absolute top-[50%] right-0 translate-y-[-50%]" };
+  const __default__$E = require$$0.defineComponent({
     name: "DkDialog"
   });
-  var _sfc_main$10 = /* @__PURE__ */ require$$0.defineComponent({
-    ...__default__$C,
+  var _sfc_main$12 = /* @__PURE__ */ require$$0.defineComponent({
+    ...__default__$E,
     props: dialogProps,
     setup(__props) {
       const props = __props;
@@ -11142,7 +11142,7 @@
         }), require$$0.createSlots({
           header: require$$0.withCtx(({ close }) => [
             require$$0.renderSlot(_ctx.$slots, "header", {}, () => [
-              require$$0.createElementVNode("div", _hoisted_1$M, [
+              require$$0.createElementVNode("div", _hoisted_1$O, [
                 require$$0.createElementVNode(
                   "span",
                   null,
@@ -11150,7 +11150,7 @@
                   1
                   /* TEXT */
                 ),
-                require$$0.createElementVNode("div", _hoisted_2$z, [
+                require$$0.createElementVNode("div", _hoisted_2$B, [
                   _ctx.fullscreen ? (require$$0.openBlock(), require$$0.createBlock(_component_dk_icon, {
                     key: 0,
                     class: "cursor-pointer is-hover mr-10px",
@@ -11196,7 +11196,7 @@
     }
   });
 
-  var _Dialog = /* @__PURE__ */ _export_sfc(_sfc_main$10, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\dialog\\src\\dialog.vue"]]);
+  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"]]);
 
   const Dialog = withInstall(_Dialog);
 
@@ -11300,12 +11300,12 @@
   };
   var _config = config;
 
-  const _hoisted_1$L = { key: 1 };
-  const __default__$B = require$$0.defineComponent({
+  const _hoisted_1$N = { key: 1 };
+  const __default__$D = require$$0.defineComponent({
     name: "DkForm"
   });
-  var _sfc_main$$ = /* @__PURE__ */ require$$0.defineComponent({
-    ...__default__$B,
+  var _sfc_main$11 = /* @__PURE__ */ require$$0.defineComponent({
+    ...__default__$D,
     props: formProps,
     emits: ["submit", "fail", "update:modelValue"],
     setup(__props, { expose: __expose, emit }) {
@@ -11533,7 +11533,7 @@
           ]),
           _: 3
           /* FORWARDED */
-        }, 16, ["modelValue", "title", "width", "default-fullscreen"])) : (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$L, [
+        }, 16, ["modelValue", "title", "width", "default-fullscreen"])) : (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$N, [
           require$$0.createElementVNode(
             "div",
             {
@@ -11585,11 +11585,11 @@
     }
   });
 
-  var _Form = /* @__PURE__ */ _export_sfc(_sfc_main$$, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\form\\src\\form.vue"]]);
+  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"]]);
 
   const Form = withInstall(_Form);
 
-  const _hoisted_1$K = {
+  const _hoisted_1$M = {
     xmlns: "http://www.w3.org/2000/svg",
     version: "1.1",
     x: "0px",
@@ -11598,7 +11598,7 @@
     style: { "enable-background": "new 0 0 512 512" },
     "xml:space": "preserve"
   };
-  const _hoisted_2$y = /* @__PURE__ */ require$$0.createElementVNode(
+  const _hoisted_2$A = /* @__PURE__ */ require$$0.createElementVNode(
     "path",
     {
       fill: "#E2E5E7",
@@ -11608,7 +11608,7 @@
     -1
     /* HOISTED */
   );
-  const _hoisted_3$o = /* @__PURE__ */ require$$0.createElementVNode(
+  const _hoisted_3$q = /* @__PURE__ */ require$$0.createElementVNode(
     "path",
     {
       fill: "#B0B7BD",
@@ -11619,7 +11619,7 @@
     -1
     /* HOISTED */
   );
-  const _hoisted_4$j = /* @__PURE__ */ require$$0.createElementVNode(
+  const _hoisted_4$l = /* @__PURE__ */ require$$0.createElementVNode(
     "polygon",
     {
       fill: "#CAD1D8",
@@ -11630,7 +11630,7 @@
     -1
     /* HOISTED */
   );
-  const _hoisted_5$e = /* @__PURE__ */ require$$0.createElementVNode(
+  const _hoisted_5$f = /* @__PURE__ */ require$$0.createElementVNode(
     "path",
     {
       fill: "#CAD1D8",
@@ -11641,14 +11641,14 @@
     -1
     /* HOISTED */
   );
-  const _hoisted_6$b = {
+  const _hoisted_6$c = {
     key: 0,
     fill: "#000000",
     "fill-opacity": "0.18",
     "p-id": "14722",
     d: "m358.678722,204.927171q-1.307107,-0.18673 -2.33412,-1.867296t-1.587202,-6.162077q-0.933648,-7.282454 -4.761605,-10.736952t-11.857329,-4.948334q-8.402832,-1.680566 -14.845003,-6.81563t-10.736952,-9.616574q-4.108051,-3.921321 -6.348806,-2.800944t-2.240755,4.108051l0,8.029373l0,17.552582q0,10.456857 -0.093365,22.594281t-0.093365,22.96774l0,19.046419l0,10.643587q0.18673,4.48151 -1.400472,9.990033t-5.975347,10.363493t-11.6706,8.309467t-18.112771,4.014686q-11.017046,0.560189 -19.886702,-3.921321t-13.724625,-11.29714t-4.761605,-14.938368t7.00236,-15.218462t14.938368,-9.896669t15.498556,-3.081038t13.351166,1.027013t8.682926,2.427485l0,-52.844475q0,-22.034092 0.18673,-49.670072q0,-5.415158 2.800944,-8.869656t7.469184,-4.014686q3.921321,-0.560189 6.442171,1.587202t5.135064,5.975347t6.442171,8.682926t10.363493,9.523209q5.601888,4.294781 9.803304,6.162077t7.842643,3.454498t7.189089,3.827957t7.842643,7.282454q4.294781,4.854969 5.228429,10.083398t0.093365,9.523209t-2.707579,7.00236t-3.174403,2.52085z"
   };
-  const _hoisted_7$b = {
+  const _hoisted_7$c = {
     key: 1,
     stroke: "null",
     "p-id": "5208",
@@ -11668,11 +11668,11 @@
     "font-family": "Verdana, Helvetica, Arial, sans-serif",
     "font-size": "124"
   };
-  const __default__$A = require$$0.defineComponent({
+  const __default__$C = require$$0.defineComponent({
     name: "DkFileIcon"
   });
-  var _sfc_main$_ = /* @__PURE__ */ require$$0.defineComponent({
-    ...__default__$A,
+  var _sfc_main$10 = /* @__PURE__ */ require$$0.defineComponent({
+    ...__default__$C,
     props: {
       type: {
         default: 0,
@@ -11742,11 +11742,11 @@
         return colorList[index];
       };
       return (_ctx, _cache) => {
-        return require$$0.openBlock(), require$$0.createElementBlock("svg", _hoisted_1$K, [
+        return require$$0.openBlock(), require$$0.createElementBlock("svg", _hoisted_1$M, [
           require$$0.createElementVNode("g", null, [
-            _hoisted_2$y,
-            _hoisted_3$o,
-            _hoisted_4$j,
+            _hoisted_2$A,
+            _hoisted_3$q,
+            _hoisted_4$l,
             require$$0.createElementVNode(
               "path",
               {
@@ -11757,9 +11757,9 @@
               4
               /* STYLE */
             ),
-            _hoisted_5$e,
-            type.value === 2 ? (require$$0.openBlock(), require$$0.createElementBlock("path", _hoisted_6$b)) : require$$0.createCommentVNode("v-if", true),
-            type.value === 3 ? (require$$0.openBlock(), require$$0.createElementBlock("path", _hoisted_7$b)) : require$$0.createCommentVNode("v-if", true),
+            _hoisted_5$f,
+            type.value === 2 ? (require$$0.openBlock(), require$$0.createElementBlock("path", _hoisted_6$c)) : require$$0.createCommentVNode("v-if", true),
+            type.value === 3 ? (require$$0.openBlock(), require$$0.createElementBlock("path", _hoisted_7$c)) : require$$0.createCommentVNode("v-if", true),
             require$$0.createElementVNode("g", null, [
               require$$0.createElementVNode("text", _hoisted_8$a, [
                 require$$0.createElementVNode(
@@ -11777,7 +11777,7 @@
     }
   });
 
-  var DkFileIcon = /* @__PURE__ */ _export_sfc(_sfc_main$_, [["__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$10, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\attachment\\src\\file-icon.vue"]]);
 
   const attachmentProps = {
     type: {
@@ -11791,25 +11791,25 @@
     }
   };
 
-  const _hoisted_1$J = { class: "dk-attachment attachment" };
-  const _hoisted_2$x = { class: "attachment-header flex justify-between pt-5px pb-5px" };
-  const _hoisted_3$n = { class: "header-form z" };
-  const _hoisted_4$i = { class: "header-button y" };
-  const _hoisted_5$d = /* @__PURE__ */ require$$0.createElementVNode(
+  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_4$k = { class: "header-button y" };
+  const _hoisted_5$e = /* @__PURE__ */ require$$0.createElementVNode(
     "i",
     { class: "el-icon-delete el-icon--right" },
     null,
     -1
     /* HOISTED */
   );
-  const _hoisted_6$a = /* @__PURE__ */ require$$0.createElementVNode(
+  const _hoisted_6$b = /* @__PURE__ */ require$$0.createElementVNode(
     "i",
     { class: "el-icon-upload el-icon--right" },
     null,
     -1
     /* HOISTED */
   );
-  const _hoisted_7$a = { class: "attachment-content flex" };
+  const _hoisted_7$b = { class: "attachment-content flex" };
   const _hoisted_8$9 = { class: "attachment-group" };
   const _hoisted_9$7 = { class: "group_list" };
   const _hoisted_10$6 = ["onClick"];
@@ -11842,11 +11842,11 @@
     key: 1,
     style: { "display": "flex", "align-items": "center", "justify-content": "center", "height": "340px" }
   };
-  const __default__$z = require$$0.defineComponent({
+  const __default__$B = require$$0.defineComponent({
     name: "DkAttachment"
   });
-  var _sfc_main$Z = /* @__PURE__ */ require$$0.defineComponent({
-    ...__default__$z,
+  var _sfc_main$$ = /* @__PURE__ */ require$$0.defineComponent({
+    ...__default__$B,
     props: attachmentProps,
     setup(__props, { expose: __expose }) {
       const props = __props;
@@ -12046,10 +12046,10 @@
         const _component_el_empty = require$$0.resolveComponent("el-empty");
         const _component_dk_form = require$$0.resolveComponent("dk-form");
         const _directive_loading = require$$0.resolveDirective("loading");
-        return require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$J, [
+        return require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$L, [
           require$$0.createCommentVNode(" \u9876\u90E8"),
-          require$$0.createElementVNode("div", _hoisted_2$x, [
-            require$$0.createElementVNode("div", _hoisted_3$n, [
+          require$$0.createElementVNode("div", _hoisted_2$z, [
+            require$$0.createElementVNode("div", _hoisted_3$p, [
               require$$0.createVNode(_component_el_input, {
                 modelValue: searchFileName.value,
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => searchFileName.value = $event),
@@ -12063,7 +12063,7 @@
                 /* STABLE */
               }, 8, ["modelValue"])
             ]),
-            require$$0.createElementVNode("div", _hoisted_4$i, [
+            require$$0.createElementVNode("div", _hoisted_4$k, [
               require$$0.createVNode(_component_el_dropdown, {
                 class: "mr",
                 trigger: "click",
@@ -12121,7 +12121,7 @@
               }, {
                 default: require$$0.withCtx(() => [
                   require$$0.createTextVNode("\u5220\u9664"),
-                  _hoisted_5$d
+                  _hoisted_5$e
                 ]),
                 _: 1
                 /* STABLE */
@@ -12143,7 +12143,7 @@
                   require$$0.createVNode(_component_el_button, { type: "primary" }, {
                     default: require$$0.withCtx(() => [
                       require$$0.createTextVNode("\u4E0A\u4F20"),
-                      _hoisted_6$a
+                      _hoisted_6$b
                     ]),
                     _: 1
                     /* STABLE */
@@ -12155,7 +12155,7 @@
             ])
           ]),
           require$$0.createCommentVNode("\u5185\u90E8"),
-          require$$0.createElementVNode("div", _hoisted_7$a, [
+          require$$0.createElementVNode("div", _hoisted_7$b, [
             require$$0.createCommentVNode(" \u5206\u7EC4"),
             require$$0.createElementVNode("div", _hoisted_8$9, [
               require$$0.createElementVNode("h5", {
@@ -12356,7 +12356,7 @@
     }
   });
 
-  var _Attachment = /* @__PURE__ */ _export_sfc(_sfc_main$Z, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\attachment\\src\\attachment.vue"]]);
+  var _Attachment = /* @__PURE__ */ _export_sfc(_sfc_main$$, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\attachment\\src\\attachment.vue"]]);
 
   const Attachment = withInstall(_Attachment);
 
@@ -12368,12 +12368,12 @@
     }
   };
 
-  const _hoisted_1$I = { class: "text-center m2" };
-  const __default__$y = require$$0.defineComponent({
+  const _hoisted_1$K = { class: "text-center m2" };
+  const __default__$A = require$$0.defineComponent({
     name: "DkAttachmentDialog"
   });
-  var _sfc_main$Y = /* @__PURE__ */ require$$0.defineComponent({
-    ...__default__$y,
+  var _sfc_main$_ = /* @__PURE__ */ require$$0.defineComponent({
+    ...__default__$A,
     props: attachmentDialogProps,
     emits: ["confirm"],
     setup(__props, { expose: __expose, emit }) {
@@ -12421,7 +12421,7 @@
               ref: attachment,
               type: _type.value
             }, null, 8, ["type"]),
-            require$$0.createElementVNode("div", _hoisted_1$I, [
+            require$$0.createElementVNode("div", _hoisted_1$K, [
               require$$0.createVNode(_component_el_button, {
                 type: "primary",
                 onClick: _cache[0] || (_cache[0] = ($event) => confirm())
@@ -12450,7 +12450,7 @@
     }
   });
 
-  var _AttachmentDialog = /* @__PURE__ */ _export_sfc(_sfc_main$Y, [["__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$_, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\attachment-dialog\\src\\attachment-dialog.vue"]]);
 
   const AttachmentDialog = withInstall(_AttachmentDialog);
 
@@ -12469,15 +12469,15 @@
     accept: { type: String, default: "" }
   };
 
-  const _hoisted_1$H = { class: "show m-t-5px" };
-  const _hoisted_2$w = { class: "image-error" };
-  const _hoisted_3$m = { class: "image-slot" };
-  const _hoisted_4$h = { class: "no-image" };
-  const __default__$x = require$$0.defineComponent({
+  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_4$j = { class: "no-image" };
+  const __default__$z = require$$0.defineComponent({
     name: "DkFileInput"
   });
-  var _sfc_main$X = /* @__PURE__ */ require$$0.defineComponent({
-    ...__default__$x,
+  var _sfc_main$Z = /* @__PURE__ */ require$$0.defineComponent({
+    ...__default__$z,
     props: fileInputProps,
     emits: ["input", "update:modelValue", "change"],
     setup(__props, { emit }) {
@@ -12551,7 +12551,7 @@
                   /* STABLE */
                 }, 8, ["modelValue", "placeholder"]),
                 require$$0.createCommentVNode("\u9009\u62E9\u7684\u662F\u56FE\u7247"),
-                require$$0.createElementVNode("div", _hoisted_1$H, [
+                require$$0.createElementVNode("div", _hoisted_1$J, [
                   _ctx.type === 1 ? (require$$0.openBlock(), require$$0.createBlock(_component_el_image, {
                     key: 0,
                     src: input.value,
@@ -12561,7 +12561,7 @@
                     "preview-src-list": [input.value]
                   }, {
                     error: require$$0.withCtx(() => [
-                      require$$0.createElementVNode("div", _hoisted_2$w, [
+                      require$$0.createElementVNode("div", _hoisted_2$y, [
                         require$$0.createVNode(_component_dk_icon, { icon: "Picture" })
                       ])
                     ]),
@@ -12608,8 +12608,8 @@
                           style: { "width": "100%", "height": "100%" }
                         }, {
                           error: require$$0.withCtx(() => [
-                            require$$0.createElementVNode("div", _hoisted_3$m, [
-                              require$$0.createElementVNode("div", _hoisted_4$h, [
+                            require$$0.createElementVNode("div", _hoisted_3$o, [
+                              require$$0.createElementVNode("div", _hoisted_4$j, [
                                 require$$0.createVNode(_component_el_icon, null, {
                                   default: require$$0.withCtx(() => [
                                     require$$0.createVNode(_component_Picture)
@@ -12697,7 +12697,7 @@
     }
   });
 
-  var _FileInput = /* @__PURE__ */ _export_sfc(_sfc_main$X, [["__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$Z, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\file-input\\src\\file-input.vue"]]);
 
   const FileInput = withInstall(_FileInput);
 
@@ -12709,11 +12709,11 @@
     accept: { type: String, default: "" }
   };
 
-  const __default__$w = require$$0.defineComponent({
+  const __default__$y = require$$0.defineComponent({
     name: "DkImageInput"
   });
-  var _sfc_main$W = /* @__PURE__ */ require$$0.defineComponent({
-    ...__default__$w,
+  var _sfc_main$Y = /* @__PURE__ */ require$$0.defineComponent({
+    ...__default__$y,
     props: imageInputProps,
     emits: ["input", "update:modelValue", "change"],
     setup(__props, { emit }) {
@@ -12749,7 +12749,7 @@
     }
   });
 
-  var _ImageInput = /* @__PURE__ */ _export_sfc(_sfc_main$W, [["__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$Y, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\image-input\\src\\image-input.vue"]]);
 
   const ImageInput = withInstall(_ImageInput);
 
@@ -12761,11 +12761,11 @@
     accept: { type: String, default: "" }
   };
 
-  const __default__$v = require$$0.defineComponent({
+  const __default__$x = require$$0.defineComponent({
     name: "DkAudioInput"
   });
-  var _sfc_main$V = /* @__PURE__ */ require$$0.defineComponent({
-    ...__default__$v,
+  var _sfc_main$X = /* @__PURE__ */ require$$0.defineComponent({
+    ...__default__$x,
     props: audioInputProps,
     emits: ["input", "update:modelValue", "change"],
     setup(__props, { emit }) {
@@ -12801,7 +12801,7 @@
     }
   });
 
-  var _AudioInput = /* @__PURE__ */ _export_sfc(_sfc_main$V, [["__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$X, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\audio-input\\src\\audio-input.vue"]]);
 
   const AudioInput = withInstall(_AudioInput);
 
@@ -12813,11 +12813,11 @@
     accept: { type: String, default: "" }
   };
 
-  const __default__$u = require$$0.defineComponent({
+  const __default__$w = require$$0.defineComponent({
     name: "DkVideoInput"
   });
-  var _sfc_main$U = /* @__PURE__ */ require$$0.defineComponent({
-    ...__default__$u,
+  var _sfc_main$W = /* @__PURE__ */ require$$0.defineComponent({
+    ...__default__$w,
     props: videoInputProps,
     emits: ["input", "update:modelValue", "change"],
     setup(__props, { emit }) {
@@ -12853,7 +12853,7 @@
     }
   });
 
-  var _VideoInput = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["__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$W, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\video-input\\src\\video-input.vue"]]);
 
   const VideoInput = withInstall(_VideoInput);
 
@@ -12866,14 +12866,14 @@
     accept: { default: "", type: String }
   };
 
-  const _hoisted_1$G = { class: "dk-image-list" };
-  const _hoisted_2$v = ["onClick"];
-  const _hoisted_3$l = { key: 0 };
-  const __default__$t = require$$0.defineComponent({
+  const _hoisted_1$I = { class: "dk-image-list" };
+  const _hoisted_2$x = ["onClick"];
+  const _hoisted_3$n = { key: 0 };
+  const __default__$v = require$$0.defineComponent({
     name: "DkFileListInput"
   });
-  var _sfc_main$T = /* @__PURE__ */ require$$0.defineComponent({
-    ...__default__$t,
+  var _sfc_main$V = /* @__PURE__ */ require$$0.defineComponent({
+    ...__default__$v,
     props: fileListInputProps,
     emits: ["input", "update:modelValue", "change"],
     setup(__props, { emit }) {
@@ -12931,7 +12931,7 @@
             class: require$$0.normalizeClass(require$$0.unref(bem)())
           },
           [
-            require$$0.createElementVNode("div", _hoisted_1$G, [
+            require$$0.createElementVNode("div", _hoisted_1$I, [
               require$$0.createElementVNode("ul", null, [
                 (require$$0.openBlock(true), require$$0.createElementBlock(
                   require$$0.Fragment,
@@ -12968,7 +12968,7 @@
                               _: 1
                               /* STABLE */
                             })
-                          ], 8, _hoisted_2$v)) : require$$0.createCommentVNode("v-if", true)
+                          ], 8, _hoisted_2$x)) : require$$0.createCommentVNode("v-if", true)
                         ],
                         4
                         /* STYLE */
@@ -12978,7 +12978,7 @@
                   128
                   /* KEYED_FRAGMENT */
                 )),
-                _ctx.limit > input.value.length && !_ctx.disabled ? (require$$0.openBlock(), require$$0.createElementBlock("li", _hoisted_3$l, [
+                _ctx.limit > input.value.length && !_ctx.disabled ? (require$$0.openBlock(), require$$0.createElementBlock("li", _hoisted_3$n, [
                   require$$0.createElementVNode(
                     "div",
                     {
@@ -13015,7 +13015,7 @@
     }
   });
 
-  var _FileListInput = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["__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$V, [["__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);
 
@@ -13027,11 +13027,11 @@
     accept: { default: "", type: String }
   };
 
-  const __default__$s = require$$0.defineComponent({
+  const __default__$u = require$$0.defineComponent({
     name: "DkImageListInput"
   });
-  var _sfc_main$S = /* @__PURE__ */ require$$0.defineComponent({
-    ...__default__$s,
+  var _sfc_main$U = /* @__PURE__ */ require$$0.defineComponent({
+    ...__default__$u,
     props: imageListInputProps,
     emits: ["input", "update:modelValue", "change"],
     setup(__props, { emit }) {
@@ -13068,7 +13068,7 @@
     }
   });
 
-  var _ImageListInput = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["__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$U, [["__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);
 
@@ -13080,11 +13080,11 @@
     accept: { default: "", type: String }
   };
 
-  const __default__$r = require$$0.defineComponent({
+  const __default__$t = require$$0.defineComponent({
     name: "DkAudioListInput"
   });
-  var _sfc_main$R = /* @__PURE__ */ require$$0.defineComponent({
-    ...__default__$r,
+  var _sfc_main$T = /* @__PURE__ */ require$$0.defineComponent({
+    ...__default__$t,
     props: audioListInputProps,
     emits: ["input", "update:modelValue", "change"],
     setup(__props, { emit }) {
@@ -13121,7 +13121,7 @@
     }
   });
 
-  var _AudioListInput = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["__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$T, [["__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);
 
@@ -13133,11 +13133,11 @@
     accept: { default: "", type: String }
   };
 
-  const __default__$q = require$$0.defineComponent({
+  const __default__$s = require$$0.defineComponent({
     name: "DkVideoListInput"
   });
-  var _sfc_main$Q = /* @__PURE__ */ require$$0.defineComponent({
-    ...__default__$q,
+  var _sfc_main$S = /* @__PURE__ */ require$$0.defineComponent({
+    ...__default__$s,
     props: videoListInputProps,
     emits: ["input", "update:modelValue", "change"],
     setup(__props, { emit }) {
@@ -13174,7 +13174,7 @@
     }
   });
 
-  var _VideoListInput = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["__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$S, [["__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);
 
@@ -13234,18 +13234,18 @@
     });
   }
 
-  const _hoisted_1$F = { class: "dk-icon-content" };
-  const _hoisted_2$u = {
+  const _hoisted_1$H = { class: "dk-icon-content" };
+  const _hoisted_2$w = {
     key: 0,
     class: "text-center",
     style: { "font-size": "12px", "color": "#999" }
   };
-  const _hoisted_3$k = { class: "search-icon" };
-  const __default__$p = require$$0.defineComponent({
+  const _hoisted_3$m = { class: "search-icon" };
+  const __default__$r = require$$0.defineComponent({
     name: "DkIconContent"
   });
-  var _sfc_main$P = /* @__PURE__ */ require$$0.defineComponent({
-    ...__default__$p,
+  var _sfc_main$R = /* @__PURE__ */ require$$0.defineComponent({
+    ...__default__$r,
     props: iconContentProps,
     emits: ["choose"],
     setup(__props, { expose: __expose, emit }) {
@@ -13343,7 +13343,7 @@
         const _component_el_tabs = require$$0.resolveComponent("el-tabs");
         const _component_el_button = require$$0.resolveComponent("el-button");
         const _component_el_input = require$$0.resolveComponent("el-input");
-        return require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$F, [
+        return require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$H, [
           require$$0.createVNode(_component_el_tabs, {
             modelValue: activeName.value,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => activeName.value = $event)
@@ -13438,7 +13438,7 @@
                         128
                         /* KEYED_FRAGMENT */
                       )),
-                      !searchIcon.value ? (require$$0.openBlock(), require$$0.createElementBlock("p", _hoisted_2$u, "\u5F53\u524D\u663E\u793A\u5DF2\u7F13\u5B58\u7684\u56FE\u6807")) : require$$0.createCommentVNode("v-if", true)
+                      !searchIcon.value ? (require$$0.openBlock(), require$$0.createElementBlock("p", _hoisted_2$w, "\u5F53\u524D\u663E\u793A\u5DF2\u7F13\u5B58\u7684\u56FE\u6807")) : require$$0.createCommentVNode("v-if", true)
                     ],
                     64
                     /* STABLE_FRAGMENT */
@@ -13454,7 +13454,7 @@
             _: 1
             /* STABLE */
           }, 8, ["modelValue"]),
-          require$$0.createElementVNode("div", _hoisted_3$k, [
+          require$$0.createElementVNode("div", _hoisted_3$m, [
             require$$0.createVNode(_component_el_input, {
               modelValue: searchIcon.value,
               "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => searchIcon.value = $event),
@@ -13477,14 +13477,14 @@
     }
   });
 
-  var _IconContent = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["__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$R, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\icon-input\\src\\icon-content.vue"]]);
 
-  const _hoisted_1$E = { class: "text-center m2" };
-  const __default__$o = require$$0.defineComponent({
+  const _hoisted_1$G = { class: "text-center m2" };
+  const __default__$q = require$$0.defineComponent({
     name: "DkIconDialog"
   });
-  var _sfc_main$O = /* @__PURE__ */ require$$0.defineComponent({
-    ...__default__$o,
+  var _sfc_main$Q = /* @__PURE__ */ require$$0.defineComponent({
+    ...__default__$q,
     props: iconDialogProps,
     emits: ["choose", "confirm"],
     setup(__props, { expose: __expose, emit }) {
@@ -13518,7 +13518,7 @@
           class: "dk-icon-dialog"
         }, {
           footer: require$$0.withCtx(() => [
-            require$$0.createElementVNode("div", _hoisted_1$E, [
+            require$$0.createElementVNode("div", _hoisted_1$G, [
               require$$0.createVNode(_component_el_button, {
                 type: "primary",
                 onClick: confirm
@@ -13557,17 +13557,17 @@
     }
   });
 
-  var _IconDialog = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["__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$Q, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\icon-input\\src\\icon-dialog.vue"]]);
 
-  const _hoisted_1$D = {
+  const _hoisted_1$F = {
     key: 0,
     class: "show m-t-5px"
   };
-  const __default__$n = require$$0.defineComponent({
+  const __default__$p = require$$0.defineComponent({
     name: "DkIconInput"
   });
-  var _sfc_main$N = /* @__PURE__ */ require$$0.defineComponent({
-    ...__default__$n,
+  var _sfc_main$P = /* @__PURE__ */ require$$0.defineComponent({
+    ...__default__$p,
     props: iconInputProps,
     emits: ["input", "update:modelValue", "change"],
     setup(__props, { emit }) {
@@ -13635,7 +13635,7 @@
               /* STABLE */
             }, 8, ["modelValue", "placeholder"]),
             require$$0.createCommentVNode("\u9009\u62E9\u7684\u662F\u56FE\u7247"),
-            props.preview ? (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$D, [
+            props.preview ? (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$F, [
               require$$0.createVNode(_component_dk_icon, {
                 icon: input.value ? input.value : "fluent:document-none-24-regular",
                 class: "icon rd-4px cursor-pointer",
@@ -13674,7 +13674,7 @@
     }
   });
 
-  var _IconInput = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["__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$P, [["__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);
@@ -13771,16 +13771,16 @@
     }
   };
 
-  const _hoisted_1$C = { class: "dk-style-input" };
-  const _hoisted_2$t = {
+  const _hoisted_1$E = { class: "dk-style-input" };
+  const _hoisted_2$v = {
     key: 0,
     class: "p-5px"
   };
-  const __default__$m = require$$0.defineComponent({
+  const __default__$o = require$$0.defineComponent({
     name: "DkStyleInput"
   });
-  var _sfc_main$M = /* @__PURE__ */ require$$0.defineComponent({
-    ...__default__$m,
+  var _sfc_main$O = /* @__PURE__ */ require$$0.defineComponent({
+    ...__default__$o,
     props: styleInputProps,
     emits: ["update:modelValue"],
     setup(__props, { emit }) {
@@ -13832,8 +13832,8 @@
       return (_ctx, _cache) => {
         const _component_el_collapse_item = require$$0.resolveComponent("el-collapse-item");
         const _component_el_collapse = require$$0.resolveComponent("el-collapse");
-        return require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$C, [
-          !loading.value ? (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_2$t, [
+        return require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$E, [
+          !loading.value ? (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_2$v, [
             require$$0.createVNode(_component_el_collapse, {
               modelValue: activeNames.value,
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => activeNames.value = $event)
@@ -13879,7 +13879,7 @@
     }
   });
 
-  var _StyleInput = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["__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$O, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\style-input\\src\\style-input.vue"]]);
 
   const StyleInput = withInstall(_StyleInput);
 
@@ -13919,12 +13919,12 @@
     }
   };
 
-  const _hoisted_1$B = ["onMousedown"];
-  const __default__$l = require$$0.defineComponent({
+  const _hoisted_1$D = ["onMousedown"];
+  const __default__$n = require$$0.defineComponent({
     name: "DkBoxSizeInput"
   });
-  var _sfc_main$L = /* @__PURE__ */ require$$0.defineComponent({
-    ...__default__$l,
+  var _sfc_main$N = /* @__PURE__ */ require$$0.defineComponent({
+    ...__default__$n,
     props: boxSizeInputProps,
     emits: ["update:modelValue"],
     setup(__props, { emit }) {
@@ -14161,7 +14161,7 @@
                               _: 2
                               /* DYNAMIC */
                             }, 1032, ["content", "disabled"])
-                          ], 40, _hoisted_1$B)
+                          ], 40, _hoisted_1$D)
                         ]),
                         key: "0"
                       } : void 0
@@ -14259,7 +14259,7 @@
     }
   });
 
-  var _BoxSizeInput = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["__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$N, [["__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);
 
@@ -14387,13 +14387,13 @@
     }
   ];
 
-  const _hoisted_1$A = { class: "dk-style-box-input" };
-  const _hoisted_2$s = { class: "header" };
-  const _hoisted_3$j = { class: "items-center" };
-  const _hoisted_4$g = { class: "float-right cursor-pointer" };
-  const _hoisted_5$c = { class: "name-header-operations" };
-  const _hoisted_6$9 = { class: "name-header-operations" };
-  const _hoisted_7$9 = { class: "name-header-operations" };
+  const _hoisted_1$C = { class: "dk-style-box-input" };
+  const _hoisted_2$u = { class: "header" };
+  const _hoisted_3$l = { 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" };
+  const _hoisted_7$a = { class: "name-header-operations" };
   const _hoisted_8$8 = ["title", "onDblclick"];
   const _hoisted_9$6 = ["onUpdate:modelValue", "onBlur"];
   const _hoisted_10$5 = ["width", "height", "viewBox", "data-link-anchor", "innerHTML"];
@@ -14434,11 +14434,11 @@
     -1
     /* HOISTED */
   );
-  const __default__$k = require$$0.defineComponent({
+  const __default__$m = require$$0.defineComponent({
     name: "DkStyleBoxInput"
   });
-  var _sfc_main$K = /* @__PURE__ */ require$$0.defineComponent({
-    ...__default__$k,
+  var _sfc_main$M = /* @__PURE__ */ require$$0.defineComponent({
+    ...__default__$m,
     props: styleBoxInputProps,
     emits: ["update:modelValue"],
     setup(__props, { emit }) {
@@ -14676,7 +14676,7 @@
         const _component_dk_icon = require$$0.resolveComponent("dk-icon");
         const _component_el_popover = require$$0.resolveComponent("el-popover");
         const _component_el_tooltip = require$$0.resolveComponent("el-tooltip");
-        return require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$A, [
+        return require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$C, [
           require$$0.createElementVNode(
             "div",
             {
@@ -14687,8 +14687,8 @@
             4
             /* STYLE */
           ),
-          require$$0.createElementVNode("div", _hoisted_2$s, [
-            require$$0.createElementVNode("label", _hoisted_3$j, [
+          require$$0.createElementVNode("div", _hoisted_2$u, [
+            require$$0.createElementVNode("label", _hoisted_3$l, [
               require$$0.createTextVNode(" \u5185\u5916\u8FB9\u8DDD | \u9AD8\u5BBD "),
               require$$0.createVNode(_component_el_popover, {
                 ref: "popover",
@@ -14708,8 +14708,8 @@
                 /* STABLE */
               }, 8, ["content"])
             ]),
-            require$$0.createElementVNode("div", _hoisted_4$g, [
-              require$$0.createElementVNode("div", _hoisted_5$c, [
+            require$$0.createElementVNode("div", _hoisted_4$i, [
+              require$$0.createElementVNode("div", _hoisted_5$d, [
                 require$$0.createVNode(_component_el_tooltip, {
                   class: "box-item",
                   effect: "dark",
@@ -14727,7 +14727,7 @@
                   /* STABLE */
                 })
               ]),
-              require$$0.createElementVNode("div", _hoisted_6$9, [
+              require$$0.createElementVNode("div", _hoisted_6$a, [
                 require$$0.createVNode(_component_el_tooltip, {
                   class: "box-item",
                   effect: "dark",
@@ -14745,7 +14745,7 @@
                   /* STABLE */
                 })
               ]),
-              require$$0.createElementVNode("div", _hoisted_7$9, [
+              require$$0.createElementVNode("div", _hoisted_7$a, [
                 require$$0.createVNode(_component_el_tooltip, {
                   class: "box-item",
                   effect: "dark",
@@ -14992,7 +14992,7 @@
     }
   });
 
-  var _StyleBoxInput = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__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$M, [["__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);
 
@@ -15003,25 +15003,25 @@
     }
   };
 
-  const _hoisted_1$z = { class: "dk-style-font-input" };
-  const _hoisted_2$r = { style: { "display": "flex", "flex-flow": "row wrap" } };
-  const _hoisted_3$i = { class: "m-b-5px" };
-  const _hoisted_4$f = {
+  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_4$h = {
     style: { "width": "100px" },
     class: "m-b-5px"
   };
-  const _hoisted_5$b = {
+  const _hoisted_5$c = {
     style: { "width": "100px" },
     class: "m-r-5px m-b-5px"
   };
-  const _hoisted_6$8 = { class: "m-r-5px m-b-5px" };
-  const _hoisted_7$8 = { class: "m-r-5px m-b-5px" };
+  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__$j = require$$0.defineComponent({
+  const __default__$l = require$$0.defineComponent({
     name: "DkStyleFontInput"
   });
-  var _sfc_main$J = /* @__PURE__ */ require$$0.defineComponent({
-    ...__default__$j,
+  var _sfc_main$L = /* @__PURE__ */ require$$0.defineComponent({
+    ...__default__$l,
     props: styleFontInputProps,
     emits: ["update:modelValue"],
     setup(__props, { emit }) {
@@ -15093,9 +15093,9 @@
         const _component_dk_icon = require$$0.resolveComponent("dk-icon");
         const _component_el_radio_button = require$$0.resolveComponent("el-radio-button");
         const _component_el_radio_group = require$$0.resolveComponent("el-radio-group");
-        return require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$z, [
+        return require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$B, [
           require$$0.createCommentVNode("    \u989C\u8272\u3001\u5B57\u53F7\u3001\u7C97\u7EC6\u3001\u98CE\u683C\u3001\u88C5\u9970"),
-          require$$0.createElementVNode("div", _hoisted_2$r, [
+          require$$0.createElementVNode("div", _hoisted_2$t, [
             require$$0.createVNode(_component_el_tooltip, {
               placement: "top-end",
               trigger: "hover",
@@ -15119,7 +15119,7 @@
                 }, 8, ["disabled"])
               ]),
               default: require$$0.withCtx(() => [
-                require$$0.createElementVNode("div", _hoisted_3$i, [
+                require$$0.createElementVNode("div", _hoisted_3$k, [
                   require$$0.createVNode(_component_el_color_picker, {
                     modelValue: styles.color,
                     "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => styles.color = $event)
@@ -15152,7 +15152,7 @@
                 }, 8, ["disabled"])
               ]),
               default: require$$0.withCtx(() => [
-                require$$0.createElementVNode("div", _hoisted_4$f, [
+                require$$0.createElementVNode("div", _hoisted_4$h, [
                   require$$0.createVNode(_component_el_select, {
                     modelValue: styles.fontSize,
                     "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => styles.fontSize = $event),
@@ -15219,7 +15219,7 @@
                 }, 8, ["disabled"])
               ]),
               default: require$$0.withCtx(() => [
-                require$$0.createElementVNode("div", _hoisted_5$b, [
+                require$$0.createElementVNode("div", _hoisted_5$c, [
                   require$$0.createVNode(_component_el_select, {
                     modelValue: styles.fontWeight,
                     "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => styles.fontWeight = $event),
@@ -15274,7 +15274,7 @@
                 }, 8, ["disabled"])
               ]),
               default: require$$0.withCtx(() => [
-                require$$0.createElementVNode("div", _hoisted_6$8, [
+                require$$0.createElementVNode("div", _hoisted_6$9, [
                   require$$0.createVNode(_component_el_radio_group, {
                     modelValue: styles.fontWeight,
                     "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => styles.fontWeight = $event)
@@ -15333,7 +15333,7 @@
                 }, 8, ["disabled"])
               ]),
               default: require$$0.withCtx(() => [
-                require$$0.createElementVNode("div", _hoisted_7$8, [
+                require$$0.createElementVNode("div", _hoisted_7$9, [
                   require$$0.createVNode(_component_el_radio_group, {
                     modelValue: styles.fontStyle,
                     "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => styles.fontStyle = $event)
@@ -15451,7 +15451,7 @@
     }
   });
 
-  var _StyleFontInput = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["__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$L, [["__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);
 
@@ -15463,17 +15463,17 @@
     }
   };
 
-  const _hoisted_1$y = { class: "border-box" };
-  const _hoisted_2$q = {
+  const _hoisted_1$A = { class: "border-box" };
+  const _hoisted_2$s = {
     style: { "width": "100%" },
     class: "m-l-20px"
   };
-  const _hoisted_3$h = { style: { "display": "flex" } };
-  const __default__$i = require$$0.defineComponent({
+  const _hoisted_3$j = { style: { "display": "flex" } };
+  const __default__$k = require$$0.defineComponent({
     name: "DkStyleBorderInput"
   });
-  var _sfc_main$I = /* @__PURE__ */ require$$0.defineComponent({
-    ...__default__$i,
+  var _sfc_main$K = /* @__PURE__ */ require$$0.defineComponent({
+    ...__default__$k,
     props: styleBorderInputProps,
     emits: ["update:modelValue"],
     setup(__props, { emit }) {
@@ -15649,7 +15649,7 @@
             class: require$$0.normalizeClass(["dk-style-border-input", require$$0.unref(width).value < 400 ? "mini" : ""])
           },
           [
-            require$$0.createElementVNode("div", _hoisted_1$y, [
+            require$$0.createElementVNode("div", _hoisted_1$A, [
               (require$$0.openBlock(), require$$0.createElementBlock(
                 require$$0.Fragment,
                 null,
@@ -15667,7 +15667,7 @@
                 /* STABLE_FRAGMENT */
               ))
             ]),
-            require$$0.createElementVNode("div", _hoisted_2$q, [
+            require$$0.createElementVNode("div", _hoisted_2$s, [
               require$$0.createCommentVNode("  \u6837\u5F0F\u3001\u5BBD\u5EA6\u3001\u989C\u8272"),
               require$$0.createVNode(_component_el_form, {
                 "label-width": "50px",
@@ -15700,7 +15700,7 @@
                       }, 8, ["disabled"])
                     ]),
                     default: require$$0.withCtx(() => [
-                      require$$0.createElementVNode("div", _hoisted_3$h, [
+                      require$$0.createElementVNode("div", _hoisted_3$j, [
                         require$$0.createVNode(_component_el_slider, {
                           modelValue: form[position.value].borderWidth,
                           "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => form[position.value].borderWidth = $event),
@@ -15911,7 +15911,7 @@
     }
   });
 
-  var _StyleBorderInput = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["__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$K, [["__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);
 
@@ -15925,12 +15925,12 @@
     }
   };
 
-  const _hoisted_1$x = { class: "dk-style-background-input" };
-  const __default__$h = require$$0.defineComponent({
+  const _hoisted_1$z = { class: "dk-style-background-input" };
+  const __default__$j = require$$0.defineComponent({
     name: "DkStyleBackgroundInput"
   });
-  var _sfc_main$H = /* @__PURE__ */ require$$0.defineComponent({
-    ...__default__$h,
+  var _sfc_main$J = /* @__PURE__ */ require$$0.defineComponent({
+    ...__default__$j,
     props: styleBackgroundInputProps,
     emits: ["update:modelValue"],
     setup(__props, { emit }) {
@@ -15976,7 +15976,7 @@
       return (_ctx, _cache) => {
         const _component_el_color_picker = require$$0.resolveComponent("el-color-picker");
         const _component_dk_image_input = require$$0.resolveComponent("dk-image-input");
-        return require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$x, [
+        return require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$z, [
           require$$0.createVNode(_component_el_color_picker, {
             modelValue: form.backgroundColor,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => form.backgroundColor = $event),
@@ -15991,7 +15991,7 @@
     }
   });
 
-  var _StyleBackgroundInput = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["__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$J, [["__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);
 
@@ -16007,16 +16007,16 @@
     }
   };
 
-  const _hoisted_1$w = { class: "dk-style-shadow-input" };
-  const _hoisted_2$p = {
+  const _hoisted_1$y = { class: "dk-style-shadow-input" };
+  const _hoisted_2$r = {
     key: 1,
     class: "shadow-list"
   };
-  const __default__$g = require$$0.defineComponent({
+  const __default__$i = require$$0.defineComponent({
     name: "DkStyleShadowInput"
   });
-  var _sfc_main$G = /* @__PURE__ */ require$$0.defineComponent({
-    ...__default__$g,
+  var _sfc_main$I = /* @__PURE__ */ require$$0.defineComponent({
+    ...__default__$i,
     props: shadowInputProps,
     emits: ["update:modelValue"],
     setup(__props, { emit }) {
@@ -16059,7 +16059,7 @@
         const _component_el_popover = require$$0.resolveComponent("el-popover");
         const _component_el_input = require$$0.resolveComponent("el-input");
         const _component_dk_icon = require$$0.resolveComponent("dk-icon");
-        return require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$w, [
+        return require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$y, [
           _ctx.type === "collapse" ? (require$$0.openBlock(), require$$0.createBlock(_component_el_collapse, {
             key: 0,
             modelValue: activeName.value,
@@ -16092,7 +16092,7 @@
             ]),
             _: 1
             /* STABLE */
-          }, 8, ["modelValue"])) : (require$$0.openBlock(), require$$0.createElementBlock("ul", _hoisted_2$p, [
+          }, 8, ["modelValue"])) : (require$$0.openBlock(), require$$0.createElementBlock("ul", _hoisted_2$r, [
             (require$$0.openBlock(true), require$$0.createElementBlock(
               require$$0.Fragment,
               null,
@@ -16165,32 +16165,32 @@
     }
   });
 
-  var _StyleShadowInput = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__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$I, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\style-shadow-input\\src\\style-shadow-input.vue"]]);
 
-  const _hoisted_1$v = { class: "shadow-content-shortcut" };
-  const _hoisted_2$o = { class: "default-css m-b-10px" };
-  const _hoisted_3$g = /* @__PURE__ */ require$$0.createElementVNode(
+  const _hoisted_1$x = { class: "shadow-content-shortcut" };
+  const _hoisted_2$q = { class: "default-css m-b-10px" };
+  const _hoisted_3$i = /* @__PURE__ */ require$$0.createElementVNode(
     "div",
     { class: "m-b-10px" },
     "\u5E38\u7528\u6837\u5F0F",
     -1
     /* HOISTED */
   );
-  const _hoisted_4$e = /* @__PURE__ */ require$$0.createElementVNode(
+  const _hoisted_4$g = /* @__PURE__ */ require$$0.createElementVNode(
     "i",
     { id: "center" },
     null,
     -1
     /* HOISTED */
   );
-  const _hoisted_5$a = [
-    _hoisted_4$e
+  const _hoisted_5$b = [
+    _hoisted_4$g
   ];
-  const __default__$f = require$$0.defineComponent({
+  const __default__$h = require$$0.defineComponent({
     name: "DkStyleShadowContent"
   });
-  var _sfc_main$F = /* @__PURE__ */ require$$0.defineComponent({
-    ...__default__$f,
+  var _sfc_main$H = /* @__PURE__ */ require$$0.defineComponent({
+    ...__default__$h,
     props: {
       boxSize: {
         default: 180,
@@ -16546,9 +16546,9 @@
               _: 1
               /* STABLE */
             }, 8, ["size"]),
-            require$$0.createElementVNode("div", _hoisted_1$v, [
-              require$$0.createElementVNode("div", _hoisted_2$o, [
-                _hoisted_3$g,
+            require$$0.createElementVNode("div", _hoisted_1$x, [
+              require$$0.createElementVNode("div", _hoisted_2$q, [
+                _hoisted_3$i,
                 (require$$0.openBlock(true), require$$0.createElementBlock(
                   require$$0.Fragment,
                   null,
@@ -16592,7 +16592,7 @@
                       id: "spot",
                       style: require$$0.normalizeStyle(spotStyle.value)
                     },
-                    _hoisted_5$a,
+                    _hoisted_5$b,
                     4
                     /* STYLE */
                   ),
@@ -16649,7 +16649,7 @@
     }
   });
 
-  var _StyleShadowContent = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["__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$H, [["__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);
@@ -16663,13 +16663,13 @@
     }
   };
 
-  const _hoisted_1$u = { class: "m-t-10px" };
-  const _hoisted_2$n = ["onClick"];
-  const __default__$e = require$$0.defineComponent({
+  const _hoisted_1$w = { class: "m-t-10px" };
+  const _hoisted_2$p = ["onClick"];
+  const __default__$g = require$$0.defineComponent({
     name: "DkStylePositionInput"
   });
-  var _sfc_main$E = /* @__PURE__ */ require$$0.defineComponent({
-    ...__default__$e,
+  var _sfc_main$G = /* @__PURE__ */ require$$0.defineComponent({
+    ...__default__$g,
     props: stylePositionInputProps,
     emits: ["update:modelValue"],
     setup(__props, { emit }) {
@@ -16701,49 +16701,40 @@
         { label: "\u5DE6\u4E0A", value: "left-top" },
         { label: "\u5DE6\u4E0B", value: "left-down" },
         { label: "\u53F3\u4E0A", value: "right-top" },
-        { label: "\u53F3\u4E0B", value: "right-down" }
+        { label: "\u53F3\u4E0B", value: "right-down" },
+        { label: "\u4E0B\u5C45\u4E2D", value: "down-center" },
+        { label: "\u4E0A\u5C45\u4E2D", value: "up-center" }
       ];
+      const change = require$$0.ref(false);
       const positionChange = (value) => {
+        change.value = true;
         switch (value) {
           case "left-top":
-            form.value = {
-              left: "1px",
-              top: "0px",
-              right: "",
-              bottom: ""
-            };
+            form.value = { left: "1px", top: "1px", right: "", bottom: "" };
             break;
           case "left-down":
-            form.value = {
-              left: "0px",
-              top: "",
-              right: "",
-              bottom: "0px"
-            };
+            form.value = { left: "1px", bottom: "1px", right: "", up: "" };
             break;
           case "right-top":
-            form.value = {
-              left: "",
-              top: "0px",
-              right: "0px",
-              bottom: ""
-            };
+            form.value = { top: "1px", right: "1px", left: "", bottom: "" };
             break;
           case "right-down":
-            form.value = {
-              left: "",
-              top: "",
-              right: "0px",
-              bottom: "0px"
-            };
+            form.value = { right: "1px", bottom: "1px", left: "", up: "" };
+            break;
+          case "down-center":
+            form.value = { left: "1px", right: "1px", bottom: "1px", up: "" };
+            break;
+          case "up-center":
+            form.value = { left: "1px", top: "1px", right: "1px", bottom: "" };
             break;
         }
-        emitValue();
       };
       const emitValue = () => {
         const data = Object.keys(form.value).reduce((prev, cur) => {
-          if (form.value[cur] && cur !== "position") {
-            prev[cur] = form.value[cur];
+          if (change.value && form.value[cur] != "0px" || !change.value && cur !== "position") {
+            if (form.value[cur]) {
+              prev[cur] = form.value[cur];
+            }
           }
           return prev;
         }, {});
@@ -16820,21 +16811,13 @@
                         ]),
                         _: 1
                         /* STABLE */
-                      }),
-                      require$$0.createCommentVNode('          <el-select v-model="form.position" placeholder="Select">'),
-                      require$$0.createCommentVNode("            <el-option"),
-                      require$$0.createCommentVNode('              v-for="item in positions"'),
-                      require$$0.createCommentVNode('              :key="item.value"'),
-                      require$$0.createCommentVNode('              :label="item.label"'),
-                      require$$0.createCommentVNode('              :value="item.value"'),
-                      require$$0.createCommentVNode("            />"),
-                      require$$0.createCommentVNode("          </el-select>")
+                      })
                     ]),
                     _: 1
                     /* STABLE */
                   })
                 ]),
-                require$$0.createElementVNode("div", _hoisted_1$u, [
+                require$$0.createElementVNode("div", _hoisted_1$w, [
                   require$$0.createVNode(_component_el_row, { gutter: 20 }, {
                     default: require$$0.withCtx(() => [
                       (require$$0.openBlock(), require$$0.createElementBlock(
@@ -16861,7 +16844,7 @@
                                       require$$0.createElementVNode("span", {
                                         style: require$$0.normalizeStyle([{ "cursor": "pointer" }, form.value[item.value] ? "color:var(--el-color-primary)" : ""]),
                                         onClick: ($event) => form.value[item.value] = ""
-                                      }, require$$0.toDisplayString(item.label) + "\uFF1A", 13, _hoisted_2$n)
+                                      }, require$$0.toDisplayString(item.label) + "\uFF1A", 13, _hoisted_2$p)
                                     ]),
                                     _: 2
                                     /* DYNAMIC */
@@ -16870,7 +16853,8 @@
                                 default: require$$0.withCtx(() => [
                                   require$$0.createVNode(_component_dk_style_number_input, {
                                     modelValue: form.value[item.value],
-                                    "onUpdate:modelValue": ($event) => form.value[item.value] = $event
+                                    "onUpdate:modelValue": ($event) => form.value[item.value] = $event,
+                                    onInput: _cache[0] || (_cache[0] = ($event) => change.value = false)
                                   }, null, 8, ["modelValue", "onUpdate:modelValue"])
                                 ]),
                                 _: 2
@@ -16901,7 +16885,7 @@
     }
   });
 
-  var _StylePositionInput = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["__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$G, [["__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);
 
@@ -16939,13 +16923,13 @@
     }
   };
 
-  const __default__$d = require$$0.defineComponent({
+  const __default__$f = require$$0.defineComponent({
     name: "DkStyleNumberInput"
   });
-  var _sfc_main$D = /* @__PURE__ */ require$$0.defineComponent({
-    ...__default__$d,
+  var _sfc_main$F = /* @__PURE__ */ require$$0.defineComponent({
+    ...__default__$f,
     props: styleNumberInputProps,
-    emits: ["update:modelValue"],
+    emits: ["input", "update:modelValue"],
     setup(__props, { emit }) {
       const props = __props;
       const values = splitUnit(props.modelValue, props.units);
@@ -17027,7 +17011,8 @@
               modelValue: form.number,
               "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => form.number = $event),
               type: "text",
-              controls: false
+              controls: false,
+              onInput: _cache[2] || (_cache[2] = ($event) => emit("input", $event))
             }, require$$0.createSlots({
               prefix: require$$0.withCtx(() => [
                 require$$0.createElementVNode(
@@ -17102,7 +17087,7 @@
     }
   });
 
-  var _StyleNumberInput = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__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$F, [["__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);
 
@@ -17847,19 +17832,19 @@
     }
   });
 
-  const _hoisted_1$t = { class: "preview-phone" };
-  const _hoisted_2$m = { class: "phone" };
-  const _hoisted_3$f = { class: "phone-header" };
-  const _hoisted_4$d = { class: "phone-header-top" };
-  const _hoisted_5$9 = { class: "phone-time" };
-  const _hoisted_6$7 = /* @__PURE__ */ require$$0.createElementVNode(
+  const _hoisted_1$v = { class: "preview-phone" };
+  const _hoisted_2$o = { class: "phone" };
+  const _hoisted_3$h = { class: "phone-header" };
+  const _hoisted_4$f = { class: "phone-header-top" };
+  const _hoisted_5$a = { class: "phone-time" };
+  const _hoisted_6$8 = /* @__PURE__ */ require$$0.createElementVNode(
     "div",
     null,
     null,
     -1
     /* HOISTED */
   );
-  const _hoisted_7$7 = { class: "phone-battery" };
+  const _hoisted_7$8 = { class: "phone-battery" };
   const _hoisted_8$6 = /* @__PURE__ */ require$$0.createElementVNode(
     "span",
     { class: "m-r-4px" },
@@ -17877,11 +17862,11 @@
     /* HOISTED */
   );
   const _hoisted_12$3 = { class: "phone-title-icon" };
-  const __default__$c = require$$0.defineComponent({
+  const __default__$e = require$$0.defineComponent({
     name: "PreviewPhone"
   });
-  var _sfc_main$C = /* @__PURE__ */ require$$0.defineComponent({
-    ...__default__$c,
+  var _sfc_main$E = /* @__PURE__ */ require$$0.defineComponent({
+    ...__default__$e,
     props: {
       value: {
         default: "",
@@ -17901,8 +17886,10 @@
       const form = require$$0.ref({
         showLine: cache.showLine || false,
         margin: cache.margin || 0,
-        preview: cache.preview || false
+        preview: cache.preview || false,
+        closeAnimate: cache.closeAnimate || false
       });
+      require$$0.provide("previewSetting", form);
       const changeForm = () => {
         storage.set(key, JSON.stringify(form.value));
       };
@@ -17936,9 +17923,11 @@
         if (form.value.preview) {
           line["--padding"] = "0";
           line["--overflow"] = "hidden";
+          line["--minHeight"] = "0px";
         } else {
           line["--padding"] = "2px 0";
           line["--overflow"] = "initial";
+          line["--minHeight"] = "30px";
         }
         return {
           ...props.pageConfig.style,
@@ -17957,15 +17946,16 @@
         const _component_el_dropdown_item = require$$0.resolveComponent("el-dropdown-item");
         const _component_el_dropdown_menu = require$$0.resolveComponent("el-dropdown-menu");
         const _component_el_dropdown = require$$0.resolveComponent("el-dropdown");
+        const _component_el_tooltip = require$$0.resolveComponent("el-tooltip");
         const _component_el_switch = require$$0.resolveComponent("el-switch");
         const _component_el_form_item = require$$0.resolveComponent("el-form-item");
         const _component_el_slider = require$$0.resolveComponent("el-slider");
         const _component_el_popover = require$$0.resolveComponent("el-popover");
-        return require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$t, [
-          require$$0.createElementVNode("div", _hoisted_2$m, [
-            require$$0.createElementVNode("div", _hoisted_3$f, [
-              require$$0.createElementVNode("div", _hoisted_4$d, [
-                require$$0.createElementVNode("div", _hoisted_5$9, [
+        return require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$v, [
+          require$$0.createElementVNode("div", _hoisted_2$o, [
+            require$$0.createElementVNode("div", _hoisted_3$h, [
+              require$$0.createElementVNode("div", _hoisted_4$f, [
+                require$$0.createElementVNode("div", _hoisted_5$a, [
                   require$$0.createElementVNode(
                     "span",
                     null,
@@ -17978,8 +17968,8 @@
                     color: "#2ddd71"
                   })
                 ]),
-                _hoisted_6$7,
-                require$$0.createElementVNode("div", _hoisted_7$7, [
+                _hoisted_6$8,
+                require$$0.createElementVNode("div", _hoisted_7$8, [
                   _hoisted_8$6,
                   require$$0.createVNode(_component_dk_icon, {
                     icon: "gg:battery-full",
@@ -18050,6 +18040,20 @@
                     ]),
                     default: require$$0.withCtx(() => [
                       require$$0.createVNode(_component_el_form_item, { label: "\u663E\u793A\u7F51\u683C" }, {
+                        label: require$$0.withCtx(() => [
+                          require$$0.createVNode(_component_el_tooltip, {
+                            class: "box-item",
+                            effect: "dark",
+                            content: "\u663E\u793A\u7EC4\u4EF6\u7F51\u683C\u7EBF",
+                            placement: "right-start"
+                          }, {
+                            default: require$$0.withCtx(() => [
+                              require$$0.createTextVNode(" \u663E\u793A\u7F51\u683C ")
+                            ]),
+                            _: 1
+                            /* STABLE */
+                          })
+                        ]),
                         default: require$$0.withCtx(() => [
                           require$$0.createVNode(_component_el_switch, {
                             modelValue: form.value.showLine,
@@ -18061,6 +18065,20 @@
                         /* STABLE */
                       }),
                       require$$0.createVNode(_component_el_form_item, { label: "\u7F51\u683C\u95F4\u8DDD" }, {
+                        label: require$$0.withCtx(() => [
+                          require$$0.createVNode(_component_el_tooltip, {
+                            class: "box-item",
+                            effect: "dark",
+                            content: "\u8BBE\u7F6E\u7EC4\u4EF6\u4E4B\u95F4\u7684\u7F51\u683C\u95F4\u8DDD",
+                            placement: "right-start"
+                          }, {
+                            default: require$$0.withCtx(() => [
+                              require$$0.createTextVNode(" \u7F51\u683C\u95F4\u8DDD ")
+                            ]),
+                            _: 1
+                            /* STABLE */
+                          })
+                        ]),
                         default: require$$0.withCtx(() => [
                           require$$0.createVNode(_component_el_slider, {
                             modelValue: form.value.margin,
@@ -18076,6 +18094,20 @@
                         /* STABLE */
                       }),
                       require$$0.createVNode(_component_el_form_item, { label: "\u6548\u679C\u9884\u89C8" }, {
+                        label: require$$0.withCtx(() => [
+                          require$$0.createVNode(_component_el_tooltip, {
+                            class: "box-item",
+                            effect: "dark",
+                            content: "\u6E05\u9664\u6240\u6709\u7F51\u683C\u3001\u95F4\u8DDD\u6548\u679C\uFF0C\u5927\u81F4\u548C\u771F\u5B9E\u5DEE\u4E0D\u591A",
+                            placement: "right-start"
+                          }, {
+                            default: require$$0.withCtx(() => [
+                              require$$0.createTextVNode(" \u6548\u679C\u9884\u89C8 ")
+                            ]),
+                            _: 1
+                            /* STABLE */
+                          })
+                        ]),
                         default: require$$0.withCtx(() => [
                           require$$0.createVNode(_component_el_switch, {
                             modelValue: form.value.preview,
@@ -18085,17 +18117,42 @@
                         ]),
                         _: 1
                         /* STABLE */
-                      })
-                    ]),
-                    _: 1
-                    /* STABLE */
-                  })
-                ])
-              ])
-            ]),
-            require$$0.createElementVNode(
-              "div",
-              {
+                      }),
+                      require$$0.createVNode(_component_el_form_item, { label: "\u5173\u95ED\u52A8\u753B" }, {
+                        label: require$$0.withCtx(() => [
+                          require$$0.createVNode(_component_el_tooltip, {
+                            class: "box-item",
+                            effect: "dark",
+                            content: "\u5173\u95ED\u6240\u6709\u9884\u89C8\u7684\u52A8\u753B\u6548\u679C",
+                            placement: "right-start"
+                          }, {
+                            default: require$$0.withCtx(() => [
+                              require$$0.createTextVNode(" \u5173\u95ED\u52A8\u753B ")
+                            ]),
+                            _: 1
+                            /* STABLE */
+                          })
+                        ]),
+                        default: require$$0.withCtx(() => [
+                          require$$0.createVNode(_component_el_switch, {
+                            modelValue: form.value.closeAnimate,
+                            "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => form.value.closeAnimate = $event),
+                            onChange: _cache[9] || (_cache[9] = ($event) => changeForm())
+                          }, null, 8, ["modelValue"])
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      })
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  })
+                ])
+              ])
+            ]),
+            require$$0.createElementVNode(
+              "div",
+              {
                 class: "phone-body _fc-m-drag",
                 style: require$$0.normalizeStyle(_style.value)
               },
@@ -18111,7 +18168,7 @@
     }
   });
 
-  var PreviewPhone = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__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$E, [["__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";
@@ -20717,7 +20774,8 @@
           title: "\u4E3B\u6807\u9898",
           subtitle: "\u526F\u6807\u9898"
         },
-        showStyle: true
+        showStyle: true,
+        fixed: true
       };
     },
     props() {
@@ -20922,6 +20980,102 @@
     ];
   }
 
+  const Animates = [
+    {
+      label: "\u5FAA\u73AF\u6548\u679C",
+      name: "loop",
+      animate: [
+        { value: "bounce", label: "\u5F39\u8DF3" },
+        { value: "flash", label: "\u95EA\u52A8" },
+        { value: "pulse", label: "\u8109\u51B2" },
+        { value: "rubberBand", label: "\u6A61\u76AE\u7B4B" },
+        { value: "shakeX", label: "X\u8F74\u6447\u6643" },
+        { value: "shakeY", label: "Y\u8F74\u6447\u6643" },
+        { value: "headShake", label: "\u6447\u5934" },
+        { value: "swing", label: "\u6446\u52A8" },
+        { value: "tada", label: "\u7F29\u653E\u6446\u52A8" },
+        { value: "wobble", label: "\u5927\u5E45\u6447\u6643" },
+        { value: "jello", label: "\u679C\u51BB\u6548\u679C" },
+        { value: "heartBeat", label: "\u5FC3\u8DF3" }
+      ]
+    },
+    // Bouncing entrances
+    {
+      label: "\u5F39\u8DF3\u5165\u573A",
+      name: "bouncing",
+      animate: [
+        { value: "bounceIn", label: "\u5F39\u5165" },
+        { value: "bounceInDown", label: "\u4E0B\u8FB9\u5F39\u5165" },
+        { value: "bounceInLeft", label: "\u5DE6\u8FB9\u5F39\u5165" },
+        { value: "bounceInRight", label: "\u53F3\u8FB9\u5F39\u5165" },
+        { value: "bounceInUp", label: "\u4E0A\u8FB9\u5F39\u5165" }
+      ]
+    },
+    // Fading entrances
+    {
+      label: "\u6DE1\u5165\u5165\u573A",
+      name: "Fading",
+      animate: [
+        { value: "fadeIn", label: "\u6DE1\u5165" },
+        { value: "fadeInDown", label: "\u4E0B\u8FB9\u6DE1\u5165" },
+        { value: "fadeInDownBig", label: "\u6700\u4E0B\u8FB9\u6DE1\u5165" },
+        { value: "fadeInLeft", label: "\u5DE6\u8FB9\u6DE1\u5165" },
+        { value: "fadeInLeftBig", label: "\u6700\u5DE6\u8FB9\u6DE1\u5165" },
+        { value: "fadeInRight", label: "\u53F3\u8FB9\u6DE1\u5165" },
+        { value: "fadeInRightBig", label: "\u6700\u53F3\u8FB9\u6DE1\u5165" },
+        { value: "fadeInUp", label: "\u4E0A\u8FB9\u6DE1\u5165" },
+        { value: "fadeInUpBig", label: "\u6700\u4E0A\u8FB9\u6DE1\u5165" },
+        { value: "fadeInTopLeft", label: "\u5DE6\u4E0A\u6DE1\u5165" },
+        { value: "fadeInTopRight", label: "\u53F3\u4E0A\u6DE1\u5165" },
+        { value: "fadeInBottomLeft", label: "\u5DE6\u4E0B\u6DE1\u5165" },
+        { value: "fadeInBottomRight", label: "\u53F3\u4E0B\u6DE1\u5165" }
+      ]
+    },
+    // Flippers
+    {
+      label: "\u7FFB\u8F6C&\u65CB\u8F6C\u5165\u573A",
+      name: "Flippers",
+      animate: [
+        // Flippers
+        // { value: 'flip', label: '快速翻转' },
+        { value: "flipInX", label: "X\u8F74\u7FFB\u8F6C" },
+        { value: "flipInY", label: "Y\u8F74\u7FFB\u8F6C" },
+        // Rotating entrances
+        { value: "rotateIn", label: "\u65CB\u8F6C\u8FDB\u5165" },
+        { value: "rotateInDownLeft", label: "\u5DE6\u4E0B\u65CB\u5165" },
+        { value: "rotateInDownRight", label: "\u53F3\u4E0B\u65CB\u5165" },
+        { value: "rotateInUpLeft", label: "\u5DE6\u4E0A\u65CB\u5165" },
+        { value: "rotateInUpRight", label: "\u53F3\u4E0A\u65CB\u5165" },
+        { value: "jackInTheBox", label: "\u7F29\u653E\u65CB\u8F6C\u5165\u573A" },
+        { value: "rollIn", label: "\u5DE6\u4FA7\u65CB\u8F6C\u5165\u573A" }
+      ]
+    },
+    {
+      label: "\u7F29\u653E&\u6ED1\u52A8\u5165\u573A",
+      name: "Lightspeed",
+      animate: [
+        // Lightspeed
+        { value: "lightSpeedInRight", label: "\u679C\u51BB\u53F3\u5165" },
+        { value: "lightSpeedInLeft", label: "\u679C\u51BB\u5DE6\u5165" },
+        // Sliding entrances
+        { value: "slideInDown", label: "\u4E0B\u6ED1\u5165" },
+        { value: "slideInLeft", label: "\u5DE6\u6ED1\u5165" },
+        { value: "slideInRight", label: "\u53F3\u6ED1\u5165" },
+        { value: "slideInUp", label: "\u4E0A\u6ED1\u5165" },
+        { value: "backInDown", label: "\u5FEB\u901F\u4E0B\u6ED1\u5165" },
+        { value: "backInLeft", label: "\u5FEB\u901F\u5DE6\u6ED1\u5165" },
+        { value: "backInRight", label: "\u5FEB\u901F\u53F3\u6ED1\u5165" },
+        { value: "backInUp", label: "\u5FEB\u901F\u4E0A\u6ED1\u5165" },
+        // Zooming entrances
+        { value: "zoomIn", label: "\u7F29\u653E\u8FDB\u5165" },
+        { value: "zoomInDown", label: "\u4E0B\u7F29\u653E" },
+        { value: "zoomInLeft", label: "\u5DE6\u7F29\u653E" },
+        { value: "zoomInRight", label: "\u53F3\u7F29\u653E" },
+        { value: "zoomInTop", label: "\u4E0A\u7F29\u653E" }
+      ]
+    }
+  ];
+
   function createTitle(title) {
     return {
       type: "h2",
@@ -20936,6 +21090,15 @@
       ]
     };
   }
+  function inLoop(val) {
+    const animate = Animates[0].animate;
+    for (let i = 0; i < animate.length; i++) {
+      if (animate[i].value === val) {
+        return true;
+      }
+    }
+    return false;
+  }
   function dkSetting(rule = null) {
     const form = [
       {
@@ -20961,6 +21124,78 @@
             ]
           }
         ]
+      },
+      {
+        type: "el-collapse",
+        props: {
+          modelValue: "base"
+        },
+        style: "width:100%",
+        children: [
+          // 基础配置
+          {
+            type: "el-collapse-item",
+            props: { name: "base" },
+            children: [
+              createTitle("\u52A8\u753B\u914D\u7F6E"),
+              {
+                type: "DkAnimateSelect",
+                field: "animate",
+                value: "",
+                title: "\u9009\u62E9\u52A8\u753B",
+                control: [
+                  {
+                    handle: function(val) {
+                      if (!val)
+                        return false;
+                      return inLoop(val);
+                    },
+                    rule: [
+                      {
+                        type: "dk-style-animation-input",
+                        field: "animation",
+                        title: "",
+                        value: {
+                          animationDelay: "0s",
+                          animationDuration: "1s",
+                          animationIterationCount: "infinite"
+                        }
+                      }
+                    ]
+                  },
+                  {
+                    handle: function(val) {
+                      if (!val)
+                        return false;
+                      return !inLoop(val);
+                    },
+                    rule: [
+                      {
+                        type: "dk-style-animation-input",
+                        field: "animation",
+                        title: "",
+                        value: {
+                          animationDelay: "0s",
+                          animationDuration: "1s",
+                          animationIterationCount: 1
+                        }
+                      }
+                    ]
+                  }
+                ]
+              },
+              {
+                type: "switch",
+                field: "animation_preview",
+                title: "\u5B9E\u65F6\u9884\u89C8",
+                value: true,
+                effect: {
+                  help: "\u8BBE\u7F6E\u5F53\u524D\u7EC4\u4EF6\u5FAA\u73AF\u52A8\u753B\u5B9E\u65F6\u9884\u89C8\uFF0C\u5F53\u524D\u4EC5\u4E3A\u8C03\u8BD5\u9879"
+                }
+              }
+            ]
+          }
+        ]
       }
     ];
     if (rule) {
@@ -21040,7 +21275,7 @@
     // 'menu', 'height', 'config', 'mask', 'locale', 'loading'
   };
 
-  const _sfc_main$B = {
+  const _sfc_main$D = {
     name: 'DkMinVideo',
     props: {
       poster: {
@@ -21082,13 +21317,13 @@
     methods: {},
   };
 
-  const _hoisted_1$s = {
+  const _hoisted_1$u = {
     style: {"position":"relative"},
     class: "dk-video-content"
   };
-  const _hoisted_2$l = { class: "video-preview" };
-  const _hoisted_3$e = { key: 0 };
-  const _hoisted_4$c = { key: 1 };
+  const _hoisted_2$n = { class: "video-preview" };
+  const _hoisted_3$g = { key: 0 };
+  const _hoisted_4$e = { key: 1 };
 
   function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_image = require$$0.resolveComponent("el-image");
@@ -21098,7 +21333,7 @@
       class: "dk-view-video",
       style: require$$0.normalizeStyle($options._style)
     }, [
-      require$$0.createElementVNode("div", _hoisted_1$s, [
+      require$$0.createElementVNode("div", _hoisted_1$u, [
         ($props.poster)
           ? (require$$0.openBlock(), require$$0.createBlock(_component_el_image, {
               key: 0,
@@ -21107,21 +21342,21 @@
               class: "poster"
             }, null, 8 /* PROPS */, ["src"]))
           : require$$0.createCommentVNode("v-if", true),
-        require$$0.createElementVNode("div", _hoisted_2$l, [
+        require$$0.createElementVNode("div", _hoisted_2$n, [
           require$$0.createVNode(_component_dk_icon, {
             icon: "VideoPlay",
             size: 24
           }),
           (!$props.videoPath)
-            ? (require$$0.openBlock(), require$$0.createElementBlock("p", _hoisted_3$e, "请选择或者上传您的视频!!!"))
-            : (require$$0.openBlock(), require$$0.createElementBlock("p", _hoisted_4$c, "当前不支持预览,请到实际页面查看!!!!"))
+            ? (require$$0.openBlock(), require$$0.createElementBlock("p", _hoisted_3$g, "请选择或者上传您的视频!!!"))
+            : (require$$0.openBlock(), require$$0.createElementBlock("p", _hoisted_4$e, "当前不支持预览,请到实际页面查看!!!!"))
         ])
       ])
     ], 4 /* STYLE */))
   }
-  var DkMinVideo = /*#__PURE__*/_export_sfc(_sfc_main$B, [['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$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"]]);
 
-  const _sfc_main$A = {
+  const _sfc_main$C = {
     name: 'DkMinSwiperImage',
     props: {
       value: {
@@ -21164,7 +21399,7 @@
     methods: {},
   };
 
-  const _hoisted_1$r = {
+  const _hoisted_1$t = {
     key: 0,
     class: "swipe-title"
   };
@@ -21190,7 +21425,7 @@
                 height: $props.height
               }, null, 8 /* PROPS */, ["src", "height"]),
               ($props.showTitle)
-                ? (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$r, require$$0.toDisplayString(item.title), 1 /* TEXT */))
+                ? (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$t, require$$0.toDisplayString(item.title), 1 /* TEXT */))
                 : require$$0.createCommentVNode("v-if", true)
             ]),
             _: 2 /* DYNAMIC */
@@ -21200,9 +21435,9 @@
       _: 1 /* STABLE */
     }, 8 /* PROPS */, ["autoplay", "style"]))
   }
-  var DkMinSwiperImage = /*#__PURE__*/_export_sfc(_sfc_main$A, [['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$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"]]);
 
-  const _sfc_main$z = {
+  const _sfc_main$B = {
     name: 'DkMinTitle',
     props: {
       type: { default: '0', type: String },
@@ -21224,14 +21459,14 @@
     methods: {},
   };
 
-  const _hoisted_1$q = { class: "dk-min-title" };
-  const _hoisted_2$k = {
+  const _hoisted_1$s = { class: "dk-min-title" };
+  const _hoisted_2$m = {
     key: 1,
     style: {"display":"flex","align-items":"flex-end","justify-content":"space-between"}
   };
 
   function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
-    return (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$q, [
+    return (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$s, [
       ($props.type === '0')
         ? (require$$0.openBlock(), require$$0.createElementBlock("div", {
             key: 0,
@@ -21239,7 +21474,7 @@
           }, [
             require$$0.createElementVNode("span", null, require$$0.toDisplayString($props.title), 1 /* TEXT */)
           ], 4 /* STYLE */))
-        : (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_2$k, [
+        : (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_2$m, [
             require$$0.createElementVNode("div", null, [
               require$$0.createElementVNode("span", {
                 style: require$$0.normalizeStyle({ color: $props.color })
@@ -21257,9 +21492,9 @@
           ]))
     ]))
   }
-  var DkMinTitle = /*#__PURE__*/_export_sfc(_sfc_main$z, [['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$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"]]);
 
-  const _sfc_main$y = {
+  const _sfc_main$A = {
     name: 'DkMinBlank',
     props: {
       height: {
@@ -21280,9 +21515,9 @@
       style: require$$0.normalizeStyle([{ height: $props.height + 'px' }, {"width":"100%"}])
     }, null, 4 /* STYLE */))
   }
-  var DkMinBlank = /*#__PURE__*/_export_sfc(_sfc_main$y, [['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$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"]]);
 
-  const _sfc_main$x = {
+  const _sfc_main$z = {
     name: 'DkMinTextarea',
     props: {
       textarea: {
@@ -21298,14 +21533,14 @@
     methods: {},
   };
 
-  const _hoisted_1$p = ["innerHTML"];
+  const _hoisted_1$r = ["innerHTML"];
 
   function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
-    return (require$$0.openBlock(), require$$0.createElementBlock("div", { innerHTML: $props.textarea }, null, 8 /* PROPS */, _hoisted_1$p))
+    return (require$$0.openBlock(), require$$0.createElementBlock("div", { innerHTML: $props.textarea }, null, 8 /* PROPS */, _hoisted_1$r))
   }
-  var DkMinTextarea = /*#__PURE__*/_export_sfc(_sfc_main$x, [['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$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"]]);
 
-  const _sfc_main$w = {
+  const _sfc_main$y = {
     name: 'DkMinHotArea',
     props: {
       hotData: {
@@ -21390,23 +21625,23 @@
     },
   };
 
-  const _hoisted_1$o = {
+  const _hoisted_1$q = {
     ref: "el",
     class: "dk-min-area"
   };
-  const _hoisted_2$j = ["src"];
+  const _hoisted_2$l = ["src"];
 
   function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_empty = require$$0.resolveComponent("el-empty");
 
-    return (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$o, [
+    return (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$q, [
       ($props.hotData.background)
         ? (require$$0.openBlock(), require$$0.createElementBlock("img", {
             key: 0,
             src: $props.hotData.background,
             alt: "",
             style: {"width":"100%"}
-          }, null, 8 /* PROPS */, _hoisted_2$j))
+          }, null, 8 /* PROPS */, _hoisted_2$l))
         : (require$$0.openBlock(), require$$0.createBlock(_component_el_empty, {
             key: 1,
             description: "请上传背景图"
@@ -21425,7 +21660,7 @@
       }), 128 /* KEYED_FRAGMENT */))
     ], 512 /* NEED_PATCH */))
   }
-  var DkMinHotArea = /*#__PURE__*/_export_sfc(_sfc_main$w, [['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$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"]]);
 
   const views$1 = {
     DkMinVideo,
@@ -21436,7 +21671,7 @@
     DkMinHotArea
   };
 
-  const _sfc_main$v = {
+  const _sfc_main$x = {
     name: 'DkViewBulletChat',
     props: {
       bgColor: { default: '', type: String },
@@ -21459,14 +21694,14 @@
     methods: {},
   };
 
-  const _hoisted_1$n = { class: "bullet-content" };
-  const _hoisted_2$i = ["src"];
-  const _hoisted_3$d = { class: "over" };
-  const _hoisted_4$b = /*#__PURE__*/require$$0.createElementVNode("div", { class: "bullet-content" }, [
+  const _hoisted_1$p = { class: "bullet-content" };
+  const _hoisted_2$k = ["src"];
+  const _hoisted_3$f = { class: "over" };
+  const _hoisted_4$d = /*#__PURE__*/require$$0.createElementVNode("div", { class: "bullet-content" }, [
     /*#__PURE__*/require$$0.createElementVNode("span", { class: "over" }, "当前数据由事件传入")
   ], -1 /* HOISTED */);
-  const _hoisted_5$8 = [
-    _hoisted_4$b
+  const _hoisted_5$9 = [
+    _hoisted_4$d
   ];
 
   function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
@@ -21486,15 +21721,15 @@
             (require$$0.openBlock(true), require$$0.createElementBlock(require$$0.Fragment, null, require$$0.renderList($props.bulletData, (item, key) => {
               return (require$$0.openBlock(), require$$0.createBlock(_component_van_swipe_item, { key: key }, {
                 default: require$$0.withCtx(() => [
-                  require$$0.createElementVNode("div", _hoisted_1$n, [
+                  require$$0.createElementVNode("div", _hoisted_1$p, [
                     (item.avatar)
                       ? (require$$0.openBlock(), require$$0.createElementBlock("img", {
                           key: 0,
                           src: item.avatar,
                           alt: ""
-                        }, null, 8 /* PROPS */, _hoisted_2$i))
+                        }, null, 8 /* PROPS */, _hoisted_2$k))
                       : require$$0.createCommentVNode("v-if", true),
-                    require$$0.createElementVNode("span", _hoisted_3$d, require$$0.toDisplayString(item.text), 1 /* TEXT */)
+                    require$$0.createElementVNode("span", _hoisted_3$f, require$$0.toDisplayString(item.text), 1 /* TEXT */)
                   ])
                 ]),
                 _: 2 /* DYNAMIC */
@@ -21507,11 +21742,11 @@
           key: 1,
           class: "dk-view-bullet-chat",
           style: require$$0.normalizeStyle([{"display":"flex"}, { background: $props.bgColor, color: $props.textColor }])
-        }, _hoisted_5$8, 4 /* STYLE */))
+        }, _hoisted_5$9, 4 /* STYLE */))
   }
-  var DkViewBulletChat = /*#__PURE__*/_export_sfc(_sfc_main$v, [['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$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"]]);
 
-  const _sfc_main$u = {
+  const _sfc_main$w = {
     name: 'DkViewCell',
     props: {
       groups: {
@@ -21546,9 +21781,9 @@
       _: 1 /* STABLE */
     }))
   }
-  var DkViewCell = /*#__PURE__*/_export_sfc(_sfc_main$u, [['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$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"]]);
 
-  const _sfc_main$t = {
+  const _sfc_main$v = {
     name: 'DkViewCommonBtn',
     props: {
       posterData: {
@@ -21618,28 +21853,28 @@
     methods: {},
   };
 
-  const _hoisted_1$m = { class: "dk-view-common-btn" };
-  const _hoisted_2$h = {
+  const _hoisted_1$o = { class: "dk-view-common-btn" };
+  const _hoisted_2$j = {
     key: 0,
     class: "btn"
   };
-  const _hoisted_3$c = {
+  const _hoisted_3$e = {
     key: 1,
     class: "f-btn"
   };
-  const _hoisted_4$a = {
+  const _hoisted_4$c = {
     key: 0,
     class: "image-content"
   };
-  const _hoisted_5$7 = ["src", "width"];
+  const _hoisted_5$8 = ["src", "width"];
 
   function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_van_button = require$$0.resolveComponent("van-button");
     const _component_van_icon = require$$0.resolveComponent("van-icon");
 
-    return (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$m, [
+    return (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$o, [
       ($props.type === 'btn')
-        ? (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_2$h, [
+        ? (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_2$j, [
             require$$0.createVNode(_component_van_button, {
               type: "primary",
               block: $props.block,
@@ -21654,14 +21889,14 @@
               _: 1 /* STABLE */
             }, 8 /* PROPS */, ["block", "round", "size", "color", "icon"])
           ]))
-        : (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_3$c, [
+        : (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_3$e, [
             ($props.img)
-              ? (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_4$a, [
+              ? (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_4$c, [
                   require$$0.createElementVNode("img", {
                     src: $props.img,
                     alt: "",
                     width: $props.imgSize
-                  }, null, 8 /* PROPS */, _hoisted_5$7)
+                  }, null, 8 /* PROPS */, _hoisted_5$8)
                 ]))
               : require$$0.createCommentVNode("v-if", true),
             require$$0.createElementVNode("div", {
@@ -21679,9 +21914,9 @@
           ]))
     ]))
   }
-  var DkViewCommonBtn = /*#__PURE__*/_export_sfc(_sfc_main$t, [['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$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"]]);
 
-  const _sfc_main$s = {
+  const _sfc_main$u = {
     name: 'DkViewDialog',
     props: {
       title: { default: '标题', type: String },
@@ -21714,15 +21949,15 @@
     },
   };
 
-  const _hoisted_1$l = { class: "dk-view-dialog" };
-  const _hoisted_2$g = /*#__PURE__*/require$$0.createElementVNode("div", { class: "preview" }, "点击预览可以查看弹窗效果", -1 /* HOISTED */);
-  const _hoisted_3$b = ["innerHTML"];
+  const _hoisted_1$n = { class: "dk-view-dialog" };
+  const _hoisted_2$i = /*#__PURE__*/require$$0.createElementVNode("div", { class: "preview" }, "点击预览可以查看弹窗效果", -1 /* HOISTED */);
+  const _hoisted_3$d = ["innerHTML"];
 
   function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_van_dialog = require$$0.resolveComponent("van-dialog");
 
-    return (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$l, [
-      _hoisted_2$g,
+    return (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$n, [
+      _hoisted_2$i,
       ($data.showDialog)
         ? (require$$0.openBlock(), require$$0.createBlock(_component_van_dialog, {
             key: 0,
@@ -21737,16 +21972,16 @@
               require$$0.createElementVNode("div", {
                 style: {"padding":"10px"},
                 innerHTML: $props.content
-              }, null, 8 /* PROPS */, _hoisted_3$b)
+              }, null, 8 /* PROPS */, _hoisted_3$d)
             ]),
             _: 1 /* STABLE */
           }, 8 /* PROPS */, ["show", "title"]))
         : require$$0.createCommentVNode("v-if", true)
     ]))
   }
-  var DkViewDialog = /*#__PURE__*/_export_sfc(_sfc_main$s, [['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$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"]]);
 
-  const _sfc_main$r = {
+  const _sfc_main$t = {
     name: 'DkViewGridCellList',
     props: {
       value: {
@@ -21824,16 +22059,16 @@
     methods: {},
   };
 
-  const _hoisted_1$k = {
+  const _hoisted_1$m = {
     key: 0,
     class: "cell"
   };
-  const _hoisted_2$f = ["src", "alt", "width", "height"];
-  const _hoisted_3$a = {
+  const _hoisted_2$h = ["src", "alt", "width", "height"];
+  const _hoisted_3$c = {
     key: 1,
     class: "grid"
   };
-  const _hoisted_4$9 = ["src", "width", "height", "alt"];
+  const _hoisted_4$b = ["src", "width", "height", "alt"];
 
   function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_dk_icon = require$$0.resolveComponent("dk-icon");
@@ -21843,7 +22078,7 @@
     const _component_van_grid = require$$0.resolveComponent("van-grid");
 
     return ($props.type === 'cell')
-      ? (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$k, [
+      ? (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$m, [
           require$$0.createVNode(_component_van_cell_group, null, {
             default: require$$0.withCtx(() => [
               (require$$0.openBlock(true), require$$0.createElementBlock(require$$0.Fragment, null, require$$0.renderList($props.gridCellList, (item, key) => {
@@ -21862,7 +22097,7 @@
                 borderRadius: $props.imgRadius + 'px',
                 marginRight: $props.imgTextGutter + 'px',
               })
-                    }, null, 12 /* STYLE, PROPS */, _hoisted_2$f)
+                    }, null, 12 /* STYLE, PROPS */, _hoisted_2$h)
                   ]),
                   title: require$$0.withCtx(() => [
                     require$$0.createElementVNode("span", {
@@ -21883,7 +22118,7 @@
             _: 1 /* STABLE */
           })
         ]))
-      : (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_3$a, [
+      : (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_3$c, [
           require$$0.createVNode(_component_van_grid, {
             square: $props.square,
             direction: $props.direction,
@@ -21907,7 +22142,7 @@
                             height: $props.gridImgSize,
                             alt: item.title,
                             style: require$$0.normalizeStyle({ borderRadius: $props.imgRadius + 'px' })
-                          }, null, 12 /* STYLE, PROPS */, _hoisted_4$9)
+                          }, null, 12 /* STYLE, PROPS */, _hoisted_4$b)
                         ]),
                         text: require$$0.withCtx(() => [
                           require$$0.createElementVNode("span", {
@@ -21924,9 +22159,9 @@
           }, 8 /* PROPS */, ["square", "direction", "gutter", "clickable", "border", "column-num"])
         ]))
   }
-  var DkViewGridCellList = /*#__PURE__*/_export_sfc(_sfc_main$r, [['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$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"]]);
 
-  const _sfc_main$q = {
+  const _sfc_main$s = {
     name: 'DkViewImage',
     props: {
       value: { default: '', type: String },
@@ -21963,7 +22198,7 @@
     methods: {},
   };
 
-  const _hoisted_1$j = { key: 0 };
+  const _hoisted_1$l = { key: 0 };
 
   function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_van_image = require$$0.resolveComponent("van-image");
@@ -21994,15 +22229,15 @@
         ], 4 /* STYLE */))
       }), 128 /* KEYED_FRAGMENT */)),
       ($props.imageList.length <= 0)
-        ? (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$j, [
+        ? (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$l, [
             require$$0.createVNode(_component_el_empty, { description: "请添加图片数据" })
           ]))
         : require$$0.createCommentVNode("v-if", true)
     ], 2 /* CLASS */))
   }
-  var DkViewImage = /*#__PURE__*/_export_sfc(_sfc_main$q, [['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$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"]]);
 
-  const _sfc_main$p = {
+  const _sfc_main$r = {
     name: 'DkViewMusic',
     props: {
       musicPath: { default: '', type: String },
@@ -22034,23 +22269,23 @@
     methods: {},
   };
 
-  const _hoisted_1$i = { class: "dk-view-music" };
-  const _hoisted_2$e = { key: 0 };
-  const _hoisted_3$9 = ["src"];
+  const _hoisted_1$k = { class: "dk-view-music" };
+  const _hoisted_2$g = { key: 0 };
+  const _hoisted_3$b = ["src"];
 
   function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_van_icon = require$$0.resolveComponent("van-icon");
 
-    return (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$i, [
+    return (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$k, [
       ($props.iconType === 'image')
-        ? (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_2$e, [
+        ? (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_2$g, [
             require$$0.createElementVNode("img", {
               src: $props.imgUrl,
               width: "100%",
               style: require$$0.normalizeStyle($options._style),
               class: require$$0.normalizeClass([$props.rotation, "dk-music-img"]),
               alt: ""
-            }, null, 14 /* CLASS, STYLE, PROPS */, _hoisted_3$9)
+            }, null, 14 /* CLASS, STYLE, PROPS */, _hoisted_3$b)
           ]))
         : (require$$0.openBlock(), require$$0.createBlock(_component_van_icon, {
             key: 1,
@@ -22060,10 +22295,10 @@
           }, null, 8 /* PROPS */, ["class", "style"]))
     ]))
   }
-  var DkViewMusic = /*#__PURE__*/_export_sfc(_sfc_main$p, [['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$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"]]);
 
   // TODO 可以后期增加配置背景色等参数
-  const _sfc_main$o = {
+  const _sfc_main$q = {
     name: 'DkViewNavBar',
     props: {
       title: {
@@ -22116,9 +22351,9 @@
       }, null, 8 /* PROPS */, ["title", "left-text", "right-text", "left-arrow", "border"])
     ]))
   }
-  var DkViewNavBar = /*#__PURE__*/_export_sfc(_sfc_main$o, [['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$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"]]);
 
-  const _sfc_main$n = {
+  const _sfc_main$p = {
     name: 'DkViewNoticeBar',
     props: {
       leftIcon: { default: '', type: String },
@@ -22149,9 +22384,9 @@
       }, null, 8 /* PROPS */, ["speed", "left-icon", "text", "color", "background"])
     ]))
   }
-  var DkViewNoticeBar = /*#__PURE__*/_export_sfc(_sfc_main$n, [['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$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"]]);
 
-  const _sfc_main$m = {
+  const _sfc_main$o = {
     name: 'DkViewSwipe',
     props: {
       value: {
@@ -22219,9 +22454,9 @@
       _: 1 /* STABLE */
     }, 8 /* PROPS */, ["autoplay", "style"]))
   }
-  var DkViewSwipe = /*#__PURE__*/_export_sfc(_sfc_main$m, [['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$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"]]);
 
-  const _sfc_main$l = {
+  const _sfc_main$n = {
     name: 'DkViewTabbar',
     props: {
       tabBars: {
@@ -22250,14 +22485,14 @@
     methods: {},
   };
 
-  const _hoisted_1$h = { class: "dk-view-tabbar" };
-  const _hoisted_2$d = ["src"];
+  const _hoisted_1$j = { class: "dk-view-tabbar" };
+  const _hoisted_2$f = ["src"];
 
   function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_van_tabbar_item = require$$0.resolveComponent("van-tabbar-item");
     const _component_van_tabbar = require$$0.resolveComponent("van-tabbar");
 
-    return (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$h, [
+    return (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$j, [
       require$$0.createVNode(_component_van_tabbar, {
         modelValue: $data.tmpActive,
         "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => (($data.tmpActive) = $event)),
@@ -22286,7 +22521,7 @@
                       require$$0.createElementVNode("img", {
                         src: item.imgIcon,
                         alt: ""
-                      }, null, 8 /* PROPS */, _hoisted_2$d)
+                      }, null, 8 /* PROPS */, _hoisted_2$f)
                     ]),
                     key: "0"
                   }
@@ -22298,9 +22533,9 @@
       }, 8 /* PROPS */, ["modelValue", "active-color", "inactive-color", "style"])
     ]))
   }
-  var DkViewTabbar = /*#__PURE__*/_export_sfc(_sfc_main$l, [['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$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"]]);
 
-  const _sfc_main$k = {
+  const _sfc_main$m = {
     name: 'DkViewTextarea',
     props: {
       textarea: {
@@ -22316,14 +22551,14 @@
     methods: {},
   };
 
-  const _hoisted_1$g = ["innerHTML"];
+  const _hoisted_1$i = ["innerHTML"];
 
   function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
-    return (require$$0.openBlock(), require$$0.createElementBlock("div", { innerHTML: $props.textarea }, null, 8 /* PROPS */, _hoisted_1$g))
+    return (require$$0.openBlock(), require$$0.createElementBlock("div", { innerHTML: $props.textarea }, null, 8 /* PROPS */, _hoisted_1$i))
   }
-  var DkViewTextarea = /*#__PURE__*/_export_sfc(_sfc_main$k, [['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$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"]]);
 
-  const _sfc_main$j = {
+  const _sfc_main$l = {
     name: 'DkViewTitle',
     props: {
       title: { default: '标题', type: String },
@@ -22353,15 +22588,15 @@
     methods: {},
   };
 
-  const _hoisted_1$f = { class: "dk-view-title" };
-  const _hoisted_2$c = { class: "title-left" };
+  const _hoisted_1$h = { class: "dk-view-title" };
+  const _hoisted_2$e = { class: "title-left" };
 
   function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_van_icon = require$$0.resolveComponent("van-icon");
     const _component_van_image = require$$0.resolveComponent("van-image");
 
-    return (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$f, [
-      require$$0.createElementVNode("div", _hoisted_2$c, [
+    return (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$h, [
+      require$$0.createElementVNode("div", _hoisted_2$e, [
         ($props.prefix === 'icon')
           ? (require$$0.openBlock(), require$$0.createBlock(_component_van_icon, {
               key: 0,
@@ -22406,9 +22641,9 @@
         : require$$0.createCommentVNode("v-if", true)
     ]))
   }
-  var DkViewTitle = /*#__PURE__*/_export_sfc(_sfc_main$j, [['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$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"]]);
 
-  const _sfc_main$i = {
+  const _sfc_main$k = {
     name: 'DkViewVideo',
     props: {
       poster: {
@@ -22450,13 +22685,13 @@
     methods: {},
   };
 
-  const _hoisted_1$e = {
+  const _hoisted_1$g = {
     style: {"position":"relative"},
     class: "dk-video-content"
   };
-  const _hoisted_2$b = { class: "video-preview" };
-  const _hoisted_3$8 = { key: 0 };
-  const _hoisted_4$8 = { key: 1 };
+  const _hoisted_2$d = { class: "video-preview" };
+  const _hoisted_3$a = { key: 0 };
+  const _hoisted_4$a = { key: 1 };
 
   function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_image = require$$0.resolveComponent("el-image");
@@ -22466,7 +22701,7 @@
       class: "dk-view-video",
       style: require$$0.normalizeStyle($options._style)
     }, [
-      require$$0.createElementVNode("div", _hoisted_1$e, [
+      require$$0.createElementVNode("div", _hoisted_1$g, [
         ($props.poster)
           ? (require$$0.openBlock(), require$$0.createBlock(_component_el_image, {
               key: 0,
@@ -22475,19 +22710,19 @@
               class: "poster"
             }, null, 8 /* PROPS */, ["src"]))
           : require$$0.createCommentVNode("v-if", true),
-        require$$0.createElementVNode("div", _hoisted_2$b, [
+        require$$0.createElementVNode("div", _hoisted_2$d, [
           require$$0.createVNode(_component_dk_icon, {
             icon: "VideoPlay",
             size: 24
           }),
           (!$props.videoPath)
-            ? (require$$0.openBlock(), require$$0.createElementBlock("p", _hoisted_3$8, "请选择或者上传您的视频"))
-            : (require$$0.openBlock(), require$$0.createElementBlock("p", _hoisted_4$8, "当前不支持预览,请到实际页面查看"))
+            ? (require$$0.openBlock(), require$$0.createElementBlock("p", _hoisted_3$a, "请选择或者上传您的视频"))
+            : (require$$0.openBlock(), require$$0.createElementBlock("p", _hoisted_4$a, "当前不支持预览,请到实际页面查看"))
         ])
       ])
     ], 4 /* STYLE */))
   }
-  var DkViewVideo = /*#__PURE__*/_export_sfc(_sfc_main$i, [['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$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"]]);
 
   const views = {
     DkViewBulletChat,
@@ -22552,7 +22787,7 @@
     });
   }
 
-  const _sfc_main$h = {
+  const _sfc_main$j = {
     name: 'DiyCloud',
     props: {
       pageName: {
@@ -22676,16 +22911,16 @@
     },
   };
 
-  const _hoisted_1$d = { class: "diy-cloud" };
-  const _hoisted_2$a = { class: "diy-header" };
-  const _hoisted_3$7 = { class: "diy-search" };
-  const _hoisted_4$7 = { class: "diy-content" };
-  const _hoisted_5$6 = {
+  const _hoisted_1$f = { class: "diy-cloud" };
+  const _hoisted_2$c = { class: "diy-header" };
+  const _hoisted_3$9 = { class: "diy-search" };
+  const _hoisted_4$9 = { class: "diy-content" };
+  const _hoisted_5$7 = {
     key: 0,
     class: "cl"
   };
-  const _hoisted_6$6 = ["onClick"];
-  const _hoisted_7$6 = {
+  const _hoisted_6$7 = ["onClick"];
+  const _hoisted_7$7 = {
     key: 0,
     class: "mask"
   };
@@ -22722,9 +22957,9 @@
     const _component_dk_form = require$$0.resolveComponent("dk-form");
     const _directive_loading = require$$0.resolveDirective("loading");
 
-    return (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$d, [
-      require$$0.createElementVNode("div", _hoisted_2$a, [
-        require$$0.createElementVNode("div", _hoisted_3$7, [
+    return (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$f, [
+      require$$0.createElementVNode("div", _hoisted_2$c, [
+        require$$0.createElementVNode("div", _hoisted_3$9, [
           require$$0.createVNode(_component_el_select, {
             modelValue: $data.search.state,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => (($data.search.state) = $event)),
@@ -22851,9 +23086,9 @@
         ])
       ]),
       require$$0.createCommentVNode("-------------模板列表------------------------"),
-      require$$0.withDirectives((require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_4$7, [
+      require$$0.withDirectives((require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_4$9, [
         (!$data.loading && $data.list.length > 0)
-          ? (require$$0.openBlock(), require$$0.createElementBlock("ul", _hoisted_5$6, [
+          ? (require$$0.openBlock(), require$$0.createElementBlock("ul", _hoisted_5$7, [
               (require$$0.openBlock(true), require$$0.createElementBlock(require$$0.Fragment, null, require$$0.renderList($data.list, (item, key) => {
                 return (require$$0.openBlock(), require$$0.createElementBlock("li", {
                   key: key,
@@ -22866,7 +23101,7 @@
                     fit: "contain"
                   }, null, 8 /* PROPS */, ["src"]),
                   (item.state <= 0)
-                    ? (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_7$6))
+                    ? (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_7$7))
                     : require$$0.createCommentVNode("v-if", true),
                   require$$0.createElementVNode("div", _hoisted_8$5, [
                     (item.state === '0')
@@ -22910,7 +23145,7 @@
                       ]))
                     : require$$0.createCommentVNode("v-if", true),
                   require$$0.createElementVNode("div", _hoisted_12$2, require$$0.toDisplayString(item.name), 1 /* TEXT */)
-                ], 10 /* CLASS, PROPS */, _hoisted_6$6))
+                ], 10 /* CLASS, PROPS */, _hoisted_6$7))
               }), 128 /* KEYED_FRAGMENT */))
             ]))
           : (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_13$2, [
@@ -22957,7 +23192,7 @@
       }, null, 8 /* PROPS */, ["form-data", "onSubmit"])
     ]))
   }
-  var DiyCloud = /*#__PURE__*/_export_sfc(_sfc_main$h, [['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$j, [['render',_sfc_render$2],['__file',"E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\page-diy\\src\\components\\DiyCloud.vue"]]);
 
   designerForm.register({
     name: 'help',
@@ -22974,7 +23209,7 @@
     },
   });
 
-  const _sfc_main$g = require$$0.defineComponent({
+  const _sfc_main$i = require$$0.defineComponent({
     name: 'DkPageDiy',
     components: {
       DiyCloud,
@@ -24011,17 +24246,17 @@
     },
   });
 
-  const _hoisted_1$c = { class: "_fc-l-groups" };
-  const _hoisted_2$9 = { class: "_fc-l-title" };
-  const _hoisted_3$6 = { class: "_fc-l-icon" };
-  const _hoisted_4$6 = { class: "_fc-l-name" };
-  const _hoisted_5$5 = {
+  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_4$8 = { class: "_fc-l-name" };
+  const _hoisted_5$6 = {
     key: 0,
     class: "_fc-l-count",
     style: {}
   };
-  const _hoisted_6$5 = /*#__PURE__*/require$$0.createElementVNode("span", null, "结构", -1 /* HOISTED */);
-  const _hoisted_7$5 = { key: 0 };
+  const _hoisted_6$6 = /*#__PURE__*/require$$0.createElementVNode("span", null, "结构", -1 /* HOISTED */);
+  const _hoisted_7$6 = { key: 0 };
 
   function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_dk_icon = require$$0.resolveComponent("dk-icon");
@@ -24047,13 +24282,13 @@
           style: require$$0.normalizeStyle(_ctx.leftAside.style)
         }, {
           default: require$$0.withCtx(() => [
-            require$$0.createElementVNode("div", _hoisted_1$c, [
+            require$$0.createElementVNode("div", _hoisted_1$e, [
               (require$$0.openBlock(true), require$$0.createElementBlock(require$$0.Fragment, null, require$$0.renderList(_ctx.menuList, (item, index) => {
                 return (require$$0.openBlock(), require$$0.createElementBlock("div", {
                   key: index,
                   class: "_fc-l-group"
                 }, [
-                  require$$0.createElementVNode("h4", _hoisted_2$9, require$$0.toDisplayString(item.title), 1 /* TEXT */),
+                  require$$0.createElementVNode("h4", _hoisted_2$b, require$$0.toDisplayString(item.title), 1 /* TEXT */),
                   require$$0.createVNode(_component_draggable, {
                     group: { name: 'default', pull: 'clone', put: false },
                     sort: false,
@@ -24067,15 +24302,15 @@
                         key: element.id,
                         class: require$$0.normalizeClass(["_fc-l-item", element.count - (_ctx.countObj[element.name] || 0) <= 0 ? 'not-drag' : ''])
                       }, [
-                        require$$0.createElementVNode("div", _hoisted_3$6, [
+                        require$$0.createElementVNode("div", _hoisted_3$8, [
                           require$$0.createVNode(_component_dk_icon, {
                             icon: element.icon,
                             size: 24
                           }, null, 8 /* PROPS */, ["icon"])
                         ]),
-                        require$$0.createElementVNode("span", _hoisted_4$6, require$$0.toDisplayString(element.label), 1 /* TEXT */),
+                        require$$0.createElementVNode("span", _hoisted_4$8, require$$0.toDisplayString(element.label), 1 /* TEXT */),
                         (element.count)
-                          ? (require$$0.openBlock(), require$$0.createElementBlock("span", _hoisted_5$5, require$$0.toDisplayString(element.count - (_ctx.countObj[element.name] || 0)), 1 /* TEXT */))
+                          ? (require$$0.openBlock(), require$$0.createElementBlock("span", _hoisted_5$6, require$$0.toDisplayString(element.count - (_ctx.countObj[element.name] || 0)), 1 /* TEXT */))
                           : require$$0.createCommentVNode("v-if", true)
                       ], 2 /* CLASS */))
                     ]),
@@ -24092,7 +24327,7 @@
                 class: "child-title",
                 onClick: _cache[0] || (_cache[0] = $event => (_ctx.hideAside('tree')))
               }, [
-                _hoisted_6$5,
+                _hoisted_6$6,
                 require$$0.createVNode(_component_dk_icon, {
                   icon: _ctx.treeAside.hide ? 'ArrowUp' : 'ArrowDown'
                 }, null, 8 /* PROPS */, ["icon"])
@@ -24114,7 +24349,7 @@
                   }, [
                     require$$0.createTextVNode(require$$0.toDisplayString(data.type) + " ", 1 /* TEXT */),
                     (data.config?.config.label)
-                      ? (require$$0.openBlock(), require$$0.createElementBlock("span", _hoisted_7$5, require$$0.toDisplayString(data.config?.config.label), 1 /* TEXT */))
+                      ? (require$$0.openBlock(), require$$0.createElementBlock("span", _hoisted_7$6, require$$0.toDisplayString(data.config?.config.label), 1 /* TEXT */))
                       : require$$0.createCommentVNode("v-if", true),
                     require$$0.createVNode(_component_dk_icon, {
                       icon: "Close",
@@ -24322,10 +24557,10 @@
       _: 3 /* FORWARDED */
     }))
   }
-  var _PageDiy = /*#__PURE__*/_export_sfc(_sfc_main$g, [['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$i, [['render',_sfc_render$1],['__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$f = require$$0.defineComponent({
+  const _sfc_main$h = require$$0.defineComponent({
     name: 'DragTool',
     props: {
       dragBtn: {
@@ -24353,9 +24588,11 @@
       const { unique } = require$$0.toRefs(props);
       const id = require$$0.computed(() => unique.value || uni++);
       const state = require$$0.inject('fcx');
+      const previewSetting = require$$0.inject('previewSetting');
       return {
         id,
         state,
+        previewSetting,
       }
     },
     computed: {
@@ -24363,26 +24600,21 @@
         return {}
       },
       _style() {
+        let style = { ...this.setting.style, ...this.setting.animation };
         if (this.setting.is_position) {
-          return {
-            ...this.setting.style,
+          style = Object.assign(style, {
             ...this.setting.position,
             position: 'absolute',
-          }
-        } else {
-          return {
-            ...this.setting.style,
-          }
+          });
         }
+        return style
       },
       _animate() {
-        // if (this.setting.loop_animate) {
-        //   return 'animate__' + this.setting.loop_animate + ' '
-        // } else if (this.setting.animate) {
-        //   return 'animate__' + this.setting.animate
-        // } else {
-        return ''
-        // }
+        if (this.setting.animation_preview !== false && this.setting.animate && !this.previewSetting.closeAnimate) {
+          return 'animate__' + this.setting.animate
+        } else {
+          return ''
+        }
       },
     },
     beforeUnmount() {
@@ -24397,24 +24629,24 @@
     },
   });
 
-  const _hoisted_1$b = {
+  const _hoisted_1$d = {
     key: 0,
     class: "drag-mask"
   };
-  const _hoisted_2$8 = { class: "drag-r" };
+  const _hoisted_2$a = { class: "drag-r" };
 
   function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_dk_icon = require$$0.resolveComponent("dk-icon");
 
     return (require$$0.openBlock(), require$$0.createElementBlock("div", {
-      class: require$$0.normalizeClass(["drag-tool animate__animated", { active: _ctx.state.active === _ctx.id }]),
+      class: require$$0.normalizeClass(["drag-tool animate__animated", [{ active: _ctx.state.active === _ctx.id }, _ctx._animate]]),
       style: require$$0.normalizeStyle(_ctx._style),
       onClick: _cache[4] || (_cache[4] = require$$0.withModifiers((...args) => (_ctx.active && _ctx.active(...args)), ["stop"]))
     }, [
       (_ctx.mask)
-        ? (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$b))
+        ? (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$d))
         : require$$0.createCommentVNode("v-if", true),
-      require$$0.createElementVNode("div", _hoisted_2$8, [
+      require$$0.createElementVNode("div", _hoisted_2$a, [
         require$$0.createElementVNode("div", {
           class: "drag-btn",
           title: "添加当前组件",
@@ -24450,9 +24682,9 @@
       require$$0.renderSlot(_ctx.$slots, "default")
     ], 6 /* CLASS, STYLE */))
   }
-  var DragTool = /*#__PURE__*/_export_sfc(_sfc_main$f, [['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$h, [['render',_sfc_render],['__file',"E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\page-diy\\src\\components\\DragTool.vue"]]);
 
-  const _sfc_main$e = require$$0.defineComponent({
+  const _sfc_main$g = require$$0.defineComponent({
     name: 'DragBox',
     props: ['rule', 'tag', 'formCreateInject'],
     render(ctx) {
@@ -24482,7 +24714,7 @@
       })
     },
   });
-  var DragBox = /*#__PURE__*/_export_sfc(_sfc_main$e, [['__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$g, [['__file',"E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\page-diy\\src\\components\\DragBox.vue"]]);
 
   const addComponent = (id, component) => {
     designerForm.component(id, component);
@@ -29154,19 +29386,19 @@
     return true;
   }
 
-  const _hoisted_1$a = { class: "com-search-col" };
-  const _hoisted_2$7 = {
+  const _hoisted_1$c = { class: "com-search-col" };
+  const _hoisted_2$9 = {
     key: 0,
     class: "com-search-col-label"
   };
-  const _hoisted_3$5 = { class: "com-search-col-input" };
-  const _hoisted_4$5 = { class: "com-search-col" };
-  const _hoisted_5$4 = {
+  const _hoisted_3$7 = { class: "com-search-col-input" };
+  const _hoisted_4$7 = { class: "com-search-col" };
+  const _hoisted_5$5 = {
     key: 0,
     class: "com-search-col-label"
   };
-  const _hoisted_6$4 = { class: "com-search-col-input-range" };
-  const _hoisted_7$4 = { class: "com-search-col" };
+  const _hoisted_6$5 = { class: "com-search-col-input-range" };
+  const _hoisted_7$5 = { class: "com-search-col" };
   const _hoisted_8$4 = {
     key: 0,
     class: "com-search-col-label"
@@ -29194,7 +29426,7 @@
     class: "com-search-col-input"
   };
   const _hoisted_16$1 = { class: "com-search-col pl-20" };
-  var _sfc_main$d = /* @__PURE__ */ require$$0.defineComponent({
+  var _sfc_main$f = /* @__PURE__ */ require$$0.defineComponent({
     __name: "ComSearch",
     setup(__props) {
       const DkTable = require$$0.inject("DkTable");
@@ -29321,15 +29553,15 @@
                                 }, {
                                   default: require$$0.withCtx(() => [
                                     require$$0.createCommentVNode(" \u5916\u90E8\u53EF\u4EE5\u4F7F\u7528 :deep() \u9009\u62E9\u5668\u4FEE\u6539css\u6837\u5F0F "),
-                                    require$$0.createElementVNode("div", _hoisted_1$a, [
+                                    require$$0.createElementVNode("div", _hoisted_1$c, [
                                       item.comSearchShowLabel !== false ? (require$$0.openBlock(), require$$0.createElementBlock(
                                         "div",
-                                        _hoisted_2$7,
+                                        _hoisted_2$9,
                                         require$$0.toDisplayString(item.label),
                                         1
                                         /* TEXT */
                                       )) : require$$0.createCommentVNode("v-if", true),
-                                      require$$0.createElementVNode("div", _hoisted_3$5, [
+                                      require$$0.createElementVNode("div", _hoisted_3$7, [
                                         require$$0.createCommentVNode(" \u81EA\u5B9A\u4E49\u7EC4\u4EF6/\u51FD\u6570\u6E32\u67D3 "),
                                         item.comSearchRender == "customRender" ? (require$$0.openBlock(), require$$0.createBlock(require$$0.resolveDynamicComponent(item.comSearchComponent), require$$0.mergeProps({
                                           key: 0,
@@ -29361,15 +29593,15 @@
                                       span: spans.value.datetime
                                     }, {
                                       default: require$$0.withCtx(() => [
-                                        require$$0.createElementVNode("div", _hoisted_4$5, [
+                                        require$$0.createElementVNode("div", _hoisted_4$7, [
                                           item.comSearchShowLabel !== false ? (require$$0.openBlock(), require$$0.createElementBlock(
                                             "div",
-                                            _hoisted_5$4,
+                                            _hoisted_5$5,
                                             require$$0.toDisplayString(item.label),
                                             1
                                             /* TEXT */
                                           )) : require$$0.createCommentVNode("v-if", true),
-                                          require$$0.createElementVNode("div", _hoisted_6$4, [
+                                          require$$0.createElementVNode("div", _hoisted_6$5, [
                                             require$$0.createVNode(_component_el_date_picker, {
                                               modelValue: require$$0.unref(DkTable).comSearch.form[item.prop],
                                               "onUpdate:modelValue": ($event) => require$$0.unref(DkTable).comSearch.form[item.prop] = $event,
@@ -29400,7 +29632,7 @@
                                       span: spans.value.datetime
                                     }, {
                                       default: require$$0.withCtx(() => [
-                                        require$$0.createElementVNode("div", _hoisted_7$4, [
+                                        require$$0.createElementVNode("div", _hoisted_7$5, [
                                           item.comSearchShowLabel !== false ? (require$$0.openBlock(), require$$0.createElementBlock(
                                             "div",
                                             _hoisted_8$4,
@@ -29673,33 +29905,33 @@
     }
   });
 
-  var ComSearch = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\table\\src\\components\\ComSearch.vue"]]);
+  var ComSearch = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\table\\src\\components\\ComSearch.vue"]]);
 
-  const _hoisted_1$9 = { class: "dk-table-header" };
-  const _hoisted_2$6 = /* @__PURE__ */ require$$0.createElementVNode(
+  const _hoisted_1$b = { class: "dk-table-header" };
+  const _hoisted_2$8 = /* @__PURE__ */ require$$0.createElementVNode(
     "span",
     { class: "m-l-5px" },
     "\u65B0\u589E",
     -1
     /* HOISTED */
   );
-  const _hoisted_3$4 = /* @__PURE__ */ require$$0.createElementVNode(
+  const _hoisted_3$6 = /* @__PURE__ */ require$$0.createElementVNode(
     "span",
     { class: "m-l-5px" },
     "\u7F16\u8F91",
     -1
     /* HOISTED */
   );
-  const _hoisted_4$4 = { class: "m-l-5px" };
-  const _hoisted_5$3 = /* @__PURE__ */ require$$0.createElementVNode(
+  const _hoisted_4$6 = { class: "m-l-5px" };
+  const _hoisted_5$4 = /* @__PURE__ */ require$$0.createElementVNode(
     "span",
     { class: "m-l-5px" },
     "\u5220\u9664",
     -1
     /* HOISTED */
   );
-  const _hoisted_6$3 = { class: "table-header-operate-text" };
-  const _hoisted_7$3 = /* @__PURE__ */ require$$0.createElementVNode(
+  const _hoisted_6$4 = { class: "table-header-operate-text" };
+  const _hoisted_7$4 = /* @__PURE__ */ require$$0.createElementVNode(
     "span",
     { class: "table-header-operate-text" },
     " \u56DE\u6536\u7AD9 ",
@@ -29709,11 +29941,11 @@
   const _hoisted_8$3 = { class: "table-search" };
   const _hoisted_9$2 = { class: "mr-1" };
   const _hoisted_10$1 = { class: "table-search-button-group" };
-  const __default__$b = require$$0.defineComponent({
+  const __default__$d = require$$0.defineComponent({
     name: "DkTableHeader"
   });
-  var _sfc_main$c = /* @__PURE__ */ require$$0.defineComponent({
-    ...__default__$b,
+  var _sfc_main$e = /* @__PURE__ */ require$$0.defineComponent({
+    ...__default__$d,
     props: {
       size: {
         default: "small",
@@ -29805,7 +30037,7 @@
               _: 3
               /* FORWARDED */
             }),
-            require$$0.createElementVNode("div", _hoisted_1$9, [
+            require$$0.createElementVNode("div", _hoisted_1$b, [
               require$$0.renderSlot(_ctx.$slots, "refreshPrepend"),
               props.buttons.includes("refresh") ? (require$$0.openBlock(), require$$0.createBlock(_component_el_tooltip, {
                 key: 0,
@@ -29844,7 +30076,7 @@
                   }, {
                     default: require$$0.withCtx(() => [
                       require$$0.createVNode(_component_dk_icon, { icon: "typcn:plus" }),
-                      _hoisted_2$6
+                      _hoisted_2$8
                     ]),
                     _: 1
                     /* STABLE */
@@ -29869,7 +30101,7 @@
                   }, {
                     default: require$$0.withCtx(() => [
                       require$$0.createVNode(_component_dk_icon, { icon: "typcn:edit" }),
-                      _hoisted_3$4
+                      _hoisted_3$6
                     ]),
                     _: 1
                     /* STABLE */
@@ -29890,7 +30122,7 @@
                 onConfirm: _cache[3] || (_cache[3] = ($event) => onAction("delete"))
               }, {
                 reference: require$$0.withCtx(() => [
-                  require$$0.createElementVNode("div", _hoisted_4$4, [
+                  require$$0.createElementVNode("div", _hoisted_4$6, [
                     require$$0.createVNode(_component_el_tooltip, {
                       content: "\u5220\u9664\u6240\u9009\u884C",
                       placement: "top"
@@ -29904,7 +30136,7 @@
                           default: require$$0.withCtx(() => [
                             require$$0.createCommentVNode('                <Icon name="fa fa-trash" />'),
                             require$$0.createVNode(_component_dk_icon, { icon: "typcn:trash" }),
-                            _hoisted_5$3
+                            _hoisted_5$4
                           ]),
                           _: 1
                           /* STABLE */
@@ -29936,7 +30168,7 @@
                     default: require$$0.withCtx(() => [
                       require$$0.createElementVNode(
                         "span",
-                        _hoisted_6$3,
+                        _hoisted_6$4,
                         require$$0.toDisplayString(require$$0.unref(DkTable).table.expandAll ? "\u6536\u7F29\u6240\u6709" : "\u5C55\u5F00\u6240\u6709"),
                         1
                         /* TEXT */
@@ -29963,7 +30195,7 @@
                     onClick: _cache[5] || (_cache[5] = ($event) => onAction("recycle"))
                   }, {
                     default: require$$0.withCtx(() => [
-                      _hoisted_7$3
+                      _hoisted_7$4
                     ]),
                     _: 1
                     /* STABLE */
@@ -30081,21 +30313,21 @@
     }
   });
 
-  var DkTableHeader = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\table\\src\\components\\header.vue"]]);
+  var DkTableHeader = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\table\\src\\components\\header.vue"]]);
 
-  const _hoisted_1$8 = { key: 0 };
-  const _hoisted_2$5 = { key: 1 };
-  const _hoisted_3$3 = {
+  const _hoisted_1$a = { key: 0 };
+  const _hoisted_2$7 = { key: 1 };
+  const _hoisted_3$5 = {
     key: 2,
     class: "ba-render-image"
   };
-  const _hoisted_4$3 = {
+  const _hoisted_4$5 = {
     key: 3,
     class: "ba-render-image"
   };
-  const _hoisted_5$2 = { key: 4 };
-  const _hoisted_6$2 = { key: 5 };
-  const _hoisted_7$2 = { key: 6 };
+  const _hoisted_5$3 = { key: 4 };
+  const _hoisted_6$3 = { key: 5 };
+  const _hoisted_7$3 = { key: 6 };
   const _hoisted_8$2 = { key: 7 };
   const _hoisted_9$1 = { key: 8 };
   const _hoisted_10 = { key: 9 };
@@ -30118,11 +30350,11 @@
     key: 0,
     class: "table-operate-text"
   };
-  const __default__$a = require$$0.defineComponent({
+  const __default__$c = require$$0.defineComponent({
     name: "DkFieldRender"
   });
-  var _sfc_main$b = /* @__PURE__ */ require$$0.defineComponent({
-    ...__default__$a,
+  var _sfc_main$d = /* @__PURE__ */ require$$0.defineComponent({
+    ...__default__$c,
     props: {
       row: { type: null, required: true },
       field: { type: null, required: true },
@@ -30173,11 +30405,11 @@
           null,
           [
             require$$0.createCommentVNode("\u56FE\u6807"),
-            _ctx.field.render == "icon" ? (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$8, [
+            _ctx.field.render == "icon" ? (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$a, [
               fieldValue.value || _ctx.field.default ? (require$$0.openBlock(), require$$0.createBlock(_component_dk_icon, {
                 key: 0,
                 icon: fieldValue.value ? fieldValue.value : _ctx.field.default
-              }, null, 8, ["icon"])) : (require$$0.openBlock(), require$$0.createElementBlock("span", _hoisted_2$5, "-"))
+              }, null, 8, ["icon"])) : (require$$0.openBlock(), require$$0.createElementBlock("span", _hoisted_2$7, "-"))
             ])) : require$$0.createCommentVNode("v-if", true),
             require$$0.createCommentVNode("\u5F00\u5173"),
             _ctx.field.render == "switch" && fieldValue.value !== "" ? (require$$0.openBlock(), require$$0.createBlock(_component_el_switch, {
@@ -30189,7 +30421,7 @@
               onChange: onChangeField
             }, null, 8, ["model-value", "loading"])) : require$$0.createCommentVNode("v-if", true),
             require$$0.createCommentVNode(" \u5355\u56FE "),
-            _ctx.field.render == "image" && fieldValue.value ? (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_3$3, [
+            _ctx.field.render == "image" && fieldValue.value ? (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_3$5, [
               require$$0.createVNode(_component_el_image, {
                 "hide-on-click-modal": true,
                 "preview-teleported": true,
@@ -30200,7 +30432,7 @@
               }, null, 8, ["preview-src-list", "src"])
             ])) : require$$0.createCommentVNode("v-if", true),
             require$$0.createCommentVNode("\u591A\u56FE\u7247"),
-            _ctx.field.render == "images" ? (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_4$3, [
+            _ctx.field.render == "images" ? (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_4$5, [
               Array.isArray(fieldValue.value) && fieldValue.value.length ? (require$$0.openBlock(true), require$$0.createElementBlock(
                 require$$0.Fragment,
                 { key: 0 },
@@ -30220,7 +30452,7 @@
                 /* KEYED_FRAGMENT */
               )) : require$$0.createCommentVNode("v-if", true)
             ])) : require$$0.createCommentVNode("v-if", true),
-            _ctx.field.render == "tag" && fieldValue.value !== "" ? (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_5$2, [
+            _ctx.field.render == "tag" && fieldValue.value !== "" ? (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_5$3, [
               require$$0.createVNode(_component_el_tag, {
                 type: getTagType(fieldValue.value, _ctx.field.custom),
                 effect: _ctx.field.effect ?? "light",
@@ -30238,7 +30470,7 @@
               }, 8, ["type", "effect", "size"])
             ])) : require$$0.createCommentVNode("v-if", true),
             require$$0.createCommentVNode(" tags "),
-            _ctx.field.render == "tags" ? (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_6$2, [
+            _ctx.field.render == "tags" ? (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_6$3, [
               Array.isArray(fieldValue.value) ? (require$$0.openBlock(true), require$$0.createElementBlock(
                 require$$0.Fragment,
                 { key: 0 },
@@ -30298,7 +30530,7 @@
               ))
             ])) : require$$0.createCommentVNode("v-if", true),
             require$$0.createCommentVNode(" url "),
-            _ctx.field.render == "url" && fieldValue.value ? (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_7$2, [
+            _ctx.field.render == "url" && fieldValue.value ? (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_7$3, [
               require$$0.createVNode(_component_el_input, {
                 "model-value": fieldValue.value,
                 placeholder: "\u94FE\u63A5\u5730\u5740"
@@ -30547,33 +30779,33 @@
     }
   });
 
-  var DkFieldRender = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\table\\src\\components\\FieldRender.vue"]]);
+  var DkFieldRender = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\table\\src\\components\\FieldRender.vue"]]);
 
-  const _hoisted_1$7 = { class: "dk-table-header" };
-  const _hoisted_2$4 = /* @__PURE__ */ require$$0.createElementVNode(
+  const _hoisted_1$9 = { class: "dk-table-header" };
+  const _hoisted_2$6 = /* @__PURE__ */ require$$0.createElementVNode(
     "span",
     { class: "m-l-5px" },
     "\u8FD8\u539F",
     -1
     /* HOISTED */
   );
-  const _hoisted_3$2 = /* @__PURE__ */ require$$0.createElementVNode(
+  const _hoisted_3$4 = /* @__PURE__ */ require$$0.createElementVNode(
     "span",
     { class: "m-l-5px" },
     "\u9500\u6BC1",
     -1
     /* HOISTED */
   );
-  const _hoisted_4$2 = { class: "m-l-6px" };
-  const _hoisted_5$1 = /* @__PURE__ */ require$$0.createElementVNode(
+  const _hoisted_4$4 = { class: "m-l-6px" };
+  const _hoisted_5$2 = /* @__PURE__ */ require$$0.createElementVNode(
     "span",
     { class: "m-l-5px" },
     "\u8FD8\u539F\u5168\u90E8",
     -1
     /* HOISTED */
   );
-  const _hoisted_6$1 = { class: "m-l-5px" };
-  const _hoisted_7$1 = /* @__PURE__ */ require$$0.createElementVNode(
+  const _hoisted_6$2 = { class: "m-l-5px" };
+  const _hoisted_7$2 = /* @__PURE__ */ require$$0.createElementVNode(
     "span",
     { class: "m-l-5px" },
     "\u6E05\u7A7A\u5168\u90E8",
@@ -30581,11 +30813,11 @@
     /* HOISTED */
   );
   const _hoisted_8$1 = { class: "table-search" };
-  const __default__$9 = require$$0.defineComponent({
+  const __default__$b = require$$0.defineComponent({
     name: "RecycleDialog"
   });
-  var _sfc_main$a = /* @__PURE__ */ require$$0.defineComponent({
-    ...__default__$9,
+  var _sfc_main$c = /* @__PURE__ */ require$$0.defineComponent({
+    ...__default__$b,
     setup(__props) {
       const DkTable = require$$0.inject("DkTable");
       const onSearchInput = () => {
@@ -30637,7 +30869,7 @@
           class: "dk-table"
         }, {
           default: require$$0.withCtx(() => [
-            require$$0.createElementVNode("div", _hoisted_1$7, [
+            require$$0.createElementVNode("div", _hoisted_1$9, [
               require$$0.createVNode(_component_el_button, {
                 class: "table-header-operate",
                 type: "info",
@@ -30657,7 +30889,7 @@
               }, {
                 default: require$$0.withCtx(() => [
                   require$$0.createVNode(_component_dk_icon, { icon: "RefreshLeft" }),
-                  _hoisted_2$4
+                  _hoisted_2$6
                 ]),
                 _: 1
                 /* STABLE */
@@ -30670,7 +30902,7 @@
               }, {
                 default: require$$0.withCtx(() => [
                   require$$0.createVNode(_component_dk_icon, { icon: "CloseBold" }),
-                  _hoisted_3$2
+                  _hoisted_3$4
                 ]),
                 _: 1
                 /* STABLE */
@@ -30683,14 +30915,14 @@
                 onConfirm: _cache[3] || (_cache[3] = ($event) => restore(null))
               }, {
                 reference: require$$0.withCtx(() => [
-                  require$$0.createElementVNode("div", _hoisted_4$2, [
+                  require$$0.createElementVNode("div", _hoisted_4$4, [
                     require$$0.createVNode(_component_el_button, {
                       class: "table-header-operate",
                       type: "success"
                     }, {
                       default: require$$0.withCtx(() => [
                         require$$0.createVNode(_component_dk_icon, { icon: "RefreshLeft" }),
-                        _hoisted_5$1
+                        _hoisted_5$2
                       ]),
                       _: 1
                       /* STABLE */
@@ -30708,14 +30940,14 @@
                 onConfirm: _cache[4] || (_cache[4] = ($event) => destroy(null))
               }, {
                 reference: require$$0.withCtx(() => [
-                  require$$0.createElementVNode("div", _hoisted_6$1, [
+                  require$$0.createElementVNode("div", _hoisted_6$2, [
                     require$$0.createVNode(_component_el_button, {
                       class: "table-header-operate",
                       type: "danger"
                     }, {
                       default: require$$0.withCtx(() => [
                         require$$0.createVNode(_component_dk_icon, { icon: "CloseBold" }),
-                        _hoisted_7$1
+                        _hoisted_7$2
                       ]),
                       _: 1
                       /* STABLE */
@@ -30806,15 +31038,15 @@
     }
   });
 
-  var RecycleDialog = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\table\\src\\components\\RecycleDialog.vue"]]);
+  var RecycleDialog = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\table\\src\\components\\RecycleDialog.vue"]]);
 
-  const _hoisted_1$6 = { class: "dk-table" };
-  const _hoisted_2$3 = { class: "table-pagination" };
-  const __default__$8 = require$$0.defineComponent({
+  const _hoisted_1$8 = { class: "dk-table" };
+  const _hoisted_2$5 = { class: "table-pagination" };
+  const __default__$a = require$$0.defineComponent({
     name: "DkTable"
   });
-  var _sfc_main$9 = /* @__PURE__ */ require$$0.defineComponent({
-    ...__default__$8,
+  var _sfc_main$b = /* @__PURE__ */ require$$0.defineComponent({
+    ...__default__$a,
     props: tableProps,
     setup(__props, { expose: __expose }) {
       const props = __props;
@@ -30935,7 +31167,7 @@
           require$$0.Fragment,
           null,
           [
-            require$$0.createElementVNode("div", _hoisted_1$6, [
+            require$$0.createElementVNode("div", _hoisted_1$8, [
               require$$0.createCommentVNode("\u9876\u90E8\u83DC\u5355"),
               require$$0.createVNode(
                 DkTableHeader,
@@ -31036,7 +31268,7 @@
               }, 16, ["default-expand-all", "data", "row-key"])), [
                 [_directive_loading, require$$0.unref(DkTable).table.loading]
               ]),
-              require$$0.createElementVNode("div", _hoisted_2$3, [
+              require$$0.createElementVNode("div", _hoisted_2$5, [
                 require$$0.createVNode(_component_el_pagination, {
                   "current-page": require$$0.unref(DkTable).table.filter.page,
                   "page-size": require$$0.unref(DkTable).table.filter.limit,
@@ -31084,7 +31316,7 @@
     }
   });
 
-  var _Table = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\table\\src\\table.vue"]]);
+  var _Table = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\table\\src\\table.vue"]]);
 
   const Table = withInstall(_Table);
 
@@ -31384,11 +31616,11 @@
     }
   };
 
-  const __default__$7 = require$$0.defineComponent({
+  const __default__$9 = require$$0.defineComponent({
     name: "DkSelect"
   });
-  var _sfc_main$8 = /* @__PURE__ */ require$$0.defineComponent({
-    ...__default__$7,
+  var _sfc_main$a = /* @__PURE__ */ require$$0.defineComponent({
+    ...__default__$9,
     props: selectProps,
     emits: ["update:modelValue", "change", "visible-change", "remove-tag", "clear", "blur", "focus"],
     setup(__props, { emit }) {
@@ -31457,7 +31689,7 @@
     }
   });
 
-  var _Select = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\select\\src\\select.vue"]]);
+  var _Select = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\select\\src\\select.vue"]]);
 
   const Select = withInstall(_Select);
 
@@ -31600,7 +31832,7 @@
   var css_248z = ".vdr-container{position:absolute;border:1px solid transparent;box-sizing:border-box}.vdr-container.active{border-color:#000;border-style:dashed}.vdr-container.dragging{border-color:#000;border-style:solid}.vdr-handle{box-sizing:border-box;position:absolute;width:7px;height:7px;background:#f0f0f0;border:1px solid #333}.vdr-handle-tl{top:-4px;left:-4px;cursor:nw-resize}.vdr-handle-tm{top:-4px;left:50%;margin-left:-3px;cursor:n-resize}.vdr-handle-tr{top:-4px;right:-4px;cursor:ne-resize}.vdr-handle-ml{top:50%;margin-top:-3px;left:-4px;cursor:w-resize}.vdr-handle-mr{top:50%;margin-top:-3px;right:-4px;cursor:e-resize}.vdr-handle-bl{bottom:-4px;left:-4px;cursor:sw-resize}.vdr-handle-bm{bottom:-4px;left:50%;margin-left:-4px;cursor:s-resize}.vdr-handle-br{bottom:-4px;right:-4px;cursor:se-resize}";
   styleInject(css_248z);
 
-  var _sfc_main$7 = /* @__PURE__ */ require$$0.defineComponent({
+  var _sfc_main$9 = /* @__PURE__ */ require$$0.defineComponent({
     __name: "quick-action",
     props: {
       index: {
@@ -31793,20 +32025,20 @@
     }
   });
 
-  var QuickAction = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\poster-input\\src\\component\\views\\quick-action.vue"]]);
+  var QuickAction = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\poster-input\\src\\component\\views\\quick-action.vue"]]);
 
-  const _hoisted_1$5 = /* @__PURE__ */ require$$0.createElementVNode(
+  const _hoisted_1$7 = /* @__PURE__ */ require$$0.createElementVNode(
     "div",
     null,
     "\u7528\u6237\u6635\u79F0",
     -1
     /* HOISTED */
   );
-  const __default__$6 = require$$0.defineComponent({
+  const __default__$8 = require$$0.defineComponent({
     name: "DkPosterViewName"
   });
-  var _sfc_main$6 = /* @__PURE__ */ require$$0.defineComponent({
-    ...__default__$6,
+  var _sfc_main$8 = /* @__PURE__ */ require$$0.defineComponent({
+    ...__default__$8,
     props: {
       item: {
         default: () => {
@@ -31851,7 +32083,7 @@
               trigger: "contextmenu"
             }, {
               reference: require$$0.withCtx(() => [
-                _hoisted_1$5
+                _hoisted_1$7
               ]),
               default: require$$0.withCtx(() => [
                 require$$0.createVNode(_component_el_form, {
@@ -31945,14 +32177,14 @@
     }
   });
 
-  var DkPosterViewName = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\poster-input\\src\\component\\views\\DkPosterViewName.vue"]]);
+  var DkPosterViewName = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\poster-input\\src\\component\\views\\DkPosterViewName.vue"]]);
 
-  const _hoisted_1$4 = { class: "text" };
-  const __default__$5 = require$$0.defineComponent({
+  const _hoisted_1$6 = { class: "text" };
+  const __default__$7 = require$$0.defineComponent({
     name: "DkPosterViewText"
   });
-  var _sfc_main$5 = /* @__PURE__ */ require$$0.defineComponent({
-    ...__default__$5,
+  var _sfc_main$7 = /* @__PURE__ */ require$$0.defineComponent({
+    ...__default__$7,
     props: {
       item: {
         default: () => {
@@ -31987,7 +32219,7 @@
         const _component_el_color_picker = require$$0.resolveComponent("el-color-picker");
         const _component_el_form = require$$0.resolveComponent("el-form");
         const _component_el_popover = require$$0.resolveComponent("el-popover");
-        return require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$4, [
+        return require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$6, [
           require$$0.createVNode(_component_el_popover, {
             placement: "right",
             width: "400",
@@ -32093,26 +32325,26 @@
     }
   });
 
-  var DkPosterViewText = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\poster-input\\src\\component\\views\\DkPosterViewText.vue"]]);
+  var DkPosterViewText = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\poster-input\\src\\component\\views\\DkPosterViewText.vue"]]);
 
-  const _hoisted_1$3 = { style: { "position": "relative", "display": "flex", "align-items": "center", "justify-content": "center", "background": "#f6f6f6" } };
-  const _hoisted_2$2 = {
+  const _hoisted_1$5 = { style: { "position": "relative", "display": "flex", "align-items": "center", "justify-content": "center", "background": "#f6f6f6" } };
+  const _hoisted_2$4 = {
     key: 0,
     style: { "position": "relative" }
   };
-  const _hoisted_3$1 = /* @__PURE__ */ require$$0.createElementVNode(
+  const _hoisted_3$3 = /* @__PURE__ */ require$$0.createElementVNode(
     "div",
     { style: { "position": "absolute", "bottom": "5px", "width": "100%", "text-align": "center" } },
     "\u81EA\u5B9A\u4E49\u56FE",
     -1
     /* HOISTED */
   );
-  const _hoisted_4$1 = { style: { "position": "relative" } };
-  const __default__$4 = require$$0.defineComponent({
+  const _hoisted_4$3 = { style: { "position": "relative" } };
+  const __default__$6 = require$$0.defineComponent({
     name: "DkPosterViewImage"
   });
-  var _sfc_main$4 = /* @__PURE__ */ require$$0.defineComponent({
-    ...__default__$4,
+  var _sfc_main$6 = /* @__PURE__ */ require$$0.defineComponent({
+    ...__default__$6,
     props: {
       item: {
         default: () => {
@@ -32165,7 +32397,7 @@
         const _component_dk_icon = require$$0.resolveComponent("dk-icon");
         const _component_el_image = require$$0.resolveComponent("el-image");
         const _component_el_popover = require$$0.resolveComponent("el-popover");
-        return require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$3, [
+        return require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$5, [
           require$$0.createVNode(_component_el_popover, {
             trigger: "contextmenu",
             placement: "right",
@@ -32173,16 +32405,16 @@
             title: "\u7F16\u8F91\u4E8C\u7EF4\u7801"
           }, {
             reference: require$$0.withCtx(() => [
-              !item.image ? (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_2$2, [
+              !item.image ? (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_2$4, [
                 require$$0.createVNode(_component_dk_icon, {
                   icon: "Picture",
                   color: "#ccc",
                   "hover-color": "#ccc",
                   style: require$$0.normalizeStyle([{ "width": "100%" }, { fontSize: item.css.height + "px" }])
                 }, null, 8, ["style"]),
-                _hoisted_3$1
+                _hoisted_3$3
               ])) : require$$0.createCommentVNode("v-if", true),
-              require$$0.createElementVNode("div", _hoisted_4$1, [
+              require$$0.createElementVNode("div", _hoisted_4$3, [
                 require$$0.createVNode(_component_el_image, {
                   src: item.image,
                   style: require$$0.normalizeStyle({ width: item.css.width + "px", height: item.css.height + "px" })
@@ -32246,15 +32478,15 @@
     }
   });
 
-  var DkPosterViewImage = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\poster-input\\src\\component\\views\\DkPosterViewImage.vue"]]);
+  var DkPosterViewImage = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\poster-input\\src\\component\\views\\DkPosterViewImage.vue"]]);
 
-  const _hoisted_1$2 = { style: { "position": "relative", "display": "flex", "align-items": "center", "justify-content": "center", "background": "#bfffab" } };
-  const _hoisted_2$1 = { style: { "position": "relative" } };
-  const __default__$3 = require$$0.defineComponent({
+  const _hoisted_1$4 = { style: { "position": "relative", "display": "flex", "align-items": "center", "justify-content": "center", "background": "#bfffab" } };
+  const _hoisted_2$3 = { style: { "position": "relative" } };
+  const __default__$5 = require$$0.defineComponent({
     name: "DkPosterViewAvatar"
   });
-  var _sfc_main$3 = /* @__PURE__ */ require$$0.defineComponent({
-    ...__default__$3,
+  var _sfc_main$5 = /* @__PURE__ */ require$$0.defineComponent({
+    ...__default__$5,
     props: {
       item: {
         default: () => {
@@ -32277,14 +32509,14 @@
         const _component_el_form = require$$0.resolveComponent("el-form");
         const _component_dk_icon = require$$0.resolveComponent("dk-icon");
         const _component_el_popover = require$$0.resolveComponent("el-popover");
-        return require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$2, [
+        return require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$4, [
           require$$0.createVNode(_component_el_popover, {
             placement: "right",
             width: "400",
             trigger: "contextmenu"
           }, {
             reference: require$$0.withCtx(() => [
-              require$$0.createElementVNode("div", _hoisted_2$1, [
+              require$$0.createElementVNode("div", _hoisted_2$3, [
                 require$$0.createVNode(_component_dk_icon, {
                   icon: "emojione:cat-face",
                   size: item.css.width / 1.2
@@ -32348,13 +32580,13 @@
     }
   });
 
-  var DkPosterViewAvatar = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\poster-input\\src\\component\\views\\DkPosterViewAvatar.vue"]]);
+  var DkPosterViewAvatar = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\poster-input\\src\\component\\views\\DkPosterViewAvatar.vue"]]);
 
-  const __default__$2 = require$$0.defineComponent({
+  const __default__$4 = require$$0.defineComponent({
     name: "DkPosterViewQrcode"
   });
-  var _sfc_main$2 = /* @__PURE__ */ require$$0.defineComponent({
-    ...__default__$2,
+  var _sfc_main$4 = /* @__PURE__ */ require$$0.defineComponent({
+    ...__default__$4,
     props: {
       item: {
         default: () => {
@@ -32490,21 +32722,21 @@
     }
   });
 
-  var DkPosterViewQrcode = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\poster-input\\src\\component\\views\\DkPosterViewQrcode.vue"]]);
+  var DkPosterViewQrcode = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\poster-input\\src\\component\\views\\DkPosterViewQrcode.vue"]]);
 
-  const _hoisted_1$1 = { class: "dk-poster" };
-  const _hoisted_2 = { class: "poster-draw" };
-  const _hoisted_3 = { class: "poster-body" };
-  const _hoisted_4 = { style: { "position": "relative" } };
-  const _hoisted_5 = { class: "snap-tolerance" };
-  const _hoisted_6 = /* @__PURE__ */ require$$0.createElementVNode(
+  const _hoisted_1$3 = { class: "dk-poster" };
+  const _hoisted_2$2 = { class: "poster-draw" };
+  const _hoisted_3$2 = { class: "poster-body" };
+  const _hoisted_4$2 = { style: { "position": "relative" } };
+  const _hoisted_5$1 = { class: "snap-tolerance" };
+  const _hoisted_6$1 = /* @__PURE__ */ require$$0.createElementVNode(
     "h2",
     { style: { "padding": "10px", "margin": "10px", "font-size": "20px" } },
     "\u6D77\u62A5\u914D\u7F6E",
     -1
     /* HOISTED */
   );
-  const _hoisted_7 = { class: "view-buttons" };
+  const _hoisted_7$1 = { class: "view-buttons" };
   const _hoisted_8 = /* @__PURE__ */ require$$0.createElementVNode(
     "div",
     { style: { "font-size": "12px", "color": "#999" } },
@@ -32517,7 +32749,7 @@
     /* HOISTED */
   );
   const _hoisted_9 = { style: { "width": "100%", "text-align": "center" } };
-  const __default__$1 = require$$0.defineComponent({
+  const __default__$3 = require$$0.defineComponent({
     name: "DkPoster",
     components: {
       DkPosterViewName,
@@ -32527,8 +32759,8 @@
       DkPosterViewQrcode
     }
   });
-  var _sfc_main$1 = /* @__PURE__ */ require$$0.defineComponent({
-    ...__default__$1,
+  var _sfc_main$3 = /* @__PURE__ */ require$$0.defineComponent({
+    ...__default__$3,
     props: {
       modelValue: {
         default: () => {
@@ -32727,9 +32959,9 @@
         const _component_dk_image_input = require$$0.resolveComponent("dk-image-input");
         const _component_el_slider = require$$0.resolveComponent("el-slider");
         const _component_el_row = require$$0.resolveComponent("el-row");
-        return require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$1, [
-          require$$0.createElementVNode("div", _hoisted_2, [
-            require$$0.createElementVNode("div", _hoisted_3, [
+        return require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$3, [
+          require$$0.createElementVNode("div", _hoisted_2$2, [
+            require$$0.createElementVNode("div", _hoisted_3$2, [
               require$$0.createElementVNode(
                 "div",
                 {
@@ -32789,7 +33021,7 @@
                             onMousedown: ($event) => index.value = key
                           }, {
                             default: require$$0.withCtx(() => [
-                              require$$0.createElementVNode("div", _hoisted_4, [
+                              require$$0.createElementVNode("div", _hoisted_4$2, [
                                 (require$$0.openBlock(), require$$0.createBlock(require$$0.resolveDynamicComponent(item.component), {
                                   key,
                                   item,
@@ -32815,7 +33047,7 @@
               )
             ]),
             require$$0.createCommentVNode("\u60AC\u6D6E\u63A7\u4EF6"),
-            require$$0.createElementVNode("div", _hoisted_5, [
+            require$$0.createElementVNode("div", _hoisted_5$1, [
               require$$0.createVNode(_component_el_form, {
                 inline: true,
                 model: formTools,
@@ -32863,7 +33095,7 @@
             },
             {
               default: require$$0.withCtx(() => [
-                _hoisted_6,
+                _hoisted_6$1,
                 require$$0.createVNode(_component_el_row, {
                   gutter: 20,
                   style: { "width": "100%", "height": "600px", "padding": "0 20px" }
@@ -32873,7 +33105,7 @@
                       default: require$$0.withCtx(() => [
                         require$$0.createVNode(_component_el_form_item, { label: "\u5143\u7D20" }, {
                           default: require$$0.withCtx(() => [
-                            require$$0.createElementVNode("div", _hoisted_7, [
+                            require$$0.createElementVNode("div", _hoisted_7$1, [
                               require$$0.createVNode(_component_el_button, {
                                 type: "primary",
                                 size: "small",
@@ -33078,14 +33310,14 @@
     }
   });
 
-  var _Poster = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\poster-input\\src\\component\\poster.vue"]]);
+  var _Poster = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\poster-input\\src\\component\\poster.vue"]]);
 
-  const _hoisted_1 = { class: "dk-poster-input" };
-  const __default__ = require$$0.defineComponent({
+  const _hoisted_1$2 = { class: "dk-poster-input" };
+  const __default__$2 = require$$0.defineComponent({
     name: "DkPosterInput"
   });
-  var _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
-    ...__default__,
+  var _sfc_main$2 = /* @__PURE__ */ require$$0.defineComponent({
+    ...__default__$2,
     props: posterInputProps,
     emits: ["input", "update:modelValue", "change"],
     setup(__props, { emit }) {
@@ -33123,7 +33355,7 @@
       return (_ctx, _cache) => {
         const _component_el_button = require$$0.resolveComponent("el-button");
         const _component_dk_dialog = require$$0.resolveComponent("dk-dialog");
-        return require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1, [
+        return require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$2, [
           require$$0.createVNode(_component_el_button, {
             onClick: _cache[0] || (_cache[0] = ($event) => showPoster())
           }, {
@@ -33163,11 +33395,313 @@
     }
   });
 
-  var _PosterInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\poster-input\\src\\poster-input.vue"]]);
+  var _PosterInput = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\poster-input\\src\\poster-input.vue"]]);
 
   const PosterInput = withInstall(_PosterInput);
   const Poster = withInstall(_Poster);
 
+  const styleAnimationInputProps = {
+    /**
+     * 类型定义
+     */
+    modelValue: {
+      type: Object,
+      default: () => ({
+        animationDelay: "0s",
+        animationDuration: "1s",
+        animationIterationCount: "infinite"
+      })
+    }
+  };
+
+  const _hoisted_1$1 = { class: "dk-style-animation-input" };
+  const _hoisted_2$1 = /* @__PURE__ */ require$$0.createElementVNode(
+    "p",
+    { class: "form-help" },
+    "\u8BBE\u7F6E\u52A8\u753B\u9875\u9762\u52A0\u8F7D\u5B8C\u6BD5\u591A\u5C11\u79D2\u540E\u6267\u884C",
+    -1
+    /* HOISTED */
+  );
+  const _hoisted_3$1 = /* @__PURE__ */ require$$0.createElementVNode(
+    "p",
+    { class: "form-help" },
+    "\u8BBE\u7F6E\u6BCF\u6B21\u52A8\u753B\u52A0\u8F7D\u7684\u52A8\u753B\u65F6\u957F",
+    -1
+    /* HOISTED */
+  );
+  const _hoisted_4$1 = /* @__PURE__ */ require$$0.createElementVNode(
+    "p",
+    { class: "form-help" },
+    "\u5F53\u5FAA\u73AF\u6B21\u6570\u8BBE\u7F6E\u4E3A0\u7684\u65F6\u5019\uFF0C\u8868\u793A\u65E0\u9650\u5FAA\u73AF\uFF0C\u5165\u573A\u52A8\u753B\u5EFA\u8BAE\u4E3A1",
+    -1
+    /* HOISTED */
+  );
+  const __default__$1 = require$$0.defineComponent({
+    name: "DkStyleAnimationInput"
+  });
+  var _sfc_main$1 = /* @__PURE__ */ require$$0.defineComponent({
+    ...__default__$1,
+    props: styleAnimationInputProps,
+    emits: ["update:modelValue"],
+    setup(__props, { emit }) {
+      const props = __props;
+      const form = require$$0.reactive({
+        animationDelay: 0,
+        animationDuration: 1,
+        animationIterationCount: 0
+      });
+      require$$0.watch(
+        form,
+        () => {
+          const value = {};
+          value.animationDelay = form.animationDelay + "s";
+          value.animationDuration = form.animationDuration + "s";
+          value.animationIterationCount = form.animationIterationCount == 0 ? "infinite" : form.animationIterationCount;
+          emit("update:modelValue", value);
+        },
+        { deep: true }
+      );
+      const init = () => {
+        const value = props.modelValue;
+        form.animationDelay = parseFloat(value.animationDelay || "0s");
+        form.animationDuration = parseFloat(value.animationDuration || "1");
+        form.animationIterationCount = parseInt(
+          (value.animationIterationCount === "infinite" ? 0 : value.animationIterationCount) || 0
+        );
+      };
+      require$$0.watch(
+        () => props.modelValue,
+        () => {
+          init();
+        }
+      );
+      require$$0.onMounted(() => {
+        init();
+      });
+      return (_ctx, _cache) => {
+        const _component_el_input_number = require$$0.resolveComponent("el-input-number");
+        const _component_el_form_item = require$$0.resolveComponent("el-form-item");
+        return require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$1, [
+          require$$0.createVNode(_component_el_form_item, { label: "\u5EF6\u8FDF\u6267\u884C" }, {
+            default: require$$0.withCtx(() => [
+              require$$0.createVNode(_component_el_input_number, {
+                modelValue: form.animationDelay,
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => form.animationDelay = $event),
+                step: 0.1,
+                min: 0
+              }, null, 8, ["modelValue"]),
+              _hoisted_2$1
+            ]),
+            _: 1
+            /* STABLE */
+          }),
+          require$$0.createVNode(_component_el_form_item, { label: "\u52A8\u753B\u65F6\u957F" }, {
+            default: require$$0.withCtx(() => [
+              require$$0.createVNode(_component_el_input_number, {
+                modelValue: form.animationDuration,
+                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => form.animationDuration = $event),
+                step: 0.1,
+                min: 0
+              }, null, 8, ["modelValue"]),
+              _hoisted_3$1
+            ]),
+            _: 1
+            /* STABLE */
+          }),
+          require$$0.createVNode(_component_el_form_item, { label: "\u5FAA\u73AF\u6B21\u6570" }, {
+            default: require$$0.withCtx(() => [
+              require$$0.createVNode(_component_el_input_number, {
+                modelValue: form.animationIterationCount,
+                "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => form.animationIterationCount = $event),
+                min: 0
+              }, null, 8, ["modelValue"]),
+              _hoisted_4$1
+            ]),
+            _: 1
+            /* STABLE */
+          })
+        ]);
+      };
+    }
+  });
+
+  var _StyleAnimationInput = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\style-animation-input\\src\\style-animation-input.vue"]]);
+
+  const StyleAnimationInput = withInstall(_StyleAnimationInput);
+
+  const animateSelectProps = {
+    /**
+     * 类型定义
+     */
+    modelValue: makeStringProp("")
+  };
+
+  const _hoisted_1 = { class: "dk-animate-select" };
+  const _hoisted_2 = { class: "dk-animate-content" };
+  const _hoisted_3 = { class: "animate-preview" };
+  const _hoisted_4 = { class: "animate-list" };
+  const _hoisted_5 = { class: "cl" };
+  const _hoisted_6 = ["onClick"];
+  const _hoisted_7 = { class: "text-center p10px" };
+  const __default__ = require$$0.defineComponent({
+    name: "DkAnimateSelect"
+  });
+  var _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
+    ...__default__,
+    props: animateSelectProps,
+    emits: ["input", "update:modelValue", "change"],
+    setup(__props, { emit }) {
+      const props = __props;
+      const tabType = require$$0.ref("loop");
+      const show = require$$0.ref(false);
+      const value = require$$0.ref(props.modelValue);
+      const chooseAnimate = (val) => {
+        value.value = val;
+      };
+      require$$0.watch(
+        () => props.modelValue,
+        (val) => {
+          value.value = val;
+        }
+      );
+      require$$0.watch(
+        () => value.value,
+        (val) => {
+          emit("change", val);
+          emit("update:modelValue", val);
+          emit("input", val);
+        }
+      );
+      return (_ctx, _cache) => {
+        const _component_el_button = require$$0.resolveComponent("el-button");
+        const _component_el_button_group = require$$0.resolveComponent("el-button-group");
+        const _component_el_card = require$$0.resolveComponent("el-card");
+        const _component_el_tab_pane = require$$0.resolveComponent("el-tab-pane");
+        const _component_el_tabs = require$$0.resolveComponent("el-tabs");
+        const _component_dk_dialog = require$$0.resolveComponent("dk-dialog");
+        return require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1, [
+          require$$0.createVNode(_component_el_button_group, null, {
+            default: require$$0.withCtx(() => [
+              require$$0.createVNode(_component_el_button, {
+                type: !value.value ? "primary" : "danger",
+                plain: "",
+                onClick: _cache[0] || (_cache[0] = ($event) => show.value = true)
+              }, {
+                default: require$$0.withCtx(() => [
+                  require$$0.createTextVNode(
+                    require$$0.toDisplayString(!value.value ? "\u8BF7\u9009\u62E9\u52A8\u753B" : "\u5DF2\u9009\u62E9\u52A8\u753B"),
+                    1
+                    /* TEXT */
+                  )
+                ]),
+                _: 1
+                /* STABLE */
+              }, 8, ["type"]),
+              require$$0.createVNode(_component_el_button, {
+                icon: "Delete",
+                disabled: !value.value,
+                type: !value.value ? "primary" : "danger",
+                plain: "",
+                onClick: _cache[1] || (_cache[1] = ($event) => value.value = "")
+              }, null, 8, ["disabled", "type"])
+            ]),
+            _: 1
+            /* STABLE */
+          }),
+          require$$0.createVNode(_component_dk_dialog, {
+            modelValue: show.value,
+            "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => show.value = $event),
+            title: "\u9009\u62E9\u52A8\u753B",
+            width: "800px"
+          }, {
+            default: require$$0.withCtx(() => [
+              require$$0.createElementVNode("div", _hoisted_2, [
+                require$$0.createCommentVNode("\u9884\u89C8\u533A"),
+                require$$0.createElementVNode("div", _hoisted_3, [
+                  require$$0.createVNode(_component_el_card, {
+                    class: require$$0.normalizeClass(["animate__" + value.value]),
+                    style: { animationDelay: "0s", animationDuration: "1s", animationIterationCount: "1" }
+                  }, {
+                    default: require$$0.withCtx(() => [
+                      require$$0.createTextVNode(" \u9884\u89C8\u533A ")
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }, 8, ["class"])
+                ]),
+                require$$0.createCommentVNode("\u9009\u62E9\u533A"),
+                require$$0.createElementVNode("div", _hoisted_4, [
+                  require$$0.createVNode(_component_el_tabs, {
+                    modelValue: tabType.value,
+                    "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => tabType.value = $event),
+                    class: "demo-tabs"
+                  }, {
+                    default: require$$0.withCtx(() => [
+                      (require$$0.openBlock(true), require$$0.createElementBlock(
+                        require$$0.Fragment,
+                        null,
+                        require$$0.renderList(require$$0.unref(Animates), (item, key) => {
+                          return require$$0.openBlock(), require$$0.createBlock(_component_el_tab_pane, {
+                            key,
+                            label: item.label,
+                            name: item.name
+                          }, {
+                            default: require$$0.withCtx(() => [
+                              require$$0.createElementVNode("ul", _hoisted_5, [
+                                (require$$0.openBlock(true), require$$0.createElementBlock(
+                                  require$$0.Fragment,
+                                  null,
+                                  require$$0.renderList(item.animate, (a, k) => {
+                                    return require$$0.openBlock(), require$$0.createElementBlock("li", {
+                                      key: k,
+                                      class: require$$0.normalizeClass(value.value == a.value ? "choose" : ""),
+                                      onClick: ($event) => chooseAnimate(a.value)
+                                    }, require$$0.toDisplayString(a.label), 11, _hoisted_6);
+                                  }),
+                                  128
+                                  /* KEYED_FRAGMENT */
+                                ))
+                              ])
+                            ]),
+                            _: 2
+                            /* DYNAMIC */
+                          }, 1032, ["label", "name"]);
+                        }),
+                        128
+                        /* KEYED_FRAGMENT */
+                      ))
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }, 8, ["modelValue"])
+                ])
+              ]),
+              require$$0.createElementVNode("div", _hoisted_7, [
+                require$$0.createVNode(_component_el_button, {
+                  type: "primary",
+                  style: { "width": "220px" },
+                  onClick: _cache[3] || (_cache[3] = ($event) => show.value = false)
+                }, {
+                  default: require$$0.withCtx(() => [
+                    require$$0.createTextVNode("\u786E\u5B9A")
+                  ]),
+                  _: 1
+                  /* STABLE */
+                })
+              ])
+            ]),
+            _: 1
+            /* STABLE */
+          }, 8, ["modelValue"])
+        ]);
+      };
+    }
+  });
+
+  var _AnimateSelect = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\animate-select\\src\\animate-select.vue"]]);
+
+  const AnimateSelect = withInstall(_AnimateSelect);
+
   const components = [
     Test,
     Group,
@@ -33231,6 +33765,10 @@
     StylePositionInput,
     // 样式文字
     StyleNumberInput,
+    // 动画配置
+    StyleAnimationInput,
+    // 动画class选择
+    AnimateSelect,
     // 数据表格
     Table,
     // 选择
@@ -33268,6 +33806,7 @@
     install
   };
 
+  exports.AnimateSelect = AnimateSelect;
   exports.Attachment = Attachment;
   exports.AttachmentDialog = AttachmentDialog;
   exports.AudioInput = AudioInput;
@@ -33289,6 +33828,7 @@
   exports.Poster = Poster;
   exports.PosterInput = PosterInput;
   exports.Select = Select;
+  exports.StyleAnimationInput = StyleAnimationInput;
   exports.StyleBackgroundInput = StyleBackgroundInput;
   exports.StyleBorderInput = StyleBorderInput;
   exports.StyleBoxInput = StyleBoxInput;
@@ -33303,6 +33843,7 @@
   exports.TinyEditor = TinyEditor;
   exports.VideoInput = VideoInput;
   exports.VideoListInput = VideoListInput;
+  exports.animateSelectProps = animateSelectProps;
   exports.attachmentDialogProps = attachmentDialogProps;
   exports.attachmentProps = attachmentProps;
   exports.audioInputProps = audioInputProps;
@@ -33326,6 +33867,7 @@
   exports.posterInputProps = posterInputProps;
   exports.selectProps = selectProps;
   exports.shadowInputProps = shadowInputProps;
+  exports.styleAnimationInputProps = styleAnimationInputProps;
   exports.styleBackgroundInputProps = styleBackgroundInputProps;
   exports.styleBorderInputProps = styleBorderInputProps;
   exports.styleBoxInputProps = styleBoxInputProps;