@vipl520/dk-ui 1.0.17 → 1.0.19

package/dist/index.js

@@ -763,11 +763,11 @@
     }
   };
 
-  const _hoisted_1$R = { class: "mr-10px bg-black" };
+  const _hoisted_1$S = { class: "mr-10px bg-black" };
   const __default__$J = require$$0.defineComponent({
     name: "DkTest"
   });
-  var _sfc_main$16 = /* @__PURE__ */ require$$0.defineComponent({
+  var _sfc_main$17 = /* @__PURE__ */ require$$0.defineComponent({
     ...__default__$J,
     props: testProps,
     setup(__props) {
@@ -795,7 +795,7 @@
             }),
             require$$0.createElementVNode(
               "div",
-              _hoisted_1$R,
+              _hoisted_1$S,
               require$$0.toDisplayString(_ctx.test),
               1
               /* TEXT */
@@ -816,7 +816,7 @@
     return target;
   };
 
-  var _Test = /* @__PURE__ */ _export_sfc(_sfc_main$16, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\test\\src\\test.vue"]]);
+  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"]]);
 
   const Test = withInstall(_Test);
 
@@ -9877,13 +9877,13 @@
     }
   };
 
-  const _hoisted_1$Q = { key: 1 };
-  const _hoisted_2$C = { class: "collapse-title" };
-  const _hoisted_3$q = { class: "_dk-group-handle" };
+  const _hoisted_1$R = { key: 1 };
+  const _hoisted_2$D = { class: "collapse-title" };
+  const _hoisted_3$r = { class: "_dk-group-handle" };
   const __default__$I = require$$0.defineComponent({
     name: "DkGroup"
   });
-  var _sfc_main$15 = /* @__PURE__ */ require$$0.defineComponent({
+  var _sfc_main$16 = /* @__PURE__ */ require$$0.defineComponent({
     ...__default__$I,
     props: groupProps,
     emits: [
@@ -10134,7 +10134,7 @@
               _: 1
               /* STABLE */
             })) : require$$0.createCommentVNode("v-if", true),
-            data.sort.length === 0 ? (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$Q, [
+            data.sort.length === 0 ? (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$R, [
               (require$$0.openBlock(), require$$0.createBlock(_component_el_button, {
                 key: "a_def",
                 style: { "width": "100%" },
@@ -10160,7 +10160,7 @@
                   name: index
                 }, {
                   title: require$$0.withCtx(() => [
-                    require$$0.createElementVNode("div", _hoisted_2$C, [
+                    require$$0.createElementVNode("div", _hoisted_2$D, [
                       require$$0.createVNode(_component_dk_icon, {
                         icon: "Rank",
                         class: "collapse-title-rank"
@@ -10190,7 +10190,7 @@
                         onEmitEvent: (name, ...args) => emitEvent(name, args, index),
                         "onUpdate:api": ($f) => add$f(index, $f)
                       }, null, 8, ["model-value", "rule", "option", "onUpdate:modelValue", "onEmitEvent", "onUpdate:api"])),
-                      require$$0.createElementVNode("div", _hoisted_3$q, [
+                      require$$0.createElementVNode("div", _hoisted_3$r, [
                         require$$0.createVNode(
                           _component_el_button_group,
                           null,
@@ -10231,7 +10231,7 @@
     }
   });
 
-  var _Group = /* @__PURE__ */ _export_sfc(_sfc_main$15, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\group\\src\\group.vue"]]);
+  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"]]);
 
   const Group = withInstall(_Group);
 
@@ -10355,13 +10355,13 @@
     }
   };
 
-  const _hoisted_1$P = { key: 0 };
-  const _hoisted_2$B = { key: 1 };
-  const _hoisted_3$p = { class: "text-center" };
+  const _hoisted_1$Q = { key: 0 };
+  const _hoisted_2$C = { key: 1 };
+  const _hoisted_3$q = { class: "text-center" };
   const __default__$H = require$$0.defineComponent({
     name: "DkTinyEditor"
   });
-  var _sfc_main$14 = /* @__PURE__ */ require$$0.defineComponent({
+  var _sfc_main$15 = /* @__PURE__ */ require$$0.defineComponent({
     ...__default__$H,
     props: tinyEditorProps,
     emits: ["input", "update:modelValue", "change"],
@@ -10454,7 +10454,7 @@
             class: "dk-tiny-editor"
           },
           [
-            showDialog.value ? (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$P, [
+            showDialog.value ? (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$Q, [
               require$$0.createVNode(require$$0.unref(Editor), {
                 ref_key: "editorRef",
                 ref: editorRef,
@@ -10464,7 +10464,7 @@
                 "tinymce-script-src": tinymceSrc.value,
                 onDblclick: ondblclick
               }, null, 8, ["modelValue", "init", "tinymce-script-src"])
-            ])) : (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_2$B, [
+            ])) : (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_2$C, [
               require$$0.createVNode(_component_el_button, {
                 type: "primary",
                 plain: "",
@@ -10488,7 +10488,7 @@
                 width: "900px"
               }, {
                 footer: require$$0.withCtx(() => [
-                  require$$0.createElementVNode("div", _hoisted_3$p, [
+                  require$$0.createElementVNode("div", _hoisted_3$q, [
                     require$$0.createVNode(_component_el_button, {
                       type: "primary",
                       style: { "width": "200px" },
@@ -10537,7 +10537,7 @@
     }
   });
 
-  var _TinyEditor = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["__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$15, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\tiny-editor\\src\\tiny-editor.vue"]]);
 
   const TinyEditor = withInstall(_TinyEditor);
 
@@ -10569,7 +10569,7 @@
   const __default__$G = require$$0.defineComponent({
     name: "DkIcon"
   });
-  var _sfc_main$13 = /* @__PURE__ */ require$$0.defineComponent({
+  var _sfc_main$14 = /* @__PURE__ */ require$$0.defineComponent({
     ...__default__$G,
     props: iconProps,
     setup(__props) {
@@ -10636,7 +10636,7 @@
     }
   });
 
-  var _Icon = /* @__PURE__ */ _export_sfc(_sfc_main$13, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\icon\\src\\icon.vue"]]);
+  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"]]);
 
   const Icon = withInstall(_Icon);
 
@@ -10651,14 +10651,14 @@
     colorFormat: makeStringProp("hex")
   };
 
-  const _hoisted_1$O = {
+  const _hoisted_1$P = {
     style: { "display": "flex" },
     class: "dk-color-input"
   };
   const __default__$F = require$$0.defineComponent({
     name: "DkColorInput"
   });
-  var _sfc_main$12 = /* @__PURE__ */ require$$0.defineComponent({
+  var _sfc_main$13 = /* @__PURE__ */ require$$0.defineComponent({
     ...__default__$F,
     props: colorInputProps,
     emits: ["input", "update:modelValue", "change"],
@@ -10683,7 +10683,7 @@
       return (_ctx, _cache) => {
         const _component_el_input = require$$0.resolveComponent("el-input");
         const _component_el_color_picker = require$$0.resolveComponent("el-color-picker");
-        return require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$O, [
+        return require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$P, [
           require$$0.createVNode(_component_el_input, {
             modelValue: data.value,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => data.value = $event),
@@ -10702,7 +10702,7 @@
     }
   });
 
-  var _ColorInput = /* @__PURE__ */ _export_sfc(_sfc_main$12, [["__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$13, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\color-input\\src\\color-input.vue"]]);
 
   const ColorInput = withInstall(_ColorInput);
 
@@ -10715,18 +10715,18 @@
     }
   };
 
-  const _hoisted_1$N = { class: "hot-area-content" };
-  const _hoisted_2$A = { class: "hot-area-draggable" };
-  const _hoisted_3$o = {
+  const _hoisted_1$O = { class: "hot-area-content" };
+  const _hoisted_2$B = { class: "hot-area-draggable" };
+  const _hoisted_3$p = {
     class: "hot-item-content",
     style: { "position": "relative", "width": "100%", "height": "100%", "background": "#0003" }
   };
-  const _hoisted_4$j = {
+  const _hoisted_4$k = {
     key: 1,
     style: { "width": "500px", "height": "500px" }
   };
-  const _hoisted_5$e = { class: "hot-area-form" };
-  const _hoisted_6$b = /* @__PURE__ */ require$$0.createElementVNode(
+  const _hoisted_5$f = { class: "hot-area-form" };
+  const _hoisted_6$c = /* @__PURE__ */ require$$0.createElementVNode(
     "h3",
     { style: { "margin-top": "0", "font-size": "16px", "font-weight": "500" } },
     "\u70ED\u533A\u7BA1\u7406",
@@ -10736,7 +10736,7 @@
   const __default__$E = require$$0.defineComponent({
     name: "HotAreaContent"
   });
-  var _sfc_main$11 = /* @__PURE__ */ require$$0.defineComponent({
+  var _sfc_main$12 = /* @__PURE__ */ require$$0.defineComponent({
     ...__default__$E,
     props: {
       hotDataValue: {
@@ -10831,8 +10831,8 @@
         const _component_el_button = require$$0.resolveComponent("el-button");
         const _component_el_input = require$$0.resolveComponent("el-input");
         const _component_el_form = require$$0.resolveComponent("el-form");
-        return require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$N, [
-          require$$0.createElementVNode("div", _hoisted_2$A, [
+        return require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$O, [
+          require$$0.createElementVNode("div", _hoisted_2$B, [
             hotData.background ? (require$$0.openBlock(), require$$0.createElementBlock(
               "div",
               {
@@ -10875,7 +10875,7 @@
                       default: require$$0.withCtx(() => [
                         require$$0.createElementVNode(
                           "div",
-                          _hoisted_3$o,
+                          _hoisted_3$p,
                           require$$0.toDisplayString(key + 1),
                           1
                           /* TEXT */
@@ -10891,12 +10891,12 @@
               ],
               36
               /* STYLE, HYDRATE_EVENTS */
-            )) : (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_4$j, [
+            )) : (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_4$k, [
               require$$0.createVNode(_component_el_empty, { description: "\u8BF7\u4E0A\u4F20\u56FE\u7247" })
             ]))
           ]),
-          require$$0.createElementVNode("div", _hoisted_5$e, [
-            _hoisted_6$b,
+          require$$0.createElementVNode("div", _hoisted_5$f, [
+            _hoisted_6$c,
             require$$0.createVNode(_component_el_form, {
               "label-width": "80px",
               "label-position": "left"
@@ -10973,14 +10973,14 @@
     }
   });
 
-  var HotAreaContent = /* @__PURE__ */ _export_sfc(_sfc_main$11, [["__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$12, [["__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$M = { class: "dk-hot-area-input" };
-  const _hoisted_2$z = { class: "text-center" };
+  const _hoisted_1$N = { class: "dk-hot-area-input" };
+  const _hoisted_2$A = { class: "text-center" };
   const __default__$D = require$$0.defineComponent({
     name: "DkHotAreaInput"
   });
-  var _sfc_main$10 = /* @__PURE__ */ require$$0.defineComponent({
+  var _sfc_main$11 = /* @__PURE__ */ require$$0.defineComponent({
     ...__default__$D,
     props: hotAreaInputProps,
     setup(__props) {
@@ -10990,7 +10990,7 @@
       return (_ctx, _cache) => {
         const _component_el_button = require$$0.resolveComponent("el-button");
         const _component_dk_dialog = require$$0.resolveComponent("dk-dialog");
-        return require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$M, [
+        return require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$N, [
           require$$0.createVNode(_component_el_button, {
             type: "primary",
             onClick: _cache[0] || (_cache[0] = ($event) => dialog.value = true)
@@ -11008,7 +11008,7 @@
             title: "\u8BBE\u7F6E\u70ED\u533A"
           }, {
             footer: require$$0.withCtx(() => [
-              require$$0.createElementVNode("div", _hoisted_2$z, [
+              require$$0.createElementVNode("div", _hoisted_2$A, [
                 require$$0.createVNode(_component_el_button, {
                   size: "default",
                   style: { "width": "200px" },
@@ -11034,7 +11034,7 @@
     }
   });
 
-  var _HotAreaInput = /* @__PURE__ */ _export_sfc(_sfc_main$10, [["__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$11, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\hot-area-input\\src\\hot-area-input.vue"]]);
 
   const HotAreaInput = withInstall(_HotAreaInput);
 
@@ -11071,12 +11071,12 @@
     }
   };
 
-  const _hoisted_1$L = { class: "flex justify-between items-center relative" };
-  const _hoisted_2$y = { class: "flex justify-between items-center absolute top-[50%] right-0 translate-y-[-50%]" };
+  const _hoisted_1$M = { class: "flex justify-between items-center relative" };
+  const _hoisted_2$z = { class: "flex justify-between items-center absolute top-[50%] right-0 translate-y-[-50%]" };
   const __default__$C = require$$0.defineComponent({
     name: "DkDialog"
   });
-  var _sfc_main$$ = /* @__PURE__ */ require$$0.defineComponent({
+  var _sfc_main$10 = /* @__PURE__ */ require$$0.defineComponent({
     ...__default__$C,
     props: dialogProps,
     setup(__props) {
@@ -11142,7 +11142,7 @@
         }), require$$0.createSlots({
           header: require$$0.withCtx(({ close }) => [
             require$$0.renderSlot(_ctx.$slots, "header", {}, () => [
-              require$$0.createElementVNode("div", _hoisted_1$L, [
+              require$$0.createElementVNode("div", _hoisted_1$M, [
                 require$$0.createElementVNode(
                   "span",
                   null,
@@ -11150,7 +11150,7 @@
                   1
                   /* TEXT */
                 ),
-                require$$0.createElementVNode("div", _hoisted_2$y, [
+                require$$0.createElementVNode("div", _hoisted_2$z, [
                   _ctx.fullscreen ? (require$$0.openBlock(), require$$0.createBlock(_component_dk_icon, {
                     key: 0,
                     class: "cursor-pointer is-hover mr-10px",
@@ -11196,7 +11196,7 @@
     }
   });
 
-  var _Dialog = /* @__PURE__ */ _export_sfc(_sfc_main$$, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\dialog\\src\\dialog.vue"]]);
+  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"]]);
 
   const Dialog = withInstall(_Dialog);
 
@@ -11300,11 +11300,11 @@
   };
   var _config = config;
 
-  const _hoisted_1$K = { key: 1 };
+  const _hoisted_1$L = { key: 1 };
   const __default__$B = require$$0.defineComponent({
     name: "DkForm"
   });
-  var _sfc_main$_ = /* @__PURE__ */ require$$0.defineComponent({
+  var _sfc_main$$ = /* @__PURE__ */ require$$0.defineComponent({
     ...__default__$B,
     props: formProps,
     emits: ["submit", "fail", "update:modelValue"],
@@ -11334,6 +11334,15 @@
       const { width } = core.useWindowSize();
       const value = require$$0.ref(null);
       const _formData = require$$0.ref(props.formData || {});
+      require$$0.watch(
+        () => props.formData,
+        () => {
+          _formData.value = props.formData;
+        },
+        {
+          deep: true
+        }
+      );
       require$$0.watch(
         () => value.value,
         (val) => {
@@ -11524,7 +11533,7 @@
           ]),
           _: 3
           /* FORWARDED */
-        }, 16, ["modelValue", "title", "width", "default-fullscreen"])) : (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$K, [
+        }, 16, ["modelValue", "title", "width", "default-fullscreen"])) : (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$L, [
           require$$0.createElementVNode(
             "div",
             {
@@ -11576,11 +11585,11 @@
     }
   });
 
-  var _Form = /* @__PURE__ */ _export_sfc(_sfc_main$_, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\form\\src\\form.vue"]]);
+  var _Form = /* @__PURE__ */ _export_sfc(_sfc_main$$, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\form\\src\\form.vue"]]);
 
   const Form = withInstall(_Form);
 
-  const _hoisted_1$J = {
+  const _hoisted_1$K = {
     xmlns: "http://www.w3.org/2000/svg",
     version: "1.1",
     x: "0px",
@@ -11589,7 +11598,7 @@
     style: { "enable-background": "new 0 0 512 512" },
     "xml:space": "preserve"
   };
-  const _hoisted_2$x = /* @__PURE__ */ require$$0.createElementVNode(
+  const _hoisted_2$y = /* @__PURE__ */ require$$0.createElementVNode(
     "path",
     {
       fill: "#E2E5E7",
@@ -11599,7 +11608,7 @@
     -1
     /* HOISTED */
   );
-  const _hoisted_3$n = /* @__PURE__ */ require$$0.createElementVNode(
+  const _hoisted_3$o = /* @__PURE__ */ require$$0.createElementVNode(
     "path",
     {
       fill: "#B0B7BD",
@@ -11610,7 +11619,7 @@
     -1
     /* HOISTED */
   );
-  const _hoisted_4$i = /* @__PURE__ */ require$$0.createElementVNode(
+  const _hoisted_4$j = /* @__PURE__ */ require$$0.createElementVNode(
     "polygon",
     {
       fill: "#CAD1D8",
@@ -11621,7 +11630,7 @@
     -1
     /* HOISTED */
   );
-  const _hoisted_5$d = /* @__PURE__ */ require$$0.createElementVNode(
+  const _hoisted_5$e = /* @__PURE__ */ require$$0.createElementVNode(
     "path",
     {
       fill: "#CAD1D8",
@@ -11632,14 +11641,14 @@
     -1
     /* HOISTED */
   );
-  const _hoisted_6$a = {
+  const _hoisted_6$b = {
     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$a = {
+  const _hoisted_7$b = {
     key: 1,
     stroke: "null",
     "p-id": "5208",
@@ -11647,11 +11656,11 @@
     fill: "#000000",
     d: "m296.500008,108.999985c46.11601,0 83.500008,37.383997 83.500008,83.500008s-37.383997,83.500008 -83.500008,83.500008s-83.500008,-37.383997 -83.500008,-83.500008s37.383997,-83.500008 83.500008,-83.500008zm-16.239708,45.643192a3.976166,3.976166 0 0 0 -3.976166,3.975644l0,69.520019a3.976166,3.976166 0 0 0 6.18161,3.308688l52.140536,-34.760009a3.976688,3.976688 0 0 0 0,-6.617376l-52.140536,-34.759488a3.976688,3.976688 0 0 0 -2.205444,-0.668l0,0.000522z"
   };
-  const _hoisted_8$9 = {
+  const _hoisted_8$a = {
     x: "-1",
     y: "0"
   };
-  const _hoisted_9$7 = {
+  const _hoisted_9$8 = {
     x: "220",
     y: "380",
     "text-anchor": "middle",
@@ -11662,7 +11671,7 @@
   const __default__$A = require$$0.defineComponent({
     name: "DkFileIcon"
   });
-  var _sfc_main$Z = /* @__PURE__ */ require$$0.defineComponent({
+  var _sfc_main$_ = /* @__PURE__ */ require$$0.defineComponent({
     ...__default__$A,
     props: {
       type: {
@@ -11733,11 +11742,11 @@
         return colorList[index];
       };
       return (_ctx, _cache) => {
-        return require$$0.openBlock(), require$$0.createElementBlock("svg", _hoisted_1$J, [
+        return require$$0.openBlock(), require$$0.createElementBlock("svg", _hoisted_1$K, [
           require$$0.createElementVNode("g", null, [
-            _hoisted_2$x,
-            _hoisted_3$n,
-            _hoisted_4$i,
+            _hoisted_2$y,
+            _hoisted_3$o,
+            _hoisted_4$j,
             require$$0.createElementVNode(
               "path",
               {
@@ -11748,14 +11757,14 @@
               4
               /* STYLE */
             ),
-            _hoisted_5$d,
-            type.value === 2 ? (require$$0.openBlock(), require$$0.createElementBlock("path", _hoisted_6$a)) : require$$0.createCommentVNode("v-if", true),
-            type.value === 3 ? (require$$0.openBlock(), require$$0.createElementBlock("path", _hoisted_7$a)) : require$$0.createCommentVNode("v-if", true),
+            _hoisted_5$e,
+            type.value === 2 ? (require$$0.openBlock(), require$$0.createElementBlock("path", _hoisted_6$b)) : require$$0.createCommentVNode("v-if", true),
+            type.value === 3 ? (require$$0.openBlock(), require$$0.createElementBlock("path", _hoisted_7$b)) : require$$0.createCommentVNode("v-if", true),
             require$$0.createElementVNode("g", null, [
-              require$$0.createElementVNode("text", _hoisted_8$9, [
+              require$$0.createElementVNode("text", _hoisted_8$a, [
                 require$$0.createElementVNode(
                   "tspan",
-                  _hoisted_9$7,
+                  _hoisted_9$8,
                   require$$0.toDisplayString(fileSuffix.value),
                   1
                   /* TEXT */
@@ -11768,7 +11777,7 @@
     }
   });
 
-  var DkFileIcon = /* @__PURE__ */ _export_sfc(_sfc_main$Z, [["__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$_, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\attachment\\src\\file-icon.vue"]]);
 
   const attachmentProps = {
     type: {
@@ -11782,32 +11791,32 @@
     }
   };
 
-  const _hoisted_1$I = { class: "dk-attachment attachment" };
-  const _hoisted_2$w = { class: "attachment-header flex justify-between pt-5px pb-5px" };
-  const _hoisted_3$m = { class: "header-form z" };
-  const _hoisted_4$h = { class: "header-button y" };
-  const _hoisted_5$c = /* @__PURE__ */ require$$0.createElementVNode(
+  const _hoisted_1$J = { class: "dk-attachment attachment" };
+  const _hoisted_2$x = { class: "attachment-header flex justify-between pt-5px pb-5px" };
+  const _hoisted_3$n = { class: "header-form z" };
+  const _hoisted_4$i = { class: "header-button y" };
+  const _hoisted_5$d = /* @__PURE__ */ require$$0.createElementVNode(
     "i",
     { class: "el-icon-delete el-icon--right" },
     null,
     -1
     /* HOISTED */
   );
-  const _hoisted_6$9 = /* @__PURE__ */ require$$0.createElementVNode(
+  const _hoisted_6$a = /* @__PURE__ */ require$$0.createElementVNode(
     "i",
     { class: "el-icon-upload el-icon--right" },
     null,
     -1
     /* HOISTED */
   );
-  const _hoisted_7$9 = { class: "attachment-content flex" };
-  const _hoisted_8$8 = { class: "attachment-group" };
-  const _hoisted_9$6 = { class: "group_list" };
-  const _hoisted_10$5 = ["onClick"];
-  const _hoisted_11$4 = { class: "ml-10px" };
-  const _hoisted_12$4 = { class: "op" };
-  const _hoisted_13$3 = { class: "attachment-container" };
-  const _hoisted_14$3 = {
+  const _hoisted_7$a = { class: "attachment-content flex" };
+  const _hoisted_8$9 = { class: "attachment-group" };
+  const _hoisted_9$7 = { class: "group_list" };
+  const _hoisted_10$6 = ["onClick"];
+  const _hoisted_11$5 = { class: "ml-10px" };
+  const _hoisted_12$5 = { class: "op" };
+  const _hoisted_13$4 = { class: "attachment-container" };
+  const _hoisted_14$4 = {
     key: 0,
     class: "p2"
   };
@@ -11836,7 +11845,7 @@
   const __default__$z = require$$0.defineComponent({
     name: "DkAttachment"
   });
-  var _sfc_main$Y = /* @__PURE__ */ require$$0.defineComponent({
+  var _sfc_main$Z = /* @__PURE__ */ require$$0.defineComponent({
     ...__default__$z,
     props: attachmentProps,
     setup(__props, { expose: __expose }) {
@@ -12037,10 +12046,10 @@
         const _component_el_empty = require$$0.resolveComponent("el-empty");
         const _component_dk_form = require$$0.resolveComponent("dk-form");
         const _directive_loading = require$$0.resolveDirective("loading");
-        return require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$I, [
+        return require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$J, [
           require$$0.createCommentVNode(" \u9876\u90E8"),
-          require$$0.createElementVNode("div", _hoisted_2$w, [
-            require$$0.createElementVNode("div", _hoisted_3$m, [
+          require$$0.createElementVNode("div", _hoisted_2$x, [
+            require$$0.createElementVNode("div", _hoisted_3$n, [
               require$$0.createVNode(_component_el_input, {
                 modelValue: searchFileName.value,
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => searchFileName.value = $event),
@@ -12054,7 +12063,7 @@
                 /* STABLE */
               }, 8, ["modelValue"])
             ]),
-            require$$0.createElementVNode("div", _hoisted_4$h, [
+            require$$0.createElementVNode("div", _hoisted_4$i, [
               require$$0.createVNode(_component_el_dropdown, {
                 class: "mr",
                 trigger: "click",
@@ -12112,7 +12121,7 @@
               }, {
                 default: require$$0.withCtx(() => [
                   require$$0.createTextVNode("\u5220\u9664"),
-                  _hoisted_5$c
+                  _hoisted_5$d
                 ]),
                 _: 1
                 /* STABLE */
@@ -12134,7 +12143,7 @@
                   require$$0.createVNode(_component_el_button, { type: "primary" }, {
                     default: require$$0.withCtx(() => [
                       require$$0.createTextVNode("\u4E0A\u4F20"),
-                      _hoisted_6$9
+                      _hoisted_6$a
                     ]),
                     _: 1
                     /* STABLE */
@@ -12146,9 +12155,9 @@
             ])
           ]),
           require$$0.createCommentVNode("\u5185\u90E8"),
-          require$$0.createElementVNode("div", _hoisted_7$9, [
+          require$$0.createElementVNode("div", _hoisted_7$a, [
             require$$0.createCommentVNode(" \u5206\u7EC4"),
-            require$$0.createElementVNode("div", _hoisted_8$8, [
+            require$$0.createElementVNode("div", _hoisted_8$9, [
               require$$0.createElementVNode("h5", {
                 class: "cursor-pointer flex items-center content-center",
                 onClick: _cache[1] || (_cache[1] = ($event) => addGroup())
@@ -12162,7 +12171,7 @@
                   /* STABLE */
                 })
               ]),
-              require$$0.createElementVNode("ul", _hoisted_9$6, [
+              require$$0.createElementVNode("ul", _hoisted_9$7, [
                 (require$$0.openBlock(true), require$$0.createElementBlock(
                   require$$0.Fragment,
                   null,
@@ -12181,7 +12190,7 @@
                       })),
                       require$$0.createElementVNode(
                         "span",
-                        _hoisted_11$4,
+                        _hoisted_11$5,
                         require$$0.toDisplayString(item.name),
                         1
                         /* TEXT */
@@ -12194,7 +12203,7 @@
                         },
                         {
                           reference: require$$0.withCtx(() => [
-                            require$$0.createElementVNode("div", _hoisted_12$4, [
+                            require$$0.createElementVNode("div", _hoisted_12$5, [
                               item.id > 0 ? (require$$0.openBlock(), require$$0.createBlock(_component_el_icon, { key: 0 }, {
                                 default: require$$0.withCtx(() => [
                                   require$$0.createVNode(_component_Tools)
@@ -12234,7 +12243,7 @@
                         1024
                         /* DYNAMIC_SLOTS */
                       )
-                    ], 10, _hoisted_10$5);
+                    ], 10, _hoisted_10$6);
                   }),
                   128
                   /* KEYED_FRAGMENT */
@@ -12242,8 +12251,8 @@
               ])
             ]),
             require$$0.createCommentVNode(" \u5217\u8868"),
-            require$$0.createElementVNode("div", _hoisted_13$3, [
-              loading.value || list.value.length > 0 ? require$$0.withDirectives((require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_14$3, [
+            require$$0.createElementVNode("div", _hoisted_13$4, [
+              loading.value || list.value.length > 0 ? require$$0.withDirectives((require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_14$4, [
                 require$$0.createElementVNode(
                   "ul",
                   {
@@ -12347,7 +12356,7 @@
     }
   });
 
-  var _Attachment = /* @__PURE__ */ _export_sfc(_sfc_main$Y, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\attachment\\src\\attachment.vue"]]);
+  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"]]);
 
   const Attachment = withInstall(_Attachment);
 
@@ -12359,11 +12368,11 @@
     }
   };
 
-  const _hoisted_1$H = { class: "text-center m2" };
+  const _hoisted_1$I = { class: "text-center m2" };
   const __default__$y = require$$0.defineComponent({
     name: "DkAttachmentDialog"
   });
-  var _sfc_main$X = /* @__PURE__ */ require$$0.defineComponent({
+  var _sfc_main$Y = /* @__PURE__ */ require$$0.defineComponent({
     ...__default__$y,
     props: attachmentDialogProps,
     emits: ["confirm"],
@@ -12412,7 +12421,7 @@
               ref: attachment,
               type: _type.value
             }, null, 8, ["type"]),
-            require$$0.createElementVNode("div", _hoisted_1$H, [
+            require$$0.createElementVNode("div", _hoisted_1$I, [
               require$$0.createVNode(_component_el_button, {
                 type: "primary",
                 onClick: _cache[0] || (_cache[0] = ($event) => confirm())
@@ -12441,7 +12450,7 @@
     }
   });
 
-  var _AttachmentDialog = /* @__PURE__ */ _export_sfc(_sfc_main$X, [["__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$Y, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\attachment-dialog\\src\\attachment-dialog.vue"]]);
 
   const AttachmentDialog = withInstall(_AttachmentDialog);
 
@@ -12460,14 +12469,14 @@
     accept: { type: String, default: "" }
   };
 
-  const _hoisted_1$G = { class: "show m-t-5px" };
-  const _hoisted_2$v = { class: "image-error" };
-  const _hoisted_3$l = { class: "image-slot" };
-  const _hoisted_4$g = { class: "no-image" };
+  const _hoisted_1$H = { class: "show m-t-5px" };
+  const _hoisted_2$w = { class: "image-error" };
+  const _hoisted_3$m = { class: "image-slot" };
+  const _hoisted_4$h = { class: "no-image" };
   const __default__$x = require$$0.defineComponent({
     name: "DkFileInput"
   });
-  var _sfc_main$W = /* @__PURE__ */ require$$0.defineComponent({
+  var _sfc_main$X = /* @__PURE__ */ require$$0.defineComponent({
     ...__default__$x,
     props: fileInputProps,
     emits: ["input", "update:modelValue", "change"],
@@ -12542,7 +12551,7 @@
                   /* STABLE */
                 }, 8, ["modelValue", "placeholder"]),
                 require$$0.createCommentVNode("\u9009\u62E9\u7684\u662F\u56FE\u7247"),
-                require$$0.createElementVNode("div", _hoisted_1$G, [
+                require$$0.createElementVNode("div", _hoisted_1$H, [
                   _ctx.type === 1 ? (require$$0.openBlock(), require$$0.createBlock(_component_el_image, {
                     key: 0,
                     src: input.value,
@@ -12552,7 +12561,7 @@
                     "preview-src-list": [input.value]
                   }, {
                     error: require$$0.withCtx(() => [
-                      require$$0.createElementVNode("div", _hoisted_2$v, [
+                      require$$0.createElementVNode("div", _hoisted_2$w, [
                         require$$0.createVNode(_component_dk_icon, { icon: "Picture" })
                       ])
                     ]),
@@ -12599,8 +12608,8 @@
                           style: { "width": "100%", "height": "100%" }
                         }, {
                           error: require$$0.withCtx(() => [
-                            require$$0.createElementVNode("div", _hoisted_3$l, [
-                              require$$0.createElementVNode("div", _hoisted_4$g, [
+                            require$$0.createElementVNode("div", _hoisted_3$m, [
+                              require$$0.createElementVNode("div", _hoisted_4$h, [
                                 require$$0.createVNode(_component_el_icon, null, {
                                   default: require$$0.withCtx(() => [
                                     require$$0.createVNode(_component_Picture)
@@ -12688,7 +12697,7 @@
     }
   });
 
-  var _FileInput = /* @__PURE__ */ _export_sfc(_sfc_main$W, [["__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$X, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\file-input\\src\\file-input.vue"]]);
 
   const FileInput = withInstall(_FileInput);
 
@@ -12703,7 +12712,7 @@
   const __default__$w = require$$0.defineComponent({
     name: "DkImageInput"
   });
-  var _sfc_main$V = /* @__PURE__ */ require$$0.defineComponent({
+  var _sfc_main$W = /* @__PURE__ */ require$$0.defineComponent({
     ...__default__$w,
     props: imageInputProps,
     emits: ["input", "update:modelValue", "change"],
@@ -12740,7 +12749,7 @@
     }
   });
 
-  var _ImageInput = /* @__PURE__ */ _export_sfc(_sfc_main$V, [["__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$W, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\image-input\\src\\image-input.vue"]]);
 
   const ImageInput = withInstall(_ImageInput);
 
@@ -12755,7 +12764,7 @@
   const __default__$v = require$$0.defineComponent({
     name: "DkAudioInput"
   });
-  var _sfc_main$U = /* @__PURE__ */ require$$0.defineComponent({
+  var _sfc_main$V = /* @__PURE__ */ require$$0.defineComponent({
     ...__default__$v,
     props: audioInputProps,
     emits: ["input", "update:modelValue", "change"],
@@ -12792,7 +12801,7 @@
     }
   });
 
-  var _AudioInput = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["__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$V, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\audio-input\\src\\audio-input.vue"]]);
 
   const AudioInput = withInstall(_AudioInput);
 
@@ -12807,7 +12816,7 @@
   const __default__$u = require$$0.defineComponent({
     name: "DkVideoInput"
   });
-  var _sfc_main$T = /* @__PURE__ */ require$$0.defineComponent({
+  var _sfc_main$U = /* @__PURE__ */ require$$0.defineComponent({
     ...__default__$u,
     props: videoInputProps,
     emits: ["input", "update:modelValue", "change"],
@@ -12844,7 +12853,7 @@
     }
   });
 
-  var _VideoInput = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["__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$U, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\video-input\\src\\video-input.vue"]]);
 
   const VideoInput = withInstall(_VideoInput);
 
@@ -12857,13 +12866,13 @@
     accept: { default: "", type: String }
   };
 
-  const _hoisted_1$F = { class: "dk-image-list" };
-  const _hoisted_2$u = ["onClick"];
-  const _hoisted_3$k = { key: 0 };
+  const _hoisted_1$G = { class: "dk-image-list" };
+  const _hoisted_2$v = ["onClick"];
+  const _hoisted_3$l = { key: 0 };
   const __default__$t = require$$0.defineComponent({
     name: "DkFileListInput"
   });
-  var _sfc_main$S = /* @__PURE__ */ require$$0.defineComponent({
+  var _sfc_main$T = /* @__PURE__ */ require$$0.defineComponent({
     ...__default__$t,
     props: fileListInputProps,
     emits: ["input", "update:modelValue", "change"],
@@ -12922,7 +12931,7 @@
             class: require$$0.normalizeClass(require$$0.unref(bem)())
           },
           [
-            require$$0.createElementVNode("div", _hoisted_1$F, [
+            require$$0.createElementVNode("div", _hoisted_1$G, [
               require$$0.createElementVNode("ul", null, [
                 (require$$0.openBlock(true), require$$0.createElementBlock(
                   require$$0.Fragment,
@@ -12959,7 +12968,7 @@
                               _: 1
                               /* STABLE */
                             })
-                          ], 8, _hoisted_2$u)) : require$$0.createCommentVNode("v-if", true)
+                          ], 8, _hoisted_2$v)) : require$$0.createCommentVNode("v-if", true)
                         ],
                         4
                         /* STYLE */
@@ -12969,7 +12978,7 @@
                   128
                   /* KEYED_FRAGMENT */
                 )),
-                _ctx.limit > input.value.length && !_ctx.disabled ? (require$$0.openBlock(), require$$0.createElementBlock("li", _hoisted_3$k, [
+                _ctx.limit > input.value.length && !_ctx.disabled ? (require$$0.openBlock(), require$$0.createElementBlock("li", _hoisted_3$l, [
                   require$$0.createElementVNode(
                     "div",
                     {
@@ -13006,7 +13015,7 @@
     }
   });
 
-  var _FileListInput = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["__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$T, [["__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);
 
@@ -13021,7 +13030,7 @@
   const __default__$s = require$$0.defineComponent({
     name: "DkImageListInput"
   });
-  var _sfc_main$R = /* @__PURE__ */ require$$0.defineComponent({
+  var _sfc_main$S = /* @__PURE__ */ require$$0.defineComponent({
     ...__default__$s,
     props: imageListInputProps,
     emits: ["input", "update:modelValue", "change"],
@@ -13059,7 +13068,7 @@
     }
   });
 
-  var _ImageListInput = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["__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$S, [["__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);
 
@@ -13074,7 +13083,7 @@
   const __default__$r = require$$0.defineComponent({
     name: "DkAudioListInput"
   });
-  var _sfc_main$Q = /* @__PURE__ */ require$$0.defineComponent({
+  var _sfc_main$R = /* @__PURE__ */ require$$0.defineComponent({
     ...__default__$r,
     props: audioListInputProps,
     emits: ["input", "update:modelValue", "change"],
@@ -13112,7 +13121,7 @@
     }
   });
 
-  var _AudioListInput = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["__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$R, [["__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);
 
@@ -13127,7 +13136,7 @@
   const __default__$q = require$$0.defineComponent({
     name: "DkVideoListInput"
   });
-  var _sfc_main$P = /* @__PURE__ */ require$$0.defineComponent({
+  var _sfc_main$Q = /* @__PURE__ */ require$$0.defineComponent({
     ...__default__$q,
     props: videoListInputProps,
     emits: ["input", "update:modelValue", "change"],
@@ -13165,7 +13174,7 @@
     }
   });
 
-  var _VideoListInput = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["__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$Q, [["__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);
 
@@ -13225,17 +13234,17 @@
     });
   }
 
-  const _hoisted_1$E = { class: "dk-icon-content" };
-  const _hoisted_2$t = {
+  const _hoisted_1$F = { class: "dk-icon-content" };
+  const _hoisted_2$u = {
     key: 0,
     class: "text-center",
     style: { "font-size": "12px", "color": "#999" }
   };
-  const _hoisted_3$j = { class: "search-icon" };
+  const _hoisted_3$k = { class: "search-icon" };
   const __default__$p = require$$0.defineComponent({
     name: "DkIconContent"
   });
-  var _sfc_main$O = /* @__PURE__ */ require$$0.defineComponent({
+  var _sfc_main$P = /* @__PURE__ */ require$$0.defineComponent({
     ...__default__$p,
     props: iconContentProps,
     emits: ["choose"],
@@ -13334,7 +13343,7 @@
         const _component_el_tabs = require$$0.resolveComponent("el-tabs");
         const _component_el_button = require$$0.resolveComponent("el-button");
         const _component_el_input = require$$0.resolveComponent("el-input");
-        return require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$E, [
+        return require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$F, [
           require$$0.createVNode(_component_el_tabs, {
             modelValue: activeName.value,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => activeName.value = $event)
@@ -13429,7 +13438,7 @@
                         128
                         /* KEYED_FRAGMENT */
                       )),
-                      !searchIcon.value ? (require$$0.openBlock(), require$$0.createElementBlock("p", _hoisted_2$t, "\u5F53\u524D\u663E\u793A\u5DF2\u7F13\u5B58\u7684\u56FE\u6807")) : require$$0.createCommentVNode("v-if", true)
+                      !searchIcon.value ? (require$$0.openBlock(), require$$0.createElementBlock("p", _hoisted_2$u, "\u5F53\u524D\u663E\u793A\u5DF2\u7F13\u5B58\u7684\u56FE\u6807")) : require$$0.createCommentVNode("v-if", true)
                     ],
                     64
                     /* STABLE_FRAGMENT */
@@ -13445,7 +13454,7 @@
             _: 1
             /* STABLE */
           }, 8, ["modelValue"]),
-          require$$0.createElementVNode("div", _hoisted_3$j, [
+          require$$0.createElementVNode("div", _hoisted_3$k, [
             require$$0.createVNode(_component_el_input, {
               modelValue: searchIcon.value,
               "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => searchIcon.value = $event),
@@ -13468,13 +13477,13 @@
     }
   });
 
-  var _IconContent = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["__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$P, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\icon-input\\src\\icon-content.vue"]]);
 
-  const _hoisted_1$D = { class: "text-center m2" };
+  const _hoisted_1$E = { class: "text-center m2" };
   const __default__$o = require$$0.defineComponent({
     name: "DkIconDialog"
   });
-  var _sfc_main$N = /* @__PURE__ */ require$$0.defineComponent({
+  var _sfc_main$O = /* @__PURE__ */ require$$0.defineComponent({
     ...__default__$o,
     props: iconDialogProps,
     emits: ["choose", "confirm"],
@@ -13509,7 +13518,7 @@
           class: "dk-icon-dialog"
         }, {
           footer: require$$0.withCtx(() => [
-            require$$0.createElementVNode("div", _hoisted_1$D, [
+            require$$0.createElementVNode("div", _hoisted_1$E, [
               require$$0.createVNode(_component_el_button, {
                 type: "primary",
                 onClick: confirm
@@ -13548,16 +13557,16 @@
     }
   });
 
-  var _IconDialog = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["__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$O, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\icon-input\\src\\icon-dialog.vue"]]);
 
-  const _hoisted_1$C = {
+  const _hoisted_1$D = {
     key: 0,
     class: "show m-t-5px"
   };
   const __default__$n = require$$0.defineComponent({
     name: "DkIconInput"
   });
-  var _sfc_main$M = /* @__PURE__ */ require$$0.defineComponent({
+  var _sfc_main$N = /* @__PURE__ */ require$$0.defineComponent({
     ...__default__$n,
     props: iconInputProps,
     emits: ["input", "update:modelValue", "change"],
@@ -13626,7 +13635,7 @@
               /* STABLE */
             }, 8, ["modelValue", "placeholder"]),
             require$$0.createCommentVNode("\u9009\u62E9\u7684\u662F\u56FE\u7247"),
-            props.preview ? (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$C, [
+            props.preview ? (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$D, [
               require$$0.createVNode(_component_dk_icon, {
                 icon: input.value ? input.value : "fluent:document-none-24-regular",
                 class: "icon rd-4px cursor-pointer",
@@ -13665,7 +13674,7 @@
     }
   });
 
-  var _IconInput = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["__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$N, [["__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);
@@ -13762,15 +13771,15 @@
     }
   };
 
-  const _hoisted_1$B = { class: "dk-style-input" };
-  const _hoisted_2$s = {
+  const _hoisted_1$C = { class: "dk-style-input" };
+  const _hoisted_2$t = {
     key: 0,
     class: "p-5px"
   };
   const __default__$m = require$$0.defineComponent({
     name: "DkStyleInput"
   });
-  var _sfc_main$L = /* @__PURE__ */ require$$0.defineComponent({
+  var _sfc_main$M = /* @__PURE__ */ require$$0.defineComponent({
     ...__default__$m,
     props: styleInputProps,
     emits: ["update:modelValue"],
@@ -13823,8 +13832,8 @@
       return (_ctx, _cache) => {
         const _component_el_collapse_item = require$$0.resolveComponent("el-collapse-item");
         const _component_el_collapse = require$$0.resolveComponent("el-collapse");
-        return require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$B, [
-          !loading.value ? (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_2$s, [
+        return require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$C, [
+          !loading.value ? (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_2$t, [
             require$$0.createVNode(_component_el_collapse, {
               modelValue: activeNames.value,
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => activeNames.value = $event)
@@ -13870,7 +13879,7 @@
     }
   });
 
-  var _StyleInput = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["__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$M, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\style-input\\src\\style-input.vue"]]);
 
   const StyleInput = withInstall(_StyleInput);
 
@@ -13910,11 +13919,11 @@
     }
   };
 
-  const _hoisted_1$A = ["onMousedown"];
+  const _hoisted_1$B = ["onMousedown"];
   const __default__$l = require$$0.defineComponent({
     name: "DkBoxSizeInput"
   });
-  var _sfc_main$K = /* @__PURE__ */ require$$0.defineComponent({
+  var _sfc_main$L = /* @__PURE__ */ require$$0.defineComponent({
     ...__default__$l,
     props: boxSizeInputProps,
     emits: ["update:modelValue"],
@@ -14152,7 +14161,7 @@
                               _: 2
                               /* DYNAMIC */
                             }, 1032, ["content", "disabled"])
-                          ], 40, _hoisted_1$A)
+                          ], 40, _hoisted_1$B)
                         ]),
                         key: "0"
                       } : void 0
@@ -14250,7 +14259,7 @@
     }
   });
 
-  var _BoxSizeInput = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__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$L, [["__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);
 
@@ -14378,26 +14387,26 @@
     }
   ];
 
-  const _hoisted_1$z = { class: "dk-style-box-input" };
-  const _hoisted_2$r = { class: "header" };
-  const _hoisted_3$i = { class: "items-center" };
-  const _hoisted_4$f = { class: "float-right cursor-pointer" };
-  const _hoisted_5$b = { class: "name-header-operations" };
-  const _hoisted_6$8 = { class: "name-header-operations" };
-  const _hoisted_7$8 = { class: "name-header-operations" };
-  const _hoisted_8$7 = ["title", "onDblclick"];
-  const _hoisted_9$5 = ["onUpdate:modelValue", "onBlur"];
-  const _hoisted_10$4 = ["width", "height", "viewBox", "data-link-anchor", "innerHTML"];
-  const _hoisted_11$3 = /* @__PURE__ */ require$$0.createElementVNode(
+  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_8$8 = ["title", "onDblclick"];
+  const _hoisted_9$6 = ["onUpdate:modelValue", "onBlur"];
+  const _hoisted_10$5 = ["width", "height", "viewBox", "data-link-anchor", "innerHTML"];
+  const _hoisted_11$4 = /* @__PURE__ */ require$$0.createElementVNode(
     "div",
     { style: { "position": "absolute", "display": "none", "width": "100%", "height": "100%" } },
     null,
     -1
     /* HOISTED */
   );
-  const _hoisted_12$3 = { class: "anchor-wrapper" };
-  const _hoisted_13$2 = ["onMousedown"];
-  const _hoisted_14$2 = /* @__PURE__ */ require$$0.createElementVNode(
+  const _hoisted_12$4 = { class: "anchor-wrapper" };
+  const _hoisted_13$3 = ["onMousedown"];
+  const _hoisted_14$3 = /* @__PURE__ */ require$$0.createElementVNode(
     "span",
     { class: "title" },
     " \u5916\u8FB9\u8DDD ",
@@ -14428,7 +14437,7 @@
   const __default__$k = require$$0.defineComponent({
     name: "DkStyleBoxInput"
   });
-  var _sfc_main$J = /* @__PURE__ */ require$$0.defineComponent({
+  var _sfc_main$K = /* @__PURE__ */ require$$0.defineComponent({
     ...__default__$k,
     props: styleBoxInputProps,
     emits: ["update:modelValue"],
@@ -14667,7 +14676,7 @@
         const _component_dk_icon = require$$0.resolveComponent("dk-icon");
         const _component_el_popover = require$$0.resolveComponent("el-popover");
         const _component_el_tooltip = require$$0.resolveComponent("el-tooltip");
-        return require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$z, [
+        return require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$A, [
           require$$0.createElementVNode(
             "div",
             {
@@ -14678,8 +14687,8 @@
             4
             /* STYLE */
           ),
-          require$$0.createElementVNode("div", _hoisted_2$r, [
-            require$$0.createElementVNode("label", _hoisted_3$i, [
+          require$$0.createElementVNode("div", _hoisted_2$s, [
+            require$$0.createElementVNode("label", _hoisted_3$j, [
               require$$0.createTextVNode(" \u5185\u5916\u8FB9\u8DDD | \u9AD8\u5BBD "),
               require$$0.createVNode(_component_el_popover, {
                 ref: "popover",
@@ -14699,8 +14708,8 @@
                 /* STABLE */
               }, 8, ["content"])
             ]),
-            require$$0.createElementVNode("div", _hoisted_4$f, [
-              require$$0.createElementVNode("div", _hoisted_5$b, [
+            require$$0.createElementVNode("div", _hoisted_4$g, [
+              require$$0.createElementVNode("div", _hoisted_5$c, [
                 require$$0.createVNode(_component_el_tooltip, {
                   class: "box-item",
                   effect: "dark",
@@ -14718,7 +14727,7 @@
                   /* STABLE */
                 })
               ]),
-              require$$0.createElementVNode("div", _hoisted_6$8, [
+              require$$0.createElementVNode("div", _hoisted_6$9, [
                 require$$0.createVNode(_component_el_tooltip, {
                   class: "box-item",
                   effect: "dark",
@@ -14736,7 +14745,7 @@
                   /* STABLE */
                 })
               ]),
-              require$$0.createElementVNode("div", _hoisted_7$8, [
+              require$$0.createElementVNode("div", _hoisted_7$9, [
                 require$$0.createVNode(_component_el_tooltip, {
                   class: "box-item",
                   effect: "dark",
@@ -14782,7 +14791,7 @@
                               title: item.title,
                               class: require$$0.normalizeClass(`anchor-tip-${item.position} value-indicator`),
                               onDblclick: ($event) => onDblclick(item.value, key)
-                            }, require$$0.toDisplayString(getValue(styles[item.value])), 43, _hoisted_8$7),
+                            }, require$$0.toDisplayString(getValue(styles[item.value])), 43, _hoisted_8$8),
                             require$$0.withDirectives(require$$0.createElementVNode("input", {
                               ref_for: true,
                               ref_key: "inputField",
@@ -14792,7 +14801,7 @@
                                 "input-box anchor-tip-" + item.position + (showStyles[item.value] ? " show" : "")
                               ),
                               onBlur: ($event) => onBlur(item.value)
-                            }, null, 42, _hoisted_9$5), [
+                            }, null, 42, _hoisted_9$6), [
                               [require$$0.vModelText, styles[item.value]]
                             ]),
                             (require$$0.openBlock(), require$$0.createElementBlock("svg", {
@@ -14804,15 +14813,15 @@
                               style: require$$0.normalizeStyle(item.svg.style),
                               class: "esm-modal-svg",
                               innerHTML: item.svg.content
-                            }, null, 12, _hoisted_10$4))
+                            }, null, 12, _hoisted_10$5))
                           ]);
                         }),
                         128
                         /* KEYED_FRAGMENT */
                       ))
                     ]),
-                    _hoisted_11$3,
-                    require$$0.createElementVNode("div", _hoisted_12$3, [
+                    _hoisted_11$4,
+                    require$$0.createElementVNode("div", _hoisted_12$4, [
                       (require$$0.openBlock(), require$$0.createElementBlock(
                         require$$0.Fragment,
                         null,
@@ -14823,13 +14832,13 @@
                             onMousemove: handleMouseMove,
                             onMousedown: ($event) => handleMouseDown("margin", item, $event),
                             onMouseup: handleMouseUp
-                          }, null, 42, _hoisted_13$2);
+                          }, null, 42, _hoisted_13$3);
                         }),
                         64
                         /* STABLE_FRAGMENT */
                       ))
                     ]),
-                    _hoisted_14$2,
+                    _hoisted_14$3,
                     require$$0.createCommentVNode("\u5916\u8FB9\u8DDD Margin END"),
                     require$$0.createCommentVNode("\u5185\u8FB9\u8DDD Padding"),
                     require$$0.createElementVNode("div", _hoisted_15$2, [
@@ -14983,7 +14992,7 @@
     }
   });
 
-  var _StyleBoxInput = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["__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$K, [["__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);
 
@@ -14994,24 +15003,24 @@
     }
   };
 
-  const _hoisted_1$y = { class: "dk-style-font-input" };
-  const _hoisted_2$q = { style: { "display": "flex", "flex-flow": "row wrap" } };
-  const _hoisted_3$h = { class: "m-b-5px" };
-  const _hoisted_4$e = {
+  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 = {
     style: { "width": "100px" },
     class: "m-b-5px"
   };
-  const _hoisted_5$a = {
+  const _hoisted_5$b = {
     style: { "width": "100px" },
     class: "m-r-5px m-b-5px"
   };
-  const _hoisted_6$7 = { class: "m-r-5px m-b-5px" };
-  const _hoisted_7$7 = { class: "m-r-5px m-b-5px" };
-  const _hoisted_8$6 = { class: "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_8$7 = { class: "m-b-5px" };
   const __default__$j = require$$0.defineComponent({
     name: "DkStyleFontInput"
   });
-  var _sfc_main$I = /* @__PURE__ */ require$$0.defineComponent({
+  var _sfc_main$J = /* @__PURE__ */ require$$0.defineComponent({
     ...__default__$j,
     props: styleFontInputProps,
     emits: ["update:modelValue"],
@@ -15084,9 +15093,9 @@
         const _component_dk_icon = require$$0.resolveComponent("dk-icon");
         const _component_el_radio_button = require$$0.resolveComponent("el-radio-button");
         const _component_el_radio_group = require$$0.resolveComponent("el-radio-group");
-        return require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$y, [
+        return require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$z, [
           require$$0.createCommentVNode("    \u989C\u8272\u3001\u5B57\u53F7\u3001\u7C97\u7EC6\u3001\u98CE\u683C\u3001\u88C5\u9970"),
-          require$$0.createElementVNode("div", _hoisted_2$q, [
+          require$$0.createElementVNode("div", _hoisted_2$r, [
             require$$0.createVNode(_component_el_tooltip, {
               placement: "top-end",
               trigger: "hover",
@@ -15110,7 +15119,7 @@
                 }, 8, ["disabled"])
               ]),
               default: require$$0.withCtx(() => [
-                require$$0.createElementVNode("div", _hoisted_3$h, [
+                require$$0.createElementVNode("div", _hoisted_3$i, [
                   require$$0.createVNode(_component_el_color_picker, {
                     modelValue: styles.color,
                     "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => styles.color = $event)
@@ -15143,7 +15152,7 @@
                 }, 8, ["disabled"])
               ]),
               default: require$$0.withCtx(() => [
-                require$$0.createElementVNode("div", _hoisted_4$e, [
+                require$$0.createElementVNode("div", _hoisted_4$f, [
                   require$$0.createVNode(_component_el_select, {
                     modelValue: styles.fontSize,
                     "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => styles.fontSize = $event),
@@ -15210,7 +15219,7 @@
                 }, 8, ["disabled"])
               ]),
               default: require$$0.withCtx(() => [
-                require$$0.createElementVNode("div", _hoisted_5$a, [
+                require$$0.createElementVNode("div", _hoisted_5$b, [
                   require$$0.createVNode(_component_el_select, {
                     modelValue: styles.fontWeight,
                     "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => styles.fontWeight = $event),
@@ -15265,7 +15274,7 @@
                 }, 8, ["disabled"])
               ]),
               default: require$$0.withCtx(() => [
-                require$$0.createElementVNode("div", _hoisted_6$7, [
+                require$$0.createElementVNode("div", _hoisted_6$8, [
                   require$$0.createVNode(_component_el_radio_group, {
                     modelValue: styles.fontWeight,
                     "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => styles.fontWeight = $event)
@@ -15324,7 +15333,7 @@
                 }, 8, ["disabled"])
               ]),
               default: require$$0.withCtx(() => [
-                require$$0.createElementVNode("div", _hoisted_7$7, [
+                require$$0.createElementVNode("div", _hoisted_7$8, [
                   require$$0.createVNode(_component_el_radio_group, {
                     modelValue: styles.fontStyle,
                     "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => styles.fontStyle = $event)
@@ -15372,7 +15381,7 @@
                 }, 8, ["disabled"])
               ]),
               default: require$$0.withCtx(() => [
-                require$$0.createElementVNode("div", _hoisted_8$6, [
+                require$$0.createElementVNode("div", _hoisted_8$7, [
                   require$$0.createVNode(_component_el_radio_group, {
                     modelValue: styles.textDecoration,
                     "onUpdate:modelValue": _cache[11] || (_cache[11] = ($event) => styles.textDecoration = $event)
@@ -15442,7 +15451,7 @@
     }
   });
 
-  var _StyleFontInput = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["__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$J, [["__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);
 
@@ -15454,16 +15463,16 @@
     }
   };
 
-  const _hoisted_1$x = { class: "border-box" };
-  const _hoisted_2$p = {
+  const _hoisted_1$y = { class: "border-box" };
+  const _hoisted_2$q = {
     style: { "width": "100%" },
     class: "m-l-20px"
   };
-  const _hoisted_3$g = { style: { "display": "flex" } };
+  const _hoisted_3$h = { style: { "display": "flex" } };
   const __default__$i = require$$0.defineComponent({
     name: "DkStyleBorderInput"
   });
-  var _sfc_main$H = /* @__PURE__ */ require$$0.defineComponent({
+  var _sfc_main$I = /* @__PURE__ */ require$$0.defineComponent({
     ...__default__$i,
     props: styleBorderInputProps,
     emits: ["update:modelValue"],
@@ -15640,7 +15649,7 @@
             class: require$$0.normalizeClass(["dk-style-border-input", require$$0.unref(width).value < 400 ? "mini" : ""])
           },
           [
-            require$$0.createElementVNode("div", _hoisted_1$x, [
+            require$$0.createElementVNode("div", _hoisted_1$y, [
               (require$$0.openBlock(), require$$0.createElementBlock(
                 require$$0.Fragment,
                 null,
@@ -15658,7 +15667,7 @@
                 /* STABLE_FRAGMENT */
               ))
             ]),
-            require$$0.createElementVNode("div", _hoisted_2$p, [
+            require$$0.createElementVNode("div", _hoisted_2$q, [
               require$$0.createCommentVNode("  \u6837\u5F0F\u3001\u5BBD\u5EA6\u3001\u989C\u8272"),
               require$$0.createVNode(_component_el_form, {
                 "label-width": "50px",
@@ -15691,7 +15700,7 @@
                       }, 8, ["disabled"])
                     ]),
                     default: require$$0.withCtx(() => [
-                      require$$0.createElementVNode("div", _hoisted_3$g, [
+                      require$$0.createElementVNode("div", _hoisted_3$h, [
                         require$$0.createVNode(_component_el_slider, {
                           modelValue: form[position.value].borderWidth,
                           "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => form[position.value].borderWidth = $event),
@@ -15902,7 +15911,7 @@
     }
   });
 
-  var _StyleBorderInput = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["__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$I, [["__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);
 
@@ -15916,11 +15925,11 @@
     }
   };
 
-  const _hoisted_1$w = { class: "dk-style-background-input" };
+  const _hoisted_1$x = { class: "dk-style-background-input" };
   const __default__$h = require$$0.defineComponent({
     name: "DkStyleBackgroundInput"
   });
-  var _sfc_main$G = /* @__PURE__ */ require$$0.defineComponent({
+  var _sfc_main$H = /* @__PURE__ */ require$$0.defineComponent({
     ...__default__$h,
     props: styleBackgroundInputProps,
     emits: ["update:modelValue"],
@@ -15967,7 +15976,7 @@
       return (_ctx, _cache) => {
         const _component_el_color_picker = require$$0.resolveComponent("el-color-picker");
         const _component_dk_image_input = require$$0.resolveComponent("dk-image-input");
-        return require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$w, [
+        return require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$x, [
           require$$0.createVNode(_component_el_color_picker, {
             modelValue: form.backgroundColor,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => form.backgroundColor = $event),
@@ -15982,7 +15991,7 @@
     }
   });
 
-  var _StyleBackgroundInput = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__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$H, [["__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);
 
@@ -15998,15 +16007,15 @@
     }
   };
 
-  const _hoisted_1$v = { class: "dk-style-shadow-input" };
-  const _hoisted_2$o = {
+  const _hoisted_1$w = { class: "dk-style-shadow-input" };
+  const _hoisted_2$p = {
     key: 1,
     class: "shadow-list"
   };
   const __default__$g = require$$0.defineComponent({
     name: "DkStyleShadowInput"
   });
-  var _sfc_main$F = /* @__PURE__ */ require$$0.defineComponent({
+  var _sfc_main$G = /* @__PURE__ */ require$$0.defineComponent({
     ...__default__$g,
     props: shadowInputProps,
     emits: ["update:modelValue"],
@@ -16050,7 +16059,7 @@
         const _component_el_popover = require$$0.resolveComponent("el-popover");
         const _component_el_input = require$$0.resolveComponent("el-input");
         const _component_dk_icon = require$$0.resolveComponent("dk-icon");
-        return require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$v, [
+        return require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$w, [
           _ctx.type === "collapse" ? (require$$0.openBlock(), require$$0.createBlock(_component_el_collapse, {
             key: 0,
             modelValue: activeName.value,
@@ -16083,7 +16092,7 @@
             ]),
             _: 1
             /* STABLE */
-          }, 8, ["modelValue"])) : (require$$0.openBlock(), require$$0.createElementBlock("ul", _hoisted_2$o, [
+          }, 8, ["modelValue"])) : (require$$0.openBlock(), require$$0.createElementBlock("ul", _hoisted_2$p, [
             (require$$0.openBlock(true), require$$0.createElementBlock(
               require$$0.Fragment,
               null,
@@ -16156,31 +16165,31 @@
     }
   });
 
-  var _StyleShadowInput = /* @__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-input.vue"]]);
+  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"]]);
 
-  const _hoisted_1$u = { class: "shadow-content-shortcut" };
-  const _hoisted_2$n = { class: "default-css m-b-10px" };
-  const _hoisted_3$f = /* @__PURE__ */ require$$0.createElementVNode(
+  const _hoisted_1$v = { class: "shadow-content-shortcut" };
+  const _hoisted_2$o = { class: "default-css m-b-10px" };
+  const _hoisted_3$g = /* @__PURE__ */ require$$0.createElementVNode(
     "div",
     { class: "m-b-10px" },
     "\u5E38\u7528\u6837\u5F0F",
     -1
     /* HOISTED */
   );
-  const _hoisted_4$d = /* @__PURE__ */ require$$0.createElementVNode(
+  const _hoisted_4$e = /* @__PURE__ */ require$$0.createElementVNode(
     "i",
     { id: "center" },
     null,
     -1
     /* HOISTED */
   );
-  const _hoisted_5$9 = [
-    _hoisted_4$d
+  const _hoisted_5$a = [
+    _hoisted_4$e
   ];
   const __default__$f = require$$0.defineComponent({
     name: "DkStyleShadowContent"
   });
-  var _sfc_main$E = /* @__PURE__ */ require$$0.defineComponent({
+  var _sfc_main$F = /* @__PURE__ */ require$$0.defineComponent({
     ...__default__$f,
     props: {
       boxSize: {
@@ -16537,9 +16546,9 @@
               _: 1
               /* STABLE */
             }, 8, ["size"]),
-            require$$0.createElementVNode("div", _hoisted_1$u, [
-              require$$0.createElementVNode("div", _hoisted_2$n, [
-                _hoisted_3$f,
+            require$$0.createElementVNode("div", _hoisted_1$v, [
+              require$$0.createElementVNode("div", _hoisted_2$o, [
+                _hoisted_3$g,
                 (require$$0.openBlock(true), require$$0.createElementBlock(
                   require$$0.Fragment,
                   null,
@@ -16583,7 +16592,7 @@
                       id: "spot",
                       style: require$$0.normalizeStyle(spotStyle.value)
                     },
-                    _hoisted_5$9,
+                    _hoisted_5$a,
                     4
                     /* STYLE */
                   ),
@@ -16640,7 +16649,7 @@
     }
   });
 
-  var _StyleShadowContent = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["__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$F, [["__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);
@@ -16654,12 +16663,12 @@
     }
   };
 
-  const _hoisted_1$t = { class: "m-t-10px" };
-  const _hoisted_2$m = ["onClick"];
+  const _hoisted_1$u = { class: "m-t-10px" };
+  const _hoisted_2$n = ["onClick"];
   const __default__$e = require$$0.defineComponent({
     name: "DkStylePositionInput"
   });
-  var _sfc_main$D = /* @__PURE__ */ require$$0.defineComponent({
+  var _sfc_main$E = /* @__PURE__ */ require$$0.defineComponent({
     ...__default__$e,
     props: stylePositionInputProps,
     emits: ["update:modelValue"],
@@ -16825,7 +16834,7 @@
                     /* STABLE */
                   })
                 ]),
-                require$$0.createElementVNode("div", _hoisted_1$t, [
+                require$$0.createElementVNode("div", _hoisted_1$u, [
                   require$$0.createVNode(_component_el_row, { gutter: 20 }, {
                     default: require$$0.withCtx(() => [
                       (require$$0.openBlock(), require$$0.createElementBlock(
@@ -16852,7 +16861,7 @@
                                       require$$0.createElementVNode("span", {
                                         style: require$$0.normalizeStyle([{ "cursor": "pointer" }, form.value[item.value] ? "color:var(--el-color-primary)" : ""]),
                                         onClick: ($event) => form.value[item.value] = ""
-                                      }, require$$0.toDisplayString(item.label) + "\uFF1A", 13, _hoisted_2$m)
+                                      }, require$$0.toDisplayString(item.label) + "\uFF1A", 13, _hoisted_2$n)
                                     ]),
                                     _: 2
                                     /* DYNAMIC */
@@ -16892,7 +16901,7 @@
     }
   });
 
-  var _StylePositionInput = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__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$E, [["__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);
 
@@ -16933,7 +16942,7 @@
   const __default__$d = require$$0.defineComponent({
     name: "DkStyleNumberInput"
   });
-  var _sfc_main$C = /* @__PURE__ */ require$$0.defineComponent({
+  var _sfc_main$D = /* @__PURE__ */ require$$0.defineComponent({
     ...__default__$d,
     props: styleNumberInputProps,
     emits: ["update:modelValue"],
@@ -17093,7 +17102,7 @@
     }
   });
 
-  var _StyleNumberInput = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__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$D, [["__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);
 
@@ -17838,40 +17847,40 @@
     }
   });
 
-  const _hoisted_1$s = { class: "preview-phone" };
-  const _hoisted_2$l = { class: "phone" };
-  const _hoisted_3$e = { class: "phone-header" };
-  const _hoisted_4$c = { class: "phone-header-top" };
-  const _hoisted_5$8 = { class: "phone-time" };
-  const _hoisted_6$6 = /* @__PURE__ */ require$$0.createElementVNode(
+  const _hoisted_1$t = { class: "preview-phone" };
+  const _hoisted_2$m = { class: "phone" };
+  const _hoisted_3$f = { class: "phone-header" };
+  const _hoisted_4$d = { class: "phone-header-top" };
+  const _hoisted_5$9 = { class: "phone-time" };
+  const _hoisted_6$7 = /* @__PURE__ */ require$$0.createElementVNode(
     "div",
     null,
     null,
     -1
     /* HOISTED */
   );
-  const _hoisted_7$6 = { class: "phone-battery" };
-  const _hoisted_8$5 = /* @__PURE__ */ require$$0.createElementVNode(
+  const _hoisted_7$7 = { class: "phone-battery" };
+  const _hoisted_8$6 = /* @__PURE__ */ require$$0.createElementVNode(
     "span",
     { class: "m-r-4px" },
     "100%",
     -1
     /* HOISTED */
   );
-  const _hoisted_9$4 = { class: "phone-title" };
-  const _hoisted_10$3 = { class: "phone-title-icon" };
-  const _hoisted_11$2 = /* @__PURE__ */ require$$0.createElementVNode(
+  const _hoisted_9$5 = { class: "phone-title" };
+  const _hoisted_10$4 = { class: "phone-title-icon" };
+  const _hoisted_11$3 = /* @__PURE__ */ require$$0.createElementVNode(
     "div",
     null,
     "\u9875\u9762\u6807\u9898",
     -1
     /* HOISTED */
   );
-  const _hoisted_12$2 = { class: "phone-title-icon" };
+  const _hoisted_12$3 = { class: "phone-title-icon" };
   const __default__$c = require$$0.defineComponent({
     name: "PreviewPhone"
   });
-  var _sfc_main$B = /* @__PURE__ */ require$$0.defineComponent({
+  var _sfc_main$C = /* @__PURE__ */ require$$0.defineComponent({
     ...__default__$c,
     props: {
       value: {
@@ -17952,11 +17961,11 @@
         const _component_el_form_item = require$$0.resolveComponent("el-form-item");
         const _component_el_slider = require$$0.resolveComponent("el-slider");
         const _component_el_popover = require$$0.resolveComponent("el-popover");
-        return require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$s, [
-          require$$0.createElementVNode("div", _hoisted_2$l, [
-            require$$0.createElementVNode("div", _hoisted_3$e, [
-              require$$0.createElementVNode("div", _hoisted_4$c, [
-                require$$0.createElementVNode("div", _hoisted_5$8, [
+        return require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$t, [
+          require$$0.createElementVNode("div", _hoisted_2$m, [
+            require$$0.createElementVNode("div", _hoisted_3$f, [
+              require$$0.createElementVNode("div", _hoisted_4$d, [
+                require$$0.createElementVNode("div", _hoisted_5$9, [
                   require$$0.createElementVNode(
                     "span",
                     null,
@@ -17969,9 +17978,9 @@
                     color: "#2ddd71"
                   })
                 ]),
-                _hoisted_6$6,
-                require$$0.createElementVNode("div", _hoisted_7$6, [
-                  _hoisted_8$5,
+                _hoisted_6$7,
+                require$$0.createElementVNode("div", _hoisted_7$7, [
+                  _hoisted_8$6,
                   require$$0.createVNode(_component_dk_icon, {
                     icon: "gg:battery-full",
                     size: 18,
@@ -17980,8 +17989,8 @@
                   })
                 ])
               ]),
-              require$$0.createElementVNode("div", _hoisted_9$4, [
-                require$$0.createElementVNode("div", _hoisted_10$3, [
+              require$$0.createElementVNode("div", _hoisted_9$5, [
+                require$$0.createElementVNode("div", _hoisted_10$4, [
                   require$$0.createVNode(_component_el_dropdown, {
                     trigger: "click",
                     placement: "bottom-start"
@@ -18024,8 +18033,8 @@
                     /* STABLE */
                   })
                 ]),
-                _hoisted_11$2,
-                require$$0.createElementVNode("div", _hoisted_12$2, [
+                _hoisted_11$3,
+                require$$0.createElementVNode("div", _hoisted_12$3, [
                   require$$0.createVNode(_component_el_popover, {
                     placement: "bottom",
                     width: 200,
@@ -18102,7 +18111,7 @@
     }
   });
 
-  var PreviewPhone = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__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$C, [["__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";
@@ -21031,7 +21040,7 @@
     // 'menu', 'height', 'config', 'mask', 'locale', 'loading'
   };
 
-  const _sfc_main$A = {
+  const _sfc_main$B = {
     name: 'DkMinVideo',
     props: {
       poster: {
@@ -21073,15 +21082,15 @@
     methods: {},
   };
 
-  const _hoisted_1$r = {
+  const _hoisted_1$s = {
     style: {"position":"relative"},
     class: "dk-video-content"
   };
-  const _hoisted_2$k = { class: "video-preview" };
-  const _hoisted_3$d = { key: 0 };
-  const _hoisted_4$b = { key: 1 };
+  const _hoisted_2$l = { class: "video-preview" };
+  const _hoisted_3$e = { key: 0 };
+  const _hoisted_4$c = { key: 1 };
 
-  function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_image = require$$0.resolveComponent("el-image");
     const _component_dk_icon = require$$0.resolveComponent("dk-icon");
 
@@ -21089,7 +21098,7 @@
       class: "dk-view-video",
       style: require$$0.normalizeStyle($options._style)
     }, [
-      require$$0.createElementVNode("div", _hoisted_1$r, [
+      require$$0.createElementVNode("div", _hoisted_1$s, [
         ($props.poster)
           ? (require$$0.openBlock(), require$$0.createBlock(_component_el_image, {
               key: 0,
@@ -21098,21 +21107,21 @@
               class: "poster"
             }, null, 8 /* PROPS */, ["src"]))
           : require$$0.createCommentVNode("v-if", true),
-        require$$0.createElementVNode("div", _hoisted_2$k, [
+        require$$0.createElementVNode("div", _hoisted_2$l, [
           require$$0.createVNode(_component_dk_icon, {
             icon: "VideoPlay",
             size: 24
           }),
           (!$props.videoPath)
-            ? (require$$0.openBlock(), require$$0.createElementBlock("p", _hoisted_3$d, "请选择或者上传您的视频!!!"))
-            : (require$$0.openBlock(), require$$0.createElementBlock("p", _hoisted_4$b, "当前不支持预览,请到实际页面查看!!!!"))
+            ? (require$$0.openBlock(), require$$0.createElementBlock("p", _hoisted_3$e, "请选择或者上传您的视频!!!"))
+            : (require$$0.openBlock(), require$$0.createElementBlock("p", _hoisted_4$c, "当前不支持预览,请到实际页面查看!!!!"))
         ])
       ])
     ], 4 /* STYLE */))
   }
-  var DkMinVideo = /*#__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\\DkMinVideo.vue"]]);
+  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"]]);
 
-  const _sfc_main$z = {
+  const _sfc_main$A = {
     name: 'DkMinSwiperImage',
     props: {
       value: {
@@ -21155,12 +21164,12 @@
     methods: {},
   };
 
-  const _hoisted_1$q = {
+  const _hoisted_1$r = {
     key: 0,
     class: "swipe-title"
   };
 
-  function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_van_image = require$$0.resolveComponent("van-image");
     const _component_van_swipe_item = require$$0.resolveComponent("van-swipe-item");
     const _component_van_swipe = require$$0.resolveComponent("van-swipe");
@@ -21181,7 +21190,7 @@
                 height: $props.height
               }, null, 8 /* PROPS */, ["src", "height"]),
               ($props.showTitle)
-                ? (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$q, require$$0.toDisplayString(item.title), 1 /* TEXT */))
+                ? (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$r, require$$0.toDisplayString(item.title), 1 /* TEXT */))
                 : require$$0.createCommentVNode("v-if", true)
             ]),
             _: 2 /* DYNAMIC */
@@ -21191,9 +21200,9 @@
       _: 1 /* STABLE */
     }, 8 /* PROPS */, ["autoplay", "style"]))
   }
-  var DkMinSwiperImage = /*#__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\\DkMinSwiperImage.vue"]]);
+  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"]]);
 
-  const _sfc_main$y = {
+  const _sfc_main$z = {
     name: 'DkMinTitle',
     props: {
       type: { default: '0', type: String },
@@ -21215,14 +21224,14 @@
     methods: {},
   };
 
-  const _hoisted_1$p = { class: "dk-min-title" };
-  const _hoisted_2$j = {
+  const _hoisted_1$q = { class: "dk-min-title" };
+  const _hoisted_2$k = {
     key: 1,
     style: {"display":"flex","align-items":"flex-end","justify-content":"space-between"}
   };
 
-  function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
-    return (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$p, [
+  function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
+    return (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$q, [
       ($props.type === '0')
         ? (require$$0.openBlock(), require$$0.createElementBlock("div", {
             key: 0,
@@ -21230,7 +21239,7 @@
           }, [
             require$$0.createElementVNode("span", null, require$$0.toDisplayString($props.title), 1 /* TEXT */)
           ], 4 /* STYLE */))
-        : (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_2$j, [
+        : (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_2$k, [
             require$$0.createElementVNode("div", null, [
               require$$0.createElementVNode("span", {
                 style: require$$0.normalizeStyle({ color: $props.color })
@@ -21248,9 +21257,9 @@
           ]))
     ]))
   }
-  var DkMinTitle = /*#__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\\DkMinTitle.vue"]]);
+  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"]]);
 
-  const _sfc_main$x = {
+  const _sfc_main$y = {
     name: 'DkMinBlank',
     props: {
       height: {
@@ -21266,14 +21275,14 @@
     methods: {},
   };
 
-  function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
     return (require$$0.openBlock(), require$$0.createElementBlock("div", {
       style: require$$0.normalizeStyle([{ height: $props.height + 'px' }, {"width":"100%"}])
     }, null, 4 /* STYLE */))
   }
-  var DkMinBlank = /*#__PURE__*/_export_sfc(_sfc_main$x, [['render',_sfc_render$i],['__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$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"]]);
 
-  const _sfc_main$w = {
+  const _sfc_main$x = {
     name: 'DkMinTextarea',
     props: {
       textarea: {
@@ -21289,14 +21298,14 @@
     methods: {},
   };
 
-  const _hoisted_1$o = ["innerHTML"];
+  const _hoisted_1$p = ["innerHTML"];
 
-  function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
-    return (require$$0.openBlock(), require$$0.createElementBlock("div", { innerHTML: $props.textarea }, null, 8 /* PROPS */, _hoisted_1$o))
+  function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
+    return (require$$0.openBlock(), require$$0.createElementBlock("div", { innerHTML: $props.textarea }, null, 8 /* PROPS */, _hoisted_1$p))
   }
-  var DkMinTextarea = /*#__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\\DkMinTextarea.vue"]]);
+  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"]]);
 
-  const _sfc_main$v = {
+  const _sfc_main$w = {
     name: 'DkMinHotArea',
     props: {
       hotData: {
@@ -21381,23 +21390,23 @@
     },
   };
 
-  const _hoisted_1$n = {
+  const _hoisted_1$o = {
     ref: "el",
     class: "dk-min-area"
   };
-  const _hoisted_2$i = ["src"];
+  const _hoisted_2$j = ["src"];
 
-  function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_empty = require$$0.resolveComponent("el-empty");
 
-    return (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$n, [
+    return (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$o, [
       ($props.hotData.background)
         ? (require$$0.openBlock(), require$$0.createElementBlock("img", {
             key: 0,
             src: $props.hotData.background,
             alt: "",
             style: {"width":"100%"}
-          }, null, 8 /* PROPS */, _hoisted_2$i))
+          }, null, 8 /* PROPS */, _hoisted_2$j))
         : (require$$0.openBlock(), require$$0.createBlock(_component_el_empty, {
             key: 1,
             description: "请上传背景图"
@@ -21416,7 +21425,7 @@
       }), 128 /* KEYED_FRAGMENT */))
     ], 512 /* NEED_PATCH */))
   }
-  var DkMinHotArea = /*#__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\\min\\DkMinHotArea.vue"]]);
+  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"]]);
 
   const views$1 = {
     DkMinVideo,
@@ -21427,7 +21436,7 @@
     DkMinHotArea
   };
 
-  const _sfc_main$u = {
+  const _sfc_main$v = {
     name: 'DkViewBulletChat',
     props: {
       bgColor: { default: '', type: String },
@@ -21450,17 +21459,17 @@
     methods: {},
   };
 
-  const _hoisted_1$m = { class: "bullet-content" };
-  const _hoisted_2$h = ["src"];
-  const _hoisted_3$c = { class: "over" };
-  const _hoisted_4$a = /*#__PURE__*/require$$0.createElementVNode("div", { class: "bullet-content" }, [
+  const _hoisted_1$n = { class: "bullet-content" };
+  const _hoisted_2$i = ["src"];
+  const _hoisted_3$d = { class: "over" };
+  const _hoisted_4$b = /*#__PURE__*/require$$0.createElementVNode("div", { class: "bullet-content" }, [
     /*#__PURE__*/require$$0.createElementVNode("span", { class: "over" }, "当前数据由事件传入")
   ], -1 /* HOISTED */);
-  const _hoisted_5$7 = [
-    _hoisted_4$a
+  const _hoisted_5$8 = [
+    _hoisted_4$b
   ];
 
-  function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_van_swipe_item = require$$0.resolveComponent("van-swipe-item");
     const _component_van_swipe = require$$0.resolveComponent("van-swipe");
 
@@ -21477,15 +21486,15 @@
             (require$$0.openBlock(true), require$$0.createElementBlock(require$$0.Fragment, null, require$$0.renderList($props.bulletData, (item, key) => {
               return (require$$0.openBlock(), require$$0.createBlock(_component_van_swipe_item, { key: key }, {
                 default: require$$0.withCtx(() => [
-                  require$$0.createElementVNode("div", _hoisted_1$m, [
+                  require$$0.createElementVNode("div", _hoisted_1$n, [
                     (item.avatar)
                       ? (require$$0.openBlock(), require$$0.createElementBlock("img", {
                           key: 0,
                           src: item.avatar,
                           alt: ""
-                        }, null, 8 /* PROPS */, _hoisted_2$h))
+                        }, null, 8 /* PROPS */, _hoisted_2$i))
                       : require$$0.createCommentVNode("v-if", true),
-                    require$$0.createElementVNode("span", _hoisted_3$c, require$$0.toDisplayString(item.text), 1 /* TEXT */)
+                    require$$0.createElementVNode("span", _hoisted_3$d, require$$0.toDisplayString(item.text), 1 /* TEXT */)
                   ])
                 ]),
                 _: 2 /* DYNAMIC */
@@ -21498,11 +21507,11 @@
           key: 1,
           class: "dk-view-bullet-chat",
           style: require$$0.normalizeStyle([{"display":"flex"}, { background: $props.bgColor, color: $props.textColor }])
-        }, _hoisted_5$7, 4 /* STYLE */))
+        }, _hoisted_5$8, 4 /* STYLE */))
   }
-  var DkViewBulletChat = /*#__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\\DkViewBulletChat.vue"]]);
+  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"]]);
 
-  const _sfc_main$t = {
+  const _sfc_main$u = {
     name: 'DkViewCell',
     props: {
       groups: {
@@ -21520,7 +21529,7 @@
     methods: {},
   };
 
-  function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_van_cell = require$$0.resolveComponent("van-cell");
     const _component_van_cell_group = require$$0.resolveComponent("van-cell-group");
 
@@ -21537,9 +21546,9 @@
       _: 1 /* STABLE */
     }))
   }
-  var DkViewCell = /*#__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\\DkViewCell.vue"]]);
+  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"]]);
 
-  const _sfc_main$s = {
+  const _sfc_main$t = {
     name: 'DkViewCommonBtn',
     props: {
       posterData: {
@@ -21609,28 +21618,28 @@
     methods: {},
   };
 
-  const _hoisted_1$l = { class: "dk-view-common-btn" };
-  const _hoisted_2$g = {
+  const _hoisted_1$m = { class: "dk-view-common-btn" };
+  const _hoisted_2$h = {
     key: 0,
     class: "btn"
   };
-  const _hoisted_3$b = {
+  const _hoisted_3$c = {
     key: 1,
     class: "f-btn"
   };
-  const _hoisted_4$9 = {
+  const _hoisted_4$a = {
     key: 0,
     class: "image-content"
   };
-  const _hoisted_5$6 = ["src", "width"];
+  const _hoisted_5$7 = ["src", "width"];
 
-  function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_van_button = require$$0.resolveComponent("van-button");
     const _component_van_icon = require$$0.resolveComponent("van-icon");
 
-    return (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$l, [
+    return (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$m, [
       ($props.type === 'btn')
-        ? (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_2$g, [
+        ? (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_2$h, [
             require$$0.createVNode(_component_van_button, {
               type: "primary",
               block: $props.block,
@@ -21645,14 +21654,14 @@
               _: 1 /* STABLE */
             }, 8 /* PROPS */, ["block", "round", "size", "color", "icon"])
           ]))
-        : (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_3$b, [
+        : (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_3$c, [
             ($props.img)
-              ? (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_4$9, [
+              ? (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_4$a, [
                   require$$0.createElementVNode("img", {
                     src: $props.img,
                     alt: "",
                     width: $props.imgSize
-                  }, null, 8 /* PROPS */, _hoisted_5$6)
+                  }, null, 8 /* PROPS */, _hoisted_5$7)
                 ]))
               : require$$0.createCommentVNode("v-if", true),
             require$$0.createElementVNode("div", {
@@ -21670,9 +21679,9 @@
           ]))
     ]))
   }
-  var DkViewCommonBtn = /*#__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\\DkViewCommonBtn.vue"]]);
+  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"]]);
 
-  const _sfc_main$r = {
+  const _sfc_main$s = {
     name: 'DkViewDialog',
     props: {
       title: { default: '标题', type: String },
@@ -21705,15 +21714,15 @@
     },
   };
 
-  const _hoisted_1$k = { class: "dk-view-dialog" };
-  const _hoisted_2$f = /*#__PURE__*/require$$0.createElementVNode("div", { class: "preview" }, "点击预览可以查看弹窗效果", -1 /* HOISTED */);
-  const _hoisted_3$a = ["innerHTML"];
+  const _hoisted_1$l = { class: "dk-view-dialog" };
+  const _hoisted_2$g = /*#__PURE__*/require$$0.createElementVNode("div", { class: "preview" }, "点击预览可以查看弹窗效果", -1 /* HOISTED */);
+  const _hoisted_3$b = ["innerHTML"];
 
-  function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_van_dialog = require$$0.resolveComponent("van-dialog");
 
-    return (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$k, [
-      _hoisted_2$f,
+    return (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$l, [
+      _hoisted_2$g,
       ($data.showDialog)
         ? (require$$0.openBlock(), require$$0.createBlock(_component_van_dialog, {
             key: 0,
@@ -21728,16 +21737,16 @@
               require$$0.createElementVNode("div", {
                 style: {"padding":"10px"},
                 innerHTML: $props.content
-              }, null, 8 /* PROPS */, _hoisted_3$a)
+              }, null, 8 /* PROPS */, _hoisted_3$b)
             ]),
             _: 1 /* STABLE */
           }, 8 /* PROPS */, ["show", "title"]))
         : require$$0.createCommentVNode("v-if", true)
     ]))
   }
-  var DkViewDialog = /*#__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\\DkViewDialog.vue"]]);
+  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"]]);
 
-  const _sfc_main$q = {
+  const _sfc_main$r = {
     name: 'DkViewGridCellList',
     props: {
       value: {
@@ -21815,18 +21824,18 @@
     methods: {},
   };
 
-  const _hoisted_1$j = {
+  const _hoisted_1$k = {
     key: 0,
     class: "cell"
   };
-  const _hoisted_2$e = ["src", "alt", "width", "height"];
-  const _hoisted_3$9 = {
+  const _hoisted_2$f = ["src", "alt", "width", "height"];
+  const _hoisted_3$a = {
     key: 1,
     class: "grid"
   };
-  const _hoisted_4$8 = ["src", "width", "height", "alt"];
+  const _hoisted_4$9 = ["src", "width", "height", "alt"];
 
-  function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_dk_icon = require$$0.resolveComponent("dk-icon");
     const _component_van_cell = require$$0.resolveComponent("van-cell");
     const _component_van_cell_group = require$$0.resolveComponent("van-cell-group");
@@ -21834,7 +21843,7 @@
     const _component_van_grid = require$$0.resolveComponent("van-grid");
 
     return ($props.type === 'cell')
-      ? (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$j, [
+      ? (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$k, [
           require$$0.createVNode(_component_van_cell_group, null, {
             default: require$$0.withCtx(() => [
               (require$$0.openBlock(true), require$$0.createElementBlock(require$$0.Fragment, null, require$$0.renderList($props.gridCellList, (item, key) => {
@@ -21853,7 +21862,7 @@
                 borderRadius: $props.imgRadius + 'px',
                 marginRight: $props.imgTextGutter + 'px',
               })
-                    }, null, 12 /* STYLE, PROPS */, _hoisted_2$e)
+                    }, null, 12 /* STYLE, PROPS */, _hoisted_2$f)
                   ]),
                   title: require$$0.withCtx(() => [
                     require$$0.createElementVNode("span", {
@@ -21874,7 +21883,7 @@
             _: 1 /* STABLE */
           })
         ]))
-      : (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_3$9, [
+      : (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_3$a, [
           require$$0.createVNode(_component_van_grid, {
             square: $props.square,
             direction: $props.direction,
@@ -21898,7 +21907,7 @@
                             height: $props.gridImgSize,
                             alt: item.title,
                             style: require$$0.normalizeStyle({ borderRadius: $props.imgRadius + 'px' })
-                          }, null, 12 /* STYLE, PROPS */, _hoisted_4$8)
+                          }, null, 12 /* STYLE, PROPS */, _hoisted_4$9)
                         ]),
                         text: require$$0.withCtx(() => [
                           require$$0.createElementVNode("span", {
@@ -21915,9 +21924,9 @@
           }, 8 /* PROPS */, ["square", "direction", "gutter", "clickable", "border", "column-num"])
         ]))
   }
-  var DkViewGridCellList = /*#__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\\DkViewGridCellList.vue"]]);
+  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"]]);
 
-  const _sfc_main$p = {
+  const _sfc_main$q = {
     name: 'DkViewImage',
     props: {
       value: { default: '', type: String },
@@ -21954,9 +21963,9 @@
     methods: {},
   };
 
-  const _hoisted_1$i = { key: 0 };
+  const _hoisted_1$j = { key: 0 };
 
-  function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_van_image = require$$0.resolveComponent("van-image");
     const _component_el_empty = require$$0.resolveComponent("el-empty");
 
@@ -21985,15 +21994,15 @@
         ], 4 /* STYLE */))
       }), 128 /* KEYED_FRAGMENT */)),
       ($props.imageList.length <= 0)
-        ? (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$i, [
+        ? (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$j, [
             require$$0.createVNode(_component_el_empty, { description: "请添加图片数据" })
           ]))
         : require$$0.createCommentVNode("v-if", true)
     ], 2 /* CLASS */))
   }
-  var DkViewImage = /*#__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\\DkViewImage.vue"]]);
+  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"]]);
 
-  const _sfc_main$o = {
+  const _sfc_main$p = {
     name: 'DkViewMusic',
     props: {
       musicPath: { default: '', type: String },
@@ -22025,23 +22034,23 @@
     methods: {},
   };
 
-  const _hoisted_1$h = { class: "dk-view-music" };
-  const _hoisted_2$d = { key: 0 };
-  const _hoisted_3$8 = ["src"];
+  const _hoisted_1$i = { class: "dk-view-music" };
+  const _hoisted_2$e = { key: 0 };
+  const _hoisted_3$9 = ["src"];
 
-  function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_van_icon = require$$0.resolveComponent("van-icon");
 
-    return (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$h, [
+    return (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$i, [
       ($props.iconType === 'image')
-        ? (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_2$d, [
+        ? (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_2$e, [
             require$$0.createElementVNode("img", {
               src: $props.imgUrl,
               width: "100%",
               style: require$$0.normalizeStyle($options._style),
               class: require$$0.normalizeClass([$props.rotation, "dk-music-img"]),
               alt: ""
-            }, null, 14 /* CLASS, STYLE, PROPS */, _hoisted_3$8)
+            }, null, 14 /* CLASS, STYLE, PROPS */, _hoisted_3$9)
           ]))
         : (require$$0.openBlock(), require$$0.createBlock(_component_van_icon, {
             key: 1,
@@ -22051,10 +22060,10 @@
           }, null, 8 /* PROPS */, ["class", "style"]))
     ]))
   }
-  var DkViewMusic = /*#__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\\DkViewMusic.vue"]]);
+  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"]]);
 
   // TODO 可以后期增加配置背景色等参数
-  const _sfc_main$n = {
+  const _sfc_main$o = {
     name: 'DkViewNavBar',
     props: {
       title: {
@@ -22094,7 +22103,7 @@
     methods: {},
   };
 
-  function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_van_nav_bar = require$$0.resolveComponent("van-nav-bar");
 
     return (require$$0.openBlock(), require$$0.createElementBlock("div", null, [
@@ -22107,9 +22116,9 @@
       }, null, 8 /* PROPS */, ["title", "left-text", "right-text", "left-arrow", "border"])
     ]))
   }
-  var DkViewNavBar = /*#__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\\DkViewNavBar.vue"]]);
+  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"]]);
 
-  const _sfc_main$m = {
+  const _sfc_main$n = {
     name: 'DkViewNoticeBar',
     props: {
       leftIcon: { default: '', type: String },
@@ -22127,7 +22136,7 @@
     methods: {},
   };
 
-  function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_van_notice_bar = require$$0.resolveComponent("van-notice-bar");
 
     return (require$$0.openBlock(), require$$0.createElementBlock("div", null, [
@@ -22140,9 +22149,9 @@
       }, null, 8 /* PROPS */, ["speed", "left-icon", "text", "color", "background"])
     ]))
   }
-  var DkViewNoticeBar = /*#__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\\DkViewNoticeBar.vue"]]);
+  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"]]);
 
-  const _sfc_main$l = {
+  const _sfc_main$m = {
     name: 'DkViewSwipe',
     props: {
       value: {
@@ -22181,7 +22190,7 @@
     methods: {},
   };
 
-  function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_van_image = require$$0.resolveComponent("van-image");
     const _component_van_swipe_item = require$$0.resolveComponent("van-swipe-item");
     const _component_van_swipe = require$$0.resolveComponent("van-swipe");
@@ -22210,9 +22219,9 @@
       _: 1 /* STABLE */
     }, 8 /* PROPS */, ["autoplay", "style"]))
   }
-  var DkViewSwipe = /*#__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\\DkViewSwipe.vue"]]);
+  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"]]);
 
-  const _sfc_main$k = {
+  const _sfc_main$l = {
     name: 'DkViewTabbar',
     props: {
       tabBars: {
@@ -22241,14 +22250,14 @@
     methods: {},
   };
 
-  const _hoisted_1$g = { class: "dk-view-tabbar" };
-  const _hoisted_2$c = ["src"];
+  const _hoisted_1$h = { class: "dk-view-tabbar" };
+  const _hoisted_2$d = ["src"];
 
-  function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_van_tabbar_item = require$$0.resolveComponent("van-tabbar-item");
     const _component_van_tabbar = require$$0.resolveComponent("van-tabbar");
 
-    return (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$g, [
+    return (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$h, [
       require$$0.createVNode(_component_van_tabbar, {
         modelValue: $data.tmpActive,
         "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => (($data.tmpActive) = $event)),
@@ -22277,7 +22286,7 @@
                       require$$0.createElementVNode("img", {
                         src: item.imgIcon,
                         alt: ""
-                      }, null, 8 /* PROPS */, _hoisted_2$c)
+                      }, null, 8 /* PROPS */, _hoisted_2$d)
                     ]),
                     key: "0"
                   }
@@ -22289,9 +22298,9 @@
       }, 8 /* PROPS */, ["modelValue", "active-color", "inactive-color", "style"])
     ]))
   }
-  var DkViewTabbar = /*#__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\\DkViewTabbar.vue"]]);
+  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"]]);
 
-  const _sfc_main$j = {
+  const _sfc_main$k = {
     name: 'DkViewTextarea',
     props: {
       textarea: {
@@ -22307,14 +22316,14 @@
     methods: {},
   };
 
-  const _hoisted_1$f = ["innerHTML"];
+  const _hoisted_1$g = ["innerHTML"];
 
-  function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
-    return (require$$0.openBlock(), require$$0.createElementBlock("div", { innerHTML: $props.textarea }, null, 8 /* PROPS */, _hoisted_1$f))
+  function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
+    return (require$$0.openBlock(), require$$0.createElementBlock("div", { innerHTML: $props.textarea }, null, 8 /* PROPS */, _hoisted_1$g))
   }
-  var DkViewTextarea = /*#__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\\DkViewTextarea.vue"]]);
+  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"]]);
 
-  const _sfc_main$i = {
+  const _sfc_main$j = {
     name: 'DkViewTitle',
     props: {
       title: { default: '标题', type: String },
@@ -22344,15 +22353,15 @@
     methods: {},
   };
 
-  const _hoisted_1$e = { class: "dk-view-title" };
-  const _hoisted_2$b = { class: "title-left" };
+  const _hoisted_1$f = { class: "dk-view-title" };
+  const _hoisted_2$c = { class: "title-left" };
 
-  function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_van_icon = require$$0.resolveComponent("van-icon");
     const _component_van_image = require$$0.resolveComponent("van-image");
 
-    return (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$e, [
-      require$$0.createElementVNode("div", _hoisted_2$b, [
+    return (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$f, [
+      require$$0.createElementVNode("div", _hoisted_2$c, [
         ($props.prefix === 'icon')
           ? (require$$0.openBlock(), require$$0.createBlock(_component_van_icon, {
               key: 0,
@@ -22397,9 +22406,9 @@
         : require$$0.createCommentVNode("v-if", true)
     ]))
   }
-  var DkViewTitle = /*#__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\\DkViewTitle.vue"]]);
+  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"]]);
 
-  const _sfc_main$h = {
+  const _sfc_main$i = {
     name: 'DkViewVideo',
     props: {
       poster: {
@@ -22441,15 +22450,15 @@
     methods: {},
   };
 
-  const _hoisted_1$d = {
+  const _hoisted_1$e = {
     style: {"position":"relative"},
     class: "dk-video-content"
   };
-  const _hoisted_2$a = { class: "video-preview" };
-  const _hoisted_3$7 = { key: 0 };
-  const _hoisted_4$7 = { key: 1 };
+  const _hoisted_2$b = { class: "video-preview" };
+  const _hoisted_3$8 = { key: 0 };
+  const _hoisted_4$8 = { key: 1 };
 
-  function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_image = require$$0.resolveComponent("el-image");
     const _component_dk_icon = require$$0.resolveComponent("dk-icon");
 
@@ -22457,7 +22466,7 @@
       class: "dk-view-video",
       style: require$$0.normalizeStyle($options._style)
     }, [
-      require$$0.createElementVNode("div", _hoisted_1$d, [
+      require$$0.createElementVNode("div", _hoisted_1$e, [
         ($props.poster)
           ? (require$$0.openBlock(), require$$0.createBlock(_component_el_image, {
               key: 0,
@@ -22466,19 +22475,19 @@
               class: "poster"
             }, null, 8 /* PROPS */, ["src"]))
           : require$$0.createCommentVNode("v-if", true),
-        require$$0.createElementVNode("div", _hoisted_2$a, [
+        require$$0.createElementVNode("div", _hoisted_2$b, [
           require$$0.createVNode(_component_dk_icon, {
             icon: "VideoPlay",
             size: 24
           }),
           (!$props.videoPath)
-            ? (require$$0.openBlock(), require$$0.createElementBlock("p", _hoisted_3$7, "请选择或者上传您的视频"))
-            : (require$$0.openBlock(), require$$0.createElementBlock("p", _hoisted_4$7, "当前不支持预览,请到实际页面查看"))
+            ? (require$$0.openBlock(), require$$0.createElementBlock("p", _hoisted_3$8, "请选择或者上传您的视频"))
+            : (require$$0.openBlock(), require$$0.createElementBlock("p", _hoisted_4$8, "当前不支持预览,请到实际页面查看"))
         ])
       ])
     ], 4 /* STYLE */))
   }
-  var DkViewVideo = /*#__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\\views\\web\\DkViewVideo.vue"]]);
+  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"]]);
 
   const views = {
     DkViewBulletChat,
@@ -22497,6 +22506,459 @@
     DkViewVideo
   };
 
+  const cloudDiy = "/adminapi/cloud_diy/";
+  function getList(page_name, page, search, size) {
+    return request({
+      url: cloudDiy + "getList",
+      method: "post",
+      // eslint-disable-next-line camelcase
+      data: { page_name, page, search, size }
+    });
+  }
+  function down(id) {
+    return request({
+      url: cloudDiy + "down",
+      method: "post",
+      data: { id }
+    });
+  }
+  function getDiyForm(id, page_name, diy_data) {
+    return request({
+      url: cloudDiy + "getDiyForm",
+      method: "post",
+      // eslint-disable-next-line camelcase
+      data: { id, page_name, diy_data }
+    });
+  }
+  function getSiteMsg() {
+    return request({
+      url: cloudDiy + "getSiteMsg",
+      method: "post",
+      data: {}
+    });
+  }
+  function getCheckForm(id, state) {
+    return request({
+      url: cloudDiy + "getCheckForm",
+      method: "post",
+      data: { id, state }
+    });
+  }
+  function delDiy(id) {
+    return request({
+      url: cloudDiy + "delDiy",
+      method: "post",
+      data: { id }
+    });
+  }
+
+  const _sfc_main$h = {
+    name: 'DiyCloud',
+    props: {
+      pageName: {
+        default: '',
+        type: String,
+      },
+      diyData: {
+        default: () => {
+          return {}
+        },
+        type: Object,
+      },
+    },
+    emits: ['submit'],
+    data() {
+      return {
+        total: 0,
+        pageSize: 12,
+        keyword: '',
+        search: {
+          state: '',
+          look: '',
+        },
+        chooseDiy: {},
+        page: 1,
+        formData: null,
+        site: {},
+        width: '800px',
+        list: [],
+        loading: true,
+        errMsg: '',
+        errCode: 0,
+      }
+    },
+    computed: {},
+    mounted() {
+      this.getDiyList();
+      this.getSiteMsg();
+    },
+    methods: {
+      submit() {
+        this.$confirm('确定选择此diy模板？', '提示', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning',
+        })
+          .then(() => {
+            down(this.chooseDiy.id).then((res) => {
+              this.$emit('submit', res.data);
+            });
+          })
+          .catch(() => {});
+      },
+      onChooseDiy(item) {
+        this.chooseDiy = item;
+      },
+      getDiyList(page) {
+        this.page = page || this.page;
+        this.loading = true;
+        getList(this.pageName, this.page, this.search, this.pageSize)
+          .then((res) => {
+            this.list = res.data;
+            this.total = res.msg;
+            this.loading = false;
+          })
+          .catch((res) => {
+            this.errMsg = res.msg;
+            this.errCode = -1;
+            this.loading = false;
+          });
+      },
+      getSiteMsg() {
+        getSiteMsg().then((res) => {
+          this.site = res.data;
+        });
+      },
+      getDiyForm(id = 0) {
+        getDiyForm(id, this.pageName, this.diyData)
+          .then((res) => {
+            console.log('getDiyForm', res);
+            this.formData = res.data;
+            this.width = '600px';
+            this.$refs.formRef.show();
+          })
+          .catch((res) => {
+            this.$message.error(res.msg);
+          });
+      },
+      getCheckForm() {
+        getCheckForm(this.chooseDiy.id, this.chooseDiy.state)
+          .then((res) => {
+            this.formData = res.data;
+            this.width = '400px';
+            this.$refs.formRef.show();
+          })
+          .catch((res) => {
+            this.$message.error(res.msg);
+          });
+      },
+      delDiy() {
+        this.$confirm('确定要删除当前模板，删除后不可恢复？', '提示', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning',
+        })
+          .then(() => {
+            delDiy(this.chooseDiy.id)
+              .then((res) => {
+                this.$message.success(res.msg);
+                this.getDiyList(1);
+              })
+              .catch((res) => {
+                this.$message.error(res.msg);
+              });
+          })
+          .catch(() => {});
+      },
+      onSubmit() {
+        this.getDiyList(0);
+      },
+    },
+  };
+
+  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 = {
+    key: 0,
+    class: "cl"
+  };
+  const _hoisted_6$6 = ["onClick"];
+  const _hoisted_7$6 = {
+    key: 0,
+    class: "mask"
+  };
+  const _hoisted_8$5 = { class: "type" };
+  const _hoisted_9$4 = {
+    key: 1,
+    class: "tag-list"
+  };
+  const _hoisted_10$3 = {
+    key: 0,
+    class: "tag"
+  };
+  const _hoisted_11$2 = {
+    key: 1,
+    class: "tag"
+  };
+  const _hoisted_12$2 = { class: "title over" };
+  const _hoisted_13$2 = {
+    key: 1,
+    style: {"display":"flex","align-items":"center","justify-content":"center","height":"500px"}
+  };
+  const _hoisted_14$2 = { class: "diy-footer" };
+
+  function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
+    const _component_el_option = require$$0.resolveComponent("el-option");
+    const _component_el_select = require$$0.resolveComponent("el-select");
+    const _component_el_button = require$$0.resolveComponent("el-button");
+    const _component_el_input = require$$0.resolveComponent("el-input");
+    const _component_el_image = require$$0.resolveComponent("el-image");
+    const _component_el_tag = require$$0.resolveComponent("el-tag");
+    const _component_van_icon = require$$0.resolveComponent("van-icon");
+    const _component_el_empty = require$$0.resolveComponent("el-empty");
+    const _component_el_pagination = require$$0.resolveComponent("el-pagination");
+    const _component_dk_form = require$$0.resolveComponent("dk-form");
+    const _directive_loading = require$$0.resolveDirective("loading");
+
+    return (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1$d, [
+      require$$0.createElementVNode("div", _hoisted_2$a, [
+        require$$0.createElementVNode("div", _hoisted_3$7, [
+          require$$0.createVNode(_component_el_select, {
+            modelValue: $data.search.state,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => (($data.search.state) = $event)),
+            placeholder: "状态"
+          }, {
+            default: require$$0.withCtx(() => [
+              require$$0.createVNode(_component_el_option, {
+                label: "全部状态",
+                value: ""
+              }),
+              ($data.site.level > 0)
+                ? (require$$0.openBlock(), require$$0.createBlock(_component_el_option, {
+                    key: 0,
+                    label: "未通过",
+                    value: "-1"
+                  }))
+                : require$$0.createCommentVNode("v-if", true),
+              ($data.site.level > 0)
+                ? (require$$0.openBlock(), require$$0.createBlock(_component_el_option, {
+                    key: 1,
+                    label: "未审核",
+                    value: "0"
+                  }))
+                : require$$0.createCommentVNode("v-if", true),
+              require$$0.createVNode(_component_el_option, {
+                label: "已审核",
+                value: "1"
+              }),
+              require$$0.createVNode(_component_el_option, {
+                label: "已推荐",
+                value: "2"
+              })
+            ]),
+            _: 1 /* STABLE */
+          }, 8 /* PROPS */, ["modelValue"]),
+          require$$0.createVNode(_component_el_select, {
+            modelValue: $data.search.look,
+            "onUpdate:modelValue": _cache[1] || (_cache[1] = $event => (($data.search.look) = $event)),
+            placeholder: "查看",
+            class: "u-m-l-10"
+          }, {
+            default: require$$0.withCtx(() => [
+              require$$0.createVNode(_component_el_option, {
+                label: "全部模板",
+                value: ""
+              }),
+              require$$0.createVNode(_component_el_option, {
+                label: "我的模板",
+                value: "me"
+              }),
+              require$$0.createVNode(_component_el_option, {
+                label: "他人模板",
+                value: "other"
+              })
+            ]),
+            _: 1 /* STABLE */
+          }, 8 /* PROPS */, ["modelValue"]),
+          require$$0.createVNode(_component_el_input, {
+            modelValue: $data.search['name like'],
+            "onUpdate:modelValue": _cache[3] || (_cache[3] = $event => (($data.search['name like']) = $event)),
+            placeholder: "请输入模板名称",
+            clearable: "",
+            onClear: _cache[4] || (_cache[4] = $event => ($options.getDiyList(0)))
+          }, {
+            append: require$$0.withCtx(() => [
+              require$$0.createVNode(_component_el_button, {
+                icon: "Search",
+                onClick: _cache[2] || (_cache[2] = $event => ($options.getDiyList(1)))
+              })
+            ]),
+            _: 1 /* STABLE */
+          }, 8 /* PROPS */, ["modelValue"])
+        ]),
+        require$$0.createElementVNode("div", null, [
+          ($data.site.level > 0)
+            ? (require$$0.openBlock(), require$$0.createBlock(_component_el_button, {
+                key: 0,
+                type: "warning",
+                disabled: !$data.chooseDiy.id,
+                onClick: $options.getCheckForm
+              }, {
+                default: require$$0.withCtx(() => [
+                  require$$0.createTextVNode("审核 ")
+                ]),
+                _: 1 /* STABLE */
+              }, 8 /* PROPS */, ["disabled", "onClick"]))
+            : require$$0.createCommentVNode("v-if", true),
+          ($data.site.level > 1)
+            ? (require$$0.openBlock(), require$$0.createBlock(_component_el_button, {
+                key: 1,
+                type: "danger",
+                disabled: !$data.chooseDiy.id,
+                onClick: $options.delDiy
+              }, {
+                default: require$$0.withCtx(() => [
+                  require$$0.createTextVNode("删除")
+                ]),
+                _: 1 /* STABLE */
+              }, 8 /* PROPS */, ["disabled", "onClick"]))
+            : require$$0.createCommentVNode("v-if", true),
+          ($data.site.level > 0 || $data.site.site_id === $data.chooseDiy.site_id)
+            ? (require$$0.openBlock(), require$$0.createBlock(_component_el_button, {
+                key: 2,
+                type: "info",
+                disabled: !$data.chooseDiy.id,
+                onClick: _cache[5] || (_cache[5] = $event => ($options.getDiyForm($data.chooseDiy.id)))
+              }, {
+                default: require$$0.withCtx(() => [
+                  require$$0.createTextVNode("编辑 ")
+                ]),
+                _: 1 /* STABLE */
+              }, 8 /* PROPS */, ["disabled"]))
+            : require$$0.createCommentVNode("v-if", true),
+          require$$0.createVNode(_component_el_button, {
+            type: "primary",
+            icon: "Upload",
+            onClick: _cache[6] || (_cache[6] = $event => ($options.getDiyForm()))
+          }, {
+            default: require$$0.withCtx(() => [
+              require$$0.createTextVNode("上传新模板")
+            ]),
+            _: 1 /* STABLE */
+          })
+        ])
+      ]),
+      require$$0.createCommentVNode("-------------模板列表------------------------"),
+      require$$0.withDirectives((require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_4$7, [
+        (!$data.loading && $data.list.length > 0)
+          ? (require$$0.openBlock(), require$$0.createElementBlock("ul", _hoisted_5$6, [
+              (require$$0.openBlock(true), require$$0.createElementBlock(require$$0.Fragment, null, require$$0.renderList($data.list, (item, key) => {
+                return (require$$0.openBlock(), require$$0.createElementBlock("li", {
+                  key: key,
+                  class: require$$0.normalizeClass({ choose: $data.chooseDiy.id === item.id }),
+                  onClick: $event => ($options.onChooseDiy(item))
+                }, [
+                  require$$0.createVNode(_component_el_image, {
+                    src: item.cover_image,
+                    class: "cover",
+                    fit: "contain"
+                  }, null, 8 /* PROPS */, ["src"]),
+                  (item.state <= 0)
+                    ? (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_7$6))
+                    : require$$0.createCommentVNode("v-if", true),
+                  require$$0.createElementVNode("div", _hoisted_8$5, [
+                    (item.state === '0')
+                      ? (require$$0.openBlock(), require$$0.createBlock(_component_el_tag, {
+                          key: 0,
+                          effect: "dark"
+                        }, {
+                          default: require$$0.withCtx(() => [
+                            require$$0.createTextVNode("审核中")
+                          ]),
+                          _: 1 /* STABLE */
+                        }))
+                      : require$$0.createCommentVNode("v-if", true),
+                    (item.state === '-1')
+                      ? (require$$0.openBlock(), require$$0.createBlock(_component_el_tag, {
+                          key: 1,
+                          type: "danger",
+                          effect: "dark"
+                        }, {
+                          default: require$$0.withCtx(() => [
+                            require$$0.createTextVNode("审核未通过")
+                          ]),
+                          _: 1 /* STABLE */
+                        }))
+                      : require$$0.createCommentVNode("v-if", true)
+                  ]),
+                  (item.state > 0)
+                    ? (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_9$4, [
+                        (item.state >= 2)
+                          ? (require$$0.openBlock(), require$$0.createElementBlock("span", _hoisted_10$3, [
+                              require$$0.createVNode(_component_van_icon, { name: "good-job" }),
+                              require$$0.createTextVNode("推荐")
+                            ]))
+                          : require$$0.createCommentVNode("v-if", true),
+                        (item.down_count > 100)
+                          ? (require$$0.openBlock(), require$$0.createElementBlock("span", _hoisted_11$2, [
+                              require$$0.createVNode(_component_van_icon, { name: "fire" }),
+                              require$$0.createTextVNode("热门")
+                            ]))
+                          : require$$0.createCommentVNode("v-if", true)
+                      ]))
+                    : require$$0.createCommentVNode("v-if", true),
+                  require$$0.createElementVNode("div", _hoisted_12$2, require$$0.toDisplayString(item.name), 1 /* TEXT */)
+                ], 10 /* CLASS, PROPS */, _hoisted_6$6))
+              }), 128 /* KEYED_FRAGMENT */))
+            ]))
+          : (require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_13$2, [
+              ($data.errCode === 0)
+                ? (require$$0.openBlock(), require$$0.createBlock(_component_el_empty, {
+                    key: 0,
+                    description: "当前还没模板，点击右上角上传自己的模板吧"
+                  }))
+                : (require$$0.openBlock(), require$$0.createBlock(_component_el_empty, {
+                    key: 1,
+                    description: $data.errMsg
+                  }, null, 8 /* PROPS */, ["description"]))
+            ])),
+        require$$0.createVNode(_component_el_pagination, {
+          background: "",
+          layout: "total,prev, pager, next",
+          total: $data.total,
+          "current-page": $data.page,
+          "page-size": $data.pageSize,
+          "hide-on-single-page": "",
+          onCurrentChange: $options.getDiyList
+        }, null, 8 /* PROPS */, ["total", "current-page", "page-size", "onCurrentChange"])
+      ])), [
+        [_directive_loading, $data.loading]
+      ]),
+      require$$0.createElementVNode("div", _hoisted_14$2, [
+        require$$0.createVNode(_component_el_button, {
+          type: "primary",
+          style: {"width":"300px"},
+          disabled: !$data.chooseDiy.id,
+          onClick: $options.submit
+        }, {
+          default: require$$0.withCtx(() => [
+            require$$0.createTextVNode("确定")
+          ]),
+          _: 1 /* STABLE */
+        }, 8 /* PROPS */, ["disabled", "onClick"])
+      ]),
+      require$$0.createVNode(_component_dk_form, {
+        ref: "formRef",
+        "is-dialog": true,
+        "form-data": $data.formData,
+        onSubmit: $options.onSubmit
+      }, 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"]]);
+
   designerForm.register({
     name: 'help',
     init({ value }, rule) {
@@ -22515,6 +22977,7 @@
   const _sfc_main$g = require$$0.defineComponent({
     name: 'DkPageDiy',
     components: {
+      DiyCloud,
       draggable: draggableComponent,
       PreviewPhone,
       DragForm: designerForm.$form(),
@@ -22913,6 +23376,18 @@
           }
           data.dkPageForm.api.coverValue(pageConfig);
         },
+        // 显示云端DIY
+        showDiyCloud(pageName) {
+          console.log('123');
+          const diyData = methods.get();
+          data.diyCloud.pageName = pageName;
+          data.diyCloud.show = true;
+          data.diyCloud.diy_data = diyData;
+        },
+        downCloudConfig(config) {
+          methods.set(config);
+          data.diyCloud.show = false;
+        },
         getRule() {
           return methods.parseRule(deepCopy(data.dragForm.api.rule[0].children))
         },
@@ -23560,6 +24035,8 @@
     const _component_el_tab_pane = require$$0.resolveComponent("el-tab-pane");
     const _component_el_tabs = require$$0.resolveComponent("el-tabs");
     const _component_el_dialog = require$$0.resolveComponent("el-dialog");
+    const _component_diy_cloud = require$$0.resolveComponent("diy-cloud");
+    const _component_dk_dialog = require$$0.resolveComponent("dk-dialog");
     const _directive_loading = require$$0.resolveDirective("loading");
 
     return (require$$0.openBlock(), require$$0.createBlock(_component_el_container, { class: "_fc-designer dk-page-diy" }, {
@@ -23821,24 +24298,26 @@
           ]),
           _: 1 /* STABLE */
         }, 8 /* PROPS */, ["visible"]),
-        require$$0.createVNode(_component_el_dialog, {
-          visible: _ctx.diyCloud.show,
-          "onUpdate:visible": _cache[18] || (_cache[18] = $event => ((_ctx.diyCloud.show) = $event)),
+        require$$0.createVNode(_component_dk_dialog, {
+          modelValue: _ctx.diyCloud.show,
+          "onUpdate:modelValue": _cache[18] || (_cache[18] = $event => ((_ctx.diyCloud.show) = $event)),
           width: "1200px",
           "append-to-body": "",
           title: "DIY模板市场",
           top: "10vh"
         }, {
           default: require$$0.withCtx(() => [
-            require$$0.createCommentVNode("      <diy-cloud"),
-            require$$0.createCommentVNode("        v-if=\"diyCloud.show\""),
-            require$$0.createCommentVNode("        :page-name=\"diyCloud.pageName\""),
-            require$$0.createCommentVNode("        :diy-data=\"diyCloud.diy_data\""),
-            require$$0.createCommentVNode("        @submit=\"downCloudConfig\""),
-            require$$0.createCommentVNode("      />")
+            (_ctx.diyCloud.show)
+              ? (require$$0.openBlock(), require$$0.createBlock(_component_diy_cloud, {
+                  key: 0,
+                  "page-name": _ctx.diyCloud.pageName,
+                  "diy-data": _ctx.diyCloud.diy_data,
+                  onSubmit: _ctx.downCloudConfig
+                }, null, 8 /* PROPS */, ["page-name", "diy-data", "onSubmit"]))
+              : require$$0.createCommentVNode("v-if", true)
           ]),
           _: 1 /* STABLE */
-        }, 8 /* PROPS */, ["visible"])
+        }, 8 /* PROPS */, ["modelValue"])
       ]),
       _: 3 /* FORWARDED */
     }))