@rhino-design/vue 0.2.2 → 0.2.3

package/dist/components/XTableFilter.vue.js

@@ -0,0 +1,7 @@
+import o from "./XTableFilter.vue2.js";
+/* empty css                  */
+import t from "../_virtual/_plugin-vue_export-helper.js";
+const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-f662f082"]]);
+export {
+  e as default
+};

package/dist/components/XTableFilter.vue2.js

@@ -0,0 +1,141 @@
+import { defineComponent as K, ref as d, watch as M, computed as m, onMounted as N, onUnmounted as X, openBlock as o, createElementBlock as r, normalizeClass as k, createElementVNode as a, withModifiers as S, createVNode as L, unref as c, toDisplayString as f, createCommentVNode as h, Transition as U, withCtx as V, withDirectives as F, vModelText as q, Fragment as A, renderList as P, createBlock as Q, vShow as $ } from "vue";
+import T from "./XIcon.js";
+import { useXI18n as j } from "../composables/i18n.js";
+const G = {
+  key: 0,
+  class: "x-table-filter-badge"
+}, H = {
+  key: 0,
+  class: "x-table-filter-search"
+}, J = ["placeholder"], W = { class: "x-table-filter-options" }, Y = ["type", "checked", "onChange"], Z = { class: "x-table-filter-check" }, ee = { class: "x-table-filter-text" }, te = {
+  key: 0,
+  class: "x-table-filter-empty"
+}, le = { class: "x-table-filter-footer" }, se = /* @__PURE__ */ K({
+  __name: "XTableFilter",
+  props: {
+    options: {},
+    value: {},
+    multiple: { type: Boolean, default: !0 },
+    columnKey: { default: "" },
+    alignLeft: { type: Boolean, default: !1 }
+  },
+  emits: ["change"],
+  setup(v, { emit: B }) {
+    const s = v, g = B, i = d(!1), { t: p } = j(), b = d(), R = d(), u = d(""), l = d([...s.value]);
+    M(() => s.value, (e) => {
+      l.value = [...e];
+    }, { deep: !0 });
+    const C = m(() => {
+      if (!u.value) return s.options;
+      const e = u.value.toLowerCase();
+      return s.options.filter(
+        (t) => String(t.text).toLowerCase().includes(e)
+      );
+    }), E = m(() => l.value.length > 0), _ = m(() => l.value.length), x = m(() => s.columnKey ?? "");
+    function O() {
+      i.value = !i.value, i.value && (u.value = "");
+    }
+    function z(e) {
+      if (s.multiple) {
+        const t = l.value.findIndex((n) => String(n) === String(e));
+        t > -1 ? l.value.splice(t, 1) : l.value.push(e), g("change", [...l.value], x.value);
+      } else
+        l.value = [e], g("change", [e], x.value), i.value = !1;
+    }
+    function y(e) {
+      return l.value.some((t) => String(t) === String(e));
+    }
+    function D() {
+      l.value = [], g("change", [], x.value);
+    }
+    function I() {
+      i.value = !1;
+    }
+    function w(e) {
+      const t = e.target;
+      b.value && !b.value.contains(t) && (i.value = !1);
+    }
+    return N(() => {
+      document.addEventListener("click", w);
+    }), X(() => {
+      document.removeEventListener("click", w);
+    }), (e, t) => (o(), r("div", {
+      ref_key: "dropdownRef",
+      ref: b,
+      class: k(["x-table-filter-dropdown", { "is-open": i.value, "align-left": v.alignLeft }])
+    }, [
+      a("button", {
+        ref_key: "triggerRef",
+        ref: R,
+        type: "button",
+        class: k(["x-table-filter-trigger", { "is-active": E.value }]),
+        onClick: S(O, ["stop"])
+      }, [
+        L(c(T), {
+          name: "filter",
+          size: 12
+        }),
+        _.value > 0 ? (o(), r("span", G, f(_.value), 1)) : h("", !0)
+      ], 2),
+      L(U, { name: "x-table-filter" }, {
+        default: V(() => [
+          F(a("div", {
+            class: "x-table-filter-panel",
+            onClick: t[1] || (t[1] = S(() => {
+            }, ["stop"]))
+          }, [
+            v.options.length > 8 ? (o(), r("div", H, [
+              F(a("input", {
+                "onUpdate:modelValue": t[0] || (t[0] = (n) => u.value = n),
+                type: "text",
+                placeholder: c(p)("tableFilter.searchPlaceholder", void 0, "搜索..."),
+                class: "x-table-filter-input"
+              }, null, 8, J), [
+                [q, u.value]
+              ])
+            ])) : h("", !0),
+            a("div", W, [
+              (o(!0), r(A, null, P(C.value, (n) => (o(), r("label", {
+                key: String(n.value),
+                class: k(["x-table-filter-option", { "is-selected": y(n.value) }])
+              }, [
+                a("input", {
+                  type: v.multiple ? "checkbox" : "radio",
+                  checked: y(n.value),
+                  onChange: (ne) => z(n.value)
+                }, null, 40, Y),
+                a("span", Z, [
+                  y(n.value) ? (o(), Q(c(T), {
+                    key: 0,
+                    name: "check",
+                    size: 10
+                  })) : h("", !0)
+                ]),
+                a("span", ee, f(n.text), 1)
+              ], 2))), 128)),
+              C.value.length === 0 ? (o(), r("div", te, f(c(p)("tableFilter.emptyText", void 0, "无匹配选项")), 1)) : h("", !0)
+            ]),
+            a("div", le, [
+              a("button", {
+                type: "button",
+                class: "x-table-filter-btn",
+                onClick: D
+              }, f(c(p)("tableFilter.resetText", void 0, "重置")), 1),
+              a("button", {
+                type: "button",
+                class: "x-table-filter-btn is-primary",
+                onClick: I
+              }, f(c(p)("tableFilter.confirmText", void 0, "确定")), 1)
+            ])
+          ], 512), [
+            [$, i.value]
+          ])
+        ]),
+        _: 1
+      })
+    ], 2));
+  }
+});
+export {
+  se as default
+};

package/dist/components/XTabs.vue.js

@@ -0,0 +1,402 @@
+import { defineComponent as ne, reactive as Se, ref as b, computed as o, provide as Be, watch as O, nextTick as $, onMounted as Le, onBeforeUnmount as Te, resolveComponent as Ke, openBlock as d, createElementBlock as c, normalizeClass as f, createElementVNode as C, normalizeStyle as P, renderSlot as A, createCommentVNode as m, createVNode as B, Fragment as Me, renderList as He, withKeys as Re, unref as We, withModifiers as Oe } from "vue";
+import { xTabsKey as Pe, updateTabsScrollOffset as Ae } from "../composables/tabs.js";
+const Ee = {
+  key: 0,
+  class: "x-tabs__nav-extra x-tabs__nav-extra--left"
+}, Ne = ["tabindex", "onClick", "onMouseover", "onKeydown"], je = { class: "x-tabs__tab-title" }, De = ["onClick"], Ie = { class: "x-tabs__nav-extra" }, Ve = /* @__PURE__ */ ne({
+  __name: "XTabs",
+  props: {
+    activeKey: { default: void 0 },
+    defaultActiveKey: { default: void 0 },
+    position: { default: "top" },
+    size: { default: "medium" },
+    type: { default: "line" },
+    direction: { default: "horizontal" },
+    editable: { type: Boolean, default: !1 },
+    showAddButton: { type: Boolean, default: !1 },
+    addable: { type: Boolean, default: void 0 },
+    destroyOnHide: { type: Boolean, default: !1 },
+    lazyLoad: { type: Boolean, default: !1 },
+    justify: { type: Boolean, default: !1 },
+    animation: { type: Boolean, default: !1 },
+    headerPadding: { type: Boolean, default: !0 },
+    autoSwitch: { type: Boolean, default: !1 },
+    hideContent: { type: Boolean, default: !1 },
+    trigger: { default: "click" },
+    scrollPosition: { default: "auto" }
+  },
+  emits: ["update:activeKey", "change", "tabClick", "add", "delete"],
+  setup(le, { emit: oe }) {
+    const a = le, L = oe, ie = ne({
+      name: "XTabsRenderTitle",
+      props: {
+        render: {
+          type: Function,
+          default: void 0
+        },
+        text: {
+          type: String,
+          default: ""
+        }
+      },
+      setup(e) {
+        return () => e.render ? e.render() : e.text;
+      }
+    }), E = Se(/* @__PURE__ */ new Map()), p = b([]), F = o(
+      () => p.value.map((e) => E.get(e)).filter((e) => !!e)
+    ), T = o(() => F.value.map((e) => e.key)), X = b(a.defaultActiveKey), g = o(
+      () => a.direction === "vertical" ? "left" : a.position
+    ), u = o(
+      () => g.value === "left" || g.value === "right" ? "vertical" : "horizontal"
+    ), V = o(() => a.size ?? "medium"), Y = o(() => a.addable ?? a.showAddButton), R = o(
+      () => a.editable && ["line", "card", "card-gutter"].includes(a.type)
+    ), K = o(() => {
+      const e = a.activeKey ?? X.value;
+      return e == null || e === "" ? T.value[0] : e;
+    }), U = o(() => {
+      const e = T.value.findIndex((t) => t === K.value);
+      return e === -1 ? 0 : e;
+    }), se = o(() => [
+      "x-tabs",
+      `x-tabs--${u.value}`,
+      `x-tabs--${g.value}`,
+      `x-tabs--type-${a.type}`,
+      `x-tabs--size-${V.value}`,
+      {
+        "x-tabs--justify": a.justify
+      }
+    ]), ue = o(() => [
+      "x-tabs__nav",
+      `x-tabs__nav--${u.value}`,
+      `x-tabs__nav--${g.value}`,
+      `x-tabs__nav--type-${a.type}`,
+      `x-tabs__nav--size-${V.value}`
+    ]), re = o(() => [
+      "x-tabs__nav-tab",
+      {
+        "x-tabs__nav-tab--scroll": _.value
+      }
+    ]), ve = o(() => [
+      "x-tabs__nav-tab-list",
+      {
+        "x-tabs__nav-tab-list--no-padding": !a.headerPadding && ["line", "text"].includes(a.type) && u.value === "horizontal"
+      }
+    ]), i = b(), y = b(), h = b({}), v = o(() => {
+      const e = K.value;
+      if (e != null)
+        return h.value[String(e)];
+    }), _ = b(!1), N = b(0), M = b(0), r = b(0), j = b(0), D = b(0), de = o(() => ({
+      transform: u.value === "vertical" ? `translateY(${-r.value}px)` : `translateX(${-r.value}px)`
+    })), ce = o(
+      () => u.value === "vertical" ? {
+        top: `${j.value}px`,
+        height: `${D.value}px`
+      } : {
+        left: `${j.value}px`,
+        width: `${D.value}px`
+      }
+    ), q = o(() => ({
+      marginLeft: `-${U.value * 100}%`
+    })), fe = o(
+      () => u.value === "vertical" ? "xiangshang" : "fanhui"
+    ), be = o(
+      () => u.value === "vertical" ? "xiangxia" : "gengduo"
+    ), G = o(() => r.value <= 0), J = o(() => r.value >= M.value);
+    function ye(e) {
+      E.set(e.uid, e), p.value.includes(e.uid) || (p.value = [...p.value, e.uid]);
+    }
+    function _e(e) {
+      E.delete(e), p.value.includes(e) && (p.value = p.value.filter((t) => t !== e));
+    }
+    Be(Pe, {
+      activeKey: K,
+      lazyLoad: o(() => a.lazyLoad),
+      destroyOnHide: o(() => a.destroyOnHide),
+      trigger: o(() => a.trigger),
+      register: ye,
+      unregister: _e
+    });
+    function xe(e, t) {
+      const l = String(e), n = h.value[l];
+      let s = null;
+      if (t instanceof HTMLElement ? s = t : typeof t == "object" && t !== null && "$el" in t && t.$el instanceof HTMLElement && (s = t.$el), s) {
+        n !== s && (h.value[l] = s);
+        return;
+      }
+      n && delete h.value[l];
+    }
+    function Q(e) {
+      e !== K.value && (X.value = e, L("update:activeKey", e), L("change", e));
+    }
+    function I(e, t) {
+      e.disabled || (Q(e.key), L("tabClick", e.key, t));
+    }
+    function me(e, t) {
+      a.trigger === "click" && I(e, t);
+    }
+    function he(e, t) {
+      a.trigger === "hover" && I(e, t);
+    }
+    function pe(e, t) {
+      t.key === "Enter" && I(e, t);
+    }
+    function Z(e) {
+      L("add", e), a.autoSwitch && $(() => {
+        const t = T.value[T.value.length - 1];
+        t !== void 0 && Q(t);
+      });
+    }
+    function ge(e, t) {
+      e.disabled || (L("delete", e.key, t), $(() => {
+        const l = { ...h.value };
+        delete l[String(e.key)], h.value = l;
+      }));
+    }
+    function ke() {
+      return i.value ? u.value === "vertical" ? i.value.offsetHeight : i.value.offsetWidth : 0;
+    }
+    function ze() {
+      return !i.value || !y.value ? 0 : u.value === "vertical" ? y.value.offsetHeight - i.value.offsetHeight : y.value.offsetWidth - i.value.offsetWidth;
+    }
+    function we() {
+      return !i.value || !y.value ? !1 : u.value === "vertical" ? y.value.offsetHeight > i.value.offsetHeight : y.value.offsetWidth > i.value.offsetWidth;
+    }
+    function W(e) {
+      const t = Number.isFinite(e) ? e : 0, l = 0, n = Math.max(0, M.value);
+      r.value = Math.min(Math.max(t, l), n);
+    }
+    function S() {
+      if (_.value = we(), N.value = ke(), M.value = Math.max(0, ze()), !_.value) {
+        r.value = 0;
+        return;
+      }
+      r.value > M.value && (r.value = M.value);
+    }
+    function k() {
+      if (!v.value) return;
+      const e = u.value === "vertical" ? v.value.offsetTop : v.value.offsetLeft, t = u.value === "vertical" ? v.value.offsetHeight : v.value.offsetWidth;
+      j.value = e, D.value = t;
+    }
+    function z() {
+      if (!v.value || !i.value || !_.value) return;
+      Ae(i.value, u.value);
+      const e = u.value === "horizontal", t = e ? i.value.offsetWidth : i.value.offsetHeight, l = e ? v.value.offsetWidth : v.value.offsetHeight, n = e ? v.value.offsetLeft : v.value.offsetTop, s = e ? a.scrollPosition === "end" ? "marginRight" : "marginLeft" : a.scrollPosition === "end" ? "marginBottom" : "marginTop", Ce = window.getComputedStyle(v.value), H = Number.parseFloat(Ce[s]) || 0;
+      let w = r.value;
+      switch (a.scrollPosition) {
+        case "auto":
+          n < r.value ? w = n - H : n + l > r.value + t && (w = n + l - t + H);
+          break;
+        case "center":
+          w = n + (l - t + H) / 2;
+          break;
+        case "start":
+          w = n - H;
+          break;
+        case "end":
+          w = n + l - t + H;
+          break;
+        default:
+          typeof a.scrollPosition == "number" && (w = n - a.scrollPosition);
+          break;
+      }
+      W(w);
+    }
+    function $e(e) {
+      if (!_.value) return;
+      e.preventDefault();
+      const { deltaX: t, deltaY: l } = e;
+      if (Math.abs(t) > Math.abs(l)) {
+        W(r.value + t);
+        return;
+      }
+      W(r.value + l);
+    }
+    function ee(e) {
+      if (!_.value || e === "previous" && G.value || e === "next" && J.value) return;
+      const t = e === "previous" ? -N.value : N.value;
+      W(r.value + t);
+    }
+    const te = () => {
+      S(), z(), k();
+    };
+    let x = null;
+    function ae() {
+      typeof ResizeObserver > "u" || (x == null || x.disconnect(), x = new ResizeObserver(() => {
+        S(), z(), k();
+      }), i.value && x.observe(i.value), y.value && x.observe(y.value));
+    }
+    return O(
+      T,
+      (e) => {
+        const t = new Set(e.map((l) => String(l)));
+        Object.keys(h.value).forEach((l) => {
+          t.has(l) || delete h.value[l];
+        }), $(() => {
+          S(), z(), k();
+        });
+      },
+      { immediate: !0 }
+    ), O(
+      [U, () => a.scrollPosition],
+      () => {
+        $(() => {
+          z(), k();
+        });
+      },
+      { immediate: !0 }
+    ), O(
+      [() => a.type, () => a.headerPadding, u, g],
+      () => {
+        $(() => {
+          S(), z(), k();
+        });
+      }
+    ), O([i, y], () => {
+      $(() => {
+        ae(), S(), z(), k();
+      });
+    }), Le(() => {
+      ae(), window.addEventListener("resize", te), $(() => {
+        S(), z(), k();
+      });
+    }), Te(() => {
+      x == null || x.disconnect(), x = null, window.removeEventListener("resize", te);
+    }), (e, t) => {
+      const l = Ke("x-icon");
+      return d(), c("div", {
+        class: f(se.value)
+      }, [
+        g.value === "bottom" ? (d(), c("div", {
+          key: 0,
+          class: f(["x-tabs__content", { "x-tabs__content--hide": a.hideContent }])
+        }, [
+          C("div", {
+            class: f(["x-tabs__content-list", { "x-tabs__content-list--animation": a.animation }]),
+            style: P(q.value)
+          }, [
+            A(e.$slots, "default")
+          ], 6)
+        ], 2)) : m("", !0),
+        C("div", {
+          class: f([ue.value, { "x-tabs__nav--with-extra-left": e.$slots.extraLeft }])
+        }, [
+          e.$slots.extraLeft ? (d(), c("div", Ee, [
+            A(e.$slots, "extraLeft")
+          ])) : m("", !0),
+          _.value ? (d(), c("button", {
+            key: 1,
+            type: "button",
+            class: f(["x-tabs__nav-button x-tabs__nav-button--previous", { "is-disabled": G.value }]),
+            onClick: t[0] || (t[0] = (n) => ee("previous"))
+          }, [
+            B(l, {
+              name: fe.value,
+              size: 14
+            }, null, 8, ["name"])
+          ], 2)) : m("", !0),
+          C("div", {
+            ref_key: "navWrapperRef",
+            ref: i,
+            class: f(re.value),
+            onWheel: $e
+          }, [
+            C("div", {
+              ref_key: "navListRef",
+              ref: y,
+              class: f(ve.value),
+              style: P(de.value)
+            }, [
+              (d(!0), c(Me, null, He(F.value, (n) => (d(), c("div", {
+                key: n.key,
+                ref_for: !0,
+                ref: (s) => xe(n.key, s),
+                class: f(["x-tabs__tab", {
+                  "x-tabs__tab--active": n.key === K.value,
+                  "x-tabs__tab--disabled": n.disabled,
+                  "x-tabs__tab--closable": R.value && n.closable
+                }]),
+                tabindex: n.disabled ? -1 : 0,
+                onClick: (s) => me(n, s),
+                onMouseover: (s) => he(n, s),
+                onKeydown: Re((s) => pe(n, s), ["enter"])
+              }, [
+                C("span", je, [
+                  B(We(ie), {
+                    render: n.slots.title,
+                    text: n.title ?? ""
+                  }, null, 8, ["render", "text"])
+                ]),
+                R.value && n.closable ? (d(), c("button", {
+                  key: 0,
+                  type: "button",
+                  class: "x-tabs__tab-close-btn",
+                  onClick: Oe((s) => ge(n, s), ["stop"])
+                }, [
+                  B(l, {
+                    name: "guanbi",
+                    size: 12
+                  })
+                ], 8, De)) : m("", !0)
+              ], 42, Ne))), 128)),
+              a.type === "line" && v.value ? (d(), c("div", {
+                key: 0,
+                class: f(["x-tabs__nav-ink", { "x-tabs__nav-ink--animation": a.animation }]),
+                style: P(ce.value)
+              }, null, 6)) : m("", !0)
+            ], 6),
+            !_.value && R.value && Y.value ? (d(), c("button", {
+              key: 0,
+              type: "button",
+              class: "x-tabs__nav-add-btn",
+              onClick: Z
+            }, [
+              B(l, {
+                name: "checkbox-plus",
+                size: 14
+              })
+            ])) : m("", !0)
+          ], 34),
+          _.value ? (d(), c("button", {
+            key: 2,
+            type: "button",
+            class: f(["x-tabs__nav-button x-tabs__nav-button--next", { "is-disabled": J.value }]),
+            onClick: t[1] || (t[1] = (n) => ee("next"))
+          }, [
+            B(l, {
+              name: be.value,
+              size: 14
+            }, null, 8, ["name"])
+          ], 2)) : m("", !0),
+          C("div", Ie, [
+            _.value && R.value && Y.value ? (d(), c("button", {
+              key: 0,
+              type: "button",
+              class: "x-tabs__nav-add-btn",
+              onClick: Z
+            }, [
+              B(l, {
+                name: "checkbox-plus",
+                size: 14
+              })
+            ])) : m("", !0),
+            A(e.$slots, "extra")
+          ])
+        ], 2),
+        g.value !== "bottom" ? (d(), c("div", {
+          key: 1,
+          class: f(["x-tabs__content", { "x-tabs__content--hide": a.hideContent }])
+        }, [
+          C("div", {
+            class: f(["x-tabs__content-list", { "x-tabs__content-list--animation": a.animation }]),
+            style: P(q.value)
+          }, [
+            A(e.$slots, "default")
+          ], 6)
+        ], 2)) : m("", !0)
+      ], 2);
+    };
+  }
+});
+export {
+  Ve as default
+};

package/dist/components/XTabs.vue2.js

@@ -0,0 +1,4 @@
+import f from "./XTabs.vue.js";
+export {
+  f as default
+};

package/dist/components/XTag.vue.js

@@ -0,0 +1,126 @@
+import { defineComponent as A, ref as p, watch as k, computed as s, useAttrs as N, openBlock as l, createBlock as X, Transition as E, withCtx as I, createElementBlock as c, mergeProps as P, unref as u, createElementVNode as h, renderSlot as y, createCommentVNode as f, createVNode as T } from "vue";
+import j from "./XIcon.js";
+import { useXI18n as W } from "../composables/i18n.js";
+const q = {
+  key: 0,
+  class: "x-tag__icon x-tag__loading"
+}, D = {
+  key: 1,
+  class: "x-tag__icon"
+}, F = { class: "x-tag__content" }, G = ["aria-label"], L = /* @__PURE__ */ A({
+  __name: "XTag",
+  props: {
+    color: { default: "default" },
+    bordered: { type: Boolean, default: !1 },
+    round: { type: Boolean, default: !1 },
+    closable: { type: Boolean, default: !1 },
+    visible: { type: Boolean, default: void 0 },
+    size: { default: "medium" },
+    checkable: { type: Boolean, default: !1 },
+    checked: { type: Boolean, default: void 0 },
+    defaultChecked: { type: Boolean, default: !1 },
+    loading: { type: Boolean, default: !1 }
+  },
+  emits: ["update:visible", "update:checked", "close", "check"],
+  setup(a, { emit: v }) {
+    function C(e, o = "14") {
+      if (!e.startsWith("#")) return "transparent";
+      const d = e.slice(1);
+      return d.length === 3 ? `#${d.split("").map((m) => `${m}${m}`).join("")}${o}` : d.length === 6 ? `${e}${o}` : "transparent";
+    }
+    const t = a, n = v, i = p(!0), r = p(t.defaultChecked);
+    k(
+      () => t.visible,
+      (e) => {
+        typeof e == "boolean" && (i.value = e);
+      },
+      { immediate: !0 }
+    ), k(
+      () => t.checked,
+      (e) => {
+        typeof e == "boolean" && (r.value = e);
+      },
+      { immediate: !0 }
+    );
+    const x = s(() => typeof t.visible == "boolean" ? t.visible : i.value), b = s(() => typeof t.checked == "boolean" ? t.checked : r.value), B = N(), { t: $ } = W(), w = [
+      "default",
+      "primary",
+      "success",
+      "warning",
+      "danger",
+      "red",
+      "orangered",
+      "orange",
+      "gold",
+      "lime",
+      "green",
+      "cyan",
+      "blue",
+      "blue",
+      "purple",
+      "pinkpurple",
+      "magenta",
+      "gray"
+    ], g = s(() => w.includes(t.color)), z = s(() => {
+      if (g.value) return;
+      const e = t.color;
+      return {
+        color: e,
+        borderColor: t.bordered ? e : "transparent",
+        background: t.bordered ? "transparent" : C(e, "14")
+      };
+    });
+    function V(e) {
+      e.stopPropagation(), typeof t.visible != "boolean" && (i.value = !1), n("update:visible", !1), n("close", e);
+    }
+    function S(e) {
+      if (t.checkable && !t.loading) {
+        const o = !b.value;
+        typeof t.checked != "boolean" && (r.value = o), n("update:checked", o), n("check", o, e);
+      }
+    }
+    return (e, o) => (l(), X(E, { name: "x-tag" }, {
+      default: I(() => [
+        x.value ? (l(), c("span", P({ key: 0 }, u(B), {
+          class: ["x-tag", [
+            g.value ? `x-tag--${a.color}` : "x-tag--custom",
+            a.bordered ? "is-bordered" : "",
+            a.round ? "is-round" : "",
+            a.closable ? "is-closable" : "",
+            a.checkable ? "is-checkable" : "",
+            b.value ? "is-checked" : "",
+            a.loading ? "is-loading" : "",
+            `x-tag--${a.size}`
+          ]],
+          style: z.value,
+          onClick: S
+        }), [
+          a.loading ? (l(), c("span", q, [...o[0] || (o[0] = [
+            h("span", { class: "x-tag__loading-spinner" }, null, -1)
+          ])])) : e.$slots.icon ? (l(), c("span", D, [
+            y(e.$slots, "icon")
+          ])) : f("", !0),
+          h("span", F, [
+            y(e.$slots, "default")
+          ]),
+          a.closable && !a.loading ? (l(), c("button", {
+            key: 2,
+            type: "button",
+            class: "x-tag__close",
+            onClick: V,
+            "aria-label": u($)("tag.closeAria", void 0, "关闭")
+          }, [
+            T(u(j), {
+              name: "window-close",
+              size: a.size === "small" ? 10 : 12
+            }, null, 8, ["size"])
+          ], 8, G)) : f("", !0)
+        ], 16)) : f("", !0)
+      ]),
+      _: 3
+    }));
+  }
+});
+export {
+  L as default
+};

package/dist/components/XTag.vue2.js

@@ -0,0 +1,4 @@
+import f from "./XTag.vue.js";
+export {
+  f as default
+};