iking-web-ui-pro 0.3.2 → 0.3.4

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

@@ -1,14 +1,14 @@
-import { inject as k, computed as u, defineComponent as _, resolveComponent as z, openBlock as l, createElementBlock as c, Fragment as $, normalizeClass as m, normalizeStyle as p, createCommentVNode as b, createElementVNode as f, createBlock as x, withCtx as I, createTextVNode as T, toDisplayString as w, useCssVars as M, unref as C, ref as E } from "vue";
+import { inject as k, computed as u, defineComponent as B, resolveComponent as z, openBlock as l, createElementBlock as r, Fragment as $, normalizeClass as m, normalizeStyle as p, createElementVNode as f, createBlock as b, withCtx as I, createTextVNode as C, toDisplayString as w, useCssVars as M, unref as T, ref as E, createCommentVNode as x } from "vue";
 import { ikColor as L } from "iking-utils-pro";
-const U = (t, o) => (t.install = (s) => {
+const U = (t, o) => (t.install = (n) => {
   for (const e of [t, ...Object.values({})])
-    s.component(e.name, e);
-}, t), B = (t, o) => {
-  const s = t.__vccOpts || t;
-  for (const [e, n] of o)
-    s[e] = n;
-  return s;
-}, S = [
+    n.component(e.name, e);
+}, t), S = (t, o) => {
+  const n = t.__vccOpts || t;
+  for (const [e, s] of o)
+    n[e] = s;
+  return n;
+}, _ = [
   "csv",
   "djvu",
   "doc",
@@ -64,10 +64,10 @@ const U = (t, o) => (t.install = (s) => {
   "flv",
   "tls"
 ], D = (t) => {
-  const o = k("loadUrl"), s = u(() => t.loadUrl || t.fileUrl || (o == null ? void 0 : o.value)), e = k("uploadUrl"), n = u(() => t.action || t.uploadUrl || (e == null ? void 0 : e.value)), i = k("token"), v = u(() => t.token || (i == null ? void 0 : i.value)), r = k("onlyofficeConfig"), h = u(() => t.onlyofficeConfig || (r == null ? void 0 : r.value)), d = k("userInfo"), g = u(() => t.userInfo || (d == null ? void 0 : d.value)), a = [...S, ...S.map((y) => y.toLocaleUpperCase())];
+  const o = k("loadUrl"), n = u(() => t.loadUrl || t.fileUrl || (o == null ? void 0 : o.value)), e = k("uploadUrl"), s = u(() => t.action || t.uploadUrl || (e == null ? void 0 : e.value)), i = k("token"), v = u(() => t.token || (i == null ? void 0 : i.value)), c = k("onlyofficeConfig"), h = u(() => t.onlyofficeConfig || (c == null ? void 0 : c.value)), d = k("userInfo"), g = u(() => t.userInfo || (d == null ? void 0 : d.value)), a = [..._, ..._.map((y) => y.toLocaleUpperCase())];
   return {
-    cLoadUrl: s,
-    cUploadUrl: n,
+    cLoadUrl: n,
+    cUploadUrl: s,
     cToken: v,
     cOnlyofficeConfig: h,
     cUserInfo: g,
@@ -81,7 +81,7 @@ const U = (t, o) => (t.install = (s) => {
   key: 1,
   class: "h-[1em] w-[1em]",
   "aria-hidden": "true"
-}, F = ["xlink:href"], P = ["src"], X = /* @__PURE__ */ _({
+}, F = ["xlink:href"], P = ["src"], X = /* @__PURE__ */ B({
   name: "IkSvgIcon",
   __name: "index",
   props: {
@@ -103,13 +103,14 @@ const U = (t, o) => (t.install = (s) => {
     success: { type: Boolean },
     tableIconType: {},
     title: {},
-    type: {},
+    type: { default: "primary" },
     warning: { type: Boolean },
-    width: {}
+    width: {},
+    iconClass: { default: "" }
   },
   emits: ["click", "mouseenter", "mouseleave", "dblclick"],
   setup(t, { emit: o }) {
-    const s = t, e = u(() => s), n = u(() => {
+    const n = t, e = u(() => n), s = u(() => {
       const { name: a } = e.value;
       return /^http?:\/\//.test(a) ? "img" : /i-[^:]+:[^:]+/.test(a) ? "unocss" : a != null && a.startsWith("iksig") ? "iksig" : a != null && a.includes(":") ? "iconify" : a != null && a.startsWith("iksvg") ? "svg" : "i";
     }), i = u(() => {
@@ -133,13 +134,13 @@ const U = (t, o) => (t.install = (s) => {
         ...e.value.size && { fontSize: typeof e.value.size == "number" ? `${e.value.size}px` : e.value.size },
         ...a.length && { transform: a.join(" ") },
         padding: e.value.showBg || e.value.bg ? e.value.padding : 0,
-        ...e.value.color && n.value !== "iksig" ? {
+        ...e.value.color && s.value !== "iksig" ? {
           "--ik-icon-deep-color": e.value.color,
           "--ik-icon-shallow-color": e.value.colorLight || L.setOpacity(e.value.color, e.value.opacity)
         } : {}
       };
       return e.value.width && (y.width = y.height = typeof e.value.width == "number" ? `${e.value.width}px` : e.value.width), y;
-    }), v = o, r = (a) => {
+    }), v = o, c = (a) => {
       v("click", a);
     }, h = (a) => {
       v("mouseenter", a);
@@ -150,16 +151,17 @@ const U = (t, o) => (t.install = (s) => {
     };
     return (a, y) => {
       const j = z("el-tooltip"), N = z("el-button");
-      return e.value.tableIconType === "icon" || !e.value.tableIconType ? (l(), c(
+      return e.value.tableIconType === "icon" || !e.value.tableIconType ? (l(), r(
         $,
         { key: 0 },
         [
-          e.value.notip || !e.value.title ? (l(), c(
-            "span",
+          e.value.notip || !e.value.title ? (l(), r(
+            "i",
             {
               key: 0,
               class: m(["ik-svg-icon ik-icon relative h-[1em] w-[1em] inline-flex items-center justify-center fill-current leading-[1em] transition", {
-                [a.name]: n.value === "unocss",
+                [a.iconClass]: !0,
+                [a.name]: s.value === "unocss",
                 "show-bg": e.value.showBg || e.value.bg,
                 default: e.value.size === "default",
                 small: e.value.size === "small",
@@ -172,14 +174,13 @@ const U = (t, o) => (t.install = (s) => {
                 disabled: e.value.disabled
               }]),
               style: p(i.value),
-              onClick: r,
+              onClick: c,
               onDblclick: g,
               onMouseenter: h,
               onMouseleave: d
             },
             [
-              b(` <Icon v-if="outputType === 'iconify'" :icon="name" /> `),
-              n.value === "iksig" ? (l(), c(
+              s.value === "iksig" ? (l(), r(
                 "i",
                 {
                   key: 0,
@@ -189,15 +190,15 @@ const U = (t, o) => (t.install = (s) => {
                 null,
                 6
                 /* CLASS, STYLE */
-              )) : n.value === "svg" ? (l(), c("svg", G, [
+              )) : s.value === "svg" ? (l(), r("svg", G, [
                 f("use", {
                   "xlink:href": `#${e.value.name}`
                 }, null, 8, O)
-              ])) : n.value === "img" ? (l(), c("img", {
+              ])) : s.value === "img" ? (l(), r("img", {
                 key: 2,
                 src: e.value.name,
                 class: "h-[1em] w-[1em]"
-              }, null, 8, V)) : (l(), c(
+              }, null, 8, V)) : (l(), r(
                 "i",
                 {
                   key: 3,
@@ -211,18 +212,20 @@ const U = (t, o) => (t.install = (s) => {
             ],
             38
             /* CLASS, STYLE, NEED_HYDRATION */
-          )) : (l(), x(j, {
+          )) : (l(), b(j, {
             key: 1,
             content: e.value.title,
             placement: "top",
+            "popper-class": "ik-svg-icon-tooltip",
             "hide-after": 0
           }, {
             default: I(() => [
               f(
-                "span",
+                "i",
                 {
                   class: m(["ik-svg-icon ik-icon relative h-[1em] w-[1em] inline-flex items-center justify-center fill-current leading-[1em] transition", {
-                    [a.name]: n.value === "unocss",
+                    [a.iconClass]: !0,
+                    [a.name]: s.value === "unocss",
                     "show-bg": e.value.showBg || e.value.bg,
                     default: e.value.size === "default",
                     small: e.value.size === "small",
@@ -231,16 +234,18 @@ const U = (t, o) => (t.install = (s) => {
                     primary: a.primary || e.value.type === "primary",
                     success: a.success || e.value.type === "success",
                     error: e.value.error || e.value.type === "error",
-                    active: e.value.active
+                    active: e.value.active,
+                    disabled: e.value.disabled,
+                    ...a.$attrs.class || {}
                   }]),
                   style: p(i.value),
-                  onClick: r,
+                  onClick: c,
                   onDblclick: g,
                   onMouseenter: h,
                   onMouseleave: d
                 },
                 [
-                  n.value === "iksig" ? (l(), c(
+                  s.value === "iksig" ? (l(), r(
                     "i",
                     {
                       key: 0,
@@ -250,15 +255,15 @@ const U = (t, o) => (t.install = (s) => {
                     null,
                     6
                     /* CLASS, STYLE */
-                  )) : n.value === "svg" ? (l(), c("svg", W, [
+                  )) : s.value === "svg" ? (l(), r("svg", W, [
                     f("use", {
                       "xlink:href": `#${e.value.name}`
                     }, null, 8, F)
-                  ])) : n.value === "img" ? (l(), c("img", {
+                  ])) : s.value === "img" ? (l(), r("img", {
                     key: 2,
                     src: e.value.name,
                     class: "h-[1em] w-[1em]"
-                  }, null, 8, P)) : (l(), c(
+                  }, null, 8, P)) : (l(), r(
                     "i",
                     {
                       key: 3,
@@ -280,12 +285,12 @@ const U = (t, o) => (t.install = (s) => {
         ],
         64
         /* STABLE_FRAGMENT */
-      )) : (l(), x(N, {
+      )) : (l(), b(N, {
         key: 1,
         type: ["warning", "error"].includes(e.value.type) ? "danger" : ""
       }, {
         default: I(() => [
-          T(
+          C(
             w(e.value.title),
             1
             /* TEXT */
@@ -296,12 +301,12 @@ const U = (t, o) => (t.install = (s) => {
       }, 8, ["type"]));
     };
   }
-}), Y = /* @__PURE__ */ B(X, [["__scopeId", "data-v-c7804024"]]), q = U(Y), R = () => ({
+}), Y = /* @__PURE__ */ S(X, [["__scopeId", "data-v-64b61696"]]), q = U(Y), R = () => ({
   getLinearGradient: (o) => {
-    const s = L.hexToRGB(o).replace(/[^\d,]/g, "").split(",").map(Number);
-    return `linear-gradient(to top, ${o} 4%, rgb(${s[0]},${s[1] + 50},${s[2]}) 88%)`;
+    const n = L.hexToRGB(o).replace(/[^\d,]/g, "").split(",").map(Number);
+    return `linear-gradient(to top, ${o} 4%, rgb(${n[0]},${n[1] + 50},${n[2]}) 88%)`;
   }
-}), A = /* @__PURE__ */ _({
+}), A = /* @__PURE__ */ B({
   __name: "IkLinearIcon",
   props: {
     icon: {
@@ -318,15 +323,15 @@ const U = (t, o) => (t.install = (s) => {
     }
   },
   setup(t) {
-    M((n) => ({
+    M((s) => ({
       "435077c3": e.value
     }));
-    const o = t, { getLinearGradient: s } = R(), e = u(() => `${o.size}px`);
-    return (n, i) => (l(), c(
+    const o = t, { getLinearGradient: n } = R(), e = u(() => `${o.size}px`);
+    return (s, i) => (l(), r(
       "div",
       {
         class: "form-icon",
-        style: p({ backgroundImage: C(s)(t.backgroundColor || "#28b8a4") })
+        style: p({ backgroundImage: T(n)(t.backgroundColor || "#28b8a4") })
       },
       [
         f(
@@ -343,7 +348,7 @@ const U = (t, o) => (t.install = (s) => {
       /* STYLE */
     ));
   }
-}), H = /* @__PURE__ */ B(A, [["__scopeId", "data-v-0bc5a180"]]), J = { class: "side-text items-center" }, K = { class: "side-left flex items-center" }, Q = { class: "side-right" }, Z = { class: "text-over-line" }, ee = { class: "text-over-line sub-title" }, te = /* @__PURE__ */ _({
+}), H = /* @__PURE__ */ S(A, [["__scopeId", "data-v-0bc5a180"]]), J = { class: "side-text items-center" }, K = { class: "side-left flex items-center" }, Q = { class: "side-right" }, Z = { class: "text-over-line" }, ee = { class: "text-over-line sub-title" }, te = /* @__PURE__ */ B({
   __name: "IkSideText",
   props: {
     // 名称
@@ -389,7 +394,7 @@ const U = (t, o) => (t.install = (s) => {
     },
     size: {
       type: Number,
-      default: 50
+      default: 40
     },
     iconSize: {
       type: String || Number,
@@ -401,29 +406,29 @@ const U = (t, o) => (t.install = (s) => {
     }
   },
   setup(t) {
-    const o = t, { cLoadUrl: s } = D(o), e = (r) => r ? r.startsWith("http") ? r : `${s.value}${r}` : "", n = u(() => e(o.avatar)), i = E(!!o.avatar), v = () => {
+    const o = t, { cLoadUrl: n } = D(o), e = (c) => c ? c.startsWith("http") ? c : `${n.value}${c}` : "", s = u(() => e(o.avatar)), i = E(!!o.avatar), v = () => {
       i.value = !1;
     };
-    return (r, h) => {
+    return (c, h) => {
       var g;
       const d = z("el-avatar");
-      return l(), c("div", J, [
+      return l(), r("div", J, [
         f("div", K, [
-          t.avatarType === "url" ? (l(), x(d, {
+          t.avatarType === "url" ? (l(), b(d, {
             key: 0,
             style: { "--el-avatar-bg-color": "var(--ik-color-primary)" },
             size: t.size,
             shape: t.shape,
-            src: n.value,
+            src: s.value,
             fit: "contain",
             onError: v
           }, {
             default: I(() => [
-              i.value ? b("v-if", !0) : (l(), c(
+              i.value ? x("v-if", !0) : (l(), r(
                 $,
                 { key: 0 },
                 [
-                  T(
+                  C(
                     w(t.name.slice(-2)),
                     1
                     /* TEXT */
@@ -435,20 +440,20 @@ const U = (t, o) => (t.install = (s) => {
             ]),
             _: 1
             /* STABLE */
-          }, 8, ["size", "shape", "src"])) : b("v-if", !0),
-          t.avatarType === "icon" ? (l(), x(C(q), {
+          }, 8, ["size", "shape", "src"])) : x("v-if", !0),
+          t.avatarType === "icon" ? (l(), b(T(q), {
             key: 1,
             name: `iksvg_${(g = t.avatar) == null ? void 0 : g.replace("iksvg_", "")}`,
             "show-bg": t.showIconBg,
             type: t.iconType,
-            style: p({ fontSize: t.showIconBg ? "34px" : "50px" }),
+            style: p({ fontSize: t.showIconBg ? "34px" : "40px" }),
             size: t.iconSize
-          }, null, 8, ["name", "show-bg", "type", "style", "size"])) : b("v-if", !0),
-          t.avatarType === "linearIcon" ? (l(), x(H, {
+          }, null, 8, ["name", "show-bg", "type", "style", "size"])) : x("v-if", !0),
+          t.avatarType === "linearIcon" ? (l(), b(H, {
             key: 2,
             icon: t.avatar,
             "background-color": t.iconBackgroundColor
-          }, null, 8, ["icon", "background-color"])) : b("v-if", !0)
+          }, null, 8, ["icon", "background-color"])) : x("v-if", !0)
         ]),
         f("div", Q, [
           f(
@@ -469,8 +474,8 @@ const U = (t, o) => (t.install = (s) => {
       ]);
     };
   }
-}), ae = /* @__PURE__ */ B(te, [["__scopeId", "data-v-c5366627"]]), ne = U(ae);
+}), ae = /* @__PURE__ */ S(te, [["__scopeId", "data-v-000efb31"]]), se = U(ae);
 export {
-  ne as IkSideText,
-  ne as default
+  se as IkSideText,
+  se as default
 };

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

@@ -1 +1 @@
-.row-title[data-v-c7804024]{display:flex}.ik-svg-icon.ik-icon-span[data-v-c7804024]:not(:first-child){margin-left:var(--ik-margin-s-8)}.form-icon[data-v-0bc5a180]{--ik-color-white: #fff;display:flex;align-items:center;justify-content:center;width:var(--435077c3);height:var(--435077c3);border-radius:4px}.form-icon i[data-v-0bc5a180]{font-size:27px;color:var(--ik-color-white)}.side-text[data-v-c5366627]{display:flex}.side-text .side-left[data-v-c5366627]{margin-right:12px}.side-text .side-right[data-v-c5366627]{display:inline-flex;flex-direction:column;justify-content:center;overflow:hidden;text-overflow:ellipsis}.side-text .side-right p[data-v-c5366627]{overflow:hidden;text-overflow:ellipsis;line-height:1}.side-text .side-right p[data-v-c5366627]:first-child{padding-bottom:7px}.side-text .side-right p[data-v-c5366627]:last-child{color:var(--ik-color-font-secondary, #b5b5c3);font-size:13px}
+.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)}.form-icon[data-v-0bc5a180]{--ik-color-white: #fff;display:flex;align-items:center;justify-content:center;width:var(--435077c3);height:var(--435077c3);border-radius:4px}.form-icon i[data-v-0bc5a180]{font-size:27px;color:var(--ik-color-white)}.side-text[data-v-000efb31]{display:flex}.side-text .side-left[data-v-000efb31]{margin-right:12px}.side-text .side-right[data-v-000efb31]{display:inline-flex;flex-direction:column;justify-content:center;overflow:hidden;text-overflow:ellipsis}.side-text .side-right p[data-v-000efb31]{overflow:hidden;text-overflow:ellipsis;line-height:1}.side-text .side-right p[data-v-000efb31]:first-child{padding-bottom:7px}.side-text .side-right p[data-v-000efb31]:last-child{color:var(--ik-color-font-secondary, #b5b5c3);font-size:13px}

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

@@ -1,14 +1,14 @@
-import { defineComponent as w, computed as y, resolveComponent as h, openBlock as a, createBlock as g, normalizeClass as D, normalizeStyle as W, withCtx as k, createElementBlock as u, createCommentVNode as S, createTextVNode as $, toDisplayString as x, ref as L, Fragment as b, renderList as B, unref as N, mergeProps as _, createElementVNode as V } from "vue";
+import { defineComponent as I, computed as p, resolveComponent as C, openBlock as a, createBlock as g, normalizeClass as D, normalizeStyle as T, withCtx as b, createElementBlock as u, createCommentVNode as S, createTextVNode as w, toDisplayString as $, ref as L, Fragment as m, renderList as W, unref as _, mergeProps as B, createElementVNode as V } from "vue";
 import { ikDom as z } from "iking-utils-pro";
 const A = (l, i) => (l.install = (e) => {
-  for (const r of [l, ...Object.values({})])
-    e.component(r.name, r);
+  for (const o of [l, ...Object.values({})])
+    e.component(o.name, o);
 }, l), O = (l, i) => {
   const e = l.__vccOpts || l;
-  for (const [r, c] of i)
-    e[r] = c;
+  for (const [o, c] of i)
+    e[o] = c;
   return e;
-}, E = /* @__PURE__ */ w({
+}, E = /* @__PURE__ */ I({
   __name: "index",
   props: {
     title: {
@@ -67,8 +67,8 @@ const A = (l, i) => (l.install = (e) => {
   },
   emits: ["close"],
   setup(l, { emit: i }) {
-    const e = l, r = y(() => {
-      const o = e.type ? e.type === "danger" ? `var(--el-color-${e.type})` : {
+    const e = l, o = p(() => {
+      const r = e.type ? e.type === "danger" ? `var(--el-color-${e.type})` : {
         color: `var(--ik-color-${e.type})`,
         backgroundColor: `var(--ik-color-${e.type}-light)`
       } : {
@@ -77,32 +77,32 @@ const A = (l, i) => (l.install = (e) => {
         border: "none"
       };
       if (e.effect === "plain" && e.type !== "danger")
-        o.backgroundColor = "transparent", o.borderColor = e.type ? `var(--ik-color-${e.type})` : e.color;
+        r.backgroundColor = "transparent", r.borderColor = e.type ? `var(--ik-color-${e.type})` : e.color;
       else if (e.effect === "dark" && e.type !== "danger") {
         const f = e.type ? `var(--ik-color-${e.type})` : e.color;
-        o.backgroundColor = f, o.borderColor = f, o.color = "#fff";
+        r.backgroundColor = f, r.borderColor = f, r.color = "#fff";
       }
-      return o;
+      return r;
     }), c = i, d = () => {
       c("close");
     };
-    return (o, f) => {
-      const m = h("el-tag");
-      return a(), g(m, {
+    return (r, f) => {
+      const k = C("el-tag");
+      return a(), g(k, {
         effect: l.effect,
         class: D(["ik-statu-tag", { disabled: l.disabled }]),
         type: l.type,
-        style: W(r.value),
-        closable: o.$attrs.closable && !l.disabled,
+        style: T(o.value),
+        closable: r.$attrs.closable && !l.disabled,
         onClose: d
       }, {
-        default: k(() => [
+        default: b(() => [
           l.circle ? (a(), u(
             "span",
             {
               key: 0,
               class: "inline-block rounded-full",
-              style: W({
+              style: T({
                 backgroundColor: l.type ? l.type === "danger" ? `var(--el-color-${l.type})` : `var(--ik-color-${l.type})` : l.circleColor,
                 width: `${l.circleW}px`,
                 height: `${l.circleH}px`
@@ -112,8 +112,8 @@ const A = (l, i) => (l.install = (e) => {
             4
             /* STYLE */
           )) : S("v-if", !0),
-          $(
-            " " + x(l.title),
+          w(
+            " " + $(l.title),
             1
             /* TEXT */
           )
@@ -123,7 +123,10 @@ const A = (l, i) => (l.install = (e) => {
       }, 8, ["effect", "class", "type", "style", "closable"]);
     };
   }
-}), H = /* @__PURE__ */ O(E, [["__scopeId", "data-v-a3967db7"]]), I = A(H), R = /* @__PURE__ */ w({
+}), H = /* @__PURE__ */ O(E, [["__scopeId", "data-v-a3967db7"]]), N = A(H), R = {
+  key: 1,
+  style: { color: "var(--el-color-info-light-3)" }
+}, j = /* @__PURE__ */ I({
   __name: "index",
   props: {
     // 超出长度时以 +2 这样的方式显示
@@ -150,31 +153,35 @@ const A = (l, i) => (l.install = (e) => {
   },
   emits: ["close"],
   setup(l, { emit: i }) {
-    const e = l, r = y(() => Array.isArray(e.list) ? e.list : typeof e.list == "string" ? e.list.split(",").map((n, p) => {
+    const e = l, o = p(() => Array.isArray(e.list) ? e.list : typeof e.list == "string" ? e.list.split(",").map((n, y) => {
       var s;
       return {
-        ...((s = e.data) == null ? void 0 : s[p]) || {},
+        ...((s = e.data) == null ? void 0 : s[y]) || {},
         title: n,
         type: ""
       };
-    }) : []), c = L(null), d = y(() => {
-      if (c.value) {
-        const n = c.value.clientWidth;
-        let p = 24;
-        const s = [];
-        let v = 0;
-        for (const t of r.value) {
-          const C = z.useTextWidth(String((t == null ? void 0 : t.title) || t));
-          p += C + 40, (p <= n || !v) && s.push(t), v++;
+    }) : []), c = L(null), d = p(() => {
+      try {
+        if (c.value) {
+          const n = c.value.clientWidth;
+          let y = 24;
+          const s = [];
+          let v = 0;
+          for (const t of o.value) {
+            const h = z.useTextWidth(String((t == null ? void 0 : t.title) || t));
+            y += h + 40, (y <= n || !v) && s.push(t), v++;
+          }
+          return s;
         }
-        return s;
+        return o.value;
+      } catch {
+        return o.value;
       }
-      return r.value;
-    }), o = y(() => r.value.length - d.value.length), f = y(() => r.value.slice(d.value.length)), m = i, T = (n) => {
-      m("close", n);
+    }), r = p(() => o.value.length - d.value.length), f = p(() => o.value.slice(d.value.length)), k = i, x = (n) => {
+      k("close", n);
     };
-    return (n, p) => {
-      const s = h("el-tag"), v = h("el-popover");
+    return (n, y) => {
+      const s = C("el-tag"), v = C("el-popover");
       return a(), u(
         "div",
         {
@@ -184,18 +191,18 @@ const A = (l, i) => (l.install = (e) => {
         },
         [
           (a(!0), u(
-            b,
+            m,
             null,
-            B(d.value, (t) => (a(), u(
-              b,
+            W(d.value, (t) => (a(), u(
+              m,
               {
                 key: t.title
               },
               [
-                t.title !== "--" ? (a(), g(N(I), _({
+                t.title !== "--" ? (a(), g(_(N), B({
                   key: 0,
                   title: t.title,
-                  onClose: (C) => T(t),
+                  onClose: (h) => x(t),
                   color: t.color,
                   type: t.type || "primary",
                   ref_for: !0
@@ -203,17 +210,11 @@ const A = (l, i) => (l.install = (e) => {
                   circle: !1,
                   disabled: t == null ? void 0 : t.disabled
                 }), null, 16, ["title", "onClose", "color", "type", "disabled"])) : (a(), u(
-                  b,
-                  { key: 1 },
-                  [
-                    $(
-                      x(t.title),
-                      1
-                      /* TEXT */
-                    )
-                  ],
-                  64
-                  /* STABLE_FRAGMENT */
+                  "span",
+                  R,
+                  $(t.title),
+                  1
+                  /* TEXT */
                 ))
               ],
               64
@@ -222,22 +223,22 @@ const A = (l, i) => (l.install = (e) => {
             128
             /* KEYED_FRAGMENT */
           )),
-          o.value ? (a(), g(v, {
+          r.value ? (a(), g(v, {
             key: 0,
             placement: "bottom",
             "popper-class": "ik-statu-over",
             trigger: "hover"
           }, {
-            reference: k(() => [
-              o.value ? (a(), g(s, {
+            reference: b(() => [
+              r.value ? (a(), g(s, {
                 key: 0,
                 class: "more-tags",
                 type: "info",
                 closable: !1
               }, {
-                default: k(() => [
-                  $(
-                    " +" + x(o.value),
+                default: b(() => [
+                  w(
+                    " +" + $(r.value),
                     1
                     /* TEXT */
                   )
@@ -246,16 +247,16 @@ const A = (l, i) => (l.install = (e) => {
                 /* STABLE */
               })) : S("v-if", !0)
             ]),
-            default: k(() => [
+            default: b(() => [
               V("div", null, [
                 (a(!0), u(
-                  b,
+                  m,
                   null,
-                  B(f.value, (t) => (a(), g(N(I), _({
+                  W(f.value, (t) => (a(), g(_(N), B({
                     key: t.title,
                     title: t.title,
                     color: t.color,
-                    onClose: (C) => T(t),
+                    onClose: (h) => x(t),
                     type: t.type || "primary",
                     circle: !1,
                     ref_for: !0
@@ -276,8 +277,8 @@ const A = (l, i) => (l.install = (e) => {
       );
     };
   }
-}), j = /* @__PURE__ */ O(R, [["__scopeId", "data-v-84c057e2"]]), q = A(j);
+}), F = /* @__PURE__ */ O(j, [["__scopeId", "data-v-169a93dc"]]), G = A(F);
 export {
-  q as IkStatuOver,
-  q as default
+  G as IkStatuOver,
+  G as default
 };

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

@@ -1 +1 @@
-.ik-statu-tag[data-v-a3967db7]{margin:5px 0}.ik-statu-tag[data-v-a3967db7]:not(:first-child){margin-left:5px}.el-tag[data-v-a3967db7]:not(.el-tag--plain){border:none}.el-tag--danger[data-v-a3967db7]:not(.el-tag--plain){color:var(--ik-color-error);background-color:var(--ik-color-error-light)}.ik-statu-over{width:auto!important;min-width:0!important}.tag-container[data-v-84c057e2]{display:flex;width:100%}.tag-container .ik-statu-tag[data-v-84c057e2]{max-width:calc(100% - 46px)}.tag-container .el-tag[data-v-84c057e2]:not(:last-child){margin-right:5px}.tag-container[data-v-84c057e2] .el-tag__content{display:inline-block!important;width:100%;overflow:hidden;text-overflow:ellipsis}.more-tags[data-v-84c057e2]{margin:5px 0}
+.ik-statu-tag[data-v-a3967db7]{margin:5px 0}.ik-statu-tag[data-v-a3967db7]:not(:first-child){margin-left:5px}.el-tag[data-v-a3967db7]:not(.el-tag--plain){border:none}.el-tag--danger[data-v-a3967db7]:not(.el-tag--plain){color:var(--ik-color-error);background-color:var(--ik-color-error-light)}.ik-statu-over{width:auto!important;min-width:0!important}.tag-container[data-v-169a93dc]{display:flex;width:100%}.tag-container .ik-statu-tag[data-v-169a93dc]{max-width:calc(100% - 46px)}.tag-container .el-tag[data-v-169a93dc]:not(:last-child){margin-right:5px}.tag-container[data-v-169a93dc] .el-tag__content{display:inline-block!important;width:100%;overflow:hidden;text-overflow:ellipsis}.more-tags[data-v-169a93dc]{margin:5px 0}