@vipl520/dk-ui 1.0.74 → 1.0.76

package/dist/index.mjs

@@ -1669,12 +1669,12 @@ const testProps = {
   }
 };
 
-const _hoisted_1$11 = { class: "mr-10px bg-black" };
-const __default__$R = defineComponent({
+const _hoisted_1$12 = { class: "mr-10px bg-black" };
+const __default__$S = defineComponent({
   name: "DkTest"
 });
-var _sfc_main$1l = /* @__PURE__ */ defineComponent({
-  ...__default__$R,
+var _sfc_main$1m = /* @__PURE__ */ defineComponent({
+  ...__default__$S,
   props: testProps,
   emits: ["onChooseUrl"],
   setup(__props, { emit }) {
@@ -1712,7 +1712,7 @@ var _sfc_main$1l = /* @__PURE__ */ defineComponent({
           }),
           createElementVNode(
             "div",
-            _hoisted_1$11,
+            _hoisted_1$12,
             toDisplayString(_ctx.test),
             1
             /* TEXT */
@@ -1733,7 +1733,7 @@ var _export_sfc = (sfc, props) => {
   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);
 
@@ -1887,14 +1887,14 @@ const groupProps = {
   }
 };
 
-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 = defineComponent({
+const __default__$R = defineComponent({
   name: "DkGroup"
 });
-var _sfc_main$1k = /* @__PURE__ */ defineComponent({
-  ...__default__$Q,
+var _sfc_main$1l = /* @__PURE__ */ defineComponent({
+  ...__default__$R,
   props: groupProps,
   emits: ["update:modelValue", "change", "itemMounted", "remove", "add"],
   setup(__props, { emit }) {
@@ -2138,7 +2138,7 @@ var _sfc_main$1k = /* @__PURE__ */ defineComponent({
             _: 1
             /* STABLE */
           })) : createCommentVNode("v-if", true),
-          data.sort.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_1$10, [
+          data.sort.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_1$11, [
             (openBlock(), createBlock(_component_el_button, {
               key: "a_def",
               style: { "width": "100%" },
@@ -2248,7 +2248,7 @@ var _sfc_main$1k = /* @__PURE__ */ defineComponent({
   }
 });
 
-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);
 
@@ -2372,14 +2372,14 @@ const tinyEditorProps = {
   }
 };
 
-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 = defineComponent({
+const __default__$Q = defineComponent({
   name: "DkTinyEditor"
 });
-var _sfc_main$1j = /* @__PURE__ */ defineComponent({
-  ...__default__$P,
+var _sfc_main$1k = /* @__PURE__ */ defineComponent({
+  ...__default__$Q,
   props: tinyEditorProps,
   emits: ["input", "update:modelValue", "change"],
   setup(__props, { emit }) {
@@ -2474,7 +2474,7 @@ var _sfc_main$1j = /* @__PURE__ */ defineComponent({
           class: "dk-tiny-editor"
         },
         [
-          showDialog.value ? (openBlock(), createElementBlock("div", _hoisted_1$$, [
+          showDialog.value ? (openBlock(), createElementBlock("div", _hoisted_1$10, [
             createVNode(unref(Editor), {
               ref_key: "editorRef",
               ref: editorRef,
@@ -2558,7 +2558,7 @@ var _sfc_main$1j = /* @__PURE__ */ defineComponent({
   }
 });
 
-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);
 
@@ -2587,11 +2587,11 @@ const iconProps = {
   }
 };
 
-const __default__$O = defineComponent({
+const __default__$P = defineComponent({
   name: "DkIcon"
 });
-var _sfc_main$1i = /* @__PURE__ */ defineComponent({
-  ...__default__$O,
+var _sfc_main$1j = /* @__PURE__ */ defineComponent({
+  ...__default__$P,
   props: iconProps,
   setup(__props) {
     const props = __props;
@@ -2657,7 +2657,7 @@ var _sfc_main$1i = /* @__PURE__ */ defineComponent({
   }
 });
 
-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);
 
@@ -2673,15 +2673,15 @@ const colorInputProps = {
   teleported: { default: true, type: Boolean }
 };
 
-const _hoisted_1$_ = {
+const _hoisted_1$$ = {
   style: { "display": "flex" },
   class: "dk-color-input"
 };
-const __default__$N = defineComponent({
+const __default__$O = defineComponent({
   name: "DkColorInput"
 });
-var _sfc_main$1h = /* @__PURE__ */ defineComponent({
-  ...__default__$N,
+var _sfc_main$1i = /* @__PURE__ */ defineComponent({
+  ...__default__$O,
   props: colorInputProps,
   emits: ["input", "update:modelValue", "change"],
   setup(__props, { emit }) {
@@ -2705,7 +2705,7 @@ var _sfc_main$1h = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       const _component_el_color_picker = resolveComponent("el-color-picker");
       const _component_el_input = resolveComponent("el-input");
-      return openBlock(), createElementBlock("div", _hoisted_1$_, [
+      return openBlock(), createElementBlock("div", _hoisted_1$$, [
         createVNode(_component_el_color_picker, {
           modelValue: data.value,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => data.value = $event),
@@ -2725,7 +2725,7 @@ var _sfc_main$1h = /* @__PURE__ */ defineComponent({
   }
 });
 
-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);
 
@@ -2738,7 +2738,7 @@ const hotAreaInputProps = {
   }
 };
 
-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",
@@ -2757,11 +2757,11 @@ const _hoisted_6$g = /* @__PURE__ */ createElementVNode(
   /* HOISTED */
 );
 const _hoisted_7$g = { style: { "display": "flex", "justify-content": "space-between", "width": "100%" } };
-const __default__$M = defineComponent({
+const __default__$N = defineComponent({
   name: "HotAreaContent"
 });
-var _sfc_main$1g = /* @__PURE__ */ defineComponent({
-  ...__default__$M,
+var _sfc_main$1h = /* @__PURE__ */ defineComponent({
+  ...__default__$N,
   props: {
     hotDataValue: {
       default: () => {
@@ -2856,7 +2856,7 @@ var _sfc_main$1g = /* @__PURE__ */ defineComponent({
       const _component_dk_icon = resolveComponent("dk-icon");
       const _component_el_button = resolveComponent("el-button");
       const _component_el_form = resolveComponent("el-form");
-      return openBlock(), createElementBlock("div", _hoisted_1$Z, [
+      return openBlock(), createElementBlock("div", _hoisted_1$_, [
         createElementVNode("div", _hoisted_2$L, [
           hotData.background ? (openBlock(), createElementBlock(
             "div",
@@ -2998,15 +2998,15 @@ var _sfc_main$1g = /* @__PURE__ */ defineComponent({
   }
 });
 
-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 = defineComponent({
+const __default__$M = defineComponent({
   name: "DkHotAreaInput"
 });
-var _sfc_main$1f = /* @__PURE__ */ defineComponent({
-  ...__default__$L,
+var _sfc_main$1g = /* @__PURE__ */ defineComponent({
+  ...__default__$M,
   props: hotAreaInputProps,
   setup(__props) {
     const props = __props;
@@ -3015,7 +3015,7 @@ var _sfc_main$1f = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       const _component_el_button = resolveComponent("el-button");
       const _component_dk_dialog = resolveComponent("dk-dialog");
-      return openBlock(), createElementBlock("div", _hoisted_1$Y, [
+      return openBlock(), createElementBlock("div", _hoisted_1$Z, [
         createVNode(_component_el_button, {
           type: "primary",
           onClick: _cache[0] || (_cache[0] = ($event) => dialog.value = true)
@@ -3059,7 +3059,7 @@ var _sfc_main$1f = /* @__PURE__ */ defineComponent({
   }
 });
 
-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);
 
@@ -3096,13 +3096,13 @@ const dialogProps = {
   }
 };
 
-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 = defineComponent({
+const __default__$L = defineComponent({
   name: "DkDialog"
 });
-var _sfc_main$1e = /* @__PURE__ */ defineComponent({
-  ...__default__$K,
+var _sfc_main$1f = /* @__PURE__ */ defineComponent({
+  ...__default__$L,
   props: dialogProps,
   setup(__props) {
     const props = __props;
@@ -3167,7 +3167,7 @@ var _sfc_main$1e = /* @__PURE__ */ defineComponent({
       }), createSlots({
         header: withCtx(({ close }) => [
           renderSlot(_ctx.$slots, "header", {}, () => [
-            createElementVNode("div", _hoisted_1$X, [
+            createElementVNode("div", _hoisted_1$Y, [
               createElementVNode(
                 "span",
                 null,
@@ -3221,7 +3221,7 @@ var _sfc_main$1e = /* @__PURE__ */ defineComponent({
   }
 });
 
-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);
 
@@ -3321,12 +3321,12 @@ const config = {
 };
 var _config = config;
 
-const _hoisted_1$W = { key: 1 };
-const __default__$J = defineComponent({
+const _hoisted_1$X = { key: 1 };
+const __default__$K = defineComponent({
   name: "DkForm"
 });
-var _sfc_main$1d = /* @__PURE__ */ defineComponent({
-  ...__default__$J,
+var _sfc_main$1e = /* @__PURE__ */ defineComponent({
+  ...__default__$K,
   props: formProps,
   emits: ["submit", "fail", "update:modelValue"],
   setup(__props, { expose: __expose, emit }) {
@@ -3578,7 +3578,7 @@ var _sfc_main$1d = /* @__PURE__ */ defineComponent({
         ]),
         _: 3
         /* FORWARDED */
-      }, 16, ["modelValue", "title", "width", "default-fullscreen", "draggable"])) : (openBlock(), createElementBlock("div", _hoisted_1$W, [
+      }, 16, ["modelValue", "title", "width", "default-fullscreen", "draggable"])) : (openBlock(), createElementBlock("div", _hoisted_1$X, [
         createElementVNode(
           "div",
           {
@@ -3630,11 +3630,11 @@ var _sfc_main$1d = /* @__PURE__ */ defineComponent({
   }
 });
 
-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",
@@ -3713,11 +3713,11 @@ const _hoisted_9$a = {
   "font-family": "Verdana, Helvetica, Arial, sans-serif",
   "font-size": "124"
 };
-const __default__$I = defineComponent({
+const __default__$J = defineComponent({
   name: "DkFileIcon"
 });
-var _sfc_main$1c = /* @__PURE__ */ defineComponent({
-  ...__default__$I,
+var _sfc_main$1d = /* @__PURE__ */ defineComponent({
+  ...__default__$J,
   props: {
     type: {
       default: 0,
@@ -3787,7 +3787,7 @@ var _sfc_main$1c = /* @__PURE__ */ defineComponent({
       return colorList[index];
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("svg", _hoisted_1$V, [
+      return openBlock(), createElementBlock("svg", _hoisted_1$W, [
         createElementVNode("g", null, [
           _hoisted_2$I,
           _hoisted_3$y,
@@ -3822,7 +3822,7 @@ var _sfc_main$1c = /* @__PURE__ */ defineComponent({
   }
 });
 
-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: {
@@ -3836,7 +3836,7 @@ const attachmentProps = {
   }
 };
 
-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" };
@@ -3887,11 +3887,11 @@ const _hoisted_24 = {
   key: 1,
   style: { "display": "flex", "align-items": "center", "justify-content": "center", "height": "340px" }
 };
-const __default__$H = defineComponent({
+const __default__$I = defineComponent({
   name: "DkAttachment"
 });
-var _sfc_main$1b = /* @__PURE__ */ defineComponent({
-  ...__default__$H,
+var _sfc_main$1c = /* @__PURE__ */ defineComponent({
+  ...__default__$I,
   props: attachmentProps,
   setup(__props, { expose: __expose }) {
     const props = __props;
@@ -4091,7 +4091,7 @@ var _sfc_main$1b = /* @__PURE__ */ defineComponent({
       const _component_el_empty = resolveComponent("el-empty");
       const _component_dk_form = resolveComponent("dk-form");
       const _directive_loading = resolveDirective("loading");
-      return openBlock(), createElementBlock("div", _hoisted_1$U, [
+      return openBlock(), createElementBlock("div", _hoisted_1$V, [
         createCommentVNode(" \u9876\u90E8"),
         createElementVNode("div", _hoisted_2$H, [
           createElementVNode("div", _hoisted_3$x, [
@@ -4407,7 +4407,7 @@ var _sfc_main$1b = /* @__PURE__ */ defineComponent({
   }
 });
 
-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);
 
@@ -4423,12 +4423,12 @@ const attachmentDialogProps = {
   }
 };
 
-const _hoisted_1$T = { class: "text-center m2" };
-const __default__$G = defineComponent({
+const _hoisted_1$U = { class: "text-center m2" };
+const __default__$H = defineComponent({
   name: "DkAttachmentDialog"
 });
-var _sfc_main$1a = /* @__PURE__ */ defineComponent({
-  ...__default__$G,
+var _sfc_main$1b = /* @__PURE__ */ defineComponent({
+  ...__default__$H,
   props: attachmentDialogProps,
   emits: ["confirm"],
   setup(__props, { expose: __expose, emit }) {
@@ -4477,7 +4477,7 @@ var _sfc_main$1a = /* @__PURE__ */ defineComponent({
             ref: attachment,
             type: _type.value
           }, null, 8, ["type"]),
-          createElementVNode("div", _hoisted_1$T, [
+          createElementVNode("div", _hoisted_1$U, [
             createVNode(_component_el_button, {
               type: "primary",
               size: "default",
@@ -4508,7 +4508,7 @@ var _sfc_main$1a = /* @__PURE__ */ defineComponent({
   }
 });
 
-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);
 
@@ -4527,15 +4527,15 @@ const fileInputProps = {
   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 = defineComponent({
+const __default__$G = defineComponent({
   name: "DkFileInput"
 });
-var _sfc_main$19 = /* @__PURE__ */ defineComponent({
-  ...__default__$F,
+var _sfc_main$1a = /* @__PURE__ */ defineComponent({
+  ...__default__$G,
   props: fileInputProps,
   emits: ["input", "update:modelValue", "change"],
   setup(__props, { emit }) {
@@ -4609,7 +4609,7 @@ var _sfc_main$19 = /* @__PURE__ */ defineComponent({
                 /* STABLE */
               }, 8, ["modelValue", "placeholder"]),
               createCommentVNode("\u9009\u62E9\u7684\u662F\u56FE\u7247"),
-              createElementVNode("div", _hoisted_1$S, [
+              createElementVNode("div", _hoisted_1$T, [
                 _ctx.type === 1 ? (openBlock(), createBlock(_component_el_image, {
                   key: 0,
                   src: input.value,
@@ -4755,7 +4755,7 @@ var _sfc_main$19 = /* @__PURE__ */ defineComponent({
   }
 });
 
-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);
 
@@ -4767,11 +4767,11 @@ const imageInputProps = {
   accept: { type: String, default: "" }
 };
 
-const __default__$E = defineComponent({
+const __default__$F = defineComponent({
   name: "DkImageInput"
 });
-var _sfc_main$18 = /* @__PURE__ */ defineComponent({
-  ...__default__$E,
+var _sfc_main$19 = /* @__PURE__ */ defineComponent({
+  ...__default__$F,
   props: imageInputProps,
   emits: ["input", "update:modelValue", "change"],
   setup(__props, { emit }) {
@@ -4807,7 +4807,7 @@ var _sfc_main$18 = /* @__PURE__ */ defineComponent({
   }
 });
 
-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);
 
@@ -4819,11 +4819,11 @@ const audioInputProps = {
   accept: { type: String, default: "" }
 };
 
-const __default__$D = defineComponent({
+const __default__$E = defineComponent({
   name: "DkAudioInput"
 });
-var _sfc_main$17 = /* @__PURE__ */ defineComponent({
-  ...__default__$D,
+var _sfc_main$18 = /* @__PURE__ */ defineComponent({
+  ...__default__$E,
   props: audioInputProps,
   emits: ["input", "update:modelValue", "change"],
   setup(__props, { emit }) {
@@ -4859,7 +4859,7 @@ var _sfc_main$17 = /* @__PURE__ */ defineComponent({
   }
 });
 
-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);
 
@@ -4871,11 +4871,11 @@ const videoInputProps = {
   accept: { type: String, default: "" }
 };
 
-const __default__$C = defineComponent({
+const __default__$D = defineComponent({
   name: "DkVideoInput"
 });
-var _sfc_main$16 = /* @__PURE__ */ defineComponent({
-  ...__default__$C,
+var _sfc_main$17 = /* @__PURE__ */ defineComponent({
+  ...__default__$D,
   props: videoInputProps,
   emits: ["input", "update:modelValue", "change"],
   setup(__props, { emit }) {
@@ -4911,7 +4911,7 @@ var _sfc_main$16 = /* @__PURE__ */ defineComponent({
   }
 });
 
-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);
 
@@ -4924,14 +4924,14 @@ const fileListInputProps = {
   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 = defineComponent({
+const __default__$C = defineComponent({
   name: "DkFileListInput"
 });
-var _sfc_main$15 = /* @__PURE__ */ defineComponent({
-  ...__default__$B,
+var _sfc_main$16 = /* @__PURE__ */ defineComponent({
+  ...__default__$C,
   props: fileListInputProps,
   emits: ["input", "update:modelValue", "change"],
   setup(__props, { emit }) {
@@ -4989,7 +4989,7 @@ var _sfc_main$15 = /* @__PURE__ */ defineComponent({
           class: normalizeClass(unref(bem)())
         },
         [
-          createElementVNode("div", _hoisted_1$R, [
+          createElementVNode("div", _hoisted_1$S, [
             createElementVNode("ul", null, [
               (openBlock(true), createElementBlock(
                 Fragment,
@@ -5073,7 +5073,7 @@ var _sfc_main$15 = /* @__PURE__ */ defineComponent({
   }
 });
 
-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);
 
@@ -5085,11 +5085,11 @@ const imageListInputProps = {
   accept: { default: "", type: String }
 };
 
-const __default__$A = defineComponent({
+const __default__$B = defineComponent({
   name: "DkImageListInput"
 });
-var _sfc_main$14 = /* @__PURE__ */ defineComponent({
-  ...__default__$A,
+var _sfc_main$15 = /* @__PURE__ */ defineComponent({
+  ...__default__$B,
   props: imageListInputProps,
   emits: ["input", "update:modelValue", "change"],
   setup(__props, { emit }) {
@@ -5126,7 +5126,7 @@ var _sfc_main$14 = /* @__PURE__ */ defineComponent({
   }
 });
 
-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);
 
@@ -5138,11 +5138,11 @@ const audioListInputProps = {
   accept: { default: "", type: String }
 };
 
-const __default__$z = defineComponent({
+const __default__$A = defineComponent({
   name: "DkAudioListInput"
 });
-var _sfc_main$13 = /* @__PURE__ */ defineComponent({
-  ...__default__$z,
+var _sfc_main$14 = /* @__PURE__ */ defineComponent({
+  ...__default__$A,
   props: audioListInputProps,
   emits: ["input", "update:modelValue", "change"],
   setup(__props, { emit }) {
@@ -5179,7 +5179,7 @@ var _sfc_main$13 = /* @__PURE__ */ defineComponent({
   }
 });
 
-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);
 
@@ -5191,11 +5191,11 @@ const videoListInputProps = {
   accept: { default: "", type: String }
 };
 
-const __default__$y = defineComponent({
+const __default__$z = defineComponent({
   name: "DkVideoListInput"
 });
-var _sfc_main$12 = /* @__PURE__ */ defineComponent({
-  ...__default__$y,
+var _sfc_main$13 = /* @__PURE__ */ defineComponent({
+  ...__default__$z,
   props: videoListInputProps,
   emits: ["input", "update:modelValue", "change"],
   setup(__props, { emit }) {
@@ -5232,7 +5232,7 @@ var _sfc_main$12 = /* @__PURE__ */ defineComponent({
   }
 });
 
-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);
 
@@ -5292,18 +5292,18 @@ function getIcons(query) {
   });
 }
 
-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 = defineComponent({
+const __default__$y = defineComponent({
   name: "DkIconContent"
 });
-var _sfc_main$11 = /* @__PURE__ */ defineComponent({
-  ...__default__$x,
+var _sfc_main$12 = /* @__PURE__ */ defineComponent({
+  ...__default__$y,
   props: iconContentProps,
   emits: ["choose"],
   setup(__props, { expose: __expose, emit }) {
@@ -5401,7 +5401,7 @@ var _sfc_main$11 = /* @__PURE__ */ defineComponent({
       const _component_el_tabs = resolveComponent("el-tabs");
       const _component_el_button = resolveComponent("el-button");
       const _component_el_input = resolveComponent("el-input");
-      return openBlock(), createElementBlock("div", _hoisted_1$Q, [
+      return openBlock(), createElementBlock("div", _hoisted_1$R, [
         createVNode(_component_el_tabs, {
           modelValue: activeName.value,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => activeName.value = $event)
@@ -5535,14 +5535,14 @@ var _sfc_main$11 = /* @__PURE__ */ defineComponent({
   }
 });
 
-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 = defineComponent({
+const _hoisted_1$Q = { class: "text-center m2" };
+const __default__$x = defineComponent({
   name: "DkIconDialog"
 });
-var _sfc_main$10 = /* @__PURE__ */ defineComponent({
-  ...__default__$w,
+var _sfc_main$11 = /* @__PURE__ */ defineComponent({
+  ...__default__$x,
   props: iconDialogProps,
   emits: ["choose", "confirm"],
   setup(__props, { expose: __expose, emit }) {
@@ -5576,7 +5576,7 @@ var _sfc_main$10 = /* @__PURE__ */ defineComponent({
         class: "dk-icon-dialog"
       }, {
         footer: withCtx(() => [
-          createElementVNode("div", _hoisted_1$P, [
+          createElementVNode("div", _hoisted_1$Q, [
             createVNode(_component_el_button, {
               type: "primary",
               onClick: confirm
@@ -5615,17 +5615,17 @@ var _sfc_main$10 = /* @__PURE__ */ defineComponent({
   }
 });
 
-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 = defineComponent({
+const __default__$w = defineComponent({
   name: "DkIconInput"
 });
-var _sfc_main$$ = /* @__PURE__ */ defineComponent({
-  ...__default__$v,
+var _sfc_main$10 = /* @__PURE__ */ defineComponent({
+  ...__default__$w,
   props: iconInputProps,
   emits: ["input", "update:modelValue", "change"],
   setup(__props, { emit }) {
@@ -5693,7 +5693,7 @@ var _sfc_main$$ = /* @__PURE__ */ defineComponent({
             /* STABLE */
           }, 8, ["modelValue", "placeholder"]),
           createCommentVNode("\u9009\u62E9\u7684\u662F\u56FE\u7247"),
-          props.preview ? (openBlock(), createElementBlock("div", _hoisted_1$O, [
+          props.preview ? (openBlock(), createElementBlock("div", _hoisted_1$P, [
             createVNode(_component_dk_icon, {
               icon: input.value ? input.value : "fluent:document-none-24-regular",
               class: "icon rd-4px cursor-pointer",
@@ -5732,7 +5732,7 @@ var _sfc_main$$ = /* @__PURE__ */ defineComponent({
   }
 });
 
-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);
@@ -5801,6 +5801,13 @@ const defaultConfig = [
     props: {},
     value: {},
     params: ["boxShadow"]
+  },
+  {
+    name: "DkStyleCustomInput",
+    title: "\u81EA\u5B9A\u4E49",
+    props: {},
+    value: {},
+    params: []
   }
   // {
   //   name: 'DkStylePositionInput',
@@ -5856,17 +5863,17 @@ const styleInputProps = {
   }
 };
 
-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 = defineComponent({
+const __default__$v = defineComponent({
   name: "DkStyleInput"
 });
-var _sfc_main$_ = /* @__PURE__ */ defineComponent({
-  ...__default__$u,
+var _sfc_main$$ = /* @__PURE__ */ defineComponent({
+  ...__default__$v,
   props: styleInputProps,
   emits: ["update:modelValue"],
   setup(__props, { emit }) {
@@ -5886,21 +5893,33 @@ var _sfc_main$_ = /* @__PURE__ */ defineComponent({
     };
     const _components = 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;
+      }
       values.value = obj;
       loading.value = false;
     };
@@ -5921,7 +5940,7 @@ var _sfc_main$_ = /* @__PURE__ */ defineComponent({
       const _component_el_collapse = resolveComponent("el-collapse");
       const _component_el_button = resolveComponent("el-button");
       const _component_el_drawer = resolveComponent("el-drawer");
-      return openBlock(), createElementBlock("div", _hoisted_1$N, [
+      return openBlock(), createElementBlock("div", _hoisted_1$O, [
         !loading.value ? (openBlock(), createElementBlock("div", _hoisted_2$D, [
           !props.isDrawer ? (openBlock(), createBlock(_component_el_collapse, {
             key: 0,
@@ -6035,7 +6054,7 @@ var _sfc_main$_ = /* @__PURE__ */ defineComponent({
   }
 });
 
-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);
 
@@ -6075,13 +6094,13 @@ const boxSizeInputProps = {
   }
 };
 
-const _hoisted_1$M = ["onMousedown"];
+const _hoisted_1$N = ["onMousedown"];
 const _hoisted_2$C = { style: { "display": "flex" } };
-const __default__$t = defineComponent({
+const __default__$u = defineComponent({
   name: "DkBoxSizeInput"
 });
-var _sfc_main$Z = /* @__PURE__ */ defineComponent({
-  ...__default__$t,
+var _sfc_main$_ = /* @__PURE__ */ defineComponent({
+  ...__default__$u,
   props: boxSizeInputProps,
   emits: ["update:modelValue"],
   setup(__props, { emit }) {
@@ -6314,7 +6333,7 @@ var _sfc_main$Z = /* @__PURE__ */ defineComponent({
                               _: 2
                               /* DYNAMIC */
                             }, 1032, ["content", "disabled"])
-                          ], 40, _hoisted_1$M)
+                          ], 40, _hoisted_1$N)
                         ]),
                         key: "0"
                       } : void 0
@@ -6416,7 +6435,7 @@ var _sfc_main$Z = /* @__PURE__ */ defineComponent({
   }
 });
 
-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);
 
@@ -6544,7 +6563,7 @@ const paddings = [
   }
 ];
 
-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" };
@@ -6594,11 +6613,11 @@ const _hoisted_23 = {
   key: 0,
   class: "flex items-center justify-between"
 };
-const __default__$s = defineComponent({
+const __default__$t = defineComponent({
   name: "DkStyleBoxInput"
 });
-var _sfc_main$Y = /* @__PURE__ */ defineComponent({
-  ...__default__$s,
+var _sfc_main$Z = /* @__PURE__ */ defineComponent({
+  ...__default__$t,
   props: styleBoxInputProps,
   emits: ["update:modelValue", "change"],
   setup(__props, { emit }) {
@@ -6874,7 +6893,7 @@ var _sfc_main$Y = /* @__PURE__ */ defineComponent({
       const _component_el_switch = resolveComponent("el-switch");
       const _component_el_tooltip = resolveComponent("el-tooltip");
       const _component_el_input = resolveComponent("el-input");
-      return openBlock(), createElementBlock("div", _hoisted_1$L, [
+      return openBlock(), createElementBlock("div", _hoisted_1$M, [
         createElementVNode(
           "div",
           {
@@ -7285,7 +7304,7 @@ var _sfc_main$Y = /* @__PURE__ */ defineComponent({
   }
 });
 
-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);
 
@@ -7296,7 +7315,7 @@ const styleFontInputProps = {
   }
 };
 
-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 = {
@@ -7309,11 +7328,11 @@ const _hoisted_5$e = {
 };
 const _hoisted_6$c = { class: "m-r-5px m-b-5px" };
 const _hoisted_7$c = { class: "m-b-5px" };
-const __default__$r = defineComponent({
+const __default__$s = defineComponent({
   name: "DkStyleFontInput"
 });
-var _sfc_main$X = /* @__PURE__ */ defineComponent({
-  ...__default__$r,
+var _sfc_main$Y = /* @__PURE__ */ defineComponent({
+  ...__default__$s,
   props: styleFontInputProps,
   emits: ["update:modelValue", "change"],
   setup(__props, { emit }) {
@@ -7379,7 +7398,7 @@ var _sfc_main$X = /* @__PURE__ */ defineComponent({
       const _component_el_select = resolveComponent("el-select");
       const _component_dk_icon = resolveComponent("dk-icon");
       const _component_el_button_group = resolveComponent("el-button-group");
-      return openBlock(), createElementBlock("div", _hoisted_1$K, [
+      return openBlock(), createElementBlock("div", _hoisted_1$L, [
         createCommentVNode("    \u989C\u8272\u3001\u5B57\u53F7\u3001\u7C97\u7EC6\u3001\u98CE\u683C\u3001\u88C5\u9970"),
         createElementVNode("div", _hoisted_2$A, [
           createVNode(_component_el_tooltip, {
@@ -7560,7 +7579,7 @@ var _sfc_main$X = /* @__PURE__ */ defineComponent({
   }
 });
 
-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);
 
@@ -7572,17 +7591,17 @@ const styleBorderInputProps = {
   }
 };
 
-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 = defineComponent({
+const __default__$r = defineComponent({
   name: "DkStyleBorderInput"
 });
-var _sfc_main$W = /* @__PURE__ */ defineComponent({
-  ...__default__$q,
+var _sfc_main$X = /* @__PURE__ */ defineComponent({
+  ...__default__$r,
   props: styleBorderInputProps,
   emits: ["update:modelValue", "change"],
   setup(__props, { emit }) {
@@ -7759,7 +7778,7 @@ var _sfc_main$W = /* @__PURE__ */ defineComponent({
           class: normalizeClass(["dk-style-border-input", unref(width) < 400 ? "mini" : ""])
         },
         [
-          createElementVNode("div", _hoisted_1$J, [
+          createElementVNode("div", _hoisted_1$K, [
             (openBlock(), createElementBlock(
               Fragment,
               null,
@@ -8037,7 +8056,7 @@ var _sfc_main$W = /* @__PURE__ */ defineComponent({
   }
 });
 
-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);
 
@@ -8051,12 +8070,12 @@ const styleBackgroundInputProps = {
   }
 };
 
-const _hoisted_1$I = { class: "dk-style-background-input" };
-const __default__$p = defineComponent({
+const _hoisted_1$J = { class: "dk-style-background-input" };
+const __default__$q = defineComponent({
   name: "DkStyleBackgroundInput"
 });
-var _sfc_main$V = /* @__PURE__ */ defineComponent({
-  ...__default__$p,
+var _sfc_main$W = /* @__PURE__ */ defineComponent({
+  ...__default__$q,
   props: styleBackgroundInputProps,
   emits: ["update:modelValue", "change"],
   setup(__props, { emit }) {
@@ -8103,7 +8122,7 @@ var _sfc_main$V = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       const _component_el_color_picker = resolveComponent("el-color-picker");
       const _component_dk_image_input = resolveComponent("dk-image-input");
-      return openBlock(), createElementBlock("div", _hoisted_1$I, [
+      return openBlock(), createElementBlock("div", _hoisted_1$J, [
         createVNode(_component_el_color_picker, {
           modelValue: form.backgroundColor,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => form.backgroundColor = $event),
@@ -8118,7 +8137,7 @@ var _sfc_main$V = /* @__PURE__ */ defineComponent({
   }
 });
 
-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);
 
@@ -8134,16 +8153,16 @@ const shadowInputProps = {
   }
 };
 
-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 = defineComponent({
+const __default__$p = defineComponent({
   name: "DkStyleShadowInput"
 });
-var _sfc_main$U = /* @__PURE__ */ defineComponent({
-  ...__default__$o,
+var _sfc_main$V = /* @__PURE__ */ defineComponent({
+  ...__default__$p,
   props: shadowInputProps,
   emits: ["update:modelValue", "change"],
   setup(__props, { emit }) {
@@ -8187,7 +8206,7 @@ var _sfc_main$U = /* @__PURE__ */ defineComponent({
       const _component_el_popover = resolveComponent("el-popover");
       const _component_el_input = resolveComponent("el-input");
       const _component_dk_icon = resolveComponent("dk-icon");
-      return openBlock(), createElementBlock("div", _hoisted_1$H, [
+      return openBlock(), createElementBlock("div", _hoisted_1$I, [
         _ctx.type === "collapse" ? (openBlock(), createBlock(_component_el_collapse, {
           key: 0,
           modelValue: activeName.value,
@@ -8293,9 +8312,9 @@ var _sfc_main$U = /* @__PURE__ */ defineComponent({
   }
 });
 
-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" };
@@ -8318,11 +8337,11 @@ const _hoisted_8$8 = /* @__PURE__ */ createElementVNode(
 const _hoisted_9$7 = [
   _hoisted_8$8
 ];
-const __default__$n = defineComponent({
+const __default__$o = defineComponent({
   name: "DkStyleShadowContent"
 });
-var _sfc_main$T = /* @__PURE__ */ defineComponent({
-  ...__default__$n,
+var _sfc_main$U = /* @__PURE__ */ defineComponent({
+  ...__default__$o,
   props: {
     boxSize: {
       default: 180,
@@ -8513,7 +8532,7 @@ var _sfc_main$T = /* @__PURE__ */ defineComponent({
               }),
               createVNode(_component_el_form_item, { label: "x\u8F74" }, {
                 default: withCtx(() => [
-                  createElementVNode("div", _hoisted_1$G, [
+                  createElementVNode("div", _hoisted_1$H, [
                     createVNode(_component_el_input, {
                       modelValue: form.x,
                       "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => form.x = $event),
@@ -8763,7 +8782,7 @@ var _sfc_main$T = /* @__PURE__ */ defineComponent({
   }
 });
 
-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);
@@ -8777,13 +8796,13 @@ const stylePositionInputProps = {
   }
 };
 
-const _hoisted_1$F = { class: "m-t-10px" };
+const _hoisted_1$G = { class: "m-t-10px" };
 const _hoisted_2$w = ["onClick"];
-const __default__$m = defineComponent({
+const __default__$n = defineComponent({
   name: "DkStylePositionInput"
 });
-var _sfc_main$S = /* @__PURE__ */ defineComponent({
-  ...__default__$m,
+var _sfc_main$T = /* @__PURE__ */ defineComponent({
+  ...__default__$n,
   props: stylePositionInputProps,
   emits: ["update:modelValue"],
   setup(__props, { emit }) {
@@ -8931,7 +8950,7 @@ var _sfc_main$S = /* @__PURE__ */ defineComponent({
                   /* STABLE */
                 })
               ]),
-              createElementVNode("div", _hoisted_1$F, [
+              createElementVNode("div", _hoisted_1$G, [
                 createVNode(_component_el_row, { gutter: 20 }, {
                   default: withCtx(() => [
                     (openBlock(), createElementBlock(
@@ -8999,7 +9018,7 @@ var _sfc_main$S = /* @__PURE__ */ defineComponent({
   }
 });
 
-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);
 
@@ -9037,11 +9056,11 @@ const styleNumberInputProps = {
   }
 };
 
-const __default__$l = defineComponent({
+const __default__$m = defineComponent({
   name: "DkStyleNumberInput"
 });
-var _sfc_main$R = /* @__PURE__ */ defineComponent({
-  ...__default__$l,
+var _sfc_main$S = /* @__PURE__ */ defineComponent({
+  ...__default__$m,
   props: styleNumberInputProps,
   emits: ["input", "update:modelValue"],
   setup(__props, { emit }) {
@@ -9201,10 +9220,154 @@ var _sfc_main$R = /* @__PURE__ */ defineComponent({
   }
 });
 
-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 = defineComponent({
+  name: "DkStyleCustomInput"
+});
+var _sfc_main$R = /* @__PURE__ */ 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 = 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();
+      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 = resolveComponent("el-input");
+      const _component_el_table_column = resolveComponent("el-table-column");
+      const _component_dk_icon = resolveComponent("dk-icon");
+      const _component_el_table = resolveComponent("el-table");
+      const _component_el_button = resolveComponent("el-button");
+      return openBlock(), createElementBlock("div", null, [
+        createVNode(_component_el_table, {
+          data: styles,
+          border: "",
+          size: "small",
+          style: { "width": "100%" }
+        }, {
+          default: withCtx(() => [
+            (openBlock(), createElementBlock(
+              Fragment,
+              null,
+              renderList(column, (col, idx) => {
+                return createVNode(_component_el_table_column, {
+                  key: col.label + idx,
+                  label: col.label
+                }, {
+                  default: withCtx((scope) => [
+                    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 */
+            )),
+            createVNode(_component_el_table_column, {
+              width: "70",
+              align: "center",
+              fixed: "right",
+              label: "\u64CD\u4F5C"
+            }, {
+              default: withCtx((scope) => [
+                createVNode(_component_dk_icon, {
+                  icon: "Delete",
+                  onClick: ($event) => del(scope.$index)
+                }, null, 8, ["onClick"])
+              ]),
+              _: 1
+              /* STABLE */
+            })
+          ]),
+          _: 1
+          /* STABLE */
+        }, 8, ["data"]),
+        createElementVNode("div", _hoisted_1$F, [
+          createVNode(_component_el_button, {
+            circle: "",
+            type: "primary",
+            link: "",
+            size: "small",
+            style: { "margin-left": "20px" },
+            onClick: _cache[0] || (_cache[0] = ($event) => add())
+          }, {
+            default: withCtx(() => [
+              createVNode(_component_dk_icon, { icon: "CirclePlusFilled" }),
+              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;
 }
@@ -29631,6 +29794,8 @@ const components = [
   StyleNumberInput,
   // 动画配置
   StyleAnimationInput,
+  // 自定义样式
+  StyleCustomInput,
   // 动画class选择
   AnimateSelect,
   // 数据表格
@@ -29667,4 +29832,4 @@ var index = {
   install
 };
 
-export { AnimateSelect, Attachment, AttachmentDialog, AudioInput, AudioListInput, BoxSizeInput, ColorInput, FileInput, FileListInput, Form, Group, HotAreaInput, Icon, IconContent, IconDialog, IconInput, ImageInput, ImageListInput, PageDiy, Poster, PosterInput, Select, StyleAnimationInput, StyleBackgroundInput, StyleBorderInput, StyleBoxInput, StyleFontInput, StyleInput, StyleNumberInput, StylePositionInput, StyleShadowContent, StyleShadowInput, Table, Test, TinyEditor, UniIcon, UniIconInput, UrlInput, VideoInput, VideoListInput, animateSelectProps, attachmentDialogProps, attachmentProps, audioInputProps, audioListInputProps, boxSizeInputProps, colorInputProps, index as default, fileInputProps, fileListInputProps, formProps, groupProps, hotAreaInputProps, iconContentProps, iconDialogProps, iconInputProps, iconProps, imageInputProps, imageListInputProps, install, pageDiyProps, posterInputProps, selectProps, shadowInputProps, styleAnimationInputProps, styleBackgroundInputProps, styleBorderInputProps, styleBoxInputProps, styleFontInputProps, styleInputProps, styleNumberInputProps, stylePositionInputProps, tableProps, testProps, tinyEditorProps, uniIconInputProps, uniIconProps, urlInputProps, videoInputProps, videoListInputProps };
+export { AnimateSelect, Attachment, AttachmentDialog, AudioInput, AudioListInput, BoxSizeInput, ColorInput, FileInput, FileListInput, Form, Group, HotAreaInput, Icon, IconContent, IconDialog, IconInput, ImageInput, ImageListInput, PageDiy, Poster, PosterInput, Select, StyleAnimationInput, StyleBackgroundInput, StyleBorderInput, StyleBoxInput, StyleCustomInput, StyleFontInput, StyleInput, StyleNumberInput, StylePositionInput, StyleShadowContent, StyleShadowInput, Table, Test, TinyEditor, UniIcon, UniIconInput, UrlInput, VideoInput, VideoListInput, animateSelectProps, attachmentDialogProps, attachmentProps, audioInputProps, audioListInputProps, boxSizeInputProps, colorInputProps, index as default, fileInputProps, fileListInputProps, formProps, groupProps, hotAreaInputProps, iconContentProps, iconDialogProps, iconInputProps, iconProps, imageInputProps, imageListInputProps, install, pageDiyProps, posterInputProps, selectProps, shadowInputProps, styleAnimationInputProps, styleBackgroundInputProps, styleBorderInputProps, styleBoxInputProps, styleCustomInputProps, styleFontInputProps, styleInputProps, styleNumberInputProps, stylePositionInputProps, tableProps, testProps, tinyEditorProps, uniIconInputProps, uniIconProps, urlInputProps, videoInputProps, videoListInputProps };