iking-web-ui-pro 0.3.1 → 0.3.2

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

@@ -1,14 +1,14 @@
-import { defineComponent as W, computed as y, resolveComponent as h, openBlock as u, createBlock as g, normalizeClass as D, normalizeStyle as I, withCtx as b, createElementBlock as v, createCommentVNode as B, createTextVNode as V, toDisplayString as x, ref as L, Fragment as m, renderList as _, unref as T, mergeProps as S, createVNode as O, createElementVNode as P, mergeModels as N, getCurrentInstance as M, useModel as z, withDirectives as E, vShow as H, renderSlot as R } from "vue";
+import { defineComponent as A, computed as g, resolveComponent as C, openBlock as i, createBlock as b, normalizeClass as j, normalizeStyle as N, withCtx as m, createElementBlock as v, createCommentVNode as V, createTextVNode as x, toDisplayString as _, ref as D, Fragment as h, renderList as T, unref as W, mergeProps as S, createElementVNode as L, mergeModels as w, getCurrentInstance as P, useModel as M, withDirectives as z, createVNode as E, vShow as H, renderSlot as R } from "vue";
 import { ikDom as F } from "iking-utils-pro";
-const A = (e, p) => (e.install = (l) => {
-  for (const a of [e, ...Object.values({})])
-    l.component(a.name, a);
-}, e), j = (e, p) => {
-  const l = e.__vccOpts || e;
-  for (const [a, r] of p)
-    l[a] = r;
-  return l;
-}, U = /* @__PURE__ */ W({
+const I = (l, f) => (l.install = (e) => {
+  for (const r of [l, ...Object.values({})])
+    e.component(r.name, r);
+}, l), O = (l, f) => {
+  const e = l.__vccOpts || l;
+  for (const [r, n] of f)
+    e[r] = n;
+  return e;
+}, U = /* @__PURE__ */ A({
   __name: "index",
   props: {
     title: {
@@ -17,7 +17,7 @@ const A = (e, p) => (e.install = (l) => {
     },
     type: {
       type: String,
-      default: ""
+      default: "primary"
     },
     // 传了type时，color和background不生效
     // 文字颜色
@@ -36,7 +36,7 @@ const A = (e, p) => (e.install = (l) => {
     },
     effect: {
       type: String,
-      default: "light"
+      default: "plain"
     },
     disabled: {
       type: Boolean,
@@ -66,45 +66,54 @@ const A = (e, p) => (e.install = (l) => {
     }
   },
   emits: ["close"],
-  setup(e, { emit: p }) {
-    const l = e, a = y(() => l.type ? l.type === "danger" ? `var(--el-color-${l.type})` : {
-      color: `var(--ik-color-${l.type})`,
-      backgroundColor: `var(--ik-color-${l.type}-light)`
-    } : {
-      color: l.color,
-      backgroundColor: l.background,
-      border: "none"
-    }), r = p, n = () => {
-      r("close");
+  setup(l, { emit: f }) {
+    const e = l, r = g(() => {
+      const o = e.type ? e.type === "danger" ? `var(--el-color-${e.type})` : {
+        color: `var(--ik-color-${e.type})`,
+        backgroundColor: `var(--ik-color-${e.type}-light)`
+      } : {
+        color: e.color,
+        backgroundColor: e.background,
+        border: "none"
+      };
+      if (e.effect === "plain" && e.type !== "danger")
+        o.backgroundColor = "transparent", o.borderColor = e.type ? `var(--ik-color-${e.type})` : e.color;
+      else if (e.effect === "dark" && e.type !== "danger") {
+        const y = e.type ? `var(--ik-color-${e.type})` : e.color;
+        o.backgroundColor = y, o.borderColor = y, o.color = "#fff";
+      }
+      return o;
+    }), n = f, s = () => {
+      n("close");
     };
-    return (f, C) => {
-      const k = h("el-tag");
-      return u(), g(k, {
-        effect: e.effect,
-        class: D(["ik-statu-tag", { disabled: e.disabled }]),
-        type: e.type,
-        style: I(a.value),
-        closable: f.$attrs.closable && !e.disabled,
-        onClose: n
+    return (o, y) => {
+      const k = C("el-tag");
+      return i(), b(k, {
+        effect: l.effect,
+        class: j(["ik-statu-tag", { disabled: l.disabled }]),
+        type: l.type,
+        style: N(r.value),
+        closable: o.$attrs.closable && !l.disabled,
+        onClose: s
       }, {
-        default: b(() => [
-          e.circle ? (u(), v(
+        default: m(() => [
+          l.circle ? (i(), v(
             "span",
             {
               key: 0,
               class: "inline-block rounded-full",
-              style: I({
-                backgroundColor: e.type ? e.type === "danger" ? `var(--el-color-${e.type})` : `var(--ik-color-${e.type})` : e.circleColor,
-                width: `${e.circleW}px`,
-                height: `${e.circleH}px`
+              style: N({
+                backgroundColor: l.type ? l.type === "danger" ? `var(--el-color-${l.type})` : `var(--ik-color-${l.type})` : l.circleColor,
+                width: `${l.circleW}px`,
+                height: `${l.circleH}px`
               })
             },
             null,
             4
             /* STYLE */
-          )) : B("v-if", !0),
-          V(
-            " " + x(e.title),
+          )) : V("v-if", !0),
+          x(
+            " " + _(l.title),
             1
             /* TEXT */
           )
@@ -114,7 +123,7 @@ const A = (e, p) => (e.install = (l) => {
       }, 8, ["effect", "class", "type", "style", "closable"]);
     };
   }
-}), q = /* @__PURE__ */ j(U, [["__scopeId", "data-v-5bcf3056"]]), w = A(q), G = /* @__PURE__ */ W({
+}), q = /* @__PURE__ */ O(U, [["__scopeId", "data-v-a3967db7"]]), B = I(q), G = /* @__PURE__ */ A({
   __name: "index",
   props: {
     // 超出长度时以 +2 这样的方式显示
@@ -140,66 +149,65 @@ const A = (e, p) => (e.install = (l) => {
     }
   },
   emits: ["close"],
-  setup(e, { emit: p }) {
-    const l = e, a = y(() => Array.isArray(l.list) ? l.list : typeof l.list == "string" ? l.list.split(",").map((o, c) => {
-      var d;
+  setup(l, { emit: f }) {
+    const e = l, r = g(() => Array.isArray(e.list) ? e.list : typeof e.list == "string" ? e.list.split(",").map((a, d) => {
+      var p;
       return {
-        ...((d = l.data) == null ? void 0 : d[c]) || {},
-        title: o,
+        ...((p = e.data) == null ? void 0 : p[d]) || {},
+        title: a,
         type: ""
       };
-    }) : []), r = L(null), n = y(() => {
-      if (r.value) {
-        const o = r.value.clientWidth;
-        let c = 24;
-        const d = [];
-        let i = 0;
-        for (const t of a.value) {
+    }) : []), n = D(null), s = g(() => {
+      if (n.value) {
+        const a = n.value.clientWidth;
+        let d = 24;
+        const p = [];
+        let u = 0;
+        for (const t of r.value) {
           const $ = F.useTextWidth(String((t == null ? void 0 : t.title) || t));
-          c += $ + 40, (c <= o || !i) && d.push(t), i++;
+          d += $ + 40, (d <= a || !u) && p.push(t), u++;
         }
-        return d;
+        return p;
       }
-      return a.value;
-    }), f = y(() => a.value.length - n.value.length), C = y(() => a.value.slice(n.value.length)), k = p, s = (o) => {
-      k("close", o);
+      return r.value;
+    }), o = g(() => r.value.length - s.value.length), y = g(() => r.value.slice(s.value.length)), k = f, c = (a) => {
+      k("close", a);
     };
-    return (o, c) => {
-      const d = h("el-tag"), i = h("el-popover");
-      return u(), v(
+    return (a, d) => {
+      const p = C("el-tag"), u = C("el-popover");
+      return i(), v(
         "div",
         {
           ref_key: "containerRef",
-          ref: r,
+          ref: n,
           class: "tag-container"
         },
         [
-          (u(!0), v(
-            m,
+          (i(!0), v(
+            h,
             null,
-            _(n.value, (t) => (u(), v(
-              m,
+            T(s.value, (t) => (i(), v(
+              h,
               {
                 key: t.title
               },
               [
-                t.title !== "--" ? (u(), g(T(w), S({
+                t.title !== "--" ? (i(), b(W(B), S({
                   key: 0,
                   title: t.title,
-                  onClose: ($) => s(t),
+                  onClose: ($) => c(t),
                   color: t.color,
-                  background: t.background,
-                  type: t.type,
+                  type: t.type || "primary",
                   ref_for: !0
-                }, o.$attrs, {
+                }, a.$attrs, {
                   circle: !1,
                   disabled: t == null ? void 0 : t.disabled
-                }), null, 16, ["title", "onClose", "color", "background", "type", "disabled"])) : (u(), v(
-                  m,
+                }), null, 16, ["title", "onClose", "color", "type", "disabled"])) : (i(), v(
+                  h,
                   { key: 1 },
                   [
-                    V(
-                      x(t.title),
+                    x(
+                      _(t.title),
                       1
                       /* TEXT */
                     )
@@ -214,46 +222,46 @@ const A = (e, p) => (e.install = (l) => {
             128
             /* KEYED_FRAGMENT */
           )),
-          f.value ? (u(), g(i, {
+          o.value ? (i(), b(u, {
             key: 0,
             placement: "bottom",
             "popper-class": "ik-statu-over",
             trigger: "hover"
           }, {
-            reference: b(() => [
-              O(d, {
+            reference: m(() => [
+              o.value ? (i(), b(p, {
+                key: 0,
                 class: "more-tags",
                 type: "info",
                 closable: !1
               }, {
-                default: b(() => [
-                  V(
-                    " +" + x(f.value),
+                default: m(() => [
+                  x(
+                    " +" + _(o.value),
                     1
                     /* TEXT */
                   )
                 ]),
                 _: 1
                 /* STABLE */
-              })
+              })) : V("v-if", !0)
             ]),
-            default: b(() => [
-              P("div", null, [
-                (u(!0), v(
-                  m,
+            default: m(() => [
+              L("div", null, [
+                (i(!0), v(
+                  h,
                   null,
-                  _(C.value, (t) => (u(), g(T(w), S({
+                  T(y.value, (t) => (i(), b(W(B), S({
                     key: t.title,
                     title: t.title,
                     color: t.color,
-                    onClose: ($) => s(t),
-                    background: t.background,
-                    type: t.type,
+                    onClose: ($) => c(t),
+                    type: t.type || "primary",
                     circle: !1,
                     ref_for: !0
-                  }, o.$attrs, {
+                  }, a.$attrs, {
                     disabled: t == null ? void 0 : t.disabled
-                  }), null, 16, ["title", "color", "onClose", "background", "type", "disabled"]))),
+                  }), null, 16, ["title", "color", "onClose", "type", "disabled"]))),
                   128
                   /* KEYED_FRAGMENT */
                 ))
@@ -261,16 +269,16 @@ const A = (e, p) => (e.install = (l) => {
             ]),
             _: 1
             /* STABLE */
-          })) : B("v-if", !0)
+          })) : V("v-if", !0)
         ],
         512
         /* NEED_PATCH */
       );
     };
   }
-}), J = /* @__PURE__ */ j(G, [["__scopeId", "data-v-e872e623"]]), K = A(J), Q = /* @__PURE__ */ W({
+}), J = /* @__PURE__ */ O(G, [["__scopeId", "data-v-84c057e2"]]), K = I(J), Q = /* @__PURE__ */ A({
   __name: "index",
-  props: /* @__PURE__ */ N({
+  props: /* @__PURE__ */ w({
     prop: {
       type: Object,
       default: () => ({})
@@ -286,49 +294,52 @@ const A = (e, p) => (e.install = (l) => {
     },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ N(["close"], ["update:modelValue"]),
-  setup(e, { emit: p }) {
-    const l = e, a = M(), r = y(() => ({
+  emits: /* @__PURE__ */ w(["close"], ["update:modelValue"]),
+  setup(l, { emit: f }) {
+    const e = l, r = P(), n = g(() => ({
       label: "label",
       value: "value",
-      ...l.prop
-    })), n = z(e, "modelValue"), f = y(() => {
-      let s = [];
-      const o = a == null ? void 0 : a.attrs.options;
-      return Array.isArray(n.value) ? s = n.value.map((c) => o.find((d) => d[r.value.value] === c)) : n.value && (s = [o.find((c) => c[r.value.value] === n.value)]), {
-        list: s.map((c) => c[r.value.label]).join(","),
-        data: s
+      ...e.prop
+    })), s = M(l, "modelValue"), o = g(() => {
+      let c = [];
+      const a = r == null ? void 0 : r.attrs.options;
+      return Array.isArray(s.value) ? c = s.value.map((d) => a.find((p) => p[n.value.value] === d)) : s.value && (c = [a.find((d) => d[n.value.value] === s.value)]), {
+        list: c.map((d) => d[n.value.label]).join(","),
+        data: c
       };
-    }), C = p, k = (s) => {
-      n.value = n.value.filter((o) => o !== s[r.value.value]), C("close", s, n.value);
+    }), y = f, k = (c) => {
+      s.value = s.value.filter((a) => a !== c[n.value.value]), y("close", c, s.value);
     };
-    return (s, o) => {
-      const c = h("el-option"), d = h("el-select");
-      return u(), g(d, S(s.$attrs, {
+    return (c, a) => {
+      const d = C("el-option"), p = C("el-select");
+      return i(), b(p, S(c.$attrs, {
         "collapse-tags": !1,
-        modelValue: n.value,
-        "onUpdate:modelValue": o[0] || (o[0] = (i) => n.value = i),
+        modelValue: s.value,
+        "onUpdate:modelValue": a[0] || (a[0] = (u) => s.value = u),
         "no-data-text": "暂无数据",
         "no-match-text": "无匹配项"
       }), {
-        tag: b(() => [
-          E(O(T(K), S({
-            list: f.value.list,
-            data: f.value.data
-          }, e.tagProps, { onClose: k }), null, 16, ["list", "data"]), [
-            [H, f.value]
-          ])
-        ]),
-        default: b(() => [
-          R(s.$slots, "default", {}, () => [
-            (u(!0), v(
-              m,
+        tag: m(() => {
+          var u, t;
+          return [
+            z(E(W(K), S({
+              list: o.value.list,
+              data: o.value.data
+            }, l.tagProps, { onClose: k }), null, 16, ["list", "data"]), [
+              [H, (t = (u = o.value) == null ? void 0 : u.list) == null ? void 0 : t.length]
+            ])
+          ];
+        }),
+        default: m(() => [
+          R(c.$slots, "default", {}, () => [
+            (i(!0), v(
+              h,
               null,
-              _(s.$attrs.options, (i) => (u(), g(c, {
-                key: i[r.value.value],
-                label: i[r.value.label],
-                value: i[r.value.value],
-                disabled: i.disabled
+              T(c.$attrs.options, (u) => (i(), b(d, {
+                key: u[n.value.value],
+                label: u[n.value.label],
+                value: u[n.value.value],
+                disabled: u.disabled
               }, null, 8, ["label", "value", "disabled"]))),
               128
               /* KEYED_FRAGMENT */
@@ -340,7 +351,7 @@ const A = (e, p) => (e.install = (l) => {
       }, 16, ["modelValue"]);
     };
   }
-}), Z = A(Q);
+}), Z = I(Q);
 export {
   Z as IkSelectTag,
   Z as default

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

@@ -1 +1 @@
-(function(u,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("iking-utils-pro")):typeof define=="function"&&define.amd?define(["exports","vue","iking-utils-pro"],e):(u=typeof globalThis<"u"?globalThis:u||self,e(u.index={},u.vue,u["iking-utils-pro"]))})(this,function(u,e,S){"use strict";const k=(t,f)=>(t.install=o=>{for(const n of[t,...Object.values({})])o.component(n.name,n)},t),h=(t,f)=>{const o=t.__vccOpts||t;for(const[n,r]of f)o[n]=r;return o},C=k(h(e.defineComponent({__name:"index",props:{title:{type:String,default:""},type:{type:String,default:""},color:{type:String,default:""},background:{type:String,default:""},circleColor:{type:String,default:""},effect:{type:String,default:"light"},disabled:{type:Boolean,default:!1},circle:{type:Boolean,default:!1},circleW:{type:Number,default:8},circleH:{type:Number,default:8},borderWidth:{type:Number,default:1},borderType:{type:String,default:"solid"}},emits:["close"],setup(t,{emit:f}){const o=t,n=e.computed(()=>o.type?o.type==="danger"?`var(--el-color-${o.type})`:{color:`var(--ik-color-${o.type})`,backgroundColor:`var(--ik-color-${o.type}-light)`}:{color:o.color,backgroundColor:o.background,border:"none"}),r=f,c=()=>{r("close")};return(y,m)=>{const g=e.resolveComponent("el-tag");return e.openBlock(),e.createBlock(g,{effect:t.effect,class:e.normalizeClass(["ik-statu-tag",{disabled:t.disabled}]),type:t.type,style:e.normalizeStyle(n.value),closable:y.$attrs.closable&&!t.disabled,onClose:c},{default:e.withCtx(()=>[t.circle?(e.openBlock(),e.createElementBlock("span",{key:0,class:"inline-block rounded-full",style:e.normalizeStyle({backgroundColor:t.type?t.type==="danger"?`var(--el-color-${t.type})`:`var(--ik-color-${t.type})`:t.circleColor,width:`${t.circleW}px`,height:`${t.circleH}px`})},null,4)):e.createCommentVNode("v-if",!0),e.createTextVNode(" "+e.toDisplayString(t.title),1)]),_:1},8,["effect","class","type","style","closable"])}}}),[["__scopeId","data-v-5bcf3056"]])),$=k(h(e.defineComponent({__name:"index",props:{overfolw:{type:Boolean,default:!0},list:{type:Array,default:()=>[]},data:{type:Array,default:()=>[]}},emits:["close"],setup(t,{emit:f}){const o=t,n=e.computed(()=>Array.isArray(o.list)?o.list:typeof o.list=="string"?o.list.split(",").map((a,i)=>{var d;return{...((d=o.data)==null?void 0:d[i])||{},title:a,type:""}}):[]),r=e.ref(null),c=e.computed(()=>{if(r.value){const a=r.value.clientWidth;let i=24;const d=[];let p=0;for(const l of n.value){const b=S.ikDom.useTextWidth(String((l==null?void 0:l.title)||l));i+=b+40,(i<=a||!p)&&d.push(l),p++}return d}return n.value}),y=e.computed(()=>n.value.length-c.value.length),m=e.computed(()=>n.value.slice(c.value.length)),g=f,s=a=>{g("close",a)};return(a,i)=>{const d=e.resolveComponent("el-tag"),p=e.resolveComponent("el-popover");return e.openBlock(),e.createElementBlock("div",{ref_key:"containerRef",ref:r,class:"tag-container"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.value,l=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:l.title},[l.title!=="--"?(e.openBlock(),e.createBlock(e.unref(C),e.mergeProps({key:0,title:l.title,onClose:b=>s(l),color:l.color,background:l.background,type:l.type,ref_for:!0},a.$attrs,{circle:!1,disabled:l==null?void 0:l.disabled}),null,16,["title","onClose","color","background","type","disabled"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(l.title),1)],64))],64))),128)),y.value?(e.openBlock(),e.createBlock(p,{key:0,placement:"bottom","popper-class":"ik-statu-over",trigger:"hover"},{reference:e.withCtx(()=>[e.createVNode(d,{class:"more-tags",type:"info",closable:!1},{default:e.withCtx(()=>[e.createTextVNode(" +"+e.toDisplayString(y.value),1)]),_:1})]),default:e.withCtx(()=>[e.createElementVNode("div",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(m.value,l=>(e.openBlock(),e.createBlock(e.unref(C),e.mergeProps({key:l.title,title:l.title,color:l.color,onClose:b=>s(l),background:l.background,type:l.type,circle:!1,ref_for:!0},a.$attrs,{disabled:l==null?void 0:l.disabled}),null,16,["title","color","onClose","background","type","disabled"]))),128))])]),_:1})):e.createCommentVNode("v-if",!0)],512)}}}),[["__scopeId","data-v-e872e623"]])),B=k(e.defineComponent({__name:"index",props:e.mergeModels({prop:{type:Object,default:()=>({})},tagProps:{type:Object,default:()=>({})}},{modelValue:{type:[Array,String],default:""},modelModifiers:{}}),emits:e.mergeModels(["close"],["update:modelValue"]),setup(t,{emit:f}){const o=t,n=e.getCurrentInstance(),r=e.computed(()=>({label:"label",value:"value",...o.prop})),c=e.useModel(t,"modelValue"),y=e.computed(()=>{let s=[];const a=n==null?void 0:n.attrs.options;return Array.isArray(c.value)?s=c.value.map(i=>a.find(d=>d[r.value.value]===i)):c.value&&(s=[a.find(i=>i[r.value.value]===c.value)]),{list:s.map(i=>i[r.value.label]).join(","),data:s}}),m=f,g=s=>{c.value=c.value.filter(a=>a!==s[r.value.value]),m("close",s,c.value)};return(s,a)=>{const i=e.resolveComponent("el-option"),d=e.resolveComponent("el-select");return e.openBlock(),e.createBlock(d,e.mergeProps(s.$attrs,{"collapse-tags":!1,modelValue:c.value,"onUpdate:modelValue":a[0]||(a[0]=p=>c.value=p),"no-data-text":"暂无数据","no-match-text":"无匹配项"}),{tag:e.withCtx(()=>[e.withDirectives(e.createVNode(e.unref($),e.mergeProps({list:y.value.list,data:y.value.data},t.tagProps,{onClose:g}),null,16,["list","data"]),[[e.vShow,y.value]])]),default:e.withCtx(()=>[e.renderSlot(s.$slots,"default",{},()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.$attrs.options,p=>(e.openBlock(),e.createBlock(i,{key:p[r.value.value],label:p[r.value.label],value:p[r.value.value],disabled:p.disabled},null,8,["label","value","disabled"]))),128))])]),_:3},16,["modelValue"])}}}));u.IkSelectTag=B,u.default=B,Object.defineProperties(u,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(u,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("iking-utils-pro")):typeof define=="function"&&define.amd?define(["exports","vue","iking-utils-pro"],e):(u=typeof globalThis<"u"?globalThis:u||self,e(u.index={},u.vue,u["iking-utils-pro"]))})(this,function(u,e,S){"use strict";const k=(o,y)=>(o.install=t=>{for(const n of[o,...Object.values({})])t.component(n.name,n)},o),C=(o,y)=>{const t=o.__vccOpts||o;for(const[n,c]of y)t[n]=c;return t},h=k(C(e.defineComponent({__name:"index",props:{title:{type:String,default:""},type:{type:String,default:"primary"},color:{type:String,default:""},background:{type:String,default:""},circleColor:{type:String,default:""},effect:{type:String,default:"plain"},disabled:{type:Boolean,default:!1},circle:{type:Boolean,default:!1},circleW:{type:Number,default:8},circleH:{type:Number,default:8},borderWidth:{type:Number,default:1},borderType:{type:String,default:"solid"}},emits:["close"],setup(o,{emit:y}){const t=o,n=e.computed(()=>{const r=t.type?t.type==="danger"?`var(--el-color-${t.type})`:{color:`var(--ik-color-${t.type})`,backgroundColor:`var(--ik-color-${t.type}-light)`}:{color:t.color,backgroundColor:t.background,border:"none"};if(t.effect==="plain"&&t.type!=="danger")r.backgroundColor="transparent",r.borderColor=t.type?`var(--ik-color-${t.type})`:t.color;else if(t.effect==="dark"&&t.type!=="danger"){const m=t.type?`var(--ik-color-${t.type})`:t.color;r.backgroundColor=m,r.borderColor=m,r.color="#fff"}return r}),c=y,s=()=>{c("close")};return(r,m)=>{const g=e.resolveComponent("el-tag");return e.openBlock(),e.createBlock(g,{effect:o.effect,class:e.normalizeClass(["ik-statu-tag",{disabled:o.disabled}]),type:o.type,style:e.normalizeStyle(n.value),closable:r.$attrs.closable&&!o.disabled,onClose:s},{default:e.withCtx(()=>[o.circle?(e.openBlock(),e.createElementBlock("span",{key:0,class:"inline-block rounded-full",style:e.normalizeStyle({backgroundColor:o.type?o.type==="danger"?`var(--el-color-${o.type})`:`var(--ik-color-${o.type})`:o.circleColor,width:`${o.circleW}px`,height:`${o.circleH}px`})},null,4)):e.createCommentVNode("v-if",!0),e.createTextVNode(" "+e.toDisplayString(o.title),1)]),_:1},8,["effect","class","type","style","closable"])}}}),[["__scopeId","data-v-a3967db7"]])),$=k(C(e.defineComponent({__name:"index",props:{overfolw:{type:Boolean,default:!0},list:{type:Array,default:()=>[]},data:{type:Array,default:()=>[]}},emits:["close"],setup(o,{emit:y}){const t=o,n=e.computed(()=>Array.isArray(t.list)?t.list:typeof t.list=="string"?t.list.split(",").map((a,p)=>{var f;return{...((f=t.data)==null?void 0:f[p])||{},title:a,type:""}}):[]),c=e.ref(null),s=e.computed(()=>{if(c.value){const a=c.value.clientWidth;let p=24;const f=[];let d=0;for(const l of n.value){const b=S.ikDom.useTextWidth(String((l==null?void 0:l.title)||l));p+=b+40,(p<=a||!d)&&f.push(l),d++}return f}return n.value}),r=e.computed(()=>n.value.length-s.value.length),m=e.computed(()=>n.value.slice(s.value.length)),g=y,i=a=>{g("close",a)};return(a,p)=>{const f=e.resolveComponent("el-tag"),d=e.resolveComponent("el-popover");return e.openBlock(),e.createElementBlock("div",{ref_key:"containerRef",ref:c,class:"tag-container"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.value,l=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:l.title},[l.title!=="--"?(e.openBlock(),e.createBlock(e.unref(h),e.mergeProps({key:0,title:l.title,onClose:b=>i(l),color:l.color,type:l.type||"primary",ref_for:!0},a.$attrs,{circle:!1,disabled:l==null?void 0:l.disabled}),null,16,["title","onClose","color","type","disabled"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(l.title),1)],64))],64))),128)),r.value?(e.openBlock(),e.createBlock(d,{key:0,placement:"bottom","popper-class":"ik-statu-over",trigger:"hover"},{reference:e.withCtx(()=>[r.value?(e.openBlock(),e.createBlock(f,{key:0,class:"more-tags",type:"info",closable:!1},{default:e.withCtx(()=>[e.createTextVNode(" +"+e.toDisplayString(r.value),1)]),_:1})):e.createCommentVNode("v-if",!0)]),default:e.withCtx(()=>[e.createElementVNode("div",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(m.value,l=>(e.openBlock(),e.createBlock(e.unref(h),e.mergeProps({key:l.title,title:l.title,color:l.color,onClose:b=>i(l),type:l.type||"primary",circle:!1,ref_for:!0},a.$attrs,{disabled:l==null?void 0:l.disabled}),null,16,["title","color","onClose","type","disabled"]))),128))])]),_:1})):e.createCommentVNode("v-if",!0)],512)}}}),[["__scopeId","data-v-84c057e2"]])),B=k(e.defineComponent({__name:"index",props:e.mergeModels({prop:{type:Object,default:()=>({})},tagProps:{type:Object,default:()=>({})}},{modelValue:{type:[Array,String],default:""},modelModifiers:{}}),emits:e.mergeModels(["close"],["update:modelValue"]),setup(o,{emit:y}){const t=o,n=e.getCurrentInstance(),c=e.computed(()=>({label:"label",value:"value",...t.prop})),s=e.useModel(o,"modelValue"),r=e.computed(()=>{let i=[];const a=n==null?void 0:n.attrs.options;return Array.isArray(s.value)?i=s.value.map(p=>a.find(f=>f[c.value.value]===p)):s.value&&(i=[a.find(p=>p[c.value.value]===s.value)]),{list:i.map(p=>p[c.value.label]).join(","),data:i}}),m=y,g=i=>{s.value=s.value.filter(a=>a!==i[c.value.value]),m("close",i,s.value)};return(i,a)=>{const p=e.resolveComponent("el-option"),f=e.resolveComponent("el-select");return e.openBlock(),e.createBlock(f,e.mergeProps(i.$attrs,{"collapse-tags":!1,modelValue:s.value,"onUpdate:modelValue":a[0]||(a[0]=d=>s.value=d),"no-data-text":"暂无数据","no-match-text":"无匹配项"}),{tag:e.withCtx(()=>{var d,l;return[e.withDirectives(e.createVNode(e.unref($),e.mergeProps({list:r.value.list,data:r.value.data},o.tagProps,{onClose:g}),null,16,["list","data"]),[[e.vShow,(l=(d=r.value)==null?void 0:d.list)==null?void 0:l.length]])]}),default:e.withCtx(()=>[e.renderSlot(i.$slots,"default",{},()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.$attrs.options,d=>(e.openBlock(),e.createBlock(p,{key:d[c.value.value],label:d[c.value.label],value:d[c.value.value],disabled:d.disabled},null,8,["label","value","disabled"]))),128))])]),_:3},16,["modelValue"])}}}));u.IkSelectTag=B,u.default=B,Object.defineProperties(u,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/dist/IkSelectTag/iking-web-ui-pro.css

@@ -1 +1 @@
-.ik-statu-tag[data-v-5bcf3056]{margin:5px 0}.ik-statu-tag[data-v-5bcf3056]:not(:first-child){margin-left:5px}.el-tag[data-v-5bcf3056]{border:none;border-radius:6px}.el-tag--danger[data-v-5bcf3056]{color:var(--ik-color-error);background-color:var(--ik-color-error-light)}.ik-statu-over{width:auto!important;min-width:0!important}.tag-container[data-v-e872e623]{display:flex;width:100%}.tag-container .ik-statu-tag[data-v-e872e623]{max-width:calc(100% - 46px)}.tag-container .el-tag[data-v-e872e623]:not(:last-child){margin-right:5px}.tag-container[data-v-e872e623] .el-tag__content{display:inline-block!important;width:100%;overflow:hidden;text-overflow:ellipsis}.more-tags[data-v-e872e623]{margin:5px 0}
+.ik-statu-tag[data-v-a3967db7]{margin:5px 0}.ik-statu-tag[data-v-a3967db7]:not(:first-child){margin-left:5px}.el-tag[data-v-a3967db7]:not(.el-tag--plain){border:none}.el-tag--danger[data-v-a3967db7]:not(.el-tag--plain){color:var(--ik-color-error);background-color:var(--ik-color-error-light)}.ik-statu-over{width:auto!important;min-width:0!important}.tag-container[data-v-84c057e2]{display:flex;width:100%}.tag-container .ik-statu-tag[data-v-84c057e2]{max-width:calc(100% - 46px)}.tag-container .el-tag[data-v-84c057e2]:not(:last-child){margin-right:5px}.tag-container[data-v-84c057e2] .el-tag__content{display:inline-block!important;width:100%;overflow:hidden;text-overflow:ellipsis}.more-tags[data-v-84c057e2]{margin:5px 0}

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

@@ -1,8 +1,8 @@
-import { defineComponent as s, computed as u, resolveComponent as f, openBlock as a, createBlock as y, normalizeClass as g, normalizeStyle as r, withCtx as b, createElementBlock as p, createCommentVNode as m, createTextVNode as k, toDisplayString as v } from "vue";
-const C = (e, o) => (e.install = (t) => {
-  for (const l of [e, ...Object.values({})])
-    t.component(l.name, l);
-}, e), S = /* @__PURE__ */ s({
+import { defineComponent as f, computed as y, resolveComponent as u, openBlock as n, createBlock as p, normalizeClass as g, normalizeStyle as d, withCtx as b, createElementBlock as k, createCommentVNode as m, createTextVNode as C, toDisplayString as v } from "vue";
+const S = (t, r) => (t.install = (e) => {
+  for (const l of [t, ...Object.values({})])
+    e.component(l.name, l);
+}, t), $ = /* @__PURE__ */ f({
   __name: "index",
   props: {
     title: {
@@ -11,7 +11,7 @@ const C = (e, o) => (e.install = (t) => {
     },
     type: {
       type: String,
-      default: ""
+      default: "primary"
     },
     // 传了type时，color和background不生效
     // 文字颜色
@@ -30,7 +30,7 @@ const C = (e, o) => (e.install = (t) => {
     },
     effect: {
       type: String,
-      default: "light"
+      default: "plain"
     },
     disabled: {
       type: Boolean,
@@ -60,45 +60,54 @@ const C = (e, o) => (e.install = (t) => {
     }
   },
   emits: ["close"],
-  setup(e, { emit: o }) {
-    const t = e, l = u(() => t.type ? t.type === "danger" ? `var(--el-color-${t.type})` : {
-      color: `var(--ik-color-${t.type})`,
-      backgroundColor: `var(--ik-color-${t.type}-light)`
-    } : {
-      color: t.color,
-      backgroundColor: t.background,
-      border: "none"
-    }), c = o, n = () => {
+  setup(t, { emit: r }) {
+    const e = t, l = y(() => {
+      const o = e.type ? e.type === "danger" ? `var(--el-color-${e.type})` : {
+        color: `var(--ik-color-${e.type})`,
+        backgroundColor: `var(--ik-color-${e.type}-light)`
+      } : {
+        color: e.color,
+        backgroundColor: e.background,
+        border: "none"
+      };
+      if (e.effect === "plain" && e.type !== "danger")
+        o.backgroundColor = "transparent", o.borderColor = e.type ? `var(--ik-color-${e.type})` : e.color;
+      else if (e.effect === "dark" && e.type !== "danger") {
+        const a = e.type ? `var(--ik-color-${e.type})` : e.color;
+        o.backgroundColor = a, o.borderColor = a, o.color = "#fff";
+      }
+      return o;
+    }), c = r, i = () => {
       c("close");
     };
-    return (i, $) => {
-      const d = f("el-tag");
-      return a(), y(d, {
-        effect: e.effect,
-        class: g(["ik-statu-tag", { disabled: e.disabled }]),
-        type: e.type,
-        style: r(l.value),
-        closable: i.$attrs.closable && !e.disabled,
-        onClose: n
+    return (o, a) => {
+      const s = u("el-tag");
+      return n(), p(s, {
+        effect: t.effect,
+        class: g(["ik-statu-tag", { disabled: t.disabled }]),
+        type: t.type,
+        style: d(l.value),
+        closable: o.$attrs.closable && !t.disabled,
+        onClose: i
       }, {
         default: b(() => [
-          e.circle ? (a(), p(
+          t.circle ? (n(), k(
             "span",
             {
               key: 0,
               class: "inline-block rounded-full",
-              style: r({
-                backgroundColor: e.type ? e.type === "danger" ? `var(--el-color-${e.type})` : `var(--ik-color-${e.type})` : e.circleColor,
-                width: `${e.circleW}px`,
-                height: `${e.circleH}px`
+              style: d({
+                backgroundColor: t.type ? t.type === "danger" ? `var(--el-color-${t.type})` : `var(--ik-color-${t.type})` : t.circleColor,
+                width: `${t.circleW}px`,
+                height: `${t.circleH}px`
               })
             },
             null,
             4
             /* STYLE */
           )) : m("v-if", !0),
-          k(
-            " " + v(e.title),
+          C(
+            " " + v(t.title),
             1
             /* TEXT */
           )
@@ -108,12 +117,12 @@ const C = (e, o) => (e.install = (t) => {
       }, 8, ["effect", "class", "type", "style", "closable"]);
     };
   }
-}), h = (e, o) => {
-  const t = e.__vccOpts || e;
-  for (const [l, c] of o)
-    t[l] = c;
-  return t;
-}, x = /* @__PURE__ */ h(S, [["__scopeId", "data-v-5bcf3056"]]), N = C(x);
+}), h = (t, r) => {
+  const e = t.__vccOpts || t;
+  for (const [l, c] of r)
+    e[l] = c;
+  return e;
+}, x = /* @__PURE__ */ h($, [["__scopeId", "data-v-a3967db7"]]), N = S(x);
 export {
   N as IkStatu,
   N as default

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

@@ -1 +1 @@
-(function(o,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(o=typeof globalThis<"u"?globalThis:o||self,t(o.index={},o.vue))})(this,function(o,t){"use strict";const r=((e,n)=>(e.install=l=>{for(const c of[e,...Object.values({})])l.component(c.name,c)},e))(((e,n)=>{const l=e.__vccOpts||e;for(const[c,a]of n)l[c]=a;return l})(t.defineComponent({__name:"index",props:{title:{type:String,default:""},type:{type:String,default:""},color:{type:String,default:""},background:{type:String,default:""},circleColor:{type:String,default:""},effect:{type:String,default:"light"},disabled:{type:Boolean,default:!1},circle:{type:Boolean,default:!1},circleW:{type:Number,default:8},circleH:{type:Number,default:8},borderWidth:{type:Number,default:1},borderType:{type:String,default:"solid"}},emits:["close"],setup(e,{emit:n}){const l=e,c=t.computed(()=>l.type?l.type==="danger"?`var(--el-color-${l.type})`:{color:`var(--ik-color-${l.type})`,backgroundColor:`var(--ik-color-${l.type}-light)`}:{color:l.color,backgroundColor:l.background,border:"none"}),a=n,i=()=>{a("close")};return(d,g)=>{const s=t.resolveComponent("el-tag");return t.openBlock(),t.createBlock(s,{effect:e.effect,class:t.normalizeClass(["ik-statu-tag",{disabled:e.disabled}]),type:e.type,style:t.normalizeStyle(c.value),closable:d.$attrs.closable&&!e.disabled,onClose:i},{default:t.withCtx(()=>[e.circle?(t.openBlock(),t.createElementBlock("span",{key:0,class:"inline-block rounded-full",style:t.normalizeStyle({backgroundColor:e.type?e.type==="danger"?`var(--el-color-${e.type})`:`var(--ik-color-${e.type})`:e.circleColor,width:`${e.circleW}px`,height:`${e.circleH}px`})},null,4)):t.createCommentVNode("v-if",!0),t.createTextVNode(" "+t.toDisplayString(e.title),1)]),_:1},8,["effect","class","type","style","closable"])}}}),[["__scopeId","data-v-5bcf3056"]]));o.IkStatu=r,o.default=r,Object.defineProperties(o,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(l,o){typeof exports=="object"&&typeof module<"u"?o(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],o):(l=typeof globalThis<"u"?globalThis:l||self,o(l.index={},l.vue))})(this,function(l,o){"use strict";const d=((t,n)=>(t.install=e=>{for(const c of[t,...Object.values({})])e.component(c.name,c)},t))(((t,n)=>{const e=t.__vccOpts||t;for(const[c,a]of n)e[c]=a;return e})(o.defineComponent({__name:"index",props:{title:{type:String,default:""},type:{type:String,default:"primary"},color:{type:String,default:""},background:{type:String,default:""},circleColor:{type:String,default:""},effect:{type:String,default:"plain"},disabled:{type:Boolean,default:!1},circle:{type:Boolean,default:!1},circleW:{type:Number,default:8},circleH:{type:Number,default:8},borderWidth:{type:Number,default:1},borderType:{type:String,default:"solid"}},emits:["close"],setup(t,{emit:n}){const e=t,c=o.computed(()=>{const r=e.type?e.type==="danger"?`var(--el-color-${e.type})`:{color:`var(--ik-color-${e.type})`,backgroundColor:`var(--ik-color-${e.type}-light)`}:{color:e.color,backgroundColor:e.background,border:"none"};if(e.effect==="plain"&&e.type!=="danger")r.backgroundColor="transparent",r.borderColor=e.type?`var(--ik-color-${e.type})`:e.color;else if(e.effect==="dark"&&e.type!=="danger"){const i=e.type?`var(--ik-color-${e.type})`:e.color;r.backgroundColor=i,r.borderColor=i,r.color="#fff"}return r}),a=n,s=()=>{a("close")};return(r,i)=>{const f=o.resolveComponent("el-tag");return o.openBlock(),o.createBlock(f,{effect:t.effect,class:o.normalizeClass(["ik-statu-tag",{disabled:t.disabled}]),type:t.type,style:o.normalizeStyle(c.value),closable:r.$attrs.closable&&!t.disabled,onClose:s},{default:o.withCtx(()=>[t.circle?(o.openBlock(),o.createElementBlock("span",{key:0,class:"inline-block rounded-full",style:o.normalizeStyle({backgroundColor:t.type?t.type==="danger"?`var(--el-color-${t.type})`:`var(--ik-color-${t.type})`:t.circleColor,width:`${t.circleW}px`,height:`${t.circleH}px`})},null,4)):o.createCommentVNode("v-if",!0),o.createTextVNode(" "+o.toDisplayString(t.title),1)]),_:1},8,["effect","class","type","style","closable"])}}}),[["__scopeId","data-v-a3967db7"]]));l.IkStatu=d,l.default=d,Object.defineProperties(l,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/dist/IkStatu/iking-web-ui-pro.css

@@ -1 +1 @@
-.ik-statu-tag[data-v-5bcf3056]{margin:5px 0}.ik-statu-tag[data-v-5bcf3056]:not(:first-child){margin-left:5px}.el-tag[data-v-5bcf3056]{border:none;border-radius:6px}.el-tag--danger[data-v-5bcf3056]{color:var(--ik-color-error);background-color:var(--ik-color-error-light)}
+.ik-statu-tag[data-v-a3967db7]{margin:5px 0}.ik-statu-tag[data-v-a3967db7]:not(:first-child){margin-left:5px}.el-tag[data-v-a3967db7]:not(.el-tag--plain){border:none}.el-tag--danger[data-v-a3967db7]:not(.el-tag--plain){color:var(--ik-color-error);background-color:var(--ik-color-error-light)}