iking-web-ui-pro 0.2.22 → 0.2.25

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

@@ -1,13 +1,13 @@
-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 { defineComponent as B, computed as q, resolveComponent as b, openBlock as c, createElementBlock as l, normalizeClass as h, normalizeStyle as r, createCommentVNode as V, createElementVNode as v, createBlock as t, withCtx as f, createTextVNode as O, toDisplayString as D, mergeModels as G, useModel as E, ref as x, watch as A, unref as p, withModifiers as H, createVNode as z, Fragment as C, renderList as S } 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;
+const T = (a, s) => {
+  if (a.install = (e) => {
+    for (const i of [a, ...Object.values(s ?? {})])
+      e.component(i.name, i);
+  }, s)
+    for (const [e, i] of Object.entries(s))
+      a[e] = i;
+  return a;
 }, W = "4383166", X = "中台-双色图标", Y = "iconfont", F = "iksvg_", K = "", Q = [
   {
     icon_id: "40615013",
@@ -2544,11 +2544,11 @@ const M = (d, m) => {
   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;
+}, M = (a, s) => {
+  const e = a.__vccOpts || a;
+  for (const [i, d] of s)
+    e[i] = d;
+  return e;
 }, de = {
   key: 0,
   class: "ik-svg-icon ik-icon-span inline-block inline-flex justify-center box-content line-height-[0]"
@@ -2560,7 +2560,7 @@ const M = (d, m) => {
   key: 1,
   class: "h-[1em] w-[1em]",
   "aria-hidden": "true"
-}, me = ["xlink:href"], te = ["src"], fe = /* @__PURE__ */ V({
+}, me = ["xlink:href"], te = ["src"], fe = /* @__PURE__ */ B({
   name: "IkSvgIcon",
   __name: "index",
   props: {
@@ -2586,12 +2586,11 @@ const M = (d, m) => {
     warning: { type: Boolean },
     width: {}
   },
-  emits: ["click"],
-  setup(d, { emit: m }) {
-    const o = d, e = C(() => o), a = C(() => {
+  setup(a) {
+    const s = a, e = q(() => s), i = 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 = C(() => {
+    }), d = q(() => {
       const n = [];
       if (e.value.flip)
         switch (e.value.flip) {
@@ -2606,30 +2605,28 @@ const M = (d, m) => {
             break;
         }
       e.value.rotate && n.push(`rotate(${e.value.rotate % 360}deg)`);
-      const f = {
+      const g = {
+        pointerEvents: e.value.disabled ? "none" : "auto",
         ...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" ? {
+        ...e.value.color && i.value !== "iksig" ? {
           "--ik-color-icon-dark": e.value.color,
           "--ik-color-icon-light": e.value.colorLight || P.setOpacity(e.value.color, e.value.opacity)
         } : {}
       };
-      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(
+      return e.value.width && (g.width = g.height = typeof e.value.width == "number" ? `${e.value.width}px` : e.value.width), g;
+    });
+    return (n, g) => {
+      const k = b("el-tooltip"), j = b("el-button");
+      return e.value.tableIconType === "icon" || !e.value.tableIconType ? (c(), l("span", de, [
+        e.value.notip || !e.value.title ? (c(), l(
           "i",
           {
             key: 0,
-            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",
+            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": e.value.showBg || e.value.bg,
               default: e.value.size === "default",
               small: e.value.size === "small",
@@ -2641,34 +2638,34 @@ const M = (d, m) => {
               active: e.value.active,
               disabled: e.value.disabled
             }]),
-            style: y(t.value)
+            style: r(d.value)
           },
           [
-            T(` <Icon v-if="outputType === 'iconify'" :icon="name" /> `),
-            a.value === "iksig" ? (i(), s(
+            V(` <Icon v-if="outputType === 'iconify'" :icon="name" /> `),
+            i.value === "iksig" ? (c(), l(
               "i",
               {
                 key: 0,
-                class: p(`iksig ${e.value.name}`),
-                style: y(t.value)
+                class: h(`iksig ${e.value.name}`),
+                style: r(d.value)
               },
               null,
               6
               /* CLASS, STYLE */
-            )) : a.value === "svg" ? (i(), s("svg", ue, [
-              z("use", {
+            )) : i.value === "svg" ? (c(), l("svg", ue, [
+              v("use", {
                 "xlink:href": `#${e.value.name}`
               }, null, 8, _e)
-            ])) : a.value === "img" ? (i(), s("img", {
+            ])) : i.value === "img" ? (c(), l("img", {
               key: 2,
               src: e.value.name,
               class: "h-[1em] w-[1em]"
-            }, null, 8, le)) : (i(), s(
+            }, null, 8, le)) : (c(), l(
               "i",
               {
                 key: 3,
-                class: p(e.value.name),
-                style: y(t.value)
+                class: h(e.value.name),
+                style: r(d.value)
               },
               null,
               6
@@ -2677,17 +2674,17 @@ const M = (d, m) => {
           ],
           6
           /* CLASS, STYLE */
-        )) : (i(), g(w, {
+        )) : (c(), t(k, {
           key: 1,
           content: e.value.title,
           placement: "top"
         }, {
-          default: h(() => [
-            z(
+          default: f(() => [
+            v(
               "i",
               {
-                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",
+                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": e.value.showBg || e.value.bg,
                   default: e.value.size === "default",
                   small: e.value.size === "small",
@@ -2698,34 +2695,33 @@ const M = (d, m) => {
                   error: e.value.error || e.value.type === "error",
                   active: e.value.active
                 }]),
-                onClick: q(r, ["stop"]),
-                style: y(t.value)
+                style: r(d.value)
               },
               [
-                a.value === "iksig" ? (i(), s(
+                i.value === "iksig" ? (c(), l(
                   "i",
                   {
                     key: 0,
-                    class: p(`iksig ${e.value.name}`),
-                    style: y(t.value)
+                    class: h(`iksig ${e.value.name}`),
+                    style: r(d.value)
                   },
                   null,
                   6
                   /* CLASS, STYLE */
-                )) : a.value === "svg" ? (i(), s("svg", se, [
-                  z("use", {
+                )) : i.value === "svg" ? (c(), l("svg", se, [
+                  v("use", {
                     "xlink:href": `#${e.value.name}`
                   }, null, 8, me)
-                ])) : a.value === "img" ? (i(), s("img", {
+                ])) : i.value === "img" ? (c(), l("img", {
                   key: 2,
                   src: e.value.name,
                   class: "h-[1em] w-[1em]"
-                }, null, 8, te)) : (i(), s(
+                }, null, 8, te)) : (c(), l(
                   "i",
                   {
                     key: 3,
-                    class: p(e.value.name),
-                    style: y(t.value)
+                    class: h(e.value.name),
+                    style: r(d.value)
                   },
                   null,
                   6
@@ -2739,14 +2735,13 @@ const M = (d, m) => {
           _: 1
           /* STABLE */
         }, 8, ["content"]))
-      ])) : (i(), g(l, {
+      ])) : (c(), t(j, {
         key: 1,
-        type: ["warning", "error"].includes(e.value.type) ? "danger" : "",
-        onClick: q(r, ["stop"])
+        type: ["warning", "error"].includes(e.value.type) ? "danger" : ""
       }, {
-        default: h(() => [
-          D(
-            G(e.value.title),
+        default: f(() => [
+          O(
+            D(e.value.title),
             1
             /* TEXT */
           )
@@ -2757,9 +2752,9 @@ const M = (d, m) => {
     };
   }
 });
-const ge = /* @__PURE__ */ N(fe, [["__scopeId", "data-v-4a1004b9"]]), v = M(ge), he = { class: "icon-list" }, re = { class: "icon-list" }, pe = /* @__PURE__ */ V({
+const ge = /* @__PURE__ */ M(fe, [["__scopeId", "data-v-52806adf"]]), y = T(ge), he = { class: "icon-list" }, re = { class: "icon-list" }, pe = /* @__PURE__ */ B({
   __name: "index",
-  props: /* @__PURE__ */ A({
+  props: /* @__PURE__ */ G({
     icon: {
       type: Object,
       default: () => ({
@@ -2779,52 +2774,52 @@ const ge = /* @__PURE__ */ N(fe, [["__scopeId", "data-v-4a1004b9"]]), v = M(ge),
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(d) {
-    const m = d, o = E(d, "modelValue");
-    k(!1);
-    let e = {};
-    const a = k({}), t = k(null);
-    function I() {
-      const l = m.icon.icon, u = m.icon.iconSingle;
-      e = {
-        double: l.glyphs.map((_) => ({
+  setup(a) {
+    const s = a, e = E(a, "modelValue");
+    x(!1);
+    let i = {};
+    const d = x({}), n = x(null);
+    function g() {
+      const m = s.icon.icon, u = s.icon.iconSingle;
+      i = {
+        double: m.glyphs.map((_) => ({
           ..._,
-          class: `${l.css_prefix_text}${_.font_class}`
+          class: `${m.css_prefix_text}${_.font_class}`
         })),
         single: u.glyphs.map((_) => ({
           ..._,
           class: `${u.css_prefix_text}${_.font_class}`
         }))
-      }, a.value = U.cloneDeep(e);
+      }, d.value = U.cloneDeep(i);
     }
-    I();
-    function r(l) {
-      o.value = l.class;
+    g();
+    function k(m) {
+      e.value = m.class;
     }
-    function n() {
-      o.value = "";
+    function j() {
+      e.value = "";
     }
-    const f = k("");
-    H(f, (l) => {
-      a.value = {
-        single: e.single.filter((u) => {
+    const w = x("");
+    A(w, (m) => {
+      d.value = {
+        single: i.single.filter((u) => {
           var _;
-          return (_ = u.name) == null ? void 0 : _.includes(l);
+          return (_ = u.name) == null ? void 0 : _.includes(m);
         }),
-        double: e.double.filter((u) => {
+        double: i.double.filter((u) => {
           var _;
-          return (_ = u.name) == null ? void 0 : _.includes(l);
+          return (_ = u.name) == null ? void 0 : _.includes(m);
         })
       };
     });
-    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,
+    const I = x("double");
+    return (m, u) => {
+      const _ = b("el-input"), $ = b("el-tab-pane"), N = b("el-tabs"), J = b("el-popover");
+      return c(), t(
+        J,
         {
           ref_key: "target",
-          ref: t,
+          ref: n,
           title: "",
           "hide-after": 0,
           "popper-class": "icon-picker-pop",
@@ -2832,65 +2827,65 @@ const ge = /* @__PURE__ */ N(fe, [["__scopeId", "data-v-4a1004b9"]]), v = M(ge),
           trigger: "click"
         },
         {
-          reference: h(() => [
-            z("div", {
+          reference: f(() => [
+            v("div", {
               class: "icon-picker-header font-size-[var(--ik-margin-m-28)] line-height-[0]",
               onClick: u[2] || (u[2] = //@ts-ignore
-              (...c) => l.handChooseIcon && l.handChooseIcon(...c))
+              (...o) => m.handChooseIcon && m.handChooseIcon(...o))
             }, [
-              o.value ? (i(), g(b(v), {
+              e.value ? (c(), t(p(y), {
                 key: 0,
-                name: o.value,
-                size: d.size
-              }, null, 8, ["name", "size"])) : (i(), g(b(v), {
+                name: e.value,
+                size: a.size
+              }, null, 8, ["name", "size"])) : (c(), t(p(y), {
                 key: 1,
                 name: "iksvg_guanbibeifen",
-                size: d.size
+                size: a.size
               }, null, 8, ["size"])),
-              o.value ? (i(), g(b(v), {
+              e.value ? (c(), t(p(y), {
                 key: 2,
                 title: "删除图标",
                 name: "iksvg_guanbi",
                 error: "",
                 class: "icon-delete",
-                onClick: q(n, ["stop"])
-              })) : T("v-if", !0)
+                onClick: H(j, ["stop"])
+              })) : V("v-if", !0)
             ])
           ]),
-          default: h(() => [
-            j(_, {
-              modelValue: f.value,
-              "onUpdate:modelValue": u[0] || (u[0] = (c) => f.value = c),
+          default: f(() => [
+            z(_, {
+              modelValue: w.value,
+              "onUpdate:modelValue": u[0] || (u[0] = (o) => w.value = o),
               clearable: "",
               placeholder: "输入图标名称检索"
             }, {
-              suffix: h(() => [
-                j(b(v), { name: "iksvg_sousuo-daohang" })
+              suffix: f(() => [
+                z(p(y), { name: "iksvg_sousuo-daohang" })
               ]),
               _: 1
               /* STABLE */
             }, 8, ["modelValue"]),
-            j(J, {
-              modelValue: w.value,
-              "onUpdate:modelValue": u[1] || (u[1] = (c) => w.value = c)
+            z(N, {
+              modelValue: I.value,
+              "onUpdate:modelValue": u[1] || (u[1] = (o) => I.value = o)
             }, {
-              default: h(() => [
-                j($, {
+              default: f(() => [
+                z($, {
                   label: "双色图标",
                   name: "double"
                 }, {
-                  default: h(() => [
-                    z("div", he, [
-                      (i(!0), s(
-                        S,
+                  default: f(() => [
+                    v("div", he, [
+                      (c(!0), l(
+                        C,
                         null,
-                        B(a.value.double, (c) => (i(), g(b(v), {
-                          key: c.name,
-                          primary: c.class === o.value,
+                        S(d.value.double, (o) => (c(), t(p(y), {
+                          key: o.name,
+                          primary: o.class === e.value,
                           size: 20,
-                          title: c.name,
-                          name: c.class,
-                          onClick: (O) => r(c)
+                          title: o.name,
+                          name: o.class,
+                          onClick: (L) => k(o)
                         }, null, 8, ["primary", "title", "name", "onClick"]))),
                         128
                         /* KEYED_FRAGMENT */
@@ -2900,22 +2895,22 @@ const ge = /* @__PURE__ */ N(fe, [["__scopeId", "data-v-4a1004b9"]]), v = M(ge),
                   _: 1
                   /* STABLE */
                 }),
-                j($, {
+                z($, {
                   label: "单色图标",
                   name: "single"
                 }, {
-                  default: h(() => [
-                    z("div", re, [
-                      (i(!0), s(
-                        S,
+                  default: f(() => [
+                    v("div", re, [
+                      (c(!0), l(
+                        C,
                         null,
-                        B(a.value.single, (c) => (i(), g(b(v), {
-                          key: c.name,
-                          primary: c.class === o.value,
+                        S(d.value.single, (o) => (c(), t(p(y), {
+                          key: o.name,
+                          primary: o.class === e.value,
                           size: 20,
-                          title: c.name,
-                          name: c.class,
-                          onClick: (O) => r(c)
+                          title: o.name,
+                          name: o.class,
+                          onClick: (L) => k(o)
                         }, null, 8, ["primary", "title", "name", "onClick"]))),
                         128
                         /* KEYED_FRAGMENT */
@@ -2939,7 +2934,7 @@ const ge = /* @__PURE__ */ N(fe, [["__scopeId", "data-v-4a1004b9"]]), v = M(ge),
     };
   }
 });
-const ye = /* @__PURE__ */ N(pe, [["__scopeId", "data-v-bb8396c3"]]), xe = M(ye);
+const ye = /* @__PURE__ */ M(pe, [["__scopeId", "data-v-bb8396c3"]]), xe = T(ye);
 export {
   xe as IkIconPicker,
   xe as default