iking-web-ui-pro 0.2.4 → 0.2.6

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

@@ -1,14 +1,14 @@
-import { defineComponent as C, computed as I, resolveComponent as b, openBlock as c, createElementBlock as u, normalizeClass as h, normalizeStyle as r, createCommentVNode as B, createElementVNode as z, createBlock as t, withCtx as f, createTextVNode as O, toDisplayString as D, mergeModels as G, useModel as A, ref as k, watch as E, unref as p, withModifiers as H, createVNode as x, Fragment as $, renderList as S } from "vue";
-import { ikColor as P, _ as U } from "iking-utils-pro";
-const V = (d, e) => {
-  if (d.install = (i) => {
-    for (const o of [d, ...Object.values(e ?? {})])
-      i.component(o.name, o);
-  }, e)
-    for (const [i, o] of Object.entries(e))
-      d[i] = o;
+import { defineComponent as B, inject as O, computed as q, resolveComponent as v, openBlock as i, createElementBlock as l, normalizeClass as r, normalizeStyle as p, createCommentVNode as V, createElementVNode as x, createBlock as f, withCtx as g, createTextVNode as D, toDisplayString as G, mergeModels as A, useModel as E, ref as k, watch as H, unref as y, withModifiers as P, createVNode as j, Fragment as C, renderList as S } from "vue";
+import { ikColor as U, _ as W } from "iking-utils-pro";
+const T = (d, s) => {
+  if (d.install = (c) => {
+    for (const e of [d, ...Object.values(s ?? {})])
+      c.component(e.name, e);
+  }, s)
+    for (const [c, e] of Object.entries(s))
+      d[c] = e;
   return d;
-}, W = "4383166", X = "中台-双色图标", Y = "iconfont", F = "iksvg_", K = "", Q = [
+}, X = "4383166", Y = "中台-双色图标", F = "iconfont", K = "iksvg_", Q = "", R = [
   {
     icon_id: "40615013",
     name: "开票记录",
@@ -1549,14 +1549,14 @@ const V = (d, e) => {
     unicode: "e668",
     unicode_decimal: 58984
   }
-], R = {
-  id: W,
-  name: X,
-  font_family: Y,
-  css_prefix_text: F,
-  description: K,
-  glyphs: Q
-}, Z = "4383216", nn = "中台-单色图标", en = "iconfont", cn = "iksig_", on = "", an = [
+], Z = {
+  id: X,
+  name: Y,
+  font_family: F,
+  css_prefix_text: K,
+  description: Q,
+  glyphs: R
+}, ee = "4383216", ne = "中台-单色图标", ie = "iconfont", ce = "iksig_", oe = "", ae = [
   {
     icon_id: "7429411",
     name: "子流程",
@@ -2537,30 +2537,30 @@ const V = (d, e) => {
     unicode: "e665",
     unicode_decimal: 58981
   }
-], dn = {
-  id: Z,
-  name: nn,
-  font_family: en,
-  css_prefix_text: cn,
-  description: on,
-  glyphs: an
-}, T = (d, e) => {
-  const i = d.__vccOpts || d;
-  for (const [o, n] of e)
-    i[o] = n;
-  return i;
-}, _n = {
+], de = {
+  id: ee,
+  name: ne,
+  font_family: ie,
+  css_prefix_text: ce,
+  description: oe,
+  glyphs: ae
+}, M = (d, s) => {
+  const c = d.__vccOpts || d;
+  for (const [e, a] of s)
+    c[e] = a;
+  return c;
+}, ue = {
   key: 0,
   class: "ik-svg-icon ik-icon inline-block inline-flex justify-center box-content line-height-[0]"
-}, sn = {
+}, _e = {
   key: 1,
   class: "h-[1em] w-[1em]",
   "aria-hidden": "true"
-}, un = ["xlink:href"], ln = ["src"], mn = {
+}, le = ["xlink:href"], se = ["src"], me = {
   key: 1,
   class: "h-[1em] w-[1em]",
   "aria-hidden": "true"
-}, tn = ["xlink:href"], fn = ["src"], gn = /* @__PURE__ */ C({
+}, te = ["xlink:href"], fe = ["src"], ge = /* @__PURE__ */ B({
   name: "IkSvgIcon",
   __name: "index",
   props: {
@@ -2587,13 +2587,16 @@ const V = (d, e) => {
     tableIconType: { default: "icon" }
   },
   setup(d) {
-    const e = d, i = I(() => {
-      var n, m, g;
-      return /^http?:\/\//.test(e.name) ? "img" : /i-[^:]+:[^:]+/.test(e.name) ? "unocss" : (n = e.name) != null && n.startsWith("iksig") ? "iksig" : (m = e.name) != null && m.includes(":") ? "iconify" : (g = e.name) != null && g.startsWith("iksvg") ? "svg" : "i";
-    }), o = I(() => {
+    const s = d, c = O("iconConfig"), e = q(() => ({
+      ...(c == null ? void 0 : c.value) || {},
+      ...s
+    })), a = q(() => {
+      const { name: n } = e.value;
+      return /^http?:\/\//.test(n) ? "img" : /i-[^:]+:[^:]+/.test(n) ? "unocss" : n != null && n.startsWith("iksig") ? "iksig" : n != null && n.includes(":") ? "iconify" : n != null && n.startsWith("iksvg") ? "svg" : "i";
+    }), t = q(() => {
       const n = [];
-      if (e.flip)
-        switch (e.flip) {
+      if (e.value.flip)
+        switch (e.value.flip) {
           case "horizontal":
             n.push("rotateY(180deg)");
             break;
@@ -2604,67 +2607,67 @@ const V = (d, e) => {
             n.push("rotateX(180deg)"), n.push("rotateY(180deg)");
             break;
         }
-      e.rotate && n.push(`rotate(${e.rotate % 360}deg)`);
-      const m = {
-        ...e.color && { color: e.color },
-        ...e.size && { fontSize: typeof e.size == "number" ? `${e.size}px` : e.size },
+      e.value.rotate && n.push(`rotate(${e.value.rotate % 360}deg)`);
+      const h = {
+        ...e.value.color && { color: e.value.color },
+        ...e.value.size && { fontSize: typeof e.value.size == "number" ? `${e.value.size}px` : e.value.size },
         ...n.length && { transform: n.join(" ") },
-        padding: e.showBg || e.bg ? e.padding : 0,
-        ...e.color && i.value !== "iksig" ? {
-          "--ik-color-icon-dark": e.color,
-          "--ik-color-icon-light": e.colorLight || P.setOpacity(e.color, e.opacity)
+        padding: e.value.showBg || e.value.bg ? e.value.padding : 0,
+        ...e.value.color && a.value !== "iksig" ? {
+          "--ik-color-icon-dark": e.value.color,
+          "--ik-color-icon-light": e.value.colorLight || U.setOpacity(e.value.color, e.value.opacity)
         } : {}
       };
-      return e.width && (m.width = m.height = typeof e.width == "number" ? `${e.width}px` : e.width), m;
+      return e.value.width && (h.width = h.height = typeof e.value.width == "number" ? `${e.value.width}px` : e.value.width), h;
     });
-    return (n, m) => {
-      const g = b("el-tooltip"), j = b("el-button");
-      return n.tableIconType === "icon" ? (c(), u("span", _n, [
-        n.notip || !n.title ? (c(), u(
+    return (n, h) => {
+      const w = v("el-tooltip"), z = v("el-button");
+      return e.value.tableIconType === "icon" ? (i(), l("span", ue, [
+        e.value.notip || !e.value.title ? (i(), l(
           "i",
           {
             key: 0,
-            class: h(["ik-svg-icon ik-icon relative h-[1em] w-[1em] inline-flex items-center justify-center fill-current leading-[1em] transition", {
-              [n.name]: i.value === "unocss",
-              "show-bg": n.showBg || n.bg,
-              default: n.size === "default",
-              small: n.size === "small",
-              big: n.size === "big",
-              warning: n.warning || e.type === "warning",
-              primary: n.primary || e.type === "primary",
-              success: n.success || e.type === "success",
-              error: n.error || e.type === "error",
-              active: n.active,
-              disabled: n.disabled
+            class: r(["ik-svg-icon ik-icon relative h-[1em] w-[1em] inline-flex items-center justify-center fill-current leading-[1em] transition", {
+              [n.name]: a.value === "unocss",
+              "show-bg": e.value.showBg || e.value.bg,
+              default: e.value.size === "default",
+              small: e.value.size === "small",
+              big: e.value.size === "big",
+              warning: e.value.warning || e.value.type === "warning",
+              primary: e.value.primary || e.value.type === "primary",
+              success: n.success || e.value.type === "success",
+              error: e.value.error || e.value.type === "error",
+              active: e.value.active,
+              disabled: e.value.disabled
             }]),
-            style: r(o.value)
+            style: p(t.value)
           },
           [
-            B(` <Icon v-if="outputType === 'iconify'" :icon="name" /> `),
-            i.value === "iksig" ? (c(), u(
+            V(` <Icon v-if="outputType === 'iconify'" :icon="name" /> `),
+            a.value === "iksig" ? (i(), l(
               "i",
               {
                 key: 0,
-                class: h(`iksig ${n.name}`),
-                style: r(o.value)
+                class: r(`iksig ${e.value.name}`),
+                style: p(t.value)
               },
               null,
               6
               /* CLASS, STYLE */
-            )) : i.value === "svg" ? (c(), u("svg", sn, [
-              z("use", {
-                "xlink:href": `#${n.name}`
-              }, null, 8, un)
-            ])) : i.value === "img" ? (c(), u("img", {
+            )) : a.value === "svg" ? (i(), l("svg", _e, [
+              x("use", {
+                "xlink:href": `#${e.value.name}`
+              }, null, 8, le)
+            ])) : a.value === "img" ? (i(), l("img", {
               key: 2,
-              src: n.name,
+              src: e.value.name,
               class: "h-[1em] w-[1em]"
-            }, null, 8, ln)) : (c(), u(
+            }, null, 8, se)) : (i(), l(
               "i",
               {
                 key: 3,
-                class: h(n.name),
-                style: r(o.value)
+                class: r(e.value.name),
+                style: p(t.value)
               },
               null,
               6
@@ -2673,54 +2676,54 @@ const V = (d, e) => {
           ],
           6
           /* CLASS, STYLE */
-        )) : (c(), t(g, {
+        )) : (i(), f(w, {
           key: 1,
-          content: n.title,
+          content: e.value.title,
           placement: "top"
         }, {
-          default: f(() => [
-            z(
+          default: g(() => [
+            x(
               "i",
               {
-                class: h(["ik-svg-icon ik-icon relative h-[1em] w-[1em] inline-flex items-center justify-center fill-current leading-[1em] transition", {
-                  [n.name]: i.value === "unocss",
-                  "show-bg": n.showBg || n.bg,
-                  default: n.size === "default",
-                  small: n.size === "small",
-                  big: n.size === "big",
-                  warning: n.warning || e.type === "warning",
-                  primary: n.primary || e.type === "primary",
-                  success: n.success || e.type === "success",
-                  error: n.error || e.type === "error",
-                  active: n.active
+                class: r(["ik-svg-icon ik-icon relative h-[1em] w-[1em] inline-flex items-center justify-center fill-current leading-[1em] transition", {
+                  [n.name]: a.value === "unocss",
+                  "show-bg": e.value.showBg || e.value.bg,
+                  default: e.value.size === "default",
+                  small: e.value.size === "small",
+                  big: e.value.size === "big",
+                  warning: e.value.warning || e.value.type === "warning",
+                  primary: n.primary || e.value.type === "primary",
+                  success: n.success || e.value.type === "success",
+                  error: e.value.error || e.value.type === "error",
+                  active: e.value.active
                 }]),
-                style: r(o.value)
+                style: p(t.value)
               },
               [
-                i.value === "iksig" ? (c(), u(
+                a.value === "iksig" ? (i(), l(
                   "i",
                   {
                     key: 0,
-                    class: h(`iksig ${n.name}`),
-                    style: r(o.value)
+                    class: r(`iksig ${e.value.name}`),
+                    style: p(t.value)
                   },
                   null,
                   6
                   /* CLASS, STYLE */
-                )) : i.value === "svg" ? (c(), u("svg", mn, [
-                  z("use", {
-                    "xlink:href": `#${n.name}`
-                  }, null, 8, tn)
-                ])) : i.value === "img" ? (c(), u("img", {
+                )) : a.value === "svg" ? (i(), l("svg", me, [
+                  x("use", {
+                    "xlink:href": `#${e.value.name}`
+                  }, null, 8, te)
+                ])) : a.value === "img" ? (i(), l("img", {
                   key: 2,
-                  src: n.name,
+                  src: e.value.name,
                   class: "h-[1em] w-[1em]"
-                }, null, 8, fn)) : (c(), u(
+                }, null, 8, fe)) : (i(), l(
                   "i",
                   {
                     key: 3,
-                    class: h(n.name),
-                    style: r(o.value)
+                    class: r(e.value.name),
+                    style: p(t.value)
                   },
                   null,
                   6
@@ -2734,13 +2737,13 @@ const V = (d, e) => {
           _: 1
           /* STABLE */
         }, 8, ["content"]))
-      ])) : (c(), t(j, {
+      ])) : (i(), f(z, {
         key: 1,
-        type: ["warning", "error"].includes(n.type) ? "danger" : ""
+        type: ["warning", "error"].includes(e.value.type) ? "danger" : ""
       }, {
-        default: f(() => [
-          O(
-            D(n.title),
+        default: g(() => [
+          D(
+            G(e.value.title),
             1
             /* TEXT */
           )
@@ -2751,14 +2754,14 @@ const V = (d, e) => {
     };
   }
 });
-const hn = /* @__PURE__ */ T(gn, [["__scopeId", "data-v-7d95dbf5"]]), y = V(hn), rn = { class: "icon-list" }, pn = { class: "icon-list" }, yn = /* @__PURE__ */ C({
+const he = /* @__PURE__ */ M(ge, [["__scopeId", "data-v-1be337e4"]]), b = T(he), re = { class: "icon-list" }, pe = { class: "icon-list" }, ye = /* @__PURE__ */ B({
   __name: "index",
-  props: /* @__PURE__ */ G({
+  props: /* @__PURE__ */ A({
     icon: {
       type: Object,
       default: () => ({
-        icon: R,
-        iconSingle: dn
+        icon: Z,
+        iconSingle: de
       })
     },
     size: {
@@ -2774,51 +2777,51 @@ const hn = /* @__PURE__ */ T(gn, [["__scopeId", "data-v-7d95dbf5"]]), y = V(hn),
   }),
   emits: ["update:modelValue"],
   setup(d) {
-    const e = d, i = A(d, "modelValue");
+    const s = d, c = E(d, "modelValue");
     k(!1);
-    let o = {};
-    const n = k({}), m = k(null);
-    function g() {
-      const l = e.icon.icon, _ = e.icon.iconSingle;
-      o = {
-        double: l.glyphs.map((s) => ({
-          ...s,
-          class: `${l.css_prefix_text}${s.font_class}`
+    let e = {};
+    const a = k({}), t = k(null);
+    function n() {
+      const m = s.icon.icon, u = s.icon.iconSingle;
+      e = {
+        double: m.glyphs.map((_) => ({
+          ..._,
+          class: `${m.css_prefix_text}${_.font_class}`
         })),
-        single: _.glyphs.map((s) => ({
-          ...s,
-          class: `${_.css_prefix_text}${s.font_class}`
+        single: u.glyphs.map((_) => ({
+          ..._,
+          class: `${u.css_prefix_text}${_.font_class}`
         }))
-      }, n.value = U.cloneDeep(o);
+      }, a.value = W.cloneDeep(e);
     }
-    g();
-    function j(l) {
-      i.value = l.class;
+    n();
+    function h(m) {
+      c.value = m.class;
     }
-    function M() {
-      i.value = "";
+    function w() {
+      c.value = "";
     }
-    const v = k("");
-    E(v, (l) => {
-      n.value = {
-        single: o.single.filter((_) => {
-          var s;
-          return (s = _.name) == null ? void 0 : s.includes(l);
+    const z = k("");
+    H(z, (m) => {
+      a.value = {
+        single: e.single.filter((u) => {
+          var _;
+          return (_ = u.name) == null ? void 0 : _.includes(m);
         }),
-        double: o.double.filter((_) => {
-          var s;
-          return (s = _.name) == null ? void 0 : s.includes(l);
+        double: e.double.filter((u) => {
+          var _;
+          return (_ = u.name) == null ? void 0 : _.includes(m);
         })
       };
     });
-    const w = k("double");
-    return (l, _) => {
-      const s = b("el-input"), q = b("el-tab-pane"), N = b("el-tabs"), J = b("el-popover");
-      return c(), t(
+    const I = k("double");
+    return (m, u) => {
+      const _ = v("el-input"), $ = v("el-tab-pane"), N = v("el-tabs"), J = v("el-popover");
+      return i(), f(
         J,
         {
           ref_key: "target",
-          ref: m,
+          ref: t,
           title: "",
           "hide-after": 0,
           "popper-class": "icon-picker-pop",
@@ -2826,65 +2829,65 @@ const hn = /* @__PURE__ */ T(gn, [["__scopeId", "data-v-7d95dbf5"]]), y = V(hn),
           trigger: "click"
         },
         {
-          reference: f(() => [
-            z("div", {
+          reference: g(() => [
+            x("div", {
               class: "icon-picker-header font-size-[var(--ik-margin-m-28)] line-height-[0]",
-              onClick: _[2] || (_[2] = //@ts-ignore
-              (...a) => l.handChooseIcon && l.handChooseIcon(...a))
+              onClick: u[2] || (u[2] = //@ts-ignore
+              (...o) => m.handChooseIcon && m.handChooseIcon(...o))
             }, [
-              i.value ? (c(), t(p(y), {
+              c.value ? (i(), f(y(b), {
                 key: 0,
-                name: i.value,
+                name: c.value,
                 size: d.size
-              }, null, 8, ["name", "size"])) : (c(), t(p(y), {
+              }, null, 8, ["name", "size"])) : (i(), f(y(b), {
                 key: 1,
                 name: "iksvg_guanbibeifen",
                 size: d.size
               }, null, 8, ["size"])),
-              i.value ? (c(), t(p(y), {
+              c.value ? (i(), f(y(b), {
                 key: 2,
                 title: "删除图标",
                 name: "iksvg_guanbi",
                 error: "",
                 class: "icon-delete",
-                onClick: H(M, ["stop"])
-              })) : B("v-if", !0)
+                onClick: P(w, ["stop"])
+              })) : V("v-if", !0)
             ])
           ]),
-          default: f(() => [
-            x(s, {
-              modelValue: v.value,
-              "onUpdate:modelValue": _[0] || (_[0] = (a) => v.value = a),
+          default: g(() => [
+            j(_, {
+              modelValue: z.value,
+              "onUpdate:modelValue": u[0] || (u[0] = (o) => z.value = o),
               clearable: "",
               placeholder: "输入图标名称检索"
             }, {
-              suffix: f(() => [
-                x(p(y), { name: "iksvg_sousuo-daohang" })
+              suffix: g(() => [
+                j(y(b), { name: "iksvg_sousuo-daohang" })
               ]),
               _: 1
               /* STABLE */
             }, 8, ["modelValue"]),
-            x(N, {
-              modelValue: w.value,
-              "onUpdate:modelValue": _[1] || (_[1] = (a) => w.value = a)
+            j(N, {
+              modelValue: I.value,
+              "onUpdate:modelValue": u[1] || (u[1] = (o) => I.value = o)
             }, {
-              default: f(() => [
-                x(q, {
+              default: g(() => [
+                j($, {
                   label: "双色图标",
                   name: "double"
                 }, {
-                  default: f(() => [
-                    z("div", rn, [
-                      (c(!0), u(
-                        $,
+                  default: g(() => [
+                    x("div", re, [
+                      (i(!0), l(
+                        C,
                         null,
-                        S(n.value.double, (a) => (c(), t(p(y), {
-                          key: a.name,
-                          primary: a.class === i.value,
+                        S(a.value.double, (o) => (i(), f(y(b), {
+                          key: o.name,
+                          primary: o.class === c.value,
                           size: 20,
-                          title: a.name,
-                          name: a.class,
-                          onClick: (L) => j(a)
+                          title: o.name,
+                          name: o.class,
+                          onClick: (L) => h(o)
                         }, null, 8, ["primary", "title", "name", "onClick"]))),
                         128
                         /* KEYED_FRAGMENT */
@@ -2894,22 +2897,22 @@ const hn = /* @__PURE__ */ T(gn, [["__scopeId", "data-v-7d95dbf5"]]), y = V(hn),
                   _: 1
                   /* STABLE */
                 }),
-                x(q, {
+                j($, {
                   label: "单色图标",
                   name: "single"
                 }, {
-                  default: f(() => [
-                    z("div", pn, [
-                      (c(!0), u(
-                        $,
+                  default: g(() => [
+                    x("div", pe, [
+                      (i(!0), l(
+                        C,
                         null,
-                        S(n.value.single, (a) => (c(), t(p(y), {
-                          key: a.name,
-                          primary: a.class === i.value,
+                        S(a.value.single, (o) => (i(), f(y(b), {
+                          key: o.name,
+                          primary: o.class === c.value,
                           size: 20,
-                          title: a.name,
-                          name: a.class,
-                          onClick: (L) => j(a)
+                          title: o.name,
+                          name: o.class,
+                          onClick: (L) => h(o)
                         }, null, 8, ["primary", "title", "name", "onClick"]))),
                         128
                         /* KEYED_FRAGMENT */
@@ -2933,8 +2936,8 @@ const hn = /* @__PURE__ */ T(gn, [["__scopeId", "data-v-7d95dbf5"]]), y = V(hn),
     };
   }
 });
-const bn = /* @__PURE__ */ T(yn, [["__scopeId", "data-v-bb8396c3"]]), xn = V(bn);
+const be = /* @__PURE__ */ M(ye, [["__scopeId", "data-v-bb8396c3"]]), ze = T(be);
 export {
-  xn as IkIconPicker,
-  xn as default
+  ze as IkIconPicker,
+  ze as default
 };