@vipl520/dk-ui 1.0.18 → 1.0.20

package/dist/index.mjs

@@ -1,6 +1,6 @@
 import axios from 'axios';
 import { ElLoading, ElMessage, ElButton, ElMessageBox, ElNotification } from 'element-plus';
-import require$$0, { ref, reactive, nextTick, defineComponent, resolveComponent, openBlock, createElementBlock, Fragment, createVNode, withCtx, createTextVNode, createElementVNode, toDisplayString, markRaw, watch, onMounted, normalizeClass, createBlock, createCommentVNode, unref, computed, normalizeStyle, renderSlot, resolveDynamicComponent, withModifiers, renderList, useSlots, useAttrs, mergeProps, createSlots, resolveDirective, withDirectives, vShow, vModelText, TransitionGroup, h, inject, onUnmounted, toRefs, getCurrentInstance, provide, toRef, withKeys, normalizeProps, guardReactiveProps, warn } from 'vue';
+import require$$0, { ref, reactive, nextTick, defineComponent, resolveComponent, openBlock, createElementBlock, Fragment, createVNode, withCtx, createTextVNode, createElementVNode, toDisplayString, markRaw, watch, onMounted, normalizeClass, createBlock, createCommentVNode, unref, computed, normalizeStyle, renderSlot, resolveDynamicComponent, withModifiers, renderList, useSlots, useAttrs, mergeProps, createSlots, resolveDirective, withDirectives, vShow, vModelText, TransitionGroup, h, inject, provide, onUnmounted, toRefs, getCurrentInstance, toRef, withKeys, normalizeProps, guardReactiveProps, warn } from 'vue';
 import { useEventListener, useElementSize, useWindowSize } from '@vueuse/core';
 import Editor from '@tinymce/tinymce-vue';
 import { Icon as Icon$1, disableCache, listIcons } from '@iconify/vue';
@@ -750,12 +750,12 @@ const testProps = {
   }
 };
 
-const _hoisted_1$S = { class: "mr-10px bg-black" };
-const __default__$J = defineComponent({
+const _hoisted_1$U = { class: "mr-10px bg-black" };
+const __default__$L = defineComponent({
   name: "DkTest"
 });
-var _sfc_main$17 = /* @__PURE__ */ defineComponent({
-  ...__default__$J,
+var _sfc_main$19 = /* @__PURE__ */ defineComponent({
+  ...__default__$L,
   props: testProps,
   setup(__props) {
     createNamespace("test");
@@ -782,7 +782,7 @@ var _sfc_main$17 = /* @__PURE__ */ defineComponent({
           }),
           createElementVNode(
             "div",
-            _hoisted_1$S,
+            _hoisted_1$U,
             toDisplayString(_ctx.test),
             1
             /* TEXT */
@@ -803,7 +803,7 @@ var _export_sfc = (sfc, props) => {
   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);
 
@@ -9864,14 +9864,14 @@ const groupProps = {
   }
 };
 
-const _hoisted_1$R = { key: 1 };
-const _hoisted_2$D = { class: "collapse-title" };
-const _hoisted_3$r = { class: "_dk-group-handle" };
-const __default__$I = 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 = defineComponent({
   name: "DkGroup"
 });
-var _sfc_main$16 = /* @__PURE__ */ defineComponent({
-  ...__default__$I,
+var _sfc_main$18 = /* @__PURE__ */ defineComponent({
+  ...__default__$K,
   props: groupProps,
   emits: [
     "update:modelValue",
@@ -10121,7 +10121,7 @@ var _sfc_main$16 = /* @__PURE__ */ defineComponent({
             _: 1
             /* STABLE */
           })) : createCommentVNode("v-if", true),
-          data.sort.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_1$R, [
+          data.sort.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_1$T, [
             (openBlock(), createBlock(_component_el_button, {
               key: "a_def",
               style: { "width": "100%" },
@@ -10147,7 +10147,7 @@ var _sfc_main$16 = /* @__PURE__ */ defineComponent({
                 name: index
               }, {
                 title: withCtx(() => [
-                  createElementVNode("div", _hoisted_2$D, [
+                  createElementVNode("div", _hoisted_2$F, [
                     createVNode(_component_dk_icon, {
                       icon: "Rank",
                       class: "collapse-title-rank"
@@ -10177,7 +10177,7 @@ var _sfc_main$16 = /* @__PURE__ */ defineComponent({
                       onEmitEvent: (name, ...args) => emitEvent(name, args, index),
                       "onUpdate:api": ($f) => add$f(index, $f)
                     }, null, 8, ["model-value", "rule", "option", "onUpdate:modelValue", "onEmitEvent", "onUpdate:api"])),
-                    createElementVNode("div", _hoisted_3$r, [
+                    createElementVNode("div", _hoisted_3$t, [
                       createVNode(
                         _component_el_button_group,
                         null,
@@ -10218,7 +10218,7 @@ var _sfc_main$16 = /* @__PURE__ */ defineComponent({
   }
 });
 
-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);
 
@@ -10342,14 +10342,14 @@ const tinyEditorProps = {
   }
 };
 
-const _hoisted_1$Q = { key: 0 };
-const _hoisted_2$C = { key: 1 };
-const _hoisted_3$q = { class: "text-center" };
-const __default__$H = defineComponent({
+const _hoisted_1$S = { key: 0 };
+const _hoisted_2$E = { key: 1 };
+const _hoisted_3$s = { class: "text-center" };
+const __default__$J = defineComponent({
   name: "DkTinyEditor"
 });
-var _sfc_main$15 = /* @__PURE__ */ defineComponent({
-  ...__default__$H,
+var _sfc_main$17 = /* @__PURE__ */ defineComponent({
+  ...__default__$J,
   props: tinyEditorProps,
   emits: ["input", "update:modelValue", "change"],
   setup(__props, { emit }) {
@@ -10441,7 +10441,7 @@ var _sfc_main$15 = /* @__PURE__ */ defineComponent({
           class: "dk-tiny-editor"
         },
         [
-          showDialog.value ? (openBlock(), createElementBlock("div", _hoisted_1$Q, [
+          showDialog.value ? (openBlock(), createElementBlock("div", _hoisted_1$S, [
             createVNode(unref(Editor), {
               ref_key: "editorRef",
               ref: editorRef,
@@ -10451,7 +10451,7 @@ var _sfc_main$15 = /* @__PURE__ */ defineComponent({
               "tinymce-script-src": tinymceSrc.value,
               onDblclick: ondblclick
             }, null, 8, ["modelValue", "init", "tinymce-script-src"])
-          ])) : (openBlock(), createElementBlock("div", _hoisted_2$C, [
+          ])) : (openBlock(), createElementBlock("div", _hoisted_2$E, [
             createVNode(_component_el_button, {
               type: "primary",
               plain: "",
@@ -10475,7 +10475,7 @@ var _sfc_main$15 = /* @__PURE__ */ defineComponent({
               width: "900px"
             }, {
               footer: withCtx(() => [
-                createElementVNode("div", _hoisted_3$q, [
+                createElementVNode("div", _hoisted_3$s, [
                   createVNode(_component_el_button, {
                     type: "primary",
                     style: { "width": "200px" },
@@ -10524,7 +10524,7 @@ var _sfc_main$15 = /* @__PURE__ */ defineComponent({
   }
 });
 
-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);
 
@@ -10553,11 +10553,11 @@ const iconProps = {
   }
 };
 
-const __default__$G = defineComponent({
+const __default__$I = defineComponent({
   name: "DkIcon"
 });
-var _sfc_main$14 = /* @__PURE__ */ defineComponent({
-  ...__default__$G,
+var _sfc_main$16 = /* @__PURE__ */ defineComponent({
+  ...__default__$I,
   props: iconProps,
   setup(__props) {
     const props = __props;
@@ -10623,7 +10623,7 @@ var _sfc_main$14 = /* @__PURE__ */ defineComponent({
   }
 });
 
-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);
 
@@ -10638,15 +10638,15 @@ const colorInputProps = {
   colorFormat: makeStringProp("hex")
 };
 
-const _hoisted_1$P = {
+const _hoisted_1$R = {
   style: { "display": "flex" },
   class: "dk-color-input"
 };
-const __default__$F = defineComponent({
+const __default__$H = defineComponent({
   name: "DkColorInput"
 });
-var _sfc_main$13 = /* @__PURE__ */ defineComponent({
-  ...__default__$F,
+var _sfc_main$15 = /* @__PURE__ */ defineComponent({
+  ...__default__$H,
   props: colorInputProps,
   emits: ["input", "update:modelValue", "change"],
   setup(__props, { emit }) {
@@ -10670,7 +10670,7 @@ var _sfc_main$13 = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       const _component_el_input = resolveComponent("el-input");
       const _component_el_color_picker = resolveComponent("el-color-picker");
-      return openBlock(), createElementBlock("div", _hoisted_1$P, [
+      return openBlock(), createElementBlock("div", _hoisted_1$R, [
         createVNode(_component_el_input, {
           modelValue: data.value,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => data.value = $event),
@@ -10689,7 +10689,7 @@ var _sfc_main$13 = /* @__PURE__ */ defineComponent({
   }
 });
 
-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);
 
@@ -10702,29 +10702,29 @@ const hotAreaInputProps = {
   }
 };
 
-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__ */ createElementVNode(
+const _hoisted_5$g = { class: "hot-area-form" };
+const _hoisted_6$d = /* @__PURE__ */ createElementVNode(
   "h3",
   { style: { "margin-top": "0", "font-size": "16px", "font-weight": "500" } },
   "\u70ED\u533A\u7BA1\u7406",
   -1
   /* HOISTED */
 );
-const __default__$E = defineComponent({
+const __default__$G = defineComponent({
   name: "HotAreaContent"
 });
-var _sfc_main$12 = /* @__PURE__ */ defineComponent({
-  ...__default__$E,
+var _sfc_main$14 = /* @__PURE__ */ defineComponent({
+  ...__default__$G,
   props: {
     hotDataValue: {
       default: () => {
@@ -10818,8 +10818,8 @@ var _sfc_main$12 = /* @__PURE__ */ defineComponent({
       const _component_el_button = resolveComponent("el-button");
       const _component_el_input = resolveComponent("el-input");
       const _component_el_form = resolveComponent("el-form");
-      return openBlock(), createElementBlock("div", _hoisted_1$O, [
-        createElementVNode("div", _hoisted_2$B, [
+      return openBlock(), createElementBlock("div", _hoisted_1$Q, [
+        createElementVNode("div", _hoisted_2$D, [
           hotData.background ? (openBlock(), createElementBlock(
             "div",
             {
@@ -10862,7 +10862,7 @@ var _sfc_main$12 = /* @__PURE__ */ defineComponent({
                     default: withCtx(() => [
                       createElementVNode(
                         "div",
-                        _hoisted_3$p,
+                        _hoisted_3$r,
                         toDisplayString(key + 1),
                         1
                         /* TEXT */
@@ -10878,12 +10878,12 @@ var _sfc_main$12 = /* @__PURE__ */ defineComponent({
             ],
             36
             /* STYLE, HYDRATE_EVENTS */
-          )) : (openBlock(), createElementBlock("div", _hoisted_4$k, [
+          )) : (openBlock(), createElementBlock("div", _hoisted_4$m, [
             createVNode(_component_el_empty, { description: "\u8BF7\u4E0A\u4F20\u56FE\u7247" })
           ]))
         ]),
-        createElementVNode("div", _hoisted_5$f, [
-          _hoisted_6$c,
+        createElementVNode("div", _hoisted_5$g, [
+          _hoisted_6$d,
           createVNode(_component_el_form, {
             "label-width": "80px",
             "label-position": "left"
@@ -10960,15 +10960,15 @@ var _sfc_main$12 = /* @__PURE__ */ defineComponent({
   }
 });
 
-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 = defineComponent({
+const _hoisted_1$P = { class: "dk-hot-area-input" };
+const _hoisted_2$C = { class: "text-center" };
+const __default__$F = defineComponent({
   name: "DkHotAreaInput"
 });
-var _sfc_main$11 = /* @__PURE__ */ defineComponent({
-  ...__default__$D,
+var _sfc_main$13 = /* @__PURE__ */ defineComponent({
+  ...__default__$F,
   props: hotAreaInputProps,
   setup(__props) {
     const props = __props;
@@ -10977,7 +10977,7 @@ var _sfc_main$11 = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       const _component_el_button = resolveComponent("el-button");
       const _component_dk_dialog = resolveComponent("dk-dialog");
-      return openBlock(), createElementBlock("div", _hoisted_1$N, [
+      return openBlock(), createElementBlock("div", _hoisted_1$P, [
         createVNode(_component_el_button, {
           type: "primary",
           onClick: _cache[0] || (_cache[0] = ($event) => dialog.value = true)
@@ -10995,7 +10995,7 @@ var _sfc_main$11 = /* @__PURE__ */ defineComponent({
           title: "\u8BBE\u7F6E\u70ED\u533A"
         }, {
           footer: withCtx(() => [
-            createElementVNode("div", _hoisted_2$A, [
+            createElementVNode("div", _hoisted_2$C, [
               createVNode(_component_el_button, {
                 size: "default",
                 style: { "width": "200px" },
@@ -11021,7 +11021,7 @@ var _sfc_main$11 = /* @__PURE__ */ defineComponent({
   }
 });
 
-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);
 
@@ -11058,13 +11058,13 @@ const dialogProps = {
   }
 };
 
-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 = 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 = defineComponent({
   name: "DkDialog"
 });
-var _sfc_main$10 = /* @__PURE__ */ defineComponent({
-  ...__default__$C,
+var _sfc_main$12 = /* @__PURE__ */ defineComponent({
+  ...__default__$E,
   props: dialogProps,
   setup(__props) {
     const props = __props;
@@ -11129,7 +11129,7 @@ var _sfc_main$10 = /* @__PURE__ */ defineComponent({
       }), createSlots({
         header: withCtx(({ close }) => [
           renderSlot(_ctx.$slots, "header", {}, () => [
-            createElementVNode("div", _hoisted_1$M, [
+            createElementVNode("div", _hoisted_1$O, [
               createElementVNode(
                 "span",
                 null,
@@ -11137,7 +11137,7 @@ var _sfc_main$10 = /* @__PURE__ */ defineComponent({
                 1
                 /* TEXT */
               ),
-              createElementVNode("div", _hoisted_2$z, [
+              createElementVNode("div", _hoisted_2$B, [
                 _ctx.fullscreen ? (openBlock(), createBlock(_component_dk_icon, {
                   key: 0,
                   class: "cursor-pointer is-hover mr-10px",
@@ -11183,7 +11183,7 @@ var _sfc_main$10 = /* @__PURE__ */ defineComponent({
   }
 });
 
-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);
 
@@ -11287,12 +11287,12 @@ const config = {
 };
 var _config = config;
 
-const _hoisted_1$L = { key: 1 };
-const __default__$B = defineComponent({
+const _hoisted_1$N = { key: 1 };
+const __default__$D = defineComponent({
   name: "DkForm"
 });
-var _sfc_main$$ = /* @__PURE__ */ defineComponent({
-  ...__default__$B,
+var _sfc_main$11 = /* @__PURE__ */ defineComponent({
+  ...__default__$D,
   props: formProps,
   emits: ["submit", "fail", "update:modelValue"],
   setup(__props, { expose: __expose, emit }) {
@@ -11520,7 +11520,7 @@ var _sfc_main$$ = /* @__PURE__ */ defineComponent({
         ]),
         _: 3
         /* FORWARDED */
-      }, 16, ["modelValue", "title", "width", "default-fullscreen"])) : (openBlock(), createElementBlock("div", _hoisted_1$L, [
+      }, 16, ["modelValue", "title", "width", "default-fullscreen"])) : (openBlock(), createElementBlock("div", _hoisted_1$N, [
         createElementVNode(
           "div",
           {
@@ -11572,11 +11572,11 @@ var _sfc_main$$ = /* @__PURE__ */ defineComponent({
   }
 });
 
-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",
@@ -11585,7 +11585,7 @@ const _hoisted_1$K = {
   style: { "enable-background": "new 0 0 512 512" },
   "xml:space": "preserve"
 };
-const _hoisted_2$y = /* @__PURE__ */ createElementVNode(
+const _hoisted_2$A = /* @__PURE__ */ createElementVNode(
   "path",
   {
     fill: "#E2E5E7",
@@ -11595,7 +11595,7 @@ const _hoisted_2$y = /* @__PURE__ */ createElementVNode(
   -1
   /* HOISTED */
 );
-const _hoisted_3$o = /* @__PURE__ */ createElementVNode(
+const _hoisted_3$q = /* @__PURE__ */ createElementVNode(
   "path",
   {
     fill: "#B0B7BD",
@@ -11606,7 +11606,7 @@ const _hoisted_3$o = /* @__PURE__ */ createElementVNode(
   -1
   /* HOISTED */
 );
-const _hoisted_4$j = /* @__PURE__ */ createElementVNode(
+const _hoisted_4$l = /* @__PURE__ */ createElementVNode(
   "polygon",
   {
     fill: "#CAD1D8",
@@ -11617,7 +11617,7 @@ const _hoisted_4$j = /* @__PURE__ */ createElementVNode(
   -1
   /* HOISTED */
 );
-const _hoisted_5$e = /* @__PURE__ */ createElementVNode(
+const _hoisted_5$f = /* @__PURE__ */ createElementVNode(
   "path",
   {
     fill: "#CAD1D8",
@@ -11628,14 +11628,14 @@ const _hoisted_5$e = /* @__PURE__ */ createElementVNode(
   -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",
@@ -11655,11 +11655,11 @@ const _hoisted_9$8 = {
   "font-family": "Verdana, Helvetica, Arial, sans-serif",
   "font-size": "124"
 };
-const __default__$A = defineComponent({
+const __default__$C = defineComponent({
   name: "DkFileIcon"
 });
-var _sfc_main$_ = /* @__PURE__ */ defineComponent({
-  ...__default__$A,
+var _sfc_main$10 = /* @__PURE__ */ defineComponent({
+  ...__default__$C,
   props: {
     type: {
       default: 0,
@@ -11729,11 +11729,11 @@ var _sfc_main$_ = /* @__PURE__ */ defineComponent({
       return colorList[index];
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("svg", _hoisted_1$K, [
+      return openBlock(), createElementBlock("svg", _hoisted_1$M, [
         createElementVNode("g", null, [
-          _hoisted_2$y,
-          _hoisted_3$o,
-          _hoisted_4$j,
+          _hoisted_2$A,
+          _hoisted_3$q,
+          _hoisted_4$l,
           createElementVNode(
             "path",
             {
@@ -11744,9 +11744,9 @@ var _sfc_main$_ = /* @__PURE__ */ defineComponent({
             4
             /* STYLE */
           ),
-          _hoisted_5$e,
-          type.value === 2 ? (openBlock(), createElementBlock("path", _hoisted_6$b)) : createCommentVNode("v-if", true),
-          type.value === 3 ? (openBlock(), createElementBlock("path", _hoisted_7$b)) : createCommentVNode("v-if", true),
+          _hoisted_5$f,
+          type.value === 2 ? (openBlock(), createElementBlock("path", _hoisted_6$c)) : createCommentVNode("v-if", true),
+          type.value === 3 ? (openBlock(), createElementBlock("path", _hoisted_7$c)) : createCommentVNode("v-if", true),
           createElementVNode("g", null, [
             createElementVNode("text", _hoisted_8$a, [
               createElementVNode(
@@ -11764,7 +11764,7 @@ var _sfc_main$_ = /* @__PURE__ */ defineComponent({
   }
 });
 
-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: {
@@ -11778,25 +11778,25 @@ const attachmentProps = {
   }
 };
 
-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__ */ 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__ */ createElementVNode(
   "i",
   { class: "el-icon-delete el-icon--right" },
   null,
   -1
   /* HOISTED */
 );
-const _hoisted_6$a = /* @__PURE__ */ createElementVNode(
+const _hoisted_6$b = /* @__PURE__ */ 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"];
@@ -11829,11 +11829,11 @@ const _hoisted_24 = {
   key: 1,
   style: { "display": "flex", "align-items": "center", "justify-content": "center", "height": "340px" }
 };
-const __default__$z = defineComponent({
+const __default__$B = defineComponent({
   name: "DkAttachment"
 });
-var _sfc_main$Z = /* @__PURE__ */ defineComponent({
-  ...__default__$z,
+var _sfc_main$$ = /* @__PURE__ */ defineComponent({
+  ...__default__$B,
   props: attachmentProps,
   setup(__props, { expose: __expose }) {
     const props = __props;
@@ -12033,10 +12033,10 @@ var _sfc_main$Z = /* @__PURE__ */ defineComponent({
       const _component_el_empty = resolveComponent("el-empty");
       const _component_dk_form = resolveComponent("dk-form");
       const _directive_loading = resolveDirective("loading");
-      return openBlock(), createElementBlock("div", _hoisted_1$J, [
+      return openBlock(), createElementBlock("div", _hoisted_1$L, [
         createCommentVNode(" \u9876\u90E8"),
-        createElementVNode("div", _hoisted_2$x, [
-          createElementVNode("div", _hoisted_3$n, [
+        createElementVNode("div", _hoisted_2$z, [
+          createElementVNode("div", _hoisted_3$p, [
             createVNode(_component_el_input, {
               modelValue: searchFileName.value,
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => searchFileName.value = $event),
@@ -12050,7 +12050,7 @@ var _sfc_main$Z = /* @__PURE__ */ defineComponent({
               /* STABLE */
             }, 8, ["modelValue"])
           ]),
-          createElementVNode("div", _hoisted_4$i, [
+          createElementVNode("div", _hoisted_4$k, [
             createVNode(_component_el_dropdown, {
               class: "mr",
               trigger: "click",
@@ -12108,7 +12108,7 @@ var _sfc_main$Z = /* @__PURE__ */ defineComponent({
             }, {
               default: withCtx(() => [
                 createTextVNode("\u5220\u9664"),
-                _hoisted_5$d
+                _hoisted_5$e
               ]),
               _: 1
               /* STABLE */
@@ -12130,7 +12130,7 @@ var _sfc_main$Z = /* @__PURE__ */ defineComponent({
                 createVNode(_component_el_button, { type: "primary" }, {
                   default: withCtx(() => [
                     createTextVNode("\u4E0A\u4F20"),
-                    _hoisted_6$a
+                    _hoisted_6$b
                   ]),
                   _: 1
                   /* STABLE */
@@ -12142,7 +12142,7 @@ var _sfc_main$Z = /* @__PURE__ */ defineComponent({
           ])
         ]),
         createCommentVNode("\u5185\u90E8"),
-        createElementVNode("div", _hoisted_7$a, [
+        createElementVNode("div", _hoisted_7$b, [
           createCommentVNode(" \u5206\u7EC4"),
           createElementVNode("div", _hoisted_8$9, [
             createElementVNode("h5", {
@@ -12343,7 +12343,7 @@ var _sfc_main$Z = /* @__PURE__ */ defineComponent({
   }
 });
 
-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);
 
@@ -12355,12 +12355,12 @@ const attachmentDialogProps = {
   }
 };
 
-const _hoisted_1$I = { class: "text-center m2" };
-const __default__$y = defineComponent({
+const _hoisted_1$K = { class: "text-center m2" };
+const __default__$A = defineComponent({
   name: "DkAttachmentDialog"
 });
-var _sfc_main$Y = /* @__PURE__ */ defineComponent({
-  ...__default__$y,
+var _sfc_main$_ = /* @__PURE__ */ defineComponent({
+  ...__default__$A,
   props: attachmentDialogProps,
   emits: ["confirm"],
   setup(__props, { expose: __expose, emit }) {
@@ -12408,7 +12408,7 @@ var _sfc_main$Y = /* @__PURE__ */ defineComponent({
             ref: attachment,
             type: _type.value
           }, null, 8, ["type"]),
-          createElementVNode("div", _hoisted_1$I, [
+          createElementVNode("div", _hoisted_1$K, [
             createVNode(_component_el_button, {
               type: "primary",
               onClick: _cache[0] || (_cache[0] = ($event) => confirm())
@@ -12437,7 +12437,7 @@ var _sfc_main$Y = /* @__PURE__ */ defineComponent({
   }
 });
 
-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);
 
@@ -12456,15 +12456,15 @@ const fileInputProps = {
   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 = 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 = defineComponent({
   name: "DkFileInput"
 });
-var _sfc_main$X = /* @__PURE__ */ defineComponent({
-  ...__default__$x,
+var _sfc_main$Z = /* @__PURE__ */ defineComponent({
+  ...__default__$z,
   props: fileInputProps,
   emits: ["input", "update:modelValue", "change"],
   setup(__props, { emit }) {
@@ -12538,7 +12538,7 @@ var _sfc_main$X = /* @__PURE__ */ defineComponent({
                 /* STABLE */
               }, 8, ["modelValue", "placeholder"]),
               createCommentVNode("\u9009\u62E9\u7684\u662F\u56FE\u7247"),
-              createElementVNode("div", _hoisted_1$H, [
+              createElementVNode("div", _hoisted_1$J, [
                 _ctx.type === 1 ? (openBlock(), createBlock(_component_el_image, {
                   key: 0,
                   src: input.value,
@@ -12548,7 +12548,7 @@ var _sfc_main$X = /* @__PURE__ */ defineComponent({
                   "preview-src-list": [input.value]
                 }, {
                   error: withCtx(() => [
-                    createElementVNode("div", _hoisted_2$w, [
+                    createElementVNode("div", _hoisted_2$y, [
                       createVNode(_component_dk_icon, { icon: "Picture" })
                     ])
                   ]),
@@ -12595,8 +12595,8 @@ var _sfc_main$X = /* @__PURE__ */ defineComponent({
                         style: { "width": "100%", "height": "100%" }
                       }, {
                         error: withCtx(() => [
-                          createElementVNode("div", _hoisted_3$m, [
-                            createElementVNode("div", _hoisted_4$h, [
+                          createElementVNode("div", _hoisted_3$o, [
+                            createElementVNode("div", _hoisted_4$j, [
                               createVNode(_component_el_icon, null, {
                                 default: withCtx(() => [
                                   createVNode(_component_Picture)
@@ -12684,7 +12684,7 @@ var _sfc_main$X = /* @__PURE__ */ defineComponent({
   }
 });
 
-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);
 
@@ -12696,11 +12696,11 @@ const imageInputProps = {
   accept: { type: String, default: "" }
 };
 
-const __default__$w = defineComponent({
+const __default__$y = defineComponent({
   name: "DkImageInput"
 });
-var _sfc_main$W = /* @__PURE__ */ defineComponent({
-  ...__default__$w,
+var _sfc_main$Y = /* @__PURE__ */ defineComponent({
+  ...__default__$y,
   props: imageInputProps,
   emits: ["input", "update:modelValue", "change"],
   setup(__props, { emit }) {
@@ -12736,7 +12736,7 @@ var _sfc_main$W = /* @__PURE__ */ defineComponent({
   }
 });
 
-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);
 
@@ -12748,11 +12748,11 @@ const audioInputProps = {
   accept: { type: String, default: "" }
 };
 
-const __default__$v = defineComponent({
+const __default__$x = defineComponent({
   name: "DkAudioInput"
 });
-var _sfc_main$V = /* @__PURE__ */ defineComponent({
-  ...__default__$v,
+var _sfc_main$X = /* @__PURE__ */ defineComponent({
+  ...__default__$x,
   props: audioInputProps,
   emits: ["input", "update:modelValue", "change"],
   setup(__props, { emit }) {
@@ -12788,7 +12788,7 @@ var _sfc_main$V = /* @__PURE__ */ defineComponent({
   }
 });
 
-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);
 
@@ -12800,11 +12800,11 @@ const videoInputProps = {
   accept: { type: String, default: "" }
 };
 
-const __default__$u = defineComponent({
+const __default__$w = defineComponent({
   name: "DkVideoInput"
 });
-var _sfc_main$U = /* @__PURE__ */ defineComponent({
-  ...__default__$u,
+var _sfc_main$W = /* @__PURE__ */ defineComponent({
+  ...__default__$w,
   props: videoInputProps,
   emits: ["input", "update:modelValue", "change"],
   setup(__props, { emit }) {
@@ -12840,7 +12840,7 @@ var _sfc_main$U = /* @__PURE__ */ defineComponent({
   }
 });
 
-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);
 
@@ -12853,14 +12853,14 @@ const fileListInputProps = {
   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 = defineComponent({
+const _hoisted_1$I = { class: "dk-image-list" };
+const _hoisted_2$x = ["onClick"];
+const _hoisted_3$n = { key: 0 };
+const __default__$v = defineComponent({
   name: "DkFileListInput"
 });
-var _sfc_main$T = /* @__PURE__ */ defineComponent({
-  ...__default__$t,
+var _sfc_main$V = /* @__PURE__ */ defineComponent({
+  ...__default__$v,
   props: fileListInputProps,
   emits: ["input", "update:modelValue", "change"],
   setup(__props, { emit }) {
@@ -12918,7 +12918,7 @@ var _sfc_main$T = /* @__PURE__ */ defineComponent({
           class: normalizeClass(unref(bem)())
         },
         [
-          createElementVNode("div", _hoisted_1$G, [
+          createElementVNode("div", _hoisted_1$I, [
             createElementVNode("ul", null, [
               (openBlock(true), createElementBlock(
                 Fragment,
@@ -12955,7 +12955,7 @@ var _sfc_main$T = /* @__PURE__ */ defineComponent({
                             _: 1
                             /* STABLE */
                           })
-                        ], 8, _hoisted_2$v)) : createCommentVNode("v-if", true)
+                        ], 8, _hoisted_2$x)) : createCommentVNode("v-if", true)
                       ],
                       4
                       /* STYLE */
@@ -12965,7 +12965,7 @@ var _sfc_main$T = /* @__PURE__ */ defineComponent({
                 128
                 /* KEYED_FRAGMENT */
               )),
-              _ctx.limit > input.value.length && !_ctx.disabled ? (openBlock(), createElementBlock("li", _hoisted_3$l, [
+              _ctx.limit > input.value.length && !_ctx.disabled ? (openBlock(), createElementBlock("li", _hoisted_3$n, [
                 createElementVNode(
                   "div",
                   {
@@ -13002,7 +13002,7 @@ var _sfc_main$T = /* @__PURE__ */ defineComponent({
   }
 });
 
-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);
 
@@ -13014,11 +13014,11 @@ const imageListInputProps = {
   accept: { default: "", type: String }
 };
 
-const __default__$s = defineComponent({
+const __default__$u = defineComponent({
   name: "DkImageListInput"
 });
-var _sfc_main$S = /* @__PURE__ */ defineComponent({
-  ...__default__$s,
+var _sfc_main$U = /* @__PURE__ */ defineComponent({
+  ...__default__$u,
   props: imageListInputProps,
   emits: ["input", "update:modelValue", "change"],
   setup(__props, { emit }) {
@@ -13055,7 +13055,7 @@ var _sfc_main$S = /* @__PURE__ */ defineComponent({
   }
 });
 
-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);
 
@@ -13067,11 +13067,11 @@ const audioListInputProps = {
   accept: { default: "", type: String }
 };
 
-const __default__$r = defineComponent({
+const __default__$t = defineComponent({
   name: "DkAudioListInput"
 });
-var _sfc_main$R = /* @__PURE__ */ defineComponent({
-  ...__default__$r,
+var _sfc_main$T = /* @__PURE__ */ defineComponent({
+  ...__default__$t,
   props: audioListInputProps,
   emits: ["input", "update:modelValue", "change"],
   setup(__props, { emit }) {
@@ -13108,7 +13108,7 @@ var _sfc_main$R = /* @__PURE__ */ defineComponent({
   }
 });
 
-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);
 
@@ -13120,11 +13120,11 @@ const videoListInputProps = {
   accept: { default: "", type: String }
 };
 
-const __default__$q = defineComponent({
+const __default__$s = defineComponent({
   name: "DkVideoListInput"
 });
-var _sfc_main$Q = /* @__PURE__ */ defineComponent({
-  ...__default__$q,
+var _sfc_main$S = /* @__PURE__ */ defineComponent({
+  ...__default__$s,
   props: videoListInputProps,
   emits: ["input", "update:modelValue", "change"],
   setup(__props, { emit }) {
@@ -13161,7 +13161,7 @@ var _sfc_main$Q = /* @__PURE__ */ defineComponent({
   }
 });
 
-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);
 
@@ -13221,18 +13221,18 @@ function getIcons(query) {
   });
 }
 
-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 = defineComponent({
+const _hoisted_3$m = { class: "search-icon" };
+const __default__$r = defineComponent({
   name: "DkIconContent"
 });
-var _sfc_main$P = /* @__PURE__ */ defineComponent({
-  ...__default__$p,
+var _sfc_main$R = /* @__PURE__ */ defineComponent({
+  ...__default__$r,
   props: iconContentProps,
   emits: ["choose"],
   setup(__props, { expose: __expose, emit }) {
@@ -13330,7 +13330,7 @@ var _sfc_main$P = /* @__PURE__ */ defineComponent({
       const _component_el_tabs = resolveComponent("el-tabs");
       const _component_el_button = resolveComponent("el-button");
       const _component_el_input = resolveComponent("el-input");
-      return openBlock(), createElementBlock("div", _hoisted_1$F, [
+      return openBlock(), createElementBlock("div", _hoisted_1$H, [
         createVNode(_component_el_tabs, {
           modelValue: activeName.value,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => activeName.value = $event)
@@ -13425,7 +13425,7 @@ var _sfc_main$P = /* @__PURE__ */ defineComponent({
                       128
                       /* KEYED_FRAGMENT */
                     )),
-                    !searchIcon.value ? (openBlock(), createElementBlock("p", _hoisted_2$u, "\u5F53\u524D\u663E\u793A\u5DF2\u7F13\u5B58\u7684\u56FE\u6807")) : createCommentVNode("v-if", true)
+                    !searchIcon.value ? (openBlock(), createElementBlock("p", _hoisted_2$w, "\u5F53\u524D\u663E\u793A\u5DF2\u7F13\u5B58\u7684\u56FE\u6807")) : createCommentVNode("v-if", true)
                   ],
                   64
                   /* STABLE_FRAGMENT */
@@ -13441,7 +13441,7 @@ var _sfc_main$P = /* @__PURE__ */ defineComponent({
           _: 1
           /* STABLE */
         }, 8, ["modelValue"]),
-        createElementVNode("div", _hoisted_3$k, [
+        createElementVNode("div", _hoisted_3$m, [
           createVNode(_component_el_input, {
             modelValue: searchIcon.value,
             "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => searchIcon.value = $event),
@@ -13464,14 +13464,14 @@ var _sfc_main$P = /* @__PURE__ */ defineComponent({
   }
 });
 
-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 = defineComponent({
+const _hoisted_1$G = { class: "text-center m2" };
+const __default__$q = defineComponent({
   name: "DkIconDialog"
 });
-var _sfc_main$O = /* @__PURE__ */ defineComponent({
-  ...__default__$o,
+var _sfc_main$Q = /* @__PURE__ */ defineComponent({
+  ...__default__$q,
   props: iconDialogProps,
   emits: ["choose", "confirm"],
   setup(__props, { expose: __expose, emit }) {
@@ -13505,7 +13505,7 @@ var _sfc_main$O = /* @__PURE__ */ defineComponent({
         class: "dk-icon-dialog"
       }, {
         footer: withCtx(() => [
-          createElementVNode("div", _hoisted_1$E, [
+          createElementVNode("div", _hoisted_1$G, [
             createVNode(_component_el_button, {
               type: "primary",
               onClick: confirm
@@ -13544,17 +13544,17 @@ var _sfc_main$O = /* @__PURE__ */ defineComponent({
   }
 });
 
-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 = defineComponent({
+const __default__$p = defineComponent({
   name: "DkIconInput"
 });
-var _sfc_main$N = /* @__PURE__ */ defineComponent({
-  ...__default__$n,
+var _sfc_main$P = /* @__PURE__ */ defineComponent({
+  ...__default__$p,
   props: iconInputProps,
   emits: ["input", "update:modelValue", "change"],
   setup(__props, { emit }) {
@@ -13622,7 +13622,7 @@ var _sfc_main$N = /* @__PURE__ */ defineComponent({
             /* STABLE */
           }, 8, ["modelValue", "placeholder"]),
           createCommentVNode("\u9009\u62E9\u7684\u662F\u56FE\u7247"),
-          props.preview ? (openBlock(), createElementBlock("div", _hoisted_1$D, [
+          props.preview ? (openBlock(), createElementBlock("div", _hoisted_1$F, [
             createVNode(_component_dk_icon, {
               icon: input.value ? input.value : "fluent:document-none-24-regular",
               class: "icon rd-4px cursor-pointer",
@@ -13661,7 +13661,7 @@ var _sfc_main$N = /* @__PURE__ */ defineComponent({
   }
 });
 
-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);
@@ -13758,16 +13758,16 @@ const styleInputProps = {
   }
 };
 
-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 = defineComponent({
+const __default__$o = defineComponent({
   name: "DkStyleInput"
 });
-var _sfc_main$M = /* @__PURE__ */ defineComponent({
-  ...__default__$m,
+var _sfc_main$O = /* @__PURE__ */ defineComponent({
+  ...__default__$o,
   props: styleInputProps,
   emits: ["update:modelValue"],
   setup(__props, { emit }) {
@@ -13819,8 +13819,8 @@ var _sfc_main$M = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       const _component_el_collapse_item = resolveComponent("el-collapse-item");
       const _component_el_collapse = resolveComponent("el-collapse");
-      return openBlock(), createElementBlock("div", _hoisted_1$C, [
-        !loading.value ? (openBlock(), createElementBlock("div", _hoisted_2$t, [
+      return openBlock(), createElementBlock("div", _hoisted_1$E, [
+        !loading.value ? (openBlock(), createElementBlock("div", _hoisted_2$v, [
           createVNode(_component_el_collapse, {
             modelValue: activeNames.value,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => activeNames.value = $event)
@@ -13866,7 +13866,7 @@ var _sfc_main$M = /* @__PURE__ */ defineComponent({
   }
 });
 
-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);
 
@@ -13906,12 +13906,12 @@ const boxSizeInputProps = {
   }
 };
 
-const _hoisted_1$B = ["onMousedown"];
-const __default__$l = defineComponent({
+const _hoisted_1$D = ["onMousedown"];
+const __default__$n = defineComponent({
   name: "DkBoxSizeInput"
 });
-var _sfc_main$L = /* @__PURE__ */ defineComponent({
-  ...__default__$l,
+var _sfc_main$N = /* @__PURE__ */ defineComponent({
+  ...__default__$n,
   props: boxSizeInputProps,
   emits: ["update:modelValue"],
   setup(__props, { emit }) {
@@ -14148,7 +14148,7 @@ var _sfc_main$L = /* @__PURE__ */ defineComponent({
                             _: 2
                             /* DYNAMIC */
                           }, 1032, ["content", "disabled"])
-                        ], 40, _hoisted_1$B)
+                        ], 40, _hoisted_1$D)
                       ]),
                       key: "0"
                     } : void 0
@@ -14246,7 +14246,7 @@ var _sfc_main$L = /* @__PURE__ */ defineComponent({
   }
 });
 
-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);
 
@@ -14374,13 +14374,13 @@ const paddings = [
   }
 ];
 
-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"];
@@ -14421,11 +14421,11 @@ const _hoisted_23 = /* @__PURE__ */ createElementVNode(
   -1
   /* HOISTED */
 );
-const __default__$k = defineComponent({
+const __default__$m = defineComponent({
   name: "DkStyleBoxInput"
 });
-var _sfc_main$K = /* @__PURE__ */ defineComponent({
-  ...__default__$k,
+var _sfc_main$M = /* @__PURE__ */ defineComponent({
+  ...__default__$m,
   props: styleBoxInputProps,
   emits: ["update:modelValue"],
   setup(__props, { emit }) {
@@ -14663,7 +14663,7 @@ var _sfc_main$K = /* @__PURE__ */ defineComponent({
       const _component_dk_icon = resolveComponent("dk-icon");
       const _component_el_popover = resolveComponent("el-popover");
       const _component_el_tooltip = resolveComponent("el-tooltip");
-      return openBlock(), createElementBlock("div", _hoisted_1$A, [
+      return openBlock(), createElementBlock("div", _hoisted_1$C, [
         createElementVNode(
           "div",
           {
@@ -14674,8 +14674,8 @@ var _sfc_main$K = /* @__PURE__ */ defineComponent({
           4
           /* STYLE */
         ),
-        createElementVNode("div", _hoisted_2$s, [
-          createElementVNode("label", _hoisted_3$j, [
+        createElementVNode("div", _hoisted_2$u, [
+          createElementVNode("label", _hoisted_3$l, [
             createTextVNode(" \u5185\u5916\u8FB9\u8DDD | \u9AD8\u5BBD "),
             createVNode(_component_el_popover, {
               ref: "popover",
@@ -14695,8 +14695,8 @@ var _sfc_main$K = /* @__PURE__ */ defineComponent({
               /* STABLE */
             }, 8, ["content"])
           ]),
-          createElementVNode("div", _hoisted_4$g, [
-            createElementVNode("div", _hoisted_5$c, [
+          createElementVNode("div", _hoisted_4$i, [
+            createElementVNode("div", _hoisted_5$d, [
               createVNode(_component_el_tooltip, {
                 class: "box-item",
                 effect: "dark",
@@ -14714,7 +14714,7 @@ var _sfc_main$K = /* @__PURE__ */ defineComponent({
                 /* STABLE */
               })
             ]),
-            createElementVNode("div", _hoisted_6$9, [
+            createElementVNode("div", _hoisted_6$a, [
               createVNode(_component_el_tooltip, {
                 class: "box-item",
                 effect: "dark",
@@ -14732,7 +14732,7 @@ var _sfc_main$K = /* @__PURE__ */ defineComponent({
                 /* STABLE */
               })
             ]),
-            createElementVNode("div", _hoisted_7$9, [
+            createElementVNode("div", _hoisted_7$a, [
               createVNode(_component_el_tooltip, {
                 class: "box-item",
                 effect: "dark",
@@ -14979,7 +14979,7 @@ var _sfc_main$K = /* @__PURE__ */ defineComponent({
   }
 });
 
-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);
 
@@ -14990,25 +14990,25 @@ const styleFontInputProps = {
   }
 };
 
-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 = defineComponent({
+const __default__$l = defineComponent({
   name: "DkStyleFontInput"
 });
-var _sfc_main$J = /* @__PURE__ */ defineComponent({
-  ...__default__$j,
+var _sfc_main$L = /* @__PURE__ */ defineComponent({
+  ...__default__$l,
   props: styleFontInputProps,
   emits: ["update:modelValue"],
   setup(__props, { emit }) {
@@ -15080,9 +15080,9 @@ var _sfc_main$J = /* @__PURE__ */ defineComponent({
       const _component_dk_icon = resolveComponent("dk-icon");
       const _component_el_radio_button = resolveComponent("el-radio-button");
       const _component_el_radio_group = resolveComponent("el-radio-group");
-      return openBlock(), createElementBlock("div", _hoisted_1$z, [
+      return openBlock(), createElementBlock("div", _hoisted_1$B, [
         createCommentVNode("    \u989C\u8272\u3001\u5B57\u53F7\u3001\u7C97\u7EC6\u3001\u98CE\u683C\u3001\u88C5\u9970"),
-        createElementVNode("div", _hoisted_2$r, [
+        createElementVNode("div", _hoisted_2$t, [
           createVNode(_component_el_tooltip, {
             placement: "top-end",
             trigger: "hover",
@@ -15106,7 +15106,7 @@ var _sfc_main$J = /* @__PURE__ */ defineComponent({
               }, 8, ["disabled"])
             ]),
             default: withCtx(() => [
-              createElementVNode("div", _hoisted_3$i, [
+              createElementVNode("div", _hoisted_3$k, [
                 createVNode(_component_el_color_picker, {
                   modelValue: styles.color,
                   "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => styles.color = $event)
@@ -15139,7 +15139,7 @@ var _sfc_main$J = /* @__PURE__ */ defineComponent({
               }, 8, ["disabled"])
             ]),
             default: withCtx(() => [
-              createElementVNode("div", _hoisted_4$f, [
+              createElementVNode("div", _hoisted_4$h, [
                 createVNode(_component_el_select, {
                   modelValue: styles.fontSize,
                   "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => styles.fontSize = $event),
@@ -15206,7 +15206,7 @@ var _sfc_main$J = /* @__PURE__ */ defineComponent({
               }, 8, ["disabled"])
             ]),
             default: withCtx(() => [
-              createElementVNode("div", _hoisted_5$b, [
+              createElementVNode("div", _hoisted_5$c, [
                 createVNode(_component_el_select, {
                   modelValue: styles.fontWeight,
                   "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => styles.fontWeight = $event),
@@ -15261,7 +15261,7 @@ var _sfc_main$J = /* @__PURE__ */ defineComponent({
               }, 8, ["disabled"])
             ]),
             default: withCtx(() => [
-              createElementVNode("div", _hoisted_6$8, [
+              createElementVNode("div", _hoisted_6$9, [
                 createVNode(_component_el_radio_group, {
                   modelValue: styles.fontWeight,
                   "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => styles.fontWeight = $event)
@@ -15320,7 +15320,7 @@ var _sfc_main$J = /* @__PURE__ */ defineComponent({
               }, 8, ["disabled"])
             ]),
             default: withCtx(() => [
-              createElementVNode("div", _hoisted_7$8, [
+              createElementVNode("div", _hoisted_7$9, [
                 createVNode(_component_el_radio_group, {
                   modelValue: styles.fontStyle,
                   "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => styles.fontStyle = $event)
@@ -15438,7 +15438,7 @@ var _sfc_main$J = /* @__PURE__ */ defineComponent({
   }
 });
 
-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);
 
@@ -15450,17 +15450,17 @@ const styleBorderInputProps = {
   }
 };
 
-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 = defineComponent({
+const _hoisted_3$j = { style: { "display": "flex" } };
+const __default__$k = defineComponent({
   name: "DkStyleBorderInput"
 });
-var _sfc_main$I = /* @__PURE__ */ defineComponent({
-  ...__default__$i,
+var _sfc_main$K = /* @__PURE__ */ defineComponent({
+  ...__default__$k,
   props: styleBorderInputProps,
   emits: ["update:modelValue"],
   setup(__props, { emit }) {
@@ -15636,7 +15636,7 @@ var _sfc_main$I = /* @__PURE__ */ defineComponent({
           class: normalizeClass(["dk-style-border-input", unref(width).value < 400 ? "mini" : ""])
         },
         [
-          createElementVNode("div", _hoisted_1$y, [
+          createElementVNode("div", _hoisted_1$A, [
             (openBlock(), createElementBlock(
               Fragment,
               null,
@@ -15654,7 +15654,7 @@ var _sfc_main$I = /* @__PURE__ */ defineComponent({
               /* STABLE_FRAGMENT */
             ))
           ]),
-          createElementVNode("div", _hoisted_2$q, [
+          createElementVNode("div", _hoisted_2$s, [
             createCommentVNode("  \u6837\u5F0F\u3001\u5BBD\u5EA6\u3001\u989C\u8272"),
             createVNode(_component_el_form, {
               "label-width": "50px",
@@ -15687,7 +15687,7 @@ var _sfc_main$I = /* @__PURE__ */ defineComponent({
                     }, 8, ["disabled"])
                   ]),
                   default: withCtx(() => [
-                    createElementVNode("div", _hoisted_3$h, [
+                    createElementVNode("div", _hoisted_3$j, [
                       createVNode(_component_el_slider, {
                         modelValue: form[position.value].borderWidth,
                         "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => form[position.value].borderWidth = $event),
@@ -15898,7 +15898,7 @@ var _sfc_main$I = /* @__PURE__ */ defineComponent({
   }
 });
 
-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);
 
@@ -15912,12 +15912,12 @@ const styleBackgroundInputProps = {
   }
 };
 
-const _hoisted_1$x = { class: "dk-style-background-input" };
-const __default__$h = defineComponent({
+const _hoisted_1$z = { class: "dk-style-background-input" };
+const __default__$j = defineComponent({
   name: "DkStyleBackgroundInput"
 });
-var _sfc_main$H = /* @__PURE__ */ defineComponent({
-  ...__default__$h,
+var _sfc_main$J = /* @__PURE__ */ defineComponent({
+  ...__default__$j,
   props: styleBackgroundInputProps,
   emits: ["update:modelValue"],
   setup(__props, { emit }) {
@@ -15963,7 +15963,7 @@ var _sfc_main$H = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       const _component_el_color_picker = resolveComponent("el-color-picker");
       const _component_dk_image_input = resolveComponent("dk-image-input");
-      return openBlock(), createElementBlock("div", _hoisted_1$x, [
+      return openBlock(), createElementBlock("div", _hoisted_1$z, [
         createVNode(_component_el_color_picker, {
           modelValue: form.backgroundColor,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => form.backgroundColor = $event),
@@ -15978,7 +15978,7 @@ var _sfc_main$H = /* @__PURE__ */ defineComponent({
   }
 });
 
-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);
 
@@ -15994,16 +15994,16 @@ const shadowInputProps = {
   }
 };
 
-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 = defineComponent({
+const __default__$i = defineComponent({
   name: "DkStyleShadowInput"
 });
-var _sfc_main$G = /* @__PURE__ */ defineComponent({
-  ...__default__$g,
+var _sfc_main$I = /* @__PURE__ */ defineComponent({
+  ...__default__$i,
   props: shadowInputProps,
   emits: ["update:modelValue"],
   setup(__props, { emit }) {
@@ -16046,7 +16046,7 @@ var _sfc_main$G = /* @__PURE__ */ defineComponent({
       const _component_el_popover = resolveComponent("el-popover");
       const _component_el_input = resolveComponent("el-input");
       const _component_dk_icon = resolveComponent("dk-icon");
-      return openBlock(), createElementBlock("div", _hoisted_1$w, [
+      return openBlock(), createElementBlock("div", _hoisted_1$y, [
         _ctx.type === "collapse" ? (openBlock(), createBlock(_component_el_collapse, {
           key: 0,
           modelValue: activeName.value,
@@ -16079,7 +16079,7 @@ var _sfc_main$G = /* @__PURE__ */ defineComponent({
           ]),
           _: 1
           /* STABLE */
-        }, 8, ["modelValue"])) : (openBlock(), createElementBlock("ul", _hoisted_2$p, [
+        }, 8, ["modelValue"])) : (openBlock(), createElementBlock("ul", _hoisted_2$r, [
           (openBlock(true), createElementBlock(
             Fragment,
             null,
@@ -16152,32 +16152,32 @@ var _sfc_main$G = /* @__PURE__ */ defineComponent({
   }
 });
 
-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__ */ createElementVNode(
+const _hoisted_1$x = { class: "shadow-content-shortcut" };
+const _hoisted_2$q = { class: "default-css m-b-10px" };
+const _hoisted_3$i = /* @__PURE__ */ createElementVNode(
   "div",
   { class: "m-b-10px" },
   "\u5E38\u7528\u6837\u5F0F",
   -1
   /* HOISTED */
 );
-const _hoisted_4$e = /* @__PURE__ */ createElementVNode(
+const _hoisted_4$g = /* @__PURE__ */ createElementVNode(
   "i",
   { id: "center" },
   null,
   -1
   /* HOISTED */
 );
-const _hoisted_5$a = [
-  _hoisted_4$e
+const _hoisted_5$b = [
+  _hoisted_4$g
 ];
-const __default__$f = defineComponent({
+const __default__$h = defineComponent({
   name: "DkStyleShadowContent"
 });
-var _sfc_main$F = /* @__PURE__ */ defineComponent({
-  ...__default__$f,
+var _sfc_main$H = /* @__PURE__ */ defineComponent({
+  ...__default__$h,
   props: {
     boxSize: {
       default: 180,
@@ -16533,9 +16533,9 @@ var _sfc_main$F = /* @__PURE__ */ defineComponent({
             _: 1
             /* STABLE */
           }, 8, ["size"]),
-          createElementVNode("div", _hoisted_1$v, [
-            createElementVNode("div", _hoisted_2$o, [
-              _hoisted_3$g,
+          createElementVNode("div", _hoisted_1$x, [
+            createElementVNode("div", _hoisted_2$q, [
+              _hoisted_3$i,
               (openBlock(true), createElementBlock(
                 Fragment,
                 null,
@@ -16579,7 +16579,7 @@ var _sfc_main$F = /* @__PURE__ */ defineComponent({
                     id: "spot",
                     style: normalizeStyle(spotStyle.value)
                   },
-                  _hoisted_5$a,
+                  _hoisted_5$b,
                   4
                   /* STYLE */
                 ),
@@ -16636,7 +16636,7 @@ var _sfc_main$F = /* @__PURE__ */ defineComponent({
   }
 });
 
-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);
@@ -16650,13 +16650,13 @@ const stylePositionInputProps = {
   }
 };
 
-const _hoisted_1$u = { class: "m-t-10px" };
-const _hoisted_2$n = ["onClick"];
-const __default__$e = defineComponent({
+const _hoisted_1$w = { class: "m-t-10px" };
+const _hoisted_2$p = ["onClick"];
+const __default__$g = defineComponent({
   name: "DkStylePositionInput"
 });
-var _sfc_main$E = /* @__PURE__ */ defineComponent({
-  ...__default__$e,
+var _sfc_main$G = /* @__PURE__ */ defineComponent({
+  ...__default__$g,
   props: stylePositionInputProps,
   emits: ["update:modelValue"],
   setup(__props, { emit }) {
@@ -16821,7 +16821,7 @@ var _sfc_main$E = /* @__PURE__ */ defineComponent({
                   /* STABLE */
                 })
               ]),
-              createElementVNode("div", _hoisted_1$u, [
+              createElementVNode("div", _hoisted_1$w, [
                 createVNode(_component_el_row, { gutter: 20 }, {
                   default: withCtx(() => [
                     (openBlock(), createElementBlock(
@@ -16848,7 +16848,7 @@ var _sfc_main$E = /* @__PURE__ */ defineComponent({
                                     createElementVNode("span", {
                                       style: normalizeStyle([{ "cursor": "pointer" }, form.value[item.value] ? "color:var(--el-color-primary)" : ""]),
                                       onClick: ($event) => form.value[item.value] = ""
-                                    }, toDisplayString(item.label) + "\uFF1A", 13, _hoisted_2$n)
+                                    }, toDisplayString(item.label) + "\uFF1A", 13, _hoisted_2$p)
                                   ]),
                                   _: 2
                                   /* DYNAMIC */
@@ -16888,7 +16888,7 @@ var _sfc_main$E = /* @__PURE__ */ defineComponent({
   }
 });
 
-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);
 
@@ -16926,11 +16926,11 @@ const styleNumberInputProps = {
   }
 };
 
-const __default__$d = defineComponent({
+const __default__$f = defineComponent({
   name: "DkStyleNumberInput"
 });
-var _sfc_main$D = /* @__PURE__ */ defineComponent({
-  ...__default__$d,
+var _sfc_main$F = /* @__PURE__ */ defineComponent({
+  ...__default__$f,
   props: styleNumberInputProps,
   emits: ["update:modelValue"],
   setup(__props, { emit }) {
@@ -17089,7 +17089,7 @@ var _sfc_main$D = /* @__PURE__ */ defineComponent({
   }
 });
 
-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);
 
@@ -17834,19 +17834,19 @@ const draggableComponent = defineComponent({
   }
 });
 
-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__ */ 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__ */ 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__ */ createElementVNode(
   "span",
   { class: "m-r-4px" },
@@ -17864,11 +17864,11 @@ const _hoisted_11$3 = /* @__PURE__ */ createElementVNode(
   /* HOISTED */
 );
 const _hoisted_12$3 = { class: "phone-title-icon" };
-const __default__$c = defineComponent({
+const __default__$e = defineComponent({
   name: "PreviewPhone"
 });
-var _sfc_main$C = /* @__PURE__ */ defineComponent({
-  ...__default__$c,
+var _sfc_main$E = /* @__PURE__ */ defineComponent({
+  ...__default__$e,
   props: {
     value: {
       default: "",
@@ -17888,8 +17888,10 @@ var _sfc_main$C = /* @__PURE__ */ defineComponent({
     const form = ref({
       showLine: cache.showLine || false,
       margin: cache.margin || 0,
-      preview: cache.preview || false
+      preview: cache.preview || false,
+      closeAnimate: cache.closeAnimate || false
     });
+    provide("previewSetting", form);
     const changeForm = () => {
       storage.set(key, JSON.stringify(form.value));
     };
@@ -17923,9 +17925,11 @@ var _sfc_main$C = /* @__PURE__ */ defineComponent({
       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,
@@ -17944,15 +17948,16 @@ var _sfc_main$C = /* @__PURE__ */ defineComponent({
       const _component_el_dropdown_item = resolveComponent("el-dropdown-item");
       const _component_el_dropdown_menu = resolveComponent("el-dropdown-menu");
       const _component_el_dropdown = resolveComponent("el-dropdown");
+      const _component_el_tooltip = resolveComponent("el-tooltip");
       const _component_el_switch = resolveComponent("el-switch");
       const _component_el_form_item = resolveComponent("el-form-item");
       const _component_el_slider = resolveComponent("el-slider");
       const _component_el_popover = resolveComponent("el-popover");
-      return openBlock(), createElementBlock("div", _hoisted_1$t, [
-        createElementVNode("div", _hoisted_2$m, [
-          createElementVNode("div", _hoisted_3$f, [
-            createElementVNode("div", _hoisted_4$d, [
-              createElementVNode("div", _hoisted_5$9, [
+      return openBlock(), createElementBlock("div", _hoisted_1$v, [
+        createElementVNode("div", _hoisted_2$o, [
+          createElementVNode("div", _hoisted_3$h, [
+            createElementVNode("div", _hoisted_4$f, [
+              createElementVNode("div", _hoisted_5$a, [
                 createElementVNode(
                   "span",
                   null,
@@ -17965,8 +17970,8 @@ var _sfc_main$C = /* @__PURE__ */ defineComponent({
                   color: "#2ddd71"
                 })
               ]),
-              _hoisted_6$7,
-              createElementVNode("div", _hoisted_7$7, [
+              _hoisted_6$8,
+              createElementVNode("div", _hoisted_7$8, [
                 _hoisted_8$6,
                 createVNode(_component_dk_icon, {
                   icon: "gg:battery-full",
@@ -18037,6 +18042,20 @@ var _sfc_main$C = /* @__PURE__ */ defineComponent({
                   ]),
                   default: withCtx(() => [
                     createVNode(_component_el_form_item, { label: "\u663E\u793A\u7F51\u683C" }, {
+                      label: withCtx(() => [
+                        createVNode(_component_el_tooltip, {
+                          class: "box-item",
+                          effect: "dark",
+                          content: "\u663E\u793A\u7EC4\u4EF6\u7F51\u683C\u7EBF",
+                          placement: "right-start"
+                        }, {
+                          default: withCtx(() => [
+                            createTextVNode(" \u663E\u793A\u7F51\u683C ")
+                          ]),
+                          _: 1
+                          /* STABLE */
+                        })
+                      ]),
                       default: withCtx(() => [
                         createVNode(_component_el_switch, {
                           modelValue: form.value.showLine,
@@ -18048,6 +18067,20 @@ var _sfc_main$C = /* @__PURE__ */ defineComponent({
                       /* STABLE */
                     }),
                     createVNode(_component_el_form_item, { label: "\u7F51\u683C\u95F4\u8DDD" }, {
+                      label: withCtx(() => [
+                        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: withCtx(() => [
+                            createTextVNode(" \u7F51\u683C\u95F4\u8DDD ")
+                          ]),
+                          _: 1
+                          /* STABLE */
+                        })
+                      ]),
                       default: withCtx(() => [
                         createVNode(_component_el_slider, {
                           modelValue: form.value.margin,
@@ -18063,6 +18096,20 @@ var _sfc_main$C = /* @__PURE__ */ defineComponent({
                       /* STABLE */
                     }),
                     createVNode(_component_el_form_item, { label: "\u6548\u679C\u9884\u89C8" }, {
+                      label: withCtx(() => [
+                        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: withCtx(() => [
+                            createTextVNode(" \u6548\u679C\u9884\u89C8 ")
+                          ]),
+                          _: 1
+                          /* STABLE */
+                        })
+                      ]),
                       default: withCtx(() => [
                         createVNode(_component_el_switch, {
                           modelValue: form.value.preview,
@@ -18072,6 +18119,31 @@ var _sfc_main$C = /* @__PURE__ */ defineComponent({
                       ]),
                       _: 1
                       /* STABLE */
+                    }),
+                    createVNode(_component_el_form_item, { label: "\u5173\u95ED\u52A8\u753B" }, {
+                      label: withCtx(() => [
+                        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: withCtx(() => [
+                            createTextVNode(" \u5173\u95ED\u52A8\u753B ")
+                          ]),
+                          _: 1
+                          /* STABLE */
+                        })
+                      ]),
+                      default: withCtx(() => [
+                        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
@@ -18098,7 +18170,7 @@ var _sfc_main$C = /* @__PURE__ */ defineComponent({
   }
 });
 
-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";
@@ -20909,6 +20981,102 @@ function dkPage() {
   ];
 }
 
+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",
@@ -20923,6 +21091,15 @@ function createTitle(title) {
     ]
   };
 }
+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 = [
     {
@@ -20948,6 +21125,78 @@ function dkSetting(rule = null) {
           ]
         }
       ]
+    },
+    {
+      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) {
@@ -21027,7 +21276,7 @@ const pageDiyProps = {
   // 'menu', 'height', 'config', 'mask', 'locale', 'loading'
 };
 
-const _sfc_main$B = {
+const _sfc_main$D = {
   name: 'DkMinVideo',
   props: {
     poster: {
@@ -21069,13 +21318,13 @@ const _sfc_main$B = {
   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 = resolveComponent("el-image");
@@ -21085,7 +21334,7 @@ function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
     class: "dk-view-video",
     style: normalizeStyle($options._style)
   }, [
-    createElementVNode("div", _hoisted_1$s, [
+    createElementVNode("div", _hoisted_1$u, [
       ($props.poster)
         ? (openBlock(), createBlock(_component_el_image, {
             key: 0,
@@ -21094,21 +21343,21 @@ function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
             class: "poster"
           }, null, 8 /* PROPS */, ["src"]))
         : createCommentVNode("v-if", true),
-      createElementVNode("div", _hoisted_2$l, [
+      createElementVNode("div", _hoisted_2$n, [
         createVNode(_component_dk_icon, {
           icon: "VideoPlay",
           size: 24
         }),
         (!$props.videoPath)
-          ? (openBlock(), createElementBlock("p", _hoisted_3$e, "请选择或者上传您的视频!!!"))
-          : (openBlock(), createElementBlock("p", _hoisted_4$c, "当前不支持预览,请到实际页面查看!!!!"))
+          ? (openBlock(), createElementBlock("p", _hoisted_3$g, "请选择或者上传您的视频!!!"))
+          : (openBlock(), 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: {
@@ -21151,7 +21400,7 @@ const _sfc_main$A = {
   methods: {},
 };
 
-const _hoisted_1$r = {
+const _hoisted_1$t = {
   key: 0,
   class: "swipe-title"
 };
@@ -21177,7 +21426,7 @@ function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
               height: $props.height
             }, null, 8 /* PROPS */, ["src", "height"]),
             ($props.showTitle)
-              ? (openBlock(), createElementBlock("div", _hoisted_1$r, toDisplayString(item.title), 1 /* TEXT */))
+              ? (openBlock(), createElementBlock("div", _hoisted_1$t, toDisplayString(item.title), 1 /* TEXT */))
               : createCommentVNode("v-if", true)
           ]),
           _: 2 /* DYNAMIC */
@@ -21187,9 +21436,9 @@ function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
     _: 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 },
@@ -21211,14 +21460,14 @@ const _sfc_main$z = {
   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 (openBlock(), createElementBlock("div", _hoisted_1$q, [
+  return (openBlock(), createElementBlock("div", _hoisted_1$s, [
     ($props.type === '0')
       ? (openBlock(), createElementBlock("div", {
           key: 0,
@@ -21226,7 +21475,7 @@ function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
         }, [
           createElementVNode("span", null, toDisplayString($props.title), 1 /* TEXT */)
         ], 4 /* STYLE */))
-      : (openBlock(), createElementBlock("div", _hoisted_2$k, [
+      : (openBlock(), createElementBlock("div", _hoisted_2$m, [
           createElementVNode("div", null, [
             createElementVNode("span", {
               style: normalizeStyle({ color: $props.color })
@@ -21244,9 +21493,9 @@ function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
         ]))
   ]))
 }
-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: {
@@ -21267,9 +21516,9 @@ function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
     style: 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: {
@@ -21285,14 +21534,14 @@ const _sfc_main$x = {
   methods: {},
 };
 
-const _hoisted_1$p = ["innerHTML"];
+const _hoisted_1$r = ["innerHTML"];
 
 function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
-  return (openBlock(), createElementBlock("div", { innerHTML: $props.textarea }, null, 8 /* PROPS */, _hoisted_1$p))
+  return (openBlock(), 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: {
@@ -21377,23 +21626,23 @@ const _sfc_main$w = {
   },
 };
 
-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 = resolveComponent("el-empty");
 
-  return (openBlock(), createElementBlock("div", _hoisted_1$o, [
+  return (openBlock(), createElementBlock("div", _hoisted_1$q, [
     ($props.hotData.background)
       ? (openBlock(), createElementBlock("img", {
           key: 0,
           src: $props.hotData.background,
           alt: "",
           style: {"width":"100%"}
-        }, null, 8 /* PROPS */, _hoisted_2$j))
+        }, null, 8 /* PROPS */, _hoisted_2$l))
       : (openBlock(), createBlock(_component_el_empty, {
           key: 1,
           description: "请上传背景图"
@@ -21412,7 +21661,7 @@ function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
     }), 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,
@@ -21423,7 +21672,7 @@ const views$1 = {
   DkMinHotArea
 };
 
-const _sfc_main$v = {
+const _sfc_main$x = {
   name: 'DkViewBulletChat',
   props: {
     bgColor: { default: '', type: String },
@@ -21446,14 +21695,14 @@ const _sfc_main$v = {
   methods: {},
 };
 
-const _hoisted_1$n = { class: "bullet-content" };
-const _hoisted_2$i = ["src"];
-const _hoisted_3$d = { class: "over" };
-const _hoisted_4$b = /*#__PURE__*/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__*/createElementVNode("div", { class: "bullet-content" }, [
   /*#__PURE__*/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) {
@@ -21473,15 +21722,15 @@ function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
           (openBlock(true), createElementBlock(Fragment, null, renderList($props.bulletData, (item, key) => {
             return (openBlock(), createBlock(_component_van_swipe_item, { key: key }, {
               default: withCtx(() => [
-                createElementVNode("div", _hoisted_1$n, [
+                createElementVNode("div", _hoisted_1$p, [
                   (item.avatar)
                     ? (openBlock(), createElementBlock("img", {
                         key: 0,
                         src: item.avatar,
                         alt: ""
-                      }, null, 8 /* PROPS */, _hoisted_2$i))
+                      }, null, 8 /* PROPS */, _hoisted_2$k))
                     : createCommentVNode("v-if", true),
-                  createElementVNode("span", _hoisted_3$d, toDisplayString(item.text), 1 /* TEXT */)
+                  createElementVNode("span", _hoisted_3$f, toDisplayString(item.text), 1 /* TEXT */)
                 ])
               ]),
               _: 2 /* DYNAMIC */
@@ -21494,11 +21743,11 @@ function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
         key: 1,
         class: "dk-view-bullet-chat",
         style: 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: {
@@ -21533,9 +21782,9 @@ function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
     _: 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: {
@@ -21605,28 +21854,28 @@ const _sfc_main$t = {
   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 = resolveComponent("van-button");
   const _component_van_icon = resolveComponent("van-icon");
 
-  return (openBlock(), createElementBlock("div", _hoisted_1$m, [
+  return (openBlock(), createElementBlock("div", _hoisted_1$o, [
     ($props.type === 'btn')
-      ? (openBlock(), createElementBlock("div", _hoisted_2$h, [
+      ? (openBlock(), createElementBlock("div", _hoisted_2$j, [
           createVNode(_component_van_button, {
             type: "primary",
             block: $props.block,
@@ -21641,14 +21890,14 @@ function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
             _: 1 /* STABLE */
           }, 8 /* PROPS */, ["block", "round", "size", "color", "icon"])
         ]))
-      : (openBlock(), createElementBlock("div", _hoisted_3$c, [
+      : (openBlock(), createElementBlock("div", _hoisted_3$e, [
           ($props.img)
-            ? (openBlock(), createElementBlock("div", _hoisted_4$a, [
+            ? (openBlock(), createElementBlock("div", _hoisted_4$c, [
                 createElementVNode("img", {
                   src: $props.img,
                   alt: "",
                   width: $props.imgSize
-                }, null, 8 /* PROPS */, _hoisted_5$7)
+                }, null, 8 /* PROPS */, _hoisted_5$8)
               ]))
             : createCommentVNode("v-if", true),
           createElementVNode("div", {
@@ -21666,9 +21915,9 @@ function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
         ]))
   ]))
 }
-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 },
@@ -21701,15 +21950,15 @@ const _sfc_main$s = {
   },
 };
 
-const _hoisted_1$l = { class: "dk-view-dialog" };
-const _hoisted_2$g = /*#__PURE__*/createElementVNode("div", { class: "preview" }, "点击预览可以查看弹窗效果", -1 /* HOISTED */);
-const _hoisted_3$b = ["innerHTML"];
+const _hoisted_1$n = { class: "dk-view-dialog" };
+const _hoisted_2$i = /*#__PURE__*/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 = resolveComponent("van-dialog");
 
-  return (openBlock(), createElementBlock("div", _hoisted_1$l, [
-    _hoisted_2$g,
+  return (openBlock(), createElementBlock("div", _hoisted_1$n, [
+    _hoisted_2$i,
     ($data.showDialog)
       ? (openBlock(), createBlock(_component_van_dialog, {
           key: 0,
@@ -21724,16 +21973,16 @@ function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
             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"]))
       : 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: {
@@ -21811,16 +22060,16 @@ const _sfc_main$r = {
   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 = resolveComponent("dk-icon");
@@ -21830,7 +22079,7 @@ function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_van_grid = resolveComponent("van-grid");
 
   return ($props.type === 'cell')
-    ? (openBlock(), createElementBlock("div", _hoisted_1$k, [
+    ? (openBlock(), createElementBlock("div", _hoisted_1$m, [
         createVNode(_component_van_cell_group, null, {
           default: withCtx(() => [
             (openBlock(true), createElementBlock(Fragment, null, renderList($props.gridCellList, (item, key) => {
@@ -21849,7 +22098,7 @@ function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
               borderRadius: $props.imgRadius + 'px',
               marginRight: $props.imgTextGutter + 'px',
             })
-                  }, null, 12 /* STYLE, PROPS */, _hoisted_2$f)
+                  }, null, 12 /* STYLE, PROPS */, _hoisted_2$h)
                 ]),
                 title: withCtx(() => [
                   createElementVNode("span", {
@@ -21870,7 +22119,7 @@ function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
           _: 1 /* STABLE */
         })
       ]))
-    : (openBlock(), createElementBlock("div", _hoisted_3$a, [
+    : (openBlock(), createElementBlock("div", _hoisted_3$c, [
         createVNode(_component_van_grid, {
           square: $props.square,
           direction: $props.direction,
@@ -21894,7 +22143,7 @@ function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
                           height: $props.gridImgSize,
                           alt: item.title,
                           style: normalizeStyle({ borderRadius: $props.imgRadius + 'px' })
-                        }, null, 12 /* STYLE, PROPS */, _hoisted_4$9)
+                        }, null, 12 /* STYLE, PROPS */, _hoisted_4$b)
                       ]),
                       text: withCtx(() => [
                         createElementVNode("span", {
@@ -21911,9 +22160,9 @@ function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
         }, 8 /* PROPS */, ["square", "direction", "gutter", "clickable", "border", "column-num"])
       ]))
 }
-var DkViewGridCellList = /*#__PURE__*/_export_sfc(_sfc_main$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 },
@@ -21950,7 +22199,7 @@ const _sfc_main$q = {
   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 = resolveComponent("van-image");
@@ -21981,15 +22230,15 @@ function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
       ], 4 /* STYLE */))
     }), 128 /* KEYED_FRAGMENT */)),
     ($props.imageList.length <= 0)
-      ? (openBlock(), createElementBlock("div", _hoisted_1$j, [
+      ? (openBlock(), createElementBlock("div", _hoisted_1$l, [
           createVNode(_component_el_empty, { description: "请添加图片数据" })
         ]))
       : 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 },
@@ -22021,23 +22270,23 @@ const _sfc_main$p = {
   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 = resolveComponent("van-icon");
 
-  return (openBlock(), createElementBlock("div", _hoisted_1$i, [
+  return (openBlock(), createElementBlock("div", _hoisted_1$k, [
     ($props.iconType === 'image')
-      ? (openBlock(), createElementBlock("div", _hoisted_2$e, [
+      ? (openBlock(), createElementBlock("div", _hoisted_2$g, [
           createElementVNode("img", {
             src: $props.imgUrl,
             width: "100%",
             style: normalizeStyle($options._style),
             class: normalizeClass([$props.rotation, "dk-music-img"]),
             alt: ""
-          }, null, 14 /* CLASS, STYLE, PROPS */, _hoisted_3$9)
+          }, null, 14 /* CLASS, STYLE, PROPS */, _hoisted_3$b)
         ]))
       : (openBlock(), createBlock(_component_van_icon, {
           key: 1,
@@ -22047,10 +22296,10 @@ function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
         }, 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: {
@@ -22103,9 +22352,9 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 8 /* PROPS */, ["title", "left-text", "right-text", "left-arrow", "border"])
   ]))
 }
-var DkViewNavBar = /*#__PURE__*/_export_sfc(_sfc_main$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 },
@@ -22136,9 +22385,9 @@ function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 8 /* PROPS */, ["speed", "left-icon", "text", "color", "background"])
   ]))
 }
-var DkViewNoticeBar = /*#__PURE__*/_export_sfc(_sfc_main$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: {
@@ -22206,9 +22455,9 @@ function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
     _: 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: {
@@ -22237,14 +22486,14 @@ const _sfc_main$l = {
   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 = resolveComponent("van-tabbar-item");
   const _component_van_tabbar = resolveComponent("van-tabbar");
 
-  return (openBlock(), createElementBlock("div", _hoisted_1$h, [
+  return (openBlock(), createElementBlock("div", _hoisted_1$j, [
     createVNode(_component_van_tabbar, {
       modelValue: $data.tmpActive,
       "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => (($data.tmpActive) = $event)),
@@ -22273,7 +22522,7 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
                     createElementVNode("img", {
                       src: item.imgIcon,
                       alt: ""
-                    }, null, 8 /* PROPS */, _hoisted_2$d)
+                    }, null, 8 /* PROPS */, _hoisted_2$f)
                   ]),
                   key: "0"
                 }
@@ -22285,9 +22534,9 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
     }, 8 /* PROPS */, ["modelValue", "active-color", "inactive-color", "style"])
   ]))
 }
-var DkViewTabbar = /*#__PURE__*/_export_sfc(_sfc_main$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: {
@@ -22303,14 +22552,14 @@ const _sfc_main$k = {
   methods: {},
 };
 
-const _hoisted_1$g = ["innerHTML"];
+const _hoisted_1$i = ["innerHTML"];
 
 function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
-  return (openBlock(), createElementBlock("div", { innerHTML: $props.textarea }, null, 8 /* PROPS */, _hoisted_1$g))
+  return (openBlock(), 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 },
@@ -22340,15 +22589,15 @@ const _sfc_main$j = {
   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 = resolveComponent("van-icon");
   const _component_van_image = resolveComponent("van-image");
 
-  return (openBlock(), createElementBlock("div", _hoisted_1$f, [
-    createElementVNode("div", _hoisted_2$c, [
+  return (openBlock(), createElementBlock("div", _hoisted_1$h, [
+    createElementVNode("div", _hoisted_2$e, [
       ($props.prefix === 'icon')
         ? (openBlock(), createBlock(_component_van_icon, {
             key: 0,
@@ -22393,9 +22642,9 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
       : 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: {
@@ -22437,13 +22686,13 @@ const _sfc_main$i = {
   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 = resolveComponent("el-image");
@@ -22453,7 +22702,7 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
     class: "dk-view-video",
     style: normalizeStyle($options._style)
   }, [
-    createElementVNode("div", _hoisted_1$e, [
+    createElementVNode("div", _hoisted_1$g, [
       ($props.poster)
         ? (openBlock(), createBlock(_component_el_image, {
             key: 0,
@@ -22462,19 +22711,19 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
             class: "poster"
           }, null, 8 /* PROPS */, ["src"]))
         : createCommentVNode("v-if", true),
-      createElementVNode("div", _hoisted_2$b, [
+      createElementVNode("div", _hoisted_2$d, [
         createVNode(_component_dk_icon, {
           icon: "VideoPlay",
           size: 24
         }),
         (!$props.videoPath)
-          ? (openBlock(), createElementBlock("p", _hoisted_3$8, "请选择或者上传您的视频"))
-          : (openBlock(), createElementBlock("p", _hoisted_4$8, "当前不支持预览,请到实际页面查看"))
+          ? (openBlock(), createElementBlock("p", _hoisted_3$a, "请选择或者上传您的视频"))
+          : (openBlock(), 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,
@@ -22539,7 +22788,7 @@ function delDiy(id) {
   });
 }
 
-const _sfc_main$h = {
+const _sfc_main$j = {
   name: 'DiyCloud',
   props: {
     pageName: {
@@ -22663,16 +22912,16 @@ const _sfc_main$h = {
   },
 };
 
-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"
 };
@@ -22692,7 +22941,7 @@ const _hoisted_11$2 = {
 const _hoisted_12$2 = { class: "title over" };
 const _hoisted_13$2 = {
   key: 1,
-  style: {"height":"500px","display":"flex","align-items":"center","justify-content":"center"}
+  style: {"display":"flex","align-items":"center","justify-content":"center","height":"500px"}
 };
 const _hoisted_14$2 = { class: "diy-footer" };
 
@@ -22709,9 +22958,9 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dk_form = resolveComponent("dk-form");
   const _directive_loading = resolveDirective("loading");
 
-  return (openBlock(), createElementBlock("div", _hoisted_1$d, [
-    createElementVNode("div", _hoisted_2$a, [
-      createElementVNode("div", _hoisted_3$7, [
+  return (openBlock(), createElementBlock("div", _hoisted_1$f, [
+    createElementVNode("div", _hoisted_2$c, [
+      createElementVNode("div", _hoisted_3$9, [
         createVNode(_component_el_select, {
           modelValue: $data.search.state,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => (($data.search.state) = $event)),
@@ -22838,9 +23087,9 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
       ])
     ]),
     createCommentVNode("-------------模板列表------------------------"),
-    withDirectives((openBlock(), createElementBlock("div", _hoisted_4$7, [
+    withDirectives((openBlock(), createElementBlock("div", _hoisted_4$9, [
       (!$data.loading && $data.list.length > 0)
-        ? (openBlock(), createElementBlock("ul", _hoisted_5$6, [
+        ? (openBlock(), createElementBlock("ul", _hoisted_5$7, [
             (openBlock(true), createElementBlock(Fragment, null, renderList($data.list, (item, key) => {
               return (openBlock(), createElementBlock("li", {
                 key: key,
@@ -22853,13 +23102,12 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
                   fit: "contain"
                 }, null, 8 /* PROPS */, ["src"]),
                 (item.state <= 0)
-                  ? (openBlock(), createElementBlock("div", _hoisted_7$6))
+                  ? (openBlock(), createElementBlock("div", _hoisted_7$7))
                   : createCommentVNode("v-if", true),
                 createElementVNode("div", _hoisted_8$5, [
                   (item.state === '0')
                     ? (openBlock(), createBlock(_component_el_tag, {
                         key: 0,
-                        type: "primary",
                         effect: "dark"
                       }, {
                         default: withCtx(() => [
@@ -22898,7 +23146,7 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
                     ]))
                   : createCommentVNode("v-if", true),
                 createElementVNode("div", _hoisted_12$2, toDisplayString(item.name), 1 /* TEXT */)
-              ], 10 /* CLASS, PROPS */, _hoisted_6$6))
+              ], 10 /* CLASS, PROPS */, _hoisted_6$7))
             }), 128 /* KEYED_FRAGMENT */))
           ]))
         : (openBlock(), createElementBlock("div", _hoisted_13$2, [
@@ -22945,7 +23193,7 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
     }, 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',
@@ -22962,7 +23210,7 @@ designerForm.register({
   },
 });
 
-const _sfc_main$g = defineComponent({
+const _sfc_main$i = defineComponent({
   name: 'DkPageDiy',
   components: {
     DiyCloud,
@@ -23999,17 +24247,17 @@ const _sfc_main$g = defineComponent({
   },
 });
 
-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__*/createElementVNode("span", null, "结构", -1 /* HOISTED */);
-const _hoisted_7$5 = { key: 0 };
+const _hoisted_6$6 = /*#__PURE__*/createElementVNode("span", null, "结构", -1 /* HOISTED */);
+const _hoisted_7$6 = { key: 0 };
 
 function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dk_icon = resolveComponent("dk-icon");
@@ -24035,13 +24283,13 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
         style: normalizeStyle(_ctx.leftAside.style)
       }, {
         default: withCtx(() => [
-          createElementVNode("div", _hoisted_1$c, [
+          createElementVNode("div", _hoisted_1$e, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.menuList, (item, index) => {
               return (openBlock(), createElementBlock("div", {
                 key: index,
                 class: "_fc-l-group"
               }, [
-                createElementVNode("h4", _hoisted_2$9, toDisplayString(item.title), 1 /* TEXT */),
+                createElementVNode("h4", _hoisted_2$b, toDisplayString(item.title), 1 /* TEXT */),
                 createVNode(_component_draggable, {
                   group: { name: 'default', pull: 'clone', put: false },
                   sort: false,
@@ -24055,15 +24303,15 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
                       key: element.id,
                       class: normalizeClass(["_fc-l-item", element.count - (_ctx.countObj[element.name] || 0) <= 0 ? 'not-drag' : ''])
                     }, [
-                      createElementVNode("div", _hoisted_3$6, [
+                      createElementVNode("div", _hoisted_3$8, [
                         createVNode(_component_dk_icon, {
                           icon: element.icon,
                           size: 24
                         }, null, 8 /* PROPS */, ["icon"])
                       ]),
-                      createElementVNode("span", _hoisted_4$6, toDisplayString(element.label), 1 /* TEXT */),
+                      createElementVNode("span", _hoisted_4$8, toDisplayString(element.label), 1 /* TEXT */),
                       (element.count)
-                        ? (openBlock(), createElementBlock("span", _hoisted_5$5, toDisplayString(element.count - (_ctx.countObj[element.name] || 0)), 1 /* TEXT */))
+                        ? (openBlock(), createElementBlock("span", _hoisted_5$6, toDisplayString(element.count - (_ctx.countObj[element.name] || 0)), 1 /* TEXT */))
                         : createCommentVNode("v-if", true)
                     ], 2 /* CLASS */))
                   ]),
@@ -24080,7 +24328,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
               class: "child-title",
               onClick: _cache[0] || (_cache[0] = $event => (_ctx.hideAside('tree')))
             }, [
-              _hoisted_6$5,
+              _hoisted_6$6,
               createVNode(_component_dk_icon, {
                 icon: _ctx.treeAside.hide ? 'ArrowUp' : 'ArrowDown'
               }, null, 8 /* PROPS */, ["icon"])
@@ -24102,7 +24350,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
                 }, [
                   createTextVNode(toDisplayString(data.type) + " ", 1 /* TEXT */),
                   (data.config?.config.label)
-                    ? (openBlock(), createElementBlock("span", _hoisted_7$5, toDisplayString(data.config?.config.label), 1 /* TEXT */))
+                    ? (openBlock(), createElementBlock("span", _hoisted_7$6, toDisplayString(data.config?.config.label), 1 /* TEXT */))
                     : createCommentVNode("v-if", true),
                   createVNode(_component_dk_icon, {
                     icon: "Close",
@@ -24310,10 +24558,10 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
     _: 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 = defineComponent({
+const _sfc_main$h = defineComponent({
   name: 'DragTool',
   props: {
     dragBtn: {
@@ -24341,9 +24589,11 @@ const _sfc_main$f = defineComponent({
     const { unique } = toRefs(props);
     const id = computed(() => unique.value || uni++);
     const state = inject('fcx');
+    const previewSetting = inject('previewSetting');
     return {
       id,
       state,
+      previewSetting,
     }
   },
   computed: {
@@ -24351,26 +24601,21 @@ const _sfc_main$f = defineComponent({
       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() {
@@ -24385,24 +24630,24 @@ const _sfc_main$f = defineComponent({
   },
 });
 
-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 = resolveComponent("dk-icon");
 
   return (openBlock(), createElementBlock("div", {
-    class: normalizeClass(["drag-tool animate__animated", { active: _ctx.state.active === _ctx.id }]),
+    class: normalizeClass(["drag-tool animate__animated", [{ active: _ctx.state.active === _ctx.id }, _ctx._animate]]),
     style: normalizeStyle(_ctx._style),
     onClick: _cache[4] || (_cache[4] = withModifiers((...args) => (_ctx.active && _ctx.active(...args)), ["stop"]))
   }, [
     (_ctx.mask)
-      ? (openBlock(), createElementBlock("div", _hoisted_1$b))
+      ? (openBlock(), createElementBlock("div", _hoisted_1$d))
       : createCommentVNode("v-if", true),
-    createElementVNode("div", _hoisted_2$8, [
+    createElementVNode("div", _hoisted_2$a, [
       createElementVNode("div", {
         class: "drag-btn",
         title: "添加当前组件",
@@ -24438,9 +24683,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     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 = defineComponent({
+const _sfc_main$g = defineComponent({
   name: 'DragBox',
   props: ['rule', 'tag', 'formCreateInject'],
   render(ctx) {
@@ -24470,7 +24715,7 @@ const _sfc_main$e = defineComponent({
     })
   },
 });
-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);
@@ -29142,19 +29387,19 @@ function isEmpty(value) {
   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"
@@ -29182,7 +29427,7 @@ const _hoisted_15$1 = {
   class: "com-search-col-input"
 };
 const _hoisted_16$1 = { class: "com-search-col pl-20" };
-var _sfc_main$d = /* @__PURE__ */ defineComponent({
+var _sfc_main$f = /* @__PURE__ */ defineComponent({
   __name: "ComSearch",
   setup(__props) {
     const DkTable = inject("DkTable");
@@ -29309,15 +29554,15 @@ var _sfc_main$d = /* @__PURE__ */ defineComponent({
                               }, {
                                 default: withCtx(() => [
                                   createCommentVNode(" \u5916\u90E8\u53EF\u4EE5\u4F7F\u7528 :deep() \u9009\u62E9\u5668\u4FEE\u6539css\u6837\u5F0F "),
-                                  createElementVNode("div", _hoisted_1$a, [
+                                  createElementVNode("div", _hoisted_1$c, [
                                     item.comSearchShowLabel !== false ? (openBlock(), createElementBlock(
                                       "div",
-                                      _hoisted_2$7,
+                                      _hoisted_2$9,
                                       toDisplayString(item.label),
                                       1
                                       /* TEXT */
                                     )) : createCommentVNode("v-if", true),
-                                    createElementVNode("div", _hoisted_3$5, [
+                                    createElementVNode("div", _hoisted_3$7, [
                                       createCommentVNode(" \u81EA\u5B9A\u4E49\u7EC4\u4EF6/\u51FD\u6570\u6E32\u67D3 "),
                                       item.comSearchRender == "customRender" ? (openBlock(), createBlock(resolveDynamicComponent(item.comSearchComponent), mergeProps({
                                         key: 0,
@@ -29349,15 +29594,15 @@ var _sfc_main$d = /* @__PURE__ */ defineComponent({
                                     span: spans.value.datetime
                                   }, {
                                     default: withCtx(() => [
-                                      createElementVNode("div", _hoisted_4$5, [
+                                      createElementVNode("div", _hoisted_4$7, [
                                         item.comSearchShowLabel !== false ? (openBlock(), createElementBlock(
                                           "div",
-                                          _hoisted_5$4,
+                                          _hoisted_5$5,
                                           toDisplayString(item.label),
                                           1
                                           /* TEXT */
                                         )) : createCommentVNode("v-if", true),
-                                        createElementVNode("div", _hoisted_6$4, [
+                                        createElementVNode("div", _hoisted_6$5, [
                                           createVNode(_component_el_date_picker, {
                                             modelValue: unref(DkTable).comSearch.form[item.prop],
                                             "onUpdate:modelValue": ($event) => unref(DkTable).comSearch.form[item.prop] = $event,
@@ -29388,7 +29633,7 @@ var _sfc_main$d = /* @__PURE__ */ defineComponent({
                                     span: spans.value.datetime
                                   }, {
                                     default: withCtx(() => [
-                                      createElementVNode("div", _hoisted_7$4, [
+                                      createElementVNode("div", _hoisted_7$5, [
                                         item.comSearchShowLabel !== false ? (openBlock(), createElementBlock(
                                           "div",
                                           _hoisted_8$4,
@@ -29661,33 +29906,33 @@ var _sfc_main$d = /* @__PURE__ */ defineComponent({
   }
 });
 
-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__ */ createElementVNode(
+const _hoisted_1$b = { class: "dk-table-header" };
+const _hoisted_2$8 = /* @__PURE__ */ createElementVNode(
   "span",
   { class: "m-l-5px" },
   "\u65B0\u589E",
   -1
   /* HOISTED */
 );
-const _hoisted_3$4 = /* @__PURE__ */ createElementVNode(
+const _hoisted_3$6 = /* @__PURE__ */ createElementVNode(
   "span",
   { class: "m-l-5px" },
   "\u7F16\u8F91",
   -1
   /* HOISTED */
 );
-const _hoisted_4$4 = { class: "m-l-5px" };
-const _hoisted_5$3 = /* @__PURE__ */ createElementVNode(
+const _hoisted_4$6 = { class: "m-l-5px" };
+const _hoisted_5$4 = /* @__PURE__ */ createElementVNode(
   "span",
   { class: "m-l-5px" },
   "\u5220\u9664",
   -1
   /* HOISTED */
 );
-const _hoisted_6$3 = { class: "table-header-operate-text" };
-const _hoisted_7$3 = /* @__PURE__ */ createElementVNode(
+const _hoisted_6$4 = { class: "table-header-operate-text" };
+const _hoisted_7$4 = /* @__PURE__ */ createElementVNode(
   "span",
   { class: "table-header-operate-text" },
   " \u56DE\u6536\u7AD9 ",
@@ -29697,11 +29942,11 @@ const _hoisted_7$3 = /* @__PURE__ */ createElementVNode(
 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 = defineComponent({
+const __default__$d = defineComponent({
   name: "DkTableHeader"
 });
-var _sfc_main$c = /* @__PURE__ */ defineComponent({
-  ...__default__$b,
+var _sfc_main$e = /* @__PURE__ */ defineComponent({
+  ...__default__$d,
   props: {
     size: {
       default: "small",
@@ -29793,7 +30038,7 @@ var _sfc_main$c = /* @__PURE__ */ defineComponent({
             _: 3
             /* FORWARDED */
           }),
-          createElementVNode("div", _hoisted_1$9, [
+          createElementVNode("div", _hoisted_1$b, [
             renderSlot(_ctx.$slots, "refreshPrepend"),
             props.buttons.includes("refresh") ? (openBlock(), createBlock(_component_el_tooltip, {
               key: 0,
@@ -29832,7 +30077,7 @@ var _sfc_main$c = /* @__PURE__ */ defineComponent({
                 }, {
                   default: withCtx(() => [
                     createVNode(_component_dk_icon, { icon: "typcn:plus" }),
-                    _hoisted_2$6
+                    _hoisted_2$8
                   ]),
                   _: 1
                   /* STABLE */
@@ -29857,7 +30102,7 @@ var _sfc_main$c = /* @__PURE__ */ defineComponent({
                 }, {
                   default: withCtx(() => [
                     createVNode(_component_dk_icon, { icon: "typcn:edit" }),
-                    _hoisted_3$4
+                    _hoisted_3$6
                   ]),
                   _: 1
                   /* STABLE */
@@ -29878,7 +30123,7 @@ var _sfc_main$c = /* @__PURE__ */ defineComponent({
               onConfirm: _cache[3] || (_cache[3] = ($event) => onAction("delete"))
             }, {
               reference: withCtx(() => [
-                createElementVNode("div", _hoisted_4$4, [
+                createElementVNode("div", _hoisted_4$6, [
                   createVNode(_component_el_tooltip, {
                     content: "\u5220\u9664\u6240\u9009\u884C",
                     placement: "top"
@@ -29892,7 +30137,7 @@ var _sfc_main$c = /* @__PURE__ */ defineComponent({
                         default: withCtx(() => [
                           createCommentVNode('                <Icon name="fa fa-trash" />'),
                           createVNode(_component_dk_icon, { icon: "typcn:trash" }),
-                          _hoisted_5$3
+                          _hoisted_5$4
                         ]),
                         _: 1
                         /* STABLE */
@@ -29924,7 +30169,7 @@ var _sfc_main$c = /* @__PURE__ */ defineComponent({
                   default: withCtx(() => [
                     createElementVNode(
                       "span",
-                      _hoisted_6$3,
+                      _hoisted_6$4,
                       toDisplayString(unref(DkTable).table.expandAll ? "\u6536\u7F29\u6240\u6709" : "\u5C55\u5F00\u6240\u6709"),
                       1
                       /* TEXT */
@@ -29951,7 +30196,7 @@ var _sfc_main$c = /* @__PURE__ */ defineComponent({
                   onClick: _cache[5] || (_cache[5] = ($event) => onAction("recycle"))
                 }, {
                   default: withCtx(() => [
-                    _hoisted_7$3
+                    _hoisted_7$4
                   ]),
                   _: 1
                   /* STABLE */
@@ -30069,21 +30314,21 @@ var _sfc_main$c = /* @__PURE__ */ defineComponent({
   }
 });
 
-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 };
@@ -30106,11 +30351,11 @@ const _hoisted_17 = {
   key: 0,
   class: "table-operate-text"
 };
-const __default__$a = defineComponent({
+const __default__$c = defineComponent({
   name: "DkFieldRender"
 });
-var _sfc_main$b = /* @__PURE__ */ defineComponent({
-  ...__default__$a,
+var _sfc_main$d = /* @__PURE__ */ defineComponent({
+  ...__default__$c,
   props: {
     row: { type: null, required: true },
     field: { type: null, required: true },
@@ -30161,11 +30406,11 @@ var _sfc_main$b = /* @__PURE__ */ defineComponent({
         null,
         [
           createCommentVNode("\u56FE\u6807"),
-          _ctx.field.render == "icon" ? (openBlock(), createElementBlock("div", _hoisted_1$8, [
+          _ctx.field.render == "icon" ? (openBlock(), createElementBlock("div", _hoisted_1$a, [
             fieldValue.value || _ctx.field.default ? (openBlock(), createBlock(_component_dk_icon, {
               key: 0,
               icon: fieldValue.value ? fieldValue.value : _ctx.field.default
-            }, null, 8, ["icon"])) : (openBlock(), createElementBlock("span", _hoisted_2$5, "-"))
+            }, null, 8, ["icon"])) : (openBlock(), createElementBlock("span", _hoisted_2$7, "-"))
           ])) : createCommentVNode("v-if", true),
           createCommentVNode("\u5F00\u5173"),
           _ctx.field.render == "switch" && fieldValue.value !== "" ? (openBlock(), createBlock(_component_el_switch, {
@@ -30177,7 +30422,7 @@ var _sfc_main$b = /* @__PURE__ */ defineComponent({
             onChange: onChangeField
           }, null, 8, ["model-value", "loading"])) : createCommentVNode("v-if", true),
           createCommentVNode(" \u5355\u56FE "),
-          _ctx.field.render == "image" && fieldValue.value ? (openBlock(), createElementBlock("div", _hoisted_3$3, [
+          _ctx.field.render == "image" && fieldValue.value ? (openBlock(), createElementBlock("div", _hoisted_3$5, [
             createVNode(_component_el_image, {
               "hide-on-click-modal": true,
               "preview-teleported": true,
@@ -30188,7 +30433,7 @@ var _sfc_main$b = /* @__PURE__ */ defineComponent({
             }, null, 8, ["preview-src-list", "src"])
           ])) : createCommentVNode("v-if", true),
           createCommentVNode("\u591A\u56FE\u7247"),
-          _ctx.field.render == "images" ? (openBlock(), createElementBlock("div", _hoisted_4$3, [
+          _ctx.field.render == "images" ? (openBlock(), createElementBlock("div", _hoisted_4$5, [
             Array.isArray(fieldValue.value) && fieldValue.value.length ? (openBlock(true), createElementBlock(
               Fragment,
               { key: 0 },
@@ -30208,7 +30453,7 @@ var _sfc_main$b = /* @__PURE__ */ defineComponent({
               /* KEYED_FRAGMENT */
             )) : createCommentVNode("v-if", true)
           ])) : createCommentVNode("v-if", true),
-          _ctx.field.render == "tag" && fieldValue.value !== "" ? (openBlock(), createElementBlock("div", _hoisted_5$2, [
+          _ctx.field.render == "tag" && fieldValue.value !== "" ? (openBlock(), createElementBlock("div", _hoisted_5$3, [
             createVNode(_component_el_tag, {
               type: getTagType(fieldValue.value, _ctx.field.custom),
               effect: _ctx.field.effect ?? "light",
@@ -30226,7 +30471,7 @@ var _sfc_main$b = /* @__PURE__ */ defineComponent({
             }, 8, ["type", "effect", "size"])
           ])) : createCommentVNode("v-if", true),
           createCommentVNode(" tags "),
-          _ctx.field.render == "tags" ? (openBlock(), createElementBlock("div", _hoisted_6$2, [
+          _ctx.field.render == "tags" ? (openBlock(), createElementBlock("div", _hoisted_6$3, [
             Array.isArray(fieldValue.value) ? (openBlock(true), createElementBlock(
               Fragment,
               { key: 0 },
@@ -30286,7 +30531,7 @@ var _sfc_main$b = /* @__PURE__ */ defineComponent({
             ))
           ])) : createCommentVNode("v-if", true),
           createCommentVNode(" url "),
-          _ctx.field.render == "url" && fieldValue.value ? (openBlock(), createElementBlock("div", _hoisted_7$2, [
+          _ctx.field.render == "url" && fieldValue.value ? (openBlock(), createElementBlock("div", _hoisted_7$3, [
             createVNode(_component_el_input, {
               "model-value": fieldValue.value,
               placeholder: "\u94FE\u63A5\u5730\u5740"
@@ -30535,33 +30780,33 @@ var _sfc_main$b = /* @__PURE__ */ defineComponent({
   }
 });
 
-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__ */ createElementVNode(
+const _hoisted_1$9 = { class: "dk-table-header" };
+const _hoisted_2$6 = /* @__PURE__ */ createElementVNode(
   "span",
   { class: "m-l-5px" },
   "\u8FD8\u539F",
   -1
   /* HOISTED */
 );
-const _hoisted_3$2 = /* @__PURE__ */ createElementVNode(
+const _hoisted_3$4 = /* @__PURE__ */ createElementVNode(
   "span",
   { class: "m-l-5px" },
   "\u9500\u6BC1",
   -1
   /* HOISTED */
 );
-const _hoisted_4$2 = { class: "m-l-6px" };
-const _hoisted_5$1 = /* @__PURE__ */ createElementVNode(
+const _hoisted_4$4 = { class: "m-l-6px" };
+const _hoisted_5$2 = /* @__PURE__ */ 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__ */ createElementVNode(
+const _hoisted_6$2 = { class: "m-l-5px" };
+const _hoisted_7$2 = /* @__PURE__ */ createElementVNode(
   "span",
   { class: "m-l-5px" },
   "\u6E05\u7A7A\u5168\u90E8",
@@ -30569,11 +30814,11 @@ const _hoisted_7$1 = /* @__PURE__ */ createElementVNode(
   /* HOISTED */
 );
 const _hoisted_8$1 = { class: "table-search" };
-const __default__$9 = defineComponent({
+const __default__$b = defineComponent({
   name: "RecycleDialog"
 });
-var _sfc_main$a = /* @__PURE__ */ defineComponent({
-  ...__default__$9,
+var _sfc_main$c = /* @__PURE__ */ defineComponent({
+  ...__default__$b,
   setup(__props) {
     const DkTable = inject("DkTable");
     const onSearchInput = () => {
@@ -30625,7 +30870,7 @@ var _sfc_main$a = /* @__PURE__ */ defineComponent({
         class: "dk-table"
       }, {
         default: withCtx(() => [
-          createElementVNode("div", _hoisted_1$7, [
+          createElementVNode("div", _hoisted_1$9, [
             createVNode(_component_el_button, {
               class: "table-header-operate",
               type: "info",
@@ -30645,7 +30890,7 @@ var _sfc_main$a = /* @__PURE__ */ defineComponent({
             }, {
               default: withCtx(() => [
                 createVNode(_component_dk_icon, { icon: "RefreshLeft" }),
-                _hoisted_2$4
+                _hoisted_2$6
               ]),
               _: 1
               /* STABLE */
@@ -30658,7 +30903,7 @@ var _sfc_main$a = /* @__PURE__ */ defineComponent({
             }, {
               default: withCtx(() => [
                 createVNode(_component_dk_icon, { icon: "CloseBold" }),
-                _hoisted_3$2
+                _hoisted_3$4
               ]),
               _: 1
               /* STABLE */
@@ -30671,14 +30916,14 @@ var _sfc_main$a = /* @__PURE__ */ defineComponent({
               onConfirm: _cache[3] || (_cache[3] = ($event) => restore(null))
             }, {
               reference: withCtx(() => [
-                createElementVNode("div", _hoisted_4$2, [
+                createElementVNode("div", _hoisted_4$4, [
                   createVNode(_component_el_button, {
                     class: "table-header-operate",
                     type: "success"
                   }, {
                     default: withCtx(() => [
                       createVNode(_component_dk_icon, { icon: "RefreshLeft" }),
-                      _hoisted_5$1
+                      _hoisted_5$2
                     ]),
                     _: 1
                     /* STABLE */
@@ -30696,14 +30941,14 @@ var _sfc_main$a = /* @__PURE__ */ defineComponent({
               onConfirm: _cache[4] || (_cache[4] = ($event) => destroy(null))
             }, {
               reference: withCtx(() => [
-                createElementVNode("div", _hoisted_6$1, [
+                createElementVNode("div", _hoisted_6$2, [
                   createVNode(_component_el_button, {
                     class: "table-header-operate",
                     type: "danger"
                   }, {
                     default: withCtx(() => [
                       createVNode(_component_dk_icon, { icon: "CloseBold" }),
-                      _hoisted_7$1
+                      _hoisted_7$2
                     ]),
                     _: 1
                     /* STABLE */
@@ -30794,15 +31039,15 @@ var _sfc_main$a = /* @__PURE__ */ defineComponent({
   }
 });
 
-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 = defineComponent({
+const _hoisted_1$8 = { class: "dk-table" };
+const _hoisted_2$5 = { class: "table-pagination" };
+const __default__$a = defineComponent({
   name: "DkTable"
 });
-var _sfc_main$9 = /* @__PURE__ */ defineComponent({
-  ...__default__$8,
+var _sfc_main$b = /* @__PURE__ */ defineComponent({
+  ...__default__$a,
   props: tableProps,
   setup(__props, { expose: __expose }) {
     const props = __props;
@@ -30923,7 +31168,7 @@ var _sfc_main$9 = /* @__PURE__ */ defineComponent({
         Fragment,
         null,
         [
-          createElementVNode("div", _hoisted_1$6, [
+          createElementVNode("div", _hoisted_1$8, [
             createCommentVNode("\u9876\u90E8\u83DC\u5355"),
             createVNode(
               DkTableHeader,
@@ -31024,7 +31269,7 @@ var _sfc_main$9 = /* @__PURE__ */ defineComponent({
             }, 16, ["default-expand-all", "data", "row-key"])), [
               [_directive_loading, unref(DkTable).table.loading]
             ]),
-            createElementVNode("div", _hoisted_2$3, [
+            createElementVNode("div", _hoisted_2$5, [
               createVNode(_component_el_pagination, {
                 "current-page": unref(DkTable).table.filter.page,
                 "page-size": unref(DkTable).table.filter.limit,
@@ -31072,7 +31317,7 @@ var _sfc_main$9 = /* @__PURE__ */ defineComponent({
   }
 });
 
-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);
 
@@ -31372,11 +31617,11 @@ const selectProps = {
   }
 };
 
-const __default__$7 = defineComponent({
+const __default__$9 = defineComponent({
   name: "DkSelect"
 });
-var _sfc_main$8 = /* @__PURE__ */ defineComponent({
-  ...__default__$7,
+var _sfc_main$a = /* @__PURE__ */ defineComponent({
+  ...__default__$9,
   props: selectProps,
   emits: ["update:modelValue", "change", "visible-change", "remove-tag", "clear", "blur", "focus"],
   setup(__props, { emit }) {
@@ -31445,7 +31690,7 @@ var _sfc_main$8 = /* @__PURE__ */ defineComponent({
   }
 });
 
-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);
 
@@ -31588,7 +31833,7 @@ function styleInject(css, ref) {
 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__ */ defineComponent({
+var _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "quick-action",
   props: {
     index: {
@@ -31781,20 +32026,20 @@ var _sfc_main$7 = /* @__PURE__ */ defineComponent({
   }
 });
 
-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__ */ createElementVNode(
+const _hoisted_1$7 = /* @__PURE__ */ createElementVNode(
   "div",
   null,
   "\u7528\u6237\u6635\u79F0",
   -1
   /* HOISTED */
 );
-const __default__$6 = defineComponent({
+const __default__$8 = defineComponent({
   name: "DkPosterViewName"
 });
-var _sfc_main$6 = /* @__PURE__ */ defineComponent({
-  ...__default__$6,
+var _sfc_main$8 = /* @__PURE__ */ defineComponent({
+  ...__default__$8,
   props: {
     item: {
       default: () => {
@@ -31839,7 +32084,7 @@ var _sfc_main$6 = /* @__PURE__ */ defineComponent({
             trigger: "contextmenu"
           }, {
             reference: withCtx(() => [
-              _hoisted_1$5
+              _hoisted_1$7
             ]),
             default: withCtx(() => [
               createVNode(_component_el_form, {
@@ -31933,14 +32178,14 @@ var _sfc_main$6 = /* @__PURE__ */ defineComponent({
   }
 });
 
-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 = defineComponent({
+const _hoisted_1$6 = { class: "text" };
+const __default__$7 = defineComponent({
   name: "DkPosterViewText"
 });
-var _sfc_main$5 = /* @__PURE__ */ defineComponent({
-  ...__default__$5,
+var _sfc_main$7 = /* @__PURE__ */ defineComponent({
+  ...__default__$7,
   props: {
     item: {
       default: () => {
@@ -31975,7 +32220,7 @@ var _sfc_main$5 = /* @__PURE__ */ defineComponent({
       const _component_el_color_picker = resolveComponent("el-color-picker");
       const _component_el_form = resolveComponent("el-form");
       const _component_el_popover = resolveComponent("el-popover");
-      return openBlock(), createElementBlock("div", _hoisted_1$4, [
+      return openBlock(), createElementBlock("div", _hoisted_1$6, [
         createVNode(_component_el_popover, {
           placement: "right",
           width: "400",
@@ -32081,26 +32326,26 @@ var _sfc_main$5 = /* @__PURE__ */ defineComponent({
   }
 });
 
-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__ */ createElementVNode(
+const _hoisted_3$3 = /* @__PURE__ */ 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 = defineComponent({
+const _hoisted_4$3 = { style: { "position": "relative" } };
+const __default__$6 = defineComponent({
   name: "DkPosterViewImage"
 });
-var _sfc_main$4 = /* @__PURE__ */ defineComponent({
-  ...__default__$4,
+var _sfc_main$6 = /* @__PURE__ */ defineComponent({
+  ...__default__$6,
   props: {
     item: {
       default: () => {
@@ -32153,7 +32398,7 @@ var _sfc_main$4 = /* @__PURE__ */ defineComponent({
       const _component_dk_icon = resolveComponent("dk-icon");
       const _component_el_image = resolveComponent("el-image");
       const _component_el_popover = resolveComponent("el-popover");
-      return openBlock(), createElementBlock("div", _hoisted_1$3, [
+      return openBlock(), createElementBlock("div", _hoisted_1$5, [
         createVNode(_component_el_popover, {
           trigger: "contextmenu",
           placement: "right",
@@ -32161,16 +32406,16 @@ var _sfc_main$4 = /* @__PURE__ */ defineComponent({
           title: "\u7F16\u8F91\u4E8C\u7EF4\u7801"
         }, {
           reference: withCtx(() => [
-            !item.image ? (openBlock(), createElementBlock("div", _hoisted_2$2, [
+            !item.image ? (openBlock(), createElementBlock("div", _hoisted_2$4, [
               createVNode(_component_dk_icon, {
                 icon: "Picture",
                 color: "#ccc",
                 "hover-color": "#ccc",
                 style: normalizeStyle([{ "width": "100%" }, { fontSize: item.css.height + "px" }])
               }, null, 8, ["style"]),
-              _hoisted_3$1
+              _hoisted_3$3
             ])) : createCommentVNode("v-if", true),
-            createElementVNode("div", _hoisted_4$1, [
+            createElementVNode("div", _hoisted_4$3, [
               createVNode(_component_el_image, {
                 src: item.image,
                 style: normalizeStyle({ width: item.css.width + "px", height: item.css.height + "px" })
@@ -32234,15 +32479,15 @@ var _sfc_main$4 = /* @__PURE__ */ defineComponent({
   }
 });
 
-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 = 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 = defineComponent({
   name: "DkPosterViewAvatar"
 });
-var _sfc_main$3 = /* @__PURE__ */ defineComponent({
-  ...__default__$3,
+var _sfc_main$5 = /* @__PURE__ */ defineComponent({
+  ...__default__$5,
   props: {
     item: {
       default: () => {
@@ -32265,14 +32510,14 @@ var _sfc_main$3 = /* @__PURE__ */ defineComponent({
       const _component_el_form = resolveComponent("el-form");
       const _component_dk_icon = resolveComponent("dk-icon");
       const _component_el_popover = resolveComponent("el-popover");
-      return openBlock(), createElementBlock("div", _hoisted_1$2, [
+      return openBlock(), createElementBlock("div", _hoisted_1$4, [
         createVNode(_component_el_popover, {
           placement: "right",
           width: "400",
           trigger: "contextmenu"
         }, {
           reference: withCtx(() => [
-            createElementVNode("div", _hoisted_2$1, [
+            createElementVNode("div", _hoisted_2$3, [
               createVNode(_component_dk_icon, {
                 icon: "emojione:cat-face",
                 size: item.css.width / 1.2
@@ -32336,13 +32581,13 @@ var _sfc_main$3 = /* @__PURE__ */ defineComponent({
   }
 });
 
-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 = defineComponent({
+const __default__$4 = defineComponent({
   name: "DkPosterViewQrcode"
 });
-var _sfc_main$2 = /* @__PURE__ */ defineComponent({
-  ...__default__$2,
+var _sfc_main$4 = /* @__PURE__ */ defineComponent({
+  ...__default__$4,
   props: {
     item: {
       default: () => {
@@ -32478,21 +32723,21 @@ var _sfc_main$2 = /* @__PURE__ */ defineComponent({
   }
 });
 
-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__ */ 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__ */ 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__ */ createElementVNode(
   "div",
   { style: { "font-size": "12px", "color": "#999" } },
@@ -32505,7 +32750,7 @@ const _hoisted_8 = /* @__PURE__ */ createElementVNode(
   /* HOISTED */
 );
 const _hoisted_9 = { style: { "width": "100%", "text-align": "center" } };
-const __default__$1 = defineComponent({
+const __default__$3 = defineComponent({
   name: "DkPoster",
   components: {
     DkPosterViewName,
@@ -32515,8 +32760,8 @@ const __default__$1 = defineComponent({
     DkPosterViewQrcode
   }
 });
-var _sfc_main$1 = /* @__PURE__ */ defineComponent({
-  ...__default__$1,
+var _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  ...__default__$3,
   props: {
     modelValue: {
       default: () => {
@@ -32715,9 +32960,9 @@ var _sfc_main$1 = /* @__PURE__ */ defineComponent({
       const _component_dk_image_input = resolveComponent("dk-image-input");
       const _component_el_slider = resolveComponent("el-slider");
       const _component_el_row = resolveComponent("el-row");
-      return openBlock(), createElementBlock("div", _hoisted_1$1, [
-        createElementVNode("div", _hoisted_2, [
-          createElementVNode("div", _hoisted_3, [
+      return openBlock(), createElementBlock("div", _hoisted_1$3, [
+        createElementVNode("div", _hoisted_2$2, [
+          createElementVNode("div", _hoisted_3$2, [
             createElementVNode(
               "div",
               {
@@ -32777,7 +33022,7 @@ var _sfc_main$1 = /* @__PURE__ */ defineComponent({
                           onMousedown: ($event) => index.value = key
                         }, {
                           default: withCtx(() => [
-                            createElementVNode("div", _hoisted_4, [
+                            createElementVNode("div", _hoisted_4$2, [
                               (openBlock(), createBlock(resolveDynamicComponent(item.component), {
                                 key,
                                 item,
@@ -32803,7 +33048,7 @@ var _sfc_main$1 = /* @__PURE__ */ defineComponent({
             )
           ]),
           createCommentVNode("\u60AC\u6D6E\u63A7\u4EF6"),
-          createElementVNode("div", _hoisted_5, [
+          createElementVNode("div", _hoisted_5$1, [
             createVNode(_component_el_form, {
               inline: true,
               model: formTools,
@@ -32851,7 +33096,7 @@ var _sfc_main$1 = /* @__PURE__ */ defineComponent({
           },
           {
             default: withCtx(() => [
-              _hoisted_6,
+              _hoisted_6$1,
               createVNode(_component_el_row, {
                 gutter: 20,
                 style: { "width": "100%", "height": "600px", "padding": "0 20px" }
@@ -32861,7 +33106,7 @@ var _sfc_main$1 = /* @__PURE__ */ defineComponent({
                     default: withCtx(() => [
                       createVNode(_component_el_form_item, { label: "\u5143\u7D20" }, {
                         default: withCtx(() => [
-                          createElementVNode("div", _hoisted_7, [
+                          createElementVNode("div", _hoisted_7$1, [
                             createVNode(_component_el_button, {
                               type: "primary",
                               size: "small",
@@ -33066,14 +33311,14 @@ var _sfc_main$1 = /* @__PURE__ */ defineComponent({
   }
 });
 
-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__ = defineComponent({
+const _hoisted_1$2 = { class: "dk-poster-input" };
+const __default__$2 = defineComponent({
   name: "DkPosterInput"
 });
-var _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
+var _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  ...__default__$2,
   props: posterInputProps,
   emits: ["input", "update:modelValue", "change"],
   setup(__props, { emit }) {
@@ -33111,7 +33356,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       const _component_el_button = resolveComponent("el-button");
       const _component_dk_dialog = resolveComponent("dk-dialog");
-      return openBlock(), createElementBlock("div", _hoisted_1, [
+      return openBlock(), createElementBlock("div", _hoisted_1$2, [
         createVNode(_component_el_button, {
           onClick: _cache[0] || (_cache[0] = ($event) => showPoster())
         }, {
@@ -33151,11 +33396,313 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
   }
 });
 
-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__ */ 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__ */ 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__ */ 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 = defineComponent({
+  name: "DkStyleAnimationInput"
+});
+var _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  ...__default__$1,
+  props: styleAnimationInputProps,
+  emits: ["update:modelValue"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const form = reactive({
+      animationDelay: 0,
+      animationDuration: 1,
+      animationIterationCount: 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
+      );
+    };
+    watch(
+      () => props.modelValue,
+      () => {
+        init();
+      }
+    );
+    onMounted(() => {
+      init();
+    });
+    return (_ctx, _cache) => {
+      const _component_el_input_number = resolveComponent("el-input-number");
+      const _component_el_form_item = resolveComponent("el-form-item");
+      return openBlock(), createElementBlock("div", _hoisted_1$1, [
+        createVNode(_component_el_form_item, { label: "\u5EF6\u8FDF\u6267\u884C" }, {
+          default: withCtx(() => [
+            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 */
+        }),
+        createVNode(_component_el_form_item, { label: "\u52A8\u753B\u65F6\u957F" }, {
+          default: withCtx(() => [
+            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 */
+        }),
+        createVNode(_component_el_form_item, { label: "\u5FAA\u73AF\u6B21\u6570" }, {
+          default: withCtx(() => [
+            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__ = defineComponent({
+  name: "DkAnimateSelect"
+});
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: animateSelectProps,
+  emits: ["input", "update:modelValue", "change"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const tabType = ref("loop");
+    const show = ref(false);
+    const value = ref(props.modelValue);
+    const chooseAnimate = (val) => {
+      value.value = val;
+    };
+    watch(
+      () => props.modelValue,
+      (val) => {
+        value.value = val;
+      }
+    );
+    watch(
+      () => value.value,
+      (val) => {
+        emit("change", val);
+        emit("update:modelValue", val);
+        emit("input", val);
+      }
+    );
+    return (_ctx, _cache) => {
+      const _component_el_button = resolveComponent("el-button");
+      const _component_el_button_group = resolveComponent("el-button-group");
+      const _component_el_card = resolveComponent("el-card");
+      const _component_el_tab_pane = resolveComponent("el-tab-pane");
+      const _component_el_tabs = resolveComponent("el-tabs");
+      const _component_dk_dialog = resolveComponent("dk-dialog");
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(_component_el_button_group, null, {
+          default: withCtx(() => [
+            createVNode(_component_el_button, {
+              type: !value.value ? "primary" : "danger",
+              plain: "",
+              onClick: _cache[0] || (_cache[0] = ($event) => show.value = true)
+            }, {
+              default: withCtx(() => [
+                createTextVNode(
+                  toDisplayString(!value.value ? "\u8BF7\u9009\u62E9\u52A8\u753B" : "\u5DF2\u9009\u62E9\u52A8\u753B"),
+                  1
+                  /* TEXT */
+                )
+              ]),
+              _: 1
+              /* STABLE */
+            }, 8, ["type"]),
+            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 */
+        }),
+        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: withCtx(() => [
+            createElementVNode("div", _hoisted_2, [
+              createCommentVNode("\u9884\u89C8\u533A"),
+              createElementVNode("div", _hoisted_3, [
+                createVNode(_component_el_card, {
+                  class: normalizeClass(["animate__" + value.value]),
+                  style: { animationDelay: "0s", animationDuration: "1s", animationIterationCount: "1" }
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(" \u9884\u89C8\u533A ")
+                  ]),
+                  _: 1
+                  /* STABLE */
+                }, 8, ["class"])
+              ]),
+              createCommentVNode("\u9009\u62E9\u533A"),
+              createElementVNode("div", _hoisted_4, [
+                createVNode(_component_el_tabs, {
+                  modelValue: tabType.value,
+                  "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => tabType.value = $event),
+                  class: "demo-tabs"
+                }, {
+                  default: withCtx(() => [
+                    (openBlock(true), createElementBlock(
+                      Fragment,
+                      null,
+                      renderList(unref(Animates), (item, key) => {
+                        return openBlock(), createBlock(_component_el_tab_pane, {
+                          key,
+                          label: item.label,
+                          name: item.name
+                        }, {
+                          default: withCtx(() => [
+                            createElementVNode("ul", _hoisted_5, [
+                              (openBlock(true), createElementBlock(
+                                Fragment,
+                                null,
+                                renderList(item.animate, (a, k) => {
+                                  return openBlock(), createElementBlock("li", {
+                                    key: k,
+                                    class: normalizeClass(value.value == a.value ? "choose" : ""),
+                                    onClick: ($event) => chooseAnimate(a.value)
+                                  }, toDisplayString(a.label), 11, _hoisted_6);
+                                }),
+                                128
+                                /* KEYED_FRAGMENT */
+                              ))
+                            ])
+                          ]),
+                          _: 2
+                          /* DYNAMIC */
+                        }, 1032, ["label", "name"]);
+                      }),
+                      128
+                      /* KEYED_FRAGMENT */
+                    ))
+                  ]),
+                  _: 1
+                  /* STABLE */
+                }, 8, ["modelValue"])
+              ])
+            ]),
+            createElementVNode("div", _hoisted_7, [
+              createVNode(_component_el_button, {
+                type: "primary",
+                style: { "width": "220px" },
+                onClick: _cache[3] || (_cache[3] = ($event) => show.value = false)
+              }, {
+                default: withCtx(() => [
+                  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,
@@ -33219,6 +33766,10 @@ const components = [
   StylePositionInput,
   // 样式文字
   StyleNumberInput,
+  // 动画配置
+  StyleAnimationInput,
+  // 动画class选择
+  AnimateSelect,
   // 数据表格
   Table,
   // 选择
@@ -33256,4 +33807,4 @@ var index = {
   install
 };
 
-export { Attachment, AttachmentDialog, AudioInput, AudioListInput, BoxSizeInput, ColorInput, FileInput, FileListInput, Form, Group, HotAreaInput, Icon, IconContent, IconDialog, IconInput, ImageInput, ImageListInput, PageDiy, Poster, PosterInput, Select, StyleBackgroundInput, StyleBorderInput, StyleBoxInput, StyleFontInput, StyleInput, StyleNumberInput, StylePositionInput, StyleShadowContent, StyleShadowInput, Table, Test, TinyEditor, VideoInput, VideoListInput, attachmentDialogProps, attachmentProps, audioInputProps, audioListInputProps, boxSizeInputProps, colorInputProps, index as default, fileInputProps, fileListInputProps, formProps, groupProps, hotAreaInputProps, iconContentProps, iconDialogProps, iconInputProps, iconProps, imageInputProps, imageListInputProps, install, pageDiyProps, posterInputProps, selectProps, shadowInputProps, styleBackgroundInputProps, styleBorderInputProps, styleBoxInputProps, styleFontInputProps, styleInputProps, styleNumberInputProps, stylePositionInputProps, tableProps, testProps, tinyEditorProps, videoInputProps, videoListInputProps };
+export { AnimateSelect, Attachment, AttachmentDialog, AudioInput, AudioListInput, BoxSizeInput, ColorInput, FileInput, FileListInput, Form, Group, HotAreaInput, Icon, IconContent, IconDialog, IconInput, ImageInput, ImageListInput, PageDiy, Poster, PosterInput, Select, StyleAnimationInput, StyleBackgroundInput, StyleBorderInput, StyleBoxInput, StyleFontInput, StyleInput, StyleNumberInput, StylePositionInput, StyleShadowContent, StyleShadowInput, Table, Test, TinyEditor, VideoInput, VideoListInput, animateSelectProps, attachmentDialogProps, attachmentProps, audioInputProps, audioListInputProps, boxSizeInputProps, colorInputProps, index as default, fileInputProps, fileListInputProps, formProps, groupProps, hotAreaInputProps, iconContentProps, iconDialogProps, iconInputProps, iconProps, imageInputProps, imageListInputProps, install, pageDiyProps, posterInputProps, selectProps, shadowInputProps, styleAnimationInputProps, styleBackgroundInputProps, styleBorderInputProps, styleBoxInputProps, styleFontInputProps, styleInputProps, styleNumberInputProps, stylePositionInputProps, tableProps, testProps, tinyEditorProps, videoInputProps, videoListInputProps };