iking-web-ui-pro 0.3.2 → 0.3.3

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}

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

@@ -1,17 +1,17 @@
-import { defineComponent as z, computed as d, resolveComponent as k, openBlock as t, createElementBlock as o, Fragment as x, normalizeClass as u, normalizeStyle as r, createCommentVNode as I, createElementVNode as m, createBlock as b, withCtx as w, createTextVNode as C, toDisplayString as $ } from "vue";
-import { ikColor as M } from "iking-utils-pro";
-const S = (s, c) => (s.install = (n) => {
-  for (const e of [s, ...Object.values({})])
-    n.component(e.name, e);
-}, s), T = {
+import { defineComponent as z, computed as d, resolveComponent as k, openBlock as t, createElementBlock as s, Fragment as x, normalizeClass as u, normalizeStyle as r, createElementVNode as m, createBlock as b, withCtx as w, createTextVNode as I, toDisplayString as C } from "vue";
+import { ikColor as $ } from "iking-utils-pro";
+const M = (o, c) => (o.install = (i) => {
+  for (const e of [o, ...Object.values({})])
+    i.component(e.name, e);
+}, o), S = {
   key: 1,
   class: "h-[1em] w-[1em]",
   "aria-hidden": "true"
-}, j = ["xlink:href"], D = ["src"], E = {
+}, T = ["xlink:href"], j = ["src"], D = {
   key: 1,
   class: "h-[1em] w-[1em]",
   "aria-hidden": "true"
-}, N = ["xlink:href"], O = ["src"], V = /* @__PURE__ */ z({
+}, E = ["xlink:href"], O = ["src"], L = /* @__PURE__ */ z({
   name: "IkSvgIcon",
   __name: "index",
   props: {
@@ -33,16 +33,16 @@ const S = (s, c) => (s.install = (n) => {
     success: { type: Boolean },
     tableIconType: {},
     title: {},
-    type: {},
+    type: { default: "primary" },
     warning: { type: Boolean },
     width: {}
   },
   emits: ["click", "mouseenter", "mouseleave", "dblclick"],
-  setup(s, { emit: c }) {
-    const n = s, e = d(() => n), a = d(() => {
+  setup(o, { emit: c }) {
+    const i = o, e = d(() => i), a = d(() => {
       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";
-    }), i = d(() => {
+    }), n = d(() => {
       const l = [];
       if (e.value.flip)
         switch (e.value.flip) {
@@ -65,13 +65,13 @@ const S = (s, c) => (s.install = (n) => {
         padding: e.value.showBg || e.value.bg ? e.value.padding : 0,
         ...e.value.color && a.value !== "iksig" ? {
           "--ik-icon-deep-color": e.value.color,
-          "--ik-icon-shallow-color": e.value.colorLight || M.setOpacity(e.value.color, e.value.opacity)
+          "--ik-icon-shallow-color": e.value.colorLight || $.setOpacity(e.value.color, e.value.opacity)
         } : {}
       };
       return e.value.width && (p.width = p.height = typeof e.value.width == "number" ? `${e.value.width}px` : e.value.width), p;
-    }), v = c, y = (l) => {
+    }), v = c, g = (l) => {
       v("click", l);
-    }, g = (l) => {
+    }, y = (l) => {
       v("mouseenter", l);
     }, f = (l) => {
       v("mouseleave", l);
@@ -80,12 +80,12 @@ const S = (s, c) => (s.install = (n) => {
     };
     return (l, p) => {
       const _ = k("el-tooltip"), B = k("el-button");
-      return e.value.tableIconType === "icon" || !e.value.tableIconType ? (t(), o(
+      return e.value.tableIconType === "icon" || !e.value.tableIconType ? (t(), s(
         x,
         { key: 0 },
         [
-          e.value.notip || !e.value.title ? (t(), o(
-            "span",
+          e.value.notip || !e.value.title ? (t(), s(
+            "i",
             {
               key: 0,
               class: u(["ik-svg-icon ik-icon relative h-[1em] w-[1em] inline-flex items-center justify-center fill-current leading-[1em] transition", {
@@ -101,38 +101,37 @@ const S = (s, c) => (s.install = (n) => {
                 active: e.value.active,
                 disabled: e.value.disabled
               }]),
-              style: r(i.value),
-              onClick: y,
+              style: r(n.value),
+              onClick: g,
               onDblclick: h,
-              onMouseenter: g,
+              onMouseenter: y,
               onMouseleave: f
             },
             [
-              I(` <Icon v-if="outputType === 'iconify'" :icon="name" /> `),
-              a.value === "iksig" ? (t(), o(
+              a.value === "iksig" ? (t(), s(
                 "i",
                 {
                   key: 0,
                   class: u(`iksig ${e.value.name}`),
-                  style: r(i.value)
+                  style: r(n.value)
                 },
                 null,
                 6
                 /* CLASS, STYLE */
-              )) : a.value === "svg" ? (t(), o("svg", T, [
+              )) : a.value === "svg" ? (t(), s("svg", S, [
                 m("use", {
                   "xlink:href": `#${e.value.name}`
-                }, null, 8, j)
-              ])) : a.value === "img" ? (t(), o("img", {
+                }, null, 8, T)
+              ])) : a.value === "img" ? (t(), s("img", {
                 key: 2,
                 src: e.value.name,
                 class: "h-[1em] w-[1em]"
-              }, null, 8, D)) : (t(), o(
+              }, null, 8, j)) : (t(), s(
                 "i",
                 {
                   key: 3,
                   class: u(e.value.name),
-                  style: r(i.value)
+                  style: r(n.value)
                 },
                 null,
                 6
@@ -145,11 +144,12 @@ const S = (s, c) => (s.install = (n) => {
             key: 1,
             content: e.value.title,
             placement: "top",
+            "popper-class": "ik-svg-icon-tooltip",
             "hide-after": 0
           }, {
             default: w(() => [
               m(
-                "span",
+                "i",
                 {
                   class: u(["ik-svg-icon ik-icon relative h-[1em] w-[1em] inline-flex items-center justify-center fill-current leading-[1em] transition", {
                     [l.name]: a.value === "unocss",
@@ -161,39 +161,40 @@ const S = (s, c) => (s.install = (n) => {
                     primary: l.primary || e.value.type === "primary",
                     success: l.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
                   }]),
-                  style: r(i.value),
-                  onClick: y,
+                  style: r(n.value),
+                  onClick: g,
                   onDblclick: h,
-                  onMouseenter: g,
+                  onMouseenter: y,
                   onMouseleave: f
                 },
                 [
-                  a.value === "iksig" ? (t(), o(
+                  a.value === "iksig" ? (t(), s(
                     "i",
                     {
                       key: 0,
                       class: u(`iksig ${e.value.name}`),
-                      style: r(i.value)
+                      style: r(n.value)
                     },
                     null,
                     6
                     /* CLASS, STYLE */
-                  )) : a.value === "svg" ? (t(), o("svg", E, [
+                  )) : a.value === "svg" ? (t(), s("svg", D, [
                     m("use", {
                       "xlink:href": `#${e.value.name}`
-                    }, null, 8, N)
-                  ])) : a.value === "img" ? (t(), o("img", {
+                    }, null, 8, E)
+                  ])) : a.value === "img" ? (t(), s("img", {
                     key: 2,
                     src: e.value.name,
                     class: "h-[1em] w-[1em]"
-                  }, null, 8, O)) : (t(), o(
+                  }, null, 8, O)) : (t(), s(
                     "i",
                     {
                       key: 3,
                       class: u(e.value.name),
-                      style: r(i.value)
+                      style: r(n.value)
                     },
                     null,
                     6
@@ -215,8 +216,8 @@ const S = (s, c) => (s.install = (n) => {
         type: ["warning", "error"].includes(e.value.type) ? "danger" : ""
       }, {
         default: w(() => [
-          C(
-            $(e.value.title),
+          I(
+            C(e.value.title),
             1
             /* TEXT */
           )
@@ -226,13 +227,13 @@ const S = (s, c) => (s.install = (n) => {
       }, 8, ["type"]));
     };
   }
-}), L = (s, c) => {
-  const n = s.__vccOpts || s;
+}), N = (o, c) => {
+  const i = o.__vccOpts || o;
   for (const [e, a] of c)
-    n[e] = a;
-  return n;
-}, W = /* @__PURE__ */ L(V, [["__scopeId", "data-v-c7804024"]]), F = S(W);
+    i[e] = a;
+  return i;
+}, V = /* @__PURE__ */ N(L, [["__scopeId", "data-v-6889f3aa"]]), Y = M(V);
 export {
-  F as IkSvgIcon,
-  F as default
+  Y as IkSvgIcon,
+  Y as default
 };

package/dist/IkSvgIcon/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)}
+.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)}