iking-web-ui-pro 0.3.3 → 0.3.4

package/dist/IkBtnSetting/ik.index.es.js

@@ -1,5 +1,5 @@
-import { defineComponent as A, openBlock as c, createElementBlock as m, createElementVNode as C, computed as L, resolveComponent as D, Fragment as P, normalizeClass as S, normalizeStyle as I, createBlock as N, withCtx as f, createTextVNode as z, toDisplayString as T, ref as V, watch as Z, unref as w, createVNode as $, Transition as ne, renderSlot as R, mergeModels as G, useModel as se, resolveDirective as ie, withDirectives as J, mergeProps as K, createSlots as ue, createCommentVNode as F, renderList as re } from "vue";
-import { ikColor as ce, _ as x, ikStore as H } from "iking-utils-pro";
+import { defineComponent as A, openBlock as c, createElementBlock as m, createElementVNode as C, computed as L, resolveComponent as D, Fragment as P, normalizeClass as S, normalizeStyle as $, createBlock as N, withCtx as f, createTextVNode as z, toDisplayString as T, ref as V, watch as Z, unref as _, createVNode as x, Transition as ne, renderSlot as R, mergeModels as G, useModel as se, resolveDirective as ie, withDirectives as J, mergeProps as K, createSlots as ue, createCommentVNode as F, renderList as re } from "vue";
+import { ikColor as ce, _ as I, ikStore as H } from "iking-utils-pro";
 import de from "vuedraggable";
 const X = (o, b) => (o.install = (s) => {
   for (const e of [o, ...Object.values({})])
@@ -58,7 +58,8 @@ const Y = (o, b) => {
     title: {},
     type: { default: "primary" },
     warning: { type: Boolean },
-    width: {}
+    width: {},
+    iconClass: { default: "" }
   },
   emits: ["click", "mouseenter", "mouseleave", "dblclick"],
   setup(o, { emit: b }) {
@@ -112,6 +113,7 @@ const Y = (o, b) => {
             {
               key: 0,
               class: S(["ik-svg-icon ik-icon relative h-[1em] w-[1em] inline-flex items-center justify-center fill-current leading-[1em] transition", {
+                [t.iconClass]: !0,
                 [t.name]: d.value === "unocss",
                 "show-bg": e.value.showBg || e.value.bg,
                 default: e.value.size === "default",
@@ -124,7 +126,7 @@ const Y = (o, b) => {
                 active: e.value.active,
                 disabled: e.value.disabled
               }]),
-              style: I(i.value),
+              style: $(i.value),
               onClick: M,
               onDblclick: y,
               onMouseenter: B,
@@ -136,7 +138,7 @@ const Y = (o, b) => {
                 {
                   key: 0,
                   class: S(`iksig ${e.value.name}`),
-                  style: I(i.value)
+                  style: $(i.value)
                 },
                 null,
                 6
@@ -154,7 +156,7 @@ const Y = (o, b) => {
                 {
                   key: 3,
                   class: S(e.value.name),
-                  style: I(i.value)
+                  style: $(i.value)
                 },
                 null,
                 6
@@ -175,6 +177,7 @@ const Y = (o, b) => {
                 "i",
                 {
                   class: S(["ik-svg-icon ik-icon relative h-[1em] w-[1em] inline-flex items-center justify-center fill-current leading-[1em] transition", {
+                    [t.iconClass]: !0,
                     [t.name]: d.value === "unocss",
                     "show-bg": e.value.showBg || e.value.bg,
                     default: e.value.size === "default",
@@ -185,9 +188,10 @@ const Y = (o, b) => {
                     success: t.success || e.value.type === "success",
                     error: e.value.error || e.value.type === "error",
                     active: e.value.active,
-                    disabled: e.value.disabled
+                    disabled: e.value.disabled,
+                    ...t.$attrs.class || {}
                   }]),
-                  style: I(i.value),
+                  style: $(i.value),
                   onClick: M,
                   onDblclick: y,
                   onMouseenter: B,
@@ -199,7 +203,7 @@ const Y = (o, b) => {
                     {
                       key: 0,
                       class: S(`iksig ${e.value.name}`),
-                      style: I(i.value)
+                      style: $(i.value)
                     },
                     null,
                     6
@@ -217,7 +221,7 @@ const Y = (o, b) => {
                     {
                       key: 3,
                       class: S(e.value.name),
-                      style: I(i.value)
+                      style: $(i.value)
                     },
                     null,
                     6
@@ -250,7 +254,7 @@ const Y = (o, b) => {
       }, 8, ["type"]));
     };
   }
-}), _e = /* @__PURE__ */ Y(be, [["__scopeId", "data-v-6889f3aa"]]), we = X(_e), Q = {
+}), we = /* @__PURE__ */ Y(be, [["__scopeId", "data-v-64b61696"]]), _e = X(we), Q = {
   animation: 200,
   group: "gl",
   disabled: !1,
@@ -410,7 +414,7 @@ const Y = (o, b) => {
     Z(
       () => s.list,
       (v) => {
-        d.value = x.cloneDeep(v);
+        d.value = I.cloneDeep(v);
       },
       {
         immediate: !0,
@@ -437,7 +441,7 @@ const Y = (o, b) => {
     };
     return (v, y) => {
       const t = D("el-icon");
-      return c(), N(w(de), {
+      return c(), N(_(de), {
         modelValue: d.value,
         "onUpdate:modelValue": y[0] || (y[0] = (a) => d.value = a),
         class: S(["list-group", [i.value.groupClass]]),
@@ -453,7 +457,7 @@ const Y = (o, b) => {
         onEnd: B
       }, {
         item: f(({ element: a }) => [
-          $(
+          x(
             ne,
             {
               type: "transition",
@@ -469,7 +473,7 @@ const Y = (o, b) => {
                   {
                     key: 1,
                     class: S(["list-group-item", [i.value.itemClass]]),
-                    style: I({
+                    style: $({
                       borderRadius: `${i.value.itemStyle.radius}px`,
                       marginBottom: `${i.value.itemStyle.bottom}px`,
                       backgroundColor: `${i.value.itemStyle.background}`
@@ -478,7 +482,7 @@ const Y = (o, b) => {
                   [
                     i.value.showIcon && !v.$slots.icon ? (c(), N(t, { key: 0 }, {
                       default: f(() => [
-                        $(w(pe))
+                        x(_(pe))
                       ]),
                       _: 1
                       /* STABLE */
@@ -505,7 +509,7 @@ const Y = (o, b) => {
       }, 8, ["modelValue", "class", "attrs", "animation", "group", "disabled", "ghost-class", "force-fallback"]);
     };
   }
-}), Be = /* @__PURE__ */ Y(Ce, [["__scopeId", "data-v-3716c05e"]]), xe = X(Be), Ie = { class: "check-right" }, $e = { class: "dialog-footer" }, ze = /* @__PURE__ */ A({
+}), Be = /* @__PURE__ */ Y(Ce, [["__scopeId", "data-v-3716c05e"]]), Ie = X(Be), $e = { class: "check-right" }, xe = { class: "dialog-footer" }, ze = /* @__PURE__ */ A({
   __name: "IkBtnSetting",
   props: /* @__PURE__ */ G({
     list: {
@@ -570,13 +574,13 @@ const Y = (o, b) => {
       return !u && t.value.length && (E.value = !0), !!u;
     }), U = (u) => {
       var r;
-      const l = x.cloneDeep(a.value);
+      const l = I.cloneDeep(a.value);
       l == null || l.forEach((n) => {
-        var _;
+        var w;
         if (!t.value.length)
           a.value = [];
         else if (!t.value.includes(n == null ? void 0 : n.key)) {
-          const h = (_ = a.value) == null ? void 0 : _.findIndex((p) => p.key === n.key);
+          const h = (w = a.value) == null ? void 0 : w.findIndex((p) => p.key === n.key);
           h !== -1 && a.value.splice(h, 1), n.show = !1, O.set(n.key, n);
         }
       }), t.value.forEach((n) => {
@@ -585,7 +589,7 @@ const Y = (o, b) => {
           const p = O.get(n);
           p && (p.show = !0, a.value.push(p));
         }
-      }), (r = a.value) != null && r.length || (a.value = x.cloneDeep(s.list)), u === !0 && (e("sort", x.cloneDeep(a.value)), d.value = x.cloneDeep(a.value));
+      }), (r = a.value) != null && r.length || (a.value = I.cloneDeep(s.list)), u === !0 && (e("sort", I.cloneDeep(a.value)), d.value = I.cloneDeep(a.value));
     }, te = (u) => {
       if (u)
         t.value = s.list.map((l) => l.key);
@@ -597,12 +601,12 @@ const Y = (o, b) => {
     }, W = () => {
       const u = H.local.getItem(v.value);
       try {
-        const l = x.cloneDeep(s == null ? void 0 : s.list);
+        const l = I.cloneDeep(s == null ? void 0 : s.list);
         if ((!u || !(u != null && u.length)) && H.local.setItem(
           v.value,
-          l.map(({ show: r, type: n, key: _, label: h, width: p, minWidth: g, align: oe }) => ({
+          l.map(({ show: r, type: n, key: w, label: h, width: p, minWidth: g, align: oe }) => ({
             show: r,
-            key: _,
+            key: w,
             type: n,
             label: h,
             width: p,
@@ -636,19 +640,19 @@ const Y = (o, b) => {
     }, ae = () => {
       j.value = !1, H.local.setItem(
         v.value,
-        a.value.map(({ show: u, key: l, label: r, value: n, width: _, minWidth: h, align: p }) => ({
+        a.value.map(({ show: u, key: l, label: r, value: n, width: w, minWidth: h, align: p }) => ({
           show: u,
           key: l,
           label: r,
           value: n,
-          width: _,
+          width: w,
           minWidth: h,
           align: p
         }))
-      ), e("sort", x.cloneDeep(a.value)), d.value = x.cloneDeep(a.value);
+      ), e("sort", I.cloneDeep(a.value)), d.value = I.cloneDeep(a.value);
     };
     return (u, l) => {
-      const r = D("el-button"), n = D("el-checkbox"), _ = D("el-checkbox-group"), h = D("el-dialog"), p = ie("role");
+      const r = D("el-button"), n = D("el-checkbox"), w = D("el-checkbox-group"), h = D("el-dialog"), p = ie("role");
       return c(), m(
         P,
         null,
@@ -676,7 +680,7 @@ const Y = (o, b) => {
               fn: f(() => [
                 F(' {{ t("action.setting") }} '),
                 z(
-                  " " + T(w(i)("设置")),
+                  " " + T(_(i)("设置")),
                   1
                   /* TEXT */
                 )
@@ -687,7 +691,7 @@ const Y = (o, b) => {
             [p, u.$props.role]
           ]) : F("v-if", !0),
           o.btnType === "icon" ? J((c(), N(
-            w(we),
+            _(_e),
             K({
               key: 1,
               name: "iksvg_shezhi-daohang",
@@ -700,11 +704,11 @@ const Y = (o, b) => {
           )), [
             [p, u.$props.role]
           ]) : F("v-if", !0),
-          $(h, {
+          x(h, {
             modelValue: j.value,
             "onUpdate:modelValue": l[3] || (l[3] = (g) => j.value = g),
             draggable: "",
-            width: o.inline ? w(k).l : w(k).sl,
+            width: o.inline ? _(k).l : _(k).sl,
             "close-on-click-modal": !1,
             "close-on-press-escape": !1,
             title: "显示字段",
@@ -712,13 +716,13 @@ const Y = (o, b) => {
             onOpen: W
           }, {
             footer: f(() => [
-              C("div", $e, [
-                $(r, {
+              C("div", xe, [
+                x(r, {
                   onClick: l[2] || (l[2] = (g) => j.value = !1)
                 }, {
                   default: f(() => [
                     z(
-                      T(w(i)("关闭")) + " ",
+                      T(_(i)("关闭")) + " ",
                       1
                       /* TEXT */
                     ),
@@ -727,14 +731,14 @@ const Y = (o, b) => {
                   _: 1
                   /* STABLE */
                 }),
-                $(r, {
+                x(r, {
                   type: "primary",
                   disabled: a.value.length < 2,
                   onClick: ae
                 }, {
                   default: f(() => [
                     z(
-                      T(a.value.length < 2 ? "至少选择一个字段" : w(i)("确定")),
+                      T(a.value.length < 2 ? "至少选择一个字段" : _(i)("确定")),
                       1
                       /* TEXT */
                     )
@@ -754,10 +758,10 @@ const Y = (o, b) => {
                   C(
                     "div",
                     {
-                      style: I({ flex: o.inline ? 2 : 1 })
+                      style: $({ flex: o.inline ? 2 : 1 })
                     },
                     [
-                      $(n, {
+                      x(n, {
                         modelValue: E.value,
                         "onUpdate:modelValue": l[0] || (l[0] = (g) => E.value = g),
                         class: "single-line",
@@ -770,7 +774,7 @@ const Y = (o, b) => {
                         _: 1
                         /* STABLE */
                       }, 8, ["modelValue", "indeterminate"]),
-                      $(_, {
+                      x(w, {
                         modelValue: t.value,
                         "onUpdate:modelValue": l[1] || (l[1] = (g) => t.value = g),
                         onChange: U
@@ -805,8 +809,8 @@ const Y = (o, b) => {
                     4
                     /* STYLE */
                   ),
-                  C("div", Ie, [
-                    $(w(xe), {
+                  C("div", $e, [
+                    x(_(Ie), {
                       list: a.value,
                       "item-style": { bottom: 4 },
                       onChange: le

package/dist/IkBtnSetting/iking-web-ui-pro.css

@@ -1 +1 @@
-.row-title[data-v-6889f3aa]{display:flex}.ik-svg-icon.ik-icon-span[data-v-6889f3aa]:not(:first-child){margin-left:var(--ik-margin-s-8)}.ghost[data-v-3716c05e]{opacity:.9;background:var(--el-color-primary)!important;color:var(--el-color-white)}.list-group[data-v-3716c05e]{height:100%;width:100%;color:var(--el-text-color-regular);transition:all .25s}.list-group-item[data-v-3716c05e]{cursor:move;border-radius:4px;background:var(--el-color-primary-light-9);margin-bottom:var(--base-m);padding:var(--base-p);-webkit-user-select:none;user-select:none;display:flex;align-items:center}.list-group-item[data-v-3716c05e]:hover{background:var(--el-color-primary-light-7)!important}.list-group-item i[data-v-3716c05e]{margin-right:calc(var(--base-m) / 2);cursor:pointer}.view-fields.un-inline .el-checkbox[data-v-b5ed17ed]{width:100%;background:var(--ik-sub-sidebar-menu-bg);margin:2px 0;padding:8px;border-radius:4px;height:37px}.view-fields[data-v-b5ed17ed]{display:flex;justify-content:space-between;max-height:55vh;overflow-y:auto;overflow-x:hidden}.view-fields .check-right[data-v-b5ed17ed]{margin-top:37px}.view-fields .single-line[data-v-b5ed17ed]{background-color:transparent!important}.view-fields>div[data-v-b5ed17ed]:nth-child(1){padding-right:8px;flex:2;border-right:1px solid var(--el-border-color)}.view-fields>div[data-v-b5ed17ed]:nth-child(2){flex:1;margin-left:8px}.view-fields>div:nth-child(2) .field-sort[data-v-b5ed17ed]{cursor:move;padding:calc(var(--base-p) / 2);color:var(--el-text-color-regular)}.view-fields .el-checkbox[data-v-b5ed17ed]{width:195px;margin-right:0}
+.row-title[data-v-64b61696]{display:flex}.ik-svg-icon.ik-icon-span[data-v-64b61696]:not(:first-child){margin-left:var(--ik-margin-s-8)}.ghost[data-v-3716c05e]{opacity:.9;background:var(--el-color-primary)!important;color:var(--el-color-white)}.list-group[data-v-3716c05e]{height:100%;width:100%;color:var(--el-text-color-regular);transition:all .25s}.list-group-item[data-v-3716c05e]{cursor:move;border-radius:4px;background:var(--el-color-primary-light-9);margin-bottom:var(--base-m);padding:var(--base-p);-webkit-user-select:none;user-select:none;display:flex;align-items:center}.list-group-item[data-v-3716c05e]:hover{background:var(--el-color-primary-light-7)!important}.list-group-item i[data-v-3716c05e]{margin-right:calc(var(--base-m) / 2);cursor:pointer}.view-fields.un-inline .el-checkbox[data-v-b5ed17ed]{width:100%;background:var(--ik-sub-sidebar-menu-bg);margin:2px 0;padding:8px;border-radius:4px;height:37px}.view-fields[data-v-b5ed17ed]{display:flex;justify-content:space-between;max-height:55vh;overflow-y:auto;overflow-x:hidden}.view-fields .check-right[data-v-b5ed17ed]{margin-top:37px}.view-fields .single-line[data-v-b5ed17ed]{background-color:transparent!important}.view-fields>div[data-v-b5ed17ed]:nth-child(1){padding-right:8px;flex:2;border-right:1px solid var(--el-border-color)}.view-fields>div[data-v-b5ed17ed]:nth-child(2){flex:1;margin-left:8px}.view-fields>div:nth-child(2) .field-sort[data-v-b5ed17ed]{cursor:move;padding:calc(var(--base-p) / 2);color:var(--el-text-color-regular)}.view-fields .el-checkbox[data-v-b5ed17ed]{width:195px;margin-right:0}

package/dist/IkCollapseCard/ik.index.es.js

@@ -1,12 +1,12 @@
-import { defineComponent as z, computed as k, resolveComponent as f, openBlock as a, createElementBlock as n, Fragment as S, normalizeClass as r, normalizeStyle as v, createElementVNode as d, createBlock as h, withCtx as p, createTextVNode as C, toDisplayString as $, mergeModels as V, useModel as j, createCommentVNode as g, renderSlot as _, createVNode as D, unref as N } from "vue";
+import { defineComponent as C, computed as k, resolveComponent as f, openBlock as t, createElementBlock as n, Fragment as S, normalizeClass as r, normalizeStyle as v, createElementVNode as d, createBlock as h, withCtx as p, createTextVNode as z, toDisplayString as $, mergeModels as V, useModel as j, createCommentVNode as g, renderSlot as _, createVNode as D, unref as N } from "vue";
 import { ikColor as E } from "iking-utils-pro";
-const x = (o, s) => (o.install = (i) => {
+const I = (o, s) => (o.install = (i) => {
   for (const e of [o, ...Object.values({})])
     i.component(e.name, e);
-}, o), I = (o, s) => {
+}, o), x = (o, s) => {
   const i = o.__vccOpts || o;
-  for (const [e, t] of s)
-    i[e] = t;
+  for (const [e, a] of s)
+    i[e] = a;
   return i;
 }, O = {
   key: 1,
@@ -16,7 +16,7 @@ const x = (o, s) => (o.install = (i) => {
   key: 1,
   class: "h-[1em] w-[1em]",
   "aria-hidden": "true"
-}, Y = ["xlink:href"], q = ["src"], F = /* @__PURE__ */ z({
+}, Y = ["xlink:href"], q = ["src"], F = /* @__PURE__ */ C({
   name: "IkSvgIcon",
   __name: "index",
   props: {
@@ -40,11 +40,12 @@ const x = (o, s) => (o.install = (i) => {
     title: {},
     type: { default: "primary" },
     warning: { type: Boolean },
-    width: {}
+    width: {},
+    iconClass: { default: "" }
   },
   emits: ["click", "mouseenter", "mouseleave", "dblclick"],
   setup(o, { emit: s }) {
-    const i = o, e = k(() => i), t = k(() => {
+    const i = o, e = k(() => i), a = k(() => {
       const { name: l } = e.value;
       return /^http?:\/\//.test(l) ? "img" : /i-[^:]+:[^:]+/.test(l) ? "unocss" : l != null && l.startsWith("iksig") ? "iksig" : l != null && l.includes(":") ? "iconify" : l != null && l.startsWith("iksvg") ? "svg" : "i";
     }), u = k(() => {
@@ -68,7 +69,7 @@ const x = (o, s) => (o.install = (i) => {
         ...e.value.size && { fontSize: typeof e.value.size == "number" ? `${e.value.size}px` : e.value.size },
         ...l.length && { transform: l.join(" ") },
         padding: e.value.showBg || e.value.bg ? e.value.padding : 0,
-        ...e.value.color && t.value !== "iksig" ? {
+        ...e.value.color && a.value !== "iksig" ? {
           "--ik-icon-deep-color": e.value.color,
           "--ik-icon-shallow-color": e.value.colorLight || E.setOpacity(e.value.color, e.value.opacity)
         } : {}
@@ -85,16 +86,17 @@ const x = (o, s) => (o.install = (i) => {
     };
     return (l, m) => {
       const M = f("el-tooltip"), T = f("el-button");
-      return e.value.tableIconType === "icon" || !e.value.tableIconType ? (a(), n(
+      return e.value.tableIconType === "icon" || !e.value.tableIconType ? (t(), n(
         S,
         { key: 0 },
         [
-          e.value.notip || !e.value.title ? (a(), n(
+          e.value.notip || !e.value.title ? (t(), n(
             "i",
             {
               key: 0,
               class: r(["ik-svg-icon ik-icon relative h-[1em] w-[1em] inline-flex items-center justify-center fill-current leading-[1em] transition", {
-                [l.name]: t.value === "unocss",
+                [l.iconClass]: !0,
+                [l.name]: a.value === "unocss",
                 "show-bg": e.value.showBg || e.value.bg,
                 default: e.value.size === "default",
                 small: e.value.size === "small",
@@ -113,7 +115,7 @@ const x = (o, s) => (o.install = (i) => {
               onMouseleave: w
             },
             [
-              t.value === "iksig" ? (a(), n(
+              a.value === "iksig" ? (t(), n(
                 "i",
                 {
                   key: 0,
@@ -123,15 +125,15 @@ const x = (o, s) => (o.install = (i) => {
                 null,
                 6
                 /* CLASS, STYLE */
-              )) : t.value === "svg" ? (a(), n("svg", O, [
+              )) : a.value === "svg" ? (t(), n("svg", O, [
                 d("use", {
                   "xlink:href": `#${e.value.name}`
                 }, null, 8, L)
-              ])) : t.value === "img" ? (a(), n("img", {
+              ])) : a.value === "img" ? (t(), n("img", {
                 key: 2,
                 src: e.value.name,
                 class: "h-[1em] w-[1em]"
-              }, null, 8, W)) : (a(), n(
+              }, null, 8, W)) : (t(), n(
                 "i",
                 {
                   key: 3,
@@ -145,7 +147,7 @@ const x = (o, s) => (o.install = (i) => {
             ],
             38
             /* CLASS, STYLE, NEED_HYDRATION */
-          )) : (a(), h(M, {
+          )) : (t(), h(M, {
             key: 1,
             content: e.value.title,
             placement: "top",
@@ -157,7 +159,8 @@ const x = (o, s) => (o.install = (i) => {
                 "i",
                 {
                   class: r(["ik-svg-icon ik-icon relative h-[1em] w-[1em] inline-flex items-center justify-center fill-current leading-[1em] transition", {
-                    [l.name]: t.value === "unocss",
+                    [l.iconClass]: !0,
+                    [l.name]: a.value === "unocss",
                     "show-bg": e.value.showBg || e.value.bg,
                     default: e.value.size === "default",
                     small: e.value.size === "small",
@@ -167,7 +170,8 @@ const x = (o, s) => (o.install = (i) => {
                     success: l.success || e.value.type === "success",
                     error: e.value.error || e.value.type === "error",
                     active: e.value.active,
-                    disabled: e.value.disabled
+                    disabled: e.value.disabled,
+                    ...l.$attrs.class || {}
                   }]),
                   style: v(u.value),
                   onClick: y,
@@ -176,7 +180,7 @@ const x = (o, s) => (o.install = (i) => {
                   onMouseleave: w
                 },
                 [
-                  t.value === "iksig" ? (a(), n(
+                  a.value === "iksig" ? (t(), n(
                     "i",
                     {
                       key: 0,
@@ -186,15 +190,15 @@ const x = (o, s) => (o.install = (i) => {
                     null,
                     6
                     /* CLASS, STYLE */
-                  )) : t.value === "svg" ? (a(), n("svg", X, [
+                  )) : a.value === "svg" ? (t(), n("svg", X, [
                     d("use", {
                       "xlink:href": `#${e.value.name}`
                     }, null, 8, Y)
-                  ])) : t.value === "img" ? (a(), n("img", {
+                  ])) : a.value === "img" ? (t(), n("img", {
                     key: 2,
                     src: e.value.name,
                     class: "h-[1em] w-[1em]"
-                  }, null, 8, q)) : (a(), n(
+                  }, null, 8, q)) : (t(), n(
                     "i",
                     {
                       key: 3,
@@ -216,12 +220,12 @@ const x = (o, s) => (o.install = (i) => {
         ],
         64
         /* STABLE_FRAGMENT */
-      )) : (a(), h(T, {
+      )) : (t(), h(T, {
         key: 1,
         type: ["warning", "error"].includes(e.value.type) ? "danger" : ""
       }, {
         default: p(() => [
-          C(
+          z(
             $(e.value.title),
             1
             /* TEXT */
@@ -232,7 +236,7 @@ const x = (o, s) => (o.install = (i) => {
       }, 8, ["type"]));
     };
   }
-}), A = /* @__PURE__ */ I(F, [["__scopeId", "data-v-6889f3aa"]]), G = x(A), H = { class: "align-center flex justify-between" }, J = { class: "align-center flex" }, K = { style: { overflow: "hidden" } }, P = /* @__PURE__ */ z({
+}), A = /* @__PURE__ */ x(F, [["__scopeId", "data-v-64b61696"]]), G = I(A), H = { class: "align-center flex justify-between" }, J = { class: "align-center flex" }, K = { style: { overflow: "hidden" } }, P = /* @__PURE__ */ C({
   __name: "index",
   props: /* @__PURE__ */ V({
     showToggle: {
@@ -251,9 +255,9 @@ const x = (o, s) => (o.install = (i) => {
     const s = j(o, "modelValue"), i = () => {
       s.value = !s.value;
     };
-    return (e, t) => {
+    return (e, a) => {
       const u = f("el-button"), c = f("el-card");
-      return a(), h(c, {
+      return t(), h(c, {
         class: r(["ik-collapse-box-card", s.value ? "hiddened" : ""]),
         shadow: "hover"
       }, {
@@ -265,14 +269,14 @@ const x = (o, s) => (o.install = (i) => {
               g(" card header右侧内容 "),
               _(e.$slots, "header-right", {}, void 0, !0),
               g(" 展开、收起按钮 "),
-              o.showToggle ? (a(), h(u, {
+              o.showToggle ? (t(), h(u, {
                 key: 0,
                 link: "",
                 class: "ml-[8px]",
-                onClick: t[0] || (t[0] = (y) => i())
+                onClick: a[0] || (a[0] = (y) => i())
               }, {
                 default: p(() => [
-                  C(
+                  z(
                     $(s.value ? "展开" : "收起") + " ",
                     1
                     /* TEXT */
@@ -299,7 +303,7 @@ const x = (o, s) => (o.install = (i) => {
       }, 8, ["class"]);
     };
   }
-}), Q = /* @__PURE__ */ I(P, [["__scopeId", "data-v-34b0a02c"]]), Z = x(Q);
+}), Q = /* @__PURE__ */ x(P, [["__scopeId", "data-v-34b0a02c"]]), Z = I(Q);
 export {
   Z as IkCollapseCard,
   Z as default

package/dist/IkCollapseCard/iking-web-ui-pro.css

@@ -1 +1 @@
-.row-title[data-v-6889f3aa]{display:flex}.ik-svg-icon.ik-icon-span[data-v-6889f3aa]:not(:first-child){margin-left:var(--ik-margin-s-8)}.ik-collapse-box-card[data-v-34b0a02c]{flex:1;margin-bottom:20px;--el-card-border-radius: 0}.ik-collapse-box-card[data-v-34b0a02c] .el-card__header{padding-right:0;color:var(--el-text-color-regular);background-color:var(--el-bg-color-page);border-bottom:none}.ik-collapse-box-card[data-v-34b0a02c] .el-card__header .el-button.is-link:hover{--ik-icon-deep-color: var(--ik-color-tag-primary);--ik-icon-shallow-color: var(--ik-icon-shallow-color-hover)}.ik-collapse-box-card[data-v-34b0a02c] .ik-svg-icon{transition:all .25s}.ik-collapse-box-card[data-v-34b0a02c] .ik-svg-icon.toogle{transform:rotate(-90deg)}.ik-collapse-box-card.hiddened[data-v-34b0a02c] .el-card__body{grid-template-rows:0fr;padding-top:0!important;padding-bottom:0!important;overflow:hidden;opacity:0}.ik-collapse-box-card[data-v-34b0a02c] .el-card__body{display:grid;grid-template-rows:1fr;padding:0;overflow:hidden!important;opacity:1;transition:all .25s ease}.ik-collapse-box-card[data-v-34b0a02c] .el-card__body table>tbody>tr>td>.cell .cell-icon{font-size:14px}.ik-collapse-box-card[data-v-34b0a02c] .el-card__body table>tbody>tr>td>.cell .el-button span{margin-left:3px}
+.row-title[data-v-64b61696]{display:flex}.ik-svg-icon.ik-icon-span[data-v-64b61696]:not(:first-child){margin-left:var(--ik-margin-s-8)}.ik-collapse-box-card[data-v-34b0a02c]{flex:1;margin-bottom:20px;--el-card-border-radius: 0}.ik-collapse-box-card[data-v-34b0a02c] .el-card__header{padding-right:0;color:var(--el-text-color-regular);background-color:var(--el-bg-color-page);border-bottom:none}.ik-collapse-box-card[data-v-34b0a02c] .el-card__header .el-button.is-link:hover{--ik-icon-deep-color: var(--ik-color-tag-primary);--ik-icon-shallow-color: var(--ik-icon-shallow-color-hover)}.ik-collapse-box-card[data-v-34b0a02c] .ik-svg-icon{transition:all .25s}.ik-collapse-box-card[data-v-34b0a02c] .ik-svg-icon.toogle{transform:rotate(-90deg)}.ik-collapse-box-card.hiddened[data-v-34b0a02c] .el-card__body{grid-template-rows:0fr;padding-top:0!important;padding-bottom:0!important;overflow:hidden;opacity:0}.ik-collapse-box-card[data-v-34b0a02c] .el-card__body{display:grid;grid-template-rows:1fr;padding:0;overflow:hidden!important;opacity:1;transition:all .25s ease}.ik-collapse-box-card[data-v-34b0a02c] .el-card__body table>tbody>tr>td>.cell .cell-icon{font-size:14px}.ik-collapse-box-card[data-v-34b0a02c] .el-card__body table>tbody>tr>td>.cell .el-button span{margin-left:3px}

package/dist/IkDescription/ik.index.es.js

@@ -1375,7 +1375,8 @@ const Rt = (o, a) => {
     title: {},
     type: { default: "primary" },
     warning: { type: Boolean },
-    width: {}
+    width: {},
+    iconClass: { default: "" }
   },
   emits: ["click", "mouseenter", "mouseleave", "dblclick"],
   setup(o, { emit: a }) {
@@ -1429,6 +1430,7 @@ const Rt = (o, a) => {
             {
               key: 0,
               class: Y(["ik-svg-icon ik-icon relative h-[1em] w-[1em] inline-flex items-center justify-center fill-current leading-[1em] transition", {
+                [f.iconClass]: !0,
                 [f.name]: e.value === "unocss",
                 "show-bg": t.value.showBg || t.value.bg,
                 default: t.value.size === "default",
@@ -1492,6 +1494,7 @@ const Rt = (o, a) => {
                 "i",
                 {
                   class: Y(["ik-svg-icon ik-icon relative h-[1em] w-[1em] inline-flex items-center justify-center fill-current leading-[1em] transition", {
+                    [f.iconClass]: !0,
                     [f.name]: e.value === "unocss",
                     "show-bg": t.value.showBg || t.value.bg,
                     default: t.value.size === "default",
@@ -1502,7 +1505,8 @@ const Rt = (o, a) => {
                     success: f.success || t.value.type === "success",
                     error: t.value.error || t.value.type === "error",
                     active: t.value.active,
-                    disabled: t.value.disabled
+                    disabled: t.value.disabled,
+                    ...f.$attrs.class || {}
                   }]),
                   style: ae(i.value),
                   onClick: s,
@@ -1567,7 +1571,7 @@ const Rt = (o, a) => {
       }, 8, ["type"]));
     };
   }
-}), As = /* @__PURE__ */ Rt(Ps, [["__scopeId", "data-v-6889f3aa"]]), Be = Le(As);
+}), As = /* @__PURE__ */ Rt(Ps, [["__scopeId", "data-v-64b61696"]]), Be = Le(As);
 function mi(o) {
   return o && o.__esModule && Object.prototype.hasOwnProperty.call(o, "default") ? o.default : o;
 }