@transsionfe/semi-ui-vue 0.0.1

package/lib/cjs/components/table/useTableSelection.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTableSelection.cjs","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/cjs/components/tabs/TabBar.vue.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),G=require("classnames"),i=require("@douyinfe/semi-foundation/tabs/constants"),X=require("@douyinfe/semi-foundation/utils/uuid"),J=require("lodash-es"),S=require("./TabItem.vue.cjs"),I=require("../dropdown/index.cjs"),z=require("../button/Button.vue.cjs");;/* empty css                      */const Q=require("../overflowList/OverflowList.vue.cjs");;/* empty css                                  */const Y=require("../icons/icons/IconChevronLeft.cjs"),Z=require("../icons/icons/IconChevronRight.cjs"),ee=require("../icons/icons/IconChevronDown.cjs"),te=["aria-orientation","data-uuid"],oe=t.defineComponent({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(u){const l=u,v=t.ref(""),$=t.ref(!0),k=t.ref(0);t.onMounted(()=>{v.value=X.getUuidv4()}),t.watch(()=>l.activeKey,(e,o)=>{e!==o&&l.collapsible&&D()});const L=t.computed(()=>{const{type:e,className:o,tabPosition:s,collapsible:r}=l;return[o,{[i.cssClasses.TABS_BAR]:!0,[i.cssClasses.TABS_BAR_LINE]:e==="line",[i.cssClasses.TABS_BAR_CARD]:e==="card",[i.cssClasses.TABS_BAR_BUTTON]:e==="button",[i.cssClasses.TABS_BAR_SLASH]:e==="slash",[`${i.cssClasses.TABS_BAR}-${s}`]:s,[`${i.cssClasses.TABS_BAR}-collapse`]:r}]}),f=e=>e===l.activeKey,y=e=>`${e}-bar`,N=e=>e.replace(/-bar$/,""),w=(e,o)=>{var s;(s=l.onTabClick)==null||s.call(l,e,o)},M=e=>t.h("span",null,e),_=()=>{var B;const{tabBarExtraContent:e,type:o,size:s}=l;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=[i.cssClasses.TABS_BAR_EXTRA,{[`${i.cssClasses.TABS_BAR}-${o}-extra`]:o,[`${i.cssClasses.TABS_BAR}-${o}-extra-${s}`]:s}],m={...a,...d};return t.h("div",{class:n,style:m,"x-semi-prop":"tabBarExtraContent"},r)},x=(e,o="nearest",s)=>{const r=document.querySelector(`[data-uuid="${v.value}"] .${i.cssClasses.TABS_TAB}[data-scrollkey="${e}"]`);r&&r.scrollIntoView({behavior:s||"smooth",block:"nearest",inline:o})},D=(e,o)=>{const s=y(l.activeKey);x(s,e,o)},P=(e,o,s)=>{if(console.log("[TabBar] handleArrowClick called",{pos:o,itemsLength:e.length}),!e.length)return;let r;if(o==="start")r=e[e.length-1];else{const n=document.querySelector(`[data-uuid="${v.value}"] .${i.cssClasses.TABS_BAR}-overflow-list .semi-overflow-list-scroll-wrapper`);if(n){const m=n.scrollLeft,B=n.clientWidth,T=m+B;for(let b=0;b<e.length;b++){const g=e[b],p=y(g.itemKey),C=document.querySelector(`[data-uuid="${v.value}"] .${i.cssClasses.TABS_TAB}[data-scrollkey="${p}"]`);if(C){const R=n.getBoundingClientRect(),K=C.getBoundingClientRect(),h=K.left-R.left+m,c=h+K.width,A=h>=m&&c<=T+2;if(!A&&h>=m&&c>T){r=g,console.log("[TabBar] Found target item at index",b,{itemLeft:h,itemRight:c,scrollLeft:m,viewportRight:T,isFullyVisible:A});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),x(a,o==="start"?"start":"end")},q=t.ref(new Map),V=(e,o,s)=>{var h;const r=e.map(c=>c.itemKey).join(","),a=((h=q.value.get(s))==null?void 0:h.map(c=>c.itemKey).join(","))||"";r!==a&&(q.value.set(s,e),t.nextTick(()=>{k.value++}));const d=[{[`${i.cssClasses.TABS_BAR}-arrow-${s}`]:s,[`${i.cssClasses.TABS_BAR}-arrow`]:!0}],n={flexShrink:0,flexGrow:0};if(J.isEmpty(e))return t.h("div",{role:"presentation",class:d,style:n},[t.h(z.default,{disabled:!0,icon:o,theme:"borderless"})]);const{dropdownClassName:m,dropdownStyle:B,showRestInDropdown:T,dropdownProps:b}=l,g=!e.length,p=t.h(I.default.Menu,null,()=>e.map(c=>{const E=c.icon?M(c.icon):null;return t.h(I.default.Item,{key:c.itemKey,onClick:A=>w(c.itemKey,A),active:f(c.itemKey)},()=>[E,c.tab])})),C=t.h("div",{role:"presentation",class:d,style:{...n,display:"inline-block"},onClick:c=>{console.log("[TabBar] Button onClick fired",{pos:s,itemsLength:e.length,event:c}),P(e,s)}},[t.h(z.default,{disabled:g,icon:o,theme:"borderless"})]),R=[m,{[`${i.cssClasses.TABS_BAR}-dropdown`]:!0}],K=(b==null?void 0:b[s])??{};return T?t.h(I.default,{key:`${k.value}-${s}`,rePosKey:`${k.value}-${s}`,className:G(R),clickToHide:!0,clickTriggerToHide:!0,position:s==="start"?"bottomLeft":"bottomRight",render:g?null:p,showTick:!0,style:B,trigger:"hover",disableFocusListener:!0,...K},()=>C):C},W=e=>e.map((o,s)=>{const r=s===0?"start":"end",a=t.h(s===0?Y.default:Z.default),d=V(o,a,r);if(l.renderArrow){const n=l.renderArrow(o,r,()=>P(o,r),d);if(n&&typeof n=="object"&&n.props){const m=n.props.style||{};n.props.style={...m,flexShrink:0,flexGrow:0}}return n}return d}),j=(e,o)=>t.h(S.default,{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:f(e.itemKey),size:l.size,type:l.type,tabPosition:l.tabPosition,handleKeyDown:l.handleKeyDown,deleteTabItem:l.deleteTabItem,onClick:w}),F=t.computed(()=>l.list.map(e=>{const{itemKey:o}=e;return{key:y(o),active:f(o),...e}})),H=e=>{var s;const o=new Map;e.forEach((r,a)=>{o.set(N(a),r)}),$.value&&Array.from(o.values()).some(a=>a)&&(D("nearest","auto"),$.value=!1),t.nextTick(()=>{k.value++}),(s=l.onVisibleTabsChange)==null||s.call(l,o)},O=()=>{const{list:e,more:o,type:s}=l;let r=[],a=t.h("div",{class:[{[`${i.cssClasses.TABS_BAR}-more-trigger`]:!0,[`${i.cssClasses.TABS_BAR}-more-trigger-${s}`]:!0}]},[t.h("div",{class:`${i.cssClasses.TABS_BAR}-more-trigger-content`},[t.h("div",null,"更多"),t.h(ee.default,{class:`${i.cssClasses.TABS_BAR}-more-trigger-content-icon`})])]),d;if(typeof o=="number")d=e.length-Math.min(o,e.length),r=e.slice(0,d).map(n=>t.h(S.default,{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:f(n.itemKey),size:l.size,type:l.type,tabPosition:l.tabPosition,handleKeyDown:l.handleKeyDown,deleteTabItem:l.deleteTabItem,onClick:w}));else if(typeof o=="object")d=e.length-Math.min(o.count,e.length),r=e.slice(0,d).map(n=>t.h(S.default,{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:f(n.itemKey),size:l.size,type:l.type,tabPosition:l.tabPosition,handleKeyDown:l.handleKeyDown,deleteTabItem:l.deleteTabItem,onClick:w})),o.render&&(a=o.render());else if(o!==void 0)throw new Error("[Semi Tabs]: invalid tab props format: more");return t.h("div",null,[...r,U(e.slice(d),o==null?void 0:o.dropdownProps,a)])},U=(e,o,s)=>t.h(I.default,{trigger:"hover",showTick:!0,position:"bottomLeft",class:`${i.cssClasses.TABS_BAR}-more-dropdown-${l.type}`,clickToHide:!0,menu:e.map(r=>({node:"item",name:r.tab,icon:r.icon,onClick:a=>l.onTabClick(r.itemKey,a),active:l.activeKey===r.itemKey})),...o},()=>s);return(e,o)=>(t.openBlock(),t.createElementBlock("div",{role:"tablist","aria-orientation":u.tabPosition==="left"?"vertical":"horizontal",class:t.normalizeClass(L.value),style:t.normalizeStyle(u.style),"data-uuid":v.value},[u.collapsible?(t.openBlock(),t.createBlock(t.unref(Q.default),{key:0,items:F.value,overflowRenderDirection:u.arrowPosition,wrapperStyle:u.visibleTabsStyle,overflowRenderer:W,renderMode:"scroll",className:`${t.unref(i.cssClasses).TABS_BAR}-overflow-list`,style:{minWidth:0,maxWidth:"100%"},visibleItemRenderer:j,onVisibleStateChange:H},null,8,["items","overflowRenderDirection","wrapperStyle","className","visibleItemRenderer"])):u.more?(t.openBlock(),t.createBlock(t.resolveDynamicComponent(O()),{key:1})):(t.openBlock(!0),t.createElementBlock(t.Fragment,{key:2},t.renderList(u.list,s=>(t.openBlock(),t.createBlock(S.default,{key:y(s.itemKey),"data-scrollkey":y(s.itemKey),disabled:s.disabled,icon:s.icon,itemKey:s.itemKey,tab:s.tab,closable:s.closable,selected:f(s.itemKey),size:u.size,type:u.type,tabPosition:u.tabPosition,handleKeyDown:u.handleKeyDown,deleteTabItem:u.deleteTabItem,onClick:w},null,8,["data-scrollkey","disabled","icon","itemKey","tab","closable","selected","size","type","tabPosition","handleKeyDown","deleteTabItem"]))),128)),_()?(t.openBlock(),t.createBlock(t.resolveDynamicComponent(_()),{key:3})):t.createCommentVNode("",!0)],14,te))}});exports.default=oe;
+//# sourceMappingURL=TabBar.vue.cjs.map

package/lib/cjs/components/tabs/TabBar.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabBar.vue.cjs","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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"}

package/lib/cjs/components/tabs/TabBar.vue2.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./TabBar.vue.cjs");exports.default=e.default;
+//# sourceMappingURL=TabBar.vue2.cjs.map

package/lib/cjs/components/tabs/TabBar.vue2.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabBar.vue2.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/lib/cjs/components/tabs/TabItem.vue.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),i=require("@douyinfe/semi-foundation/tabs/constants"),f=require("../icons/icons/IconClose.cjs"),B=["id","data-tabkey","data-scrollkey","aria-controls","aria-disabled","aria-selected","tabindex"],C=e.defineComponent({__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(t,{expose:d}){const a=t,o=e.ref(),n=i.cssClasses.TABS_TAB,m=e.computed(()=>{const{type:c,tabPosition:l,selected:b,disabled:k,size:s}=a;return[n,`${n}-${c}`,`${n}-${l}`,`${n}-single`,{[i.cssClasses.TABS_TAB_ACTIVE]:b,[i.cssClasses.TABS_TAB_DISABLED]:k,[`${n}-small`]:s==="small",[`${n}-medium`]:s==="medium"}]}),r=c=>{var l;(l=a.handleKeyDown)==null||l.call(a,c,a.itemKey,a.closable)},u=c=>{var l;a.disabled||(l=a.onClick)==null||l.call(a,a.itemKey,c)},y=c=>{var l;(l=a.deleteTabItem)==null||l.call(a,a.itemKey,c)};return d({tabItemRef:o,$el:o}),(c,l)=>(e.openBlock(),e.createElementBlock("div",{id:`semiTab${t.itemKey}`,ref_key:"tabItemRef",ref:o,class:e.normalizeClass(m.value),role:"tab","data-tabkey":`semiTab${t.itemKey}`,"data-scrollkey":`${t.itemKey}-bar`,"aria-controls":`semiTabPanel${t.itemKey}`,"aria-disabled":t.disabled?"true":"false","aria-selected":t.selected?"true":"false",tabindex:t.selected?0:-1,onKeydown:r,onClick:u},[t.icon?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(`${e.unref(n)}-icon`)},[e.isVNode(t.icon)||typeof t.icon=="function"||typeof t.icon=="object"&&t.icon!==null&&("__name"in t.icon||"setup"in t.icon||"render"in t.icon||"name"in t.icon||"props"in t.icon)?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.icon),{key:0})):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(t.icon),1)],64))],2)):e.createCommentVNode("",!0),e.isVNode(t.tab)?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.tab),{key:1})):(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[e.createTextVNode(e.toDisplayString(t.tab),1)],64)),t.closable?(e.openBlock(),e.createBlock(e.unref(f.default),{key:3,"aria-label":"Close",role:"button",class:e.normalizeClass(`${e.unref(n)}-icon-close`),onClick:y},null,8,["class"])):e.createCommentVNode("",!0)],42,B))}});exports.default=C;
+//# sourceMappingURL=TabItem.vue.cjs.map

package/lib/cjs/components/tabs/TabItem.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabItem.vue.cjs","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":"ulBAgDA,MAAMA,EAAQC,EAMRC,EAAaC,EAAAA,IAAA,EAEbC,EAAYC,EAAAA,WAAW,SAEvBC,EAAYC,EAAAA,SAAS,IAAM,CAC7B,KAAM,CAAE,KAAAC,EAAM,YAAAC,EAAa,SAAAC,EAAU,SAAAC,EAAU,KAAAC,GAASZ,EACxD,MAAO,CACHI,EACA,GAAGA,CAAS,IAAII,CAAI,GACpB,GAAGJ,CAAS,IAAIK,CAAW,GAC3B,GAAGL,CAAS,UACZ,CACI,CAACC,EAAAA,WAAW,eAAe,EAAGK,EAC9B,CAACL,EAAAA,WAAW,iBAAiB,EAAGM,EAChC,CAAC,GAAGP,CAAS,QAAQ,EAAGQ,IAAS,QACjC,CAAC,GAAGR,CAAS,SAAS,EAAGQ,IAAS,QAAA,CACtC,CAER,CAAC,EAEKC,EAAuBC,GAAyB,QAClDC,EAAAf,EAAM,gBAAN,MAAAe,EAAA,KAAAf,EAAsBc,EAAOd,EAAM,QAASA,EAAM,SACtD,EAEMgB,EAAmBC,GAAkB,OAClCjB,EAAM,WACPe,EAAAf,EAAM,UAAN,MAAAe,EAAA,KAAAf,EAAgBA,EAAM,QAASiB,EAEvC,EAEMC,EAAoBD,GAAkB,QACxCF,EAAAf,EAAM,gBAAN,MAAAe,EAAA,KAAAf,EAAsBA,EAAM,QAASiB,EACzC,EAGA,OAAAE,EAAa,CACT,WAAAjB,EACA,IAAKA,CAAA,CACR,wBA3FGkB,EAAAA,mBAsCM,MAAA,CArCD,aAAcnB,EAAA,OAAO,WAClB,aAAJ,IAAIC,EACH,uBAAOI,EAAA,KAAS,EACjB,KAAK,MACJ,wBAAuBL,EAAA,OAAO,GAC9B,oBAAmBA,EAAA,OAAO,OAC1B,+BAA8BA,EAAA,OAAO,GACrC,gBAAeA,EAAA,SAAQ,OAAA,QACvB,gBAAeA,EAAA,SAAQ,OAAA,QACvB,SAAUA,EAAA,SAAQ,EAAA,GAClB,UAASY,EACT,QAAOG,CAAA,GAEIf,EAAA,oBAAZmB,EAAAA,mBAcO,OAAA,OAdY,0BAAUC,EAAAA,MAAAjB,CAAA,CAAS,OAAA,CAAA,GAKHkB,UAAQrB,EAAA,IAAI,UAAgCA,EAAA,MAAI,mBAA+CA,EAAA,MAAI,UAAyCA,EAAA,OAAI,OAAkD,WAAAA,EAAA,gBAAmBA,EAAA,MAAI,WAAgBA,QAAI,SAAcA,EAAA,gBAAmBA,EAAA,OAF7SsB,cAAAC,cASEC,EAAAA,wBAROxB,EAAA,IAAI,EAAA,CAAA,IAAA,CAAA,CAAA,kBASbmB,EAAAA,mBAAsCM,WAAA,CAAA,IAAA,GAAA,qCAAlBzB,EAAA,IAAI,EAAA,CAAA,CAAA,wCAEDqB,UAAQrB,EAAA,GAAG,GAAtCsB,EAAAA,YAAAC,cAA2CC,EAAAA,wBAA3BxB,EAAA,GAAG,EAAA,CAAA,IAAA,CAAA,CAAA,kBACnBmB,EAAAA,mBAAqCM,WAAA,CAAA,IAAA,GAAA,qCAAjBzB,EAAA,GAAG,EAAA,CAAA,CAAA,OAEbA,EAAA,wBADVuB,EAAAA,YAMEH,EAAAA,MAAAM,EAAAA,OAAA,EAAA,OAJE,aAAW,QACX,KAAK,SACJ,0BAAUN,EAAAA,MAAAjB,CAAA,CAAS,aAAA,EACnB,QAAOc,CAAA"}

package/lib/cjs/components/tabs/TabItem.vue2.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./TabItem.vue.cjs");exports.default=e.default;
+//# sourceMappingURL=TabItem.vue2.cjs.map

package/lib/cjs/components/tabs/TabItem.vue2.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabItem.vue2.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/lib/cjs/components/tabs/TabPane.vue.cjs

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

package/lib/cjs/components/tabs/TabPane.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabPane.vue.cjs","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":"ifAqCA,MAAMA,EAAQC,EAERC,EAAaC,EAAAA,IAAA,EACbC,EAAUD,EAAAA,IAAI,EAAK,EAEnBE,EAAUC,EAAAA,OAAOC,EAAAA,eAAgB,EAAE,EAEnCC,EAASC,EAAAA,SAAS,IAAMJ,EAAQ,YAAcL,EAAM,OAAO,EAG7DQ,EAAO,QACPJ,EAAQ,MAAQ,IAGpB,MAAMM,EAAaD,EAAAA,SAAS,IACjB,CACHT,EAAM,UACN,CACI,CAACW,aAAW,kBAAkB,EAAG,CAACH,EAAO,MACzC,CAACG,EAAAA,WAAW,gBAAgB,EAAGH,EAAO,MACtC,CAACG,EAAAA,WAAW,SAAS,EAAG,EAAA,CAC5B,CAEP,EAEKC,EAAeH,EAAAA,SAAS,IAAM,CAChC,KAAM,CAAE,WAAAI,GAAeR,EACvB,OAAIG,EAAO,QACPJ,EAAQ,MAAQ,IAEbS,EAAaT,EAAQ,MAAQ,EACxC,CAAC,EAEKU,EAAe,CAACC,EAAmBC,EAAiBC,EAAwBC,IAAmC,CACjH,GAAIF,GAAWD,GAAa,MAAM,QAAQE,CAAK,GAAKA,EAAM,OAAQ,CAC9D,MAAME,EAAcF,EAAM,UAAWG,GAASA,EAAK,UAAYL,CAAS,EAClEM,EAAYJ,EAAM,UAAWG,GAASA,EAAK,UAAYJ,CAAO,EAC9DM,EAAkBL,EAAM,UAAWG,GAASA,EAAK,UAAYF,CAAa,EAEhF,OAAIC,IAAgBE,EACTC,EAAkBH,EAElBE,EAAYF,CAE3B,CAEA,MAAO,EACX,EAEMI,EAAiBd,EAAAA,SAAS,IAAM,CAClC,MAAMe,EAAYV,EAAaT,EAAQ,UAAWL,EAAM,QAASK,EAAQ,OAAS,GAAIA,EAAQ,aAAa,EAC3G,OAAIA,EAAQ,cAAgB,MACpBmB,EACOb,EAAAA,WAAW,6BAEXA,EAAAA,WAAW,4BAGlBa,EACOb,EAAAA,WAAW,8BAEXA,EAAAA,WAAW,0BAG9B,CAAC,EAEKc,EAAwChB,EAAAA,SAAS,IAC5C,EAAEJ,EAAQ,OAAS,IAAI,KAAMqB,GAAYA,EAAQ,UAAYrB,EAAQ,aAAa,CAC5F,EAEKsB,EAAYlB,EAAAA,SAAS,IAEnBJ,EAAQ,eACRG,EAAO,OACP,CAACiB,EAAsC,OACvC,CAACpB,EAAQ,kBAEhB,EAED,OAAAuB,EAAa,CACT,WAAA1B,CAAA,CACH,wBArHG2B,EAAAA,mBAsBM,MAAA,CArBD,kBAAmB5B,EAAA,OAAO,WACvB,aAAJ,IAAIC,EACJ,KAAK,WACJ,4BAA2BD,EAAA,OAAO,GAClC,uBAAOS,EAAA,KAAU,EACjB,uBAAOT,EAAA,KAAK,EACZ,cAAaO,EAAA,MAAM,QAAA,OACnB,SAAUP,EAAA,UAAQ,EACnB,cAAY,UAAA,GAEZ6B,EAAAA,YAUeC,EAAAA,QAAA,CAVA,OAAQJ,EAAA,MAAY,eAAgBnB,EAAA,MAAM,QAAA,QAAuB,eAAgBe,EAAA,KAAA,GACjF,QAAOS,EAAAA,QACd,CAMM,CAPY,mBAAAC,EAAoB,wBAAAC,KAAuB,CAC7DC,EAAAA,mBAMM,MANNC,aAMM,CALD,MAAK,CAAGC,EAAAA,MAAA1B,EAAAA,UAAA,EAAW,yBAA0BsB,CAAkB,EAChE,cAAY,UAAA,EACJC,CAAuB,EAAA,CAEnBtB,EAAA,MAAZ0B,aAAiCC,EAAA,OAAA,UAAA,CAAA,IAAA,CAAA,CAAA"}

package/lib/cjs/components/tabs/TabPane.vue2.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./TabPane.vue.cjs");exports.default=e.default;
+//# sourceMappingURL=TabPane.vue2.cjs.map

package/lib/cjs/components/tabs/TabPane.vue2.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabPane.vue2.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/lib/cjs/components/tabs/Tabs.vue.cjs

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

package/lib/cjs/components/tabs/Tabs.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.vue.cjs","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":"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"}

package/lib/cjs/components/tabs/Tabs.vue2.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Tabs.vue.cjs");exports.default=e.default;
+//# sourceMappingURL=Tabs.vue2.cjs.map

package/lib/cjs/components/tabs/Tabs.vue2.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.vue2.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/lib/cjs/components/tabs/context.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=Symbol("TabsContext");exports.TabsContextKey=t;
+//# sourceMappingURL=context.cjs.map

package/lib/cjs/components/tabs/context.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.cjs","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":"gFAGO,MAAMA,EAAgD,OAAO,aAAa"}

package/lib/cjs/components/tabs/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("./Tabs.vue.cjs"),t=require("./TabPane.vue.cjs"),u=require("./TabItem.vue.cjs");;/* empty css            */const e=a.default;e.TabPane=t.default;e.TabItem=u.default;exports.TabPane=t.default;exports.TabItem=u.default;exports.default=e;
+//# sourceMappingURL=index.cjs.map

package/lib/cjs/components/tabs/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","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":"uOAcA,MAAMA,EAAwBC,EAAAA,QAC9BD,EAAsB,QAAUE,EAAAA,QAChCF,EAAsB,QAAUG,EAAAA"}

package/lib/cjs/components/tag/Tag.vue.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),m=require("classnames"),h=require("@douyinfe/semi-foundation/tag/constants"),x=require("../avatar/Avatar.vue.cjs"),g=require("../icons/icons/IconClose.cjs"),B=["aria-label"],S=e.defineComponent({name:"Tag",__name:"Tag",props:{tagKey:{},size:{default:"default"},color:{default:"grey"},type:{default:"light"},closable:{type:Boolean,default:!1},visible:{type:Boolean,default:!0},prefixIcon:{},suffixIcon:{},style:{},className:{},avatarSrc:{},avatarShape:{default:"square"},shape:{default:"square"},"aria-label":{},tabIndex:{default:0}},emits:["close","click","mouseenter","keydown"],setup(o,{emit:p}){const l=h.cssClasses.PREFIX,a=o,s=p,r=e.useSlots(),c=e.ref(a.visible??!0);e.watch(()=>a.visible,t=>{c.value=t});const k=e.computed(()=>m(`${l}-content`,`${l}-content-center`)),v=e.computed(()=>a.closable),n=t=>{t.preventDefault(),t.stopPropagation()},u=t=>{t.stopPropagation();const f=a.tagKey!==void 0?a.tagKey:"";s("close",null,t,f),!t.defaultPrevented&&a.visible===void 0&&(c.value=!1)},i=t=>{s("click",t)},y=t=>{s("mouseenter",t)},b=t=>{switch(t.key){case"Backspace":case"Delete":a.closable&&u(t),n(t);break;case"Enter":i(t),n(t);break;case"Escape":t.target.blur();break}s("keydown",t)},$=e.computed(()=>a["aria-label"]?a["aria-label"]:""),d=e.computed(()=>({class:m(l,{[`${l}-default`]:a.size==="default",[`${l}-small`]:a.size==="small",[`${l}-large`]:a.size==="large",[`${l}-square`]:a.shape==="square",[`${l}-circle`]:a.shape==="circle",[`${l}-${a.type}`]:a.type,[`${l}-${a.color}-${a.type}`]:a.color&&a.type,[`${l}-closable`]:a.closable,[`${l}-invisible`]:!c.value,[`${l}-avatar-${a.avatarShape}`]:a.avatarSrc},a.className),style:a.style,onClick:i,onMouseenter:y,tabIndex:a.tabIndex})),C=e.computed(()=>({role:"button",tabIndex:a.tabIndex||0,onKeydown:b})),I=e.computed(()=>v.value?{...d.value,...C.value}:d.value);return(t,f)=>c.value?(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:0},I.value,{"aria-label":$.value}),[o.prefixIcon||e.unref(r).prefixIcon?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(`${e.unref(l)}-prefix-icon`)},[o.prefixIcon?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.prefixIcon),{key:0})):e.renderSlot(t.$slots,"prefixIcon",{key:1})],2)):e.createCommentVNode("",!0),o.avatarSrc?(e.openBlock(),e.createBlock(x.default,{key:1,src:o.avatarSrc,shape:o.avatarShape},null,8,["src","shape"])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(k.value)},[e.renderSlot(t.$slots,"default")],2),o.suffixIcon||e.unref(r).suffixIcon?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(`${e.unref(l)}-suffix-icon`)},[o.suffixIcon?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.suffixIcon),{key:0})):e.renderSlot(t.$slots,"suffixIcon",{key:1})],2)):e.createCommentVNode("",!0),o.closable?(e.openBlock(),e.createElementBlock("div",{key:3,class:e.normalizeClass(`${e.unref(l)}-close`),onClick:u},[e.createVNode(e.unref(g.default),{size:"small"})],2)):e.createCommentVNode("",!0)],16,B)):e.createCommentVNode("",!0)}});exports.default=S;
+//# sourceMappingURL=Tag.vue.cjs.map

package/lib/cjs/components/tag/Tag.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.vue.cjs","sources":["../../../../src/components/tag/Tag.vue"],"sourcesContent":["<template>\n    <div v-if=\"isVisible\" v-bind=\"wrapProps\" :aria-label=\"computedAriaLabel\">\n        <div v-if=\"prefixIcon || slots.prefixIcon\" :class=\"`${prefixCls}-prefix-icon`\">\n            <component :is=\"prefixIcon\" v-if=\"prefixIcon\" />\n            <slot v-else name=\"prefixIcon\"></slot>\n        </div>\n        <Avatar v-if=\"avatarSrc\" :src=\"avatarSrc\" :shape=\"avatarShape\" />\n        <div :class=\"contentCls\">\n            <slot></slot>\n        </div>\n        <div v-if=\"suffixIcon || slots.suffixIcon\" :class=\"`${prefixCls}-suffix-icon`\">\n            <component :is=\"suffixIcon\" v-if=\"suffixIcon\" />\n            <slot v-else name=\"suffixIcon\"></slot>\n        </div>\n        <div v-if=\"closable\" :class=\"`${prefixCls}-close`\" @click=\"handleCloseClick\">\n            <IconClose size=\"small\" />\n        </div>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, watch, useSlots } from 'vue';\nimport cls from 'classnames';\nimport { cssClasses } from '@douyinfe/semi-foundation/tag/constants';\nimport { IconClose } from '../icons';\nimport Avatar from '../avatar/Avatar.vue';\nimport { TagProps } from './interface';\n\ndefineOptions({\n    name: 'Tag',\n});\n\nconst prefixCls = cssClasses.PREFIX;\n\nconst props = withDefaults(defineProps<TagProps>(), {\n    size: 'default',\n    color: 'grey',\n    closable: false,\n    visible: true,\n    type: 'light',\n    shape: 'square',\n    avatarShape: 'square',\n    tabIndex: 0,\n});\n\nconst emit = defineEmits<{\n    close: [tagChildren: any, event: MouseEvent, tagKey: string | number];\n    click: [event: MouseEvent];\n    mouseenter: [event: MouseEvent];\n    keydown: [event: KeyboardEvent];\n}>();\n\nconst slots = useSlots();\n\nconst isVisible = ref(props.visible ?? true);\n\nwatch(\n    () => props.visible,\n    (newValue) => {\n        isVisible.value = newValue;\n    }\n);\n\nconst isString = (val: any): val is string => typeof val === 'string';\n\n// 移除 computed 中对插槽的调用，改为在模板中处理\n// 使用一个简单的默认值，避免在 computed 中调用插槽\nconst contentCls = computed(() => cls(`${prefixCls}-content`, `${prefixCls}-content-center`));\n\nconst clickable = computed(() => {\n    return props.closable;\n});\n\nconst handlePrevent = (e: KeyboardEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n};\n\nconst handleCloseClick = (e: MouseEvent) => {\n    e.stopPropagation();\n    // 移除对插槽的调用，避免在事件处理函数中调用插槽\n    // 如果需要传递插槽内容，可以通过其他方式获取\n    const tagKey = props.tagKey !== undefined ? props.tagKey : '';\n\n    emit('close', null, e, tagKey);\n\n    if (e.defaultPrevented) {\n        return;\n    }\n\n    if (props.visible === undefined) {\n        isVisible.value = false;\n    }\n};\n\nconst handleClick = (e: MouseEvent) => {\n    emit('click', e);\n};\n\nconst handleMouseEnter = (e: MouseEvent) => {\n    emit('mouseenter', e);\n};\n\nconst handleKeyDown = (event: KeyboardEvent) => {\n    switch (event.key) {\n        case 'Backspace':\n        case 'Delete':\n            if (props.closable) {\n                handleCloseClick(event as any);\n            }\n            handlePrevent(event);\n            break;\n        case 'Enter':\n            handleClick(event as any);\n            handlePrevent(event);\n            break;\n        case 'Escape':\n            (event.target as HTMLElement).blur();\n            break;\n        default:\n            break;\n    }\n    emit('keydown', event);\n};\n\nconst computedAriaLabel = computed(() => {\n    if (props['aria-label']) {\n        return props['aria-label'];\n    }\n    // 移除对插槽的调用，避免在 computed 中调用插槽\n    // 如果需要 aria-label，应该通过 props 传入\n    return '';\n});\n\nconst baseProps = computed(() => {\n    return {\n        class: cls(\n            prefixCls,\n            {\n                [`${prefixCls}-default`]: props.size === 'default',\n                [`${prefixCls}-small`]: props.size === 'small',\n                [`${prefixCls}-large`]: props.size === 'large',\n                [`${prefixCls}-square`]: props.shape === 'square',\n                [`${prefixCls}-circle`]: props.shape === 'circle',\n                [`${prefixCls}-${props.type}`]: props.type,\n                [`${prefixCls}-${props.color}-${props.type}`]: props.color && props.type,\n                [`${prefixCls}-closable`]: props.closable,\n                [`${prefixCls}-invisible`]: !isVisible.value,\n                [`${prefixCls}-avatar-${props.avatarShape}`]: props.avatarSrc,\n            },\n            props.className\n        ),\n        style: props.style,\n        onClick: handleClick,\n        onMouseenter: handleMouseEnter,\n        tabIndex: props.tabIndex,\n    };\n});\n\nconst a11yProps = computed(() => {\n    return {\n        role: 'button',\n        tabIndex: props.tabIndex || 0,\n        onKeydown: handleKeyDown,\n    };\n});\n\nconst wrapProps = computed(() => {\n    if (clickable.value) {\n        return {\n            ...baseProps.value,\n            ...a11yProps.value,\n        };\n    }\n    return baseProps.value;\n});\n</script>\n"],"names":["prefixCls","cssClasses","props","__props","emit","__emit","slots","useSlots","isVisible","ref","watch","newValue","contentCls","computed","cls","clickable","handlePrevent","e","handleCloseClick","tagKey","handleClick","handleMouseEnter","handleKeyDown","event","computedAriaLabel","baseProps","a11yProps","wrapProps","_openBlock","_createElementBlock","_mergeProps","_unref","_createBlock","_resolveDynamicComponent","_renderSlot","_ctx","Avatar","_createElementVNode","_createVNode","IconClose"],"mappings":"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"}

package/lib/cjs/components/tag/Tag.vue2.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Tag.vue.cjs");exports.default=e.default;
+//# sourceMappingURL=Tag.vue2.cjs.map

package/lib/cjs/components/tag/Tag.vue2.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.vue2.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/lib/cjs/components/tag/TagGroup.vue.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),N=require("classnames"),z=require("@douyinfe/semi-foundation/tag/constants"),x=require("./Tag.vue.cjs"),P=require("../popover/Popover.vue.cjs");;/* empty css                        */require("../space/index.cjs");const S=require("../space/Space.vue.cjs"),E=e.defineComponent({name:"TagGroup",__name:"TagGroup",props:{style:{default:()=>({})},className:{default:""},maxTagCount:{},restCount:{},size:{default:"default"},showPopover:{type:Boolean,default:!1},popoverProps:{default:()=>({})},tagList:{default:()=>[]}},emits:["tagClose","plusNMouseEnter"],setup(o,{emit:_}){const s=z.cssClasses.PREFIX,t=o,h=_,c=e.useSlots(),T=e.computed(()=>N({[`${s}-group`]:!0,[`${s}-group-max`]:t.maxTagCount,[`${s}-group-small`]:t.size==="small",[`${s}-group-large`]:t.size==="large"},t.className)),i=e.computed(()=>{var l;const n=(l=c.default)==null?void 0:l.call(c);if(n&&n.length>0){const r=[],u=w=>{w.forEach(a=>{var y,v,C,k;a&&((y=a.type)!=null&&y.toString().includes("Comment")||(v=a.type)!=null&&v.toString().includes("v-cmt")||((C=a.type)!=null&&C.toString().includes("Fragment")||(k=a.type)!=null&&k.toString().includes("v-fgt")?Array.isArray(a.children)&&u(a.children):r.push(a)))})};if(u(n),r.length>0)return r}return t.tagList&&t.tagList.length>0?t.tagList:[]}),B=e.computed(()=>typeof t.maxTagCount>"u"?i.value:i.value.slice(0,t.maxTagCount)),p=e.computed(()=>typeof t.maxTagCount>"u"?[]:i.value.slice(t.maxTagCount)),g=e.computed(()=>typeof t.restCount<"u"?t.restCount:t.tagList&&t.tagList.length>0&&typeof t.maxTagCount<"u"?t.tagList.length-t.maxTagCount:p.value.length),d=e.computed(()=>typeof t.maxTagCount<"u"&&g.value>0);function f(n,l){return n.key??`tag-${l}`}function m(n){h("plusNMouseEnter",n)}return(n,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(T.value),style:e.normalizeStyle(o.style)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(B.value,(r,u)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:f(r,u)},[r?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(r),{key:0})):e.createCommentVNode("",!0)],64))),128)),d.value&&o.showPopover?(e.openBlock(),e.createBlock(e.unref(P.default),e.mergeProps({key:0,"show-arrow":"",trigger:"hover",position:"top","auto-adjust-overflow":"","class-name":`${e.unref(s)}-rest-group-popover`},o.popoverProps),{content:e.withCtx(()=>[e.createVNode(e.unref(S.default),{spacing:2,wrap:"",style:{maxWidth:"400px"}},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(p.value,(r,u)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(r),{key:f(r,u+(o.maxTagCount||0))}))),128))]),_:1})]),default:e.withCtx(()=>[e.createVNode(x.default,{closable:!1,size:o.size,color:"grey",style:{backgroundColor:"transparent"},onMouseenter:m},{default:e.withCtx(()=>[e.createTextVNode(" +"+e.toDisplayString(g.value),1)]),_:1},8,["size"])]),_:1},16,["class-name"])):d.value&&!o.showPopover?(e.openBlock(),e.createBlock(x.default,{key:1,closable:!1,size:o.size,color:"grey",style:{backgroundColor:"transparent"},onMouseenter:m},{default:e.withCtx(()=>[e.createTextVNode(" +"+e.toDisplayString(g.value),1)]),_:1},8,["size"])):e.createCommentVNode("",!0)],6))}});exports.default=E;
+//# sourceMappingURL=TagGroup.vue.cjs.map

package/lib/cjs/components/tag/TagGroup.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TagGroup.vue.cjs","sources":["../../../../src/components/tag/TagGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useSlots, VNode } from 'vue';\nimport classNames from 'classnames';\nimport { cssClasses } from '@douyinfe/semi-foundation/tag/constants';\nimport Tag from './Tag.vue';\nimport Popover from '../popover';\nimport Space from '../space';\n\nconst prefixCls = cssClasses.PREFIX;\n\ninterface TagGroupProps {\n    style?: any;\n    className?: string;\n    maxTagCount?: number;\n    restCount?: number;\n    size?: 'small' | 'default' | 'large';\n    showPopover?: boolean;\n    popoverProps?: any;\n    tagList?: VNode[];\n}\n\nconst props = withDefaults(defineProps<TagGroupProps>(), {\n    style: () => ({}),\n    className: '',\n    size: 'default',\n    showPopover: false,\n    popoverProps: () => ({}),\n    tagList: () => [],\n});\n\nconst emit = defineEmits<{\n    (e: 'tagClose', tagContent: any, event: Event, tagKey?: string | number): void;\n    (e: 'plusNMouseEnter', event: MouseEvent): void;\n}>();\n\nconst slots = useSlots();\n\nconst groupCls = computed(() => {\n    return classNames(\n        {\n            [`${prefixCls}-group`]: true,\n            [`${prefixCls}-group-max`]: props.maxTagCount,\n            [`${prefixCls}-group-small`]: props.size === 'small',\n            [`${prefixCls}-group-large`]: props.size === 'large',\n        },\n        props.className\n    );\n});\n\nconst allChildren = computed(() => {\n    const slotChildren = slots.default?.();\n    if (slotChildren && slotChildren.length > 0) {\n        const result: VNode[] = [];\n\n        const flattenChildren = (vnodes: VNode[]) => {\n            vnodes.forEach((child: VNode) => {\n                if (!child) return;\n\n                if (child.type?.toString().includes('Comment') || child.type?.toString().includes('v-cmt')) {\n                    return;\n                }\n\n                if (child.type?.toString().includes('Fragment') || child.type?.toString().includes('v-fgt')) {\n                    if (Array.isArray(child.children)) {\n                        flattenChildren(child.children as VNode[]);\n                    }\n                } else {\n                    result.push(child);\n                }\n            });\n        };\n\n        flattenChildren(slotChildren);\n        if (result.length > 0) {\n            return result;\n        }\n    }\n\n    if (props.tagList && props.tagList.length > 0) {\n        return props.tagList;\n    }\n\n    return [];\n});\n\nconst displayTags = computed(() => {\n    if (typeof props.maxTagCount === 'undefined') {\n        return allChildren.value;\n    }\n    return allChildren.value.slice(0, props.maxTagCount);\n});\n\nconst restTags = computed(() => {\n    if (typeof props.maxTagCount === 'undefined') {\n        return [];\n    }\n    return allChildren.value.slice(props.maxTagCount);\n});\n\nconst restCount = computed(() => {\n    if (typeof props.restCount !== 'undefined') {\n        return props.restCount;\n    }\n    if (props.tagList && props.tagList.length > 0 && typeof props.maxTagCount !== 'undefined') {\n        return props.tagList.length - props.maxTagCount;\n    }\n    return restTags.value.length;\n});\n\nconst showRestTag = computed(() => {\n    return typeof props.maxTagCount !== 'undefined' && restCount.value > 0;\n});\n\nfunction getTagKey(item: VNode, index: number) {\n    return item.key ?? `tag-${index}`;\n}\n\nfunction handlePlusNMouseEnter(event: MouseEvent) {\n    emit('plusNMouseEnter', event);\n}\n\ndefineOptions({\n    name: 'TagGroup',\n});\n</script>\n\n<template>\n    <div :class=\"groupCls\" :style=\"style\">\n        <template v-for=\"(item, index) in displayTags\" :key=\"getTagKey(item, index)\">\n            <component :is=\"item\" v-if=\"item\" />\n        </template>\n\n        <Popover\n            v-if=\"showRestTag && showPopover\"\n            show-arrow\n            trigger=\"hover\"\n            position=\"top\"\n            auto-adjust-overflow\n            :class-name=\"`${prefixCls}-rest-group-popover`\"\n            v-bind=\"popoverProps\"\n        >\n            <Tag\n                :closable=\"false\"\n                :size=\"size\"\n                color=\"grey\"\n                :style=\"{ backgroundColor: 'transparent' }\"\n                @mouseenter=\"handlePlusNMouseEnter\"\n            >\n                +{{ restCount }}\n            </Tag>\n            <template #content>\n                <Space :spacing=\"2\" wrap :style=\"{ maxWidth: '400px' }\">\n                    <template v-for=\"(item, index) in restTags\" :key=\"getTagKey(item, index + (maxTagCount || 0))\">\n                        <component :is=\"item\" />\n                    </template>\n                </Space>\n            </template>\n        </Popover>\n\n        <Tag\n            v-else-if=\"showRestTag && !showPopover\"\n            :closable=\"false\"\n            :size=\"size\"\n            color=\"grey\"\n            :style=\"{ backgroundColor: 'transparent' }\"\n            @mouseenter=\"handlePlusNMouseEnter\"\n        >\n            +{{ restCount }}\n        </Tag>\n    </div>\n</template>\n"],"names":["prefixCls","cssClasses","props","__props","emit","__emit","slots","useSlots","groupCls","computed","classNames","allChildren","slotChildren","_a","result","flattenChildren","vnodes","child","_b","_c","_d","displayTags","restTags","restCount","showRestTag","getTagKey","item","index","handlePlusNMouseEnter","event","_createElementBlock","_openBlock","_Fragment","_renderList","_createBlock","_resolveDynamicComponent","_unref","_mergeProps","_createVNode","Space","Tag","_createTextVNode"],"mappings":"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"}

package/lib/cjs/components/tag/TagGroup.vue2.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./TagGroup.vue.cjs");exports.default=e.default;
+//# sourceMappingURL=TagGroup.vue2.cjs.map

package/lib/cjs/components/tag/TagGroup.vue2.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TagGroup.vue2.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/lib/cjs/components/tag/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Tag.vue.cjs");;/* empty css           */exports.Tag=e.default;exports.default=e.default;
+//# sourceMappingURL=index.cjs.map

package/lib/cjs/components/tag/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/lib/cjs/components/tagInput/TagInput.vue.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./TagInput.vue2.cjs");;/* empty css                */const t=require("../../_virtual/_plugin-vue_export-helper.cjs"),u=t.default(e.default,[["__scopeId","data-v-8c73bbd4"]]);exports.default=u;
+//# sourceMappingURL=TagInput.vue.cjs.map

package/lib/cjs/components/tagInput/TagInput.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TagInput.vue.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/lib/cjs/components/tagInput/TagInput.vue2.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),y=require("classnames"),s=require("lodash-es"),xe=require("@douyinfe/semi-foundation/tagInput/foundation"),ke=require("@douyinfe/semi-foundation/tagInput/constants"),z=require("@douyinfe/semi-foundation/tagInput/utils/getSplitedArray"),D=require("../_utils/index.cjs"),be=require("../input/Input.vue.cjs"),O=require("./TagItem.vue.cjs"),Be=require("../popover/Popover.vue.cjs"),Ie=require("../_sortable/Sortable.vue.cjs"),Te=require("../_utils/useBaseComponent.cjs"),_e=require("../../_utils/useFoundation.cjs"),Ee=require("../icons/icons/IconClear.cjs"),q=require("../_utils/keyboardUtils.cjs"),we=["aria-disabled","aria-label","aria-invalid"],Se=["id"],$e=t.defineComponent({name:"TagInput",__name:"TagInput",props:{className:{},clearIcon:{},defaultValue:{},disabled:{type:Boolean},inputValue:{},maxLength:{},max:{},maxTagCount:{},showRestTagsPopover:{type:Boolean,default:!0},restTagsPopoverProps:{},showContentTooltip:{type:[Boolean,Object],default:!0},allowDuplicates:{type:Boolean,default:!0},addOnBlur:{type:Boolean,default:!1},draggable:{type:Boolean,default:!1},expandRestTagsOnClick:{type:Boolean,default:!0},onAdd:{type:Function,default:s.noop},onBlur:{type:Function,default:s.noop},onChange:{type:Function,default:s.noop},onExceed:{type:Function,default:s.noop},onFocus:{type:Function,default:s.noop},onInputChange:{type:Function,default:s.noop},onInputExceed:{type:Function,default:s.noop},onKeyDown:{type:Function,default:s.noop},onRemove:{type:Function,default:s.noop},placeholder:{},insetLabel:{},insetLabelId:{},prefix:{},renderTagItem:{},separator:{default:","},showClear:{type:Boolean,default:!1},size:{default:"default"},style:{},suffix:{},validateStatus:{default:"default"},value:{},autoFocus:{type:Boolean,default:!1},"aria-label":{},preventScroll:{type:Boolean}},emits:["update:value","update:inputValue","change","add","remove","blur","focus","inputChange","keydown"],setup(L,{expose:M,emit:R}){const o=ke.cssClasses.PREFIX,n=L,p=R,E=t.ref(),m=t.ref(),x=t.ref(null),B=()=>{var e,a;return(a=(e=m.value)==null?void 0:e.$el)==null?void 0:a.querySelector("input")},K=()=>s.isArray(n.value)?n.value:n.value===null?[]:n.defaultValue||[],u=t.ref({tagsArray:K(),inputValue:n.inputValue||"",focusing:!1,hovering:!1,active:!1,entering:!1});let w=!1;t.watch(()=>n.value,(e,a)=>{s.isArray(e)?u.value.tagsArray=e:e===null?u.value.tagsArray=[]:e===void 0&&(!w&&a===void 0&&(n.defaultValue||[]).length>0&&u.value.tagsArray.length>0&&s.isEqual(u.value.tagsArray,n.defaultValue)||(u.value.tagsArray=[])),w=!0},{immediate:!0,deep:!1}),t.watch(()=>n.inputValue,e=>{(s.isString(e)||e==="")&&(u.value.inputValue=e||"")},{immediate:!0});const{adapter:k,getDataAttr:H}=Te.useBaseComponent(n,u);k.getProps=()=>{const e={};return Object.keys(n).forEach(a=>{const l=n[a];l!==void 0&&(e[a]=l)}),e};const U=k.getStates;k.getStates=()=>{const e=U(),a=B();return a&&a.value!==e.inputValue&&(e.inputValue=a.value),e};const j={...k,setInputValue:e=>{u.value.inputValue=e,p("update:inputValue",e)},setTagsArray:e=>{u.value.tagsArray=e,p("update:value",e)},setFocusing:e=>{u.value.focusing=e},toggleFocusing:e=>{var a,l;e?(a=m.value)==null||a.focus():(l=m.value)==null||l.blur(),u.value.focusing=e},setHovering:e=>{u.value.hovering=e},setActive:e=>{u.value.active=e},setEntering:e=>{u.value.entering=e},getClickOutsideHandler:()=>x.value,registerClickOutsideHandler:e=>{const a=l=>{var v;const i=E.value,f=l.target,c=((v=l.composedPath)==null?void 0:v.call(l))||[f];i&&!i.contains(f)&&!c.includes(i)&&e(l)};x.value=a,document.addEventListener("click",a,!1)},unregisterClickOutsideHandler:()=>{x.value&&(document.removeEventListener("click",x.value),x.value=null)},notifyBlur:e=>{p("blur",e),n.onBlur(e)},notifyFocus:e=>{p("focus",e),n.onFocus(e)},notifyInputChange:(e,a)=>{p("inputChange",e,a),n.onInputChange(e,a)},notifyTagChange:e=>{u.value.tagsArray=e,p("change",e),p("update:value",e),n.onChange(e)},notifyTagAdd:e=>{p("add",e),n.onAdd(e)},notifyTagRemove:(e,a)=>{p("remove",e,a),n.onRemove(e,a)},notifyKeyDown:e=>{p("keydown",e),n.onKeyDown(e)}},{foundation:r}=_e.useFoundation(xe,j),d=t.computed(()=>u.value.tagsArray||[]),W=t.computed(()=>u.value.focusing||!1),S=t.computed(()=>u.value.hovering||!1),h=t.computed(()=>u.value.active||!1),b=t.computed(()=>n.draggable&&h.value),G=t.computed(()=>y(o,n.className,{[`${o}-focus`]:W.value||h.value,[`${o}-disabled`]:n.disabled,[`${o}-hover`]:S.value&&!n.disabled,[`${o}-error`]:n.validateStatus==="error",[`${o}-warning`]:n.validateStatus==="warning",[`${o}-small`]:n.size==="small",[`${o}-large`]:n.size==="large",[`${o}-with-prefix`]:!!n.prefix||!!n.insetLabel,[`${o}-with-suffix`]:!!n.suffix})),X=t.computed(()=>`${o}-wrapper`),J=t.computed(()=>y(`${o}-wrapper-input`,`${o}-wrapper-input-${n.size}`)),$=t.computed(()=>{const e=n.prefix||n.insetLabel;return s.isNull(e)||s.isUndefined(e)?null:s.isString(e)?t.h("span",e):e}),F=t.computed(()=>s.isNull(n.suffix)||s.isUndefined(n.suffix)?null:s.isString(n.suffix)?t.h("span",n.suffix):n.suffix),Q=t.computed(()=>{const e=n.prefix||n.insetLabel;return y(`${o}-prefix`,{[`${o}-inset-label`]:n.insetLabel,[`${o}-prefix-text`]:e&&s.isString(e),[`${o}-prefix-icon`]:e&&D.isSemiIcon(e)})}),Y=t.computed(()=>y(`${o}-suffix`,{[`${o}-suffix-text`]:n.suffix&&s.isString(n.suffix),[`${o}-suffix-icon`]:n.suffix&&D.isSemiIcon(n.suffix)})),Z=t.computed(()=>y(`${o}-clearBtn`,{[`${o}-clearBtn-invisible`]:!S.value||u.value.inputValue===""&&d.value.length===0||n.disabled})),ee=t.computed(()=>(!h.value||!n.expandRestTagsOnClick)&&n.maxTagCount&&n.maxTagCount<d.value.length?d.value.slice(0,n.maxTagCount):d.value),I=t.computed(()=>(!h.value||!n.expandRestTagsOnClick)&&n.maxTagCount&&n.maxTagCount<d.value.length?d.value.slice(n.maxTagCount):[]),V=t.computed(()=>y(`${o}-wrapper-n`,{[`${o}-wrapper-n-disabled`]:n.disabled})),te=t.computed(()=>t.h("div",{class:`${o}-rest-tags-popover-list`},I.value.map((e,a)=>{const l=(n.maxTagCount||0)+a;return T(e,l)}))),ne=(e,a)=>b.value?e:`${a}${e}`,T=(e,a,l)=>{const{size:i,disabled:f,renderTagItem:c,showContentTooltip:v,draggable:_}=n,g=h.value&&_,C=()=>{f||r.handleTagClose(a)};if(s.isFunction(c)){const ye=c(e,a,C);return t.h(O.default,{value:e,index:a,prefixCls:o,size:i,disabled:f,showContentTooltip:v,showIconHandler:g,draggable:b.value,sortableHandle:l,customRender:ye,onClose:C})}return t.h(O.default,{value:e,index:a,prefixCls:o,size:i,disabled:f,showContentTooltip:v,showIconHandler:g,draggable:b.value,sortableHandle:l,onClose:C})},ae=e=>{const{id:a,sortableHandle:l}=e,i=d.value.indexOf(a);return T(a,i,l)},le=e=>t.h("div",{class:`${o}-sortable-list`,style:{flexWrap:"nowrap",overflow:"hidden"},...e}),oe=e=>{const a=e.target,l=a.value,i=u.value.inputValue;if(s.isNumber(n.maxLength)){const c=z(l,n.separator),v=z(i,n.separator),_=Math.max(c.length,v.length);for(let g=0;g<_;g++)if(!s.isUndefined(c[g])&&c[g].length>n.maxLength){const C=B();C&&(C.value=i),s.isFunction(n.onInputExceed)&&n.onInputExceed(l);return}}const f={...e,target:{...a,value:l}};r.handleInputChange(f),t.nextTick(()=>{const c=B();c&&(u.value.inputValue===i&&c.value!==i?c.value=i:c.value!==u.value.inputValue&&(c.value=u.value.inputValue))})},ue=(e,a)=>{u.value.inputValue=e;const l={...a,target:{...a.target,value:e}};r.handleInputChange(l)},se=e=>{const a=q.normalizeKeyboardEvent(e),l=e.target;l&&l.tagName==="INPUT"&&(u.value.inputValue=l.value),q.isEnterPressed(a)&&a.preventDefault(),r.handleKeyDown(a)},re=e=>{r.handleInputFocus(e)},ie=e=>{r.handleInputBlur(e)},ce=e=>{r.handleInputCompositionStart(e)},de=e=>{r.handleInputCompositionEnd(e)},pe=e=>{r.handleClearBtn(e)},fe=e=>{r.handleClearEnterPress(e)},ve=()=>{r.handleInputMouseEnter()},ge=()=>{r.handleInputMouseLeave()},me=e=>{r.handleClick(e)},A=e=>{r.handleClickPrefixOrSuffix(e)},P=e=>{r.handlePreventMouseDown(e)},he=e=>{r.handleSortEnd(e)},Ce=()=>{var e;(e=m.value)==null||e.blur(),r.clickOutsideCallBack()},N=()=>{var e;(e=m.value)==null||e.focus(),n.disabled||r.handleClick()};return t.onMounted(()=>{t.nextTick(()=>{!n.disabled&&n.autoFocus&&N(),r.init()})}),M({blur:Ce,focus:N}),(e,a)=>(t.openBlock(),t.createElementBlock("div",t.mergeProps({ref_key:"tagInputRef",ref:E,class:G.value,style:n.style,"aria-disabled":n.disabled,"aria-label":n["aria-label"],"aria-invalid":n.validateStatus==="error"},t.unref(H)(),{onMouseenter:ve,onMouseleave:ge,onClick:me}),[$.value?(t.openBlock(),t.createElementBlock("div",{key:0,id:n.insetLabelId,class:t.normalizeClass(Q.value),"x-semi-prop":"prefix,insetLabel",onMousedown:P,onClick:A},[(t.openBlock(),t.createBlock(t.resolveDynamicComponent($.value)))],42,Se)):t.createCommentVNode("",!0),t.createElementVNode("div",{class:t.normalizeClass(X.value)},[h.value&&b.value&&d.value.length>0?(t.openBlock(),t.createBlock(Ie.default,{key:0,items:d.value,onSortEnd:he,renderItem:ae,prefix:t.unref(o),container:le,dragOverlayCls:`${t.unref(o)}-right-item-drag-item-move`,direction:"horizontal"},null,8,["items","prefix","dragOverlayCls"])):(t.openBlock(),t.createElementBlock(t.Fragment,{key:1},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(ee.value,(l,i)=>(t.openBlock(),t.createBlock(t.resolveDynamicComponent(T(l,i)),{key:ne(l,i)}))),128)),I.value.length>0&&n.showRestTagsPopover?(t.openBlock(),t.createBlock(Be.default,t.mergeProps({key:0,content:te.value,showArrow:"",trigger:"hover",position:"top",autoAdjustOverflow:!0},n.restTagsPopoverProps||{}),{default:t.withCtx(()=>[t.createElementVNode("span",{class:t.normalizeClass(V.value)},"+"+t.toDisplayString(d.value.length-(n.maxTagCount||0)),3)]),_:1},16,["content"])):I.value.length>0?(t.openBlock(),t.createElementBlock("span",{key:1,class:t.normalizeClass(V.value)}," +"+t.toDisplayString(d.value.length-(n.maxTagCount||0)),3)):t.createCommentVNode("",!0)],64)),t.createVNode(be.default,{ref_key:"inputRef",ref:m,class:t.normalizeClass(J.value),disabled:n.disabled,value:u.value.inputValue,size:n.size,placeholder:d.value.length===0?n.placeholder:"",onKeydown:se,onInput:oe,onChange:ue,onBlur:ie,onFocus:re,onCompositionstart:ce,onCompositionend:de},null,8,["class","disabled","value","size","placeholder"])],2),n.showClear?(t.openBlock(),t.createElementBlock("div",{key:1,class:t.normalizeClass(Z.value),role:"button",tabindex:"0","aria-label":"Clear TagInput value",onClick:pe,onKeypress:fe},[n.clearIcon?(t.openBlock(),t.createBlock(t.resolveDynamicComponent(n.clearIcon),{key:0})):(t.openBlock(),t.createBlock(t.unref(Ee.default),{key:1}))],34)):t.createCommentVNode("",!0),F.value?(t.openBlock(),t.createElementBlock("div",{key:2,class:t.normalizeClass(Y.value),"x-semi-prop":"suffix",onMousedown:P,onClick:A},[(t.openBlock(),t.createBlock(t.resolveDynamicComponent(F.value)))],34)):t.createCommentVNode("",!0)],16,we))}});exports.default=$e;
+//# sourceMappingURL=TagInput.vue2.cjs.map

package/lib/cjs/components/tagInput/TagInput.vue2.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TagInput.vue2.cjs","sources":["../../../../src/components/tagInput/TagInput.vue"],"sourcesContent":["<template>\n    <div\n        ref=\"tagInputRef\"\n        :class=\"tagInputCls\"\n        :style=\"props.style\"\n        :aria-disabled=\"props.disabled\"\n        :aria-label=\"props['aria-label']\"\n        :aria-invalid=\"props.validateStatus === 'error'\"\n        v-bind=\"getDataAttr()\"\n        @mouseenter=\"handleInputMouseEnter\"\n        @mouseleave=\"handleInputMouseLeave\"\n        @click=\"handleClick\"\n    >\n        <div\n            v-if=\"prefixNode\"\n            :id=\"props.insetLabelId\"\n            :class=\"prefixWrapperCls\"\n            x-semi-prop=\"prefix,insetLabel\"\n            @mousedown=\"handlePreventMouseDown\"\n            @click=\"handleClickPrefixOrSuffix\"\n        >\n            <component :is=\"prefixNode\" />\n        </div>\n\n        <div :class=\"wrapperCls\">\n            <template v-if=\"active && draggable && tagsArray.length > 0\">\n                <Sortable\n                    :items=\"tagsArray\"\n                    :onSortEnd=\"onSortEnd\"\n                    :renderItem=\"renderSortTag\"\n                    :prefix=\"prefixCls\"\n                    :container=\"SortContainer\"\n                    :dragOverlayCls=\"`${prefixCls}-right-item-drag-item-move`\"\n                    direction=\"horizontal\"\n                />\n            </template>\n            <template v-else>\n                <template v-for=\"(tag, index) in visibleTags\" :key=\"getTagKey(tag, index)\">\n                    <component :is=\"renderTag(tag, index)\" />\n                </template>\n                <Popover\n                    v-if=\"restTags.length > 0 && props.showRestTagsPopover\"\n                    :content=\"restTagsNodes\"\n                    showArrow\n                    trigger=\"hover\"\n                    position=\"top\"\n                    :autoAdjustOverflow=\"true\"\n                    v-bind=\"props.restTagsPopoverProps || {}\"\n                >\n                    <span :class=\"restTagsCls\">+{{ tagsArray.length - (props.maxTagCount || 0) }}</span>\n                </Popover>\n                <span v-else-if=\"restTags.length > 0\" :class=\"restTagsCls\">\n                    +{{ tagsArray.length - (props.maxTagCount || 0) }}\n                </span>\n            </template>\n\n            <Input\n                ref=\"inputRef\"\n                :class=\"inputCls\"\n                :disabled=\"props.disabled\"\n                :value=\"state.inputValue\"\n                :size=\"props.size\"\n                :placeholder=\"tagsArray.length === 0 ? props.placeholder : ''\"\n                @keydown=\"handleKeyDown\"\n                @input=\"handleInput\"\n                @change=\"handleInputChange\"\n                @blur=\"handleInputBlur\"\n                @focus=\"handleInputFocus\"\n                @compositionstart=\"handleInputCompositionStart\"\n                @compositionend=\"handleInputCompositionEnd\"\n            />\n        </div>\n\n        <div\n            v-if=\"props.showClear\"\n            :class=\"clearCls\"\n            role=\"button\"\n            tabindex=\"0\"\n            aria-label=\"Clear TagInput value\"\n            @click=\"handleClearBtn\"\n            @keypress=\"handleClearEnterPress\"\n        >\n            <component :is=\"props.clearIcon\" v-if=\"props.clearIcon\" />\n            <IconClear v-else />\n        </div>\n\n        <div\n            v-if=\"suffixNode\"\n            :class=\"suffixWrapperCls\"\n            x-semi-prop=\"suffix\"\n            @mousedown=\"handlePreventMouseDown\"\n            @click=\"handleClickPrefixOrSuffix\"\n        >\n            <component :is=\"suffixNode\" />\n        </div>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, watch, onMounted, nextTick, h, VNode } from 'vue';\nimport cls from 'classnames';\nimport { noop, isString, isNull, isUndefined, isFunction, isArray, isNumber, isEqual } from 'lodash-es';\nimport TagInputFoundation, { TagInputAdapter, OnSortEndProps } from '@douyinfe/semi-foundation/tagInput/foundation';\nimport { cssClasses } from '@douyinfe/semi-foundation/tagInput/constants';\nimport getSplitedArray from '@douyinfe/semi-foundation/tagInput/utils/getSplitedArray';\nimport {\n    useFoundation,\n    useBaseComponent,\n    isSemiIcon,\n    normalizeKeyboardEvent,\n    isEnterPressed,\n    KEY_CODE,\n} from '../_utils';\nimport Input from '../input/Input.vue';\nimport TagItem from './TagItem.vue';\nimport Popover from '../popover/Popover.vue';\nimport Sortable, { RenderItemProps } from '../_sortable/Sortable.vue';\nimport { IconClear, IconHandle } from '../icons';\nimport { TagInputProps, TagInputState } from './interface';\n\ndefineOptions({\n    name: 'TagInput',\n});\n\nconst prefixCls = cssClasses.PREFIX;\n\nconst props = withDefaults(defineProps<TagInputProps>(), {\n    showClear: false,\n    addOnBlur: false,\n    allowDuplicates: true,\n    showRestTagsPopover: true,\n    autoFocus: false,\n    draggable: false,\n    expandRestTagsOnClick: true,\n    showContentTooltip: true,\n    separator: ',',\n    size: 'default',\n    validateStatus: 'default',\n    onBlur: noop,\n    onFocus: noop,\n    onChange: noop,\n    onInputChange: noop,\n    onExceed: noop,\n    onInputExceed: noop,\n    onAdd: noop,\n    onRemove: noop,\n    onKeyDown: noop,\n});\n\nconst emit = defineEmits<{\n    'update:value': [value: string[]];\n    'update:inputValue': [value: string];\n    change: [value: string[]];\n    add: [addedValue: string[]];\n    remove: [removedValue: string, idx: number];\n    blur: [e: FocusEvent];\n    focus: [e: FocusEvent];\n    inputChange: [value: string, e: Event];\n    keydown: [e: KeyboardEvent];\n}>();\n\nconst tagInputRef = ref<HTMLDivElement>();\nconst inputRef = ref<InstanceType<typeof Input>>();\nconst clickOutsideHandler = ref<((e: Event) => void) | null>(null);\n\nconst getInputElement = (): HTMLInputElement | null => {\n    return inputRef.value?.$el?.querySelector('input') as HTMLInputElement | null;\n};\n\nconst getInitialTagsArray = () => {\n    if (isArray(props.value)) {\n        return props.value;\n    }\n    if (props.value === null) {\n        return [];\n    }\n    return props.defaultValue || [];\n};\n\nconst state = ref<TagInputState>({\n    tagsArray: getInitialTagsArray(),\n    inputValue: props.inputValue || '',\n    focusing: false,\n    hovering: false,\n    active: false,\n    entering: false,\n});\n\nlet isInitialized = false;\nwatch(\n    () => props.value,\n    (newValue, oldValue) => {\n        if (isArray(newValue)) {\n            state.value.tagsArray = newValue;\n        } else if (newValue === null) {\n            state.value.tagsArray = [];\n        } else if (newValue === undefined) {\n            if (\n                !isInitialized &&\n                oldValue === undefined &&\n                (props.defaultValue || []).length > 0 &&\n                state.value.tagsArray.length > 0 &&\n                isEqual(state.value.tagsArray, props.defaultValue)\n            ) {\n                // 初始化时保持 defaultValue\n            } else {\n                state.value.tagsArray = [];\n            }\n        }\n        isInitialized = true;\n    },\n    { immediate: true, deep: false }\n);\n\nwatch(\n    () => props.inputValue,\n    (newValue) => {\n        if (isString(newValue) || newValue === '') {\n            state.value.inputValue = newValue || '';\n        }\n    },\n    { immediate: true }\n);\n\nconst { adapter: baseAdapter, getDataAttr } = useBaseComponent(props, state);\n\nbaseAdapter.getProps = () => {\n    const filteredProps: Record<string, unknown> = {};\n    Object.keys(props).forEach((key) => {\n        const value = (props as any)[key];\n        if (value !== undefined) {\n            filteredProps[key] = value;\n        }\n    });\n    return filteredProps as typeof props;\n};\n\nconst originalGetStates = baseAdapter.getStates;\nbaseAdapter.getStates = () => {\n    const states = originalGetStates();\n    const inputElement = getInputElement();\n    if (inputElement && inputElement.value !== states.inputValue) {\n        states.inputValue = inputElement.value;\n    }\n    return states;\n};\n\nconst adapter: TagInputAdapter = {\n    ...baseAdapter,\n    setInputValue: (inputValue: string) => {\n        state.value.inputValue = inputValue;\n        emit('update:inputValue', inputValue);\n    },\n    setTagsArray: (tagsArray: string[]) => {\n        state.value.tagsArray = tagsArray;\n        emit('update:value', tagsArray);\n    },\n    setFocusing: (focusing: boolean) => {\n        state.value.focusing = focusing;\n    },\n    toggleFocusing: (focused: boolean) => {\n        if (focused) {\n            inputRef.value?.focus();\n        } else {\n            inputRef.value?.blur();\n        }\n        state.value.focusing = focused;\n    },\n    setHovering: (hovering: boolean) => {\n        state.value.hovering = hovering;\n    },\n    setActive: (active: boolean) => {\n        state.value.active = active;\n    },\n    setEntering: (entering: boolean) => {\n        state.value.entering = entering;\n    },\n    getClickOutsideHandler: () => clickOutsideHandler.value,\n    registerClickOutsideHandler: (cb: (e: Event) => void) => {\n        const handler = (e: Event) => {\n            const tagInputDom = tagInputRef.value;\n            const target = e.target as Element;\n            const path = (e as any).composedPath?.() || [target];\n            if (tagInputDom && !tagInputDom.contains(target) && !path.includes(tagInputDom)) {\n                cb(e);\n            }\n        };\n        clickOutsideHandler.value = handler;\n        document.addEventListener('click', handler, false);\n    },\n    unregisterClickOutsideHandler: () => {\n        if (clickOutsideHandler.value) {\n            document.removeEventListener('click', clickOutsideHandler.value);\n            clickOutsideHandler.value = null;\n        }\n    },\n    notifyBlur: (e: FocusEvent) => {\n        emit('blur', e);\n        props.onBlur(e);\n    },\n    notifyFocus: (e: FocusEvent) => {\n        emit('focus', e);\n        props.onFocus(e);\n    },\n    notifyInputChange: (v: string, e: Event) => {\n        emit('inputChange', v, e);\n        props.onInputChange(v, e);\n    },\n    notifyTagChange: (v: string[]) => {\n        state.value.tagsArray = v;\n        emit('change', v);\n        emit('update:value', v);\n        props.onChange(v);\n    },\n    notifyTagAdd: (v: string[]) => {\n        emit('add', v);\n        props.onAdd(v);\n    },\n    notifyTagRemove: (v: string, idx: number) => {\n        emit('remove', v, idx);\n        props.onRemove(v, idx);\n    },\n    notifyKeyDown: (e: KeyboardEvent) => {\n        emit('keydown', e);\n        props.onKeyDown(e);\n    },\n};\n\nconst { foundation } = useFoundation(TagInputFoundation, adapter);\n\nconst tagsArray = computed(() => state.value.tagsArray || []);\nconst focusing = computed(() => state.value.focusing || false);\nconst hovering = computed(() => state.value.hovering || false);\nconst active = computed(() => state.value.active || false);\nconst draggable = computed(() => props.draggable && active.value);\n\nconst tagInputCls = computed(() =>\n    cls(prefixCls, props.className, {\n        [`${prefixCls}-focus`]: focusing.value || active.value,\n        [`${prefixCls}-disabled`]: props.disabled,\n        [`${prefixCls}-hover`]: hovering.value && !props.disabled,\n        [`${prefixCls}-error`]: props.validateStatus === 'error',\n        [`${prefixCls}-warning`]: props.validateStatus === 'warning',\n        [`${prefixCls}-small`]: props.size === 'small',\n        [`${prefixCls}-large`]: props.size === 'large',\n        [`${prefixCls}-with-prefix`]: !!props.prefix || !!props.insetLabel,\n        [`${prefixCls}-with-suffix`]: !!props.suffix,\n    })\n);\n\nconst wrapperCls = computed(() => `${prefixCls}-wrapper`);\nconst inputCls = computed(() => cls(`${prefixCls}-wrapper-input`, `${prefixCls}-wrapper-input-${props.size}`));\n\nconst prefixNode = computed(() => {\n    const labelNode = props.prefix || props.insetLabel;\n    if (isNull(labelNode) || isUndefined(labelNode)) {\n        return null;\n    }\n    return isString(labelNode) ? h('span', labelNode) : labelNode;\n});\n\nconst suffixNode = computed(() => {\n    if (isNull(props.suffix) || isUndefined(props.suffix)) {\n        return null;\n    }\n    return isString(props.suffix) ? h('span', props.suffix) : props.suffix;\n});\n\nconst prefixWrapperCls = computed(() => {\n    const labelNode = props.prefix || props.insetLabel;\n    return cls(`${prefixCls}-prefix`, {\n        [`${prefixCls}-inset-label`]: props.insetLabel,\n        [`${prefixCls}-prefix-text`]: labelNode && isString(labelNode),\n        [`${prefixCls}-prefix-icon`]: labelNode && isSemiIcon(labelNode),\n    });\n});\n\nconst suffixWrapperCls = computed(() =>\n    cls(`${prefixCls}-suffix`, {\n        [`${prefixCls}-suffix-text`]: props.suffix && isString(props.suffix),\n        [`${prefixCls}-suffix-icon`]: props.suffix && isSemiIcon(props.suffix),\n    })\n);\n\nconst clearCls = computed(() =>\n    cls(`${prefixCls}-clearBtn`, {\n        [`${prefixCls}-clearBtn-invisible`]:\n            !hovering.value || (state.value.inputValue === '' && tagsArray.value.length === 0) || props.disabled,\n    })\n);\n\nconst visibleTags = computed(() => {\n    if (\n        (!active.value || !props.expandRestTagsOnClick) &&\n        props.maxTagCount &&\n        props.maxTagCount < tagsArray.value.length\n    ) {\n        return tagsArray.value.slice(0, props.maxTagCount);\n    }\n    return tagsArray.value;\n});\n\nconst restTags = computed(() => {\n    if (\n        (!active.value || !props.expandRestTagsOnClick) &&\n        props.maxTagCount &&\n        props.maxTagCount < tagsArray.value.length\n    ) {\n        return tagsArray.value.slice(props.maxTagCount);\n    }\n    return [];\n});\n\nconst restTagsCls = computed(() =>\n    cls(`${prefixCls}-wrapper-n`, {\n        [`${prefixCls}-wrapper-n-disabled`]: props.disabled,\n    })\n);\n\nconst restTagsNodes = computed(() => {\n    return h(\n        'div',\n        { class: `${prefixCls}-rest-tags-popover-list` },\n        restTags.value.map((tag, index) => {\n            const actualIndex = (props.maxTagCount || 0) + index;\n            return renderTag(tag, actualIndex);\n        })\n    );\n});\n\nconst getTagKey = (value: string, index: number) => {\n    return draggable.value ? value : `${index}${value}`;\n};\n\nconst renderTag = (value: string, index: number, sortableHandle?: any): VNode => {\n    const { size, disabled, renderTagItem, showContentTooltip, draggable: isDraggable } = props;\n    const showIconHandler = active.value && isDraggable;\n\n    const onClose = () => {\n        if (!disabled) {\n            foundation.handleTagClose(index);\n        }\n    };\n\n    // 如果有自定义渲染函数\n    if (isFunction(renderTagItem)) {\n        const customRender = renderTagItem(value, index, onClose);\n        return h(TagItem, {\n            value,\n            index,\n            prefixCls,\n            size,\n            disabled,\n            showContentTooltip,\n            showIconHandler,\n            draggable: draggable.value,\n            sortableHandle,\n            customRender,\n            onClose,\n        });\n    }\n\n    // 默认渲染\n    return h(TagItem, {\n        value,\n        index,\n        prefixCls,\n        size,\n        disabled,\n        showContentTooltip,\n        showIconHandler,\n        draggable: draggable.value,\n        sortableHandle,\n        onClose,\n    });\n};\n\nconst renderSortTag = (props: RenderItemProps): VNode => {\n    const { id: item, sortableHandle } = props;\n    const index = tagsArray.value.indexOf(item as string);\n    return renderTag(item as string, index, sortableHandle);\n};\n\nconst SortContainer = (props: any) => {\n    return h('div', {\n        class: `${prefixCls}-sortable-list`,\n        style: { flexWrap: 'nowrap', overflow: 'hidden' },\n        ...props,\n    });\n};\n\nconst handleInput = (e: Event) => {\n    const target = e.target as HTMLInputElement;\n    const value = target.value;\n    const previousValue = state.value.inputValue;\n\n    if (isNumber(props.maxLength)) {\n        const valueArr = getSplitedArray(value, props.separator);\n        const inputArr = getSplitedArray(previousValue, props.separator);\n        const maxLen = Math.max(valueArr.length, inputArr.length);\n\n        for (let i = 0; i < maxLen; i++) {\n            if (!isUndefined(valueArr[i]) && valueArr[i].length > props.maxLength) {\n                const inputElement = getInputElement();\n                if (inputElement) {\n                    inputElement.value = previousValue;\n                }\n                if (isFunction(props.onInputExceed)) {\n                    props.onInputExceed(value);\n                }\n                return;\n            }\n        }\n    }\n\n    const inputEvent = {\n        ...e,\n        target: {\n            ...target,\n            value: value,\n        },\n    } as any;\n\n    foundation.handleInputChange(inputEvent);\n\n    nextTick(() => {\n        const inputElement = getInputElement();\n        if (inputElement) {\n            if (state.value.inputValue === previousValue && inputElement.value !== previousValue) {\n                inputElement.value = previousValue;\n            } else if (inputElement.value !== state.value.inputValue) {\n                inputElement.value = state.value.inputValue;\n            }\n        }\n    });\n};\n\nconst handleInputChange = (value: string, e: Event) => {\n    state.value.inputValue = value;\n    const inputEvent = {\n        ...e,\n        target: {\n            ...(e.target as any),\n            value: value,\n        },\n    } as any;\n    foundation.handleInputChange(inputEvent);\n};\n\nconst handleKeyDown = (e: KeyboardEvent) => {\n    const normalizedEvent = normalizeKeyboardEvent(e);\n\n    const target = e.target as HTMLInputElement;\n    if (target && target.tagName === 'INPUT') {\n        state.value.inputValue = target.value;\n    }\n\n    if (isEnterPressed(normalizedEvent)) {\n        normalizedEvent.preventDefault();\n    }\n\n    foundation.handleKeyDown(normalizedEvent);\n};\n\nconst handleInputFocus = (e: FocusEvent) => {\n    foundation.handleInputFocus(e);\n};\n\nconst handleInputBlur = (e: FocusEvent) => {\n    foundation.handleInputBlur(e);\n};\n\nconst handleInputCompositionStart = (e: CompositionEvent) => {\n    foundation.handleInputCompositionStart(e as any);\n};\n\nconst handleInputCompositionEnd = (e: CompositionEvent) => {\n    foundation.handleInputCompositionEnd(e as any);\n};\n\nconst handleClearBtn = (e: MouseEvent) => {\n    foundation.handleClearBtn(e as any);\n};\n\nconst handleClearEnterPress = (e: KeyboardEvent) => {\n    foundation.handleClearEnterPress(e as any);\n};\n\nconst handleInputMouseEnter = () => {\n    foundation.handleInputMouseEnter();\n};\n\nconst handleInputMouseLeave = () => {\n    foundation.handleInputMouseLeave();\n};\n\nconst handleClick = (e?: MouseEvent) => {\n    foundation.handleClick(e as any);\n};\n\nconst handleClickPrefixOrSuffix = (e: MouseEvent) => {\n    foundation.handleClickPrefixOrSuffix(e as any);\n};\n\nconst handlePreventMouseDown = (e: MouseEvent) => {\n    foundation.handlePreventMouseDown(e as any);\n};\n\nconst onSortEnd = (callbackProps: OnSortEndProps) => {\n    foundation.handleSortEnd(callbackProps);\n};\n\nconst blur = () => {\n    inputRef.value?.blur();\n    foundation.clickOutsideCallBack();\n};\n\nconst focus = () => {\n    inputRef.value?.focus();\n    if (!props.disabled) {\n        foundation.handleClick();\n    }\n};\n\nonMounted(() => {\n    nextTick(() => {\n        if (!props.disabled && props.autoFocus) {\n            focus();\n        }\n        foundation.init();\n    });\n});\n\ndefineExpose({\n    blur,\n    focus,\n});\n</script>\n\n<style scoped>\n/* 修复拖拽时 tags 换行的问题 */\n:deep(.semi-tagInput-container) {\n    display: flex !important;\n    flex-wrap: nowrap !important;\n    overflow: hidden !important;\n}\n</style>\n"],"names":["prefixCls","cssClasses","props","__props","emit","__emit","tagInputRef","ref","inputRef","clickOutsideHandler","getInputElement","_b","_a","getInitialTagsArray","isArray","state","isInitialized","watch","newValue","oldValue","isEqual","isString","baseAdapter","getDataAttr","useBaseComponent","filteredProps","key","value","originalGetStates","states","inputElement","adapter","inputValue","tagsArray","focusing","focused","hovering","active","entering","cb","handler","e","tagInputDom","target","path","v","idx","foundation","useFoundation","TagInputFoundation","computed","draggable","tagInputCls","cls","wrapperCls","inputCls","prefixNode","labelNode","isNull","isUndefined","h","suffixNode","prefixWrapperCls","isSemiIcon","suffixWrapperCls","clearCls","visibleTags","restTags","restTagsCls","restTagsNodes","tag","index","actualIndex","renderTag","getTagKey","sortableHandle","size","disabled","renderTagItem","showContentTooltip","isDraggable","showIconHandler","onClose","isFunction","customRender","TagItem","renderSortTag","item","SortContainer","handleInput","previousValue","isNumber","valueArr","getSplitedArray","inputArr","maxLen","i","inputEvent","nextTick","handleInputChange","handleKeyDown","normalizedEvent","normalizeKeyboardEvent","isEnterPressed","handleInputFocus","handleInputBlur","handleInputCompositionStart","handleInputCompositionEnd","handleClearBtn","handleClearEnterPress","handleInputMouseEnter","handleInputMouseLeave","handleClick","handleClickPrefixOrSuffix","handlePreventMouseDown","onSortEnd","callbackProps","blur","focus","onMounted","__expose","_openBlock","_createElementBlock","_mergeProps","_unref","_createBlock","_resolveDynamicComponent","_createElementVNode","Sortable","_Fragment","_renderList","Popover","_createVNode","Input","IconClear"],"mappings":"kgEA4HA,MAAMA,EAAYC,GAAAA,WAAW,OAEvBC,EAAQC,EAuBRC,EAAOC,EAYPC,EAAcC,EAAAA,IAAA,EACdC,EAAWD,EAAAA,IAAA,EACXE,EAAsBF,EAAAA,IAAiC,IAAI,EAE3DG,EAAkB,IAA+B,SACnD,OAAOC,GAAAC,EAAAJ,EAAS,QAAT,YAAAI,EAAgB,MAAhB,YAAAD,EAAqB,cAAc,QAC9C,EAEME,EAAsB,IACpBC,EAAAA,QAAQZ,EAAM,KAAK,EACZA,EAAM,MAEbA,EAAM,QAAU,KACT,CAAA,EAEJA,EAAM,cAAgB,CAAA,EAG3Ba,EAAQR,EAAAA,IAAmB,CAC7B,UAAWM,EAAA,EACX,WAAYX,EAAM,YAAc,GAChC,SAAU,GACV,SAAU,GACV,OAAQ,GACR,SAAU,EAAA,CACb,EAED,IAAIc,EAAgB,GACpBC,EAAAA,MACI,IAAMf,EAAM,MACZ,CAACgB,EAAUC,IAAa,CAChBL,EAAAA,QAAQI,CAAQ,EAChBH,EAAM,MAAM,UAAYG,EACjBA,IAAa,KACpBH,EAAM,MAAM,UAAY,CAAA,EACjBG,IAAa,SAEhB,CAACF,GACDG,IAAa,SACZjB,EAAM,cAAgB,CAAA,GAAI,OAAS,GACpCa,EAAM,MAAM,UAAU,OAAS,GAC/BK,EAAAA,QAAQL,EAAM,MAAM,UAAWb,EAAM,YAAY,IAIjDa,EAAM,MAAM,UAAY,CAAA,IAGhCC,EAAgB,EACpB,EACA,CAAE,UAAW,GAAM,KAAM,EAAA,CAAM,EAGnCC,EAAAA,MACI,IAAMf,EAAM,WACXgB,GAAa,EACNG,WAASH,CAAQ,GAAKA,IAAa,MACnCH,EAAM,MAAM,WAAaG,GAAY,GAE7C,EACA,CAAE,UAAW,EAAA,CAAK,EAGtB,KAAM,CAAE,QAASI,EAAa,YAAAC,GAAgBC,GAAAA,iBAAiBtB,EAAOa,CAAK,EAE3EO,EAAY,SAAW,IAAM,CACzB,MAAMG,EAAyC,CAAA,EAC/C,cAAO,KAAKvB,CAAK,EAAE,QAASwB,GAAQ,CAChC,MAAMC,EAASzB,EAAcwB,CAAG,EAC5BC,IAAU,SACVF,EAAcC,CAAG,EAAIC,EAE7B,CAAC,EACMF,CACX,EAEA,MAAMG,EAAoBN,EAAY,UACtCA,EAAY,UAAY,IAAM,CAC1B,MAAMO,EAASD,EAAA,EACTE,EAAepB,EAAA,EACrB,OAAIoB,GAAgBA,EAAa,QAAUD,EAAO,aAC9CA,EAAO,WAAaC,EAAa,OAE9BD,CACX,EAEA,MAAME,EAA2B,CAC7B,GAAGT,EACH,cAAgBU,GAAuB,CACnCjB,EAAM,MAAM,WAAaiB,EACzB5B,EAAK,oBAAqB4B,CAAU,CACxC,EACA,aAAeC,GAAwB,CACnClB,EAAM,MAAM,UAAYkB,EACxB7B,EAAK,eAAgB6B,CAAS,CAClC,EACA,YAAcC,GAAsB,CAChCnB,EAAM,MAAM,SAAWmB,CAC3B,EACA,eAAiBC,GAAqB,SAC9BA,GACAvB,EAAAJ,EAAS,QAAT,MAAAI,EAAgB,SAEhBD,EAAAH,EAAS,QAAT,MAAAG,EAAgB,OAEpBI,EAAM,MAAM,SAAWoB,CAC3B,EACA,YAAcC,GAAsB,CAChCrB,EAAM,MAAM,SAAWqB,CAC3B,EACA,UAAYC,GAAoB,CAC5BtB,EAAM,MAAM,OAASsB,CACzB,EACA,YAAcC,GAAsB,CAChCvB,EAAM,MAAM,SAAWuB,CAC3B,EACA,uBAAwB,IAAM7B,EAAoB,MAClD,4BAA8B8B,GAA2B,CACrD,MAAMC,EAAWC,GAAa,OAC1B,MAAMC,EAAcpC,EAAY,MAC1BqC,EAASF,EAAE,OACXG,IAAQhC,EAAA6B,EAAU,eAAV,YAAA7B,EAAA,KAAA6B,KAA8B,CAACE,CAAM,EAC/CD,GAAe,CAACA,EAAY,SAASC,CAAM,GAAK,CAACC,EAAK,SAASF,CAAW,GAC1EH,EAAGE,CAAC,CAEZ,EACAhC,EAAoB,MAAQ+B,EAC5B,SAAS,iBAAiB,QAASA,EAAS,EAAK,CACrD,EACA,8BAA+B,IAAM,CAC7B/B,EAAoB,QACpB,SAAS,oBAAoB,QAASA,EAAoB,KAAK,EAC/DA,EAAoB,MAAQ,KAEpC,EACA,WAAa,GAAkB,CAC3BL,EAAK,OAAQ,CAAC,EACdF,EAAM,OAAO,CAAC,CAClB,EACA,YAAc,GAAkB,CAC5BE,EAAK,QAAS,CAAC,EACfF,EAAM,QAAQ,CAAC,CACnB,EACA,kBAAmB,CAAC2C,EAAWJ,IAAa,CACxCrC,EAAK,cAAeyC,EAAGJ,CAAC,EACxBvC,EAAM,cAAc2C,EAAGJ,CAAC,CAC5B,EACA,gBAAkBI,GAAgB,CAC9B9B,EAAM,MAAM,UAAY8B,EACxBzC,EAAK,SAAUyC,CAAC,EAChBzC,EAAK,eAAgByC,CAAC,EACtB3C,EAAM,SAAS2C,CAAC,CACpB,EACA,aAAeA,GAAgB,CAC3BzC,EAAK,MAAOyC,CAAC,EACb3C,EAAM,MAAM2C,CAAC,CACjB,EACA,gBAAiB,CAACA,EAAWC,IAAgB,CACzC1C,EAAK,SAAUyC,EAAGC,CAAG,EACrB5C,EAAM,SAAS2C,EAAGC,CAAG,CACzB,EACA,cAAgB,GAAqB,CACjC1C,EAAK,UAAW,CAAC,EACjBF,EAAM,UAAU,CAAC,CACrB,CAAA,EAGE,CAAE,WAAA6C,CAAA,EAAeC,iBAAcC,GAAoBlB,CAAO,EAE1DE,EAAYiB,EAAAA,SAAS,IAAMnC,EAAM,MAAM,WAAa,EAAE,EACtDmB,EAAWgB,EAAAA,SAAS,IAAMnC,EAAM,MAAM,UAAY,EAAK,EACvDqB,EAAWc,EAAAA,SAAS,IAAMnC,EAAM,MAAM,UAAY,EAAK,EACvDsB,EAASa,EAAAA,SAAS,IAAMnC,EAAM,MAAM,QAAU,EAAK,EACnDoC,EAAYD,EAAAA,SAAS,IAAMhD,EAAM,WAAamC,EAAO,KAAK,EAE1De,EAAcF,EAAAA,SAAS,IACzBG,EAAIrD,EAAWE,EAAM,UAAW,CAC5B,CAAC,GAAGF,CAAS,QAAQ,EAAGkC,EAAS,OAASG,EAAO,MACjD,CAAC,GAAGrC,CAAS,WAAW,EAAGE,EAAM,SACjC,CAAC,GAAGF,CAAS,QAAQ,EAAGoC,EAAS,OAAS,CAAClC,EAAM,SACjD,CAAC,GAAGF,CAAS,QAAQ,EAAGE,EAAM,iBAAmB,QACjD,CAAC,GAAGF,CAAS,UAAU,EAAGE,EAAM,iBAAmB,UACnD,CAAC,GAAGF,CAAS,QAAQ,EAAGE,EAAM,OAAS,QACvC,CAAC,GAAGF,CAAS,QAAQ,EAAGE,EAAM,OAAS,QACvC,CAAC,GAAGF,CAAS,cAAc,EAAG,CAAC,CAACE,EAAM,QAAU,CAAC,CAACA,EAAM,WACxD,CAAC,GAAGF,CAAS,cAAc,EAAG,CAAC,CAACE,EAAM,MAAA,CACzC,CAAA,EAGCoD,EAAaJ,EAAAA,SAAS,IAAM,GAAGlD,CAAS,UAAU,EAClDuD,EAAWL,EAAAA,SAAS,IAAMG,EAAI,GAAGrD,CAAS,iBAAkB,GAAGA,CAAS,kBAAkBE,EAAM,IAAI,EAAE,CAAC,EAEvGsD,EAAaN,EAAAA,SAAS,IAAM,CAC9B,MAAMO,EAAYvD,EAAM,QAAUA,EAAM,WACxC,OAAIwD,EAAAA,OAAOD,CAAS,GAAKE,EAAAA,YAAYF,CAAS,EACnC,KAEJpC,EAAAA,SAASoC,CAAS,EAAIG,EAAAA,EAAE,OAAQH,CAAS,EAAIA,CACxD,CAAC,EAEKI,EAAaX,EAAAA,SAAS,IACpBQ,EAAAA,OAAOxD,EAAM,MAAM,GAAKyD,EAAAA,YAAYzD,EAAM,MAAM,EACzC,KAEJmB,EAAAA,SAASnB,EAAM,MAAM,EAAI0D,EAAAA,EAAE,OAAQ1D,EAAM,MAAM,EAAIA,EAAM,MACnE,EAEK4D,EAAmBZ,EAAAA,SAAS,IAAM,CACpC,MAAMO,EAAYvD,EAAM,QAAUA,EAAM,WACxC,OAAOmD,EAAI,GAAGrD,CAAS,UAAW,CAC9B,CAAC,GAAGA,CAAS,cAAc,EAAGE,EAAM,WACpC,CAAC,GAAGF,CAAS,cAAc,EAAGyD,GAAapC,EAAAA,SAASoC,CAAS,EAC7D,CAAC,GAAGzD,CAAS,cAAc,EAAGyD,GAAaM,EAAAA,WAAWN,CAAS,CAAA,CAClE,CACL,CAAC,EAEKO,EAAmBd,EAAAA,SAAS,IAC9BG,EAAI,GAAGrD,CAAS,UAAW,CACvB,CAAC,GAAGA,CAAS,cAAc,EAAGE,EAAM,QAAUmB,EAAAA,SAASnB,EAAM,MAAM,EACnE,CAAC,GAAGF,CAAS,cAAc,EAAGE,EAAM,QAAU6D,EAAAA,WAAW7D,EAAM,MAAM,CAAA,CACxE,CAAA,EAGC+D,EAAWf,EAAAA,SAAS,IACtBG,EAAI,GAAGrD,CAAS,YAAa,CACzB,CAAC,GAAGA,CAAS,qBAAqB,EAC9B,CAACoC,EAAS,OAAUrB,EAAM,MAAM,aAAe,IAAMkB,EAAU,MAAM,SAAW,GAAM/B,EAAM,QAAA,CACnG,CAAA,EAGCgE,GAAchB,EAAAA,SAAS,KAEpB,CAACb,EAAO,OAAS,CAACnC,EAAM,wBACzBA,EAAM,aACNA,EAAM,YAAc+B,EAAU,MAAM,OAE7BA,EAAU,MAAM,MAAM,EAAG/B,EAAM,WAAW,EAE9C+B,EAAU,KACpB,EAEKkC,EAAWjB,EAAAA,SAAS,KAEjB,CAACb,EAAO,OAAS,CAACnC,EAAM,wBACzBA,EAAM,aACNA,EAAM,YAAc+B,EAAU,MAAM,OAE7BA,EAAU,MAAM,MAAM/B,EAAM,WAAW,EAE3C,CAAA,CACV,EAEKkE,EAAclB,EAAAA,SAAS,IACzBG,EAAI,GAAGrD,CAAS,aAAc,CAC1B,CAAC,GAAGA,CAAS,qBAAqB,EAAGE,EAAM,QAAA,CAC9C,CAAA,EAGCmE,GAAgBnB,EAAAA,SAAS,IACpBU,EAAAA,EACH,MACA,CAAE,MAAO,GAAG5D,CAAS,yBAAA,EACrBmE,EAAS,MAAM,IAAI,CAACG,EAAKC,IAAU,CAC/B,MAAMC,GAAetE,EAAM,aAAe,GAAKqE,EAC/C,OAAOE,EAAUH,EAAKE,CAAW,CACrC,CAAC,CAAA,CAER,EAEKE,GAAY,CAAC/C,EAAe4C,IACvBpB,EAAU,MAAQxB,EAAQ,GAAG4C,CAAK,GAAG5C,CAAK,GAG/C8C,EAAY,CAAC9C,EAAe4C,EAAeI,IAAgC,CAC7E,KAAM,CAAE,KAAAC,EAAM,SAAAC,EAAU,cAAAC,EAAe,mBAAAC,EAAoB,UAAWC,GAAgB9E,EAChF+E,EAAkB5C,EAAO,OAAS2C,EAElCE,EAAU,IAAM,CACbL,GACD9B,EAAW,eAAewB,CAAK,CAEvC,EAGA,GAAIY,EAAAA,WAAWL,CAAa,EAAG,CAC3B,MAAMM,GAAeN,EAAcnD,EAAO4C,EAAOW,CAAO,EACxD,OAAOtB,EAAAA,EAAEyB,EAAAA,QAAS,CACd,MAAA1D,EACA,MAAA4C,EACA,UAAAvE,EACA,KAAA4E,EACA,SAAAC,EACA,mBAAAE,EACA,gBAAAE,EACA,UAAW9B,EAAU,MACrB,eAAAwB,EACA,aAAAS,GACA,QAAAF,CAAA,CACH,CACL,CAGA,OAAOtB,EAAAA,EAAEyB,EAAAA,QAAS,CACd,MAAA1D,EACA,MAAA4C,EACA,UAAAvE,EACA,KAAA4E,EACA,SAAAC,EACA,mBAAAE,EACA,gBAAAE,EACA,UAAW9B,EAAU,MACrB,eAAAwB,EACA,QAAAO,CAAA,CACH,CACL,EAEMI,GAAiBpF,GAAkC,CACrD,KAAM,CAAE,GAAIqF,EAAM,eAAAZ,CAAA,EAAmBzE,EAC/BqE,EAAQtC,EAAU,MAAM,QAAQsD,CAAc,EACpD,OAAOd,EAAUc,EAAgBhB,EAAOI,CAAc,CAC1D,EAEMa,GAAiBtF,GACZ0D,EAAAA,EAAE,MAAO,CACZ,MAAO,GAAG5D,CAAS,iBACnB,MAAO,CAAE,SAAU,SAAU,SAAU,QAAA,EACvC,GAAGE,CAAA,CACN,EAGCuF,GAAe,GAAa,CAC9B,MAAM9C,EAAS,EAAE,OACXhB,EAAQgB,EAAO,MACf+C,EAAgB3E,EAAM,MAAM,WAElC,GAAI4E,EAAAA,SAASzF,EAAM,SAAS,EAAG,CAC3B,MAAM0F,EAAWC,EAAgBlE,EAAOzB,EAAM,SAAS,EACjD4F,EAAWD,EAAgBH,EAAexF,EAAM,SAAS,EACzD6F,EAAS,KAAK,IAAIH,EAAS,OAAQE,EAAS,MAAM,EAExD,QAASE,EAAI,EAAGA,EAAID,EAAQC,IACxB,GAAI,CAACrC,EAAAA,YAAYiC,EAASI,CAAC,CAAC,GAAKJ,EAASI,CAAC,EAAE,OAAS9F,EAAM,UAAW,CACnE,MAAM4B,EAAepB,EAAA,EACjBoB,IACAA,EAAa,MAAQ4D,GAErBP,EAAAA,WAAWjF,EAAM,aAAa,GAC9BA,EAAM,cAAcyB,CAAK,EAE7B,MACJ,CAER,CAEA,MAAMsE,EAAa,CACf,GAAG,EACH,OAAQ,CACJ,GAAGtD,EACH,MAAAhB,CAAA,CACJ,EAGJoB,EAAW,kBAAkBkD,CAAU,EAEvCC,EAAAA,SAAS,IAAM,CACX,MAAMpE,EAAepB,EAAA,EACjBoB,IACIf,EAAM,MAAM,aAAe2E,GAAiB5D,EAAa,QAAU4D,EACnE5D,EAAa,MAAQ4D,EACd5D,EAAa,QAAUf,EAAM,MAAM,aAC1Ce,EAAa,MAAQf,EAAM,MAAM,YAG7C,CAAC,CACL,EAEMoF,GAAoB,CAACxE,EAAec,IAAa,CACnD1B,EAAM,MAAM,WAAaY,EACzB,MAAMsE,EAAa,CACf,GAAGxD,EACH,OAAQ,CACJ,GAAIA,EAAE,OACN,MAAAd,CAAA,CACJ,EAEJoB,EAAW,kBAAkBkD,CAAU,CAC3C,EAEMG,GAAiB,GAAqB,CACxC,MAAMC,EAAkBC,EAAAA,uBAAuB,CAAC,EAE1C3D,EAAS,EAAE,OACbA,GAAUA,EAAO,UAAY,UAC7B5B,EAAM,MAAM,WAAa4B,EAAO,OAGhC4D,EAAAA,eAAeF,CAAe,GAC9BA,EAAgB,eAAA,EAGpBtD,EAAW,cAAcsD,CAAe,CAC5C,EAEMG,GAAoB,GAAkB,CACxCzD,EAAW,iBAAiB,CAAC,CACjC,EAEM0D,GAAmB,GAAkB,CACvC1D,EAAW,gBAAgB,CAAC,CAChC,EAEM2D,GAA+B,GAAwB,CACzD3D,EAAW,4BAA4B,CAAQ,CACnD,EAEM4D,GAA6B,GAAwB,CACvD5D,EAAW,0BAA0B,CAAQ,CACjD,EAEM6D,GAAkB,GAAkB,CACtC7D,EAAW,eAAe,CAAQ,CACtC,EAEM8D,GAAyB,GAAqB,CAChD9D,EAAW,sBAAsB,CAAQ,CAC7C,EAEM+D,GAAwB,IAAM,CAChC/D,EAAW,sBAAA,CACf,EAEMgE,GAAwB,IAAM,CAChChE,EAAW,sBAAA,CACf,EAEMiE,GAAe,GAAmB,CACpCjE,EAAW,YAAY,CAAQ,CACnC,EAEMkE,EAA6B,GAAkB,CACjDlE,EAAW,0BAA0B,CAAQ,CACjD,EAEMmE,EAA0B,GAAkB,CAC9CnE,EAAW,uBAAuB,CAAQ,CAC9C,EAEMoE,GAAaC,GAAkC,CACjDrE,EAAW,cAAcqE,CAAa,CAC1C,EAEMC,GAAO,IAAM,QACfzG,EAAAJ,EAAS,QAAT,MAAAI,EAAgB,OAChBmC,EAAW,qBAAA,CACf,EAEMuE,EAAQ,IAAM,QAChB1G,EAAAJ,EAAS,QAAT,MAAAI,EAAgB,QACXV,EAAM,UACP6C,EAAW,YAAA,CAEnB,EAEAwE,OAAAA,EAAAA,UAAU,IAAM,CACZrB,EAAAA,SAAS,IAAM,CACP,CAAChG,EAAM,UAAYA,EAAM,WACzBoH,EAAA,EAEJvE,EAAW,KAAA,CACf,CAAC,CACL,CAAC,EAEDyE,EAAa,CACT,KAAAH,GACA,MAAAC,CAAA,CACH,UA3nBGG,YAAA,EAAAC,qBA8FM,MA9FNC,EAAAA,WA8FM,SA7FE,cAAJ,IAAIrH,EACH,MAAO8C,EAAA,MACP,MAAOlD,EAAM,MACb,gBAAeA,EAAM,SACrB,aAAYA,EAAK,YAAA,EACjB,eAAcA,EAAM,iBAAc,OAAA,EAC3B0H,EAAAA,MAAArG,CAAA,IAAW,CAClB,aAAYuF,GACZ,aAAYC,GACZ,QAAOC,EAAA,IAGExD,EAAA,qBADVkE,EAAAA,mBASM,MAAA,OAPD,GAAIxH,EAAM,aACV,uBAAO4D,EAAA,KAAgB,EACxB,cAAY,oBACX,YAAWoD,EACX,QAAOD,CAAA,IAERQ,EAAAA,YAAAI,EAAAA,YAA8BC,EAAAA,wBAAdtE,EAAA,KAAU,CAAA,EAAA,sCAG9BuE,EAAAA,mBA+CM,MAAA,CA/CA,uBAAOzE,EAAA,KAAU,CAAA,GACHjB,EAAA,OAAUc,EAAA,OAAalB,EAAA,MAAU,OAAM,iBACnD4F,EAAAA,YAQEG,GAAAA,QAAA,OAPG,MAAO/F,EAAA,MACP,UAAAkF,GACA,WAAY7B,GACZ,OAAQsC,EAAAA,MAAA5H,CAAA,EACR,UAAWwF,GACX,kBAAmBoC,EAAAA,MAAA5H,CAAA,CAAS,6BAC7B,UAAU,YAAA,8DAGlB0H,EAAAA,mBAkBWO,EAAAA,SAAA,CAAA,IAAA,GAAA,EAjBPR,EAAAA,UAAA,EAAA,EAAAC,EAAAA,mBAEWO,WAAA,KAAAC,EAAAA,WAFsBhE,GAAA,MAAW,CAA1BI,EAAKC,KACnBkD,EAAAA,UAAA,EAAAI,cAAyCC,EAAAA,wBAAzBrD,EAAUH,EAAKC,CAAK,CAAA,EAAA,KADYG,GAAUJ,EAAKC,CAAK,CAAA,WAI9DJ,EAAA,MAAS,OAAM,GAAQjE,EAAM,qBADvCuH,EAAAA,YAAAI,EAAAA,YAUUM,GAAAA,QAVVR,aAUU,OARL,QAAStD,GAAA,MACV,UAAA,GACA,QAAQ,QACR,SAAS,MACR,mBAAoB,EAAA,EACbnE,EAAM,sBAAoB,CAAA,CAAA,EAAA,mBAElC,IAAoF,CAApF6H,EAAAA,mBAAoF,OAAA,CAA7E,uBAAO3D,EAAA,KAAW,CAAA,EAAE,sBAAInC,EAAA,MAAU,QAAU/B,EAAM,aAAW,EAAA,EAAA,CAAA,CAAA,yBAEvDiE,EAAA,MAAS,OAAM,iBAAhCuD,EAAAA,mBAEO,OAAA,OAFgC,uBAAOtD,EAAA,KAAW,CAAA,EAAE,uBACnDnC,EAAA,MAAU,QAAU/B,EAAM,aAAW,EAAA,EAAA,CAAA,qCAIjDkI,EAAAA,YAcEC,GAAAA,QAAA,SAbM,WAAJ,IAAI7H,EACH,uBAAO+C,EAAA,KAAQ,EACf,SAAUrD,EAAM,SAChB,MAAOa,EAAA,MAAM,WACb,KAAMb,EAAM,KACZ,YAAa+B,EAAA,MAAU,SAAM,EAAS/B,EAAM,YAAW,GACvD,UAASkG,GACT,QAAOX,GACP,SAAQU,GACR,OAAMM,GACN,QAAOD,GACP,mBAAkBE,GAClB,iBAAgBC,EAAA,gEAKfzG,EAAM,yBADhBwH,EAAAA,mBAWM,MAAA,OATD,uBAAOzD,EAAA,KAAQ,EAChB,KAAK,SACL,SAAS,IACT,aAAW,uBACV,QAAO2C,GACP,WAAUC,EAAA,GAE4B3G,EAAM,yBAA7C2H,EAAAA,YAA0DC,EAAAA,wBAA1C5H,EAAM,SAAS,EAAA,CAAA,IAAA,EAAA,kBAC/B2H,cAAoBD,EAAAA,MAAAU,GAAAA,OAAA,EAAA,CAAA,IAAA,EAAA,EAAA,mCAIdzE,EAAA,qBADV6D,EAAAA,mBAQM,MAAA,OAND,uBAAO1D,EAAA,KAAgB,EACxB,cAAY,SACX,YAAWkD,EACX,QAAOD,CAAA,IAERQ,EAAAA,YAAAI,EAAAA,YAA8BC,EAAAA,wBAAdjE,EAAA,KAAU,CAAA,EAAA"}

package/lib/cjs/components/tagInput/TagItem.vue.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),o=require("classnames"),d=require("../tag/Tag.vue.cjs");require("../typography/index.cjs");const p=require("../icons/icons/IconHandle.cjs"),m=require("../typography/Paragraph.vue.cjs"),C=e.defineComponent({__name:"TagItem",props:{value:{},index:{},prefixCls:{},size:{default:"default"},disabled:{type:Boolean,default:!1},showContentTooltip:{type:[Boolean,Object],default:!0},showIconHandler:{type:Boolean,default:!1},draggable:{type:Boolean,default:!1},sortableHandle:{},customRender:{},onClose:{}},setup(a){const l=a,n=e.computed(()=>o(`${l.prefixCls}-wrapper-tag`,{[`${l.prefixCls}-wrapper-tag-size-${l.size}`]:l.size,[`${l.prefixCls}-wrapper-tag-icon`]:l.showIconHandler})),c=e.computed(()=>o(`${l.prefixCls}-wrapper-typo`,{[`${l.prefixCls}-wrapper-typo-disabled`]:l.disabled})),u=e.computed(()=>o({[`${l.prefixCls}-drag-item`]:l.showIconHandler,[`${l.prefixCls}-wrapper-tag-icon`]:l.showIconHandler})),s=e.computed(()=>l.draggable?l.value:`${l.index}${l.value}`),t=e.computed(()=>l.showIconHandler&&l.sortableHandle),r=e.computed(()=>t.value?l.sortableHandle(()=>e.h(p.default,{class:`${l.prefixCls}-drag-handler`})):null),i=()=>{l.disabled||l.onClose()};return(f,v)=>a.customRender?(e.openBlock(),e.createElementBlock("div",{key:`custom-${s.value}`,class:e.normalizeClass(u.value)},[t.value?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(r.value),{key:0})):e.createCommentVNode("",!0),(e.openBlock(),e.createBlock(e.resolveDynamicComponent(a.customRender)))],2)):(e.openBlock(),e.createBlock(d.default,{key:`tag-${s.value}`,class:e.normalizeClass(n.value),color:"white",size:a.size==="small"?"small":"large",type:"light",onClose:i,closable:!a.disabled,visible:!0,"aria-label":`${a.disabled?"":"Closable "}Tag: ${a.value}`},{default:e.withCtx(()=>[t.value?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(r.value),{key:0})):e.createCommentVNode("",!0),e.createVNode(e.unref(m.default),{class:e.normalizeClass(c.value),ellipsis:{showTooltip:a.showContentTooltip,rows:1}},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(a.value),1)]),_:1},8,["class","ellipsis"])]),_:1},8,["class","size","closable","aria-label"]))}});exports.default=C;
+//# sourceMappingURL=TagItem.vue.cjs.map