@rhino-design/vue 0.2.1 → 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.d.ts

@@ -1,46 +1,74 @@
+import { XTabScrollPosition, XTabTriggerEvent, XTabsDirection, XTabsPosition, XTabsSize, XTabsType } from '../composables/tabs';
 type __VLS_Props = {
-    activeKey?: string;
-    defaultActiveKey?: string;
-    type?: 'line' | 'card' | 'rounded' | 'capsule';
-    size?: 'mini' | 'small' | 'medium' | 'large';
-    position?: 'top' | 'bottom' | 'left' | 'right';
+    activeKey?: string | number;
+    defaultActiveKey?: string | number;
+    position?: XTabsPosition;
+    size?: XTabsSize;
+    type?: XTabsType;
+    direction?: XTabsDirection;
     editable?: boolean;
+    showAddButton?: boolean;
     addable?: boolean;
     destroyOnHide?: boolean;
+    lazyLoad?: boolean;
+    justify?: boolean;
+    animation?: boolean;
+    headerPadding?: boolean;
+    autoSwitch?: boolean;
+    hideContent?: boolean;
+    trigger?: XTabTriggerEvent;
+    scrollPosition?: XTabScrollPosition;
 };
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
-        extra?(_: {}): any;
-        extra?(_: {}): any;
         default?(_: {}): any;
+        default?(_: {}): any;
+        extraLeft?(_: {}): any;
+        extra?(_: {}): any;
+    };
+    refs: {
+        navWrapperRef: HTMLDivElement;
+        navListRef: HTMLDivElement;
     };
-    refs: {};
     rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    change: (value: string) => any;
-    add: () => any;
-    delete: (value: string) => any;
-    "update:activeKey": (value: string) => any;
-    tabClick: (value: string) => any;
+    change: (key: string | number) => any;
+    add: (ev: Event) => any;
+    delete: (key: string | number, ev: Event) => any;
+    "update:activeKey": (key: string | number) => any;
+    tabClick: (key: string | number, ev: Event) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onChange?: ((value: string) => any) | undefined;
-    onAdd?: (() => any) | undefined;
-    onDelete?: ((value: string) => any) | undefined;
-    "onUpdate:activeKey"?: ((value: string) => any) | undefined;
-    onTabClick?: ((value: string) => any) | undefined;
+    onChange?: ((key: string | number) => any) | undefined;
+    onAdd?: ((ev: Event) => any) | undefined;
+    onDelete?: ((key: string | number, ev: Event) => any) | undefined;
+    "onUpdate:activeKey"?: ((key: string | number) => any) | undefined;
+    onTabClick?: ((key: string | number, ev: Event) => any) | undefined;
 }>, {
-    position: "top" | "bottom" | "left" | "right";
-    size: "mini" | "small" | "medium" | "large";
-    type: "line" | "card" | "rounded" | "capsule";
-    activeKey: string;
-    defaultActiveKey: string;
+    type: XTabsType;
+    size: XTabsSize;
+    direction: XTabsDirection;
+    position: XTabsPosition;
+    justify: boolean;
+    trigger: XTabTriggerEvent;
+    animation: boolean;
+    activeKey: string | number;
+    defaultActiveKey: string | number;
+    destroyOnHide: boolean;
     editable: boolean;
+    showAddButton: boolean;
     addable: boolean;
-    destroyOnHide: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+    lazyLoad: boolean;
+    headerPadding: boolean;
+    autoSwitch: boolean;
+    hideContent: boolean;
+    scrollPosition: XTabScrollPosition;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    navWrapperRef: HTMLDivElement;
+    navListRef: HTMLDivElement;
+}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

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.d.ts

@@ -3,6 +3,7 @@ export type TagSize = 'small' | 'medium' | 'large';
 type __VLS_Props = {
     color?: TagColor;
     bordered?: boolean;
+    round?: boolean;
     closable?: boolean;
     visible?: boolean;
     size?: TagSize;
@@ -32,15 +33,16 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
     "onUpdate:visible"?: ((value: boolean) => any) | undefined;
     "onUpdate:checked"?: ((value: boolean) => any) | undefined;
 }>, {
+    size: TagSize;
     color: TagColor;
     visible: boolean;
-    size: TagSize;
-    closable: boolean;
+    round: boolean;
     loading: boolean;
+    closable: boolean;
     bordered: boolean;
     checked: boolean;
-    checkable: boolean;
     defaultChecked: boolean;
+    checkable: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;