iking-web-ui-pro 0.2.21 → 0.2.22

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

@@ -1,25 +1,25 @@
-import { defineComponent as h, computed as v, resolveComponent as y, openBlock as a, createElementBlock as s, normalizeClass as u, normalizeStyle as r, createCommentVNode as k, createElementVNode as p, createBlock as g, withCtx as d, createTextVNode as _, toDisplayString as w } from "vue";
-import { ikColor as b } from "iking-utils-pro";
-const B = (o, n) => {
-  if (o.install = (e) => {
-    for (const t of [o, ...Object.values(n ?? {})])
-      e.component(t.name, t);
+import { defineComponent as w, computed as d, resolveComponent as m, openBlock as t, createElementBlock as i, withModifiers as y, normalizeClass as r, normalizeStyle as c, createCommentVNode as B, createElementVNode as g, createBlock as f, withCtx as h, createTextVNode as z, toDisplayString as x } from "vue";
+import { ikColor as C } from "iking-utils-pro";
+const I = (s, n) => {
+  if (s.install = (o) => {
+    for (const e of [s, ...Object.values(n ?? {})])
+      o.component(e.name, e);
   }, n)
-    for (const [e, t] of Object.entries(n))
-      o[e] = t;
-  return o;
-}, z = {
+    for (const [o, e] of Object.entries(n))
+      s[o] = e;
+  return s;
+}, $ = {
   key: 0,
   class: "ik-svg-icon ik-icon-span inline-block inline-flex justify-center box-content line-height-[0]"
-}, x = {
+}, j = {
   key: 1,
   class: "h-[1em] w-[1em]",
   "aria-hidden": "true"
-}, I = ["xlink:href"], C = ["src"], $ = {
+}, S = ["xlink:href"], T = ["src"], O = {
   key: 1,
   class: "h-[1em] w-[1em]",
   "aria-hidden": "true"
-}, j = ["xlink:href"], S = ["src"], T = /* @__PURE__ */ h({
+}, N = ["xlink:href"], V = ["src"], E = /* @__PURE__ */ w({
   name: "IkSvgIcon",
   __name: "index",
   props: {
@@ -45,11 +45,12 @@ const B = (o, n) => {
     warning: { type: Boolean },
     width: {}
   },
-  setup(o) {
-    const n = o, e = v(() => n), t = v(() => {
+  emits: ["click"],
+  setup(s, { emit: n }) {
+    const o = s, e = d(() => o), a = d(() => {
       const { name: l } = e.value;
       return /^http?:\/\//.test(l) ? "img" : /i-[^:]+:[^:]+/.test(l) ? "unocss" : l != null && l.startsWith("iksig") ? "iksig" : l != null && l.includes(":") ? "iconify" : l != null && l.startsWith("iksvg") ? "svg" : "i";
-    }), i = v(() => {
+    }), u = d(() => {
       const l = [];
       if (e.value.flip)
         switch (e.value.flip) {
@@ -64,27 +65,30 @@ const B = (o, n) => {
             break;
         }
       e.value.rotate && l.push(`rotate(${e.value.rotate % 360}deg)`);
-      const c = {
+      const v = {
         ...e.value.color && { color: e.value.color },
         ...e.value.size && { fontSize: typeof e.value.size == "number" ? `${e.value.size}px` : e.value.size },
         ...l.length && { transform: l.join(" ") },
         padding: e.value.showBg || e.value.bg ? e.value.padding : 0,
-        ...e.value.color && t.value !== "iksig" ? {
+        ...e.value.color && a.value !== "iksig" ? {
           "--ik-color-icon-dark": e.value.color,
-          "--ik-color-icon-light": e.value.colorLight || b.setOpacity(e.value.color, e.value.opacity)
+          "--ik-color-icon-light": e.value.colorLight || C.setOpacity(e.value.color, e.value.opacity)
         } : {}
       };
-      return e.value.width && (c.width = c.height = typeof e.value.width == "number" ? `${e.value.width}px` : e.value.width), c;
-    });
-    return (l, c) => {
-      const f = y("el-tooltip"), m = y("el-button");
-      return e.value.tableIconType === "icon" || !e.value.tableIconType ? (a(), s("span", z, [
-        e.value.notip || !e.value.title ? (a(), s(
+      return e.value.width && (v.width = v.height = typeof e.value.width == "number" ? `${e.value.width}px` : e.value.width), v;
+    }), k = n, p = (l) => {
+      e.value.disabled || k("click", l);
+    };
+    return (l, v) => {
+      const _ = m("el-tooltip"), b = m("el-button");
+      return e.value.tableIconType === "icon" || !e.value.tableIconType ? (t(), i("span", $, [
+        e.value.notip || !e.value.title ? (t(), i(
           "i",
           {
             key: 0,
-            class: u(["ik-svg-icon ik-icon relative h-[1em] w-[1em] inline-flex items-center justify-center fill-current leading-[1em] transition", {
-              [l.name]: t.value === "unocss",
+            onClick: y(p, ["stop"]),
+            class: r(["ik-svg-icon ik-icon relative h-[1em] w-[1em] inline-flex items-center justify-center fill-current leading-[1em] transition", {
+              [l.name]: a.value === "unocss",
               "show-bg": e.value.showBg || e.value.bg,
               default: e.value.size === "default",
               small: e.value.size === "small",
@@ -96,34 +100,34 @@ const B = (o, n) => {
               active: e.value.active,
               disabled: e.value.disabled
             }]),
-            style: r(i.value)
+            style: c(u.value)
           },
           [
-            k(` <Icon v-if="outputType === 'iconify'" :icon="name" /> `),
-            t.value === "iksig" ? (a(), s(
+            B(` <Icon v-if="outputType === 'iconify'" :icon="name" /> `),
+            a.value === "iksig" ? (t(), i(
               "i",
               {
                 key: 0,
-                class: u(`iksig ${e.value.name}`),
-                style: r(i.value)
+                class: r(`iksig ${e.value.name}`),
+                style: c(u.value)
               },
               null,
               6
               /* CLASS, STYLE */
-            )) : t.value === "svg" ? (a(), s("svg", x, [
-              p("use", {
+            )) : a.value === "svg" ? (t(), i("svg", j, [
+              g("use", {
                 "xlink:href": `#${e.value.name}`
-              }, null, 8, I)
-            ])) : t.value === "img" ? (a(), s("img", {
+              }, null, 8, S)
+            ])) : a.value === "img" ? (t(), i("img", {
               key: 2,
               src: e.value.name,
               class: "h-[1em] w-[1em]"
-            }, null, 8, C)) : (a(), s(
+            }, null, 8, T)) : (t(), i(
               "i",
               {
                 key: 3,
-                class: u(e.value.name),
-                style: r(i.value)
+                class: r(e.value.name),
+                style: c(u.value)
               },
               null,
               6
@@ -132,17 +136,17 @@ const B = (o, n) => {
           ],
           6
           /* CLASS, STYLE */
-        )) : (a(), g(f, {
+        )) : (t(), f(_, {
           key: 1,
           content: e.value.title,
           placement: "top"
         }, {
-          default: d(() => [
-            p(
+          default: h(() => [
+            g(
               "i",
               {
-                class: u(["ik-svg-icon ik-icon relative h-[1em] w-[1em] inline-flex items-center justify-center fill-current leading-[1em] transition", {
-                  [l.name]: t.value === "unocss",
+                class: r(["ik-svg-icon ik-icon relative h-[1em] w-[1em] inline-flex items-center justify-center fill-current leading-[1em] transition", {
+                  [l.name]: a.value === "unocss",
                   "show-bg": e.value.showBg || e.value.bg,
                   default: e.value.size === "default",
                   small: e.value.size === "small",
@@ -153,33 +157,34 @@ const B = (o, n) => {
                   error: e.value.error || e.value.type === "error",
                   active: e.value.active
                 }]),
-                style: r(i.value)
+                onClick: y(p, ["stop"]),
+                style: c(u.value)
               },
               [
-                t.value === "iksig" ? (a(), s(
+                a.value === "iksig" ? (t(), i(
                   "i",
                   {
                     key: 0,
-                    class: u(`iksig ${e.value.name}`),
-                    style: r(i.value)
+                    class: r(`iksig ${e.value.name}`),
+                    style: c(u.value)
                   },
                   null,
                   6
                   /* CLASS, STYLE */
-                )) : t.value === "svg" ? (a(), s("svg", $, [
-                  p("use", {
+                )) : a.value === "svg" ? (t(), i("svg", O, [
+                  g("use", {
                     "xlink:href": `#${e.value.name}`
-                  }, null, 8, j)
-                ])) : t.value === "img" ? (a(), s("img", {
+                  }, null, 8, N)
+                ])) : a.value === "img" ? (t(), i("img", {
                   key: 2,
                   src: e.value.name,
                   class: "h-[1em] w-[1em]"
-                }, null, 8, S)) : (a(), s(
+                }, null, 8, V)) : (t(), i(
                   "i",
                   {
                     key: 3,
-                    class: u(e.value.name),
-                    style: r(i.value)
+                    class: r(e.value.name),
+                    style: c(u.value)
                   },
                   null,
                   6
@@ -193,13 +198,14 @@ const B = (o, n) => {
           _: 1
           /* STABLE */
         }, 8, ["content"]))
-      ])) : (a(), g(m, {
+      ])) : (t(), f(b, {
         key: 1,
-        type: ["warning", "error"].includes(e.value.type) ? "danger" : ""
+        type: ["warning", "error"].includes(e.value.type) ? "danger" : "",
+        onClick: y(p, ["stop"])
       }, {
-        default: d(() => [
-          _(
-            w(e.value.title),
+        default: h(() => [
+          z(
+            x(e.value.title),
             1
             /* TEXT */
           )
@@ -210,13 +216,13 @@ const B = (o, n) => {
     };
   }
 });
-const O = (o, n) => {
-  const e = o.__vccOpts || o;
-  for (const [t, i] of n)
-    e[t] = i;
-  return e;
-}, N = /* @__PURE__ */ O(T, [["__scopeId", "data-v-a7ec508a"]]), L = B(N);
+const L = (s, n) => {
+  const o = s.__vccOpts || s;
+  for (const [e, a] of n)
+    o[e] = a;
+  return o;
+}, W = /* @__PURE__ */ L(E, [["__scopeId", "data-v-4a1004b9"]]), D = I(W);
 export {
-  L as IkSvgIcon,
-  L as default
+  D as IkSvgIcon,
+  D as default
 };

package/dist/IkSvgIcon/ik.index.umd.js

@@ -1 +1 @@
-(function(a,l){typeof exports=="object"&&typeof module<"u"?l(exports,require("vue"),require("iking-utils-pro")):typeof define=="function"&&define.amd?define(["exports","vue","iking-utils-pro"],l):(a=typeof globalThis<"u"?globalThis:a||self,l(a.index={},a.vue,a["iking-utils-pro"]))})(this,function(a,l,u){"use strict";const p=(n,s)=>{if(n.install=e=>{for(const o of[n,...Object.values(s??{})])e.component(o.name,o)},s)for(const[e,o]of Object.entries(s))n[e]=o;return n},m={key:0,class:"ik-svg-icon ik-icon-span inline-block inline-flex justify-center box-content line-height-[0]"},d={key:1,class:"h-[1em] w-[1em]","aria-hidden":"true"},y=["xlink:href"],f=["src"],g={key:1,class:"h-[1em] w-[1em]","aria-hidden":"true"},k=["xlink:href"],v=["src"],h=l.defineComponent({name:"IkSvgIcon",__name:"index",props:{active:{type:Boolean,default:!1},bg:{type:Boolean,default:!1},color:{},colorLight:{},disabled:{type:Boolean,default:!1},error:{type:Boolean},flip:{},name:{},notip:{type:Boolean,default:!1},opacity:{default:.5},padding:{default:"6px"},primary:{type:Boolean},rotate:{},showBg:{type:Boolean,default:!1},size:{default:""},success:{type:Boolean},tableIconType:{},title:{},type:{},warning:{type:Boolean},width:{}},setup(n){const s=n,e=l.computed(()=>s),o=l.computed(()=>{const{name:t}=e.value;return/^http?:\/\//.test(t)?"img":/i-[^:]+:[^:]+/.test(t)?"unocss":t!=null&&t.startsWith("iksig")?"iksig":t!=null&&t.includes(":")?"iconify":t!=null&&t.startsWith("iksvg")?"svg":"i"}),i=l.computed(()=>{const t=[];if(e.value.flip)switch(e.value.flip){case"horizontal":t.push("rotateY(180deg)");break;case"vertical":t.push("rotateX(180deg)");break;case"both":t.push("rotateX(180deg)"),t.push("rotateY(180deg)");break}e.value.rotate&&t.push(`rotate(${e.value.rotate%360}deg)`);const c={...e.value.color&&{color:e.value.color},...e.value.size&&{fontSize:typeof e.value.size=="number"?`${e.value.size}px`:e.value.size},...t.length&&{transform:t.join(" ")},padding:e.value.showBg||e.value.bg?e.value.padding:0,...e.value.color&&o.value!=="iksig"?{"--ik-color-icon-dark":e.value.color,"--ik-color-icon-light":e.value.colorLight||u.ikColor.setOpacity(e.value.color,e.value.opacity)}:{}};return e.value.width&&(c.width=c.height=typeof e.value.width=="number"?`${e.value.width}px`:e.value.width),c});return(t,c)=>{const _=l.resolveComponent("el-tooltip"),B=l.resolveComponent("el-button");return e.value.tableIconType==="icon"||!e.value.tableIconType?(l.openBlock(),l.createElementBlock("span",m,[e.value.notip||!e.value.title?(l.openBlock(),l.createElementBlock("i",{key:0,class:l.normalizeClass(["ik-svg-icon ik-icon relative h-[1em] w-[1em] inline-flex items-center justify-center fill-current leading-[1em] transition",{[t.name]:o.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:t.success||e.value.type==="success",error:e.value.error||e.value.type==="error",active:e.value.active,disabled:e.value.disabled}]),style:l.normalizeStyle(i.value)},[l.createCommentVNode(` <Icon v-if="outputType === 'iconify'" :icon="name" /> `),o.value==="iksig"?(l.openBlock(),l.createElementBlock("i",{key:0,class:l.normalizeClass(`iksig ${e.value.name}`),style:l.normalizeStyle(i.value)},null,6)):o.value==="svg"?(l.openBlock(),l.createElementBlock("svg",d,[l.createElementVNode("use",{"xlink:href":`#${e.value.name}`},null,8,y)])):o.value==="img"?(l.openBlock(),l.createElementBlock("img",{key:2,src:e.value.name,class:"h-[1em] w-[1em]"},null,8,f)):(l.openBlock(),l.createElementBlock("i",{key:3,class:l.normalizeClass(e.value.name),style:l.normalizeStyle(i.value)},null,6))],6)):(l.openBlock(),l.createBlock(_,{key:1,content:e.value.title,placement:"top"},{default:l.withCtx(()=>[l.createElementVNode("i",{class:l.normalizeClass(["ik-svg-icon ik-icon relative h-[1em] w-[1em] inline-flex items-center justify-center fill-current leading-[1em] transition",{[t.name]:o.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:t.primary||e.value.type==="primary",success:t.success||e.value.type==="success",error:e.value.error||e.value.type==="error",active:e.value.active}]),style:l.normalizeStyle(i.value)},[o.value==="iksig"?(l.openBlock(),l.createElementBlock("i",{key:0,class:l.normalizeClass(`iksig ${e.value.name}`),style:l.normalizeStyle(i.value)},null,6)):o.value==="svg"?(l.openBlock(),l.createElementBlock("svg",g,[l.createElementVNode("use",{"xlink:href":`#${e.value.name}`},null,8,k)])):o.value==="img"?(l.openBlock(),l.createElementBlock("img",{key:2,src:e.value.name,class:"h-[1em] w-[1em]"},null,8,v)):(l.openBlock(),l.createElementBlock("i",{key:3,class:l.normalizeClass(e.value.name),style:l.normalizeStyle(i.value)},null,6))],6)]),_:1},8,["content"]))])):(l.openBlock(),l.createBlock(B,{key:1,type:["warning","error"].includes(e.value.type)?"danger":""},{default:l.withCtx(()=>[l.createTextVNode(l.toDisplayString(e.value.title),1)]),_:1},8,["type"]))}}}),w="",r=p(((n,s)=>{const e=n.__vccOpts||n;for(const[o,i]of s)e[o]=i;return e})(h,[["__scopeId","data-v-a7ec508a"]]));a.IkSvgIcon=r,a.default=r,Object.defineProperties(a,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(a,l){typeof exports=="object"&&typeof module<"u"?l(exports,require("vue"),require("iking-utils-pro")):typeof define=="function"&&define.amd?define(["exports","vue","iking-utils-pro"],l):(a=typeof globalThis<"u"?globalThis:a||self,l(a.index={},a.vue,a["iking-utils-pro"]))})(this,function(a,l,d){"use strict";const m=(i,s)=>{if(i.install=n=>{for(const e of[i,...Object.values(s??{})])n.component(e.name,e)},s)for(const[n,e]of Object.entries(s))i[n]=e;return i},f={key:0,class:"ik-svg-icon ik-icon-span inline-block inline-flex justify-center box-content line-height-[0]"},y={key:1,class:"h-[1em] w-[1em]","aria-hidden":"true"},k=["xlink:href"],g=["src"],v={key:1,class:"h-[1em] w-[1em]","aria-hidden":"true"},h=["xlink:href"],_=["src"],B=l.defineComponent({name:"IkSvgIcon",__name:"index",props:{active:{type:Boolean,default:!1},bg:{type:Boolean,default:!1},color:{},colorLight:{},disabled:{type:Boolean,default:!1},error:{type:Boolean},flip:{},name:{},notip:{type:Boolean,default:!1},opacity:{default:.5},padding:{default:"6px"},primary:{type:Boolean},rotate:{},showBg:{type:Boolean,default:!1},size:{default:""},success:{type:Boolean},tableIconType:{},title:{},type:{},warning:{type:Boolean},width:{}},emits:["click"],setup(i,{emit:s}){const n=i,e=l.computed(()=>n),o=l.computed(()=>{const{name:t}=e.value;return/^http?:\/\//.test(t)?"img":/i-[^:]+:[^:]+/.test(t)?"unocss":t!=null&&t.startsWith("iksig")?"iksig":t!=null&&t.includes(":")?"iconify":t!=null&&t.startsWith("iksvg")?"svg":"i"}),c=l.computed(()=>{const t=[];if(e.value.flip)switch(e.value.flip){case"horizontal":t.push("rotateY(180deg)");break;case"vertical":t.push("rotateX(180deg)");break;case"both":t.push("rotateX(180deg)"),t.push("rotateY(180deg)");break}e.value.rotate&&t.push(`rotate(${e.value.rotate%360}deg)`);const r={...e.value.color&&{color:e.value.color},...e.value.size&&{fontSize:typeof e.value.size=="number"?`${e.value.size}px`:e.value.size},...t.length&&{transform:t.join(" ")},padding:e.value.showBg||e.value.bg?e.value.padding:0,...e.value.color&&o.value!=="iksig"?{"--ik-color-icon-dark":e.value.color,"--ik-color-icon-light":e.value.colorLight||d.ikColor.setOpacity(e.value.color,e.value.opacity)}:{}};return e.value.width&&(r.width=r.height=typeof e.value.width=="number"?`${e.value.width}px`:e.value.width),r}),w=s,u=t=>{e.value.disabled||w("click",t)};return(t,r)=>{const b=l.resolveComponent("el-tooltip"),z=l.resolveComponent("el-button");return e.value.tableIconType==="icon"||!e.value.tableIconType?(l.openBlock(),l.createElementBlock("span",f,[e.value.notip||!e.value.title?(l.openBlock(),l.createElementBlock("i",{key:0,onClick:l.withModifiers(u,["stop"]),class:l.normalizeClass(["ik-svg-icon ik-icon relative h-[1em] w-[1em] inline-flex items-center justify-center fill-current leading-[1em] transition",{[t.name]:o.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:t.success||e.value.type==="success",error:e.value.error||e.value.type==="error",active:e.value.active,disabled:e.value.disabled}]),style:l.normalizeStyle(c.value)},[l.createCommentVNode(` <Icon v-if="outputType === 'iconify'" :icon="name" /> `),o.value==="iksig"?(l.openBlock(),l.createElementBlock("i",{key:0,class:l.normalizeClass(`iksig ${e.value.name}`),style:l.normalizeStyle(c.value)},null,6)):o.value==="svg"?(l.openBlock(),l.createElementBlock("svg",y,[l.createElementVNode("use",{"xlink:href":`#${e.value.name}`},null,8,k)])):o.value==="img"?(l.openBlock(),l.createElementBlock("img",{key:2,src:e.value.name,class:"h-[1em] w-[1em]"},null,8,g)):(l.openBlock(),l.createElementBlock("i",{key:3,class:l.normalizeClass(e.value.name),style:l.normalizeStyle(c.value)},null,6))],6)):(l.openBlock(),l.createBlock(b,{key:1,content:e.value.title,placement:"top"},{default:l.withCtx(()=>[l.createElementVNode("i",{class:l.normalizeClass(["ik-svg-icon ik-icon relative h-[1em] w-[1em] inline-flex items-center justify-center fill-current leading-[1em] transition",{[t.name]:o.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:t.primary||e.value.type==="primary",success:t.success||e.value.type==="success",error:e.value.error||e.value.type==="error",active:e.value.active}]),onClick:l.withModifiers(u,["stop"]),style:l.normalizeStyle(c.value)},[o.value==="iksig"?(l.openBlock(),l.createElementBlock("i",{key:0,class:l.normalizeClass(`iksig ${e.value.name}`),style:l.normalizeStyle(c.value)},null,6)):o.value==="svg"?(l.openBlock(),l.createElementBlock("svg",v,[l.createElementVNode("use",{"xlink:href":`#${e.value.name}`},null,8,h)])):o.value==="img"?(l.openBlock(),l.createElementBlock("img",{key:2,src:e.value.name,class:"h-[1em] w-[1em]"},null,8,_)):(l.openBlock(),l.createElementBlock("i",{key:3,class:l.normalizeClass(e.value.name),style:l.normalizeStyle(c.value)},null,6))],6)]),_:1},8,["content"]))])):(l.openBlock(),l.createBlock(z,{key:1,type:["warning","error"].includes(e.value.type)?"danger":"",onClick:l.withModifiers(u,["stop"])},{default:l.withCtx(()=>[l.createTextVNode(l.toDisplayString(e.value.title),1)]),_:1},8,["type"]))}}}),C="",p=m(((i,s)=>{const n=i.__vccOpts||i;for(const[e,o]of s)n[e]=o;return n})(B,[["__scopeId","data-v-4a1004b9"]]));a.IkSvgIcon=p,a.default=p,Object.defineProperties(a,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/dist/IkSvgIcon/style.css

@@ -1 +1 @@
-.row-title[data-v-a7ec508a]{display:flex}.ik-svg-icon.ik-icon-span[data-v-a7ec508a]:not(:first-child){margin-left:var(--ik-margin-s-12)}
+.row-title[data-v-4a1004b9]{display:flex}.ik-svg-icon.ik-icon-span[data-v-4a1004b9]:not(:first-child){margin-left:var(--ik-margin-s-12)}