@transsionfe/semi-ui-vue 0.0.1

package/lib/es/components/table/useTableSelection.js

@@ -0,0 +1,124 @@
+import { computed as X, h as G } from "vue";
+import { get as Y } from "lodash";
+import H from "./TableSelectionCell.vue2.js";
+function le(J) {
+  const {
+    rowSelection: c,
+    pageData: a,
+    dataSource: k,
+    state: p,
+    adapter: i,
+    getRecordKey: w,
+    isRowDisabled: L,
+    childrenRecordName: M = "children"
+  } = J, O = (n) => {
+    var u;
+    if (!c)
+      return !1;
+    const l = typeof c == "object" ? c : {}, o = l.selectedRowKeys !== void 0 ? l.selectedRowKeys || [] : ((u = p.value.rowSelection) == null ? void 0 : u.selectedRowKeys) || [], r = w(n, 0);
+    return o.includes(r);
+  }, E = (n) => {
+    var D;
+    if (!c)
+      return null;
+    const l = typeof c == "object" ? c : {}, d = l.selectedRowKeys !== void 0, o = d ? l.selectedRowKeys || [] : ((D = p.value.rowSelection) == null ? void 0 : D.selectedRowKeys) || [], r = w(n, 0), u = o.includes(r), y = l.getCheckboxProps ? l.getCheckboxProps(n) : {}, A = L(n) || y.disabled;
+    return {
+      selected: u,
+      disabled: A,
+      onChange: (g, F) => {
+        if (l.onSelect) {
+          const e = k.value.filter((v) => {
+            const s = w(v, 0);
+            return s === r ? g : o.includes(s);
+          });
+          l.onSelect(n, g, e, F);
+        }
+        const S = g ? [...o, r] : o.filter((e) => e !== r);
+        if (d || i.setSelectedRowKeys(S), l.onChange) {
+          const e = k.value.filter((v) => {
+            const s = w(v, 0);
+            return S.includes(s);
+          });
+          l.onChange(S, e);
+        }
+      },
+      ...y,
+      "aria-label": `Select row ${r}`
+    };
+  }, I = X(() => {
+    var S;
+    if (!c)
+      return null;
+    const n = typeof c == "object" ? c : {}, d = n.selectedRowKeys !== void 0 ? n.selectedRowKeys || [] : ((S = p.value.rowSelection) == null ? void 0 : S.selectedRowKeys) || [];
+    let o = i.getCachedFilteredSortedRowKeys() || [], r = i.getCachedFilteredSortedRowKeysSet() || /* @__PURE__ */ new Set();
+    o = o.filter((e) => e != null), r = new Set(o), o.length === 0 && a.value && a.value.length > 0 && (o = a.value.map((e) => w(e, 0)).filter((e) => e != null), r = new Set(o));
+    const u = i.getAllDisabledRowKeysSet() || /* @__PURE__ */ new Set(), y = o.filter((e) => !u.has(e)), A = d.filter(
+      (e) => !u.has(e) && r.has(e)
+    ), P = y.length > 0 && A.length === y.length, g = d.some((e) => r.has(e)) && !P, F = (e, v) => {
+      var z;
+      let s = i.getCachedFilteredSortedRowKeys() || [], b = i.getCachedFilteredSortedRowKeysSet() || /* @__PURE__ */ new Set();
+      s = s.filter((t) => t != null), b = new Set(s);
+      const N = s.length === 0 && a.value && a.value.length > 0;
+      if (N && (s = a.value.map((t) => w(t, 0)).filter((t) => t != null), b = new Set(s)), s.length === 0)
+        return;
+      const f = typeof c == "object" ? c : {}, T = f.selectedRowKeys !== void 0, j = T ? f.selectedRowKeys || [] : ((z = p.value.rowSelection) == null ? void 0 : z.selectedRowKeys) || [];
+      let R = [...j], x = [];
+      const Q = i.getAllDisabledRowKeysSet() || /* @__PURE__ */ new Set(), U = new Set(j);
+      if (e)
+        for (const t of s)
+          !Q.has(t) && !U.has(t) && (R.push(t), x.push(t));
+      else
+        R = R.filter((t) => !b.has(t)), x = j.filter((t) => b.has(t));
+      const $ = (t) => {
+        if (!t || t.length === 0)
+          return [];
+        const W = new Set(t);
+        let h;
+        N ? h = a.value || [] : (h = i.getCachedFilteredSortedDataSource() || [], (!h || h.length === 0) && (h = a.value || []));
+        const _ = [], B = (C) => {
+          if (!(!Array.isArray(C) || C.length === 0)) {
+            for (const m of C) {
+              const K = w(m, 0);
+              W.has(K) && _.push(m);
+            }
+            if (_.length < t.length)
+              for (const m of C) {
+                const K = Y(m, M);
+                Array.isArray(K) && K.length > 0 && B(K);
+              }
+          }
+        };
+        return B(h), _;
+      }, V = $(x), q = $(R);
+      T || i.setSelectedRowKeys(R), f.onSelectAll && f.onSelectAll(e, q, V), f.onChange && f.onChange(R, q);
+    };
+    return {
+      selected: P,
+      indeterminate: g,
+      disabled: n.disabled,
+      onChange: F,
+      "aria-label": "Select all rows"
+    };
+  });
+  return {
+    isRowSelected: O,
+    getRowSelectionProps: E,
+    titleSelectionProps: I,
+    renderSelection: (n, l = !1) => {
+      if (!c)
+        return null;
+      if (l) {
+        const o = I.value;
+        return o ? G(H, o) : null;
+      }
+      if (!n)
+        return null;
+      const d = E(n);
+      return d ? G(H, d) : null;
+    }
+  };
+}
+export {
+  le as useTableSelection
+};
+//# sourceMappingURL=useTableSelection.js.map

package/lib/es/components/table/useTableSelection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTableSelection.js","sources":["../../../../src/components/table/useTableSelection.ts"],"sourcesContent":["import { computed, h } from 'vue';\nimport { get } from 'lodash';\nimport type { Data, RowSelection } from './interface';\nimport TableSelectionCell from './TableSelectionCell.vue';\n\nexport interface UseTableSelectionOptions {\n    rowSelection: RowSelection<Data> | undefined;\n    pageData: { value: Data[] };\n    dataSource: { value: Data[] };\n    state: {\n        value: {\n            rowSelection?: {\n                selectedRowKeys?: (string | number)[];\n            };\n        };\n    };\n    adapter: {\n        getCachedFilteredSortedRowKeys: () => (string | number)[];\n        getCachedFilteredSortedRowKeysSet: () => Set<string | number>;\n        getCachedFilteredSortedDataSource: () => Data[];\n        getAllDisabledRowKeysSet: () => Set<string | number>;\n        setSelectedRowKeys: (keys: (string | number)[]) => void;\n    };\n    getRecordKey: (record: Data, index: number) => string | number;\n    isRowDisabled: (record: Data) => boolean;\n    childrenRecordName?: string;\n}\n\n/**\n * 组合式函数：封装表格行选择逻辑\n *\n * 支持功能：\n * - 单行选择/取消选择\n * - 全选/取消全选\n * - 受控/非受控模式\n * - 禁用行的处理\n * - 树形数据的选择（递归查找子节点）\n */\nexport function useTableSelection(options: UseTableSelectionOptions) {\n    const {\n        rowSelection: rowSelectionProp,\n        pageData,\n        dataSource,\n        state,\n        adapter,\n        getRecordKey: getRecordKeyFn,\n        isRowDisabled,\n        childrenRecordName = 'children',\n    } = options;\n\n    /**\n     * 判断指定行是否被选中\n     * 支持受控和非受控两种模式\n     */\n    const isRowSelected = (record: Data): boolean => {\n        if (!rowSelectionProp) {\n            return false;\n        }\n        const rowSelection = typeof rowSelectionProp === 'object' ? rowSelectionProp : {};\n        const isControlled = rowSelection.selectedRowKeys !== undefined;\n        const selectedRowKeys = isControlled\n            ? rowSelection.selectedRowKeys || []\n            : state.value.rowSelection?.selectedRowKeys || [];\n        const key = getRecordKeyFn(record, 0);\n        return selectedRowKeys.includes(key);\n    };\n\n    /**\n     * 获取单行的选择相关属性\n     * 包括选中状态、禁用状态、选择处理函数等\n     */\n    const getRowSelectionProps = (record: Data) => {\n        if (!rowSelectionProp) {\n            return null;\n        }\n\n        const rowSelection = typeof rowSelectionProp === 'object' ? rowSelectionProp : {};\n        const isControlled = rowSelection.selectedRowKeys !== undefined;\n        const selectedRowKeys = isControlled\n            ? rowSelection.selectedRowKeys || []\n            : state.value.rowSelection?.selectedRowKeys || [];\n        const key = getRecordKeyFn(record, 0);\n        const selected = selectedRowKeys.includes(key);\n        const checkboxProps = rowSelection.getCheckboxProps ? rowSelection.getCheckboxProps(record) : {};\n        const disabled = isRowDisabled(record) || checkboxProps.disabled;\n\n        /**\n         * 处理单行选择/取消选择\n         * 触发 onSelect 和 onChange 回调，并更新选中状态\n         */\n        const handleSelect = (checked: boolean, e: Event) => {\n            if (rowSelection.onSelect) {\n                const selectedRows = dataSource.value.filter((r) => {\n                    const k = getRecordKeyFn(r, 0);\n                    return k === key ? checked : selectedRowKeys.includes(k);\n                });\n                rowSelection.onSelect(record, checked, selectedRows, e as MouseEvent);\n            }\n\n            const newSelectedRowKeys = checked ? [...selectedRowKeys, key] : selectedRowKeys.filter((k) => k !== key);\n\n            if (!isControlled) {\n                adapter.setSelectedRowKeys(newSelectedRowKeys);\n            }\n\n            if (rowSelection.onChange) {\n                const selectedRows = dataSource.value.filter((r) => {\n                    const k = getRecordKeyFn(r, 0);\n                    return newSelectedRowKeys.includes(k);\n                });\n                rowSelection.onChange(newSelectedRowKeys, selectedRows);\n            }\n        };\n\n        return {\n            selected,\n            disabled,\n            onChange: handleSelect,\n            ...checkboxProps,\n            'aria-label': `Select row ${key}`,\n        };\n    };\n\n    /**\n     * 表头全选 checkbox 的属性\n     * 计算全选状态、半选状态（indeterminate）等\n     */\n    const titleSelectionProps = computed(() => {\n        if (!rowSelectionProp) {\n            return null;\n        }\n\n        const rowSelection = typeof rowSelectionProp === 'object' ? rowSelectionProp : {};\n        const isControlled = rowSelection.selectedRowKeys !== undefined;\n        const selectedRowKeys = isControlled\n            ? rowSelection.selectedRowKeys || []\n            : state.value.rowSelection?.selectedRowKeys || [];\n\n        // 优先使用缓存的行 keys（已排序和筛选），如果为空则使用当前页数据\n        let allRowKeys = adapter.getCachedFilteredSortedRowKeys() || [];\n        let allRowKeysSet = adapter.getCachedFilteredSortedRowKeysSet() || new Set();\n\n        allRowKeys = allRowKeys.filter((key) => key !== undefined && key !== null);\n        allRowKeysSet = new Set(allRowKeys);\n\n        // 兜底：如果缓存为空，使用当前页数据\n        if (allRowKeys.length === 0 && pageData.value && pageData.value.length > 0) {\n            allRowKeys = pageData.value\n                .map((record) => getRecordKeyFn(record, 0))\n                .filter((key) => key !== undefined && key !== null);\n            allRowKeysSet = new Set(allRowKeys);\n        }\n        const disabledRowKeysSet = adapter.getAllDisabledRowKeysSet() || new Set();\n\n        // 计算全选状态：所有可用的行都被选中\n        const enabledRowKeys = allRowKeys.filter((key) => !disabledRowKeysSet.has(key));\n        const selectedEnabledKeys = selectedRowKeys.filter(\n            (key) => !disabledRowKeysSet.has(key) && allRowKeysSet.has(key)\n        );\n        const allSelected = enabledRowKeys.length > 0 && selectedEnabledKeys.length === enabledRowKeys.length;\n        const hasRowSelected = selectedRowKeys.some((key) => allRowKeysSet.has(key));\n        // 半选状态：部分选中但不是全部选中\n        const indeterminate = hasRowSelected && !allSelected;\n\n        /**\n         * 处理全选/取消全选\n         * 需要考虑禁用行、已排序筛选的数据、树形数据等复杂场景\n         */\n        const handleSelectAll = (checked: boolean, _e: Event) => {\n            let currentAllRowKeys = adapter.getCachedFilteredSortedRowKeys() || [];\n            let currentAllRowKeysSet = adapter.getCachedFilteredSortedRowKeysSet() || new Set();\n\n            currentAllRowKeys = currentAllRowKeys.filter((key) => key !== undefined && key !== null);\n            currentAllRowKeysSet = new Set(currentAllRowKeys);\n\n            const usePageData = currentAllRowKeys.length === 0 && pageData.value && pageData.value.length > 0;\n            if (usePageData) {\n                currentAllRowKeys = pageData.value\n                    .map((record) => getRecordKeyFn(record, 0))\n                    .filter((key) => key !== undefined && key !== null);\n                currentAllRowKeysSet = new Set(currentAllRowKeys);\n            }\n\n            if (currentAllRowKeys.length === 0) {\n                return;\n            }\n\n            const currentRowSelection = typeof rowSelectionProp === 'object' ? rowSelectionProp : {};\n            const currentIsControlled = currentRowSelection.selectedRowKeys !== undefined;\n            const currentSelectedRowKeys = currentIsControlled\n                ? currentRowSelection.selectedRowKeys || []\n                : state.value.rowSelection?.selectedRowKeys || [];\n\n            let newSelectedRowKeys = [...currentSelectedRowKeys];\n            let changedRowKeys: (string | number)[] = [];\n            const currentDisabledRowKeysSet = adapter.getAllDisabledRowKeysSet() || new Set();\n            const currentSelectedRowKeysSet = new Set(currentSelectedRowKeys);\n\n            if (checked) {\n                for (const key of currentAllRowKeys) {\n                    if (!currentDisabledRowKeysSet.has(key) && !currentSelectedRowKeysSet.has(key)) {\n                        newSelectedRowKeys.push(key);\n                        changedRowKeys.push(key);\n                    }\n                }\n            } else {\n                newSelectedRowKeys = newSelectedRowKeys.filter((key) => !currentAllRowKeysSet.has(key));\n                changedRowKeys = currentSelectedRowKeys.filter((key) => currentAllRowKeysSet.has(key));\n            }\n\n            /**\n             * 根据 rowKeys 查找对应的 record 对象\n             * 支持树形数据：如果当前层级找不到所有记录，递归查找子节点\n             */\n            const getSelectedRows = (rowKeys: (string | number)[]): Data[] => {\n                if (!rowKeys || rowKeys.length === 0) {\n                    return [];\n                }\n                const keySet = new Set(rowKeys);\n                let dataSourceForRows: Data[];\n                if (usePageData) {\n                    dataSourceForRows = pageData.value || [];\n                } else {\n                    // 优先使用已排序筛选的数据源\n                    dataSourceForRows = adapter.getCachedFilteredSortedDataSource() || [];\n                    if (!dataSourceForRows || dataSourceForRows.length === 0) {\n                        dataSourceForRows = pageData.value || [];\n                    }\n                }\n\n                const selectedRows: Data[] = [];\n\n                /**\n                 * 递归查找匹配的 record\n                 * 如果当前层级未找到所有记录，继续在子节点中查找（支持树形数据）\n                 */\n                const findRows = (data: Data[]): void => {\n                    if (!Array.isArray(data) || data.length === 0) {\n                        return;\n                    }\n                    for (const record of data) {\n                        const key = getRecordKeyFn(record, 0);\n                        if (keySet.has(key)) {\n                            selectedRows.push(record);\n                        }\n                    }\n\n                    // 如果还有未找到的记录，递归查找子节点\n                    if (selectedRows.length < rowKeys.length) {\n                        for (const record of data) {\n                            const children = get(record, childrenRecordName);\n                            if (Array.isArray(children) && children.length > 0) {\n                                findRows(children);\n                            }\n                        }\n                    }\n                };\n\n                findRows(dataSourceForRows);\n                return selectedRows;\n            };\n            const changedRows = getSelectedRows(changedRowKeys);\n            const selectedRows = getSelectedRows(newSelectedRowKeys);\n\n            if (!currentIsControlled) {\n                adapter.setSelectedRowKeys(newSelectedRowKeys);\n            }\n\n            if (currentRowSelection.onSelectAll) {\n                currentRowSelection.onSelectAll(checked, selectedRows, changedRows);\n            }\n\n            if (currentRowSelection.onChange) {\n                currentRowSelection.onChange(newSelectedRowKeys, selectedRows);\n            }\n        };\n\n        return {\n            selected: allSelected,\n            indeterminate,\n            disabled: rowSelection.disabled,\n            onChange: handleSelectAll,\n            'aria-label': 'Select all rows',\n        };\n    });\n\n    /**\n     * 渲染选择 checkbox 组件\n     * @param record - 数据行（表头时可不传）\n     * @param isHeader - 是否为表头\n     */\n    const renderSelection = (record?: Data, isHeader = false) => {\n        if (!rowSelectionProp) {\n            return null;\n        }\n\n        if (isHeader) {\n            const headerProps = titleSelectionProps.value;\n            if (!headerProps) {\n                return null;\n            }\n            return h(TableSelectionCell, headerProps);\n        }\n\n        if (!record) {\n            return null;\n        }\n\n        const selectionProps = getRowSelectionProps(record);\n        if (!selectionProps) {\n            return null;\n        }\n        return h(TableSelectionCell, selectionProps);\n    };\n\n    return {\n        isRowSelected,\n        getRowSelectionProps,\n        titleSelectionProps,\n        renderSelection,\n    };\n}\n"],"names":["useTableSelection","options","rowSelectionProp","pageData","dataSource","state","adapter","getRecordKeyFn","isRowDisabled","childrenRecordName","isRowSelected","record","rowSelection","selectedRowKeys","_a","key","getRowSelectionProps","isControlled","selected","checkboxProps","disabled","checked","e","selectedRows","r","k","newSelectedRowKeys","titleSelectionProps","computed","allRowKeys","allRowKeysSet","disabledRowKeysSet","enabledRowKeys","selectedEnabledKeys","allSelected","indeterminate","handleSelectAll","_e","currentAllRowKeys","currentAllRowKeysSet","usePageData","currentRowSelection","currentIsControlled","currentSelectedRowKeys","changedRowKeys","currentDisabledRowKeysSet","currentSelectedRowKeysSet","getSelectedRows","rowKeys","keySet","dataSourceForRows","findRows","data","children","get","changedRows","isHeader","headerProps","h","TableSelectionCell","selectionProps"],"mappings":"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"}

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

@@ -0,0 +1,415 @@
+import { defineComponent as oe, ref as C, onMounted as re, watch as ie, computed as M, createElementBlock as W, openBlock as w, normalizeStyle as ne, normalizeClass as le, createBlock as $, createCommentVNode as se, unref as F, resolveDynamicComponent as j, Fragment as ae, renderList as ce, h as s, nextTick as H } from "vue";
+import de from "classnames";
+import { cssClasses as l } from "@douyinfe/semi-foundation/tabs/constants";
+import { getUuidv4 as me } from "@douyinfe/semi-foundation/utils/uuid";
+import { isEmpty as ye } from "lodash-es";
+import R from "./TabItem.vue.js";
+import p from "../dropdown/index.js";
+import q from "../button/Button.vue.js";
+/* empty css                    */
+import be from "../overflowList/OverflowList.vue.js";
+/* empty css                                */
+import ue from "../icons/icons/IconChevronLeft.js";
+import fe from "../icons/icons/IconChevronRight.js";
+import he from "../icons/icons/IconChevronDown.js";
+const Be = ["aria-orientation", "data-uuid"], xe = /* @__PURE__ */ oe({
+  name: "TabBar",
+  __name: "TabBar",
+  props: {
+    activeKey: {},
+    className: {},
+    collapsible: { type: Boolean },
+    list: {},
+    onTabClick: {},
+    showRestInDropdown: { type: Boolean, default: !0 },
+    size: {},
+    style: {},
+    tabBarExtraContent: {},
+    tabPosition: {},
+    type: {},
+    dropdownClassName: {},
+    dropdownStyle: {},
+    closable: { type: Boolean },
+    deleteTabItem: {},
+    handleKeyDown: {},
+    more: {},
+    onVisibleTabsChange: {},
+    visibleTabsStyle: {},
+    arrowPosition: {},
+    renderArrow: {},
+    dropdownProps: {}
+  },
+  setup(m) {
+    const i = m, T = C(""), P = C(!0), k = C(0);
+    re(() => {
+      T.value = me();
+    }), ie(
+      () => i.activeKey,
+      (e, t) => {
+        e !== t && i.collapsible && E();
+      }
+    );
+    const U = M(() => {
+      const { type: e, className: t, tabPosition: o, collapsible: r } = i;
+      return [
+        t,
+        {
+          [l.TABS_BAR]: !0,
+          [l.TABS_BAR_LINE]: e === "line",
+          [l.TABS_BAR_CARD]: e === "card",
+          [l.TABS_BAR_BUTTON]: e === "button",
+          [l.TABS_BAR_SLASH]: e === "slash",
+          [`${l.TABS_BAR}-${o}`]: o,
+          [`${l.TABS_BAR}-collapse`]: r
+        }
+      ];
+    }), h = (e) => e === i.activeKey, y = (e) => `${e}-bar`, G = (e) => e.replace(/-bar$/, ""), g = (e, t) => {
+      var o;
+      (o = i.onTabClick) == null || o.call(i, e, t);
+    }, O = (e) => s("span", null, e), _ = () => {
+      var B;
+      const { tabBarExtraContent: e, type: t, size: o } = i;
+      if (!e)
+        return null;
+      const r = typeof e == "function" ? e() : e, a = { float: "right" }, d = ((B = r == null ? void 0 : r.props) == null ? void 0 : B.style) || {}, n = [
+        l.TABS_BAR_EXTRA,
+        {
+          [`${l.TABS_BAR}-${t}-extra`]: t,
+          [`${l.TABS_BAR}-${t}-extra-${o}`]: o
+        }
+      ], b = { ...a, ...d };
+      return s(
+        "div",
+        {
+          class: n,
+          style: b,
+          "x-semi-prop": "tabBarExtraContent"
+        },
+        r
+      );
+    }, z = (e, t = "nearest", o) => {
+      const r = document.querySelector(
+        `[data-uuid="${T.value}"] .${l.TABS_TAB}[data-scrollkey="${e}"]`
+      );
+      r && r.scrollIntoView({
+        behavior: o || "smooth",
+        block: "nearest",
+        // Avoid vertical scrolling for horizontal tabs
+        inline: t
+        // Control horizontal scrolling
+      });
+    }, E = (e, t) => {
+      const o = y(i.activeKey);
+      z(o, e, t);
+    }, N = (e, t, o) => {
+      if (console.log("[TabBar] handleArrowClick called", { pos: t, itemsLength: e.length }), !e.length)
+        return;
+      let r;
+      if (t === "start")
+        r = e[e.length - 1];
+      else {
+        const n = document.querySelector(
+          `[data-uuid="${T.value}"] .${l.TABS_BAR}-overflow-list .semi-overflow-list-scroll-wrapper`
+        );
+        if (n) {
+          const b = n.scrollLeft, B = n.clientWidth, v = b + B;
+          for (let u = 0; u < e.length; u++) {
+            const K = e[u], D = y(K.itemKey), A = document.querySelector(
+              `[data-uuid="${T.value}"] .${l.TABS_TAB}[data-scrollkey="${D}"]`
+            );
+            if (A) {
+              const x = n.getBoundingClientRect(), S = A.getBoundingClientRect(), f = S.left - x.left + b, c = f + S.width, I = f >= b && c <= v + 2;
+              if (!I && f >= b && c > v) {
+                r = K, console.log("[TabBar] Found target item at index", u, {
+                  itemLeft: f,
+                  itemRight: c,
+                  scrollLeft: b,
+                  viewportRight: v,
+                  isFullyVisible: I
+                });
+                break;
+              }
+            }
+          }
+          r || (r = e[0], console.log("[TabBar] Using first item as fallback"));
+        } else
+          r = e[0];
+      }
+      if (console.log("[TabBar] targetItem", r), !r)
+        return;
+      const a = y(r.itemKey);
+      console.log("[TabBar] scrolling to key", a), z(a, t === "start" ? "start" : "end");
+    }, L = C(/* @__PURE__ */ new Map()), X = (e, t, o) => {
+      var f;
+      const r = e.map((c) => c.itemKey).join(","), a = ((f = L.value.get(o)) == null ? void 0 : f.map((c) => c.itemKey).join(",")) || "";
+      r !== a && (L.value.set(o, e), H(() => {
+        k.value++;
+      }));
+      const d = [
+        {
+          [`${l.TABS_BAR}-arrow-${o}`]: o,
+          [`${l.TABS_BAR}-arrow`]: !0
+        }
+      ], n = {
+        flexShrink: 0,
+        flexGrow: 0
+      };
+      if (ye(e))
+        return s(
+          "div",
+          {
+            role: "presentation",
+            class: d,
+            style: n
+          },
+          [
+            s(q, {
+              disabled: !0,
+              icon: t,
+              theme: "borderless"
+            })
+          ]
+        );
+      const { dropdownClassName: b, dropdownStyle: B, showRestInDropdown: v, dropdownProps: u } = i, K = !e.length, D = s(
+        p.Menu,
+        null,
+        () => e.map((c) => {
+          const V = c.icon ? O(c.icon) : null;
+          return s(
+            p.Item,
+            {
+              key: c.itemKey,
+              onClick: (I) => g(c.itemKey, I),
+              active: h(c.itemKey)
+            },
+            () => [V, c.tab]
+          );
+        })
+      ), A = s(
+        "div",
+        {
+          role: "presentation",
+          class: d,
+          style: {
+            ...n,
+            // Ensure the div has dimensions for Tooltip positioning
+            // This is important for bottomRight positioning to work correctly
+            display: "inline-block"
+          },
+          onClick: (c) => {
+            console.log("[TabBar] Button onClick fired", { pos: o, itemsLength: e.length, event: c }), N(e, o);
+          }
+        },
+        [
+          s(q, {
+            disabled: K,
+            icon: t,
+            theme: "borderless"
+            // Don't add onClick to Button - let the div handle it (match React behavior)
+          })
+        ]
+      ), x = [
+        b,
+        {
+          [`${l.TABS_BAR}-dropdown`]: !0
+        }
+      ], S = (u == null ? void 0 : u[o]) ?? {};
+      return v ? s(
+        p,
+        {
+          key: `${k.value}-${o}`,
+          // Force reposition when rePosKey changes
+          rePosKey: `${k.value}-${o}`,
+          // Pass to Dropdown for repositioning
+          className: de(x),
+          clickToHide: !0,
+          clickTriggerToHide: !0,
+          position: o === "start" ? "bottomLeft" : "bottomRight",
+          render: K ? null : D,
+          showTick: !0,
+          style: B,
+          // Match React: only pass dropdownStyle, not arrowStyle
+          trigger: "hover",
+          disableFocusListener: !0,
+          ...S
+        },
+        () => A
+      ) : A;
+    }, J = (e) => e.map((t, o) => {
+      const r = o === 0 ? "start" : "end", a = s(o === 0 ? ue : fe), d = X(t, a, r);
+      if (i.renderArrow) {
+        const n = i.renderArrow(t, r, () => N(t, r), d);
+        if (n && typeof n == "object" && n.props) {
+          const b = n.props.style || {};
+          n.props.style = {
+            ...b,
+            flexShrink: 0,
+            flexGrow: 0
+          };
+        }
+        return n;
+      }
+      return d;
+    }), Q = (e, t) => s(R, {
+      key: y(e.itemKey),
+      "data-scrollkey": y(e.itemKey),
+      disabled: e.disabled,
+      icon: e.icon,
+      itemKey: e.itemKey,
+      tab: e.tab,
+      closable: e.closable,
+      selected: h(e.itemKey),
+      size: i.size,
+      type: i.type,
+      tabPosition: i.tabPosition,
+      handleKeyDown: i.handleKeyDown,
+      deleteTabItem: i.deleteTabItem,
+      onClick: g
+    }), Y = M(() => i.list.map((e) => {
+      const { itemKey: t } = e;
+      return {
+        key: y(t),
+        active: h(t),
+        ...e
+      };
+    })), Z = (e) => {
+      var o;
+      const t = /* @__PURE__ */ new Map();
+      e.forEach((r, a) => {
+        t.set(G(a), r);
+      }), P.value && Array.from(t.values()).some((a) => a) && (E("nearest", "auto"), P.value = !1), H(() => {
+        k.value++;
+      }), (o = i.onVisibleTabsChange) == null || o.call(i, t);
+    }, ee = () => {
+      const { list: e, more: t, type: o } = i;
+      let r = [], a = s(
+        "div",
+        {
+          class: [
+            {
+              [`${l.TABS_BAR}-more-trigger`]: !0,
+              [`${l.TABS_BAR}-more-trigger-${o}`]: !0
+            }
+          ]
+        },
+        [
+          s(
+            "div",
+            {
+              class: `${l.TABS_BAR}-more-trigger-content`
+            },
+            [
+              s("div", null, "更多"),
+              // TODO: Add locale support
+              s(he, {
+                class: `${l.TABS_BAR}-more-trigger-content-icon`
+              })
+            ]
+          )
+        ]
+      ), d;
+      if (typeof t == "number")
+        d = e.length - Math.min(t, e.length), r = e.slice(0, d).map(
+          (n) => s(R, {
+            key: y(n.itemKey),
+            "data-scrollkey": y(n.itemKey),
+            disabled: n.disabled,
+            icon: n.icon,
+            itemKey: n.itemKey,
+            tab: n.tab,
+            closable: n.closable,
+            selected: h(n.itemKey),
+            size: i.size,
+            type: i.type,
+            tabPosition: i.tabPosition,
+            handleKeyDown: i.handleKeyDown,
+            deleteTabItem: i.deleteTabItem,
+            onClick: g
+          })
+        );
+      else if (typeof t == "object")
+        d = e.length - Math.min(t.count, e.length), r = e.slice(0, d).map(
+          (n) => s(R, {
+            key: y(n.itemKey),
+            "data-scrollkey": y(n.itemKey),
+            disabled: n.disabled,
+            icon: n.icon,
+            itemKey: n.itemKey,
+            tab: n.tab,
+            closable: n.closable,
+            selected: h(n.itemKey),
+            size: i.size,
+            type: i.type,
+            tabPosition: i.tabPosition,
+            handleKeyDown: i.handleKeyDown,
+            deleteTabItem: i.deleteTabItem,
+            onClick: g
+          })
+        ), t.render && (a = t.render());
+      else if (t !== void 0)
+        throw new Error("[Semi Tabs]: invalid tab props format: more");
+      return s("div", null, [
+        ...r,
+        te(e.slice(d), t == null ? void 0 : t.dropdownProps, a)
+      ]);
+    }, te = (e, t, o) => s(
+      p,
+      {
+        trigger: "hover",
+        showTick: !0,
+        position: "bottomLeft",
+        class: `${l.TABS_BAR}-more-dropdown-${i.type}`,
+        clickToHide: !0,
+        menu: e.map((r) => ({
+          node: "item",
+          name: r.tab,
+          icon: r.icon,
+          onClick: (a) => i.onTabClick(r.itemKey, a),
+          active: i.activeKey === r.itemKey
+        })),
+        ...t
+      },
+      () => o
+    );
+    return (e, t) => (w(), W("div", {
+      role: "tablist",
+      "aria-orientation": m.tabPosition === "left" ? "vertical" : "horizontal",
+      class: le(U.value),
+      style: ne(m.style),
+      "data-uuid": T.value
+    }, [
+      m.collapsible ? (w(), $(F(be), {
+        key: 0,
+        items: Y.value,
+        overflowRenderDirection: m.arrowPosition,
+        wrapperStyle: m.visibleTabsStyle,
+        overflowRenderer: J,
+        renderMode: "scroll",
+        className: `${F(l).TABS_BAR}-overflow-list`,
+        style: { minWidth: 0, maxWidth: "100%" },
+        visibleItemRenderer: Q,
+        onVisibleStateChange: Z
+      }, null, 8, ["items", "overflowRenderDirection", "wrapperStyle", "className", "visibleItemRenderer"])) : m.more ? (w(), $(j(ee()), { key: 1 })) : (w(!0), W(ae, { key: 2 }, ce(m.list, (o) => (w(), $(R, {
+        key: y(o.itemKey),
+        "data-scrollkey": y(o.itemKey),
+        disabled: o.disabled,
+        icon: o.icon,
+        itemKey: o.itemKey,
+        tab: o.tab,
+        closable: o.closable,
+        selected: h(o.itemKey),
+        size: m.size,
+        type: m.type,
+        tabPosition: m.tabPosition,
+        handleKeyDown: m.handleKeyDown,
+        deleteTabItem: m.deleteTabItem,
+        onClick: g
+      }, null, 8, ["data-scrollkey", "disabled", "icon", "itemKey", "tab", "closable", "selected", "size", "type", "tabPosition", "handleKeyDown", "deleteTabItem"]))), 128)),
+      _() ? (w(), $(j(_()), { key: 3 })) : se("", !0)
+    ], 14, Be));
+  }
+});
+export {
+  xe as default
+};
+//# sourceMappingURL=TabBar.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TabBar.vue.js","sources":["../../../../src/components/tabs/TabBar.vue"],"sourcesContent":["<template>\n    <div\n        role=\"tablist\"\n        :aria-orientation=\"tabPosition === 'left' ? 'vertical' : 'horizontal'\"\n        :class=\"classNames\"\n        :style=\"style as any\"\n        :data-uuid=\"uuid\"\n    >\n        <OverflowList\n            v-if=\"collapsible\"\n            :items=\"collapsedTabItems\"\n            :overflowRenderDirection=\"arrowPosition\"\n            :wrapperStyle=\"visibleTabsStyle\"\n            :overflowRenderer=\"renderOverflow\"\n            renderMode=\"scroll\"\n            :className=\"`${cssClasses.TABS_BAR}-overflow-list`\"\n            :style=\"{ minWidth: 0, maxWidth: '100%' }\"\n            :visibleItemRenderer=\"renderTabItem as any\"\n            @visible-state-change=\"handleVisibleStateChange\"\n        />\n        <template v-else-if=\"more\">\n            <component :is=\"renderWithMoreTrigger()\" />\n        </template>\n        <template v-else>\n            <TabItem\n                v-for=\"panel in list\"\n                :key=\"getBarItemKeyByItemKey(panel.itemKey)\"\n                :data-scrollkey=\"getBarItemKeyByItemKey(panel.itemKey)\"\n                :disabled=\"panel.disabled\"\n                :icon=\"panel.icon\"\n                :itemKey=\"panel.itemKey\"\n                :tab=\"panel.tab\"\n                :closable=\"panel.closable\"\n                :selected=\"isActive(panel.itemKey)\"\n                :size=\"size\"\n                :type=\"type\"\n                :tabPosition=\"tabPosition\"\n                :handleKeyDown=\"handleKeyDown\"\n                :deleteTabItem=\"deleteTabItem\"\n                :onClick=\"handleItemClick\"\n            />\n        </template>\n        <component :is=\"renderExtra()\" v-if=\"renderExtra()\" />\n    </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, h, nextTick, onMounted, ref, watch, VNode } from 'vue';\nimport classnames from 'classnames';\nimport { cssClasses, strings } from '@douyinfe/semi-foundation/tabs/constants';\nimport { getUuidv4 } from '@douyinfe/semi-foundation/utils/uuid';\nimport { IconChevronRight, IconChevronLeft, IconChevronDown } from '../icons';\nimport { isEmpty } from 'lodash-es';\nimport TabItem from './TabItem.vue';\nimport Dropdown from '../dropdown';\nimport Button from '../button';\nimport OverflowList from '../overflowList';\nimport type { TabBarProps, PlainTab, OverflowItem } from './interface';\n\ndefineOptions({\n    name: 'TabBar',\n});\n\nconst props = withDefaults(defineProps<TabBarProps>(), {\n    showRestInDropdown: true,\n});\n\nconst uuid = ref('');\nconst isFirstShowInViewport = ref(true);\nconst rePosKey = ref(0);\n\nonMounted(() => {\n    uuid.value = getUuidv4();\n});\n\nwatch(\n    () => props.activeKey,\n    (newKey, oldKey) => {\n        if (newKey !== oldKey && props.collapsible) {\n            scrollActiveTabItemIntoView();\n        }\n    }\n);\n\nconst classNames = computed(() => {\n    const { type, className, tabPosition, collapsible } = props;\n    return [\n        className,\n        {\n            [cssClasses.TABS_BAR]: true,\n            [cssClasses.TABS_BAR_LINE]: type === 'line',\n            [cssClasses.TABS_BAR_CARD]: type === 'card',\n            [cssClasses.TABS_BAR_BUTTON]: type === 'button',\n            [cssClasses.TABS_BAR_SLASH]: type === 'slash',\n            [`${cssClasses.TABS_BAR}-${tabPosition}`]: tabPosition,\n            [`${cssClasses.TABS_BAR}-collapse`]: collapsible,\n        },\n    ];\n});\n\nconst isActive = (key: string): boolean => key === props.activeKey;\n\nconst getBarItemKeyByItemKey = (key: string): string => `${key}-bar`;\n\nconst getItemKeyByBarItemKey = (key: string): string => key.replace(/-bar$/, '');\n\nconst handleItemClick = (itemKey: string, event: MouseEvent) => {\n    props.onTabClick?.(itemKey, event);\n};\n\nconst renderIcon = (icon: any): VNode => {\n    return h('span', null, icon);\n};\n\nconst renderExtra = (): VNode | null => {\n    const { tabBarExtraContent, type, size } = props;\n    if (!tabBarExtraContent) {\n        return null;\n    }\n\n    // Handle function form of tabBarExtraContent - call it inside render function\n    const content = typeof tabBarExtraContent === 'function' ? tabBarExtraContent() : tabBarExtraContent;\n\n    const tabBarExtraContentDefaultStyle = { float: 'right' };\n    const tabBarExtraContentStyle = content?.props?.style || {};\n    const extraCls = [\n        cssClasses.TABS_BAR_EXTRA,\n        {\n            [`${cssClasses.TABS_BAR}-${type}-extra`]: type,\n            [`${cssClasses.TABS_BAR}-${type}-extra-${size}`]: size,\n        },\n    ];\n\n    const tabBarStyle = { ...tabBarExtraContentDefaultStyle, ...tabBarExtraContentStyle };\n\n    return h(\n        'div',\n        {\n            class: extraCls,\n            style: tabBarStyle,\n            'x-semi-prop': 'tabBarExtraContent',\n        },\n        content\n    );\n};\n\nconst scrollTabItemIntoViewByKey = (\n    key: string,\n    logicalPosition: ScrollLogicalPosition = 'nearest',\n    behavior?: ScrollBehavior\n) => {\n    // Match React implementation: use scrollIntoView directly\n    // For horizontal scrolling tabs, use 'nearest' for block to avoid vertical scrolling\n    // and use logicalPosition for inline to control horizontal scrolling\n    const tabItem = document.querySelector(\n        `[data-uuid=\"${uuid.value}\"] .${cssClasses.TABS_TAB}[data-scrollkey=\"${key}\"]`\n    ) as HTMLElement;\n    if (tabItem) {\n        tabItem.scrollIntoView({\n            behavior: behavior || 'smooth',\n            block: 'nearest', // Avoid vertical scrolling for horizontal tabs\n            inline: logicalPosition, // Control horizontal scrolling\n        });\n    }\n};\n\nconst scrollActiveTabItemIntoView = (logicalPosition?: ScrollLogicalPosition, behavior?: ScrollBehavior) => {\n    const key = getBarItemKeyByItemKey(props.activeKey);\n    scrollTabItemIntoViewByKey(key, logicalPosition, behavior);\n};\n\nconst handleArrowClick = (items: Array<OverflowItem>, pos: 'start' | 'end', e?: MouseEvent): void => {\n    console.log('[TabBar] handleArrowClick called', { pos, itemsLength: items.length });\n\n    if (!items.length) {\n        return;\n    }\n\n    // For right arrow, find the first item that is not fully visible in the viewport\n    // For left arrow, use the last item\n    let targetItem: OverflowItem | undefined;\n\n    if (pos === 'start') {\n        // Left arrow: use the last item\n        targetItem = items[items.length - 1];\n    } else {\n        // Right arrow: find the first item that is not fully visible\n        const scrollWrapper = document.querySelector(\n            `[data-uuid=\"${uuid.value}\"] .${cssClasses.TABS_BAR}-overflow-list .semi-overflow-list-scroll-wrapper`\n        ) as HTMLElement;\n        if (scrollWrapper) {\n            const scrollLeft = scrollWrapper.scrollLeft;\n            const containerWidth = scrollWrapper.clientWidth;\n            const viewportRight = scrollLeft + containerWidth;\n\n            // Find the first item that extends beyond the viewport\n            for (let i = 0; i < items.length; i++) {\n                const item = items[i];\n                const itemKey = getBarItemKeyByItemKey(item.itemKey);\n                const tabItem = document.querySelector(\n                    `[data-uuid=\"${uuid.value}\"] .${cssClasses.TABS_TAB}[data-scrollkey=\"${itemKey}\"]`\n                ) as HTMLElement;\n\n                if (tabItem) {\n                    const containerRect = scrollWrapper.getBoundingClientRect();\n                    const itemRect = tabItem.getBoundingClientRect();\n                    const itemLeft = itemRect.left - containerRect.left + scrollLeft;\n                    const itemRight = itemLeft + itemRect.width;\n\n                    // Check if item is fully visible (with a small threshold to account for rounding errors)\n                    const threshold = 2; // 2px threshold\n                    const isFullyVisible = itemLeft >= scrollLeft && itemRight <= viewportRight + threshold;\n\n                    // For right arrow, we want items that extend beyond the viewport right edge\n                    // Skip items that are already fully visible\n                    if (!isFullyVisible && itemLeft >= scrollLeft && itemRight > viewportRight) {\n                        targetItem = item;\n                        console.log('[TabBar] Found target item at index', i, {\n                            itemLeft,\n                            itemRight,\n                            scrollLeft,\n                            viewportRight,\n                            isFullyVisible,\n                        });\n                        break;\n                    }\n                }\n            }\n\n            // If no item found, use the first one (fallback)\n            if (!targetItem) {\n                targetItem = items[0];\n                console.log('[TabBar] Using first item as fallback');\n            }\n        } else {\n            // Fallback: use first item if scrollWrapper not found\n            targetItem = items[0];\n        }\n    }\n\n    console.log('[TabBar] targetItem', targetItem);\n    if (!targetItem) {\n        return;\n    }\n    const key = getBarItemKeyByItemKey(targetItem.itemKey);\n    console.log('[TabBar] scrolling to key', key);\n    // Use 'start' for left arrow (show item at start of viewport) and 'end' for right arrow (show item at end of viewport)\n    const logicalPosition: ScrollLogicalPosition = pos === 'start' ? 'start' : 'end';\n    scrollTabItemIntoViewByKey(key, logicalPosition);\n};\n\n// Track previous items to detect changes and update rePosKey\nconst previousItems = ref<Map<string, Array<OverflowItem>>>(new Map());\n\nconst renderCollapse = (items: Array<OverflowItem>, icon: VNode, pos: 'start' | 'end'): VNode => {\n    // Check if items have changed for this position\n    const itemsKey = items.map((item) => item.itemKey).join(',');\n    const prevItemsKey =\n        previousItems.value\n            .get(pos)\n            ?.map((item) => item.itemKey)\n            .join(',') || '';\n\n    if (itemsKey !== prevItemsKey) {\n        // Items have changed, update rePosKey to trigger repositioning\n        // This is important for bottomRight positioning when dropdown content changes\n        previousItems.value.set(pos, items);\n        nextTick(() => {\n            rePosKey.value++;\n        });\n    }\n    const arrowCls = [\n        {\n            [`${cssClasses.TABS_BAR}-arrow-${pos}`]: pos,\n            [`${cssClasses.TABS_BAR}-arrow`]: true,\n        },\n    ];\n\n    // Style to prevent arrow from being squeezed\n    // Match React behavior: arrows should not shrink in flex layout\n    const arrowStyle = {\n        flexShrink: 0,\n        flexGrow: 0,\n    };\n\n    if (isEmpty(items)) {\n        return h(\n            'div',\n            {\n                role: 'presentation',\n                class: arrowCls,\n                style: arrowStyle,\n            },\n            [\n                h(Button, {\n                    disabled: true,\n                    icon,\n                    theme: 'borderless',\n                }),\n            ]\n        );\n    }\n\n    const { dropdownClassName, dropdownStyle, showRestInDropdown, dropdownProps } = props;\n    const disabled = !items.length;\n\n    // Create menu with current items - items are passed from OverflowList and are always up-to-date\n    const menu = h(Dropdown.Menu, null, () =>\n        items.map((panel) => {\n            const panelIcon = panel.icon ? renderIcon(panel.icon) : null;\n            return h(\n                Dropdown.Item,\n                {\n                    key: panel.itemKey,\n                    onClick: (e: MouseEvent) => handleItemClick(panel.itemKey, e),\n                    active: isActive(panel.itemKey),\n                },\n                () => [panelIcon, panel.tab]\n            );\n        })\n    );\n\n    // Create button with click handler - match React behavior exactly\n    // React version: onClick is on the div, not on Button\n    // The onClick should execute scrolling, and Tooltip's clickTriggerToHide will close the dropdown\n    // Note: The div must have proper display for Tooltip to correctly calculate position\n    const button = h(\n        'div',\n        {\n            role: 'presentation',\n            class: arrowCls,\n            style: {\n                ...arrowStyle,\n                // Ensure the div has dimensions for Tooltip positioning\n                // This is important for bottomRight positioning to work correctly\n                display: 'inline-block',\n            },\n            onClick: (e: MouseEvent) => {\n                console.log('[TabBar] Button onClick fired', { pos, itemsLength: items.length, event: e });\n                // Execute scrolling - don't prevent default or stop propagation\n                // This allows Tooltip's clickTriggerToHide to also work (close dropdown)\n                handleArrowClick(items, pos, e);\n            },\n        },\n        [\n            h(Button, {\n                disabled,\n                icon,\n                theme: 'borderless',\n                // Don't add onClick to Button - let the div handle it (match React behavior)\n            }),\n        ]\n    );\n\n    const dropdownCls = [\n        dropdownClassName,\n        {\n            [`${cssClasses.TABS_BAR}-dropdown`]: true,\n        },\n    ];\n\n    const customDropdownProps = dropdownProps?.[pos] ?? {};\n\n    // Return Fragment-like structure (array of VNodes) to match React behavior\n    // React version returns <>...</> which doesn't add a wrapper div\n    if (showRestInDropdown) {\n        // When wrapped in Dropdown, the button's onClick should still work\n        // The Dropdown's clickTriggerToHide will close the dropdown after our onClick executes\n        return h(\n            Dropdown,\n            {\n                key: `${rePosKey.value}-${pos}`, // Force reposition when rePosKey changes\n                rePosKey: `${rePosKey.value}-${pos}`, // Pass to Dropdown for repositioning\n                className: classnames(dropdownCls),\n                clickToHide: true,\n                clickTriggerToHide: true,\n                position: pos === 'start' ? 'bottomLeft' : 'bottomRight',\n                render: disabled ? null : menu,\n                showTick: true,\n                style: dropdownStyle, // Match React: only pass dropdownStyle, not arrowStyle\n                trigger: 'hover',\n                disableFocusListener: true,\n                ...customDropdownProps,\n            },\n            () => button\n        );\n    }\n    return button;\n};\n\nconst renderOverflow = (items: any[]): Array<VNode> => {\n    return items.map((item, index) => {\n        const pos = index === 0 ? 'start' : 'end';\n        const icon = h(index === 0 ? IconChevronLeft : IconChevronRight);\n        const overflowNode = renderCollapse(item, icon, pos);\n        if (props.renderArrow) {\n            const customArrow = props.renderArrow(item, pos, () => handleArrowClick(item, pos), overflowNode);\n            // Ensure custom arrow has flex-shrink: 0 to prevent being squeezed\n            if (customArrow && typeof customArrow === 'object' && customArrow.props) {\n                const existingStyle = customArrow.props.style || {};\n                customArrow.props.style = {\n                    ...existingStyle,\n                    flexShrink: 0,\n                    flexGrow: 0,\n                };\n            }\n            return customArrow as any;\n        }\n        return overflowNode as any;\n    }) as any;\n};\n\nconst renderTabItem = (panel: OverflowItem, index?: number): VNode => {\n    return h(TabItem, {\n        key: getBarItemKeyByItemKey(panel.itemKey),\n        'data-scrollkey': getBarItemKeyByItemKey(panel.itemKey),\n        disabled: panel.disabled,\n        icon: panel.icon,\n        itemKey: panel.itemKey,\n        tab: panel.tab,\n        closable: panel.closable,\n        selected: isActive(panel.itemKey),\n        size: props.size,\n        type: props.type,\n        tabPosition: props.tabPosition,\n        handleKeyDown: props.handleKeyDown,\n        deleteTabItem: props.deleteTabItem,\n        onClick: handleItemClick,\n    }) as any;\n};\n\n// Computed property for collapsed tab items\nconst collapsedTabItems = computed(() => {\n    return props.list.map((item) => {\n        const { itemKey } = item;\n        return {\n            key: getBarItemKeyByItemKey(itemKey),\n            active: isActive(itemKey),\n            ...item,\n        };\n    });\n});\n\n// Handle visible state change for collapsed tabs\nconst handleVisibleStateChange = (visibleMap: Map<string, boolean>) => {\n    const visibleMapWithItemKey: Map<string, boolean> = new Map();\n    visibleMap.forEach((v, k) => {\n        visibleMapWithItemKey.set(getItemKeyByBarItemKey(k), v);\n    });\n    // only when the tabs component appears in the viewport for the first time triggered scrollActiveTabItemIntoView\n    // refer to issue 2917 https://github.com/DouyinFE/semi-design/issues/2917\n    if (isFirstShowInViewport.value) {\n        const isShowInViewport = Array.from(visibleMapWithItemKey.values()).some((item) => item);\n        if (isShowInViewport) {\n            scrollActiveTabItemIntoView('nearest', 'auto');\n            isFirstShowInViewport.value = false;\n        }\n    }\n    // Update rePosKey to trigger Dropdown repositioning when visible items change\n    // Use nextTick to ensure layout is stable before repositioning\n    // This is important for accurate positioning, especially for bottomRight\n    nextTick(() => {\n        rePosKey.value++; // Increment rePosKey\n    });\n    props.onVisibleTabsChange?.(visibleMapWithItemKey);\n};\n\nconst renderWithMoreTrigger = (): VNode => {\n    const { list, more, type } = props;\n    let tabElements: VNode[] = [];\n    let moreTrigger: VNode = h(\n        'div',\n        {\n            class: [\n                {\n                    [`${cssClasses.TABS_BAR}-more-trigger`]: true,\n                    [`${cssClasses.TABS_BAR}-more-trigger-${type}`]: true,\n                },\n            ],\n        },\n        [\n            h(\n                'div',\n                {\n                    class: `${cssClasses.TABS_BAR}-more-trigger-content`,\n                },\n                [\n                    h('div', null, '更多'), // TODO: Add locale support\n                    h(IconChevronDown, {\n                        class: `${cssClasses.TABS_BAR}-more-trigger-content-icon`,\n                    }),\n                ]\n            ),\n        ]\n    );\n\n    let keepCount: number;\n    if (typeof more === 'number') {\n        keepCount = list.length - Math.min(more, list.length);\n        tabElements = list.slice(0, keepCount).map((panel) =>\n            h(TabItem, {\n                key: getBarItemKeyByItemKey(panel.itemKey),\n                'data-scrollkey': getBarItemKeyByItemKey(panel.itemKey),\n                disabled: panel.disabled,\n                icon: panel.icon,\n                itemKey: panel.itemKey,\n                tab: panel.tab,\n                closable: panel.closable,\n                selected: isActive(panel.itemKey),\n                size: props.size,\n                type: props.type,\n                tabPosition: props.tabPosition,\n                handleKeyDown: props.handleKeyDown,\n                deleteTabItem: props.deleteTabItem,\n                onClick: handleItemClick,\n            })\n        );\n    } else if (typeof more === 'object') {\n        keepCount = list.length - Math.min(more.count, list.length);\n        tabElements = list.slice(0, keepCount).map((panel) =>\n            h(TabItem, {\n                key: getBarItemKeyByItemKey(panel.itemKey),\n                'data-scrollkey': getBarItemKeyByItemKey(panel.itemKey),\n                disabled: panel.disabled,\n                icon: panel.icon,\n                itemKey: panel.itemKey,\n                tab: panel.tab,\n                closable: panel.closable,\n                selected: isActive(panel.itemKey),\n                size: props.size,\n                type: props.type,\n                tabPosition: props.tabPosition,\n                handleKeyDown: props.handleKeyDown,\n                deleteTabItem: props.deleteTabItem,\n                onClick: handleItemClick,\n            })\n        );\n        if (more.render) {\n            moreTrigger = more.render() as any;\n        }\n    } else if (more !== undefined) {\n        throw new Error('[Semi Tabs]: invalid tab props format: more');\n    }\n\n    return h('div', null, [\n        ...tabElements,\n        renderMoreDropdown(list.slice(keepCount), (more as any)?.dropdownProps, moreTrigger),\n    ]);\n};\n\nconst renderMoreDropdown = (panels: PlainTab[], dropDownProps: any, trigger: VNode): VNode => {\n    return h(\n        Dropdown,\n        {\n            trigger: 'hover',\n            showTick: true,\n            position: 'bottomLeft',\n            class: `${cssClasses.TABS_BAR}-more-dropdown-${props.type}`,\n            clickToHide: true,\n            menu: panels.map((panel) => ({\n                node: 'item',\n                name: panel.tab,\n                icon: panel.icon,\n                onClick: (e: MouseEvent) => props.onTabClick(panel.itemKey, e),\n                active: props.activeKey === panel.itemKey,\n            })),\n            ...dropDownProps,\n        },\n        () => trigger\n    );\n};\n</script>\n"],"names":["props","__props","uuid","ref","isFirstShowInViewport","rePosKey","onMounted","getUuidv4","watch","newKey","oldKey","scrollActiveTabItemIntoView","classNames","computed","type","className","tabPosition","collapsible","cssClasses","isActive","key","getBarItemKeyByItemKey","getItemKeyByBarItemKey","handleItemClick","itemKey","event","_a","renderIcon","icon","h","renderExtra","tabBarExtraContent","size","content","tabBarExtraContentDefaultStyle","tabBarExtraContentStyle","extraCls","tabBarStyle","scrollTabItemIntoViewByKey","logicalPosition","behavior","tabItem","handleArrowClick","items","pos","e","targetItem","scrollWrapper","scrollLeft","containerWidth","viewportRight","i","item","containerRect","itemRect","itemLeft","itemRight","isFullyVisible","previousItems","renderCollapse","itemsKey","prevItemsKey","nextTick","arrowCls","arrowStyle","isEmpty","Button","dropdownClassName","dropdownStyle","showRestInDropdown","dropdownProps","disabled","menu","Dropdown","panel","panelIcon","button","dropdownCls","customDropdownProps","classnames","renderOverflow","index","IconChevronLeft","IconChevronRight","overflowNode","customArrow","existingStyle","renderTabItem","TabItem","collapsedTabItems","handleVisibleStateChange","visibleMap","visibleMapWithItemKey","v","k","renderWithMoreTrigger","list","more","tabElements","moreTrigger","IconChevronDown","keepCount","renderMoreDropdown","panels","dropDownProps","trigger","_createElementBlock","_createBlock","_unref","OverflowList","_openBlock","_resolveDynamicComponent","_Fragment","_renderList"],"mappings":"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"}