iking-web-ui-pro 0.1.6 → 0.1.7

package/dist/IKDetailPreviewFiles/index.es.js

@@ -1,4 +1,4 @@
-import { defineComponent as S, ref as _, computed as F, watch as P, openBlock as s, createBlock as T, unref as x, withCtx as j, createElementVNode as p, resolveComponent as N, createElementBlock as a, normalizeClass as b, normalizeStyle as h, createCommentVNode as $, Fragment as z, renderList as I, createVNode as w, toDisplayString as A, pushScopeId as W, popScopeId as q } from "vue";
+import { defineComponent as S, ref as _, computed as F, watch as P, openBlock as s, createBlock as T, unref as $, withCtx as j, createElementVNode as p, resolveComponent as N, createElementBlock as a, normalizeClass as w, normalizeStyle as h, createCommentVNode as b, Fragment as z, renderList as I, createVNode as x, toDisplayString as A, pushScopeId as W, popScopeId as q } from "vue";
 import { ElDialog as R } from "element-plus";
 import { ikColor as G } from "iking-utils-pro";
 const B = (l, e) => {
@@ -46,7 +46,7 @@ const J = (l) => l.replace(/=/g, "").replace(/[+\/]/g, (e) => e == "+" ? "-" : "
     var e = 65536 + (l.charCodeAt(0) - 55296) * 1024 + (l.charCodeAt(1) - 56320);
     return d(240 | e >>> 18 & 7) + d(128 | e >>> 12 & 63) + d(128 | e >>> 6 & 63) + d(128 | e & 63);
   }
-}, ee = /[\uD800-\uDBFF][\uDC00-\uDFFFF]|[^\x00-\x7F]/g, le = (l) => l.replace(ee, Z), V = U ? (l) => Buffer.from(l, "utf8").toString("base64") : D ? (l) => Q(D.encode(l)) : (l) => K(le(l)), oe = (l, e = !1) => e ? J(V(l)) : V(l), te = ["src"], re = /* @__PURE__ */ S({
+}, ee = /[\uD800-\uDBFF][\uDC00-\uDFFFF]|[^\x00-\x7F]/g, le = (l) => l.replace(ee, Z), V = U ? (l) => Buffer.from(l, "utf8").toString("base64") : D ? (l) => Q(D.encode(l)) : (l) => K(le(l)), oe = (l, e = !1) => e ? J(V(l)) : V(l), ie = ["src"], re = /* @__PURE__ */ S({
   __name: "IKPreviewFile",
   props: {
     modelValue: {
@@ -82,7 +82,7 @@ const J = (l) => l.replace(/=/g, "").replace(/[+\/]/g, (e) => e == "+" ? "-" : "
     )}`), o = _(e.modelValue);
     return P(() => e.modelValue, (c) => {
       o.value = c;
-    }), (c, u) => (s(), T(x(R), {
+    }), (c, u) => (s(), T($(R), {
       fullscreen: "",
       modelValue: o.value,
       "onUpdate:modelValue": u[0] || (u[0] = (g) => o.value = g),
@@ -101,14 +101,14 @@ const J = (l) => l.replace(/=/g, "").replace(/[+\/]/g, (e) => e == "+" ? "-" : "
           frameborder: "0",
           allowfullscreen: "",
           seamless: ""
-        }, null, 8, te)
+        }, null, 8, ie)
       ]),
       _: 1
       /* STABLE */
     }, 8, ["modelValue"]));
   }
 });
-const ne = B(re), ie = { class: "inline-block ik-svg-icon ik-icon line-height-[0] inline-flex justify-center" }, se = {
+const ne = B(re), te = { class: "ik-svg-icon ik-icon inline-block inline-flex justify-center line-height-[0]" }, se = {
   key: 1,
   class: "h-[1em] w-[1em]",
   "aria-hidden": "true"
@@ -129,6 +129,7 @@ const ne = B(re), ie = { class: "inline-block ik-svg-icon ik-icon line-height-[0
     bg: { type: Boolean, default: !1 },
     showBg: { type: Boolean, default: !1 },
     padding: { default: "0" },
+    primary: { type: Boolean },
     warning: { type: Boolean },
     notip: { type: Boolean, default: !1 },
     title: {},
@@ -163,7 +164,7 @@ const ne = B(re), ie = { class: "inline-block ik-svg-icon ik-icon line-height-[0
           "--ik-color-icon-dark": e.color,
           "--ik-color-icon-light": G.setOpacity(e.color, e.opacity || 0.4)
         } : {},
-        ...e.type === "primary" ? {
+        ...e.type === "primary" || e.primary ? {
           "--ik-color-icon-dark": "var(--ik-theme-color)",
           "--ik-color-icon-light": "var(--ik-color-icon-light-hover)",
           "--ik-color-bg-icon": "var(--ik-color-bg-button-secondary)"
@@ -176,27 +177,31 @@ const ne = B(re), ie = { class: "inline-block ik-svg-icon ik-icon line-height-[0
     });
     return (o, c) => {
       const u = N("el-tooltip");
-      return s(), a("span", ie, [
+      return s(), a("span", te, [
         o.notip || !o.title ? (s(), a(
           "i",
           {
             key: 0,
-            class: b(["relative h-[1em] w-[1em] flex-inline items-center justify-center fill-current leading-[1em] transition", {
+            class: w(["ik-svg-icon ik-icon relative h-[1em] w-[1em] inline-flex items-center justify-center fill-current leading-[1em] transition", {
               [o.name]: r.value === "unocss",
               "show-bg": o.showBg || o.bg,
               default: o.size === "default",
               small: o.size === "small",
               big: o.size === "big",
-              warning: o.warning
+              warning: o.warning,
+              primary: o.primary,
+              active: o.active,
+              disabled: o.disabled
             }]),
             style: h(n.value)
           },
           [
+            b(` <Icon v-if="outputType === 'iconify'" :icon="name" /> `),
             r.value === "iksig" ? (s(), a(
               "i",
               {
                 key: 0,
-                class: b(`iksig ${o.name}`),
+                class: w(`iksig ${o.name}`),
                 style: h(n.value)
               },
               null,
@@ -210,25 +215,28 @@ const ne = B(re), ie = { class: "inline-block ik-svg-icon ik-icon line-height-[0
               key: 2,
               src: o.name,
               class: "h-[1em] w-[1em]"
-            }, null, 8, ce)) : $("v-if", !0)
+            }, null, 8, ce)) : b("v-if", !0)
           ],
           6
           /* CLASS, STYLE */
         )) : (s(), T(u, {
           key: 1,
-          content: o.title
+          content: o.title,
+          placement: "right"
         }, {
           default: j(() => [
             p(
               "i",
               {
-                class: b(["ik-svg-icon ik-icon relative h-[1em] w-[1em] flex-inline items-center justify-center fill-current leading-[1em] transition", {
+                class: w(["ik-svg-icon ik-icon relative h-[1em] w-[1em] inline-flex items-center justify-center fill-current leading-[1em] transition", {
                   [o.name]: r.value === "unocss",
                   "show-bg": o.showBg || o.bg,
                   default: o.size === "default",
+                  primary: o.primary,
                   small: o.size === "small",
                   big: o.size === "big",
-                  warning: o.warning
+                  warning: o.warning,
+                  active: o.active
                 }]),
                 style: h(n.value)
               },
@@ -237,7 +245,7 @@ const ne = B(re), ie = { class: "inline-block ik-svg-icon ik-icon line-height-[0
                   "i",
                   {
                     key: 0,
-                    class: b(`iksig ${o.name}`),
+                    class: w(`iksig ${o.name}`),
                     style: h(n.value)
                   },
                   null,
@@ -251,7 +259,7 @@ const ne = B(re), ie = { class: "inline-block ik-svg-icon ik-icon line-height-[0
                   key: 2,
                   src: o.name,
                   class: "h-[1em] w-[1em]"
-                }, null, 8, de)) : $("v-if", !0)
+                }, null, 8, de)) : b("v-if", !0)
               ],
               6
               /* CLASS, STYLE */
@@ -266,10 +274,10 @@ const ne = B(re), ie = { class: "inline-block ik-svg-icon ik-icon line-height-[0
 }), E = B(pe), ge = (l) => (W("data-v-bbc42bc9"), l = l(), q(), l), ve = {
   key: 0,
   class: "preview-files"
-}, me = {
+}, ye = {
   class: "flex",
   style: { width: "80%", "align-items": "center" }
-}, ye = ["onClick"], he = ["title"], ke = { style: { color: "#b8c6d9" } }, _e = ["onClick"], be = /* @__PURE__ */ ge(() => /* @__PURE__ */ p(
+}, me = ["onClick"], he = ["title"], ke = { style: { color: "#b8c6d9" } }, _e = ["onClick"], be = /* @__PURE__ */ ge(() => /* @__PURE__ */ p(
   "span",
   null,
   "预览",
@@ -316,36 +324,36 @@ const ne = B(re), ie = { class: "inline-block ik-svg-icon ik-icon line-height-[0
     const e = l, r = _(e.fileList);
     P(
       () => e.fileList,
-      (t) => {
-        t && (r.value = t);
+      (i) => {
+        i && (r.value = i);
       },
       { immediate: !0 }
     );
-    const n = _(!1), o = _({}), c = (t) => {
+    const n = _(!1), o = _({}), c = (i) => {
       o.value = {
-        id: t.ossFileId || t.url,
-        name: `${t.id}.${t.suffix}`
+        id: i.ossFileId || i.url,
+        name: `${i.id}.${i.suffix}`
         // row.originName
       }, n.value = !0;
-    }, u = (t) => {
-      var f, y, v, m, i;
-      return (f = t == null ? void 0 : t.suffix) != null && f.includes("pdf") ? "iksvg_pdf" : (y = t == null ? void 0 : t.suffix) != null && y.includes("doc") ? "iksvg_word" : (v = t == null ? void 0 : t.suffix) != null && v.includes("xls") ? "iksvg_excel" : (m = t == null ? void 0 : t.suffix) != null && m.includes("mov") ? "iksvg_mov" : (i = t == null ? void 0 : t.suffix) != null && i.includes("zip") ? "iksvg_zip" : "icon-jpg";
-    }, g = (t) => {
-      var f, y, v, m, i;
-      return (f = t == null ? void 0 : t.suffix) != null && f.includes("pdf") ? "#FA4E4E" : (y = t == null ? void 0 : t.suffix) != null && y.includes("doc") ? "#2c69e0" : (v = t.suffix) != null && v.includes("xls") ? "#39BFBF" : (m = t.suffix) != null && m.includes("txt") ? "#2c69e0" : (i = t.suffix) != null && i.includes("zip") ? "#FF9000" : "#32CD79";
-    }, L = (t) => {
+    }, u = (i) => {
+      var f, m, v, y, t;
+      return (f = i == null ? void 0 : i.suffix) != null && f.includes("pdf") ? "iksvg_pdf" : (m = i == null ? void 0 : i.suffix) != null && m.includes("doc") ? "iksvg_word" : (v = i == null ? void 0 : i.suffix) != null && v.includes("xls") ? "iksvg_excel" : (y = i == null ? void 0 : i.suffix) != null && y.includes("mov") ? "iksvg_mov" : (t = i == null ? void 0 : i.suffix) != null && t.includes("zip") ? "iksvg_zip" : "icon-jpg";
+    }, g = (i) => {
+      var f, m, v, y, t;
+      return (f = i == null ? void 0 : i.suffix) != null && f.includes("pdf") ? "#FA4E4E" : (m = i == null ? void 0 : i.suffix) != null && m.includes("doc") ? "#2c69e0" : (v = i.suffix) != null && v.includes("xls") ? "#39BFBF" : (y = i.suffix) != null && y.includes("txt") ? "#2c69e0" : (t = i.suffix) != null && t.includes("zip") ? "#FF9000" : "#32CD79";
+    }, L = (i) => {
       const f = document.createElement("a");
-      f.href = loadUrl + t.ossFileId, f.download = t.originName, f.click();
+      f.href = loadUrl + i.ossFileId, f.download = i.originName, f.click();
     };
-    return (t, f) => {
-      var v, m;
-      const y = N("el-image");
+    return (i, f) => {
+      var v, y;
+      const m = N("el-image");
       return s(), a("div", null, [
         e.fileType === "file" ? (s(), a("div", ve, [
           (s(!0), a(
             z,
             null,
-            I(r.value, (i, C) => (s(), a(
+            I(r.value, (t, C) => (s(), a(
               "div",
               {
                 key: C,
@@ -356,33 +364,33 @@ const ne = B(re), ie = { class: "inline-block ik-svg-icon ik-icon line-height-[0
                 })
               },
               [
-                p("div", me, [
-                  w(x(E), {
-                    name: u(i),
-                    style: h(`color:${g(i)}`),
+                p("div", ye, [
+                  x($(E), {
+                    name: u(t),
+                    style: h(`color:${g(t)}`),
                     size: 36
                   }, null, 8, ["name", "style"]),
                   p("div", {
                     class: "file-name",
-                    onClick: (O) => L(i)
+                    onClick: (O) => L(t)
                   }, [
                     p("p", {
-                      title: i.originName
-                    }, A(i.originName), 9, he),
+                      title: t.originName
+                    }, A(t.originName), 9, he),
                     p(
                       "p",
                       ke,
-                      A((i.fileSize / 1024).toFixed(2)) + "KB",
+                      A((t.fileSize / 1024).toFixed(2)) + "KB",
                       1
                       /* TEXT */
                     )
-                  ], 8, ye)
+                  ], 8, me)
                 ]),
                 p("div", {
                   class: "file-preview",
-                  onClick: (O) => c(i)
+                  onClick: (O) => c(t)
                 }, [
-                  w(x(E), { name: "iksvg_yulan" }),
+                  x($(E), { name: "iksvg_yulan" }),
                   be
                 ], 8, _e)
               ],
@@ -392,33 +400,33 @@ const ne = B(re), ie = { class: "inline-block ik-svg-icon ik-icon line-height-[0
             128
             /* KEYED_FRAGMENT */
           ))
-        ])) : $("v-if", !0),
+        ])) : b("v-if", !0),
         e.fileType === "img" ? (s(), a("div", we, [
           (s(!0), a(
             z,
             null,
-            I(r.value, (i, C) => (s(), a("div", {
+            I(r.value, (t, C) => (s(), a("div", {
               key: C,
               class: "preview-img"
             }, [
-              w(y, {
+              x(m, {
                 class: "show-img",
-                src: l.loadUrl + i.url,
-                "preview-src-list": [l.loadUrl + i.url],
+                src: l.loadUrl + t.url,
+                "preview-src-list": [l.loadUrl + t.url],
                 fit: "cover"
               }, null, 8, ["src", "preview-src-list"])
             ]))),
             128
             /* KEYED_FRAGMENT */
           ))
-        ])) : $("v-if", !0),
-        w(x(ne), {
+        ])) : b("v-if", !0),
+        x($(ne), {
           modelValue: n.value,
-          "onUpdate:modelValue": f[0] || (f[0] = (i) => n.value = i),
+          "onUpdate:modelValue": f[0] || (f[0] = (t) => n.value = t),
           "load-url": e.urlPreview,
           url: (v = o.value) == null ? void 0 : v.id,
           "kk-url": l.previewUrl,
-          "file-name": (m = o.value) == null ? void 0 : m.name
+          "file-name": (y = o.value) == null ? void 0 : y.name
         }, null, 8, ["modelValue", "load-url", "url", "kk-url", "file-name"])
       ]);
     };

package/dist/IKDetailPreviewFiles/index.umd.js

@@ -1 +1 @@
-(function(d,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("element-plus"),require("iking-utils-pro")):typeof define=="function"&&define.amd?define(["exports","vue","element-plus","iking-utils-pro"],e):(d=typeof globalThis<"u"?globalThis:d||self,e(d.index={},d.Vue,d["element-plus"],d["iking-utils-pro"]))})(this,function(d,e,S,$){"use strict";const h=(o,l)=>{if(o.install=r=>{for(const i of[o,...Object.values(l??{})])r.component(i.name,i)},l)for(const[r,i]of Object.entries(l))o[r]=i;return o},V=(o,l)=>{const r=o.__vccOpts||o;for(const[i,t]of l)r[i]=t;return r},re="",z=typeof btoa=="function",_=typeof Buffer=="function";typeof TextDecoder=="function"&&new TextDecoder;const b=typeof TextEncoder=="function"?new TextEncoder:void 0,F="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=",y=Array.prototype.slice.call(F);(o=>{let l={};return o.forEach((r,i)=>l[r]=i),l})(y);const u=String.fromCharCode.bind(String);typeof Uint8Array.from=="function"&&Uint8Array.from.bind(Uint8Array);const N=o=>o.replace(/=/g,"").replace(/[+\/]/g,l=>l=="+"?"-":"_"),B=z?o=>btoa(o):_?o=>Buffer.from(o,"binary").toString("base64"):o=>{let l,r,i,t,a="";const c=o.length%3;for(let p=0;p<o.length;){if((r=o.charCodeAt(p++))>255||(i=o.charCodeAt(p++))>255||(t=o.charCodeAt(p++))>255)throw new TypeError("invalid character found");l=r<<16|i<<8|t,a+=y[l>>18&63]+y[l>>12&63]+y[l>>6&63]+y[l&63]}return c?a.slice(0,c-3)+"===".substring(c):a},v=_?o=>Buffer.from(o).toString("base64"):o=>{let r=[];for(let i=0,t=o.length;i<t;i+=4096)r.push(u.apply(null,o.subarray(i,i+4096)));return B(r.join(""))},U=o=>{if(o.length<2){var l=o.charCodeAt(0);return l<128?o:l<2048?u(192|l>>>6)+u(128|l&63):u(224|l>>>12&15)+u(128|l>>>6&63)+u(128|l&63)}else{var l=65536+(o.charCodeAt(0)-55296)*1024+(o.charCodeAt(1)-56320);return u(240|l>>>18&7)+u(128|l>>>12&63)+u(128|l>>>6&63)+u(128|l&63)}},I=/[\uD800-\uDBFF][\uDC00-\uDFFFF]|[^\x00-\x7F]/g,D=o=>o.replace(I,U),x=_?o=>Buffer.from(o,"utf8").toString("base64"):b?o=>v(b.encode(o)):o=>B(D(o)),A=(o,l=!1)=>l?N(x(o)):x(o),P=["src"],T=e.defineComponent({__name:"IKPreviewFile",props:{modelValue:{type:Boolean,default:!1},kkUrl:{required:!0,type:String,default:""},url:{required:!0,type:String,default:""},loadUrl:{type:String,default:""},fileName:{type:String,default:""}},setup(o){const l=o,r=e.ref(null),i=e.computed(()=>!l.kkUrl||!l.url?"":`${l.kkUrl}${encodeURIComponent(A(`${l.loadUrl}${l.url}${l.fileName?`&fullfilename=${l.fileName}`:""}`))}`),t=e.ref(l.modelValue);return e.watch(()=>l.modelValue,a=>{t.value=a}),(a,c)=>(e.openBlock(),e.createBlock(e.unref(S.ElDialog),{fullscreen:"",modelValue:t.value,"onUpdate:modelValue":c[0]||(c[0]=p=>t.value=p),"destroy-on-close":"","append-to-body":"","modal-class":"ik-file-preview-modal",onClose:c[1]||(c[1]=p=>a.$emit("update:modelValue",!1)),class:"ik-file-preview"},{default:e.withCtx(()=>[e.createElementVNode("iframe",{ref_key:"freamRef",ref:r,"cross-origin":"",src:i.value,frameborder:"0",allowfullscreen:"",seamless:""},null,8,P)]),_:1},8,["modelValue"]))}}),se="",j=h(T),K={class:"inline-block ik-svg-icon ik-icon line-height-[0] inline-flex justify-center"},q={key:1,class:"h-[1em] w-[1em]","aria-hidden":"true"},L=["xlink:href"],O=["src"],W={key:1,class:"h-[1em] w-[1em]","aria-hidden":"true"},R=["xlink:href"],G=["src"],C=h(e.defineComponent({name:"IkSvgIcon",__name:"index",props:{name:{},flip:{},rotate:{},color:{},opacity:{default:.5},size:{default:""},bg:{type:Boolean,default:!1},showBg:{type:Boolean,default:!1},padding:{default:"0"},warning:{type:Boolean},notip:{type:Boolean,default:!1},title:{},type:{},active:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},setup(o){const l=o,r=e.computed(()=>{var t,a;return/^http?:\/\//.test(l.name)?"img":/i-[^:]+:[^:]+/.test(l.name)?"unocss":(t=l.name)!=null&&t.startsWith("iksig")?"iksig":(a=l.name)!=null&&a.includes(":")?"iconify":"svg"}),i=e.computed(()=>{const t=[];if(l.flip)switch(l.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}return l.rotate&&t.push(`rotate(${l.rotate%360}deg)`),{...l.color&&{color:l.color},...l.size&&{fontSize:typeof l.size=="number"?`${l.size}px`:l.size},...t.length&&{transform:t.join(" ")},padding:l.padding,...l.color&&r.value!=="iksig"?{"--ik-color-icon-dark":l.color,"--ik-color-icon-light":$.ikColor.setOpacity(l.color,l.opacity||.4)}:{},...l.type==="primary"?{"--ik-color-icon-dark":"var(--ik-theme-color)","--ik-color-icon-light":"var(--ik-color-icon-light-hover)","--ik-color-bg-icon":"var(--ik-color-bg-button-secondary)"}:l.type==="warning"?{"--ik-color-icon-dark":"var(--ik-color-error)","--ik-color-icon-light":"var(--ik-color-icon-error-light)","--ik-color-bg-icon":"var(--ik-color-icon-error-bg)"}:{}}});return(t,a)=>{const c=e.resolveComponent("el-tooltip");return e.openBlock(),e.createElementBlock("span",K,[t.notip||!t.title?(e.openBlock(),e.createElementBlock("i",{key:0,class:e.normalizeClass(["relative h-[1em] w-[1em] flex-inline items-center justify-center fill-current leading-[1em] transition",{[t.name]:r.value==="unocss","show-bg":t.showBg||t.bg,default:t.size==="default",small:t.size==="small",big:t.size==="big",warning:t.warning}]),style:e.normalizeStyle(i.value)},[r.value==="iksig"?(e.openBlock(),e.createElementBlock("i",{key:0,class:e.normalizeClass(`iksig ${t.name}`),style:e.normalizeStyle(i.value)},null,6)):r.value==="svg"?(e.openBlock(),e.createElementBlock("svg",q,[e.createElementVNode("use",{"xlink:href":`#${t.name}`},null,8,L)])):r.value==="img"?(e.openBlock(),e.createElementBlock("img",{key:2,src:t.name,class:"h-[1em] w-[1em]"},null,8,O)):e.createCommentVNode("v-if",!0)],6)):(e.openBlock(),e.createBlock(c,{key:1,content:t.title},{default:e.withCtx(()=>[e.createElementVNode("i",{class:e.normalizeClass(["ik-svg-icon ik-icon relative h-[1em] w-[1em] flex-inline items-center justify-center fill-current leading-[1em] transition",{[t.name]:r.value==="unocss","show-bg":t.showBg||t.bg,default:t.size==="default",small:t.size==="small",big:t.size==="big",warning:t.warning}]),style:e.normalizeStyle(i.value)},[r.value==="iksig"?(e.openBlock(),e.createElementBlock("i",{key:0,class:e.normalizeClass(`iksig ${t.name}`),style:e.normalizeStyle(i.value)},null,6)):r.value==="svg"?(e.openBlock(),e.createElementBlock("svg",W,[e.createElementVNode("use",{"xlink:href":`#${t.name}`},null,8,R)])):r.value==="img"?(e.openBlock(),e.createElementBlock("img",{key:2,src:t.name,class:"h-[1em] w-[1em]"},null,8,G)):e.createCommentVNode("v-if",!0)],6)]),_:1},8,["content"]))])}}})),M=o=>(e.pushScopeId("data-v-bbc42bc9"),o=o(),e.popScopeId(),o),X={key:0,class:"preview-files"},Y={class:"flex",style:{width:"80%","align-items":"center"}},H=["onClick"],J=["title"],Q={style:{color:"#b8c6d9"}},Z=["onClick"],ee=M(()=>e.createElementVNode("span",null,"预览",-1)),le={key:1,class:"flex preview-img"},oe=e.defineComponent({__name:"IKDetailPreviewFiles",props:{fileList:{type:Array,default:()=>[]},fileType:{type:String,default:"file"},fileWidth:{type:String,default:"100%"},loadUrl:{type:String,default:""},previewUrl:{required:!0,type:String,default:""},urlPreview:{type:String,default:`"${window.location.origin}/server/oss/download?fileUrl="`}},setup(o){const l=o,r=e.ref(l.fileList);e.watch(()=>l.fileList,n=>{n&&(r.value=n)},{immediate:!0});const i=e.ref(!1),t=e.ref({}),a=n=>{t.value={id:n.ossFileId||n.url,name:`${n.id}.${n.suffix}`},i.value=!0},c=n=>{var f,k,m,g,s;return(f=n==null?void 0:n.suffix)!=null&&f.includes("pdf")?"iksvg_pdf":(k=n==null?void 0:n.suffix)!=null&&k.includes("doc")?"iksvg_word":(m=n==null?void 0:n.suffix)!=null&&m.includes("xls")?"iksvg_excel":(g=n==null?void 0:n.suffix)!=null&&g.includes("mov")?"iksvg_mov":(s=n==null?void 0:n.suffix)!=null&&s.includes("zip")?"iksvg_zip":"icon-jpg"},p=n=>{var f,k,m,g,s;return(f=n==null?void 0:n.suffix)!=null&&f.includes("pdf")?"#FA4E4E":(k=n==null?void 0:n.suffix)!=null&&k.includes("doc")?"#2c69e0":(m=n.suffix)!=null&&m.includes("xls")?"#39BFBF":(g=n.suffix)!=null&&g.includes("txt")?"#2c69e0":(s=n.suffix)!=null&&s.includes("zip")?"#FF9000":"#32CD79"},te=n=>{const f=document.createElement("a");f.href=loadUrl+n.ossFileId,f.download=n.originName,f.click()};return(n,f)=>{var m,g;const k=e.resolveComponent("el-image");return e.openBlock(),e.createElementBlock("div",null,[l.fileType==="file"?(e.openBlock(),e.createElementBlock("div",X,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.value,(s,w)=>(e.openBlock(),e.createElementBlock("div",{key:w,class:"files-item",style:e.normalizeStyle({width:l.fileWidth,"margin-right":l.fileWidth==="100%"?"0px":""})},[e.createElementVNode("div",Y,[e.createVNode(e.unref(C),{name:c(s),style:e.normalizeStyle(`color:${p(s)}`),size:36},null,8,["name","style"]),e.createElementVNode("div",{class:"file-name",onClick:ne=>te(s)},[e.createElementVNode("p",{title:s.originName},e.toDisplayString(s.originName),9,J),e.createElementVNode("p",Q,e.toDisplayString((s.fileSize/1024).toFixed(2))+"KB",1)],8,H)]),e.createElementVNode("div",{class:"file-preview",onClick:ne=>a(s)},[e.createVNode(e.unref(C),{name:"iksvg_yulan"}),ee],8,Z)],4))),128))])):e.createCommentVNode("v-if",!0),l.fileType==="img"?(e.openBlock(),e.createElementBlock("div",le,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.value,(s,w)=>(e.openBlock(),e.createElementBlock("div",{key:w,class:"preview-img"},[e.createVNode(k,{class:"show-img",src:o.loadUrl+s.url,"preview-src-list":[o.loadUrl+s.url],fit:"cover"},null,8,["src","preview-src-list"])]))),128))])):e.createCommentVNode("v-if",!0),e.createVNode(e.unref(j),{modelValue:i.value,"onUpdate:modelValue":f[0]||(f[0]=s=>i.value=s),"load-url":l.urlPreview,url:(m=t.value)==null?void 0:m.id,"kk-url":o.previewUrl,"file-name":(g=t.value)==null?void 0:g.name},null,8,["modelValue","load-url","url","kk-url","file-name"])])}}}),ce="",E=h(V(oe,[["__scopeId","data-v-bbc42bc9"]]));d.IKDetailPreviewFiles=E,d.default=E,Object.defineProperties(d,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(d,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("element-plus"),require("iking-utils-pro")):typeof define=="function"&&define.amd?define(["exports","vue","element-plus","iking-utils-pro"],e):(d=typeof globalThis<"u"?globalThis:d||self,e(d.index={},d.Vue,d["element-plus"],d["iking-utils-pro"]))})(this,function(d,e,S,V){"use strict";const h=(o,l)=>{if(o.install=r=>{for(const i of[o,...Object.values(l??{})])r.component(i.name,i)},l)for(const[r,i]of Object.entries(l))o[r]=i;return o},$=(o,l)=>{const r=o.__vccOpts||o;for(const[i,t]of l)r[i]=t;return r},re="",z=typeof btoa=="function",_=typeof Buffer=="function";typeof TextDecoder=="function"&&new TextDecoder;const w=typeof TextEncoder=="function"?new TextEncoder:void 0,v="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=",y=Array.prototype.slice.call(v);(o=>{let l={};return o.forEach((r,i)=>l[r]=i),l})(y);const p=String.fromCharCode.bind(String);typeof Uint8Array.from=="function"&&Uint8Array.from.bind(Uint8Array);const F=o=>o.replace(/=/g,"").replace(/[+\/]/g,l=>l=="+"?"-":"_"),B=z?o=>btoa(o):_?o=>Buffer.from(o,"binary").toString("base64"):o=>{let l,r,i,t,a="";const c=o.length%3;for(let u=0;u<o.length;){if((r=o.charCodeAt(u++))>255||(i=o.charCodeAt(u++))>255||(t=o.charCodeAt(u++))>255)throw new TypeError("invalid character found");l=r<<16|i<<8|t,a+=y[l>>18&63]+y[l>>12&63]+y[l>>6&63]+y[l&63]}return c?a.slice(0,c-3)+"===".substring(c):a},N=_?o=>Buffer.from(o).toString("base64"):o=>{let r=[];for(let i=0,t=o.length;i<t;i+=4096)r.push(p.apply(null,o.subarray(i,i+4096)));return B(r.join(""))},U=o=>{if(o.length<2){var l=o.charCodeAt(0);return l<128?o:l<2048?p(192|l>>>6)+p(128|l&63):p(224|l>>>12&15)+p(128|l>>>6&63)+p(128|l&63)}else{var l=65536+(o.charCodeAt(0)-55296)*1024+(o.charCodeAt(1)-56320);return p(240|l>>>18&7)+p(128|l>>>12&63)+p(128|l>>>6&63)+p(128|l&63)}},I=/[\uD800-\uDBFF][\uDC00-\uDFFFF]|[^\x00-\x7F]/g,D=o=>o.replace(I,U),x=_?o=>Buffer.from(o,"utf8").toString("base64"):w?o=>N(w.encode(o)):o=>B(D(o)),A=(o,l=!1)=>l?F(x(o)):x(o),P=["src"],T=e.defineComponent({__name:"IKPreviewFile",props:{modelValue:{type:Boolean,default:!1},kkUrl:{required:!0,type:String,default:""},url:{required:!0,type:String,default:""},loadUrl:{type:String,default:""},fileName:{type:String,default:""}},setup(o){const l=o,r=e.ref(null),i=e.computed(()=>!l.kkUrl||!l.url?"":`${l.kkUrl}${encodeURIComponent(A(`${l.loadUrl}${l.url}${l.fileName?`&fullfilename=${l.fileName}`:""}`))}`),t=e.ref(l.modelValue);return e.watch(()=>l.modelValue,a=>{t.value=a}),(a,c)=>(e.openBlock(),e.createBlock(e.unref(S.ElDialog),{fullscreen:"",modelValue:t.value,"onUpdate:modelValue":c[0]||(c[0]=u=>t.value=u),"destroy-on-close":"","append-to-body":"","modal-class":"ik-file-preview-modal",onClose:c[1]||(c[1]=u=>a.$emit("update:modelValue",!1)),class:"ik-file-preview"},{default:e.withCtx(()=>[e.createElementVNode("iframe",{ref_key:"freamRef",ref:r,"cross-origin":"",src:i.value,frameborder:"0",allowfullscreen:"",seamless:""},null,8,P)]),_:1},8,["modelValue"]))}}),se="",j=h(T),K={class:"ik-svg-icon ik-icon inline-block inline-flex justify-center line-height-[0]"},q={key:1,class:"h-[1em] w-[1em]","aria-hidden":"true"},L=["xlink:href"],O=["src"],W={key:1,class:"h-[1em] w-[1em]","aria-hidden":"true"},R=["xlink:href"],G=["src"],C=h(e.defineComponent({name:"IkSvgIcon",__name:"index",props:{name:{},flip:{},rotate:{},color:{},opacity:{default:.5},size:{default:""},bg:{type:Boolean,default:!1},showBg:{type:Boolean,default:!1},padding:{default:"0"},primary:{type:Boolean},warning:{type:Boolean},notip:{type:Boolean,default:!1},title:{},type:{},active:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},setup(o){const l=o,r=e.computed(()=>{var t,a;return/^http?:\/\//.test(l.name)?"img":/i-[^:]+:[^:]+/.test(l.name)?"unocss":(t=l.name)!=null&&t.startsWith("iksig")?"iksig":(a=l.name)!=null&&a.includes(":")?"iconify":"svg"}),i=e.computed(()=>{const t=[];if(l.flip)switch(l.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}return l.rotate&&t.push(`rotate(${l.rotate%360}deg)`),{...l.color&&{color:l.color},...l.size&&{fontSize:typeof l.size=="number"?`${l.size}px`:l.size},...t.length&&{transform:t.join(" ")},padding:l.padding,...l.color&&r.value!=="iksig"?{"--ik-color-icon-dark":l.color,"--ik-color-icon-light":V.ikColor.setOpacity(l.color,l.opacity||.4)}:{},...l.type==="primary"||l.primary?{"--ik-color-icon-dark":"var(--ik-theme-color)","--ik-color-icon-light":"var(--ik-color-icon-light-hover)","--ik-color-bg-icon":"var(--ik-color-bg-button-secondary)"}:l.type==="warning"?{"--ik-color-icon-dark":"var(--ik-color-error)","--ik-color-icon-light":"var(--ik-color-icon-error-light)","--ik-color-bg-icon":"var(--ik-color-icon-error-bg)"}:{}}});return(t,a)=>{const c=e.resolveComponent("el-tooltip");return e.openBlock(),e.createElementBlock("span",K,[t.notip||!t.title?(e.openBlock(),e.createElementBlock("i",{key:0,class:e.normalizeClass(["ik-svg-icon ik-icon relative h-[1em] w-[1em] inline-flex items-center justify-center fill-current leading-[1em] transition",{[t.name]:r.value==="unocss","show-bg":t.showBg||t.bg,default:t.size==="default",small:t.size==="small",big:t.size==="big",warning:t.warning,primary:t.primary,active:t.active,disabled:t.disabled}]),style:e.normalizeStyle(i.value)},[e.createCommentVNode(` <Icon v-if="outputType === 'iconify'" :icon="name" /> `),r.value==="iksig"?(e.openBlock(),e.createElementBlock("i",{key:0,class:e.normalizeClass(`iksig ${t.name}`),style:e.normalizeStyle(i.value)},null,6)):r.value==="svg"?(e.openBlock(),e.createElementBlock("svg",q,[e.createElementVNode("use",{"xlink:href":`#${t.name}`},null,8,L)])):r.value==="img"?(e.openBlock(),e.createElementBlock("img",{key:2,src:t.name,class:"h-[1em] w-[1em]"},null,8,O)):e.createCommentVNode("v-if",!0)],6)):(e.openBlock(),e.createBlock(c,{key:1,content:t.title,placement:"right"},{default:e.withCtx(()=>[e.createElementVNode("i",{class:e.normalizeClass(["ik-svg-icon ik-icon relative h-[1em] w-[1em] inline-flex items-center justify-center fill-current leading-[1em] transition",{[t.name]:r.value==="unocss","show-bg":t.showBg||t.bg,default:t.size==="default",primary:t.primary,small:t.size==="small",big:t.size==="big",warning:t.warning,active:t.active}]),style:e.normalizeStyle(i.value)},[r.value==="iksig"?(e.openBlock(),e.createElementBlock("i",{key:0,class:e.normalizeClass(`iksig ${t.name}`),style:e.normalizeStyle(i.value)},null,6)):r.value==="svg"?(e.openBlock(),e.createElementBlock("svg",W,[e.createElementVNode("use",{"xlink:href":`#${t.name}`},null,8,R)])):r.value==="img"?(e.openBlock(),e.createElementBlock("img",{key:2,src:t.name,class:"h-[1em] w-[1em]"},null,8,G)):e.createCommentVNode("v-if",!0)],6)]),_:1},8,["content"]))])}}})),M=o=>(e.pushScopeId("data-v-bbc42bc9"),o=o(),e.popScopeId(),o),X={key:0,class:"preview-files"},Y={class:"flex",style:{width:"80%","align-items":"center"}},H=["onClick"],J=["title"],Q={style:{color:"#b8c6d9"}},Z=["onClick"],ee=M(()=>e.createElementVNode("span",null,"预览",-1)),le={key:1,class:"flex preview-img"},oe=e.defineComponent({__name:"IKDetailPreviewFiles",props:{fileList:{type:Array,default:()=>[]},fileType:{type:String,default:"file"},fileWidth:{type:String,default:"100%"},loadUrl:{type:String,default:""},previewUrl:{required:!0,type:String,default:""},urlPreview:{type:String,default:`"${window.location.origin}/server/oss/download?fileUrl="`}},setup(o){const l=o,r=e.ref(l.fileList);e.watch(()=>l.fileList,n=>{n&&(r.value=n)},{immediate:!0});const i=e.ref(!1),t=e.ref({}),a=n=>{t.value={id:n.ossFileId||n.url,name:`${n.id}.${n.suffix}`},i.value=!0},c=n=>{var f,k,m,g,s;return(f=n==null?void 0:n.suffix)!=null&&f.includes("pdf")?"iksvg_pdf":(k=n==null?void 0:n.suffix)!=null&&k.includes("doc")?"iksvg_word":(m=n==null?void 0:n.suffix)!=null&&m.includes("xls")?"iksvg_excel":(g=n==null?void 0:n.suffix)!=null&&g.includes("mov")?"iksvg_mov":(s=n==null?void 0:n.suffix)!=null&&s.includes("zip")?"iksvg_zip":"icon-jpg"},u=n=>{var f,k,m,g,s;return(f=n==null?void 0:n.suffix)!=null&&f.includes("pdf")?"#FA4E4E":(k=n==null?void 0:n.suffix)!=null&&k.includes("doc")?"#2c69e0":(m=n.suffix)!=null&&m.includes("xls")?"#39BFBF":(g=n.suffix)!=null&&g.includes("txt")?"#2c69e0":(s=n.suffix)!=null&&s.includes("zip")?"#FF9000":"#32CD79"},te=n=>{const f=document.createElement("a");f.href=loadUrl+n.ossFileId,f.download=n.originName,f.click()};return(n,f)=>{var m,g;const k=e.resolveComponent("el-image");return e.openBlock(),e.createElementBlock("div",null,[l.fileType==="file"?(e.openBlock(),e.createElementBlock("div",X,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.value,(s,b)=>(e.openBlock(),e.createElementBlock("div",{key:b,class:"files-item",style:e.normalizeStyle({width:l.fileWidth,"margin-right":l.fileWidth==="100%"?"0px":""})},[e.createElementVNode("div",Y,[e.createVNode(e.unref(C),{name:c(s),style:e.normalizeStyle(`color:${u(s)}`),size:36},null,8,["name","style"]),e.createElementVNode("div",{class:"file-name",onClick:ne=>te(s)},[e.createElementVNode("p",{title:s.originName},e.toDisplayString(s.originName),9,J),e.createElementVNode("p",Q,e.toDisplayString((s.fileSize/1024).toFixed(2))+"KB",1)],8,H)]),e.createElementVNode("div",{class:"file-preview",onClick:ne=>a(s)},[e.createVNode(e.unref(C),{name:"iksvg_yulan"}),ee],8,Z)],4))),128))])):e.createCommentVNode("v-if",!0),l.fileType==="img"?(e.openBlock(),e.createElementBlock("div",le,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.value,(s,b)=>(e.openBlock(),e.createElementBlock("div",{key:b,class:"preview-img"},[e.createVNode(k,{class:"show-img",src:o.loadUrl+s.url,"preview-src-list":[o.loadUrl+s.url],fit:"cover"},null,8,["src","preview-src-list"])]))),128))])):e.createCommentVNode("v-if",!0),e.createVNode(e.unref(j),{modelValue:i.value,"onUpdate:modelValue":f[0]||(f[0]=s=>i.value=s),"load-url":l.urlPreview,url:(m=t.value)==null?void 0:m.id,"kk-url":o.previewUrl,"file-name":(g=t.value)==null?void 0:g.name},null,8,["modelValue","load-url","url","kk-url","file-name"])])}}}),ce="",E=h($(oe,[["__scopeId","data-v-bbc42bc9"]]));d.IKDetailPreviewFiles=E,d.default=E,Object.defineProperties(d,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/dist/IKExpandCollapse/index.es.js

@@ -1,28 +1,28 @@
-import { defineComponent as g, computed as m, resolveComponent as k, openBlock as s, createElementBlock as l, normalizeClass as c, normalizeStyle as u, createElementVNode as p, createCommentVNode as d, createBlock as f, withCtx as y, toDisplayString as v, unref as w } from "vue";
+import { defineComponent as g, computed as m, resolveComponent as k, openBlock as s, createElementBlock as a, normalizeClass as u, normalizeStyle as p, createCommentVNode as l, createElementVNode as d, createBlock as f, withCtx as y, toDisplayString as v, unref as w } from "vue";
 import { ikColor as b } from "iking-utils-pro";
-const h = (t, o) => {
-  if (t.install = (n) => {
-    for (const i of [t, ...Object.values(o ?? {})])
-      n.component(i.name, i);
+const h = (n, o) => {
+  if (n.install = (i) => {
+    for (const t of [n, ...Object.values(o ?? {})])
+      i.component(t.name, t);
   }, o)
-    for (const [n, i] of Object.entries(o))
-      t[n] = i;
-  return t;
-};
-const z = (t, o) => {
-  const n = t.__vccOpts || t;
-  for (const [i, e] of o)
-    n[i] = e;
+    for (const [i, t] of Object.entries(o))
+      n[i] = t;
   return n;
-}, _ = { class: "inline-block ik-svg-icon ik-icon line-height-[0] inline-flex justify-center" }, C = {
+};
+const z = (n, o) => {
+  const i = n.__vccOpts || n;
+  for (const [t, e] of o)
+    i[t] = e;
+  return i;
+}, B = { class: "ik-svg-icon ik-icon inline-block inline-flex justify-center line-height-[0]" }, C = {
   key: 1,
   class: "h-[1em] w-[1em]",
   "aria-hidden": "true"
-}, B = ["xlink:href"], I = ["src"], S = {
+}, I = ["xlink:href"], _ = ["src"], S = {
   key: 1,
   class: "h-[1em] w-[1em]",
   "aria-hidden": "true"
-}, $ = ["xlink:href"], E = ["src"], j = /* @__PURE__ */ g({
+}, $ = ["xlink:href"], E = ["src"], T = /* @__PURE__ */ g({
   name: "IkSvgIcon",
   __name: "index",
   props: {
@@ -35,6 +35,7 @@ const z = (t, o) => {
     bg: { type: Boolean, default: !1 },
     showBg: { type: Boolean, default: !1 },
     padding: { default: "0" },
+    primary: { type: Boolean },
     warning: { type: Boolean },
     notip: { type: Boolean, default: !1 },
     title: {},
@@ -42,11 +43,11 @@ const z = (t, o) => {
     active: { type: Boolean, default: !1 },
     disabled: { type: Boolean, default: !1 }
   },
-  setup(t) {
-    const o = t, n = m(() => {
-      var e, a;
-      return /^http?:\/\//.test(o.name) ? "img" : /i-[^:]+:[^:]+/.test(o.name) ? "unocss" : (e = o.name) != null && e.startsWith("iksig") ? "iksig" : (a = o.name) != null && a.includes(":") ? "iconify" : "svg";
-    }), i = m(() => {
+  setup(n) {
+    const o = n, i = m(() => {
+      var e, r;
+      return /^http?:\/\//.test(o.name) ? "img" : /i-[^:]+:[^:]+/.test(o.name) ? "unocss" : (e = o.name) != null && e.startsWith("iksig") ? "iksig" : (r = o.name) != null && r.includes(":") ? "iconify" : "svg";
+    }), t = m(() => {
       const e = [];
       if (o.flip)
         switch (o.flip) {
@@ -65,11 +66,11 @@ const z = (t, o) => {
         ...o.size && { fontSize: typeof o.size == "number" ? `${o.size}px` : o.size },
         ...e.length && { transform: e.join(" ") },
         padding: o.padding,
-        ...o.color && n.value !== "iksig" ? {
+        ...o.color && i.value !== "iksig" ? {
           "--ik-color-icon-dark": o.color,
           "--ik-color-icon-light": b.setOpacity(o.color, o.opacity || 0.4)
         } : {},
-        ...o.type === "primary" ? {
+        ...o.type === "primary" || o.primary ? {
           "--ik-color-icon-dark": "var(--ik-theme-color)",
           "--ik-color-icon-light": "var(--ik-color-icon-light-hover)",
           "--ik-color-bg-icon": "var(--ik-color-bg-button-secondary)"
@@ -80,84 +81,91 @@ const z = (t, o) => {
         } : {}
       };
     });
-    return (e, a) => {
-      const r = k("el-tooltip");
-      return s(), l("span", _, [
-        e.notip || !e.title ? (s(), l(
+    return (e, r) => {
+      const c = k("el-tooltip");
+      return s(), a("span", B, [
+        e.notip || !e.title ? (s(), a(
           "i",
           {
             key: 0,
-            class: c(["relative h-[1em] w-[1em] flex-inline items-center justify-center fill-current leading-[1em] transition", {
-              [e.name]: n.value === "unocss",
+            class: u(["ik-svg-icon ik-icon relative h-[1em] w-[1em] inline-flex items-center justify-center fill-current leading-[1em] transition", {
+              [e.name]: i.value === "unocss",
               "show-bg": e.showBg || e.bg,
               default: e.size === "default",
               small: e.size === "small",
               big: e.size === "big",
-              warning: e.warning
+              warning: e.warning,
+              primary: e.primary,
+              active: e.active,
+              disabled: e.disabled
             }]),
-            style: u(i.value)
+            style: p(t.value)
           },
           [
-            n.value === "iksig" ? (s(), l(
+            l(` <Icon v-if="outputType === 'iconify'" :icon="name" /> `),
+            i.value === "iksig" ? (s(), a(
               "i",
               {
                 key: 0,
-                class: c(`iksig ${e.name}`),
-                style: u(i.value)
+                class: u(`iksig ${e.name}`),
+                style: p(t.value)
               },
               null,
               6
               /* CLASS, STYLE */
-            )) : n.value === "svg" ? (s(), l("svg", C, [
-              p("use", {
+            )) : i.value === "svg" ? (s(), a("svg", C, [
+              d("use", {
                 "xlink:href": `#${e.name}`
-              }, null, 8, B)
-            ])) : n.value === "img" ? (s(), l("img", {
+              }, null, 8, I)
+            ])) : i.value === "img" ? (s(), a("img", {
               key: 2,
               src: e.name,
               class: "h-[1em] w-[1em]"
-            }, null, 8, I)) : d("v-if", !0)
+            }, null, 8, _)) : l("v-if", !0)
           ],
           6
           /* CLASS, STYLE */
-        )) : (s(), f(r, {
+        )) : (s(), f(c, {
           key: 1,
-          content: e.title
+          content: e.title,
+          placement: "right"
         }, {
           default: y(() => [
-            p(
+            d(
               "i",
               {
-                class: c(["ik-svg-icon ik-icon relative h-[1em] w-[1em] flex-inline items-center justify-center fill-current leading-[1em] transition", {
-                  [e.name]: n.value === "unocss",
+                class: u(["ik-svg-icon ik-icon relative h-[1em] w-[1em] inline-flex items-center justify-center fill-current leading-[1em] transition", {
+                  [e.name]: i.value === "unocss",
                   "show-bg": e.showBg || e.bg,
                   default: e.size === "default",
+                  primary: e.primary,
                   small: e.size === "small",
                   big: e.size === "big",
-                  warning: e.warning
+                  warning: e.warning,
+                  active: e.active
                 }]),
-                style: u(i.value)
+                style: p(t.value)
               },
               [
-                n.value === "iksig" ? (s(), l(
+                i.value === "iksig" ? (s(), a(
                   "i",
                   {
                     key: 0,
-                    class: c(`iksig ${e.name}`),
-                    style: u(i.value)
+                    class: u(`iksig ${e.name}`),
+                    style: p(t.value)
                   },
                   null,
                   6
                   /* CLASS, STYLE */
-                )) : n.value === "svg" ? (s(), l("svg", S, [
-                  p("use", {
+                )) : i.value === "svg" ? (s(), a("svg", S, [
+                  d("use", {
                     "xlink:href": `#${e.name}`
                   }, null, 8, $)
-                ])) : n.value === "img" ? (s(), l("img", {
+                ])) : i.value === "img" ? (s(), a("img", {
                   key: 2,
                   src: e.name,
                   class: "h-[1em] w-[1em]"
-                }, null, 8, E)) : d("v-if", !0)
+                }, null, 8, E)) : l("v-if", !0)
               ],
               6
               /* CLASS, STYLE */
@@ -169,7 +177,7 @@ const z = (t, o) => {
       ]);
     };
   }
-}), T = h(j), N = {
+}), j = h(T), N = {
   key: 0,
   class: ""
 }, O = /* @__PURE__ */ g({
@@ -191,25 +199,25 @@ const z = (t, o) => {
     }
   },
   emits: ["handleChangStatus"],
-  setup(t, { emit: o }) {
-    const n = t, i = o, e = () => {
-      i("handleChangStatus");
+  setup(n, { emit: o }) {
+    const i = n, t = o, e = () => {
+      t("handleChangStatus");
     };
-    return (a, r) => (s(), l("div", {
+    return (r, c) => (s(), a("div", {
       class: "words-color",
-      onClick: r[0] || (r[0] = (V) => e())
+      onClick: c[0] || (c[0] = (V) => e())
     }, [
-      n.showType === "word" || n.showType === "wordIcon" ? (s(), l(
+      i.showType === "word" || i.showType === "wordIcon" ? (s(), a(
         "span",
         N,
-        v(t.isExpand ? t.wordName || "收起" : t.wordName || "展开"),
+        v(n.isExpand ? n.wordName || "收起" : n.wordName || "展开"),
         1
         /* TEXT */
-      )) : d("v-if", !0),
-      n.showType === "icon" || n.showType === "wordIcon" ? (s(), f(w(T), {
+      )) : l("v-if", !0),
+      i.showType === "icon" || i.showType === "wordIcon" ? (s(), f(w(j), {
         key: 1,
-        name: t.isExpand ? "iksvg_zhankai" : "iksvg_shouqi"
-      }, null, 8, ["name"])) : d("v-if", !0)
+        name: n.isExpand ? "iksvg_zhankai" : "iksvg_shouqi"
+      }, null, 8, ["name"])) : l("v-if", !0)
     ]));
   }
 });