iking-web-ui-pro 0.3.0 → 0.3.2

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

@@ -1 +1 @@
-[data-v-f0925ff8]{padding:0;margin:0}.demo-app[data-v-f0925ff8]{width:70%;margin:auto}.icon[data-v-f0925ff8]{width:10%!important;text-align:center}.icon svg[data-v-f0925ff8]{width:25px;height:25px;vertical-align:middle}.to[data-v-f0925ff8]{width:4%!important;display:inline-block;margin:auto;text-align:center}[data-v-f0925ff8] .fc-event{width:calc(100% - 4px);padding:0 4px}[data-v-f0925ff8] .fc-button{color:var(--el-color-white);border-color:var(--el-color-primary);background-color:var(--el-color-primary)}[data-v-f0925ff8] .fc-button:hover{color:var(--el-color-white);border-color:var(--el-color-primary-light-3);background-color:var(--el-color-primary-light-3);outline:none}[data-v-f0925ff8] .fc-button-primary:disabled{background-color:var(--el-color-primary-light-5);border-color:var(--el-color-primary-light-5);color:var(--el-color-white)}[data-v-f0925ff8] .fc-button-active{background-color:var(--el-color-primary-dark-2)!important;border-color:var(--el-color-primary-dark-2)!important;color:var(--el-color-white)!important;box-shadow:none!important}[data-v-f0925ff8] .fc .fc-button-primary:not(:disabled):active{background-color:var(--el-color-primary-dark-2)!important;border-color:var(--el-color-primary-dark-2)!important;color:var(--el-color-white)!important;box-shadow:none!important}[data-v-f0925ff8] .fc .fc-button-primary:focus{box-shadow:none!important}[data-v-f0925ff8] .fc .fc-h-event{background-color:inherit;border:none}[data-v-f0925ff8] .fc .fc-view table.fc-scrollgrid thead{line-height:40px}.title-line[data-v-f0925ff8]{width:100%;display:flex;justify-content:space-between;align-items:center;color:var(--el-color-primary-dark-2)}.title-line .title[data-v-f0925ff8]{display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ik-full-calendar[data-v-f0925ff8]{width:100%;height:100%}.event-title[data-v-f0925ff8]{display:flex;align-items:center;color:var(--ik-text-color)}[data-v-f0925ff8] .fc .fc-timeGridWeek-view .fc-v-event .event-title,[data-v-f0925ff8] .fc .fc-timeGridDay-view .fc-v-event .event-title{color:var(--el-color-white)}.event-title[data-v-f0925ff8]:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:5px}.allday[data-v-f0925ff8]:before{background-color:var(--ik-success)}.no-allday[data-v-f0925ff8]:before{background-color:var(--ik-error)}.event-title-time[data-v-f0925ff8]{color:var(--ik-vice-text-color)}[data-v-f0925ff8] .fc .fc-timeGridWeek-view .fc-v-event .event-title .event-title-time,[data-v-f0925ff8] .fc .fc-timeGridDay-view .fc-v-event .event-title .event-title-time{color:var(--el-color-info-light-8)}.event-title-text[data-v-f0925ff8]{margin-left:4px}.row-title[data-v-bd4bda5f]{display:flex}.ik-svg-icon.ik-icon-span[data-v-bd4bda5f]:not(:first-child){margin-left:var(--ik-margin-s-8)}.ik-schedule[data-v-e308f501]{width:100%;height:100%;display:flex}.ik-schedule__left[data-v-e308f501]{height:100%;display:flex;flex-direction:column;flex-grow:1;flex-shrink:0}.ik-schedule__header[data-v-e308f501]{flex-shrink:0;flex-grow:0;text-align:left;display:flex}.ik-schedule__title[data-v-e308f501]{font-family:Arial-BoldMT,Arial Bold,Arial,sans-serif;font-weight:700;flex-shrink:0}.ik-schedule__body[data-v-e308f501]{flex-grow:1;margin-top:16px;height:calc(100% - 56px)}.ik-schedule__header-right[data-v-e308f501]{display:flex;justify-content:space-between;flex-grow:1}.ik-schedule__header-right-item[data-v-e308f501]{border-left:4px solid;line-height:32px}.ik-schedule__right-title[data-v-e308f501]{text-align:left;line-height:32px}
+[data-v-f0925ff8]{padding:0;margin:0}.demo-app[data-v-f0925ff8]{width:70%;margin:auto}.icon[data-v-f0925ff8]{width:10%!important;text-align:center}.icon svg[data-v-f0925ff8]{width:25px;height:25px;vertical-align:middle}.to[data-v-f0925ff8]{width:4%!important;display:inline-block;margin:auto;text-align:center}[data-v-f0925ff8] .fc-event{width:calc(100% - 4px);padding:0 4px}[data-v-f0925ff8] .fc-button{color:var(--el-color-white);border-color:var(--el-color-primary);background-color:var(--el-color-primary)}[data-v-f0925ff8] .fc-button:hover{color:var(--el-color-white);border-color:var(--el-color-primary-light-3);background-color:var(--el-color-primary-light-3);outline:none}[data-v-f0925ff8] .fc-button-primary:disabled{background-color:var(--el-color-primary-light-5);border-color:var(--el-color-primary-light-5);color:var(--el-color-white)}[data-v-f0925ff8] .fc-button-active{background-color:var(--el-color-primary-dark-2)!important;border-color:var(--el-color-primary-dark-2)!important;color:var(--el-color-white)!important;box-shadow:none!important}[data-v-f0925ff8] .fc .fc-button-primary:not(:disabled):active{background-color:var(--el-color-primary-dark-2)!important;border-color:var(--el-color-primary-dark-2)!important;color:var(--el-color-white)!important;box-shadow:none!important}[data-v-f0925ff8] .fc .fc-button-primary:focus{box-shadow:none!important}[data-v-f0925ff8] .fc .fc-h-event{background-color:inherit;border:none}[data-v-f0925ff8] .fc .fc-view table.fc-scrollgrid thead{line-height:40px}.title-line[data-v-f0925ff8]{width:100%;display:flex;justify-content:space-between;align-items:center;color:var(--el-color-primary-dark-2)}.title-line .title[data-v-f0925ff8]{display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ik-full-calendar[data-v-f0925ff8]{width:100%;height:100%}.event-title[data-v-f0925ff8]{display:flex;align-items:center;color:var(--ik-text-color)}[data-v-f0925ff8] .fc .fc-timeGridWeek-view .fc-v-event .event-title,[data-v-f0925ff8] .fc .fc-timeGridDay-view .fc-v-event .event-title{color:var(--el-color-white)}.event-title[data-v-f0925ff8]:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:5px}.allday[data-v-f0925ff8]:before{background-color:var(--ik-success)}.no-allday[data-v-f0925ff8]:before{background-color:var(--ik-error)}.event-title-time[data-v-f0925ff8]{color:var(--ik-vice-text-color)}[data-v-f0925ff8] .fc .fc-timeGridWeek-view .fc-v-event .event-title .event-title-time,[data-v-f0925ff8] .fc .fc-timeGridDay-view .fc-v-event .event-title .event-title-time{color:var(--el-color-info-light-8)}.event-title-text[data-v-f0925ff8]{margin-left:4px}.row-title[data-v-c7804024]{display:flex}.ik-svg-icon.ik-icon-span[data-v-c7804024]:not(:first-child){margin-left:var(--ik-margin-s-8)}.ik-schedule[data-v-e308f501]{width:100%;height:100%;display:flex}.ik-schedule__left[data-v-e308f501]{height:100%;display:flex;flex-direction:column;flex-grow:1;flex-shrink:0}.ik-schedule__header[data-v-e308f501]{flex-shrink:0;flex-grow:0;text-align:left;display:flex}.ik-schedule__title[data-v-e308f501]{font-family:Arial-BoldMT,Arial Bold,Arial,sans-serif;font-weight:700;flex-shrink:0}.ik-schedule__body[data-v-e308f501]{flex-grow:1;margin-top:16px;height:calc(100% - 56px)}.ik-schedule__header-right[data-v-e308f501]{display:flex;justify-content:space-between;flex-grow:1}.ik-schedule__header-right-item[data-v-e308f501]{border-left:4px solid;line-height:32px}.ik-schedule__right-title[data-v-e308f501]{text-align:left;line-height:32px}

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}