@transsionfe/semi-ui-vue 0.0.1

package/lib/es/components/tabs/TabItem.vue.js

@@ -0,0 +1,87 @@
+import { defineComponent as D, ref as S, computed as w, createElementBlock as c, openBlock as i, normalizeClass as s, createCommentVNode as f, createBlock as d, unref as m, isVNode as u, resolveDynamicComponent as k, Fragment as r, createTextVNode as C, toDisplayString as T } from "vue";
+import { cssClasses as b } from "@douyinfe/semi-foundation/tabs/constants";
+import N from "../icons/icons/IconClose.js";
+const V = ["id", "data-tabkey", "data-scrollkey", "aria-controls", "aria-disabled", "aria-selected", "tabindex"], E = /* @__PURE__ */ D({
+  __name: "TabItem",
+  props: {
+    tab: {},
+    icon: {},
+    size: {},
+    type: {},
+    tabPosition: {},
+    selected: { type: Boolean, default: !1 },
+    closable: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    itemKey: {},
+    handleKeyDown: {},
+    deleteTabItem: {},
+    onClick: {}
+  },
+  setup(e, { expose: $ }) {
+    const t = e, o = S(), l = b.TABS_TAB, B = w(() => {
+      const { type: n, tabPosition: a, selected: h, disabled: x, size: y } = t;
+      return [
+        l,
+        `${l}-${n}`,
+        `${l}-${a}`,
+        `${l}-single`,
+        {
+          [b.TABS_TAB_ACTIVE]: h,
+          [b.TABS_TAB_DISABLED]: x,
+          [`${l}-small`]: y === "small",
+          [`${l}-medium`]: y === "medium"
+        }
+      ];
+    }), K = (n) => {
+      var a;
+      (a = t.handleKeyDown) == null || a.call(t, n, t.itemKey, t.closable);
+    }, I = (n) => {
+      var a;
+      t.disabled || (a = t.onClick) == null || a.call(t, t.itemKey, n);
+    }, A = (n) => {
+      var a;
+      (a = t.deleteTabItem) == null || a.call(t, t.itemKey, n);
+    };
+    return $({
+      tabItemRef: o,
+      $el: o
+    }), (n, a) => (i(), c("div", {
+      id: `semiTab${e.itemKey}`,
+      ref_key: "tabItemRef",
+      ref: o,
+      class: s(B.value),
+      role: "tab",
+      "data-tabkey": `semiTab${e.itemKey}`,
+      "data-scrollkey": `${e.itemKey}-bar`,
+      "aria-controls": `semiTabPanel${e.itemKey}`,
+      "aria-disabled": e.disabled ? "true" : "false",
+      "aria-selected": e.selected ? "true" : "false",
+      tabindex: e.selected ? 0 : -1,
+      onKeydown: K,
+      onClick: I
+    }, [
+      e.icon ? (i(), c("span", {
+        key: 0,
+        class: s(`${m(l)}-icon`)
+      }, [
+        u(e.icon) || typeof e.icon == "function" || typeof e.icon == "object" && e.icon !== null && ("__name" in e.icon || "setup" in e.icon || "render" in e.icon || "name" in e.icon || "props" in e.icon) ? (i(), d(k(e.icon), { key: 0 })) : (i(), c(r, { key: 1 }, [
+          C(T(e.icon), 1)
+        ], 64))
+      ], 2)) : f("", !0),
+      u(e.tab) ? (i(), d(k(e.tab), { key: 1 })) : (i(), c(r, { key: 2 }, [
+        C(T(e.tab), 1)
+      ], 64)),
+      e.closable ? (i(), d(m(N), {
+        key: 3,
+        "aria-label": "Close",
+        role: "button",
+        class: s(`${m(l)}-icon-close`),
+        onClick: A
+      }, null, 8, ["class"])) : f("", !0)
+    ], 42, V));
+  }
+});
+export {
+  E as default
+};
+//# sourceMappingURL=TabItem.vue.js.map

package/lib/es/components/tabs/TabItem.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabItem.vue.js","sources":["../../../../src/components/tabs/TabItem.vue"],"sourcesContent":["<template>\n    <div\n        :id=\"`semiTab${itemKey}`\"\n        ref=\"tabItemRef\"\n        :class=\"className\"\n        role=\"tab\"\n        :data-tabkey=\"`semiTab${itemKey}`\"\n        :data-scrollkey=\"`${itemKey}-bar`\"\n        :aria-controls=\"`semiTabPanel${itemKey}`\"\n        :aria-disabled=\"disabled ? 'true' : 'false'\"\n        :aria-selected=\"selected ? 'true' : 'false'\"\n        :tabindex=\"selected ? 0 : -1\"\n        @keydown=\"handleKeyDownInItem\"\n        @click=\"handleItemClick\"\n    >\n        <span v-if=\"icon\" :class=\"`${prefixCls}-icon`\">\n            <!-- Render icon as component - try component first, then fallback to text -->\n            <!-- Check if icon is a component definition (function, object with component properties, or VNode) -->\n            <component\n                :is=\"icon\"\n                v-if=\"\n                    isVNode(icon) ||\n                    typeof icon === 'function' ||\n                    (typeof icon === 'object' &&\n                        icon !== null &&\n                        ('__name' in icon || 'setup' in icon || 'render' in icon || 'name' in icon || 'props' in icon))\n                \"\n            />\n            <template v-else>{{ icon }}</template>\n        </span>\n        <component :is=\"tab\" v-if=\"isVNode(tab)\" />\n        <template v-else>{{ tab }}</template>\n        <IconClose\n            v-if=\"closable\"\n            aria-label=\"Close\"\n            role=\"button\"\n            :class=\"`${prefixCls}-icon-close`\"\n            @click=\"handleCloseClick\"\n        />\n    </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, ref, isVNode } from 'vue';\nimport { cssClasses } from '@douyinfe/semi-foundation/tabs/constants';\nimport { IconClose } from '../icons';\nimport type { TabItemProps } from './interface';\n\nconst props = withDefaults(defineProps<TabItemProps>(), {\n    selected: false,\n    closable: false,\n    disabled: false,\n});\n\nconst tabItemRef = ref<HTMLDivElement>();\n\nconst prefixCls = cssClasses.TABS_TAB;\n\nconst className = computed(() => {\n    const { type, tabPosition, selected, disabled, size } = props;\n    return [\n        prefixCls,\n        `${prefixCls}-${type}`,\n        `${prefixCls}-${tabPosition}`,\n        `${prefixCls}-single`,\n        {\n            [cssClasses.TABS_TAB_ACTIVE]: selected,\n            [cssClasses.TABS_TAB_DISABLED]: disabled,\n            [`${prefixCls}-small`]: size === 'small',\n            [`${prefixCls}-medium`]: size === 'medium',\n        },\n    ];\n});\n\nconst handleKeyDownInItem = (event: KeyboardEvent) => {\n    props.handleKeyDown?.(event, props.itemKey, props.closable);\n};\n\nconst handleItemClick = (e: MouseEvent) => {\n    if (!props.disabled) {\n        props.onClick?.(props.itemKey, e);\n    }\n};\n\nconst handleCloseClick = (e: MouseEvent) => {\n    props.deleteTabItem?.(props.itemKey, e);\n};\n\n// Expose the DOM element directly for OverflowList compatibility\ndefineExpose({\n    tabItemRef,\n    $el: tabItemRef,\n});\n</script>\n"],"names":["props","__props","tabItemRef","ref","prefixCls","cssClasses","className","computed","type","tabPosition","selected","disabled","size","handleKeyDownInItem","event","_a","handleItemClick","e","handleCloseClick","__expose","_createElementBlock","_unref","isVNode","_openBlock","_createBlock","_resolveDynamicComponent","_Fragment","IconClose"],"mappings":";;;;;;;;;;;;;;;;;;;;AAgDA,UAAMA,IAAQC,GAMRC,IAAaC,EAAA,GAEbC,IAAYC,EAAW,UAEvBC,IAAYC,EAAS,MAAM;AAC7B,YAAM,EAAE,MAAAC,GAAM,aAAAC,GAAa,UAAAC,GAAU,UAAAC,GAAU,MAAAC,MAASZ;AACxD,aAAO;AAAA,QACHI;AAAA,QACA,GAAGA,CAAS,IAAII,CAAI;AAAA,QACpB,GAAGJ,CAAS,IAAIK,CAAW;AAAA,QAC3B,GAAGL,CAAS;AAAA,QACZ;AAAA,UACI,CAACC,EAAW,eAAe,GAAGK;AAAA,UAC9B,CAACL,EAAW,iBAAiB,GAAGM;AAAA,UAChC,CAAC,GAAGP,CAAS,QAAQ,GAAGQ,MAAS;AAAA,UACjC,CAAC,GAAGR,CAAS,SAAS,GAAGQ,MAAS;AAAA,QAAA;AAAA,MACtC;AAAA,IAER,CAAC,GAEKC,IAAsB,CAACC,MAAyB;;AAClD,OAAAC,IAAAf,EAAM,kBAAN,QAAAe,EAAA,KAAAf,GAAsBc,GAAOd,EAAM,SAASA,EAAM;AAAA,IACtD,GAEMgB,IAAkB,CAACC,MAAkB;;AACvC,MAAKjB,EAAM,aACPe,IAAAf,EAAM,YAAN,QAAAe,EAAA,KAAAf,GAAgBA,EAAM,SAASiB;AAAA,IAEvC,GAEMC,IAAmB,CAACD,MAAkB;;AACxC,OAAAF,IAAAf,EAAM,kBAAN,QAAAe,EAAA,KAAAf,GAAsBA,EAAM,SAASiB;AAAA,IACzC;AAGA,WAAAE,EAAa;AAAA,MACT,YAAAjB;AAAA,MACA,KAAKA;AAAA,IAAA,CACR,mBA3FGkB,EAsCM,OAAA;AAAA,MArCD,cAAcnB,EAAA,OAAO;AAAA,eAClB;AAAA,MAAJ,KAAIC;AAAA,MACH,SAAOI,EAAA,KAAS;AAAA,MACjB,MAAK;AAAA,MACJ,yBAAuBL,EAAA,OAAO;AAAA,MAC9B,qBAAmBA,EAAA,OAAO;AAAA,MAC1B,gCAA8BA,EAAA,OAAO;AAAA,MACrC,iBAAeA,EAAA,WAAQ,SAAA;AAAA,MACvB,iBAAeA,EAAA,WAAQ,SAAA;AAAA,MACvB,UAAUA,EAAA,WAAQ,IAAA;AAAA,MAClB,WAASY;AAAA,MACT,SAAOG;AAAA,IAAA;MAEIf,EAAA,aAAZmB,EAcO,QAAA;AAAA;QAdY,YAAUC,EAAAjB,CAAA,CAAS,OAAA;AAAA,MAAA;QAKHkB,EAAQrB,EAAA,IAAI,YAAgCA,EAAA,QAAI,qBAA+CA,EAAA,QAAI,YAAyCA,EAAA,SAAI,SAAkD,YAAAA,EAAA,mBAAmBA,EAAA,QAAI,YAAgBA,UAAI,UAAcA,EAAA,mBAAmBA,EAAA,SAF7SsB,KAAAC,EASEC,EAROxB,EAAA,IAAI,GAAA,EAAA,KAAA,EAAA,CAAA,WASbmB,EAAsCM,GAAA,EAAA,KAAA,KAAA;AAAA,cAAlBzB,EAAA,IAAI,GAAA,CAAA;AAAA,QAAA;;MAEDqB,EAAQrB,EAAA,GAAG,KAAtCsB,KAAAC,EAA2CC,EAA3BxB,EAAA,GAAG,GAAA,EAAA,KAAA,EAAA,CAAA,WACnBmB,EAAqCM,GAAA,EAAA,KAAA,KAAA;AAAA,YAAjBzB,EAAA,GAAG,GAAA,CAAA;AAAA,MAAA;MAEbA,EAAA,iBADVuB,EAMEH,EAAAM,CAAA,GAAA;AAAA;QAJE,cAAW;AAAA,QACX,MAAK;AAAA,QACJ,YAAUN,EAAAjB,CAAA,CAAS,aAAA;AAAA,QACnB,SAAOc;AAAA,MAAA;;;;"}

package/lib/es/components/tabs/TabPane.vue.js

@@ -0,0 +1,76 @@
+import { defineComponent as I, ref as v, inject as S, computed as r, createElementBlock as p, openBlock as B, normalizeStyle as K, normalizeClass as h, createVNode as C, withCtx as O, createElementVNode as M, mergeProps as R, unref as V, renderSlot as H, createCommentVNode as k } from "vue";
+import { cssClasses as a } from "@douyinfe/semi-foundation/tabs/constants";
+import { TabsContextKey as W } from "./context.js";
+import $ from "../_cssAnimation/index.vue.js";
+const g = ["id", "aria-labelledby", "aria-hidden", "tabindex"], w = /* @__PURE__ */ I({
+  name: "TabPane",
+  __name: "TabPane",
+  props: {
+    className: {},
+    disabled: { type: Boolean },
+    icon: {},
+    itemKey: {},
+    style: {},
+    tab: {},
+    closable: { type: Boolean },
+    tabIndex: {}
+  },
+  setup(s, { expose: _ }) {
+    const l = s, A = v(), c = v(!1), t = S(W, {}), n = r(() => t.activeKey === l.itemKey);
+    n.value && (c.value = !0);
+    const T = r(() => [
+      l.className,
+      {
+        [a.TABS_PANE_INACTIVE]: !n.value,
+        [a.TABS_PANE_ACTIVE]: n.value,
+        [a.TABS_PANE]: !0
+      }
+    ]), y = r(() => {
+      const { lazyRender: e } = t;
+      return n.value && (c.value = !0), e ? c.value : !0;
+    }), b = (e, m, i, d) => {
+      if (m && e && Array.isArray(i) && i.length) {
+        const u = i.findIndex((o) => o.itemKey === e), f = i.findIndex((o) => o.itemKey === m), x = i.findIndex((o) => o.itemKey === d);
+        return u === f ? x > u : f < u;
+      }
+      return !1;
+    }, N = r(() => {
+      const e = b(t.activeKey, l.itemKey, t.panes || [], t.prevActiveKey);
+      return t.tabPosition === "top" ? e ? a.TABS_PANE_ANIMATE_RIGHT_SHOW : a.TABS_PANE_ANIMATE_LEFT_SHOW : e ? a.TABS_PANE_ANIMATE_BOTTOM_SHOW : a.TABS_PANE_ANIMATE_TOP_SHOW;
+    }), E = r(() => !(t.panes || []).find((e) => e.itemKey === t.prevActiveKey)), P = r(() => t.tabPaneMotion && n.value && !E.value && !t.forceDisableMotion);
+    return _({
+      tabPaneRef: A
+    }), (e, m) => (B(), p("div", {
+      id: `semiTabPanel${s.itemKey}`,
+      ref_key: "tabPaneRef",
+      ref: A,
+      role: "tabpanel",
+      "aria-labelledby": `semiTab${s.itemKey}`,
+      class: h(T.value),
+      style: K(s.style),
+      "aria-hidden": n.value ? "false" : "true",
+      tabindex: s.tabIndex || 0,
+      "x-semi-prop": "children"
+    }, [
+      C($, {
+        motion: P.value,
+        animationState: n.value ? "enter" : "leave",
+        startClassName: N.value
+      }, {
+        default: O(({ animationClassName: i, animationEventsNeedBind: d }) => [
+          M("div", R({
+            class: [V(a).TABS_PANE_MOTION_OVERLAY, i],
+            "x-semi-prop": "children"
+          }, d), [
+            y.value ? H(e.$slots, "default", { key: 0 }) : k("", !0)
+          ], 16)
+        ]),
+        _: 3
+      }, 8, ["motion", "animationState", "startClassName"])
+    ], 14, g));
+  }
+});
+export {
+  w as default
+};
+//# sourceMappingURL=TabPane.vue.js.map

package/lib/es/components/tabs/TabPane.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabPane.vue.js","sources":["../../../../src/components/tabs/TabPane.vue"],"sourcesContent":["<template>\n    <div\n        :id=\"`semiTabPanel${itemKey}`\"\n        ref=\"tabPaneRef\"\n        role=\"tabpanel\"\n        :aria-labelledby=\"`semiTab${itemKey}`\"\n        :class=\"classNames\"\n        :style=\"style\"\n        :aria-hidden=\"active ? 'false' : 'true'\"\n        :tabindex=\"tabIndex || 0\"\n        x-semi-prop=\"children\"\n    >\n        <CSSAnimation :motion=\"hasMotion\" :animationState=\"active ? 'enter' : 'leave'\" :startClassName=\"startClassName\">\n            <template #default=\"{ animationClassName, animationEventsNeedBind }\">\n                <div\n                    :class=\"[cssClasses.TABS_PANE_MOTION_OVERLAY, animationClassName]\"\n                    x-semi-prop=\"children\"\n                    v-bind=\"animationEventsNeedBind\"\n                >\n                    <slot v-if=\"shouldRender\"></slot>\n                </div>\n            </template>\n        </CSSAnimation>\n    </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject, ref } from 'vue';\nimport { cssClasses } from '@douyinfe/semi-foundation/tabs/constants';\nimport { TabsContextKey } from './context';\nimport type { TabPaneProps, PlainTab } from './interface';\nimport CSSAnimation from '../_cssAnimation/index.vue';\n\ndefineOptions({\n    name: 'TabPane',\n});\n\nconst props = defineProps<TabPaneProps>();\n\nconst tabPaneRef = ref<HTMLDivElement>();\nconst _active = ref(false);\n\nconst context = inject(TabsContextKey, {});\n\nconst active = computed(() => context.activeKey === props.itemKey);\n\n// Track if this pane has ever been active for lazy rendering\nif (active.value) {\n    _active.value = true;\n}\n\nconst classNames = computed(() => {\n    return [\n        props.className,\n        {\n            [cssClasses.TABS_PANE_INACTIVE]: !active.value,\n            [cssClasses.TABS_PANE_ACTIVE]: active.value,\n            [cssClasses.TABS_PANE]: true,\n        },\n    ];\n});\n\nconst shouldRender = computed(() => {\n    const { lazyRender } = context;\n    if (active.value) {\n        _active.value = true;\n    }\n    return lazyRender ? _active.value : true;\n});\n\nconst getDirection = (activeKey: string, itemKey: string, panes: Array<PlainTab>, lastActiveKey: string): boolean => {\n    if (itemKey && activeKey && Array.isArray(panes) && panes.length) {\n        const activeIndex = panes.findIndex((pane) => pane.itemKey === activeKey);\n        const itemIndex = panes.findIndex((pane) => pane.itemKey === itemKey);\n        const lastActiveIndex = panes.findIndex((pane) => pane.itemKey === lastActiveKey);\n\n        if (activeIndex === itemIndex) {\n            return lastActiveIndex > activeIndex;\n        } else {\n            return itemIndex < activeIndex;\n        }\n    }\n\n    return false;\n};\n\nconst startClassName = computed(() => {\n    const direction = getDirection(context.activeKey, props.itemKey, context.panes || [], context.prevActiveKey);\n    if (context.tabPosition === 'top') {\n        if (direction) {\n            return cssClasses.TABS_PANE_ANIMATE_RIGHT_SHOW;\n        } else {\n            return cssClasses.TABS_PANE_ANIMATE_LEFT_SHOW;\n        }\n    } else {\n        if (direction) {\n            return cssClasses.TABS_PANE_ANIMATE_BOTTOM_SHOW;\n        } else {\n            return cssClasses.TABS_PANE_ANIMATE_TOP_SHOW;\n        }\n    }\n});\n\nconst isActivatedBecauseOtherTabPaneRemoved = computed(() => {\n    return !(context.panes || []).find((tabPane) => tabPane.itemKey === context.prevActiveKey);\n});\n\nconst hasMotion = computed(() => {\n    return (\n        context.tabPaneMotion &&\n        active.value &&\n        !isActivatedBecauseOtherTabPaneRemoved.value &&\n        !context.forceDisableMotion\n    );\n});\n\ndefineExpose({\n    tabPaneRef,\n});\n</script>\n"],"names":["props","__props","tabPaneRef","ref","_active","context","inject","TabsContextKey","active","computed","classNames","cssClasses","shouldRender","lazyRender","getDirection","activeKey","itemKey","panes","lastActiveKey","activeIndex","pane","itemIndex","lastActiveIndex","startClassName","direction","isActivatedBecauseOtherTabPaneRemoved","tabPane","hasMotion","__expose","_createElementBlock","_createVNode","CSSAnimation","_withCtx","animationClassName","animationEventsNeedBind","_createElementVNode","_mergeProps","_unref","_renderSlot","_ctx"],"mappings":";;;;;;;;;;;;;;;;;;AAqCA,UAAMA,IAAQC,GAERC,IAAaC,EAAA,GACbC,IAAUD,EAAI,EAAK,GAEnBE,IAAUC,EAAOC,GAAgB,EAAE,GAEnCC,IAASC,EAAS,MAAMJ,EAAQ,cAAcL,EAAM,OAAO;AAGjE,IAAIQ,EAAO,UACPJ,EAAQ,QAAQ;AAGpB,UAAMM,IAAaD,EAAS,MACjB;AAAA,MACHT,EAAM;AAAA,MACN;AAAA,QACI,CAACW,EAAW,kBAAkB,GAAG,CAACH,EAAO;AAAA,QACzC,CAACG,EAAW,gBAAgB,GAAGH,EAAO;AAAA,QACtC,CAACG,EAAW,SAAS,GAAG;AAAA,MAAA;AAAA,IAC5B,CAEP,GAEKC,IAAeH,EAAS,MAAM;AAChC,YAAM,EAAE,YAAAI,MAAeR;AACvB,aAAIG,EAAO,UACPJ,EAAQ,QAAQ,KAEbS,IAAaT,EAAQ,QAAQ;AAAA,IACxC,CAAC,GAEKU,IAAe,CAACC,GAAmBC,GAAiBC,GAAwBC,MAAmC;AACjH,UAAIF,KAAWD,KAAa,MAAM,QAAQE,CAAK,KAAKA,EAAM,QAAQ;AAC9D,cAAME,IAAcF,EAAM,UAAU,CAACG,MAASA,EAAK,YAAYL,CAAS,GAClEM,IAAYJ,EAAM,UAAU,CAACG,MAASA,EAAK,YAAYJ,CAAO,GAC9DM,IAAkBL,EAAM,UAAU,CAACG,MAASA,EAAK,YAAYF,CAAa;AAEhF,eAAIC,MAAgBE,IACTC,IAAkBH,IAElBE,IAAYF;AAAA,MAE3B;AAEA,aAAO;AAAA,IACX,GAEMI,IAAiBd,EAAS,MAAM;AAClC,YAAMe,IAAYV,EAAaT,EAAQ,WAAWL,EAAM,SAASK,EAAQ,SAAS,IAAIA,EAAQ,aAAa;AAC3G,aAAIA,EAAQ,gBAAgB,QACpBmB,IACOb,EAAW,+BAEXA,EAAW,8BAGlBa,IACOb,EAAW,gCAEXA,EAAW;AAAA,IAG9B,CAAC,GAEKc,IAAwChB,EAAS,MAC5C,EAAEJ,EAAQ,SAAS,IAAI,KAAK,CAACqB,MAAYA,EAAQ,YAAYrB,EAAQ,aAAa,CAC5F,GAEKsB,IAAYlB,EAAS,MAEnBJ,EAAQ,iBACRG,EAAO,SACP,CAACiB,EAAsC,SACvC,CAACpB,EAAQ,kBAEhB;AAED,WAAAuB,EAAa;AAAA,MACT,YAAA1B;AAAA,IAAA,CACH,mBArHG2B,EAsBM,OAAA;AAAA,MArBD,mBAAmB5B,EAAA,OAAO;AAAA,eACvB;AAAA,MAAJ,KAAIC;AAAA,MACJ,MAAK;AAAA,MACJ,6BAA2BD,EAAA,OAAO;AAAA,MAClC,SAAOS,EAAA,KAAU;AAAA,MACjB,SAAOT,EAAA,KAAK;AAAA,MACZ,eAAaO,EAAA,QAAM,UAAA;AAAA,MACnB,UAAUP,EAAA,YAAQ;AAAA,MACnB,eAAY;AAAA,IAAA;MAEZ6B,EAUeC,GAAA;AAAA,QAVA,QAAQJ,EAAA;AAAA,QAAY,gBAAgBnB,EAAA,QAAM,UAAA;AAAA,QAAuB,gBAAgBe,EAAA;AAAA,MAAA;QACjF,SAAOS,EACd,CAMM,EAPY,oBAAAC,GAAoB,yBAAAC,QAAuB;AAAA,UAC7DC,EAMM,OANNC,EAMM;AAAA,YALD,OAAK,CAAGC,EAAA1B,CAAA,EAAW,0BAA0BsB,CAAkB;AAAA,YAChE,eAAY;AAAA,UAAA,GACJC,CAAuB,GAAA;AAAA,YAEnBtB,EAAA,QAAZ0B,EAAiCC,EAAA,QAAA,WAAA,EAAA,KAAA,EAAA,CAAA;;;;;;;;"}

package/lib/es/components/tabs/Tabs.vue.js

@@ -0,0 +1,288 @@
+import { defineComponent as Q, useSlots as X, reactive as S, ref as Y, onMounted as Z, nextTick as ee, onBeforeUnmount as te, watch as f, computed as u, h as ae, provide as ne, createElementBlock as k, openBlock as m, normalizeStyle as w, normalizeClass as D, createBlock as N, createElementVNode as re, resolveDynamicComponent as E, renderSlot as oe, Fragment as M, renderList as ie, markRaw as _ } from "vue";
+import { cssClasses as K } from "@douyinfe/semi-foundation/tabs/constants";
+import { pick as L, isEqual as P } from "lodash-es";
+import se from "@douyinfe/semi-foundation/tabs/foundation";
+import x from "./TabBar.vue.js";
+import { TabsContextKey as le } from "./context.js";
+const de = /* @__PURE__ */ Q({
+  name: "Tabs",
+  __name: "Tabs",
+  props: {
+    activeKey: {},
+    className: {},
+    collapsible: { type: Boolean, default: !1 },
+    contentStyle: {},
+    defaultActiveKey: {},
+    keepDOM: { type: Boolean, default: !0 },
+    lazyRender: { type: Boolean, default: !1 },
+    onChange: {},
+    onTabClick: {},
+    renderTabBar: {},
+    showRestInDropdown: { type: Boolean, default: !0 },
+    size: { default: "large" },
+    style: {},
+    tabBarClassName: {},
+    tabBarExtraContent: {},
+    tabBarStyle: {},
+    tabList: {},
+    tabPaneMotion: { type: Boolean, default: !0 },
+    tabPosition: { default: "top" },
+    type: { default: "line" },
+    onTabClose: {},
+    preventScroll: { type: Boolean },
+    more: {},
+    onVisibleTabsChange: {},
+    visibleTabsStyle: {},
+    arrowPosition: { default: "both" },
+    renderArrow: {},
+    dropdownProps: {}
+  },
+  emits: ["change", "update:activeKey", "tabClick", "tabClose"],
+  setup(b, { emit: R }) {
+    const r = b, d = R, c = X(), v = (e) => {
+      const t = [];
+      return (e || []).forEach((n) => {
+        var o;
+        if (n && ((o = n.type) == null ? void 0 : o.toString()) !== "Symbol(Comment)" && !(typeof n.children == "string" && !n.type))
+          if (n.type === M) {
+            const s = Array.isArray(n.children) ? n.children : [];
+            t.push(...v(s));
+          } else Array.isArray(n) ? t.push(...v(n)) : n && n.type && t.push(n);
+      }), t;
+    }, z = () => {
+      var o;
+      const { tabList: e } = r, t = ((o = c.default) == null ? void 0 : o.call(c)) || [];
+      return Array.isArray(e) && e.length ? e : v(Array.isArray(t) ? t : [t]).filter((s) => {
+        if (!s || !s.type) return !1;
+        const l = s.type;
+        return l.__name === "TabPane" || l.name === "TabPane";
+      }).map((s) => {
+        if (s) {
+          const { tab: l, icon: i, disabled: g, itemKey: T, closable: h } = s.props || {};
+          return {
+            tab: typeof l == "object" && l !== null ? _(l) : l,
+            icon: i && typeof i == "object" && i !== null ? _(i) : i,
+            disabled: g,
+            itemKey: T,
+            closable: h
+          };
+        }
+      }).filter(Boolean);
+    }, a = S({
+      activeKey: "",
+      panes: [],
+      prevActiveKey: null,
+      forceDisableMotion: !1
+    }), I = Y();
+    function O() {
+      return {
+        getProps: () => {
+          const e = {};
+          return Object.keys(r).forEach((t) => {
+            r[t] !== void 0 && (e[t] = r[t]);
+          }), e;
+        },
+        getState: (e) => a[e],
+        getStates: () => a,
+        setState: (e) => {
+          Object.assign(a, e);
+        },
+        getProp: (e) => r[e],
+        getContext: () => ({}),
+        getContexts: () => ({}),
+        getCache: () => ({}),
+        getCaches: () => ({}),
+        setCache: () => {
+        },
+        collectPane: () => {
+          a.panes.length;
+        },
+        collectActiveKey: () => {
+          const { tabList: e, activeKey: t } = r;
+          if (typeof t < "u")
+            return;
+          const { activeKey: n } = a, o = a.panes;
+          o.findIndex((s) => s.itemKey === n) === -1 && (o.length > 0 ? a.activeKey = o[0].itemKey : a.activeKey = "");
+        },
+        notifyTabClick: (e, t) => {
+          d("tabClick", e, t);
+        },
+        notifyChange: (e) => {
+          d("change", e), d("update:activeKey", e);
+        },
+        setNewActiveKey: (e) => {
+          a.activeKey = e;
+        },
+        getDefaultActiveKeyFromChildren: () => {
+          const { tabList: e } = r;
+          let t = "";
+          return (e || a.panes).forEach((o) => {
+            o && !t && !o.disabled && (t = o.itemKey);
+          }), t;
+        },
+        notifyTabDelete: (e) => {
+          d("tabClose", e);
+        },
+        stopPropagation: (e) => {
+          e == null || e.stopPropagation();
+        },
+        persistEvent: (e) => e
+      };
+    }
+    const y = new se(O());
+    Z(() => {
+      y.init(), ee(() => {
+        r.activeKey || (a.activeKey = y.getDefaultActiveKey()), y.handleTabPanesChange();
+      });
+    }), te(() => {
+      y.destroy();
+    }), r.activeKey && (a.activeKey = r.activeKey), f(
+      () => r.activeKey,
+      (e) => {
+        e !== void 0 && e !== a.activeKey && (a.prevActiveKey = a.activeKey, a.activeKey = e);
+      }
+    );
+    const A = ["className", "style", "disabled", "itemKey", "tab", "icon"];
+    let C = [];
+    f(
+      () => a.panes.map((e) => L(e, A)),
+      (e) => {
+        const t = r.tabList;
+        !P(C, e) && !t && y.handleTabPanesChange(), C = e;
+      },
+      { deep: !0 }
+    ), f(
+      () => r.tabList,
+      (e, t) => {
+        P(e, t) || y.handleTabListChange();
+      },
+      { deep: !0 }
+    ), f(
+      () => a.activeKey,
+      (e, t) => {
+        t !== a.prevActiveKey && (a.prevActiveKey = t);
+      }
+    ), f(
+      () => r.activeKey,
+      (e) => {
+        var l;
+        const n = (((l = c.default) == null ? void 0 : l.call(c)) || []).filter(
+          (i) => i.type && (i.type.__name === "TabPane" || i.type.name === "TabPane")
+        ).map((i) => L(i.props, A)), o = new Set(C.map((i) => i.itemKey)), s = n.map((i) => i.itemKey).filter((i) => !o.has(i));
+        a.forceDisableMotion = s.includes(e);
+      }
+    );
+    const $ = u(() => {
+      const { className: e, tabPosition: t } = r;
+      return [
+        e,
+        {
+          [K.TABS]: !0,
+          [`${K.TABS}-${t}`]: t
+        }
+      ];
+    }), j = u(() => {
+      const { tabPosition: e } = r;
+      return [
+        {
+          [K.TABS_CONTENT]: !0,
+          [`${K.TABS_CONTENT}-${e}`]: e
+        }
+      ];
+    }), F = (e, t) => {
+      y.handleTabClick(e, t);
+    }, V = (e, t) => {
+      t.stopPropagation(), y.handleTabDelete(e);
+    }, B = u(() => {
+      const {
+        tabBarClassName: e,
+        collapsible: t,
+        showRestInDropdown: n,
+        size: o,
+        tabBarStyle: s,
+        tabBarExtraContent: l,
+        tabPosition: i,
+        type: g,
+        more: T,
+        onVisibleTabsChange: h,
+        visibleTabsStyle: W,
+        arrowPosition: G,
+        renderArrow: H,
+        dropdownProps: J
+      } = r, p = z();
+      return p.length > 0 && (a.panes.length !== p.length || !P(a.panes, p)) && (a.panes = p), {
+        activeKey: a.activeKey,
+        className: e,
+        collapsible: t,
+        list: p,
+        onTabClick: F,
+        showRestInDropdown: n,
+        size: o,
+        style: s,
+        tabBarExtraContent: l,
+        tabPosition: i,
+        type: g,
+        deleteTabItem: V,
+        handleKeyDown: y.handleKeyDown,
+        more: T,
+        onVisibleTabsChange: h,
+        visibleTabsStyle: W,
+        arrowPosition: G,
+        renderArrow: H,
+        dropdownProps: J
+      };
+    }), q = u(() => r.renderTabBar ? r.renderTabBar(B.value, x) : ae(x, B.value)), U = u(() => {
+      var n;
+      const e = ((n = c.default) == null ? void 0 : n.call(c)) || [];
+      return v(Array.isArray(e) ? e : [e]).filter((o) => {
+        var s;
+        return o.type && (o.type.__name === "TabPane" || o.type.name === "TabPane") ? ((s = o.props) == null ? void 0 : s.itemKey) === a.activeKey : !0;
+      });
+    });
+    return ne(
+      le,
+      S({
+        get activeKey() {
+          return a.activeKey;
+        },
+        get lazyRender() {
+          return r.lazyRender;
+        },
+        get panes() {
+          return a.panes;
+        },
+        get tabPaneMotion() {
+          return r.tabPaneMotion;
+        },
+        get tabPosition() {
+          return r.tabPosition;
+        },
+        get prevActiveKey() {
+          return a.prevActiveKey;
+        },
+        get forceDisableMotion() {
+          return a.forceDisableMotion;
+        }
+      })
+    ), (e, t) => (m(), k("div", {
+      class: D($.value),
+      style: w(b.style)
+    }, [
+      (m(), N(E(q.value))),
+      re("div", {
+        ref_key: "contentRef",
+        ref: I,
+        class: D(j.value),
+        style: w(b.contentStyle)
+      }, [
+        b.keepDOM ? oe(e.$slots, "default", { key: 0 }) : (m(!0), k(M, { key: 1 }, ie(U.value, (n) => (m(), N(E(n), {
+          key: n.key
+        }))), 128))
+      ], 6)
+    ], 6));
+  }
+});
+export {
+  de as default
+};
+//# sourceMappingURL=Tabs.vue.js.map

package/lib/es/components/tabs/Tabs.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.vue.js","sources":["../../../../src/components/tabs/Tabs.vue"],"sourcesContent":["<template>\n    <div :class=\"tabWrapperCls\" :style=\"style\">\n        <component :is=\"tabBar\" />\n        <div ref=\"contentRef\" :class=\"tabContentCls\" :style=\"contentStyle\">\n            <slot v-if=\"keepDOM\"></slot>\n            <template v-else>\n                <component :is=\"child\" v-for=\"child in activeChildren\" :key=\"child.key\" />\n            </template>\n        </div>\n    </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport {\n    computed,\n    h,\n    onMounted,\n    onBeforeUnmount,\n    provide,\n    reactive,\n    ref,\n    VNode,\n    watch,\n    useSlots,\n    nextTick,\n    markRaw,\n    Fragment,\n} from 'vue';\nimport { cssClasses } from '@douyinfe/semi-foundation/tabs/constants';\nimport { isEqual, pick } from 'lodash-es';\nimport TabsFoundation, { TabsAdapter } from '@douyinfe/semi-foundation/tabs/foundation';\nimport getDataAttr from '@douyinfe/semi-foundation/utils/getDataAttr';\nimport TabBar from './TabBar.vue';\nimport { TabsContextKey } from './context';\nimport type { TabsProps, PlainTab, TabBarProps, TabContextValue } from './interface';\n\ndefineOptions({\n    name: 'Tabs',\n});\n\nconst props = withDefaults(defineProps<TabsProps>(), {\n    collapsible: false,\n    keepDOM: true,\n    lazyRender: false,\n    size: 'large',\n    tabPaneMotion: true,\n    tabPosition: 'top',\n    type: 'line',\n    showRestInDropdown: true,\n    arrowPosition: 'both',\n});\n\nconst emit = defineEmits<{\n    (e: 'change', activeKey: string): void;\n    (e: 'update:activeKey', activeKey: string): void;\n    (e: 'tabClick', activeKey: string, event: MouseEvent): void;\n    (e: 'tabClose', tabKey: string): void;\n}>();\n\nconst slots = useSlots();\n\n// Helper function to flatten children (handle Fragment and arrays)\nconst flattenChildren = (children: any[]): any[] => {\n    const result: any[] = [];\n    (children || []).forEach((child: any) => {\n        if (!child) return;\n        // Filter comment nodes\n        if (child.type?.toString() === 'Symbol(Comment)') return;\n        // Filter text nodes\n        if (typeof child.children === 'string' && !child.type) return;\n\n        // Handle Fragment (v-for may create Fragment)\n        if (child.type === Fragment) {\n            const fragmentChildren = Array.isArray(child.children) ? child.children : [];\n            result.push(...flattenChildren(fragmentChildren));\n        }\n        // Handle arrays\n        else if (Array.isArray(child)) {\n            result.push(...flattenChildren(child));\n        }\n        // Handle regular VNode\n        else if (child && child.type) {\n            result.push(child);\n        }\n    });\n    return result;\n};\n\nconst getPanes = (): PlainTab[] => {\n    const { tabList } = props;\n    const children = slots.default?.() || [];\n\n    if (Array.isArray(tabList) && tabList.length) {\n        return tabList;\n    }\n\n    // Flatten children to handle Fragment and nested arrays (from v-for)\n    const flatChildren = flattenChildren(Array.isArray(children) ? children : [children]);\n\n    return flatChildren\n        .filter((child) => {\n            if (!child || !child.type) return false;\n            const type = child.type as any;\n            return type.__name === 'TabPane' || type.name === 'TabPane';\n        })\n        .map((child: any) => {\n            if (child) {\n                const { tab, icon, disabled, itemKey, closable } = child.props || {};\n                // Mark icon as raw to prevent it from being made reactive (if it's a component)\n                // tab can be string or VNode, only markRaw if it's an object/component\n                return {\n                    tab: typeof tab === 'object' && tab !== null ? markRaw(tab) : tab,\n                    icon: icon && typeof icon === 'object' && icon !== null ? markRaw(icon) : icon,\n                    disabled,\n                    itemKey,\n                    closable,\n                };\n            }\n            return undefined;\n        })\n        .filter(Boolean);\n};\n\n// Initialize panes as empty array to avoid calling slots.default() in setup phase\n// panes will be populated in onMounted or when needed\nconst state = reactive({\n    activeKey: '',\n    panes: [] as PlainTab[],\n    prevActiveKey: null as string | null,\n    forceDisableMotion: false,\n});\n\nconst contentRef = ref<HTMLDivElement>();\n\nfunction adapter(): TabsAdapter<TabsProps, typeof state> {\n    return {\n        getProps: () => {\n            // Filter out undefined props to match React behavior\n            // In React, undefined props are not included in props object\n            const filteredProps: any = {};\n            Object.keys(props).forEach((key) => {\n                if ((props as any)[key] !== undefined) {\n                    filteredProps[key] = (props as any)[key];\n                }\n            });\n            return filteredProps;\n        },\n        getState: (key) => state[key],\n        getStates: () => state,\n        setState: (newState: Partial<typeof state>) => {\n            Object.assign(state, newState);\n        },\n        getProp: (key) => props[key],\n        getContext: () => ({}),\n        getContexts: () => ({}),\n        getCache: () => ({}),\n        getCaches: () => ({}),\n        setCache: () => {},\n        collectPane: () => {\n            // Use state.panes if already populated (from tabBarProps computed)\n            // Only call getPanes() if state.panes is empty and we're in render context\n            // This method is called from foundation, which may be outside render context\n            // So we rely on tabBarProps computed to populate state.panes\n            if (state.panes.length === 0) {\n                // Try to get panes, but this may trigger warning if not in render context\n                // The tabBarProps computed will handle this properly\n                return;\n            }\n        },\n        collectActiveKey: () => {\n            const { tabList, activeKey: propsActiveKey } = props;\n            if (typeof propsActiveKey !== 'undefined') {\n                return;\n            }\n            const { activeKey } = state;\n            // Use state.panes instead of calling getPanes()\n            const panes = state.panes;\n            if (panes.findIndex((p) => p.itemKey === activeKey) === -1) {\n                if (panes.length > 0) {\n                    state.activeKey = panes[0].itemKey;\n                } else {\n                    state.activeKey = '';\n                }\n            }\n        },\n        notifyTabClick: (activeKey: string, event: MouseEvent) => {\n            emit('tabClick', activeKey, event);\n        },\n        notifyChange: (activeKey: string) => {\n            emit('change', activeKey);\n            emit('update:activeKey', activeKey);\n        },\n        setNewActiveKey: (activeKey: string) => {\n            state.activeKey = activeKey;\n        },\n        getDefaultActiveKeyFromChildren: (): string => {\n            const { tabList } = props;\n            // Use state.panes if available (populated by tabBarProps computed in render context)\n            // Otherwise fall back to tabList\n            let activeKey = '';\n            const list = tabList || state.panes;\n            list.forEach((item: any) => {\n                if (item && !activeKey && !item.disabled) {\n                    activeKey = item.itemKey;\n                }\n            });\n            return activeKey;\n        },\n        notifyTabDelete: (tabKey: string) => {\n            emit('tabClose', tabKey);\n        },\n        stopPropagation: (e: any) => {\n            e?.stopPropagation();\n        },\n        persistEvent: (event: any) => {\n            // Vue doesn't need to persist events like React\n            return event;\n        },\n    };\n}\n\nconst foundation = new TabsFoundation(adapter());\n\nonMounted(() => {\n    // Initialize foundation\n    foundation.init();\n    // Initialize activeKey after slots are ready\n    // Use nextTick to ensure tabBarProps has been computed and state.panes is populated\n    nextTick(() => {\n        if (!props.activeKey) {\n            state.activeKey = foundation.getDefaultActiveKey();\n        }\n        // Trigger pane collection after first render\n        foundation.handleTabPanesChange();\n    });\n});\n\nonBeforeUnmount(() => {\n    foundation.destroy();\n});\n\n// Initialize activeKey from props if controlled\nif (props.activeKey) {\n    state.activeKey = props.activeKey;\n}\n\n// Watch for activeKey prop changes\nwatch(\n    () => props.activeKey,\n    (newKey) => {\n        if (newKey !== undefined && newKey !== state.activeKey) {\n            state.prevActiveKey = state.activeKey;\n            state.activeKey = newKey;\n        }\n    }\n);\n\n// Watch for children changes (non-tabList mode)\n// Instead of watching slots directly (which triggers warning), watch state.panes\n// state.panes is updated by tabBarProps computed in render context\nconst panePickKeys = ['className', 'style', 'disabled', 'itemKey', 'tab', 'icon'];\nlet prevChildrenProps: any[] = [];\n\nwatch(\n    () => {\n        // Watch state.panes instead of calling slots.default() directly\n        // This avoids calling slot outside render context\n        return state.panes.map((pane) => pick(pane, panePickKeys));\n    },\n    (nowChildrenProps) => {\n        const isTabListType = props.tabList;\n\n        if (!isEqual(prevChildrenProps, nowChildrenProps) && !isTabListType) {\n            foundation.handleTabPanesChange();\n        }\n\n        prevChildrenProps = nowChildrenProps;\n    },\n    { deep: true }\n);\n\n// Watch for tabList changes\nwatch(\n    () => props.tabList,\n    (newTabList, oldTabList) => {\n        if (!isEqual(newTabList, oldTabList)) {\n            foundation.handleTabListChange();\n        }\n    },\n    { deep: true }\n);\n\n// Watch for prevActiveKey update\nwatch(\n    () => state.activeKey,\n    (newKey, oldKey) => {\n        if (oldKey !== state.prevActiveKey) {\n            state.prevActiveKey = oldKey;\n        }\n    }\n);\n\n// Watch for forceDisableMotion\nwatch(\n    () => props.activeKey,\n    (newKey) => {\n        const children = slots.default?.() || [];\n        const nowChildrenProps = children\n            .filter(\n                (child) =>\n                    child.type && ((child.type as any).__name === 'TabPane' || (child.type as any).name === 'TabPane')\n            )\n            .map((child: any) => pick(child.props, panePickKeys));\n\n        const prevItemKeys = new Set(prevChildrenProps.map((p) => p.itemKey));\n        const newAddedPanelItemKey = nowChildrenProps\n            .map((p) => p.itemKey)\n            .filter((itemKey) => !prevItemKeys.has(itemKey));\n\n        state.forceDisableMotion = newAddedPanelItemKey.includes(newKey);\n    }\n);\n\nconst tabWrapperCls = computed(() => {\n    const { className, tabPosition } = props;\n    return [\n        className,\n        {\n            [cssClasses.TABS]: true,\n            [`${cssClasses.TABS}-${tabPosition}`]: tabPosition,\n        },\n    ];\n});\n\nconst tabContentCls = computed(() => {\n    const { tabPosition } = props;\n    return [\n        {\n            [cssClasses.TABS_CONTENT]: true,\n            [`${cssClasses.TABS_CONTENT}-${tabPosition}`]: tabPosition,\n        },\n    ];\n});\n\nconst onTabClick = (activeKey: string, event: MouseEvent) => {\n    foundation.handleTabClick(activeKey, event);\n};\n\nconst deleteTabItem = (tabKey: string, event: MouseEvent) => {\n    event.stopPropagation();\n    foundation.handleTabDelete(tabKey);\n};\n\nconst tabBarProps = computed((): TabBarProps => {\n    const {\n        tabBarClassName,\n        collapsible,\n        showRestInDropdown,\n        size,\n        tabBarStyle,\n        tabBarExtraContent,\n        tabPosition,\n        type,\n        more,\n        onVisibleTabsChange,\n        visibleTabsStyle,\n        arrowPosition,\n        renderArrow,\n        dropdownProps,\n    } = props;\n\n    // Get panes dynamically in render context (computed is called during render)\n    // Always call getPanes() to get fresh data, then update state.panes\n    const panes = getPanes();\n    // Update state.panes if it changed (for subsequent renders and watchers)\n    if (panes.length > 0 && (state.panes.length !== panes.length || !isEqual(state.panes, panes))) {\n        state.panes = panes;\n    }\n\n    return {\n        activeKey: state.activeKey,\n        className: tabBarClassName,\n        collapsible,\n        list: panes,\n        onTabClick,\n        showRestInDropdown,\n        size,\n        style: tabBarStyle,\n        tabBarExtraContent,\n        tabPosition,\n        type,\n        deleteTabItem,\n        handleKeyDown: foundation.handleKeyDown,\n        more,\n        onVisibleTabsChange,\n        visibleTabsStyle,\n        arrowPosition,\n        renderArrow,\n        dropdownProps,\n    };\n});\n\nconst tabBar = computed(() => {\n    if (props.renderTabBar) {\n        return props.renderTabBar(tabBarProps.value, TabBar);\n    }\n    return h(TabBar, tabBarProps.value);\n});\n\nconst activeChildren = computed(() => {\n    const children = slots.default?.() || [];\n    // Flatten children to handle Fragment and nested arrays (from v-for)\n    const flatChildren = flattenChildren(Array.isArray(children) ? children : [children]);\n    return flatChildren.filter((pane: any) => {\n        if (pane.type && ((pane.type as any).__name === 'TabPane' || (pane.type as any).name === 'TabPane')) {\n            return pane.props?.itemKey === state.activeKey;\n        }\n        return true;\n    });\n});\n\n// Provide context for TabPane children\n// We need to use toRefs to maintain reactivity when accessing from inject\nprovide(\n    TabsContextKey,\n    reactive({\n        get activeKey() {\n            return state.activeKey;\n        },\n        get lazyRender() {\n            return props.lazyRender;\n        },\n        get panes() {\n            return state.panes;\n        },\n        get tabPaneMotion() {\n            return props.tabPaneMotion;\n        },\n        get tabPosition() {\n            return props.tabPosition;\n        },\n        get prevActiveKey() {\n            return state.prevActiveKey;\n        },\n        get forceDisableMotion() {\n            return state.forceDisableMotion;\n        },\n    })\n);\n</script>\n"],"names":["props","__props","emit","__emit","slots","useSlots","flattenChildren","children","result","child","_a","Fragment","fragmentChildren","getPanes","tabList","type","tab","icon","disabled","itemKey","closable","markRaw","state","reactive","contentRef","ref","adapter","filteredProps","key","newState","propsActiveKey","activeKey","panes","p","event","item","tabKey","foundation","TabsFoundation","onMounted","nextTick","onBeforeUnmount","watch","newKey","panePickKeys","prevChildrenProps","pane","pick","nowChildrenProps","isTabListType","isEqual","newTabList","oldTabList","oldKey","prevItemKeys","newAddedPanelItemKey","tabWrapperCls","computed","className","tabPosition","cssClasses","tabContentCls","onTabClick","deleteTabItem","tabBarProps","tabBarClassName","collapsible","showRestInDropdown","size","tabBarStyle","tabBarExtraContent","more","onVisibleTabsChange","visibleTabsStyle","arrowPosition","renderArrow","dropdownProps","tabBar","TabBar","h","activeChildren","provide","TabsContextKey","_createElementBlock","_openBlock","_createBlock","_resolveDynamicComponent","_createElementVNode","_renderSlot","_ctx","_Fragment","_renderList"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwCA,UAAMA,IAAQC,GAYRC,IAAOC,GAOPC,IAAQC,EAAA,GAGRC,IAAkB,CAACC,MAA2B;AAChD,YAAMC,IAAgB,CAAA;AACtB,cAACD,KAAY,CAAA,GAAI,QAAQ,CAACE,MAAe;;AACrC,YAAKA,OAEDC,IAAAD,EAAM,SAAN,gBAAAC,EAAY,gBAAe,qBAE3B,SAAOD,EAAM,YAAa,YAAY,CAACA,EAAM;AAGjD,cAAIA,EAAM,SAASE,GAAU;AACzB,kBAAMC,IAAmB,MAAM,QAAQH,EAAM,QAAQ,IAAIA,EAAM,WAAW,CAAA;AAC1E,YAAAD,EAAO,KAAK,GAAGF,EAAgBM,CAAgB,CAAC;AAAA,UACpD,MAAA,CAES,MAAM,QAAQH,CAAK,IACxBD,EAAO,KAAK,GAAGF,EAAgBG,CAAK,CAAC,IAGhCA,KAASA,EAAM,QACpBD,EAAO,KAAKC,CAAK;AAAA,MAEzB,CAAC,GACMD;AAAA,IACX,GAEMK,IAAW,MAAkB;;AAC/B,YAAM,EAAE,SAAAC,MAAYd,GACdO,MAAWG,IAAAN,EAAM,YAAN,gBAAAM,EAAA,KAAAN,OAAqB,CAAA;AAEtC,aAAI,MAAM,QAAQU,CAAO,KAAKA,EAAQ,SAC3BA,IAIUR,EAAgB,MAAM,QAAQC,CAAQ,IAAIA,IAAW,CAACA,CAAQ,CAAC,EAG/E,OAAO,CAACE,MAAU;AACf,YAAI,CAACA,KAAS,CAACA,EAAM,KAAM,QAAO;AAClC,cAAMM,IAAON,EAAM;AACnB,eAAOM,EAAK,WAAW,aAAaA,EAAK,SAAS;AAAA,MACtD,CAAC,EACA,IAAI,CAACN,MAAe;AACjB,YAAIA,GAAO;AACP,gBAAM,EAAE,KAAAO,GAAK,MAAAC,GAAM,UAAAC,GAAU,SAAAC,GAAS,UAAAC,EAAA,IAAaX,EAAM,SAAS,CAAA;AAGlE,iBAAO;AAAA,YACH,KAAK,OAAOO,KAAQ,YAAYA,MAAQ,OAAOK,EAAQL,CAAG,IAAIA;AAAA,YAC9D,MAAMC,KAAQ,OAAOA,KAAS,YAAYA,MAAS,OAAOI,EAAQJ,CAAI,IAAIA;AAAA,YAC1E,UAAAC;AAAA,YACA,SAAAC;AAAA,YACA,UAAAC;AAAA,UAAA;AAAA,QAER;AAAA,MAEJ,CAAC,EACA,OAAO,OAAO;AAAA,IACvB,GAIME,IAAQC,EAAS;AAAA,MACnB,WAAW;AAAA,MACX,OAAO,CAAA;AAAA,MACP,eAAe;AAAA,MACf,oBAAoB;AAAA,IAAA,CACvB,GAEKC,IAAaC,EAAA;AAEnB,aAASC,IAAgD;AACrD,aAAO;AAAA,QACH,UAAU,MAAM;AAGZ,gBAAMC,IAAqB,CAAA;AAC3B,wBAAO,KAAK3B,CAAK,EAAE,QAAQ,CAAC4B,MAAQ;AAChC,YAAK5B,EAAc4B,CAAG,MAAM,WACxBD,EAAcC,CAAG,IAAK5B,EAAc4B,CAAG;AAAA,UAE/C,CAAC,GACMD;AAAA,QACX;AAAA,QACA,UAAU,CAACC,MAAQN,EAAMM,CAAG;AAAA,QAC5B,WAAW,MAAMN;AAAA,QACjB,UAAU,CAACO,MAAoC;AAC3C,iBAAO,OAAOP,GAAOO,CAAQ;AAAA,QACjC;AAAA,QACA,SAAS,CAACD,MAAQ5B,EAAM4B,CAAG;AAAA,QAC3B,YAAY,OAAO,CAAA;AAAA,QACnB,aAAa,OAAO,CAAA;AAAA,QACpB,UAAU,OAAO,CAAA;AAAA,QACjB,WAAW,OAAO,CAAA;AAAA,QAClB,UAAU,MAAM;AAAA,QAAC;AAAA,QACjB,aAAa,MAAM;AAKf,UAAIN,EAAM,MAAM;AAAA,QAKpB;AAAA,QACA,kBAAkB,MAAM;AACpB,gBAAM,EAAE,SAAAR,GAAS,WAAWgB,EAAA,IAAmB9B;AAC/C,cAAI,OAAO8B,IAAmB;AAC1B;AAEJ,gBAAM,EAAE,WAAAC,MAAcT,GAEhBU,IAAQV,EAAM;AACpB,UAAIU,EAAM,UAAU,CAACC,MAAMA,EAAE,YAAYF,CAAS,MAAM,OAChDC,EAAM,SAAS,IACfV,EAAM,YAAYU,EAAM,CAAC,EAAE,UAE3BV,EAAM,YAAY;AAAA,QAG9B;AAAA,QACA,gBAAgB,CAACS,GAAmBG,MAAsB;AACtD,UAAAhC,EAAK,YAAY6B,GAAWG,CAAK;AAAA,QACrC;AAAA,QACA,cAAc,CAACH,MAAsB;AACjC,UAAA7B,EAAK,UAAU6B,CAAS,GACxB7B,EAAK,oBAAoB6B,CAAS;AAAA,QACtC;AAAA,QACA,iBAAiB,CAACA,MAAsB;AACpC,UAAAT,EAAM,YAAYS;AAAA,QACtB;AAAA,QACA,iCAAiC,MAAc;AAC3C,gBAAM,EAAE,SAAAjB,MAAYd;AAGpB,cAAI+B,IAAY;AAEhB,kBADajB,KAAWQ,EAAM,OACzB,QAAQ,CAACa,MAAc;AACxB,YAAIA,KAAQ,CAACJ,KAAa,CAACI,EAAK,aAC5BJ,IAAYI,EAAK;AAAA,UAEzB,CAAC,GACMJ;AAAA,QACX;AAAA,QACA,iBAAiB,CAACK,MAAmB;AACjC,UAAAlC,EAAK,YAAYkC,CAAM;AAAA,QAC3B;AAAA,QACA,iBAAiB,CAAC,MAAW;AACzB,yBAAG;AAAA,QACP;AAAA,QACA,cAAc,CAACF,MAEJA;AAAA,MACX;AAAA,IAER;AAEA,UAAMG,IAAa,IAAIC,GAAeZ,GAAS;AAE/C,IAAAa,EAAU,MAAM;AAEZ,MAAAF,EAAW,KAAA,GAGXG,GAAS,MAAM;AACX,QAAKxC,EAAM,cACPsB,EAAM,YAAYe,EAAW,oBAAA,IAGjCA,EAAW,qBAAA;AAAA,MACf,CAAC;AAAA,IACL,CAAC,GAEDI,GAAgB,MAAM;AAClB,MAAAJ,EAAW,QAAA;AAAA,IACf,CAAC,GAGGrC,EAAM,cACNsB,EAAM,YAAYtB,EAAM,YAI5B0C;AAAA,MACI,MAAM1C,EAAM;AAAA,MACZ,CAAC2C,MAAW;AACR,QAAIA,MAAW,UAAaA,MAAWrB,EAAM,cACzCA,EAAM,gBAAgBA,EAAM,WAC5BA,EAAM,YAAYqB;AAAA,MAE1B;AAAA,IAAA;AAMJ,UAAMC,IAAe,CAAC,aAAa,SAAS,YAAY,WAAW,OAAO,MAAM;AAChF,QAAIC,IAA2B,CAAA;AAE/B,IAAAH;AAAA,MACI,MAGWpB,EAAM,MAAM,IAAI,CAACwB,MAASC,EAAKD,GAAMF,CAAY,CAAC;AAAA,MAE7D,CAACI,MAAqB;AAClB,cAAMC,IAAgBjD,EAAM;AAE5B,QAAI,CAACkD,EAAQL,GAAmBG,CAAgB,KAAK,CAACC,KAClDZ,EAAW,qBAAA,GAGfQ,IAAoBG;AAAA,MACxB;AAAA,MACA,EAAE,MAAM,GAAA;AAAA,IAAK,GAIjBN;AAAA,MACI,MAAM1C,EAAM;AAAA,MACZ,CAACmD,GAAYC,MAAe;AACxB,QAAKF,EAAQC,GAAYC,CAAU,KAC/Bf,EAAW,oBAAA;AAAA,MAEnB;AAAA,MACA,EAAE,MAAM,GAAA;AAAA,IAAK,GAIjBK;AAAA,MACI,MAAMpB,EAAM;AAAA,MACZ,CAACqB,GAAQU,MAAW;AAChB,QAAIA,MAAW/B,EAAM,kBACjBA,EAAM,gBAAgB+B;AAAA,MAE9B;AAAA,IAAA,GAIJX;AAAA,MACI,MAAM1C,EAAM;AAAA,MACZ,CAAC2C,MAAW;;AAER,cAAMK,OADWtC,IAAAN,EAAM,YAAN,gBAAAM,EAAA,KAAAN,OAAqB,CAAA,GAEjC;AAAA,UACG,CAACK,MACGA,EAAM,SAAUA,EAAM,KAAa,WAAW,aAAcA,EAAM,KAAa,SAAS;AAAA,QAAA,EAE/F,IAAI,CAACA,MAAesC,EAAKtC,EAAM,OAAOmC,CAAY,CAAC,GAElDU,IAAe,IAAI,IAAIT,EAAkB,IAAI,CAACZ,MAAMA,EAAE,OAAO,CAAC,GAC9DsB,IAAuBP,EACxB,IAAI,CAACf,MAAMA,EAAE,OAAO,EACpB,OAAO,CAACd,MAAY,CAACmC,EAAa,IAAInC,CAAO,CAAC;AAEnD,QAAAG,EAAM,qBAAqBiC,EAAqB,SAASZ,CAAM;AAAA,MACnE;AAAA,IAAA;AAGJ,UAAMa,IAAgBC,EAAS,MAAM;AACjC,YAAM,EAAE,WAAAC,GAAW,aAAAC,EAAA,IAAgB3D;AACnC,aAAO;AAAA,QACH0D;AAAA,QACA;AAAA,UACI,CAACE,EAAW,IAAI,GAAG;AAAA,UACnB,CAAC,GAAGA,EAAW,IAAI,IAAID,CAAW,EAAE,GAAGA;AAAA,QAAA;AAAA,MAC3C;AAAA,IAER,CAAC,GAEKE,IAAgBJ,EAAS,MAAM;AACjC,YAAM,EAAE,aAAAE,MAAgB3D;AACxB,aAAO;AAAA,QACH;AAAA,UACI,CAAC4D,EAAW,YAAY,GAAG;AAAA,UAC3B,CAAC,GAAGA,EAAW,YAAY,IAAID,CAAW,EAAE,GAAGA;AAAA,QAAA;AAAA,MACnD;AAAA,IAER,CAAC,GAEKG,IAAa,CAAC/B,GAAmBG,MAAsB;AACzD,MAAAG,EAAW,eAAeN,GAAWG,CAAK;AAAA,IAC9C,GAEM6B,IAAgB,CAAC3B,GAAgBF,MAAsB;AACzD,MAAAA,EAAM,gBAAA,GACNG,EAAW,gBAAgBD,CAAM;AAAA,IACrC,GAEM4B,IAAcP,EAAS,MAAmB;AAC5C,YAAM;AAAA,QACF,iBAAAQ;AAAA,QACA,aAAAC;AAAA,QACA,oBAAAC;AAAA,QACA,MAAAC;AAAA,QACA,aAAAC;AAAA,QACA,oBAAAC;AAAA,QACA,aAAAX;AAAA,QACA,MAAA5C;AAAA,QACA,MAAAwD;AAAA,QACA,qBAAAC;AAAA,QACA,kBAAAC;AAAA,QACA,eAAAC;AAAA,QACA,aAAAC;AAAA,QACA,eAAAC;AAAA,MAAA,IACA5E,GAIEgC,IAAQnB,EAAA;AAEd,aAAImB,EAAM,SAAS,MAAMV,EAAM,MAAM,WAAWU,EAAM,UAAU,CAACkB,EAAQ5B,EAAM,OAAOU,CAAK,OACvFV,EAAM,QAAQU,IAGX;AAAA,QACH,WAAWV,EAAM;AAAA,QACjB,WAAW2C;AAAA,QACX,aAAAC;AAAA,QACA,MAAMlC;AAAA,QACN,YAAA8B;AAAA,QACA,oBAAAK;AAAA,QACA,MAAAC;AAAA,QACA,OAAOC;AAAA,QACP,oBAAAC;AAAA,QACA,aAAAX;AAAA,QACA,MAAA5C;AAAA,QACA,eAAAgD;AAAA,QACA,eAAe1B,EAAW;AAAA,QAC1B,MAAAkC;AAAA,QACA,qBAAAC;AAAA,QACA,kBAAAC;AAAA,QACA,eAAAC;AAAA,QACA,aAAAC;AAAA,QACA,eAAAC;AAAA,MAAA;AAAA,IAER,CAAC,GAEKC,IAASpB,EAAS,MAChBzD,EAAM,eACCA,EAAM,aAAagE,EAAY,OAAOc,CAAM,IAEhDC,GAAED,GAAQd,EAAY,KAAK,CACrC,GAEKgB,IAAiBvB,EAAS,MAAM;;AAClC,YAAMlD,MAAWG,IAAAN,EAAM,YAAN,gBAAAM,EAAA,KAAAN,OAAqB,CAAA;AAGtC,aADqBE,EAAgB,MAAM,QAAQC,CAAQ,IAAIA,IAAW,CAACA,CAAQ,CAAC,EAChE,OAAO,CAACuC,MAAc;;AACtC,eAAIA,EAAK,SAAUA,EAAK,KAAa,WAAW,aAAcA,EAAK,KAAa,SAAS,eAC9EpC,IAAAoC,EAAK,UAAL,gBAAApC,EAAY,aAAYY,EAAM,YAElC;AAAA,MACX,CAAC;AAAA,IACL,CAAC;AAID,WAAA2D;AAAA,MACIC;AAAA,MACA3D,EAAS;AAAA,QACL,IAAI,YAAY;AACZ,iBAAOD,EAAM;AAAA,QACjB;AAAA,QACA,IAAI,aAAa;AACb,iBAAOtB,EAAM;AAAA,QACjB;AAAA,QACA,IAAI,QAAQ;AACR,iBAAOsB,EAAM;AAAA,QACjB;AAAA,QACA,IAAI,gBAAgB;AAChB,iBAAOtB,EAAM;AAAA,QACjB;AAAA,QACA,IAAI,cAAc;AACd,iBAAOA,EAAM;AAAA,QACjB;AAAA,QACA,IAAI,gBAAgB;AAChB,iBAAOsB,EAAM;AAAA,QACjB;AAAA,QACA,IAAI,qBAAqB;AACrB,iBAAOA,EAAM;AAAA,QACjB;AAAA,MAAA,CACH;AAAA,IAAA,mBA9bD6D,EAQM,OAAA;AAAA,MARA,SAAO3B,EAAA,KAAa;AAAA,MAAG,SAAOvD,EAAA,KAAK;AAAA,IAAA;OACrCmF,KAAAC,EAA0BC,EAAVT,EAAA,KAAM,CAAA;AAAA,MACtBU,GAKM,OAAA;AAAA,iBALG;AAAA,QAAJ,KAAI/D;AAAA,QAAc,SAAOqC,EAAA,KAAa;AAAA,QAAG,SAAO5D,EAAA,YAAY;AAAA,MAAA;QACjDA,EAAA,UAAZuF,GAA4BC,EAAA,QAAA,WAAA,EAAA,KAAA,EAAA,CAAA,YAExBN,EAA0EO,GAAA,EAAA,KAAA,KAAAC,GAAnCX,EAAA,OAAc,CAAvBvE,OAA9B2E,EAAA,GAAAC,EAA0EC,EAA1D7E,CAAK,GAAA;AAAA,UAAmC,KAAKA,EAAM;AAAA,QAAA;;;;;"}

package/lib/es/components/tabs/context.js

@@ -0,0 +1,5 @@
+const t = Symbol("TabsContext");
+export {
+  t as TabsContextKey
+};
+//# sourceMappingURL=context.js.map

package/lib/es/components/tabs/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sources":["../../../../src/components/tabs/context.ts"],"sourcesContent":["import { InjectionKey } from 'vue';\nimport { TabContextValue } from './interface';\n\nexport const TabsContextKey: InjectionKey<TabContextValue> = Symbol('TabsContext');\n"],"names":["TabsContextKey"],"mappings":"AAGO,MAAMA,IAAgD,OAAO,aAAa;"}

package/lib/es/components/tabs/index.js

@@ -0,0 +1,13 @@
+import m from "./Tabs.vue.js";
+import o from "./TabPane.vue.js";
+import t from "./TabItem.vue.js";
+/* empty css          */
+const a = m;
+a.TabPane = o;
+a.TabItem = t;
+export {
+  t as TabItem,
+  o as TabPane,
+  a as default
+};
+//# sourceMappingURL=index.js.map

package/lib/es/components/tabs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/tabs/index.ts"],"sourcesContent":["import Tabs from './Tabs.vue';\nimport TabPane from './TabPane.vue';\nimport TabItem from './TabItem.vue';\n\n// 导入样式（自动引入）\nimport './tabs.scss';\n\nexport type { TabsProps, TabPaneProps, TabBarProps, TabItemProps, PlainTab } from './interface';\n\nexport type TabsType = typeof Tabs & {\n    TabPane: typeof TabPane;\n    TabItem: typeof TabItem;\n};\n\nconst TabsWithSubComponents = Tabs as TabsType;\nTabsWithSubComponents.TabPane = TabPane;\nTabsWithSubComponents.TabItem = TabItem;\n\nexport { TabPane, TabItem };\nexport default TabsWithSubComponents;\n"],"names":["TabsWithSubComponents","Tabs","TabPane","TabItem"],"mappings":";;;;AAcA,MAAMA,IAAwBC;AAC9BD,EAAsB,UAAUE;AAChCF,EAAsB,UAAUG;"}