iking-web-ui-pro 0.2.20 → 0.2.22

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

@@ -1,14 +1,14 @@
-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;
+import { defineComponent as V, computed as C, resolveComponent as x, openBlock as i, createElementBlock as s, withModifiers as q, normalizeClass as p, normalizeStyle as y, createCommentVNode as T, createElementVNode as z, createBlock as g, withCtx as h, createTextVNode as D, toDisplayString as G, mergeModels as A, useModel as E, ref as k, watch as H, unref as b, createVNode as j, Fragment as S, renderList as B } from "vue";
+import { ikColor as P, _ as U } from "iking-utils-pro";
+const M = (d, m) => {
+  if (d.install = (o) => {
+    for (const e of [d, ...Object.values(m ?? {})])
+      o.component(e.name, e);
+  }, m)
+    for (const [o, e] of Object.entries(m))
+      d[o] = e;
   return d;
-}, X = "4383166", Y = "中台-双色图标", F = "iconfont", K = "iksvg_", Q = "", R = [
+}, W = "4383166", X = "中台-双色图标", Y = "iconfont", F = "iksvg_", K = "", Q = [
   {
     icon_id: "40615013",
     name: "开票记录",
@@ -1549,14 +1549,14 @@ const T = (d, s) => {
     unicode: "e668",
     unicode_decimal: 58984
   }
-], 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 = [
+], R = {
+  id: W,
+  name: X,
+  font_family: Y,
+  css_prefix_text: F,
+  description: K,
+  glyphs: Q
+}, Z = "4383216", ee = "中台-单色图标", ne = "iconfont", ie = "iksig_", ce = "", oe = [
   {
     icon_id: "7429411",
     name: "子流程",
@@ -2537,30 +2537,30 @@ const T = (d, s) => {
     unicode: "e665",
     unicode_decimal: 58981
   }
-], 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 = {
+], ae = {
+  id: Z,
+  name: ee,
+  font_family: ne,
+  css_prefix_text: ie,
+  description: ce,
+  glyphs: oe
+}, N = (d, m) => {
+  const o = d.__vccOpts || d;
+  for (const [e, a] of m)
+    o[e] = a;
+  return o;
+}, de = {
   key: 0,
   class: "ik-svg-icon ik-icon-span inline-block inline-flex justify-center box-content line-height-[0]"
-}, _e = {
+}, ue = {
   key: 1,
   class: "h-[1em] w-[1em]",
   "aria-hidden": "true"
-}, le = ["xlink:href"], se = ["src"], me = {
+}, _e = ["xlink:href"], le = ["src"], se = {
   key: 1,
   class: "h-[1em] w-[1em]",
   "aria-hidden": "true"
-}, te = ["xlink:href"], fe = ["src"], ge = /* @__PURE__ */ B({
+}, me = ["xlink:href"], te = ["src"], fe = /* @__PURE__ */ V({
   name: "IkSvgIcon",
   __name: "index",
   props: {
@@ -2586,14 +2586,12 @@ const T = (d, s) => {
     warning: { type: Boolean },
     width: {}
   },
-  setup(d) {
-    const s = d, c = O("iconConfig"), e = q(() => ({
-      ...(c == null ? void 0 : c.value) || {},
-      ...s
-    })), a = q(() => {
+  emits: ["click"],
+  setup(d, { emit: m }) {
+    const o = d, e = C(() => o), a = C(() => {
       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(() => {
+    }), t = C(() => {
       const n = [];
       if (e.value.flip)
         switch (e.value.flip) {
@@ -2608,26 +2606,29 @@ const T = (d, s) => {
             break;
         }
       e.value.rotate && n.push(`rotate(${e.value.rotate % 360}deg)`);
-      const h = {
+      const f = {
         ...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.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)
+          "--ik-color-icon-light": e.value.colorLight || P.setOpacity(e.value.color, e.value.opacity)
         } : {}
       };
-      return e.value.width && (h.width = h.height = typeof e.value.width == "number" ? `${e.value.width}px` : e.value.width), h;
-    });
-    return (n, h) => {
-      const w = v("el-tooltip"), z = v("el-button");
-      return e.value.tableIconType === "icon" || !e.value.tableIconType ? (i(), l("span", ue, [
-        e.value.notip || !e.value.title ? (i(), l(
+      return e.value.width && (f.width = f.height = typeof e.value.width == "number" ? `${e.value.width}px` : e.value.width), f;
+    }), I = m, r = (n) => {
+      e.value.disabled || I("click", n);
+    };
+    return (n, f) => {
+      const w = x("el-tooltip"), l = x("el-button");
+      return e.value.tableIconType === "icon" || !e.value.tableIconType ? (i(), s("span", de, [
+        e.value.notip || !e.value.title ? (i(), s(
           "i",
           {
             key: 0,
-            class: r(["ik-svg-icon ik-icon relative h-[1em] w-[1em] inline-flex items-center justify-center fill-current leading-[1em] transition", {
+            onClick: q(r, ["stop"]),
+            class: p(["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",
@@ -2640,34 +2641,34 @@ const T = (d, s) => {
               active: e.value.active,
               disabled: e.value.disabled
             }]),
-            style: p(t.value)
+            style: y(t.value)
           },
           [
-            V(` <Icon v-if="outputType === 'iconify'" :icon="name" /> `),
-            a.value === "iksig" ? (i(), l(
+            T(` <Icon v-if="outputType === 'iconify'" :icon="name" /> `),
+            a.value === "iksig" ? (i(), s(
               "i",
               {
                 key: 0,
-                class: r(`iksig ${e.value.name}`),
-                style: p(t.value)
+                class: p(`iksig ${e.value.name}`),
+                style: y(t.value)
               },
               null,
               6
               /* CLASS, STYLE */
-            )) : a.value === "svg" ? (i(), l("svg", _e, [
-              x("use", {
+            )) : a.value === "svg" ? (i(), s("svg", ue, [
+              z("use", {
                 "xlink:href": `#${e.value.name}`
-              }, null, 8, le)
-            ])) : a.value === "img" ? (i(), l("img", {
+              }, null, 8, _e)
+            ])) : a.value === "img" ? (i(), s("img", {
               key: 2,
               src: e.value.name,
               class: "h-[1em] w-[1em]"
-            }, null, 8, se)) : (i(), l(
+            }, null, 8, le)) : (i(), s(
               "i",
               {
                 key: 3,
-                class: r(e.value.name),
-                style: p(t.value)
+                class: p(e.value.name),
+                style: y(t.value)
               },
               null,
               6
@@ -2676,16 +2677,16 @@ const T = (d, s) => {
           ],
           6
           /* CLASS, STYLE */
-        )) : (i(), f(w, {
+        )) : (i(), g(w, {
           key: 1,
           content: e.value.title,
           placement: "top"
         }, {
-          default: g(() => [
-            x(
+          default: h(() => [
+            z(
               "i",
               {
-                class: r(["ik-svg-icon ik-icon relative h-[1em] w-[1em] inline-flex items-center justify-center fill-current leading-[1em] transition", {
+                class: p(["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",
@@ -2697,33 +2698,34 @@ const T = (d, s) => {
                   error: e.value.error || e.value.type === "error",
                   active: e.value.active
                 }]),
-                style: p(t.value)
+                onClick: q(r, ["stop"]),
+                style: y(t.value)
               },
               [
-                a.value === "iksig" ? (i(), l(
+                a.value === "iksig" ? (i(), s(
                   "i",
                   {
                     key: 0,
-                    class: r(`iksig ${e.value.name}`),
-                    style: p(t.value)
+                    class: p(`iksig ${e.value.name}`),
+                    style: y(t.value)
                   },
                   null,
                   6
                   /* CLASS, STYLE */
-                )) : a.value === "svg" ? (i(), l("svg", me, [
-                  x("use", {
+                )) : a.value === "svg" ? (i(), s("svg", se, [
+                  z("use", {
                     "xlink:href": `#${e.value.name}`
-                  }, null, 8, te)
-                ])) : a.value === "img" ? (i(), l("img", {
+                  }, null, 8, me)
+                ])) : a.value === "img" ? (i(), s("img", {
                   key: 2,
                   src: e.value.name,
                   class: "h-[1em] w-[1em]"
-                }, null, 8, fe)) : (i(), l(
+                }, null, 8, te)) : (i(), s(
                   "i",
                   {
                     key: 3,
-                    class: r(e.value.name),
-                    style: p(t.value)
+                    class: p(e.value.name),
+                    style: y(t.value)
                   },
                   null,
                   6
@@ -2737,11 +2739,12 @@ const T = (d, s) => {
           _: 1
           /* STABLE */
         }, 8, ["content"]))
-      ])) : (i(), f(z, {
+      ])) : (i(), g(l, {
         key: 1,
-        type: ["warning", "error"].includes(e.value.type) ? "danger" : ""
+        type: ["warning", "error"].includes(e.value.type) ? "danger" : "",
+        onClick: q(r, ["stop"])
       }, {
-        default: g(() => [
+        default: h(() => [
           D(
             G(e.value.title),
             1
@@ -2754,14 +2757,14 @@ const T = (d, s) => {
     };
   }
 });
-const he = /* @__PURE__ */ M(ge, [["__scopeId", "data-v-ec9fdc8a"]]), b = T(he), re = { class: "icon-list" }, pe = { class: "icon-list" }, ye = /* @__PURE__ */ B({
+const ge = /* @__PURE__ */ N(fe, [["__scopeId", "data-v-4a1004b9"]]), v = M(ge), he = { class: "icon-list" }, re = { class: "icon-list" }, pe = /* @__PURE__ */ V({
   __name: "index",
   props: /* @__PURE__ */ A({
     icon: {
       type: Object,
       default: () => ({
-        icon: Z,
-        iconSingle: de
+        icon: R,
+        iconSingle: ae
       })
     },
     size: {
@@ -2777,48 +2780,48 @@ const he = /* @__PURE__ */ M(ge, [["__scopeId", "data-v-ec9fdc8a"]]), b = T(he),
   }),
   emits: ["update:modelValue"],
   setup(d) {
-    const s = d, c = E(d, "modelValue");
+    const m = d, o = E(d, "modelValue");
     k(!1);
     let e = {};
     const a = k({}), t = k(null);
-    function n() {
-      const m = s.icon.icon, u = s.icon.iconSingle;
+    function I() {
+      const l = m.icon.icon, u = m.icon.iconSingle;
       e = {
-        double: m.glyphs.map((_) => ({
+        double: l.glyphs.map((_) => ({
           ..._,
-          class: `${m.css_prefix_text}${_.font_class}`
+          class: `${l.css_prefix_text}${_.font_class}`
         })),
         single: u.glyphs.map((_) => ({
           ..._,
           class: `${u.css_prefix_text}${_.font_class}`
         }))
-      }, a.value = W.cloneDeep(e);
+      }, a.value = U.cloneDeep(e);
     }
-    n();
-    function h(m) {
-      c.value = m.class;
+    I();
+    function r(l) {
+      o.value = l.class;
     }
-    function w() {
-      c.value = "";
+    function n() {
+      o.value = "";
     }
-    const z = k("");
-    H(z, (m) => {
+    const f = k("");
+    H(f, (l) => {
       a.value = {
         single: e.single.filter((u) => {
           var _;
-          return (_ = u.name) == null ? void 0 : _.includes(m);
+          return (_ = u.name) == null ? void 0 : _.includes(l);
         }),
         double: e.double.filter((u) => {
           var _;
-          return (_ = u.name) == null ? void 0 : _.includes(m);
+          return (_ = u.name) == null ? void 0 : _.includes(l);
         })
       };
     });
-    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,
+    const w = k("double");
+    return (l, u) => {
+      const _ = x("el-input"), $ = x("el-tab-pane"), J = x("el-tabs"), L = x("el-popover");
+      return i(), g(
+        L,
         {
           ref_key: "target",
           ref: t,
@@ -2829,65 +2832,65 @@ const he = /* @__PURE__ */ M(ge, [["__scopeId", "data-v-ec9fdc8a"]]), b = T(he),
           trigger: "click"
         },
         {
-          reference: g(() => [
-            x("div", {
+          reference: h(() => [
+            z("div", {
               class: "icon-picker-header font-size-[var(--ik-margin-m-28)] line-height-[0]",
               onClick: u[2] || (u[2] = //@ts-ignore
-              (...o) => m.handChooseIcon && m.handChooseIcon(...o))
+              (...c) => l.handChooseIcon && l.handChooseIcon(...c))
             }, [
-              c.value ? (i(), f(y(b), {
+              o.value ? (i(), g(b(v), {
                 key: 0,
-                name: c.value,
+                name: o.value,
                 size: d.size
-              }, null, 8, ["name", "size"])) : (i(), f(y(b), {
+              }, null, 8, ["name", "size"])) : (i(), g(b(v), {
                 key: 1,
                 name: "iksvg_guanbibeifen",
                 size: d.size
               }, null, 8, ["size"])),
-              c.value ? (i(), f(y(b), {
+              o.value ? (i(), g(b(v), {
                 key: 2,
                 title: "删除图标",
                 name: "iksvg_guanbi",
                 error: "",
                 class: "icon-delete",
-                onClick: P(w, ["stop"])
-              })) : V("v-if", !0)
+                onClick: q(n, ["stop"])
+              })) : T("v-if", !0)
             ])
           ]),
-          default: g(() => [
+          default: h(() => [
             j(_, {
-              modelValue: z.value,
-              "onUpdate:modelValue": u[0] || (u[0] = (o) => z.value = o),
+              modelValue: f.value,
+              "onUpdate:modelValue": u[0] || (u[0] = (c) => f.value = c),
               clearable: "",
               placeholder: "输入图标名称检索"
             }, {
-              suffix: g(() => [
-                j(y(b), { name: "iksvg_sousuo-daohang" })
+              suffix: h(() => [
+                j(b(v), { name: "iksvg_sousuo-daohang" })
               ]),
               _: 1
               /* STABLE */
             }, 8, ["modelValue"]),
-            j(N, {
-              modelValue: I.value,
-              "onUpdate:modelValue": u[1] || (u[1] = (o) => I.value = o)
+            j(J, {
+              modelValue: w.value,
+              "onUpdate:modelValue": u[1] || (u[1] = (c) => w.value = c)
             }, {
-              default: g(() => [
+              default: h(() => [
                 j($, {
                   label: "双色图标",
                   name: "double"
                 }, {
-                  default: g(() => [
-                    x("div", re, [
-                      (i(!0), l(
-                        C,
+                  default: h(() => [
+                    z("div", he, [
+                      (i(!0), s(
+                        S,
                         null,
-                        S(a.value.double, (o) => (i(), f(y(b), {
-                          key: o.name,
-                          primary: o.class === c.value,
+                        B(a.value.double, (c) => (i(), g(b(v), {
+                          key: c.name,
+                          primary: c.class === o.value,
                           size: 20,
-                          title: o.name,
-                          name: o.class,
-                          onClick: (L) => h(o)
+                          title: c.name,
+                          name: c.class,
+                          onClick: (O) => r(c)
                         }, null, 8, ["primary", "title", "name", "onClick"]))),
                         128
                         /* KEYED_FRAGMENT */
@@ -2901,18 +2904,18 @@ const he = /* @__PURE__ */ M(ge, [["__scopeId", "data-v-ec9fdc8a"]]), b = T(he),
                   label: "单色图标",
                   name: "single"
                 }, {
-                  default: g(() => [
-                    x("div", pe, [
-                      (i(!0), l(
-                        C,
+                  default: h(() => [
+                    z("div", re, [
+                      (i(!0), s(
+                        S,
                         null,
-                        S(a.value.single, (o) => (i(), f(y(b), {
-                          key: o.name,
-                          primary: o.class === c.value,
+                        B(a.value.single, (c) => (i(), g(b(v), {
+                          key: c.name,
+                          primary: c.class === o.value,
                           size: 20,
-                          title: o.name,
-                          name: o.class,
-                          onClick: (L) => h(o)
+                          title: c.name,
+                          name: c.class,
+                          onClick: (O) => r(c)
                         }, null, 8, ["primary", "title", "name", "onClick"]))),
                         128
                         /* KEYED_FRAGMENT */
@@ -2936,8 +2939,8 @@ const he = /* @__PURE__ */ M(ge, [["__scopeId", "data-v-ec9fdc8a"]]), b = T(he),
     };
   }
 });
-const be = /* @__PURE__ */ M(ye, [["__scopeId", "data-v-bb8396c3"]]), ze = T(be);
+const ye = /* @__PURE__ */ N(pe, [["__scopeId", "data-v-bb8396c3"]]), xe = M(ye);
 export {
-  ze as IkIconPicker,
-  ze as default
+  xe as IkIconPicker,
+  xe as default
 };