iking-web-ui-pro 1.2.5 → 1.2.7

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

@@ -1,39 +1,39 @@
-import { defineComponent as B, createElementBlock as i, openBlock as u, createElementVNode as r, ref as g, watch as b, nextTick as z, onMounted as F, resolveComponent as O, createCommentVNode as w, createVNode as C, withCtx as W, unref as N, normalizeStyle as m, Fragment as V, renderList as j, normalizeClass as h, renderSlot as A, createTextVNode as _, toDisplayString as L } from "vue";
-const q = (t, v) => (t.install = (c) => {
+import { defineComponent as B, openBlock as i, createElementBlock as u, createElementVNode as r, ref as p, watch as b, nextTick as z, onMounted as F, resolveComponent as O, createVNode as C, withCtx as W, unref as N, createCommentVNode as w, normalizeStyle as m, Fragment as V, renderList as j, normalizeClass as h, renderSlot as A, createTextVNode as q, toDisplayString as L } from "vue";
+const G = (t, v) => (t.install = (c) => {
   for (const d of [t, ...Object.values({})])
     c.component(d.name, d);
 }, t);
-/*! Element Plus Icons Vue v2.3.1 */
-var G = /* @__PURE__ */ B({
+/*! Element Plus Icons Vue v2.3.2 */
+var J = /* @__PURE__ */ B({
   name: "ArrowLeft",
   __name: "arrow-left",
   setup(t) {
-    return (v, c) => (u(), i("svg", {
+    return (v, c) => (i(), u("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
       r("path", {
         fill: "currentColor",
-        d: "M609.408 149.376 277.76 489.6a32 32 0 0 0 0 44.672l331.648 340.352a29.12 29.12 0 0 0 41.728 0 30.592 30.592 0 0 0 0-42.752L339.264 511.936l311.872-319.872a30.592 30.592 0 0 0 0-42.688 29.12 29.12 0 0 0-41.728 0z"
+        d: "M609.408 149.376 277.76 489.6a32 32 0 0 0 0 44.672l331.648 340.352a29.12 29.12 0 0 0 41.728 0 30.59 30.59 0 0 0 0-42.752L339.264 511.936l311.872-319.872a30.59 30.59 0 0 0 0-42.688 29.12 29.12 0 0 0-41.728 0"
       })
     ]));
   }
-}), J = G, K = /* @__PURE__ */ B({
+}), K = J, P = /* @__PURE__ */ B({
   name: "ArrowRight",
   __name: "arrow-right",
   setup(t) {
-    return (v, c) => (u(), i("svg", {
+    return (v, c) => (i(), u("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
       r("path", {
         fill: "currentColor",
-        d: "M340.864 149.312a30.592 30.592 0 0 0 0 42.752L652.736 512 340.864 831.872a30.592 30.592 0 0 0 0 42.752 29.12 29.12 0 0 0 41.728 0L714.24 534.336a32 32 0 0 0 0-44.672L382.592 149.376a29.12 29.12 0 0 0-41.728 0z"
+        d: "M340.864 149.312a30.59 30.59 0 0 0 0 42.752L652.736 512 340.864 831.872a30.59 30.59 0 0 0 0 42.752 29.12 29.12 0 0 0 41.728 0L714.24 534.336a32 32 0 0 0 0-44.672L382.592 149.376a29.12 29.12 0 0 0-41.728 0z"
       })
     ]));
   }
-}), P = K;
-const Q = { class: "ik-hor-step-content" }, U = ["onClick"], X = { class: "ik-hor-step_main" }, Y = ["id", "onClick"], Z = ["id", "onClick"], x = /* @__PURE__ */ B({
+}), Q = P;
+const U = { class: "ik-hor-step-content" }, X = ["onClick"], Y = { class: "ik-hor-step_main" }, Z = ["id", "onClick"], x = ["id", "onClick"], D = /* @__PURE__ */ B({
   __name: "IkHorizontalStepBar",
   props: {
     spaceNum: {
@@ -77,43 +77,43 @@ const Q = { class: "ik-hor-step-content" }, U = ["onClick"], X = { class: "ik-ho
   },
   emits: ["click", "update:active"],
   setup(t, { emit: v }) {
-    const c = t, d = v, s = g(!1), I = g(), y = g(), f = g(!1);
+    const c = t, d = v, s = p(!1), I = p(), y = p(), f = p(!1);
     b(
       () => c.active,
       (n) => {
-        let e = document.getElementById("stepItemContent"), a = document.getElementById(`stepItem${n}`), o = document.getElementById("stepItem0");
-        const l = a && o ? (a == null ? void 0 : a.offsetLeft) - (o == null ? void 0 : o.offsetLeft) : 0;
-        e && a && (e.scrollLeft = l > (e == null ? void 0 : e.clientWidth) ? l - (e == null ? void 0 : e.offsetLeft) : 0);
+        let e = document.getElementById("stepItemContent"), o = document.getElementById(`stepItem${n}`), a = document.getElementById("stepItem0");
+        const l = o && a ? (o == null ? void 0 : o.offsetLeft) - (a == null ? void 0 : a.offsetLeft) : 0;
+        e && o && (e.scrollLeft = l > (e == null ? void 0 : e.clientWidth) ? l - (e == null ? void 0 : e.offsetLeft) : 0);
       }
     ), b(
       () => c.list,
       () => {
         z(() => {
-          let e = document.getElementById("stepItemContent"), a = (e == null ? void 0 : e.scrollWidth) > (e == null ? void 0 : e.clientWidth);
-          s.value = a, window.addEventListener("resize", n, !0);
+          let e = document.getElementById("stepItemContent"), o = (e == null ? void 0 : e.scrollWidth) > (e == null ? void 0 : e.clientWidth);
+          s.value = o, window.addEventListener("resize", n, !0);
         });
         const n = () => {
-          let e = document.getElementById("stepItemContent"), a = (e == null ? void 0 : e.scrollWidth) > (e == null ? void 0 : e.clientWidth);
-          s.value = a;
+          let e = document.getElementById("stepItemContent"), o = (e == null ? void 0 : e.scrollWidth) > (e == null ? void 0 : e.clientWidth);
+          s.value = o;
         };
       },
       { deep: !0 }
     ), F(() => {
       z(() => {
-        let e = document.getElementById("stepItemContent"), a = (e == null ? void 0 : e.scrollWidth) > (e == null ? void 0 : e.clientWidth);
-        s.value = a, window.addEventListener("resize", n, !0);
+        let e = document.getElementById("stepItemContent"), o = (e == null ? void 0 : e.scrollWidth) > (e == null ? void 0 : e.clientWidth);
+        s.value = o, window.addEventListener("resize", n, !0);
       });
       const n = () => {
-        let e = document.getElementById("stepItemContent"), a = (e == null ? void 0 : e.scrollWidth) > (e == null ? void 0 : e.clientWidth);
-        s.value = a;
+        let e = document.getElementById("stepItemContent"), o = (e == null ? void 0 : e.scrollWidth) > (e == null ? void 0 : e.clientWidth);
+        s.value = o;
       };
     });
     const k = (n, e) => {
       if (!c.needClick) return;
       d("update:active", e), d("click", n);
-      let a = document.getElementById("stepItemContent"), o = document.getElementById(`stepItem${e}`), l = document.getElementById("stepItem0");
-      const p = o && l ? (o == null ? void 0 : o.offsetLeft) - (l == null ? void 0 : l.offsetLeft) : 0;
-      a && o && (a.scrollLeft = p > (a == null ? void 0 : a.clientWidth) ? p - (a == null ? void 0 : a.offsetLeft) : 0);
+      let o = document.getElementById("stepItemContent"), a = document.getElementById(`stepItem${e}`), l = document.getElementById("stepItem0");
+      const g = a && l ? (a == null ? void 0 : a.offsetLeft) - (l == null ? void 0 : l.offsetLeft) : 0;
+      o && a && (o.scrollLeft = g > (o == null ? void 0 : o.clientWidth) ? g - (o == null ? void 0 : o.offsetLeft) : 0);
     }, E = () => {
       let n = document.getElementById("stepItemContent");
       n && (n.scrollLeft = n.scrollLeft - 20);
@@ -138,9 +138,9 @@ const Q = { class: "ik-hor-step-content" }, U = ["onClick"], X = { class: "ik-ho
       clearInterval(I.value), f.value || $();
     };
     return (n, e) => {
-      const a = O("el-icon");
-      return u(), i("div", Q, [
-        s.value ? (u(), i(
+      const o = O("el-icon");
+      return i(), u("div", U, [
+        s.value ? (i(), u(
           "div",
           {
             key: 0,
@@ -150,9 +150,9 @@ const Q = { class: "ik-hor-step-content" }, U = ["onClick"], X = { class: "ik-ho
             onClick: E
           },
           [
-            C(a, { class: "operation-icon" }, {
+            C(o, { class: "operation-icon" }, {
               default: W(() => [
-                C(N(J), { size: "26px" })
+                C(N(K), { size: "26px" })
               ]),
               _: 1
               /* STABLE */
@@ -172,16 +172,16 @@ const Q = { class: "ik-hor-step-content" }, U = ["onClick"], X = { class: "ik-ho
             })
           },
           [
-            (u(!0), i(
+            (i(!0), u(
               V,
               null,
-              j(t.list, (o, l) => {
-                var p;
-                return u(), i(
+              j(t.list, (a, l) => {
+                var g;
+                return i(), u(
                   "div",
                   {
                     class: h(`${t.alignCenter ? "ik-hor-step-item" : ""} step-item ${l <= t.active ? "step-item-active" : ""}`),
-                    style: m({ width: t.alignCenter ? `calc(100%/${(p = t.list) == null ? void 0 : p.length})` : "" }),
+                    style: m({ width: t.alignCenter ? `calc(100%/${(g = t.list) == null ? void 0 : g.length})` : "" }),
                     key: l
                   },
                   [
@@ -191,7 +191,7 @@ const Q = { class: "ik-hor-step-content" }, U = ["onClick"], X = { class: "ik-ho
                         class: h(`${t.alignCenter ? "ik-hor-step_head" : ""} `)
                       },
                       [
-                        l !== 0 ? (u(), i(
+                        l !== 0 ? (i(), u(
                           "div",
                           {
                             key: 0,
@@ -214,45 +214,45 @@ const Q = { class: "ik-hor-step-content" }, U = ["onClick"], X = { class: "ik-ho
                         )) : w("v-if", !0),
                         r("div", {
                           class: h(`step-num ${l === t.active ? "step-num-active" : l < t.active ? "step-num-greater-than" : ""}`),
-                          onClick: (S) => k(o, l),
+                          onClick: (S) => k(a, l),
                           style: m({
                             backgroundColor: l === t.active && t.activeColor ? t.activeColor : "",
-                            cursor: o && o.disabled ? "not-allowed" : t.needClick ? "pointer" : "context-menu"
+                            cursor: a && a.disabled ? "not-allowed" : t.needClick ? "pointer" : "context-menu"
                           })
                         }, [
                           A(n.$slots, "icon", {
-                            data: { item: o, index: l }
+                            data: { item: a, index: l }
                           }, () => [
-                            _(
+                            q(
                               L(l + 1),
                               1
                               /* TEXT */
                             )
                           ], !0)
-                        ], 14, U)
+                        ], 14, X)
                       ],
                       2
                       /* CLASS */
                     ),
-                    r("div", X, [
+                    r("div", Y, [
                       r("div", {
                         id: `stepItem${l}`,
                         class: h(`step-label ${t.active === l ? "step-label-active" : l < t.active ? "step-label-greater-than" : ""} step-item-${l}`),
                         style: m({
                           color: l === t.active && t.activeColor ? t.activeColor : "",
-                          cursor: o && o.disabled ? "not-allowed" : t.needClick ? "pointer" : "context-menu"
+                          cursor: a && a.disabled ? "not-allowed" : t.needClick ? "pointer" : "context-menu"
                         }),
-                        onClick: (S) => k(o, l)
-                      }, L(o[t.propsField.title]), 15, Y),
+                        onClick: (S) => k(a, l)
+                      }, L(a[t.propsField.title]), 15, Z),
                       r("div", {
                         id: `stepItemDesc${l}`,
                         class: h(`step-description step-label ${t.active === l ? "step-label-active" : l < t.active ? "step-label-greater-than" : ""} step-item-${l}`),
                         style: m({
                           color: l === t.active && t.activeColor ? t.activeColor : "",
-                          cursor: o && o.disabled ? "not-allowed" : t.needClick ? "pointer" : "context-menu"
+                          cursor: a && a.disabled ? "not-allowed" : t.needClick ? "pointer" : "context-menu"
                         }),
-                        onClick: (S) => k(o, l)
-                      }, L(o[t.propsField.description]), 15, Z)
+                        onClick: (S) => k(a, l)
+                      }, L(a[t.propsField.description]), 15, x)
                     ])
                   ],
                   6
@@ -266,7 +266,7 @@ const Q = { class: "ik-hor-step-content" }, U = ["onClick"], X = { class: "ik-ho
           4
           /* STYLE */
         ),
-        s.value ? (u(), i(
+        s.value ? (i(), u(
           "div",
           {
             key: 1,
@@ -276,9 +276,9 @@ const Q = { class: "ik-hor-step-content" }, U = ["onClick"], X = { class: "ik-ho
             onClick: $
           },
           [
-            C(a, { class: "operation-icon" }, {
+            C(o, { class: "operation-icon" }, {
               default: W(() => [
-                C(N(P))
+                C(N(Q))
               ]),
               _: 1
               /* STABLE */
@@ -290,12 +290,12 @@ const Q = { class: "ik-hor-step-content" }, U = ["onClick"], X = { class: "ik-ho
       ]);
     };
   }
-}), D = (t, v) => {
+}), _ = (t, v) => {
   const c = t.__vccOpts || t;
   for (const [d, s] of v)
     c[d] = s;
   return c;
-}, ee = /* @__PURE__ */ D(x, [["__scopeId", "data-v-50f96143"]]), le = q(ee);
+}, ee = /* @__PURE__ */ _(D, [["__scopeId", "data-v-50f96143"]]), le = G(ee);
 export {
   le as IkHorizontalStepBar,
   le as default

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

@@ -1,4 +1,4 @@
-import { defineComponent as D, computed as C, resolveComponent as f, createElementBlock as d, openBlock as e, normalizeStyle as P, normalizeClass as z, createBlock as s, Fragment as q, createElementVNode as B, withCtx as t, mergeProps as A, createTextVNode as E, toDisplayString as U, mergeModels as W, useModel as X, ref as w, shallowRef as Y, watch as F, createVNode as x, unref as p, renderList as N, createCommentVNode as K, withModifiers as Q } from "vue";
+import { defineComponent as D, computed as C, resolveComponent as f, openBlock as e, createElementBlock as d, normalizeStyle as P, normalizeClass as z, Fragment as q, createElementVNode as B, createBlock as s, withCtx as t, mergeProps as A, createTextVNode as E, toDisplayString as U, useModel as W, ref as w, shallowRef as X, watch as Y, createVNode as x, unref as p, renderList as N, withModifiers as F, createCommentVNode as K, mergeModels as Q } from "vue";
 import { ikColor as Z, _ as nn } from "iking-utils-pro";
 const O = (c, g) => (c.install = (u) => {
   for (const n of [c, ...Object.values({})])
@@ -230,7 +230,7 @@ const O = (c, g) => (c.install = (u) => {
   class: "icon-list"
 }, kn = { class: "icon-picker-header font-size-[var(--ik-margin-28)] line-height-[0]" }, wn = /* @__PURE__ */ D({
   __name: "index",
-  props: /* @__PURE__ */ W({
+  props: /* @__PURE__ */ Q({
     icon: {
       type: Object,
       default: () => ({
@@ -251,9 +251,9 @@ const O = (c, g) => (c.install = (u) => {
   }),
   emits: ["update:modelValue"],
   setup(c) {
-    const g = c, u = X(c, "modelValue"), n = w(!1);
+    const g = c, u = W(c, "modelValue"), n = w(!1);
     let o = {};
-    const h = Y({}), r = w(null), j = {
+    const h = X({}), r = w(null), j = {
       icon: T,
       iconSingle: J,
       ...g.icon
@@ -279,7 +279,7 @@ const O = (c, g) => (c.install = (u) => {
       u.value = "";
     }
     const i = w("");
-    F(i, (m) => {
+    Y(i, (m) => {
       h.value = {
         single: o.single.filter((l) => {
           var _;
@@ -329,7 +329,7 @@ const O = (c, g) => (c.install = (u) => {
                 name: "iksvg_guanbi",
                 error: "",
                 "icon-class": "icon-delete",
-                onClick: Q(I, ["stop"])
+                onClick: F(I, ["stop"])
               })) : K("v-if", !0)
             ])
           ]),
@@ -422,7 +422,7 @@ const O = (c, g) => (c.install = (u) => {
       );
     };
   }
-}), qn = /* @__PURE__ */ L(wn, [["__scopeId", "data-v-3d7941f0"]]), $n = O(qn);
+}), qn = /* @__PURE__ */ L(wn, [["__scopeId", "data-v-e15740cf"]]), $n = O(qn);
 export {
   $n as IkIconPicker,
   $n as default

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

@@ -1 +1 @@
-.row-title[data-v-9ebb0a94]{display:flex}.ik-svg-icon.ik-icon-span[data-v-9ebb0a94]:not(:first-child){margin-left:var(--ik-margin-8)}.icon-picker-pop .icon-list[data-v-3d7941f0]{display:grid;grid-template-columns:repeat(auto-fill,36px);grid-gap:var(--ik-margin-16);justify-content:flex-start;justify-items:flex-end;max-height:400px;margin-top:16px;overflow-y:auto;font-size:25px;content-visibility:auto}.icon-picker-pop .icon-list .ik-svg-icon[data-v-3d7941f0]{content-visibility:auto}.icon-picker-header{position:relative;display:inline-flex;display:flex;align-items:center;justify-content:center;width:var(--ik-base-height);height:var(--ik-base-height);cursor:pointer;border:1px dashed var(--ik-color-divider);border-radius:var(--ik-border-radius-xs);transition:border .25s ease-in-out}.icon-picker-header:hover{border-color:var(--ik-color-primary)}.icon-picker-header .icon-delete{position:absolute;top:-6px;right:-8px;font-size:var(--ik-font-size-t2)}
+.row-title[data-v-9ebb0a94]{display:flex}.ik-svg-icon.ik-icon-span[data-v-9ebb0a94]:not(:first-child){margin-left:var(--ik-margin-8)}.icon-picker-pop .icon-list[data-v-e15740cf]{display:grid;grid-template-columns:repeat(auto-fill,36px);grid-gap:var(--ik-margin-16);justify-content:flex-start;justify-items:flex-end;max-height:400px;margin-top:16px;overflow-y:auto;font-size:25px;content-visibility:auto}.icon-picker-pop .icon-list .ik-svg-icon[data-v-e15740cf]{content-visibility:auto}.icon-picker-header{position:relative;display:inline-flex;display:flex;align-items:center;justify-content:center;width:var(--ik-base-height);height:var(--ik-base-height);cursor:pointer;border:1px dashed var(--ik-color-divider);border-radius:var(--ik-border-radius-xs);transition:border .25s ease-in-out}.icon-picker-header:hover{border-color:var(--ik-color-primary)}.icon-picker-header .icon-delete{position:absolute;top:-6px;right:-8px;font-size:var(--ik-font-size-t2)}