iking-web-ui-pro 0.3.0 → 0.3.2

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

@@ -1,8 +1,8 @@
-import { defineComponent as s, computed as u, resolveComponent as f, openBlock as a, createBlock as y, normalizeClass as g, normalizeStyle as r, withCtx as b, createElementBlock as p, createCommentVNode as m, createTextVNode as k, toDisplayString as v } from "vue";
-const C = (e, o) => (e.install = (t) => {
-  for (const l of [e, ...Object.values({})])
-    t.component(l.name, l);
-}, e), S = /* @__PURE__ */ s({
+import { defineComponent as f, computed as y, resolveComponent as u, openBlock as n, createBlock as p, normalizeClass as g, normalizeStyle as d, withCtx as b, createElementBlock as k, createCommentVNode as m, createTextVNode as C, toDisplayString as v } from "vue";
+const S = (t, r) => (t.install = (e) => {
+  for (const l of [t, ...Object.values({})])
+    e.component(l.name, l);
+}, t), $ = /* @__PURE__ */ f({
   __name: "index",
   props: {
     title: {
@@ -11,7 +11,7 @@ const C = (e, o) => (e.install = (t) => {
     },
     type: {
       type: String,
-      default: ""
+      default: "primary"
     },
     // 传了type时，color和background不生效
     // 文字颜色
@@ -30,7 +30,7 @@ const C = (e, o) => (e.install = (t) => {
     },
     effect: {
       type: String,
-      default: "light"
+      default: "plain"
     },
     disabled: {
       type: Boolean,
@@ -60,45 +60,54 @@ const C = (e, o) => (e.install = (t) => {
     }
   },
   emits: ["close"],
-  setup(e, { emit: o }) {
-    const t = e, l = u(() => t.type ? t.type === "danger" ? `var(--el-color-${t.type})` : {
-      color: `var(--ik-color-${t.type})`,
-      backgroundColor: `var(--ik-color-${t.type}-light)`
-    } : {
-      color: t.color,
-      backgroundColor: t.background,
-      border: "none"
-    }), c = o, n = () => {
+  setup(t, { emit: r }) {
+    const e = t, l = y(() => {
+      const o = e.type ? e.type === "danger" ? `var(--el-color-${e.type})` : {
+        color: `var(--ik-color-${e.type})`,
+        backgroundColor: `var(--ik-color-${e.type}-light)`
+      } : {
+        color: e.color,
+        backgroundColor: e.background,
+        border: "none"
+      };
+      if (e.effect === "plain" && e.type !== "danger")
+        o.backgroundColor = "transparent", o.borderColor = e.type ? `var(--ik-color-${e.type})` : e.color;
+      else if (e.effect === "dark" && e.type !== "danger") {
+        const a = e.type ? `var(--ik-color-${e.type})` : e.color;
+        o.backgroundColor = a, o.borderColor = a, o.color = "#fff";
+      }
+      return o;
+    }), c = r, i = () => {
       c("close");
     };
-    return (i, $) => {
-      const d = f("el-tag");
-      return a(), y(d, {
-        effect: e.effect,
-        class: g(["ik-statu-tag", { disabled: e.disabled }]),
-        type: e.type,
-        style: r(l.value),
-        closable: i.$attrs.closable && !e.disabled,
-        onClose: n
+    return (o, a) => {
+      const s = u("el-tag");
+      return n(), p(s, {
+        effect: t.effect,
+        class: g(["ik-statu-tag", { disabled: t.disabled }]),
+        type: t.type,
+        style: d(l.value),
+        closable: o.$attrs.closable && !t.disabled,
+        onClose: i
       }, {
         default: b(() => [
-          e.circle ? (a(), p(
+          t.circle ? (n(), k(
             "span",
             {
               key: 0,
               class: "inline-block rounded-full",
-              style: r({
-                backgroundColor: e.type ? e.type === "danger" ? `var(--el-color-${e.type})` : `var(--ik-color-${e.type})` : e.circleColor,
-                width: `${e.circleW}px`,
-                height: `${e.circleH}px`
+              style: d({
+                backgroundColor: t.type ? t.type === "danger" ? `var(--el-color-${t.type})` : `var(--ik-color-${t.type})` : t.circleColor,
+                width: `${t.circleW}px`,
+                height: `${t.circleH}px`
               })
             },
             null,
             4
             /* STYLE */
           )) : m("v-if", !0),
-          k(
-            " " + v(e.title),
+          C(
+            " " + v(t.title),
             1
             /* TEXT */
           )
@@ -108,12 +117,12 @@ const C = (e, o) => (e.install = (t) => {
       }, 8, ["effect", "class", "type", "style", "closable"]);
     };
   }
-}), h = (e, o) => {
-  const t = e.__vccOpts || e;
-  for (const [l, c] of o)
-    t[l] = c;
-  return t;
-}, x = /* @__PURE__ */ h(S, [["__scopeId", "data-v-5bcf3056"]]), N = C(x);
+}), h = (t, r) => {
+  const e = t.__vccOpts || t;
+  for (const [l, c] of r)
+    e[l] = c;
+  return e;
+}, x = /* @__PURE__ */ h($, [["__scopeId", "data-v-a3967db7"]]), N = S(x);
 export {
   N as IkStatu,
   N as default

package/dist/IkStatu/ik.index.umd.js

@@ -1 +1 @@
-(function(o,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(o=typeof globalThis<"u"?globalThis:o||self,t(o.index={},o.vue))})(this,function(o,t){"use strict";const r=((e,n)=>(e.install=l=>{for(const c of[e,...Object.values({})])l.component(c.name,c)},e))(((e,n)=>{const l=e.__vccOpts||e;for(const[c,a]of n)l[c]=a;return l})(t.defineComponent({__name:"index",props:{title:{type:String,default:""},type:{type:String,default:""},color:{type:String,default:""},background:{type:String,default:""},circleColor:{type:String,default:""},effect:{type:String,default:"light"},disabled:{type:Boolean,default:!1},circle:{type:Boolean,default:!1},circleW:{type:Number,default:8},circleH:{type:Number,default:8},borderWidth:{type:Number,default:1},borderType:{type:String,default:"solid"}},emits:["close"],setup(e,{emit:n}){const l=e,c=t.computed(()=>l.type?l.type==="danger"?`var(--el-color-${l.type})`:{color:`var(--ik-color-${l.type})`,backgroundColor:`var(--ik-color-${l.type}-light)`}:{color:l.color,backgroundColor:l.background,border:"none"}),a=n,i=()=>{a("close")};return(d,g)=>{const s=t.resolveComponent("el-tag");return t.openBlock(),t.createBlock(s,{effect:e.effect,class:t.normalizeClass(["ik-statu-tag",{disabled:e.disabled}]),type:e.type,style:t.normalizeStyle(c.value),closable:d.$attrs.closable&&!e.disabled,onClose:i},{default:t.withCtx(()=>[e.circle?(t.openBlock(),t.createElementBlock("span",{key:0,class:"inline-block rounded-full",style:t.normalizeStyle({backgroundColor:e.type?e.type==="danger"?`var(--el-color-${e.type})`:`var(--ik-color-${e.type})`:e.circleColor,width:`${e.circleW}px`,height:`${e.circleH}px`})},null,4)):t.createCommentVNode("v-if",!0),t.createTextVNode(" "+t.toDisplayString(e.title),1)]),_:1},8,["effect","class","type","style","closable"])}}}),[["__scopeId","data-v-5bcf3056"]]));o.IkStatu=r,o.default=r,Object.defineProperties(o,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(l,o){typeof exports=="object"&&typeof module<"u"?o(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],o):(l=typeof globalThis<"u"?globalThis:l||self,o(l.index={},l.vue))})(this,function(l,o){"use strict";const d=((t,n)=>(t.install=e=>{for(const c of[t,...Object.values({})])e.component(c.name,c)},t))(((t,n)=>{const e=t.__vccOpts||t;for(const[c,a]of n)e[c]=a;return e})(o.defineComponent({__name:"index",props:{title:{type:String,default:""},type:{type:String,default:"primary"},color:{type:String,default:""},background:{type:String,default:""},circleColor:{type:String,default:""},effect:{type:String,default:"plain"},disabled:{type:Boolean,default:!1},circle:{type:Boolean,default:!1},circleW:{type:Number,default:8},circleH:{type:Number,default:8},borderWidth:{type:Number,default:1},borderType:{type:String,default:"solid"}},emits:["close"],setup(t,{emit:n}){const e=t,c=o.computed(()=>{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)`}:{color:e.color,backgroundColor:e.background,border:"none"};if(e.effect==="plain"&&e.type!=="danger")r.backgroundColor="transparent",r.borderColor=e.type?`var(--ik-color-${e.type})`:e.color;else if(e.effect==="dark"&&e.type!=="danger"){const i=e.type?`var(--ik-color-${e.type})`:e.color;r.backgroundColor=i,r.borderColor=i,r.color="#fff"}return r}),a=n,s=()=>{a("close")};return(r,i)=>{const f=o.resolveComponent("el-tag");return o.openBlock(),o.createBlock(f,{effect:t.effect,class:o.normalizeClass(["ik-statu-tag",{disabled:t.disabled}]),type:t.type,style:o.normalizeStyle(c.value),closable:r.$attrs.closable&&!t.disabled,onClose:s},{default:o.withCtx(()=>[t.circle?(o.openBlock(),o.createElementBlock("span",{key:0,class:"inline-block rounded-full",style:o.normalizeStyle({backgroundColor:t.type?t.type==="danger"?`var(--el-color-${t.type})`:`var(--ik-color-${t.type})`:t.circleColor,width:`${t.circleW}px`,height:`${t.circleH}px`})},null,4)):o.createCommentVNode("v-if",!0),o.createTextVNode(" "+o.toDisplayString(t.title),1)]),_:1},8,["effect","class","type","style","closable"])}}}),[["__scopeId","data-v-a3967db7"]]));l.IkStatu=d,l.default=d,Object.defineProperties(l,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

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

@@ -1 +1 @@
-.ik-statu-tag[data-v-5bcf3056]{margin:5px 0}.ik-statu-tag[data-v-5bcf3056]:not(:first-child){margin-left:5px}.el-tag[data-v-5bcf3056]{border:none;border-radius:6px}.el-tag--danger[data-v-5bcf3056]{color:var(--ik-color-error);background-color:var(--ik-color-error-light)}
+.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)}

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

@@ -1,14 +1,14 @@
-import { defineComponent as I, computed as f, resolveComponent as m, openBlock as r, createBlock as v, normalizeClass as V, normalizeStyle as T, withCtx as b, createElementBlock as u, createCommentVNode as w, createTextVNode as C, toDisplayString as S, ref as D, Fragment as g, renderList as W, unref as N, mergeProps as B, createVNode as L, createElementVNode as z } from "vue";
-import { ikDom as E } from "iking-utils-pro";
-const A = (t, s) => (t.install = (l) => {
-  for (const o of [t, ...Object.values({})])
-    l.component(o.name, o);
-}, t), O = (t, s) => {
-  const l = t.__vccOpts || t;
-  for (const [o, n] of s)
-    l[o] = n;
-  return l;
-}, H = /* @__PURE__ */ I({
+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 { 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);
+}, l), O = (l, i) => {
+  const e = l.__vccOpts || l;
+  for (const [r, c] of i)
+    e[r] = c;
+  return e;
+}, E = /* @__PURE__ */ w({
   __name: "index",
   props: {
     title: {
@@ -17,7 +17,7 @@ const A = (t, s) => (t.install = (l) => {
     },
     type: {
       type: String,
-      default: ""
+      default: "primary"
     },
     // 传了type时，color和background不生效
     // 文字颜色
@@ -36,7 +36,7 @@ const A = (t, s) => (t.install = (l) => {
     },
     effect: {
       type: String,
-      default: "light"
+      default: "plain"
     },
     disabled: {
       type: Boolean,
@@ -66,45 +66,54 @@ const A = (t, s) => (t.install = (l) => {
     }
   },
   emits: ["close"],
-  setup(t, { emit: s }) {
-    const l = t, o = f(() => l.type ? l.type === "danger" ? `var(--el-color-${l.type})` : {
-      color: `var(--ik-color-${l.type})`,
-      backgroundColor: `var(--ik-color-${l.type}-light)`
-    } : {
-      color: l.color,
-      backgroundColor: l.background,
-      border: "none"
-    }), n = s, i = () => {
-      n("close");
+  setup(l, { emit: i }) {
+    const e = l, r = y(() => {
+      const o = e.type ? e.type === "danger" ? `var(--el-color-${e.type})` : {
+        color: `var(--ik-color-${e.type})`,
+        backgroundColor: `var(--ik-color-${e.type}-light)`
+      } : {
+        color: e.color,
+        backgroundColor: e.background,
+        border: "none"
+      };
+      if (e.effect === "plain" && e.type !== "danger")
+        o.backgroundColor = "transparent", o.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";
+      }
+      return o;
+    }), c = i, d = () => {
+      c("close");
     };
-    return (y, $) => {
-      const k = m("el-tag");
-      return r(), v(k, {
-        effect: t.effect,
-        class: V(["ik-statu-tag", { disabled: t.disabled }]),
-        type: t.type,
-        style: T(o.value),
-        closable: y.$attrs.closable && !t.disabled,
-        onClose: i
+    return (o, f) => {
+      const m = h("el-tag");
+      return a(), g(m, {
+        effect: l.effect,
+        class: D(["ik-statu-tag", { disabled: l.disabled }]),
+        type: l.type,
+        style: W(r.value),
+        closable: o.$attrs.closable && !l.disabled,
+        onClose: d
       }, {
-        default: b(() => [
-          t.circle ? (r(), u(
+        default: k(() => [
+          l.circle ? (a(), u(
             "span",
             {
               key: 0,
               class: "inline-block rounded-full",
-              style: T({
-                backgroundColor: t.type ? t.type === "danger" ? `var(--el-color-${t.type})` : `var(--ik-color-${t.type})` : t.circleColor,
-                width: `${t.circleW}px`,
-                height: `${t.circleH}px`
+              style: W({
+                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`
               })
             },
             null,
             4
             /* STYLE */
-          )) : w("v-if", !0),
-          C(
-            " " + S(t.title),
+          )) : S("v-if", !0),
+          $(
+            " " + x(l.title),
             1
             /* TEXT */
           )
@@ -114,7 +123,7 @@ const A = (t, s) => (t.install = (l) => {
       }, 8, ["effect", "class", "type", "style", "closable"]);
     };
   }
-}), R = /* @__PURE__ */ O(H, [["__scopeId", "data-v-5bcf3056"]]), _ = A(R), j = /* @__PURE__ */ I({
+}), H = /* @__PURE__ */ O(E, [["__scopeId", "data-v-a3967db7"]]), I = A(H), R = /* @__PURE__ */ w({
   __name: "index",
   props: {
     // 超出长度时以 +2 这样的方式显示
@@ -140,66 +149,65 @@ const A = (t, s) => (t.install = (l) => {
     }
   },
   emits: ["close"],
-  setup(t, { emit: s }) {
-    const l = t, o = f(() => Array.isArray(l.list) ? l.list : typeof l.list == "string" ? l.list.split(",").map((a, d) => {
-      var c;
+  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) => {
+      var s;
       return {
-        ...((c = l.data) == null ? void 0 : c[d]) || {},
-        title: a,
+        ...((s = e.data) == null ? void 0 : s[p]) || {},
+        title: n,
         type: ""
       };
-    }) : []), n = D(null), i = f(() => {
-      if (n.value) {
-        const a = n.value.clientWidth;
-        let d = 24;
-        const c = [];
-        let p = 0;
-        for (const e of o.value) {
-          const h = E.useTextWidth(String((e == null ? void 0 : e.title) || e));
-          d += h + 40, (d <= a || !p) && c.push(e), p++;
+    }) : []), 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++;
         }
-        return c;
+        return s;
       }
-      return o.value;
-    }), y = f(() => o.value.length - i.value.length), $ = f(() => o.value.slice(i.value.length)), k = s, x = (a) => {
-      k("close", a);
+      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);
     };
-    return (a, d) => {
-      const c = m("el-tag"), p = m("el-popover");
-      return r(), u(
+    return (n, p) => {
+      const s = h("el-tag"), v = h("el-popover");
+      return a(), u(
         "div",
         {
           ref_key: "containerRef",
-          ref: n,
+          ref: c,
           class: "tag-container"
         },
         [
-          (r(!0), u(
-            g,
+          (a(!0), u(
+            b,
             null,
-            W(i.value, (e) => (r(), u(
-              g,
+            B(d.value, (t) => (a(), u(
+              b,
               {
-                key: e.title
+                key: t.title
               },
               [
-                e.title !== "--" ? (r(), v(N(_), B({
+                t.title !== "--" ? (a(), g(N(I), _({
                   key: 0,
-                  title: e.title,
-                  onClose: (h) => x(e),
-                  color: e.color,
-                  background: e.background,
-                  type: e.type,
+                  title: t.title,
+                  onClose: (C) => T(t),
+                  color: t.color,
+                  type: t.type || "primary",
                   ref_for: !0
-                }, a.$attrs, {
+                }, n.$attrs, {
                   circle: !1,
-                  disabled: e == null ? void 0 : e.disabled
-                }), null, 16, ["title", "onClose", "color", "background", "type", "disabled"])) : (r(), u(
-                  g,
+                  disabled: t == null ? void 0 : t.disabled
+                }), null, 16, ["title", "onClose", "color", "type", "disabled"])) : (a(), u(
+                  b,
                   { key: 1 },
                   [
-                    C(
-                      S(e.title),
+                    $(
+                      x(t.title),
                       1
                       /* TEXT */
                     )
@@ -214,46 +222,46 @@ const A = (t, s) => (t.install = (l) => {
             128
             /* KEYED_FRAGMENT */
           )),
-          y.value ? (r(), v(p, {
+          o.value ? (a(), g(v, {
             key: 0,
             placement: "bottom",
             "popper-class": "ik-statu-over",
             trigger: "hover"
           }, {
-            reference: b(() => [
-              L(c, {
+            reference: k(() => [
+              o.value ? (a(), g(s, {
+                key: 0,
                 class: "more-tags",
                 type: "info",
                 closable: !1
               }, {
-                default: b(() => [
-                  C(
-                    " +" + S(y.value),
+                default: k(() => [
+                  $(
+                    " +" + x(o.value),
                     1
                     /* TEXT */
                   )
                 ]),
                 _: 1
                 /* STABLE */
-              })
+              })) : S("v-if", !0)
             ]),
-            default: b(() => [
-              z("div", null, [
-                (r(!0), u(
-                  g,
+            default: k(() => [
+              V("div", null, [
+                (a(!0), u(
+                  b,
                   null,
-                  W($.value, (e) => (r(), v(N(_), B({
-                    key: e.title,
-                    title: e.title,
-                    color: e.color,
-                    onClose: (h) => x(e),
-                    background: e.background,
-                    type: e.type,
+                  B(f.value, (t) => (a(), g(N(I), _({
+                    key: t.title,
+                    title: t.title,
+                    color: t.color,
+                    onClose: (C) => T(t),
+                    type: t.type || "primary",
                     circle: !1,
                     ref_for: !0
-                  }, a.$attrs, {
-                    disabled: e == null ? void 0 : e.disabled
-                  }), null, 16, ["title", "color", "onClose", "background", "type", "disabled"]))),
+                  }, n.$attrs, {
+                    disabled: t == null ? void 0 : t.disabled
+                  }), null, 16, ["title", "color", "onClose", "type", "disabled"]))),
                   128
                   /* KEYED_FRAGMENT */
                 ))
@@ -261,15 +269,15 @@ const A = (t, s) => (t.install = (l) => {
             ]),
             _: 1
             /* STABLE */
-          })) : w("v-if", !0)
+          })) : S("v-if", !0)
         ],
         512
         /* NEED_PATCH */
       );
     };
   }
-}), F = /* @__PURE__ */ O(j, [["__scopeId", "data-v-e872e623"]]), G = A(F);
+}), j = /* @__PURE__ */ O(R, [["__scopeId", "data-v-84c057e2"]]), q = A(j);
 export {
-  G as IkStatuOver,
-  G as default
+  q as IkStatuOver,
+  q as default
 };

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

@@ -1 +1 @@
-(function(n,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("iking-utils-pro")):typeof define=="function"&&define.amd?define(["exports","vue","iking-utils-pro"],e):(n=typeof globalThis<"u"?globalThis:n||self,e(n.index={},n.vue,n["iking-utils-pro"]))})(this,function(n,e,S){"use strict";const k=(o,i)=>(o.install=l=>{for(const r of[o,...Object.values({})])l.component(r.name,r)},o),m=(o,i)=>{const l=o.__vccOpts||o;for(const[r,a]of i)l[r]=a;return l},b=k(m(e.defineComponent({__name:"index",props:{title:{type:String,default:""},type:{type:String,default:""},color:{type:String,default:""},background:{type:String,default:""},circleColor:{type:String,default:""},effect:{type:String,default:"light"},disabled:{type:Boolean,default:!1},circle:{type:Boolean,default:!1},circleW:{type:Number,default:8},circleH:{type:Number,default:8},borderWidth:{type:Number,default:1},borderType:{type:String,default:"solid"}},emits:["close"],setup(o,{emit:i}){const l=o,r=e.computed(()=>l.type?l.type==="danger"?`var(--el-color-${l.type})`:{color:`var(--ik-color-${l.type})`,backgroundColor:`var(--ik-color-${l.type}-light)`}:{color:l.color,backgroundColor:l.background,border:"none"}),a=i,d=()=>{a("close")};return(f,C)=>{const y=e.resolveComponent("el-tag");return e.openBlock(),e.createBlock(y,{effect:o.effect,class:e.normalizeClass(["ik-statu-tag",{disabled:o.disabled}]),type:o.type,style:e.normalizeStyle(r.value),closable:f.$attrs.closable&&!o.disabled,onClose:d},{default:e.withCtx(()=>[o.circle?(e.openBlock(),e.createElementBlock("span",{key:0,class:"inline-block rounded-full",style:e.normalizeStyle({backgroundColor:o.type?o.type==="danger"?`var(--el-color-${o.type})`:`var(--ik-color-${o.type})`:o.circleColor,width:`${o.circleW}px`,height:`${o.circleH}px`})},null,4)):e.createCommentVNode("v-if",!0),e.createTextVNode(" "+e.toDisplayString(o.title),1)]),_:1},8,["effect","class","type","style","closable"])}}}),[["__scopeId","data-v-5bcf3056"]])),h=k(m(e.defineComponent({__name:"index",props:{overfolw:{type:Boolean,default:!0},list:{type:Array,default:()=>[]},data:{type:Array,default:()=>[]}},emits:["close"],setup(o,{emit:i}){const l=o,r=e.computed(()=>Array.isArray(l.list)?l.list:typeof l.list=="string"?l.list.split(",").map((c,p)=>{var s;return{...((s=l.data)==null?void 0:s[p])||{},title:c,type:""}}):[]),a=e.ref(null),d=e.computed(()=>{if(a.value){const c=a.value.clientWidth;let p=24;const s=[];let u=0;for(const t of r.value){const g=S.ikDom.useTextWidth(String((t==null?void 0:t.title)||t));p+=g+40,(p<=c||!u)&&s.push(t),u++}return s}return r.value}),f=e.computed(()=>r.value.length-d.value.length),C=e.computed(()=>r.value.slice(d.value.length)),y=i,B=c=>{y("close",c)};return(c,p)=>{const s=e.resolveComponent("el-tag"),u=e.resolveComponent("el-popover");return e.openBlock(),e.createElementBlock("div",{ref_key:"containerRef",ref:a,class:"tag-container"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.value,t=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:t.title},[t.title!=="--"?(e.openBlock(),e.createBlock(e.unref(b),e.mergeProps({key:0,title:t.title,onClose:g=>B(t),color:t.color,background:t.background,type:t.type,ref_for:!0},c.$attrs,{circle:!1,disabled:t==null?void 0:t.disabled}),null,16,["title","onClose","color","background","type","disabled"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(t.title),1)],64))],64))),128)),f.value?(e.openBlock(),e.createBlock(u,{key:0,placement:"bottom","popper-class":"ik-statu-over",trigger:"hover"},{reference:e.withCtx(()=>[e.createVNode(s,{class:"more-tags",type:"info",closable:!1},{default:e.withCtx(()=>[e.createTextVNode(" +"+e.toDisplayString(f.value),1)]),_:1})]),default:e.withCtx(()=>[e.createElementVNode("div",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(C.value,t=>(e.openBlock(),e.createBlock(e.unref(b),e.mergeProps({key:t.title,title:t.title,color:t.color,onClose:g=>B(t),background:t.background,type:t.type,circle:!1,ref_for:!0},c.$attrs,{disabled:t==null?void 0:t.disabled}),null,16,["title","color","onClose","background","type","disabled"]))),128))])]),_:1})):e.createCommentVNode("v-if",!0)],512)}}}),[["__scopeId","data-v-e872e623"]]));n.IkStatuOver=h,n.default=h,Object.defineProperties(n,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(a,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("iking-utils-pro")):typeof define=="function"&&define.amd?define(["exports","vue","iking-utils-pro"],e):(a=typeof globalThis<"u"?globalThis:a||self,e(a.index={},a.vue,a["iking-utils-pro"]))})(this,function(a,e,S){"use strict";const m=(l,d)=>(l.install=t=>{for(const n of[l,...Object.values({})])t.component(n.name,n)},l),b=(l,d)=>{const t=l.__vccOpts||l;for(const[n,s]of d)t[n]=s;return t},C=m(b(e.defineComponent({__name:"index",props:{title:{type:String,default:""},type:{type:String,default:"primary"},color:{type:String,default:""},background:{type:String,default:""},circleColor:{type:String,default:""},effect:{type:String,default:"plain"},disabled:{type:Boolean,default:!1},circle:{type:Boolean,default:!1},circleW:{type:Number,default:8},circleH:{type:Number,default:8},borderWidth:{type:Number,default:1},borderType:{type:String,default:"solid"}},emits:["close"],setup(l,{emit:d}){const t=l,n=e.computed(()=>{const r=t.type?t.type==="danger"?`var(--el-color-${t.type})`:{color:`var(--ik-color-${t.type})`,backgroundColor:`var(--ik-color-${t.type}-light)`}:{color:t.color,backgroundColor:t.background,border:"none"};if(t.effect==="plain"&&t.type!=="danger")r.backgroundColor="transparent",r.borderColor=t.type?`var(--ik-color-${t.type})`:t.color;else if(t.effect==="dark"&&t.type!=="danger"){const f=t.type?`var(--ik-color-${t.type})`:t.color;r.backgroundColor=f,r.borderColor=f,r.color="#fff"}return r}),s=d,p=()=>{s("close")};return(r,f)=>{const k=e.resolveComponent("el-tag");return e.openBlock(),e.createBlock(k,{effect:l.effect,class:e.normalizeClass(["ik-statu-tag",{disabled:l.disabled}]),type:l.type,style:e.normalizeStyle(n.value),closable:r.$attrs.closable&&!l.disabled,onClose:p},{default:e.withCtx(()=>[l.circle?(e.openBlock(),e.createElementBlock("span",{key:0,class:"inline-block rounded-full",style:e.normalizeStyle({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`})},null,4)):e.createCommentVNode("v-if",!0),e.createTextVNode(" "+e.toDisplayString(l.title),1)]),_:1},8,["effect","class","type","style","closable"])}}}),[["__scopeId","data-v-a3967db7"]])),h=m(b(e.defineComponent({__name:"index",props:{overfolw:{type:Boolean,default:!0},list:{type:Array,default:()=>[]},data:{type:Array,default:()=>[]}},emits:["close"],setup(l,{emit:d}){const t=l,n=e.computed(()=>Array.isArray(t.list)?t.list:typeof t.list=="string"?t.list.split(",").map((c,y)=>{var i;return{...((i=t.data)==null?void 0:i[y])||{},title:c,type:""}}):[]),s=e.ref(null),p=e.computed(()=>{if(s.value){const c=s.value.clientWidth;let y=24;const i=[];let u=0;for(const o of n.value){const g=S.ikDom.useTextWidth(String((o==null?void 0:o.title)||o));y+=g+40,(y<=c||!u)&&i.push(o),u++}return i}return n.value}),r=e.computed(()=>n.value.length-p.value.length),f=e.computed(()=>n.value.slice(p.value.length)),k=d,B=c=>{k("close",c)};return(c,y)=>{const i=e.resolveComponent("el-tag"),u=e.resolveComponent("el-popover");return e.openBlock(),e.createElementBlock("div",{ref_key:"containerRef",ref:s,class:"tag-container"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(p.value,o=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:o.title},[o.title!=="--"?(e.openBlock(),e.createBlock(e.unref(C),e.mergeProps({key:0,title:o.title,onClose:g=>B(o),color:o.color,type:o.type||"primary",ref_for:!0},c.$attrs,{circle:!1,disabled:o==null?void 0:o.disabled}),null,16,["title","onClose","color","type","disabled"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(o.title),1)],64))],64))),128)),r.value?(e.openBlock(),e.createBlock(u,{key:0,placement:"bottom","popper-class":"ik-statu-over",trigger:"hover"},{reference:e.withCtx(()=>[r.value?(e.openBlock(),e.createBlock(i,{key:0,class:"more-tags",type:"info",closable:!1},{default:e.withCtx(()=>[e.createTextVNode(" +"+e.toDisplayString(r.value),1)]),_:1})):e.createCommentVNode("v-if",!0)]),default:e.withCtx(()=>[e.createElementVNode("div",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(f.value,o=>(e.openBlock(),e.createBlock(e.unref(C),e.mergeProps({key:o.title,title:o.title,color:o.color,onClose:g=>B(o),type:o.type||"primary",circle:!1,ref_for:!0},c.$attrs,{disabled:o==null?void 0:o.disabled}),null,16,["title","color","onClose","type","disabled"]))),128))])]),_:1})):e.createCommentVNode("v-if",!0)],512)}}}),[["__scopeId","data-v-84c057e2"]]));a.IkStatuOver=h,a.default=h,Object.defineProperties(a,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

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

@@ -1 +1 @@
-.ik-statu-tag[data-v-5bcf3056]{margin:5px 0}.ik-statu-tag[data-v-5bcf3056]:not(:first-child){margin-left:5px}.el-tag[data-v-5bcf3056]{border:none;border-radius:6px}.el-tag--danger[data-v-5bcf3056]{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-e872e623]{display:flex;width:100%}.tag-container .ik-statu-tag[data-v-e872e623]{max-width:calc(100% - 46px)}.tag-container .el-tag[data-v-e872e623]:not(:last-child){margin-right:5px}.tag-container[data-v-e872e623] .el-tag__content{display:inline-block!important;width:100%;overflow:hidden;text-overflow:ellipsis}.more-tags[data-v-e872e623]{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-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}