iking-web-ui-pro 0.3.1 → 0.3.3

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/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 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 o of [l, ...Object.values({})])
+    e.component(o.name, o);
+}, l), O = (l, i) => {
+  const e = l.__vccOpts || l;
+  for (const [o, c] of i)
+    e[o] = c;
+  return e;
+}, E = /* @__PURE__ */ I({
   __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, 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)`
+      } : {
+        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 f = e.type ? `var(--ik-color-${e.type})` : e.color;
+        r.backgroundColor = f, r.borderColor = f, r.color = "#fff";
+      }
+      return r;
+    }), 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,
+    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: T(o.value),
-        closable: y.$attrs.closable && !t.disabled,
-        onClose: i
+        closable: r.$attrs.closable && !l.disabled,
+        onClose: d
       }, {
         default: b(() => [
-          t.circle ? (r(), u(
+          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`
+                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),
+          w(
+            " " + $(l.title),
             1
             /* TEXT */
           )
@@ -114,7 +123,10 @@ 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"]]), N = A(H), R = {
+  key: 1,
+  style: { color: "var(--el-color-info-light-3)" }
+}, j = /* @__PURE__ */ I({
   __name: "index",
   props: {
     // 超出长度时以 +2 这样的方式显示
@@ -140,72 +152,69 @@ 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, o = p(() => Array.isArray(e.list) ? e.list : typeof e.list == "string" ? e.list.split(",").map((n, y) => {
+      var s;
       return {
-        ...((c = l.data) == null ? void 0 : c[d]) || {},
-        title: a,
+        ...((s = e.data) == null ? void 0 : s[y]) || {},
+        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 = 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 c;
+        return o.value;
+      } catch {
+        return o.value;
       }
-      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);
+    }), r = p(() => o.value.length - d.value.length), f = p(() => o.value.slice(d.value.length)), k = i, x = (n) => {
+      k("close", n);
     };
-    return (a, d) => {
-      const c = m("el-tag"), p = m("el-popover");
-      return r(), u(
+    return (n, y) => {
+      const s = C("el-tag"), v = C("el-popover");
+      return a(), u(
         "div",
         {
           ref_key: "containerRef",
-          ref: n,
+          ref: c,
           class: "tag-container"
         },
         [
-          (r(!0), u(
-            g,
+          (a(!0), u(
+            m,
             null,
-            W(i.value, (e) => (r(), u(
-              g,
+            W(d.value, (t) => (a(), u(
+              m,
               {
-                key: e.title
+                key: t.title
               },
               [
-                e.title !== "--" ? (r(), v(N(_), B({
+                t.title !== "--" ? (a(), g(_(N), B({
                   key: 0,
-                  title: e.title,
-                  onClose: (h) => x(e),
-                  color: e.color,
-                  background: e.background,
-                  type: e.type,
+                  title: t.title,
+                  onClose: (h) => x(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,
-                  { key: 1 },
-                  [
-                    C(
-                      S(e.title),
-                      1
-                      /* TEXT */
-                    )
-                  ],
-                  64
-                  /* STABLE_FRAGMENT */
+                  disabled: t == null ? void 0 : t.disabled
+                }), null, 16, ["title", "onClose", "color", "type", "disabled"])) : (a(), u(
+                  "span",
+                  R,
+                  $(t.title),
+                  1
+                  /* TEXT */
                 ))
               ],
               64
@@ -214,46 +223,46 @@ const A = (t, s) => (t.install = (l) => {
             128
             /* KEYED_FRAGMENT */
           )),
-          y.value ? (r(), v(p, {
+          r.value ? (a(), g(v, {
             key: 0,
             placement: "bottom",
             "popper-class": "ik-statu-over",
             trigger: "hover"
           }, {
             reference: b(() => [
-              L(c, {
+              r.value ? (a(), g(s, {
+                key: 0,
                 class: "more-tags",
                 type: "info",
                 closable: !1
               }, {
                 default: b(() => [
-                  C(
-                    " +" + S(y.value),
+                  w(
+                    " +" + $(r.value),
                     1
                     /* TEXT */
                   )
                 ]),
                 _: 1
                 /* STABLE */
-              })
+              })) : S("v-if", !0)
             ]),
             default: b(() => [
-              z("div", null, [
-                (r(!0), u(
-                  g,
+              V("div", null, [
+                (a(!0), u(
+                  m,
                   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,
+                  W(f.value, (t) => (a(), g(_(N), B({
+                    key: t.title,
+                    title: t.title,
+                    color: t.color,
+                    onClose: (h) => x(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,14 +270,14 @@ 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);
+}), F = /* @__PURE__ */ O(j, [["__scopeId", "data-v-169a93dc"]]), G = A(F);
 export {
   G as IkStatuOver,
   G as default

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-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}