iking-web-ui-pro 0.2.21 → 0.2.22

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

@@ -1,13 +1,13 @@
-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 A, ref as x, watch as E, unref as p, withModifiers as H, createVNode as z, Fragment as C, renderList as S } from "vue";
+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 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;
+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;
 }, W = "4383166", X = "中台-双色图标", Y = "iconfont", F = "iksvg_", K = "", Q = [
   {
     icon_id: "40615013",
@@ -2544,11 +2544,11 @@ const T = (a, s) => {
   css_prefix_text: ie,
   description: ce,
   glyphs: oe
-}, M = (a, s) => {
-  const e = a.__vccOpts || a;
-  for (const [i, d] of s)
-    e[i] = d;
-  return e;
+}, 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]"
@@ -2560,7 +2560,7 @@ const T = (a, s) => {
   key: 1,
   class: "h-[1em] w-[1em]",
   "aria-hidden": "true"
-}, me = ["xlink:href"], te = ["src"], fe = /* @__PURE__ */ B({
+}, me = ["xlink:href"], te = ["src"], fe = /* @__PURE__ */ V({
   name: "IkSvgIcon",
   __name: "index",
   props: {
@@ -2586,11 +2586,12 @@ const T = (a, s) => {
     warning: { type: Boolean },
     width: {}
   },
-  setup(a) {
-    const s = a, e = q(() => s), i = 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";
-    }), d = q(() => {
+    }), t = C(() => {
       const n = [];
       if (e.value.flip)
         switch (e.value.flip) {
@@ -2605,27 +2606,30 @@ const T = (a, s) => {
             break;
         }
       e.value.rotate && n.push(`rotate(${e.value.rotate % 360}deg)`);
-      const g = {
+      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 && i.value !== "iksig" ? {
+        ...e.value.color && a.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 && (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(
+      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: 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",
+            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",
               small: e.value.size === "small",
@@ -2637,34 +2641,34 @@ const T = (a, s) => {
               active: e.value.active,
               disabled: e.value.disabled
             }]),
-            style: r(d.value)
+            style: y(t.value)
           },
           [
-            V(` <Icon v-if="outputType === 'iconify'" :icon="name" /> `),
-            i.value === "iksig" ? (c(), l(
+            T(` <Icon v-if="outputType === 'iconify'" :icon="name" /> `),
+            a.value === "iksig" ? (i(), s(
               "i",
               {
                 key: 0,
-                class: h(`iksig ${e.value.name}`),
-                style: r(d.value)
+                class: p(`iksig ${e.value.name}`),
+                style: y(t.value)
               },
               null,
               6
               /* CLASS, STYLE */
-            )) : i.value === "svg" ? (c(), l("svg", ue, [
-              v("use", {
+            )) : a.value === "svg" ? (i(), s("svg", ue, [
+              z("use", {
                 "xlink:href": `#${e.value.name}`
               }, null, 8, _e)
-            ])) : i.value === "img" ? (c(), l("img", {
+            ])) : a.value === "img" ? (i(), s("img", {
               key: 2,
               src: e.value.name,
               class: "h-[1em] w-[1em]"
-            }, null, 8, le)) : (c(), l(
+            }, null, 8, le)) : (i(), s(
               "i",
               {
                 key: 3,
-                class: h(e.value.name),
-                style: r(d.value)
+                class: p(e.value.name),
+                style: y(t.value)
               },
               null,
               6
@@ -2673,17 +2677,17 @@ const T = (a, s) => {
           ],
           6
           /* CLASS, STYLE */
-        )) : (c(), t(k, {
+        )) : (i(), g(w, {
           key: 1,
           content: e.value.title,
           placement: "top"
         }, {
-          default: f(() => [
-            v(
+          default: h(() => [
+            z(
               "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",
+                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",
                   small: e.value.size === "small",
@@ -2694,33 +2698,34 @@ const T = (a, s) => {
                   error: e.value.error || e.value.type === "error",
                   active: e.value.active
                 }]),
-                style: r(d.value)
+                onClick: q(r, ["stop"]),
+                style: y(t.value)
               },
               [
-                i.value === "iksig" ? (c(), l(
+                a.value === "iksig" ? (i(), s(
                   "i",
                   {
                     key: 0,
-                    class: h(`iksig ${e.value.name}`),
-                    style: r(d.value)
+                    class: p(`iksig ${e.value.name}`),
+                    style: y(t.value)
                   },
                   null,
                   6
                   /* CLASS, STYLE */
-                )) : i.value === "svg" ? (c(), l("svg", se, [
-                  v("use", {
+                )) : a.value === "svg" ? (i(), s("svg", se, [
+                  z("use", {
                     "xlink:href": `#${e.value.name}`
                   }, null, 8, me)
-                ])) : i.value === "img" ? (c(), l("img", {
+                ])) : a.value === "img" ? (i(), s("img", {
                   key: 2,
                   src: e.value.name,
                   class: "h-[1em] w-[1em]"
-                }, null, 8, te)) : (c(), l(
+                }, null, 8, te)) : (i(), s(
                   "i",
                   {
                     key: 3,
-                    class: h(e.value.name),
-                    style: r(d.value)
+                    class: p(e.value.name),
+                    style: y(t.value)
                   },
                   null,
                   6
@@ -2734,13 +2739,14 @@ const T = (a, s) => {
           _: 1
           /* STABLE */
         }, 8, ["content"]))
-      ])) : (c(), t(j, {
+      ])) : (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: f(() => [
-          O(
-            D(e.value.title),
+        default: h(() => [
+          D(
+            G(e.value.title),
             1
             /* TEXT */
           )
@@ -2751,9 +2757,9 @@ const T = (a, s) => {
     };
   }
 });
-const ge = /* @__PURE__ */ M(fe, [["__scopeId", "data-v-a7ec508a"]]), y = T(ge), he = { class: "icon-list" }, re = { class: "icon-list" }, pe = /* @__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__ */ G({
+  props: /* @__PURE__ */ A({
     icon: {
       type: Object,
       default: () => ({
@@ -2773,52 +2779,52 @@ const ge = /* @__PURE__ */ M(fe, [["__scopeId", "data-v-a7ec508a"]]), y = T(ge),
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(a) {
-    const s = a, e = A(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((_) => ({
+  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((_) => ({
           ..._,
-          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}`
         }))
-      }, d.value = U.cloneDeep(i);
+      }, a.value = U.cloneDeep(e);
     }
-    g();
-    function k(m) {
-      e.value = m.class;
+    I();
+    function r(l) {
+      o.value = l.class;
     }
-    function j() {
-      e.value = "";
+    function n() {
+      o.value = "";
     }
-    const w = x("");
-    E(w, (m) => {
-      d.value = {
-        single: i.single.filter((u) => {
+    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: i.double.filter((u) => {
+        double: e.double.filter((u) => {
           var _;
-          return (_ = u.name) == null ? void 0 : _.includes(m);
+          return (_ = u.name) == null ? void 0 : _.includes(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,
+    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: n,
+          ref: t,
           title: "",
           "hide-after": 0,
           "popper-class": "icon-picker-pop",
@@ -2826,65 +2832,65 @@ const ge = /* @__PURE__ */ M(fe, [["__scopeId", "data-v-a7ec508a"]]), y = T(ge),
           trigger: "click"
         },
         {
-          reference: f(() => [
-            v("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))
             }, [
-              e.value ? (c(), t(p(y), {
+              o.value ? (i(), g(b(v), {
                 key: 0,
-                name: e.value,
-                size: a.size
-              }, null, 8, ["name", "size"])) : (c(), t(p(y), {
+                name: o.value,
+                size: d.size
+              }, null, 8, ["name", "size"])) : (i(), g(b(v), {
                 key: 1,
                 name: "iksvg_guanbibeifen",
-                size: a.size
+                size: d.size
               }, null, 8, ["size"])),
-              e.value ? (c(), t(p(y), {
+              o.value ? (i(), g(b(v), {
                 key: 2,
                 title: "删除图标",
                 name: "iksvg_guanbi",
                 error: "",
                 class: "icon-delete",
-                onClick: H(j, ["stop"])
-              })) : V("v-if", !0)
+                onClick: q(n, ["stop"])
+              })) : T("v-if", !0)
             ])
           ]),
-          default: f(() => [
-            z(_, {
-              modelValue: w.value,
-              "onUpdate:modelValue": u[0] || (u[0] = (o) => w.value = o),
+          default: h(() => [
+            j(_, {
+              modelValue: f.value,
+              "onUpdate:modelValue": u[0] || (u[0] = (c) => f.value = c),
               clearable: "",
               placeholder: "输入图标名称检索"
             }, {
-              suffix: f(() => [
-                z(p(y), { name: "iksvg_sousuo-daohang" })
+              suffix: h(() => [
+                j(b(v), { name: "iksvg_sousuo-daohang" })
               ]),
               _: 1
               /* STABLE */
             }, 8, ["modelValue"]),
-            z(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: f(() => [
-                z($, {
+              default: h(() => [
+                j($, {
                   label: "双色图标",
                   name: "double"
                 }, {
-                  default: f(() => [
-                    v("div", he, [
-                      (c(!0), l(
-                        C,
+                  default: h(() => [
+                    z("div", he, [
+                      (i(!0), s(
+                        S,
                         null,
-                        S(d.value.double, (o) => (c(), t(p(y), {
-                          key: o.name,
-                          primary: o.class === e.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) => k(o)
+                          title: c.name,
+                          name: c.class,
+                          onClick: (O) => r(c)
                         }, null, 8, ["primary", "title", "name", "onClick"]))),
                         128
                         /* KEYED_FRAGMENT */
@@ -2894,22 +2900,22 @@ const ge = /* @__PURE__ */ M(fe, [["__scopeId", "data-v-a7ec508a"]]), y = T(ge),
                   _: 1
                   /* STABLE */
                 }),
-                z($, {
+                j($, {
                   label: "单色图标",
                   name: "single"
                 }, {
-                  default: f(() => [
-                    v("div", re, [
-                      (c(!0), l(
-                        C,
+                  default: h(() => [
+                    z("div", re, [
+                      (i(!0), s(
+                        S,
                         null,
-                        S(d.value.single, (o) => (c(), t(p(y), {
-                          key: o.name,
-                          primary: o.class === e.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) => k(o)
+                          title: c.name,
+                          name: c.class,
+                          onClick: (O) => r(c)
                         }, null, 8, ["primary", "title", "name", "onClick"]))),
                         128
                         /* KEYED_FRAGMENT */
@@ -2933,7 +2939,7 @@ const ge = /* @__PURE__ */ M(fe, [["__scopeId", "data-v-a7ec508a"]]), y = T(ge),
     };
   }
 });
-const ye = /* @__PURE__ */ M(pe, [["__scopeId", "data-v-bb8396c3"]]), xe = T(ye);
+const ye = /* @__PURE__ */ N(pe, [["__scopeId", "data-v-bb8396c3"]]), xe = M(ye);
 export {
   xe as IkIconPicker,
   xe as default