@vipl520/dk-ui 1.0.74 → 1.0.75

package/dist/index.js

@@ -1681,12 +1681,12 @@
     }
   };
 
-  const _hoisted_1$11 = { class: "mr-10px bg-black" };
-  const __default__$R = vue.defineComponent({
+  const _hoisted_1$12 = { class: "mr-10px bg-black" };
+  const __default__$S = vue.defineComponent({
     name: "DkTest"
   });
-  var _sfc_main$1l = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$R,
+  var _sfc_main$1m = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$S,
     props: testProps,
     emits: ["onChooseUrl"],
     setup(__props, { emit }) {
@@ -1724,7 +1724,7 @@
             }),
             vue.createElementVNode(
               "div",
-              _hoisted_1$11,
+              _hoisted_1$12,
               vue.toDisplayString(_ctx.test),
               1
               /* TEXT */
@@ -1745,7 +1745,7 @@
     return target;
   };
 
-  var _Test = /* @__PURE__ */ _export_sfc(_sfc_main$1l, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\test\\src\\test.vue"]]);
+  var _Test = /* @__PURE__ */ _export_sfc(_sfc_main$1m, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\test\\src\\test.vue"]]);
 
   const Test = withInstall(_Test);
 
@@ -1899,14 +1899,14 @@
     }
   };
 
-  const _hoisted_1$10 = { key: 1 };
+  const _hoisted_1$11 = { key: 1 };
   const _hoisted_2$N = { class: "collapse-title" };
   const _hoisted_3$B = { class: "_dk-group-handle" };
-  const __default__$Q = vue.defineComponent({
+  const __default__$R = vue.defineComponent({
     name: "DkGroup"
   });
-  var _sfc_main$1k = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$Q,
+  var _sfc_main$1l = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$R,
     props: groupProps,
     emits: ["update:modelValue", "change", "itemMounted", "remove", "add"],
     setup(__props, { emit }) {
@@ -2150,7 +2150,7 @@
               _: 1
               /* STABLE */
             })) : vue.createCommentVNode("v-if", true),
-            data.sort.length === 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$10, [
+            data.sort.length === 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$11, [
               (vue.openBlock(), vue.createBlock(_component_el_button, {
                 key: "a_def",
                 style: { "width": "100%" },
@@ -2260,7 +2260,7 @@
     }
   });
 
-  var _Group = /* @__PURE__ */ _export_sfc(_sfc_main$1k, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\group\\src\\group.vue"]]);
+  var _Group = /* @__PURE__ */ _export_sfc(_sfc_main$1l, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\group\\src\\group.vue"]]);
 
   const Group = withInstall(_Group);
 
@@ -2384,14 +2384,14 @@
     }
   };
 
-  const _hoisted_1$$ = { key: 0 };
+  const _hoisted_1$10 = { key: 0 };
   const _hoisted_2$M = { key: 1 };
   const _hoisted_3$A = { class: "text-center" };
-  const __default__$P = vue.defineComponent({
+  const __default__$Q = vue.defineComponent({
     name: "DkTinyEditor"
   });
-  var _sfc_main$1j = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$P,
+  var _sfc_main$1k = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$Q,
     props: tinyEditorProps,
     emits: ["input", "update:modelValue", "change"],
     setup(__props, { emit }) {
@@ -2486,7 +2486,7 @@
             class: "dk-tiny-editor"
           },
           [
-            showDialog.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$$, [
+            showDialog.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$10, [
               vue.createVNode(vue.unref(Editor), {
                 ref_key: "editorRef",
                 ref: editorRef,
@@ -2570,7 +2570,7 @@
     }
   });
 
-  var _TinyEditor = /* @__PURE__ */ _export_sfc(_sfc_main$1j, [["__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$1k, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\tiny-editor\\src\\tiny-editor.vue"]]);
 
   const TinyEditor = withInstall(_TinyEditor);
 
@@ -2599,11 +2599,11 @@
     }
   };
 
-  const __default__$O = vue.defineComponent({
+  const __default__$P = vue.defineComponent({
     name: "DkIcon"
   });
-  var _sfc_main$1i = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$O,
+  var _sfc_main$1j = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$P,
     props: iconProps,
     setup(__props) {
       const props = __props;
@@ -2669,7 +2669,7 @@
     }
   });
 
-  var _Icon = /* @__PURE__ */ _export_sfc(_sfc_main$1i, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\icon\\src\\icon.vue"]]);
+  var _Icon = /* @__PURE__ */ _export_sfc(_sfc_main$1j, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\icon\\src\\icon.vue"]]);
 
   const Icon = withInstall(_Icon);
 
@@ -2685,15 +2685,15 @@
     teleported: { default: true, type: Boolean }
   };
 
-  const _hoisted_1$_ = {
+  const _hoisted_1$$ = {
     style: { "display": "flex" },
     class: "dk-color-input"
   };
-  const __default__$N = vue.defineComponent({
+  const __default__$O = vue.defineComponent({
     name: "DkColorInput"
   });
-  var _sfc_main$1h = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$N,
+  var _sfc_main$1i = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$O,
     props: colorInputProps,
     emits: ["input", "update:modelValue", "change"],
     setup(__props, { emit }) {
@@ -2717,7 +2717,7 @@
       return (_ctx, _cache) => {
         const _component_el_color_picker = vue.resolveComponent("el-color-picker");
         const _component_el_input = vue.resolveComponent("el-input");
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$_, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$$, [
           vue.createVNode(_component_el_color_picker, {
             modelValue: data.value,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => data.value = $event),
@@ -2737,7 +2737,7 @@
     }
   });
 
-  var _ColorInput = /* @__PURE__ */ _export_sfc(_sfc_main$1h, [["__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$1i, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\color-input\\src\\color-input.vue"]]);
 
   const ColorInput = withInstall(_ColorInput);
 
@@ -2750,7 +2750,7 @@
     }
   };
 
-  const _hoisted_1$Z = { class: "hot-area-content" };
+  const _hoisted_1$_ = { class: "hot-area-content" };
   const _hoisted_2$L = { class: "hot-area-draggable" };
   const _hoisted_3$z = {
     class: "hot-item-content",
@@ -2769,11 +2769,11 @@
     /* HOISTED */
   );
   const _hoisted_7$g = { style: { "display": "flex", "justify-content": "space-between", "width": "100%" } };
-  const __default__$M = vue.defineComponent({
+  const __default__$N = vue.defineComponent({
     name: "HotAreaContent"
   });
-  var _sfc_main$1g = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$M,
+  var _sfc_main$1h = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$N,
     props: {
       hotDataValue: {
         default: () => {
@@ -2868,7 +2868,7 @@
         const _component_dk_icon = vue.resolveComponent("dk-icon");
         const _component_el_button = vue.resolveComponent("el-button");
         const _component_el_form = vue.resolveComponent("el-form");
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$Z, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$_, [
           vue.createElementVNode("div", _hoisted_2$L, [
             hotData.background ? (vue.openBlock(), vue.createElementBlock(
               "div",
@@ -3010,15 +3010,15 @@
     }
   });
 
-  var HotAreaContent = /* @__PURE__ */ _export_sfc(_sfc_main$1g, [["__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$1h, [["__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$Y = { class: "dk-hot-area-input" };
+  const _hoisted_1$Z = { class: "dk-hot-area-input" };
   const _hoisted_2$K = { class: "text-center" };
-  const __default__$L = vue.defineComponent({
+  const __default__$M = vue.defineComponent({
     name: "DkHotAreaInput"
   });
-  var _sfc_main$1f = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$L,
+  var _sfc_main$1g = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$M,
     props: hotAreaInputProps,
     setup(__props) {
       const props = __props;
@@ -3027,7 +3027,7 @@
       return (_ctx, _cache) => {
         const _component_el_button = vue.resolveComponent("el-button");
         const _component_dk_dialog = vue.resolveComponent("dk-dialog");
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$Y, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$Z, [
           vue.createVNode(_component_el_button, {
             type: "primary",
             onClick: _cache[0] || (_cache[0] = ($event) => dialog.value = true)
@@ -3071,7 +3071,7 @@
     }
   });
 
-  var _HotAreaInput = /* @__PURE__ */ _export_sfc(_sfc_main$1f, [["__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$1g, [["__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);
 
@@ -3108,13 +3108,13 @@
     }
   };
 
-  const _hoisted_1$X = { class: "flex justify-between items-center relative" };
+  const _hoisted_1$Y = { class: "flex justify-between items-center relative" };
   const _hoisted_2$J = { class: "flex justify-between items-center absolute top-[50%] right-0 translate-y-[-50%]" };
-  const __default__$K = vue.defineComponent({
+  const __default__$L = vue.defineComponent({
     name: "DkDialog"
   });
-  var _sfc_main$1e = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$K,
+  var _sfc_main$1f = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$L,
     props: dialogProps,
     setup(__props) {
       const props = __props;
@@ -3179,7 +3179,7 @@
         }), vue.createSlots({
           header: vue.withCtx(({ close }) => [
             vue.renderSlot(_ctx.$slots, "header", {}, () => [
-              vue.createElementVNode("div", _hoisted_1$X, [
+              vue.createElementVNode("div", _hoisted_1$Y, [
                 vue.createElementVNode(
                   "span",
                   null,
@@ -3233,7 +3233,7 @@
     }
   });
 
-  var _Dialog = /* @__PURE__ */ _export_sfc(_sfc_main$1e, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\dialog\\src\\dialog.vue"]]);
+  var _Dialog = /* @__PURE__ */ _export_sfc(_sfc_main$1f, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\dialog\\src\\dialog.vue"]]);
 
   const Dialog = withInstall(_Dialog);
 
@@ -3333,12 +3333,12 @@
   };
   var _config = config;
 
-  const _hoisted_1$W = { key: 1 };
-  const __default__$J = vue.defineComponent({
+  const _hoisted_1$X = { key: 1 };
+  const __default__$K = vue.defineComponent({
     name: "DkForm"
   });
-  var _sfc_main$1d = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$J,
+  var _sfc_main$1e = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$K,
     props: formProps,
     emits: ["submit", "fail", "update:modelValue"],
     setup(__props, { expose: __expose, emit }) {
@@ -3590,7 +3590,7 @@
           ]),
           _: 3
           /* FORWARDED */
-        }, 16, ["modelValue", "title", "width", "default-fullscreen", "draggable"])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$W, [
+        }, 16, ["modelValue", "title", "width", "default-fullscreen", "draggable"])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$X, [
           vue.createElementVNode(
             "div",
             {
@@ -3642,11 +3642,11 @@
     }
   });
 
-  var _Form = /* @__PURE__ */ _export_sfc(_sfc_main$1d, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\form\\src\\form.vue"]]);
+  var _Form = /* @__PURE__ */ _export_sfc(_sfc_main$1e, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\form\\src\\form.vue"]]);
 
   const Form = withInstall(_Form);
 
-  const _hoisted_1$V = {
+  const _hoisted_1$W = {
     xmlns: "http://www.w3.org/2000/svg",
     version: "1.1",
     x: "0px",
@@ -3725,11 +3725,11 @@
     "font-family": "Verdana, Helvetica, Arial, sans-serif",
     "font-size": "124"
   };
-  const __default__$I = vue.defineComponent({
+  const __default__$J = vue.defineComponent({
     name: "DkFileIcon"
   });
-  var _sfc_main$1c = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$I,
+  var _sfc_main$1d = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$J,
     props: {
       type: {
         default: 0,
@@ -3799,7 +3799,7 @@
         return colorList[index];
       };
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$V, [
+        return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$W, [
           vue.createElementVNode("g", null, [
             _hoisted_2$I,
             _hoisted_3$y,
@@ -3834,7 +3834,7 @@
     }
   });
 
-  var DkFileIcon = /* @__PURE__ */ _export_sfc(_sfc_main$1c, [["__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$1d, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\attachment\\src\\file-icon.vue"]]);
 
   const attachmentProps = {
     type: {
@@ -3848,7 +3848,7 @@
     }
   };
 
-  const _hoisted_1$U = { class: "dk-attachment attachment" };
+  const _hoisted_1$V = { class: "dk-attachment attachment" };
   const _hoisted_2$H = { class: "attachment-header flex justify-between pt-5px pb-5px" };
   const _hoisted_3$x = { class: "header-form z" };
   const _hoisted_4$m = { class: "header-button y" };
@@ -3899,11 +3899,11 @@
     key: 1,
     style: { "display": "flex", "align-items": "center", "justify-content": "center", "height": "340px" }
   };
-  const __default__$H = vue.defineComponent({
+  const __default__$I = vue.defineComponent({
     name: "DkAttachment"
   });
-  var _sfc_main$1b = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$H,
+  var _sfc_main$1c = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$I,
     props: attachmentProps,
     setup(__props, { expose: __expose }) {
       const props = __props;
@@ -4103,7 +4103,7 @@
         const _component_el_empty = vue.resolveComponent("el-empty");
         const _component_dk_form = vue.resolveComponent("dk-form");
         const _directive_loading = vue.resolveDirective("loading");
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$U, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$V, [
           vue.createCommentVNode(" \u9876\u90E8"),
           vue.createElementVNode("div", _hoisted_2$H, [
             vue.createElementVNode("div", _hoisted_3$x, [
@@ -4419,7 +4419,7 @@
     }
   });
 
-  var _Attachment = /* @__PURE__ */ _export_sfc(_sfc_main$1b, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\attachment\\src\\attachment.vue"]]);
+  var _Attachment = /* @__PURE__ */ _export_sfc(_sfc_main$1c, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\attachment\\src\\attachment.vue"]]);
 
   const Attachment = withInstall(_Attachment);
 
@@ -4435,12 +4435,12 @@
     }
   };
 
-  const _hoisted_1$T = { class: "text-center m2" };
-  const __default__$G = vue.defineComponent({
+  const _hoisted_1$U = { class: "text-center m2" };
+  const __default__$H = vue.defineComponent({
     name: "DkAttachmentDialog"
   });
-  var _sfc_main$1a = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$G,
+  var _sfc_main$1b = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$H,
     props: attachmentDialogProps,
     emits: ["confirm"],
     setup(__props, { expose: __expose, emit }) {
@@ -4489,7 +4489,7 @@
               ref: attachment,
               type: _type.value
             }, null, 8, ["type"]),
-            vue.createElementVNode("div", _hoisted_1$T, [
+            vue.createElementVNode("div", _hoisted_1$U, [
               vue.createVNode(_component_el_button, {
                 type: "primary",
                 size: "default",
@@ -4520,7 +4520,7 @@
     }
   });
 
-  var _AttachmentDialog = /* @__PURE__ */ _export_sfc(_sfc_main$1a, [["__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$1b, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\attachment-dialog\\src\\attachment-dialog.vue"]]);
 
   const AttachmentDialog = withInstall(_AttachmentDialog);
 
@@ -4539,15 +4539,15 @@
     accept: { type: String, default: "" }
   };
 
-  const _hoisted_1$S = { class: "show m-t-5px" };
+  const _hoisted_1$T = { class: "show m-t-5px" };
   const _hoisted_2$G = { class: "image-error" };
   const _hoisted_3$w = { class: "image-slot" };
   const _hoisted_4$l = { class: "no-image" };
-  const __default__$F = vue.defineComponent({
+  const __default__$G = vue.defineComponent({
     name: "DkFileInput"
   });
-  var _sfc_main$19 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$F,
+  var _sfc_main$1a = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$G,
     props: fileInputProps,
     emits: ["input", "update:modelValue", "change"],
     setup(__props, { emit }) {
@@ -4621,7 +4621,7 @@
                   /* STABLE */
                 }, 8, ["modelValue", "placeholder"]),
                 vue.createCommentVNode("\u9009\u62E9\u7684\u662F\u56FE\u7247"),
-                vue.createElementVNode("div", _hoisted_1$S, [
+                vue.createElementVNode("div", _hoisted_1$T, [
                   _ctx.type === 1 ? (vue.openBlock(), vue.createBlock(_component_el_image, {
                     key: 0,
                     src: input.value,
@@ -4767,7 +4767,7 @@
     }
   });
 
-  var _FileInput = /* @__PURE__ */ _export_sfc(_sfc_main$19, [["__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$1a, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\file-input\\src\\file-input.vue"]]);
 
   const FileInput = withInstall(_FileInput);
 
@@ -4779,11 +4779,11 @@
     accept: { type: String, default: "" }
   };
 
-  const __default__$E = vue.defineComponent({
+  const __default__$F = vue.defineComponent({
     name: "DkImageInput"
   });
-  var _sfc_main$18 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$E,
+  var _sfc_main$19 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$F,
     props: imageInputProps,
     emits: ["input", "update:modelValue", "change"],
     setup(__props, { emit }) {
@@ -4819,7 +4819,7 @@
     }
   });
 
-  var _ImageInput = /* @__PURE__ */ _export_sfc(_sfc_main$18, [["__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$19, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\image-input\\src\\image-input.vue"]]);
 
   const ImageInput = withInstall(_ImageInput);
 
@@ -4831,11 +4831,11 @@
     accept: { type: String, default: "" }
   };
 
-  const __default__$D = vue.defineComponent({
+  const __default__$E = vue.defineComponent({
     name: "DkAudioInput"
   });
-  var _sfc_main$17 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$D,
+  var _sfc_main$18 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$E,
     props: audioInputProps,
     emits: ["input", "update:modelValue", "change"],
     setup(__props, { emit }) {
@@ -4871,7 +4871,7 @@
     }
   });
 
-  var _AudioInput = /* @__PURE__ */ _export_sfc(_sfc_main$17, [["__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$18, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\audio-input\\src\\audio-input.vue"]]);
 
   const AudioInput = withInstall(_AudioInput);
 
@@ -4883,11 +4883,11 @@
     accept: { type: String, default: "" }
   };
 
-  const __default__$C = vue.defineComponent({
+  const __default__$D = vue.defineComponent({
     name: "DkVideoInput"
   });
-  var _sfc_main$16 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$C,
+  var _sfc_main$17 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$D,
     props: videoInputProps,
     emits: ["input", "update:modelValue", "change"],
     setup(__props, { emit }) {
@@ -4923,7 +4923,7 @@
     }
   });
 
-  var _VideoInput = /* @__PURE__ */ _export_sfc(_sfc_main$16, [["__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$17, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\video-input\\src\\video-input.vue"]]);
 
   const VideoInput = withInstall(_VideoInput);
 
@@ -4936,14 +4936,14 @@
     accept: { default: "", type: String }
   };
 
-  const _hoisted_1$R = { class: "dk-image-list" };
+  const _hoisted_1$S = { class: "dk-image-list" };
   const _hoisted_2$F = ["onClick"];
   const _hoisted_3$v = { key: 0 };
-  const __default__$B = vue.defineComponent({
+  const __default__$C = vue.defineComponent({
     name: "DkFileListInput"
   });
-  var _sfc_main$15 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$B,
+  var _sfc_main$16 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$C,
     props: fileListInputProps,
     emits: ["input", "update:modelValue", "change"],
     setup(__props, { emit }) {
@@ -5001,7 +5001,7 @@
             class: vue.normalizeClass(vue.unref(bem)())
           },
           [
-            vue.createElementVNode("div", _hoisted_1$R, [
+            vue.createElementVNode("div", _hoisted_1$S, [
               vue.createElementVNode("ul", null, [
                 (vue.openBlock(true), vue.createElementBlock(
                   vue.Fragment,
@@ -5085,7 +5085,7 @@
     }
   });
 
-  var _FileListInput = /* @__PURE__ */ _export_sfc(_sfc_main$15, [["__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$16, [["__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);
 
@@ -5097,11 +5097,11 @@
     accept: { default: "", type: String }
   };
 
-  const __default__$A = vue.defineComponent({
+  const __default__$B = vue.defineComponent({
     name: "DkImageListInput"
   });
-  var _sfc_main$14 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$A,
+  var _sfc_main$15 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$B,
     props: imageListInputProps,
     emits: ["input", "update:modelValue", "change"],
     setup(__props, { emit }) {
@@ -5138,7 +5138,7 @@
     }
   });
 
-  var _ImageListInput = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["__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$15, [["__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);
 
@@ -5150,11 +5150,11 @@
     accept: { default: "", type: String }
   };
 
-  const __default__$z = vue.defineComponent({
+  const __default__$A = vue.defineComponent({
     name: "DkAudioListInput"
   });
-  var _sfc_main$13 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$z,
+  var _sfc_main$14 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$A,
     props: audioListInputProps,
     emits: ["input", "update:modelValue", "change"],
     setup(__props, { emit }) {
@@ -5191,7 +5191,7 @@
     }
   });
 
-  var _AudioListInput = /* @__PURE__ */ _export_sfc(_sfc_main$13, [["__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$14, [["__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);
 
@@ -5203,11 +5203,11 @@
     accept: { default: "", type: String }
   };
 
-  const __default__$y = vue.defineComponent({
+  const __default__$z = vue.defineComponent({
     name: "DkVideoListInput"
   });
-  var _sfc_main$12 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$y,
+  var _sfc_main$13 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$z,
     props: videoListInputProps,
     emits: ["input", "update:modelValue", "change"],
     setup(__props, { emit }) {
@@ -5244,7 +5244,7 @@
     }
   });
 
-  var _VideoListInput = /* @__PURE__ */ _export_sfc(_sfc_main$12, [["__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$13, [["__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);
 
@@ -5304,18 +5304,18 @@
     });
   }
 
-  const _hoisted_1$Q = { class: "dk-icon-content" };
+  const _hoisted_1$R = { class: "dk-icon-content" };
   const _hoisted_2$E = {
     key: 0,
     class: "text-center",
     style: { "font-size": "12px", "color": "#999" }
   };
   const _hoisted_3$u = { class: "search-icon" };
-  const __default__$x = vue.defineComponent({
+  const __default__$y = vue.defineComponent({
     name: "DkIconContent"
   });
-  var _sfc_main$11 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$x,
+  var _sfc_main$12 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$y,
     props: iconContentProps,
     emits: ["choose"],
     setup(__props, { expose: __expose, emit }) {
@@ -5413,7 +5413,7 @@
         const _component_el_tabs = vue.resolveComponent("el-tabs");
         const _component_el_button = vue.resolveComponent("el-button");
         const _component_el_input = vue.resolveComponent("el-input");
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$Q, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$R, [
           vue.createVNode(_component_el_tabs, {
             modelValue: activeName.value,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => activeName.value = $event)
@@ -5547,14 +5547,14 @@
     }
   });
 
-  var _IconContent = /* @__PURE__ */ _export_sfc(_sfc_main$11, [["__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$12, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\icon-input\\src\\icon-content.vue"]]);
 
-  const _hoisted_1$P = { class: "text-center m2" };
-  const __default__$w = vue.defineComponent({
+  const _hoisted_1$Q = { class: "text-center m2" };
+  const __default__$x = vue.defineComponent({
     name: "DkIconDialog"
   });
-  var _sfc_main$10 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$w,
+  var _sfc_main$11 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$x,
     props: iconDialogProps,
     emits: ["choose", "confirm"],
     setup(__props, { expose: __expose, emit }) {
@@ -5588,7 +5588,7 @@
           class: "dk-icon-dialog"
         }, {
           footer: vue.withCtx(() => [
-            vue.createElementVNode("div", _hoisted_1$P, [
+            vue.createElementVNode("div", _hoisted_1$Q, [
               vue.createVNode(_component_el_button, {
                 type: "primary",
                 onClick: confirm
@@ -5627,17 +5627,17 @@
     }
   });
 
-  var _IconDialog = /* @__PURE__ */ _export_sfc(_sfc_main$10, [["__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$11, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\icon-input\\src\\icon-dialog.vue"]]);
 
-  const _hoisted_1$O = {
+  const _hoisted_1$P = {
     key: 0,
     class: "show m-t-5px"
   };
-  const __default__$v = vue.defineComponent({
+  const __default__$w = vue.defineComponent({
     name: "DkIconInput"
   });
-  var _sfc_main$$ = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$v,
+  var _sfc_main$10 = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$w,
     props: iconInputProps,
     emits: ["input", "update:modelValue", "change"],
     setup(__props, { emit }) {
@@ -5705,7 +5705,7 @@
               /* STABLE */
             }, 8, ["modelValue", "placeholder"]),
             vue.createCommentVNode("\u9009\u62E9\u7684\u662F\u56FE\u7247"),
-            props.preview ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$O, [
+            props.preview ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$P, [
               vue.createVNode(_component_dk_icon, {
                 icon: input.value ? input.value : "fluent:document-none-24-regular",
                 class: "icon rd-4px cursor-pointer",
@@ -5744,7 +5744,7 @@
     }
   });
 
-  var _IconInput = /* @__PURE__ */ _export_sfc(_sfc_main$$, [["__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$10, [["__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);
@@ -5813,6 +5813,13 @@
       props: {},
       value: {},
       params: ["boxShadow"]
+    },
+    {
+      name: "DkStyleCustomInput",
+      title: "\u81EA\u5B9A\u4E49",
+      props: {},
+      value: {},
+      params: []
     }
     // {
     //   name: 'DkStylePositionInput',
@@ -5868,17 +5875,17 @@
     }
   };
 
-  const _hoisted_1$N = { class: "dk-style-input" };
+  const _hoisted_1$O = { class: "dk-style-input" };
   const _hoisted_2$D = {
     key: 0,
     class: "p-5px"
   };
   const _hoisted_3$t = { key: 1 };
-  const __default__$u = vue.defineComponent({
+  const __default__$v = vue.defineComponent({
     name: "DkStyleInput"
   });
-  var _sfc_main$_ = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$u,
+  var _sfc_main$$ = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$v,
     props: styleInputProps,
     emits: ["update:modelValue"],
     setup(__props, { emit }) {
@@ -5898,21 +5905,35 @@
       };
       const _components = vue.ref([]);
       const init = () => {
+        const usedParams = /* @__PURE__ */ new Set();
         _components.value = props.components.filter((item) => {
           return !props.hideComponents.includes(item.name);
         });
         const obj = {};
         _components.value.forEach((item) => {
-          const params = item.params;
-          const paramsObj = {};
-          Object.keys(params).forEach((key) => {
-            const param = params[key];
-            if (props.modelValue[param]) {
-              paramsObj[param] = props.modelValue[param];
+          if (item.name !== "DkStyleCustomInput") {
+            const paramsObj = {};
+            item.params.forEach((param) => {
+              if (props.modelValue[param] !== void 0) {
+                paramsObj[param] = props.modelValue[param];
+                usedParams.add(param);
+              }
+            });
+            obj[item.name] = paramsObj;
+          }
+        });
+        const customComponent = _components.value.find((item) => item.name === "DkStyleCustomInput");
+        if (customComponent) {
+          const customParamsObj = {};
+          Object.keys(props.modelValue).forEach((key) => {
+            if (!usedParams.has(key)) {
+              customParamsObj[key] = props.modelValue[key];
             }
           });
-          obj[item.name] = paramsObj;
-        });
+          obj[customComponent.name] = customParamsObj;
+        }
+        console.log("props.modelValue", props.modelValue);
+        console.log(obj);
         values.value = obj;
         loading.value = false;
       };
@@ -5933,7 +5954,7 @@
         const _component_el_collapse = vue.resolveComponent("el-collapse");
         const _component_el_button = vue.resolveComponent("el-button");
         const _component_el_drawer = vue.resolveComponent("el-drawer");
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$N, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$O, [
           !loading.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$D, [
             !props.isDrawer ? (vue.openBlock(), vue.createBlock(_component_el_collapse, {
               key: 0,
@@ -6047,7 +6068,7 @@
     }
   });
 
-  var _StyleInput = /* @__PURE__ */ _export_sfc(_sfc_main$_, [["__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$$, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\style-input\\src\\style-input.vue"]]);
 
   const StyleInput = withInstall(_StyleInput);
 
@@ -6087,13 +6108,13 @@
     }
   };
 
-  const _hoisted_1$M = ["onMousedown"];
+  const _hoisted_1$N = ["onMousedown"];
   const _hoisted_2$C = { style: { "display": "flex" } };
-  const __default__$t = vue.defineComponent({
+  const __default__$u = vue.defineComponent({
     name: "DkBoxSizeInput"
   });
-  var _sfc_main$Z = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$t,
+  var _sfc_main$_ = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$u,
     props: boxSizeInputProps,
     emits: ["update:modelValue"],
     setup(__props, { emit }) {
@@ -6326,7 +6347,7 @@
                                 _: 2
                                 /* DYNAMIC */
                               }, 1032, ["content", "disabled"])
-                            ], 40, _hoisted_1$M)
+                            ], 40, _hoisted_1$N)
                           ]),
                           key: "0"
                         } : void 0
@@ -6428,7 +6449,7 @@
     }
   });
 
-  var _BoxSizeInput = /* @__PURE__ */ _export_sfc(_sfc_main$Z, [["__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$_, [["__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);
 
@@ -6556,7 +6577,7 @@
     }
   ];
 
-  const _hoisted_1$L = { class: "dk-style-box-input" };
+  const _hoisted_1$M = { class: "dk-style-box-input" };
   const _hoisted_2$B = { class: "header" };
   const _hoisted_3$s = { class: "flex items-center justify-between" };
   const _hoisted_4$k = { class: "items-center" };
@@ -6606,11 +6627,11 @@
     key: 0,
     class: "flex items-center justify-between"
   };
-  const __default__$s = vue.defineComponent({
+  const __default__$t = vue.defineComponent({
     name: "DkStyleBoxInput"
   });
-  var _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$s,
+  var _sfc_main$Z = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$t,
     props: styleBoxInputProps,
     emits: ["update:modelValue", "change"],
     setup(__props, { emit }) {
@@ -6886,7 +6907,7 @@
         const _component_el_switch = vue.resolveComponent("el-switch");
         const _component_el_tooltip = vue.resolveComponent("el-tooltip");
         const _component_el_input = vue.resolveComponent("el-input");
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$L, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$M, [
           vue.createElementVNode(
             "div",
             {
@@ -7297,7 +7318,7 @@
     }
   });
 
-  var _StyleBoxInput = /* @__PURE__ */ _export_sfc(_sfc_main$Y, [["__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$Z, [["__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);
 
@@ -7308,7 +7329,7 @@
     }
   };
 
-  const _hoisted_1$K = { class: "dk-style-font-input" };
+  const _hoisted_1$L = { class: "dk-style-font-input" };
   const _hoisted_2$A = { style: { "display": "flex", "flex-flow": "wrap", "align-items": "center" } };
   const _hoisted_3$r = { class: "m-b-5px" };
   const _hoisted_4$j = {
@@ -7321,11 +7342,11 @@
   };
   const _hoisted_6$c = { class: "m-r-5px m-b-5px" };
   const _hoisted_7$c = { class: "m-b-5px" };
-  const __default__$r = vue.defineComponent({
+  const __default__$s = vue.defineComponent({
     name: "DkStyleFontInput"
   });
-  var _sfc_main$X = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$r,
+  var _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$s,
     props: styleFontInputProps,
     emits: ["update:modelValue", "change"],
     setup(__props, { emit }) {
@@ -7391,7 +7412,7 @@
         const _component_el_select = vue.resolveComponent("el-select");
         const _component_dk_icon = vue.resolveComponent("dk-icon");
         const _component_el_button_group = vue.resolveComponent("el-button-group");
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$K, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$L, [
           vue.createCommentVNode("    \u989C\u8272\u3001\u5B57\u53F7\u3001\u7C97\u7EC6\u3001\u98CE\u683C\u3001\u88C5\u9970"),
           vue.createElementVNode("div", _hoisted_2$A, [
             vue.createVNode(_component_el_tooltip, {
@@ -7572,7 +7593,7 @@
     }
   });
 
-  var _StyleFontInput = /* @__PURE__ */ _export_sfc(_sfc_main$X, [["__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$Y, [["__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);
 
@@ -7584,17 +7605,17 @@
     }
   };
 
-  const _hoisted_1$J = { class: "border-box" };
+  const _hoisted_1$K = { class: "border-box" };
   const _hoisted_2$z = {
     style: { "width": "100%" },
     class: "m-l-20px"
   };
   const _hoisted_3$q = { style: { "display": "flex", "width": "100%" } };
-  const __default__$q = vue.defineComponent({
+  const __default__$r = vue.defineComponent({
     name: "DkStyleBorderInput"
   });
-  var _sfc_main$W = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$q,
+  var _sfc_main$X = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$r,
     props: styleBorderInputProps,
     emits: ["update:modelValue", "change"],
     setup(__props, { emit }) {
@@ -7771,7 +7792,7 @@
             class: vue.normalizeClass(["dk-style-border-input", vue.unref(width) < 400 ? "mini" : ""])
           },
           [
-            vue.createElementVNode("div", _hoisted_1$J, [
+            vue.createElementVNode("div", _hoisted_1$K, [
               (vue.openBlock(), vue.createElementBlock(
                 vue.Fragment,
                 null,
@@ -8049,7 +8070,7 @@
     }
   });
 
-  var _StyleBorderInput = /* @__PURE__ */ _export_sfc(_sfc_main$W, [["__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$X, [["__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);
 
@@ -8063,12 +8084,12 @@
     }
   };
 
-  const _hoisted_1$I = { class: "dk-style-background-input" };
-  const __default__$p = vue.defineComponent({
+  const _hoisted_1$J = { class: "dk-style-background-input" };
+  const __default__$q = vue.defineComponent({
     name: "DkStyleBackgroundInput"
   });
-  var _sfc_main$V = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$p,
+  var _sfc_main$W = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$q,
     props: styleBackgroundInputProps,
     emits: ["update:modelValue", "change"],
     setup(__props, { emit }) {
@@ -8115,7 +8136,7 @@
       return (_ctx, _cache) => {
         const _component_el_color_picker = vue.resolveComponent("el-color-picker");
         const _component_dk_image_input = vue.resolveComponent("dk-image-input");
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$I, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$J, [
           vue.createVNode(_component_el_color_picker, {
             modelValue: form.backgroundColor,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => form.backgroundColor = $event),
@@ -8130,7 +8151,7 @@
     }
   });
 
-  var _StyleBackgroundInput = /* @__PURE__ */ _export_sfc(_sfc_main$V, [["__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$W, [["__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);
 
@@ -8146,16 +8167,16 @@
     }
   };
 
-  const _hoisted_1$H = { class: "dk-style-shadow-input" };
+  const _hoisted_1$I = { class: "dk-style-shadow-input" };
   const _hoisted_2$y = {
     key: 1,
     class: "shadow-list"
   };
-  const __default__$o = vue.defineComponent({
+  const __default__$p = vue.defineComponent({
     name: "DkStyleShadowInput"
   });
-  var _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$o,
+  var _sfc_main$V = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$p,
     props: shadowInputProps,
     emits: ["update:modelValue", "change"],
     setup(__props, { emit }) {
@@ -8199,7 +8220,7 @@
         const _component_el_popover = vue.resolveComponent("el-popover");
         const _component_el_input = vue.resolveComponent("el-input");
         const _component_dk_icon = vue.resolveComponent("dk-icon");
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$H, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$I, [
           _ctx.type === "collapse" ? (vue.openBlock(), vue.createBlock(_component_el_collapse, {
             key: 0,
             modelValue: activeName.value,
@@ -8305,9 +8326,9 @@
     }
   });
 
-  var _StyleShadowInput = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["__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$V, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\style-shadow-input\\src\\style-shadow-input.vue"]]);
 
-  const _hoisted_1$G = { class: "flex" };
+  const _hoisted_1$H = { class: "flex" };
   const _hoisted_2$x = { class: "flex" };
   const _hoisted_3$p = { class: "flex" };
   const _hoisted_4$i = { class: "flex" };
@@ -8330,11 +8351,11 @@
   const _hoisted_9$7 = [
     _hoisted_8$8
   ];
-  const __default__$n = vue.defineComponent({
+  const __default__$o = vue.defineComponent({
     name: "DkStyleShadowContent"
   });
-  var _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$n,
+  var _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$o,
     props: {
       boxSize: {
         default: 180,
@@ -8525,7 +8546,7 @@
                 }),
                 vue.createVNode(_component_el_form_item, { label: "x\u8F74" }, {
                   default: vue.withCtx(() => [
-                    vue.createElementVNode("div", _hoisted_1$G, [
+                    vue.createElementVNode("div", _hoisted_1$H, [
                       vue.createVNode(_component_el_input, {
                         modelValue: form.x,
                         "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => form.x = $event),
@@ -8775,7 +8796,7 @@
     }
   });
 
-  var _StyleShadowContent = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["__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$U, [["__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);
@@ -8789,13 +8810,13 @@
     }
   };
 
-  const _hoisted_1$F = { class: "m-t-10px" };
+  const _hoisted_1$G = { class: "m-t-10px" };
   const _hoisted_2$w = ["onClick"];
-  const __default__$m = vue.defineComponent({
+  const __default__$n = vue.defineComponent({
     name: "DkStylePositionInput"
   });
-  var _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$m,
+  var _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$n,
     props: stylePositionInputProps,
     emits: ["update:modelValue"],
     setup(__props, { emit }) {
@@ -8943,7 +8964,7 @@
                     /* STABLE */
                   })
                 ]),
-                vue.createElementVNode("div", _hoisted_1$F, [
+                vue.createElementVNode("div", _hoisted_1$G, [
                   vue.createVNode(_component_el_row, { gutter: 20 }, {
                     default: vue.withCtx(() => [
                       (vue.openBlock(), vue.createElementBlock(
@@ -9011,7 +9032,7 @@
     }
   });
 
-  var _StylePositionInput = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["__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$T, [["__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);
 
@@ -9049,11 +9070,11 @@
     }
   };
 
-  const __default__$l = vue.defineComponent({
+  const __default__$m = vue.defineComponent({
     name: "DkStyleNumberInput"
   });
-  var _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$l,
+  var _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$m,
     props: styleNumberInputProps,
     emits: ["input", "update:modelValue"],
     setup(__props, { emit }) {
@@ -9213,10 +9234,155 @@
     }
   });
 
-  var _StyleNumberInput = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["__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$S, [["__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);
 
+  const styleCustomInputProps = {
+    modelValue: {
+      type: Object,
+      default: () => ({})
+    }
+  };
+
+  const _hoisted_1$F = { style: {} };
+  const __default__$l = vue.defineComponent({
+    name: "DkStyleCustomInput"
+  });
+  var _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$l,
+    props: styleCustomInputProps,
+    emits: ["update:modelValue", "change"],
+    setup(__props, { emit }) {
+      const props = __props;
+      const column = [
+        { label: "\u952E\u540D", key: "label" },
+        { label: "\u503C", key: "value" }
+      ];
+      const tidyModelValue = () => {
+        return Object.keys(props.modelValue || {}).map((label) => {
+          return { label, value: props.modelValue[label] };
+        });
+      };
+      const styles = vue.reactive(tidyModelValue());
+      const onInput = (item) => {
+        const flag = column.every((v) => {
+          return item[v.key] !== void 0 && item[v.key] !== "" && item[v.key] !== null;
+        });
+        console.log("f", flag);
+        if (flag) {
+          input();
+        }
+      };
+      const tidyValue = () => {
+        const obj = {};
+        styles.forEach((v) => {
+          if (v.label && v.value) {
+            obj[v.label] = v.value;
+          }
+        });
+        return obj;
+      };
+      const input = () => {
+        const value = tidyValue();
+        console.log("value", value);
+        emit("update:modelValue", value);
+        emit("change", value);
+      };
+      const del = (idx) => {
+        styles.splice(idx, 1);
+        input();
+      };
+      const add = () => {
+        styles.push(
+          column.reduce((initial, v) => {
+            initial[v.key] = "";
+            return initial;
+          }, {})
+        );
+      };
+      return (_ctx, _cache) => {
+        const _component_el_input = vue.resolveComponent("el-input");
+        const _component_el_table_column = vue.resolveComponent("el-table-column");
+        const _component_dk_icon = vue.resolveComponent("dk-icon");
+        const _component_el_table = vue.resolveComponent("el-table");
+        const _component_el_button = vue.resolveComponent("el-button");
+        return vue.openBlock(), vue.createElementBlock("div", null, [
+          vue.createVNode(_component_el_table, {
+            data: styles,
+            border: "",
+            size: "small",
+            style: { "width": "100%" }
+          }, {
+            default: vue.withCtx(() => [
+              (vue.openBlock(), vue.createElementBlock(
+                vue.Fragment,
+                null,
+                vue.renderList(column, (col, idx) => {
+                  return vue.createVNode(_component_el_table_column, {
+                    key: col.label + idx,
+                    label: col.label
+                  }, {
+                    default: vue.withCtx((scope) => [
+                      vue.createVNode(_component_el_input, {
+                        size: "small",
+                        "model-value": scope.row[col.key] || "",
+                        "onUpdate:modelValue": (n) => scope.row[col.key] = n,
+                        onInput: ($event) => onInput(scope.row)
+                      }, null, 8, ["model-value", "onUpdate:modelValue", "onInput"])
+                    ]),
+                    _: 2
+                    /* DYNAMIC */
+                  }, 1032, ["label"]);
+                }),
+                64
+                /* STABLE_FRAGMENT */
+              )),
+              vue.createVNode(_component_el_table_column, {
+                width: "70",
+                align: "center",
+                fixed: "right",
+                label: "\u64CD\u4F5C"
+              }, {
+                default: vue.withCtx((scope) => [
+                  vue.createVNode(_component_dk_icon, {
+                    icon: "Delete",
+                    onClick: ($event) => del(scope.$index)
+                  }, null, 8, ["onClick"])
+                ]),
+                _: 1
+                /* STABLE */
+              })
+            ]),
+            _: 1
+            /* STABLE */
+          }, 8, ["data"]),
+          vue.createElementVNode("div", _hoisted_1$F, [
+            vue.createVNode(_component_el_button, {
+              circle: "",
+              type: "primary",
+              link: "",
+              size: "small",
+              style: { "margin-left": "20px" },
+              onClick: _cache[0] || (_cache[0] = ($event) => add())
+            }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(_component_dk_icon, { icon: "CirclePlusFilled" }),
+                vue.createTextVNode(" \u6DFB\u52A0 ")
+              ]),
+              _: 1
+              /* STABLE */
+            })
+          ])
+        ]);
+      };
+    }
+  });
+
+  var _StyleCustomInput = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui-back\\packages\\dk-ui\\src\\style-custom-input\\src\\style-custom-input.vue"]]);
+
+  const StyleCustomInput = withInstall(_StyleCustomInput);
+
   function $set(target, field, value) {
       target[field] = value;
   }
@@ -29643,6 +29809,8 @@
     StyleNumberInput,
     // 动画配置
     StyleAnimationInput,
+    // 自定义样式
+    StyleCustomInput,
     // 动画class选择
     AnimateSelect,
     // 数据表格
@@ -29705,6 +29873,7 @@
   exports.StyleBackgroundInput = StyleBackgroundInput;
   exports.StyleBorderInput = StyleBorderInput;
   exports.StyleBoxInput = StyleBoxInput;
+  exports.StyleCustomInput = StyleCustomInput;
   exports.StyleFontInput = StyleFontInput;
   exports.StyleInput = StyleInput;
   exports.StyleNumberInput = StyleNumberInput;
@@ -29747,6 +29916,7 @@
   exports.styleBackgroundInputProps = styleBackgroundInputProps;
   exports.styleBorderInputProps = styleBorderInputProps;
   exports.styleBoxInputProps = styleBoxInputProps;
+  exports.styleCustomInputProps = styleCustomInputProps;
   exports.styleFontInputProps = styleFontInputProps;
   exports.styleInputProps = styleInputProps;
   exports.styleNumberInputProps = styleNumberInputProps;