vft 0.0.239 → 0.0.240

package/lib/components/table/table.vue.d.ts

@@ -1,6 +1,10 @@
 import type { TableInstance, TableProps } from './types';
 declare function setProps(props: Partial<TableProps>): void;
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<TableProps>, {
+declare function __VLS_template(): {
+    "toolbar-left"?(_: {}): any;
+    "toolbar-right"?(_: {}): any;
+};
+declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<TableProps>, {
     loading: boolean;
     pageSize: number;
     showHeader: boolean;
@@ -35,26 +39,26 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     watchApiFetch: boolean;
     rowkey: string;
     showActionForm: boolean;
-}>, {
+}>>, {
     setPagination: (info: Partial<import("vft/es/components/pagination").PaginationProps>) => void;
-    emit: (event: "change" | "zoom" | "copy" | "cut" | "keydown" | "paste" | "scroll" | "update:page-size" | "current-change" | "register" | "fetch-success" | "update:data" | "keydown-start" | "keydown-end" | "radio-change" | "checkbox-change" | "checkbox-all" | "checkbox-range-start" | "checkbox-range-change" | "checkbox-range-end" | "cell-click" | "cell-dblclick" | "cell-menu" | "cell-mouseenter" | "cell-mouseleave" | "cell-selected" | "header-cell-click" | "header-cell-dblclick" | "header-cell-menu" | "footer-cell-click" | "footer-cell-dblclick" | "footer-cell-menu" | "clear-merge" | "sort-change" | "clear-sort" | "filter-change" | "filter-visible" | "clear-filter" | "resizable-change" | "toggle-row-expand" | "toggle-tree-expand" | "menu-click" | "edit-closed" | "edit-actived" | "edit-disabled" | "valid-error" | "custom" | "change-fnr" | "open-fnr" | "fnr-change" | "fnr-find" | "fnr-find-all" | "fnr-replace" | "fnr-replace-all" | "cell-area-copy" | "cell-area-cut" | "cell-area-paste" | "cell-area-merge" | "clear-cell-area-merge" | "header-cell-area-selection" | "cell-area-selection-start" | "cell-area-selection-drag" | "cell-area-selection-end" | "cell-area-extension-start" | "cell-area-extension-drag" | "cell-area-extension-end" | "cell-area-selection-all-start" | "cell-area-selection-all-end" | "cell-area-arrows-start" | "cell-area-arrows-end" | "active-cell-change-start" | "active-cell-change-end" | "form-submit" | "form-reset" | "update:page-num" | "page-change" | "form-submit-invalid" | "form-collapse" | "form-toggle-collapse" | "proxy-query" | "proxy-delete" | "proxy-save" | "toolbar-button-click" | "toolbar-tool-click", ...args: any[]) => void;
+    emit: (event: "zoom" | "change" | "copy" | "cut" | "keydown" | "paste" | "scroll" | "update:page-size" | "current-change" | "register" | "fetch-success" | "update:data" | "keydown-start" | "keydown-end" | "radio-change" | "checkbox-change" | "checkbox-all" | "checkbox-range-start" | "checkbox-range-change" | "checkbox-range-end" | "cell-click" | "cell-dblclick" | "cell-menu" | "cell-mouseenter" | "cell-mouseleave" | "cell-selected" | "header-cell-click" | "header-cell-dblclick" | "header-cell-menu" | "footer-cell-click" | "footer-cell-dblclick" | "footer-cell-menu" | "clear-merge" | "sort-change" | "clear-sort" | "filter-change" | "filter-visible" | "clear-filter" | "resizable-change" | "toggle-row-expand" | "toggle-tree-expand" | "menu-click" | "edit-closed" | "edit-actived" | "edit-disabled" | "valid-error" | "custom" | "change-fnr" | "open-fnr" | "fnr-change" | "fnr-find" | "fnr-find-all" | "fnr-replace" | "fnr-replace-all" | "cell-area-copy" | "cell-area-cut" | "cell-area-paste" | "cell-area-merge" | "clear-cell-area-merge" | "header-cell-area-selection" | "cell-area-selection-start" | "cell-area-selection-drag" | "cell-area-selection-end" | "cell-area-extension-start" | "cell-area-extension-drag" | "cell-area-extension-end" | "cell-area-selection-all-start" | "cell-area-selection-all-end" | "cell-area-arrows-start" | "cell-area-arrows-end" | "active-cell-change-start" | "active-cell-change-end" | "form-submit" | "form-reset" | "update:page-num" | "page-change" | "form-submit-invalid" | "form-collapse" | "form-toggle-collapse" | "proxy-query" | "proxy-delete" | "proxy-save" | "toolbar-button-click" | "toolbar-tool-click", ...args: any[]) => void;
     setProps: typeof setProps;
-    reload: (opt?: any) => Promise<any>;
+    reload: (opt?: any) => Promise<import("../types").Recordable[] | undefined>;
     getShowPagination: () => boolean;
     deleteTableDataRecord: (row: any, rowKey: any) => void;
     insertTableDataRecord: (record: import("../types").Recordable | import("../types").Recordable[], index?: number) => import("../types").Recordable[] | undefined;
     updateTableDataRecord: (rowKey: string | number, record: import("../types").Recordable) => import("../types").Recordable | undefined;
     updateTableData: (index: number, key: string, value: any) => Promise<import("../types").Recordable>;
     setTableData: <T = import("../types").Recordable>(values: T[]) => void;
-    getDataSource: <T_1 = import("../types").Recordable>() => T_1[];
+    getDataSource: <T = import("../types").Recordable>() => T[];
     getDataSourceRef: import("vue").ComputedRef<import("../types").Recordable[]>;
     setColumns: (columnList: any) => void;
     getRawDataSource: () => import("../types").Recordable[];
     tableSearch: (value: any) => void;
-    table: import("vue").Ref<TableInstance | undefined>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    change: (...args: any[]) => void;
+    table: import("vue").Ref<TableInstance | undefined, TableInstance | undefined>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     zoom: (...args: any[]) => void;
+    change: (...args: any[]) => void;
     copy: (...args: any[]) => void;
     cut: (...args: any[]) => void;
     keydown: (...args: any[]) => void;
@@ -172,7 +176,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     watchApiFetch: boolean;
     rowkey: string;
     showActionForm: boolean;
-}>>> & {
+}>>> & Readonly<{
+    onZoom?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
     onCopy?: ((...args: any[]) => any) | undefined;
     onCut?: ((...args: any[]) => any) | undefined;
@@ -182,7 +187,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     "onUpdate:page-size"?: ((...args: any[]) => any) | undefined;
     "onCurrent-change"?: ((...args: any[]) => any) | undefined;
     onRegister?: ((...args: any[]) => any) | undefined;
-    onZoom?: ((...args: any[]) => any) | undefined;
     "onFetch-success"?: ((...args: any[]) => any) | undefined;
     "onUpdate:data"?: ((...args: any[]) => any) | undefined;
     "onKeydown-start"?: ((...args: any[]) => any) | undefined;
@@ -257,17 +261,17 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     "onProxy-save"?: ((...args: any[]) => any) | undefined;
     "onToolbar-button-click"?: ((...args: any[]) => any) | undefined;
     "onToolbar-tool-click"?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     border: import("vxe-table").VxeTablePropTypes.Border;
     immediate: boolean;
-    loading: boolean;
-    fit: boolean;
-    autoResize: boolean;
+    loading: import("vxe-table").VxeTablePropTypes.Loading;
+    fit: import("vxe-table").VxeTablePropTypes.Fit;
+    autoResize: import("vxe-table").VxeTablePropTypes.AutoResize;
     align: import("vxe-table").VxeTablePropTypes.Align;
     pageSize: number;
-    stripe: boolean;
-    headerAlign: import("vxe-table").VxeTablePropTypes.Align;
-    showHeader: boolean;
+    stripe: import("vxe-table").VxeTablePropTypes.Stripe;
+    headerAlign: import("vxe-table").VxeTablePropTypes.HeaderAlign;
+    showHeader: import("vxe-table").VxeTablePropTypes.ShowHeader;
     showOverflow: import("vxe-table").VxeTablePropTypes.ShowOverflow;
     columnConfig: import("vxe-table").VxeTablePropTypes.ColumnConfig;
     rowConfig: import("vxe-table").VxeTablePropTypes.RowConfig;
@@ -279,10 +283,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     transformParams: boolean;
     extraSysHeight: number;
     showPager: boolean;
-}, {}>, {
-    "toolbar-left"?(_: {}): any;
-    "toolbar-right"?(_: {}): any;
-}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/lib/components/table/table.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),c=require("@vft/utils"),W=require("../empty/index.cjs"),Y=require("../loading/directive.cjs");require("@vueuse/core");require("../../utils/ns-cover.cjs");require("lodash-es");const U=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");require("../icon/index.cjs");const Z=require("../pagination/index.cjs"),J=require("../super-form/index.cjs"),Q=require("./constants.cjs"),ee=require("./use/use-columns.cjs"),te=require("./use/use-data-source.cjs"),oe=require("./use/use-loading.cjs"),ae=require("./use/use-pagination.cjs"),le=require("xe-utils"),re=require("vxe-table"),ne=require("../super-form/component-map.cjs"),ce=require("../super-form/use/use-form.cjs"),ie=require("../empty/constants.cjs"),se={"vft-loading-text":"加载中..."},ue=e.defineComponent({name:"vft-table"}),de=e.defineComponent({...ue,props:{sticky:{type:[Boolean,Object]},api:{},pageSize:{default:Q.PAGE_SIZE},total:{},rowkey:{default:"_X_ROW_KEY"},immediate:{type:Boolean,default:!0},fetchSetting:{},watchApiFetch:{type:Boolean,default:!1},beforeFetch:{},delEmptyParams:{type:[Boolean,String],default:!0},afterFetch:{},transformParams:{type:Boolean,default:!0},extraParams:{},extraSysHeight:{default:200},showPager:{type:Boolean,default:!0},pagination:{},formOptions:{},size:{},id:{},data:{},height:{},minHeight:{},maxHeight:{},stripe:{type:Boolean,default:!0},round:{type:Boolean},border:{type:[Boolean,String],default:"full"},loading:{type:Boolean,default:!1},align:{default:"center"},headerAlign:{default:"center"},footerAlign:{},showHeader:{type:Boolean,default:!0},showFooter:{type:Boolean},footerMethod:{},rowClassName:{},cellClassName:{},headerRowClassName:{},headerCellClassName:{},footerRowClassName:{},footerCellClassName:{},cellStyle:{},rowStyle:{},headerCellStyle:{},headerRowStyle:{},footerRowStyle:{},footerCellStyle:{},mergeCells:{},mergeFooterItems:{},spanMethod:{},footerSpanMethod:{},showOverflow:{type:[Boolean,String,null],default:"title"},showHeaderOverflow:{type:[Boolean,String,null]},showFooterOverflow:{type:[Boolean,String,null]},keepSource:{type:Boolean},autoResize:{type:Boolean,default:!0},syncResize:{type:[Boolean,String,Number]},columnConfig:{default:{resizable:!0,minWidth:"100px"}},rowConfig:{default:{isHover:!0,isCurrent:!0}},customConfig:{},resizeConfig:{},resizableConfig:{},seqConfig:{},sortConfig:{},filterConfig:{},radioConfig:{},checkboxConfig:{},tooltipConfig:{},exportConfig:{},importConfig:{},printConfig:{},expandConfig:{},treeConfig:{},menuConfig:{},mouseConfig:{},areaConfig:{},fnrConfig:{},keyboardConfig:{},clipConfig:{},editConfig:{},validConfig:{},editRules:{},emptyText:{},emptyRender:{},loadingConfig:{},scrollX:{},scrollY:{},params:{},resizable:{type:Boolean},highlightCurrentRow:{type:Boolean},highlightHoverRow:{type:Boolean},highlightCurrentColumn:{type:Boolean},highlightHoverColumn:{type:Boolean},highlightCell:{type:Boolean},columnKey:{type:Boolean},rowKey:{type:Boolean},rowId:{},fit:{type:Boolean,default:!0},animat:{type:Boolean},delayHover:{},columns:{},pagerConfig:{default:{enabled:!1}},proxyConfig:{},toolbarConfig:{default:{slots:{buttons:"toolbar_buttons"}}},formConfig:{},zoomConfig:{}},emits:["update:data","keydown-start","keydown","keydown-end","paste","copy","cut","current-change","radio-change","checkbox-change","checkbox-all","checkbox-range-start","checkbox-range-change","checkbox-range-end","cell-click","cell-dblclick","cell-menu","cell-mouseenter","cell-mouseleave","cell-selected","header-cell-click","header-cell-dblclick","header-cell-menu","footer-cell-click","footer-cell-dblclick","footer-cell-menu","clear-merge","sort-change","clear-sort","filter-change","filter-visible","clear-filter","resizable-change","toggle-row-expand","toggle-tree-expand","menu-click","edit-closed","edit-actived","edit-disabled","valid-error","scroll","custom","change-fnr","open-fnr","fnr-change","fnr-find","fnr-find-all","fnr-replace","fnr-replace-all","cell-area-copy","cell-area-cut","cell-area-paste","cell-area-merge","clear-cell-area-merge","header-cell-area-selection","cell-area-selection-start","cell-area-selection-drag","cell-area-selection-end","cell-area-extension-start","cell-area-extension-drag","cell-area-extension-end","cell-area-selection-all-start","cell-area-selection-all-end","cell-area-arrows-start","cell-area-arrows-end","active-cell-change-start","active-cell-change-end","change","sort-change","fetch-success","form-submit","form-reset","update:page-num","update:page-size","register","page-change","form-submit","form-submit-invalid","form-reset","form-collapse","form-toggle-collapse","proxy-query","proxy-delete","proxy-save","toolbar-button-click","toolbar-tool-click","zoom"],setup(fe,{expose:R,emit:P}){var S,v,B;const i=U.useNamespace("table"),r=P,_=e.useAttrs(),d=e.ref(),z=e.ref([]),s=e.ref(),D=e.getCurrentInstance(),l=e.computed(()=>c.deepMerge(D.props,e.unref(s))),{getLoading:T,setLoading:F}=oe.useLoading(l),{getPaginationInfo:u,setPagination:f,getShowPagination:g,getCurrentPage:H}=ae.usePagination(l),{getViewColumns:A,setColumns:E}=ee.useColumns(l);e.watch(()=>H(),t=>{e.nextTick(()=>{m({seqConfig:{startIndex:(t-1)*e.unref(l).pageSize}})})},{immediate:!0});function m(t){s.value={...e.unref(s),...t}}const{getDataSourceRef:p,handleTableChange:N,reload:O,deleteTableDataRecord:V,insertTableDataRecord:I,updateTableData:M,updateTableDataRecord:$,setTableData:h,getDataSource:L,getRawDataSource:b,tableSearch:y}=te.useDataSource(l,{tableData:z,setLoading:F,getPaginationInfo:u,setPagination:f},r);function C(...t){N.call(void 0,...t),r("change",...t);const{onChange:o}=e.unref(l);o&&c.isFunction(o)&&o.call(void 0,...t)}const G=e.computed(()=>window.innerHeight-e.unref(l).extraSysHeight+"px"),x={};["update:data","keydown-start","keydown","keydown-end","paste","copy","cut","current-change","radio-change","checkbox-change","checkbox-all","checkbox-range-start","checkbox-range-change","checkbox-range-end","cell-click","cell-dblclick","cell-menu","cell-mouseenter","cell-mouseleave","cell-selected","header-cell-click","header-cell-dblclick","header-cell-menu","footer-cell-click","footer-cell-dblclick","footer-cell-menu","clear-merge","sort-change","clear-sort","filter-change","filter-visible","clear-filter","resizable-change","toggle-row-expand","toggle-tree-expand","menu-click","edit-closed","edit-actived","edit-disabled","valid-error","scroll","custom","change-fnr","open-fnr","fnr-change","fnr-find","fnr-find-all","fnr-replace","fnr-replace-all","cell-area-copy","cell-area-cut","cell-area-paste","cell-area-merge","clear-cell-area-merge","header-cell-area-selection","cell-area-selection-start","cell-area-selection-drag","cell-area-selection-end","cell-area-extension-start","cell-area-extension-drag","cell-area-extension-end","cell-area-selection-all-start","cell-area-selection-all-end","cell-area-arrows-start","cell-area-arrows-end","active-cell-change-start","active-cell-change-end","page-change","form-submit","form-submit-invalid","form-reset","form-collapse","form-toggle-collapse","proxy-query","proxy-delete","proxy-save","toolbar-button-click","toolbar-tool-click","zoom"].forEach(t=>{const o=le.camelCase(`on-${t}`);x[o]=(...a)=>r(t,...a)});const n=e.computed(()=>{var o,a;const t=e.unref(p);return{..._,...e.unref(l),maxHeight:(o=e.unref(l))!=null&&o.maxHeight?(a=e.unref(l))==null?void 0:a.maxHeight:G.value,columns:e.toRaw(e.unref(A)),loading:e.unref(T),data:t,...x}}),w={setPagination:f,emit:r,setProps:m,reload:O,getShowPagination:g,deleteTableDataRecord:V,insertTableDataRecord:I,updateTableDataRecord:$,updateTableData:M,setTableData:h,getDataSource:L,getDataSourceRef:p,setColumns:E,getRawDataSource:b,tableSearch:y};r("register",w);const j={field:"_filterTableData",label:"",type:ne.FormCompEnum.SEARCH,componentProps:({})=>({onChange:t=>{k({_filterTableData:t})}})},[K]=ce.useForm(c.deepMerge({schemas:[(v=(S=n.value)==null?void 0:S.formOptions)!=null&&v.addSearchAllSchema?j:{}],rowProps:{justify:"start"},labelPosition:"left",quickColSpan:5,watchDataIsChange:!0,showResetButton:!0,showSubmitButton:!0,size:"small",submitButtonOptions:{btnText:"搜索"},actionInline:!0},c.omit((B=n.value)==null?void 0:B.formOptions,["showActionForm","addSearchAllSchema"]),"replace")),k=t=>{Reflect.has(t,"_filterTableData")&&y(t._filterTableData),r("form-submit",t)},X=()=>{h(b()),r("form-reset")};return R({table:d,...w}),(t,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(i).b())},[e.createVNode(e.unref(re.VxeGrid),e.mergeProps({ref_key:"xGrid",ref:d},n.value),{toolbar_buttons:e.withCtx(()=>{var a,q;return[e.renderSlot(t.$slots,"toolbar-left"),(q=(a=n.value)==null?void 0:a.formOptions)!=null&&q.showActionForm?(e.openBlock(),e.createBlock(e.unref(J.VftSuperForm),{key:0,onRegister:e.unref(K),onSubmit:k,onReset:X},null,8,["onRegister"])):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"toolbar-right")]}),empty:e.withCtx(()=>[e.createVNode(e.unref(W.VftEmpty),{type:e.unref(ie.EmptyEnum).NO_DATA},null,8,["type"])]),loading:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",se,null,512),[[e.unref(Y.vLoading),n.value.loading]])]),_:3},16),n.value.showPager&&e.unref(g)?(e.openBlock(),e.createBlock(e.unref(Z.VftPagination),e.mergeProps({key:0},e.unref(u),{class:[e.unref(i).e("pager"),e.unref(i).m("pager-"+e.unref(u).pagePlacement)],onCurrentChange:o[0]||(o[0]=a=>C({currentPage:a})),onSizeChange:o[1]||(o[1]=a=>C({pageSize:a}))}),null,16,["class"])):e.createCommentVNode("",!0)],2))}});exports.default=de;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),c=require("@vft/utils"),G=require("../empty/index.cjs"),j=require("../loading/directive.cjs");require("@vueuse/core");require("../../utils/ns-cover.cjs");require("lodash-es");const K=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");require("../icon/index.cjs");const X=require("../pagination/index.cjs"),W=require("../super-form/index.cjs"),Y=require("./constants.cjs"),U=require("./use/use-columns.cjs"),Z=require("./use/use-data-source.cjs"),J=require("./use/use-loading.cjs"),Q=require("./use/use-pagination.cjs"),ee=require("xe-utils"),te=require("vxe-table"),oe=require("../super-form/component-map.cjs"),ae=require("../super-form/use/use-form.cjs"),le=require("../empty/constants.cjs"),re={"vft-loading-text":"加载中..."},ne=e.defineComponent({name:"vft-table"}),ce=e.defineComponent({...ne,props:{sticky:{type:[Boolean,Object]},api:{},pageSize:{default:Y.PAGE_SIZE},total:{},rowkey:{default:"_X_ROW_KEY"},immediate:{type:Boolean,default:!0},fetchSetting:{},watchApiFetch:{type:Boolean,default:!1},beforeFetch:{},delEmptyParams:{type:[Boolean,String],default:!0},afterFetch:{},transformParams:{type:Boolean,default:!0},extraParams:{},extraSysHeight:{default:200},showPager:{type:Boolean,default:!0},pagination:{},formOptions:{},size:{},id:{},data:{},height:{},minHeight:{},maxHeight:{},stripe:{type:Boolean,default:!0},round:{type:Boolean},border:{type:[Boolean,String],default:"full"},loading:{type:Boolean,default:!1},align:{default:"center"},headerAlign:{default:"center"},footerAlign:{},showHeader:{type:Boolean,default:!0},showFooter:{type:Boolean},footerMethod:{},rowClassName:{},cellClassName:{},headerRowClassName:{},headerCellClassName:{},footerRowClassName:{},footerCellClassName:{},cellStyle:{},rowStyle:{},headerCellStyle:{},headerRowStyle:{},footerRowStyle:{},footerCellStyle:{},mergeCells:{},mergeFooterItems:{},spanMethod:{},footerSpanMethod:{},showOverflow:{type:[Boolean,String,null],default:"title"},showHeaderOverflow:{type:[Boolean,String,null]},showFooterOverflow:{type:[Boolean,String,null]},keepSource:{type:Boolean},autoResize:{type:Boolean,default:!0},syncResize:{type:[Boolean,String,Number]},columnConfig:{default:{resizable:!0,minWidth:"100px"}},rowConfig:{default:{isHover:!0,isCurrent:!0}},customConfig:{},resizeConfig:{},resizableConfig:{},seqConfig:{},sortConfig:{},filterConfig:{},radioConfig:{},checkboxConfig:{},tooltipConfig:{},exportConfig:{},importConfig:{},printConfig:{},expandConfig:{},treeConfig:{},menuConfig:{},mouseConfig:{},areaConfig:{},fnrConfig:{},keyboardConfig:{},clipConfig:{},editConfig:{},validConfig:{},editRules:{},emptyText:{},emptyRender:{},loadingConfig:{},scrollX:{},scrollY:{},params:{},resizable:{type:Boolean},highlightCurrentRow:{type:Boolean},highlightHoverRow:{type:Boolean},highlightCurrentColumn:{type:Boolean},highlightHoverColumn:{type:Boolean},highlightCell:{type:Boolean},columnKey:{type:Boolean},rowKey:{type:Boolean},rowId:{},fit:{type:Boolean,default:!0},animat:{type:Boolean},delayHover:{},columns:{},pagerConfig:{default:{enabled:!1}},proxyConfig:{},toolbarConfig:{default:{slots:{buttons:"toolbar_buttons"}}},formConfig:{},zoomConfig:{}},emits:["update:data","keydown-start","keydown","keydown-end","paste","copy","cut","current-change","radio-change","checkbox-change","checkbox-all","checkbox-range-start","checkbox-range-change","checkbox-range-end","cell-click","cell-dblclick","cell-menu","cell-mouseenter","cell-mouseleave","cell-selected","header-cell-click","header-cell-dblclick","header-cell-menu","footer-cell-click","footer-cell-dblclick","footer-cell-menu","clear-merge","sort-change","clear-sort","filter-change","filter-visible","clear-filter","resizable-change","toggle-row-expand","toggle-tree-expand","menu-click","edit-closed","edit-actived","edit-disabled","valid-error","scroll","custom","change-fnr","open-fnr","fnr-change","fnr-find","fnr-find-all","fnr-replace","fnr-replace-all","cell-area-copy","cell-area-cut","cell-area-paste","cell-area-merge","clear-cell-area-merge","header-cell-area-selection","cell-area-selection-start","cell-area-selection-drag","cell-area-selection-end","cell-area-extension-start","cell-area-extension-drag","cell-area-extension-end","cell-area-selection-all-start","cell-area-selection-all-end","cell-area-arrows-start","cell-area-arrows-end","active-cell-change-start","active-cell-change-end","change","sort-change","fetch-success","form-submit","form-reset","update:page-num","update:page-size","register","page-change","form-submit","form-submit-invalid","form-reset","form-collapse","form-toggle-collapse","proxy-query","proxy-delete","proxy-save","toolbar-button-click","toolbar-tool-click","zoom"],setup(ie,{expose:S,emit:v}){const i=K.useNamespace("table"),l=v,B=e.useAttrs(),d=e.ref(),q=e.ref([]),s=e.ref(),R=e.getCurrentInstance(),o=e.computed(()=>c.deepMerge(R.props,e.unref(s))),{getLoading:P,setLoading:_}=J.useLoading(o),{getPaginationInfo:u,setPagination:f,getShowPagination:g,getCurrentPage:z}=Q.usePagination(o),{getViewColumns:D,setColumns:T}=U.useColumns(o);e.watch(()=>z(),t=>{e.nextTick(()=>{m({seqConfig:{startIndex:(t-1)*e.unref(o).pageSize}})})},{immediate:!0});function m(t){s.value={...e.unref(s),...t}}const{getDataSourceRef:p,handleTableChange:F,reload:H,deleteTableDataRecord:A,insertTableDataRecord:E,updateTableData:N,updateTableDataRecord:O,setTableData:h,getDataSource:V,getRawDataSource:b,tableSearch:y}=Z.useDataSource(o,{tableData:q,setLoading:_,getPaginationInfo:u,setPagination:f},l);function C(...t){F.call(void 0,...t),l("change",...t);const{onChange:a}=e.unref(o);a&&c.isFunction(a)&&a.call(void 0,...t)}const I=e.computed(()=>window.innerHeight-e.unref(o).extraSysHeight+"px"),x={};["update:data","keydown-start","keydown","keydown-end","paste","copy","cut","current-change","radio-change","checkbox-change","checkbox-all","checkbox-range-start","checkbox-range-change","checkbox-range-end","cell-click","cell-dblclick","cell-menu","cell-mouseenter","cell-mouseleave","cell-selected","header-cell-click","header-cell-dblclick","header-cell-menu","footer-cell-click","footer-cell-dblclick","footer-cell-menu","clear-merge","sort-change","clear-sort","filter-change","filter-visible","clear-filter","resizable-change","toggle-row-expand","toggle-tree-expand","menu-click","edit-closed","edit-actived","edit-disabled","valid-error","scroll","custom","change-fnr","open-fnr","fnr-change","fnr-find","fnr-find-all","fnr-replace","fnr-replace-all","cell-area-copy","cell-area-cut","cell-area-paste","cell-area-merge","clear-cell-area-merge","header-cell-area-selection","cell-area-selection-start","cell-area-selection-drag","cell-area-selection-end","cell-area-extension-start","cell-area-extension-drag","cell-area-extension-end","cell-area-selection-all-start","cell-area-selection-all-end","cell-area-arrows-start","cell-area-arrows-end","active-cell-change-start","active-cell-change-end","page-change","form-submit","form-submit-invalid","form-reset","form-collapse","form-toggle-collapse","proxy-query","proxy-delete","proxy-save","toolbar-button-click","toolbar-tool-click","zoom"].forEach(t=>{const a=ee.camelCase(`on-${t}`);x[a]=(...n)=>l(t,...n)});const r=e.computed(()=>{const t=e.unref(p);return{...B,...e.unref(o),maxHeight:e.unref(o)?.maxHeight?e.unref(o)?.maxHeight:I.value,columns:e.toRaw(e.unref(D)),loading:e.unref(P),data:t,...x}}),w={setPagination:f,emit:l,setProps:m,reload:H,getShowPagination:g,deleteTableDataRecord:A,insertTableDataRecord:E,updateTableDataRecord:O,updateTableData:N,setTableData:h,getDataSource:V,getDataSourceRef:p,setColumns:T,getRawDataSource:b,tableSearch:y};l("register",w);const M={field:"_filterTableData",label:"",type:oe.FormCompEnum.SEARCH,componentProps:({})=>({onChange:t=>{k({_filterTableData:t})}})},[$]=ae.useForm(c.deepMerge({schemas:[r.value?.formOptions?.addSearchAllSchema?M:{}],rowProps:{justify:"start"},labelPosition:"left",quickColSpan:5,watchDataIsChange:!0,showResetButton:!0,showSubmitButton:!0,size:"small",submitButtonOptions:{btnText:"搜索"},actionInline:!0},c.omit(r.value?.formOptions,["showActionForm","addSearchAllSchema"]),"replace")),k=t=>{Reflect.has(t,"_filterTableData")&&y(t._filterTableData),l("form-submit",t)},L=()=>{h(b()),l("form-reset")};return S({table:d,...w}),(t,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(i).b())},[e.createVNode(e.unref(te.VxeGrid),e.mergeProps({ref_key:"xGrid",ref:d},r.value),{toolbar_buttons:e.withCtx(()=>[e.renderSlot(t.$slots,"toolbar-left"),r.value?.formOptions?.showActionForm?(e.openBlock(),e.createBlock(e.unref(W.VftSuperForm),{key:0,onRegister:e.unref($),onSubmit:k,onReset:L},null,8,["onRegister"])):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"toolbar-right")]),empty:e.withCtx(()=>[e.createVNode(e.unref(G.VftEmpty),{type:e.unref(le.EmptyEnum).NO_DATA},null,8,["type"])]),loading:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",re,null,512),[[e.unref(j.vLoading),r.value.loading]])]),_:3},16),r.value.showPager&&e.unref(g)?(e.openBlock(),e.createBlock(e.unref(X.VftPagination),e.mergeProps({key:0},e.unref(u),{class:[e.unref(i).e("pager"),e.unref(i).m("pager-"+e.unref(u).pagePlacement)],onCurrentChange:a[0]||(a[0]=n=>C({currentPage:n})),onSizeChange:a[1]||(a[1]=n=>C({pageSize:n}))}),null,16,["class"])):e.createCommentVNode("",!0)],2))}});exports.default=ce;

package/lib/components/table/use/use-data-source.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("@vft/utils");require("../../pagination/index.cjs");const K=require("@vueuse/core"),O=require("lodash-es"),t=require("vue"),Q=require("../constants.cjs");function W(s,{tableData:R,setLoading:j,getPaginationInfo:T,setPagination:d},q){const a=t.ref([]),E=t.ref({});t.watchEffect(()=>{R.value=t.unref(a)}),t.watch(()=>t.unref(s).data,()=>{const{data:e,api:r}=t.unref(s);!r&&e&&(a.value=e)},{immediate:!0});function C(e){d(e),g({})}const A=t.computed(()=>{const e=t.unref(a);return!e||e.length===0,t.unref(a)});async function g(e){const{api:r,fetchSetting:n={},beforeFetch:u,afterFetch:c,pagination:o,delEmptyParams:f,transformParams:V,extraParams:v}=t.unref(s);if(!(!r||!i.isFunction(r)))try{j(!0);const{pageField:w,sizeField:Z,listField:H,totalField:J}=Object.assign({},{pageField:"page",sizeField:"pageSize",listField:"items",totalField:"total"},n);let F={},l=e;const{currentPage:P=1,pageSize:_=Q.PAGE_SIZE}=t.unref(T);if(V){if(i.isBoolean(o)&&!o||i.isBoolean(T)?F={}:(F[w]=e&&e.page||P,F[Z]=_),l=O.merge(e,F),u&&i.isFunction(u)){const y=await u(l);l={...l,...y}}f&&i.delObjAttrNotExist(l,i.isString(f)?f==="strict":!1)}l&&!i.isEmptyObject(l)&&!i.isNullOrUndefined(v)?i.isObject(l)&&i.isObject(v)&&(l=Object.assign({},l,v)):i.isNullOrUndefined(v)||(l=v);const b=await r(l),z=Array.isArray(b);let m=z?b:O.get(b,H);const S=z?b.length:O.get(b,J);if(Number(S)){const y=Math.ceil(S/_);if(P>y)return d({currentPage:y}),await g(e)}return c&&i.isFunction(c)&&(m=await c(m)||m),a.value=m,E.value=m,d({total:S||0}),e&&e.page&&d({currentPage:e.page||1}),q("fetch-success",{items:t.unref(m),total:S}),m}catch(w){console.log(w),q("fetch-error",w),a.value=[],d({total:0})}finally{j(!1)}}function h(){return E.value}async function M(e){return d({currentPage:(e==null?void 0:e.page)||1}),await g(e)}function k(e){if(!a.value||a.value.length===0)return;const{rowkey:r}=t.unref(s);return(u=>{let c;return u.some(function(f){if(Reflect.has(f,r)&&f[r]===e)return c=f,!0}),c})(a.value)}async function x(e,r,n){return a.value[e]&&(a.value[e][r]=n),a.value[e]}function B(e,r){const n=k(e);if(n){for(const u in n)Reflect.has(r,u)&&(n[u]=r[u]);return n}}function U(e,r=0){const n=i.isPlainObject(e)?[e]:e;return a.value.splice(r,0,...n),t.unref(a)}function G(e,r){if(!a.value||a.value.length===0)return;const{rowkey:n}=t.unref(s),u=a.value.findIndex(o=>o[r||n]===e[r||n]);a.value.splice(u,1);const{total:c}=t.unref(T);i.isNumber(c)&&d({total:c-1})}function D(e){a.value=e}function I(){return A.value}function L(e){var n;const r=String(e).trim().toLowerCase();if(r){const u=(n=h==null?void 0:h())==null?void 0:n.filter(c=>{var o;for(const f in c)if((o=String(c[f]).trim().toLowerCase())!=null&&o.includes(r))return!0});D(u)}else D(h())}const N=t.ref(!0);return t.onMounted(()=>{K.useTimeoutFn(()=>{t.unref(s).immediate&&g(),N.value=!1},16)}),t.watch(()=>t.unref(s).api,()=>{t.unref(s).watchApiFetch&&!N.value&&t.unref(s).immediate&&g()}),{setTableData:D,updateTableData:x,updateTableDataRecord:B,insertTableDataRecord:U,deleteTableDataRecord:G,reload:M,handleTableChange:C,getDataSourceRef:A,getDataSource:I,getRawDataSource:h,tableSearch:L}}exports.useDataSource=W;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("@vft/utils");require("../../pagination/index.cjs");const J=require("@vueuse/core"),O=require("lodash-es"),t=require("vue"),K=require("../constants.cjs");function Q(s,{tableData:z,setLoading:j,getPaginationInfo:y,setPagination:o},q){const a=t.ref([]),E=t.ref({});t.watchEffect(()=>{z.value=t.unref(a)}),t.watch(()=>t.unref(s).data,()=>{const{data:e,api:r}=t.unref(s);!r&&e&&(a.value=e)},{immediate:!0});function C(e){o(e),m({})}const A=t.computed(()=>{const e=t.unref(a);return!e||e.length===0,t.unref(a)});async function m(e){const{api:r,fetchSetting:n={},beforeFetch:u,afterFetch:l,pagination:g,delEmptyParams:f,transformParams:L,extraParams:h}=t.unref(s);if(!(!r||!i.isFunction(r)))try{j(!0);const{pageField:b,sizeField:V,listField:Z,totalField:H}=Object.assign({},{pageField:"page",sizeField:"pageSize",listField:"items",totalField:"total"},n);let w={},c=e;const{currentPage:N=1,pageSize:P=K.PAGE_SIZE}=t.unref(y);if(L){if(i.isBoolean(g)&&!g||i.isBoolean(y)?w={}:(w[b]=e&&e.page||N,w[V]=P),c=O.merge(e,w),u&&i.isFunction(u)){const F=await u(c);c={...c,...F}}f&&i.delObjAttrNotExist(c,i.isString(f)?f==="strict":!1)}c&&!i.isEmptyObject(c)&&!i.isNullOrUndefined(h)?i.isObject(c)&&i.isObject(h)&&(c=Object.assign({},c,h)):i.isNullOrUndefined(h)||(c=h);const v=await r(c),_=Array.isArray(v);let d=_?v:O.get(v,Z);const S=_?v.length:O.get(v,H);if(Number(S)){const F=Math.ceil(S/P);if(N>F)return o({currentPage:F}),await m(e)}return l&&i.isFunction(l)&&(d=await l(d)||d),a.value=d,E.value=d,o({total:S||0}),e&&e.page&&o({currentPage:e.page||1}),q("fetch-success",{items:t.unref(d),total:S}),d}catch(b){console.log(b),q("fetch-error",b),a.value=[],o({total:0})}finally{j(!1)}}function D(){return E.value}async function M(e){return o({currentPage:e?.page||1}),await m(e)}function k(e){if(!a.value||a.value.length===0)return;const{rowkey:r}=t.unref(s);return(u=>{let l;return u.some(function(f){if(Reflect.has(f,r)&&f[r]===e)return l=f,!0}),l})(a.value)}async function p(e,r,n){return a.value[e]&&(a.value[e][r]=n),a.value[e]}function x(e,r){const n=k(e);if(n){for(const u in n)Reflect.has(r,u)&&(n[u]=r[u]);return n}}function B(e,r=0){const n=i.isPlainObject(e)?[e]:e;return a.value.splice(r,0,...n),t.unref(a)}function U(e,r){if(!a.value||a.value.length===0)return;const{rowkey:n}=t.unref(s),u=a.value.findIndex(g=>g[r||n]===e[r||n]);a.value.splice(u,1);const{total:l}=t.unref(y);i.isNumber(l)&&o({total:l-1})}function T(e){a.value=e}function G(){return A.value}function I(e){const r=String(e).trim().toLowerCase();if(r){const n=D?.()?.filter(u=>{for(const l in u)if(String(u[l]).trim().toLowerCase()?.includes(r))return!0});T(n)}else T(D())}const R=t.ref(!0);return t.onMounted(()=>{J.useTimeoutFn(()=>{t.unref(s).immediate&&m(),R.value=!1},16)}),t.watch(()=>t.unref(s).api,()=>{t.unref(s).watchApiFetch&&!R.value&&t.unref(s).immediate&&m()}),{setTableData:T,updateTableData:p,updateTableDataRecord:x,insertTableDataRecord:B,deleteTableDataRecord:U,reload:M,handleTableChange:C,getDataSourceRef:A,getDataSource:G,getRawDataSource:D,tableSearch:I}}exports.useDataSource=Q;

package/lib/components/table/use/use-data-source.d.ts

@@ -13,10 +13,10 @@ export declare function useDataSource(propsRef: ComputedRef<TableProps>, { table
     updateTableDataRecord: (rowKey: string | number, record: Recordable) => Recordable | undefined;
     insertTableDataRecord: (record: Recordable | Recordable[], index?: number) => Recordable[] | undefined;
     deleteTableDataRecord: (row: any, rowKey: any) => void;
-    reload: (opt?: any) => Promise<any>;
+    reload: (opt?: any) => Promise<Recordable[] | undefined>;
     handleTableChange: (pagination: PaginationProps) => void;
     getDataSourceRef: ComputedRef<Recordable[]>;
-    getDataSource: <T_1 = Recordable>() => T_1[];
+    getDataSource: <T = Recordable>() => T[];
     getRawDataSource: () => Recordable[];
     tableSearch: (value: any) => void;
 };

package/lib/components/table/use/use-table.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("@vft/utils"),d=require("@vueuse/core"),a=require("vue");function f(n){const o=a.ref(null),l=a.ref(!1),c=a.ref(null);let u;function i(e,r){d.tryOnBeforeUnmount(()=>{o.value=null,l.value=null}),!(a.unref(l)&&e===a.unref(o))&&(o.value=e,c.value=r,n&&e.setProps(s.getDynamicProps(n)),l.value=!0,u==null||u(),u=a.watch(()=>n,()=>{n&&e.setProps(s.getDynamicProps(n))},{immediate:!0,deep:!0}))}function t(){const e=a.unref(o);return e||console.error("The table instance has not been obtained yet, please make sure the table is presented when performing the table operation!"),e}return[i,{reload:async e=>await t().reload(e),setProps:e=>{t().setProps(e)},getDataSource:()=>t().getDataSource(),getRawDataSource:()=>t().getRawDataSource(),tableSearch:e=>{t().tableSearch(e)},getColumns:()=>{const e=t().getColumns()||[];return a.toRaw(e)},setColumns:e=>{t().setColumns(e)},setTableData:e=>{var r;return(r=t())==null?void 0:r.setTableData(e)},setPagination:e=>t().setPagination(e),deleteTableDataRecord:(e,r)=>t().deleteTableDataRecord(e,r),insertTableDataRecord:(e,r)=>t().insertTableDataRecord(e,r),updateTableDataRecord:(e,r)=>t().updateTableDataRecord(e,r),findTableDataRecord:e=>t().findTableDataRecord(e)}]}exports.useTable=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("@vft/utils"),d=require("@vueuse/core"),r=require("vue");function f(n){const o=r.ref(null),u=r.ref(!1),c=r.ref(null);let l;function i(e,a){d.tryOnBeforeUnmount(()=>{o.value=null,u.value=null}),!(r.unref(u)&&e===r.unref(o))&&(o.value=e,c.value=a,n&&e.setProps(s.getDynamicProps(n)),u.value=!0,l?.(),l=r.watch(()=>n,()=>{n&&e.setProps(s.getDynamicProps(n))},{immediate:!0,deep:!0}))}function t(){const e=r.unref(o);return e||console.error("The table instance has not been obtained yet, please make sure the table is presented when performing the table operation!"),e}return[i,{reload:async e=>await t().reload(e),setProps:e=>{t().setProps(e)},getDataSource:()=>t().getDataSource(),getRawDataSource:()=>t().getRawDataSource(),tableSearch:e=>{t().tableSearch(e)},getColumns:()=>{const e=t().getColumns()||[];return r.toRaw(e)},setColumns:e=>{t().setColumns(e)},setTableData:e=>t()?.setTableData(e),setPagination:e=>t().setPagination(e),deleteTableDataRecord:(e,a)=>t().deleteTableDataRecord(e,a),insertTableDataRecord:(e,a)=>t().insertTableDataRecord(e,a),updateTableDataRecord:(e,a)=>t().updateTableDataRecord(e,a),findTableDataRecord:e=>t().findTableDataRecord(e)}]}exports.useTable=f;

package/lib/components/table/utils.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("@vft/utils"),u=e=>{const r=o.cloneDeep(e);return r.required=!0,r},c=e=>{const r=o.cloneDeep(e);return delete r.required,r},a=e=>e!=null&&e.length?{formatter:({cellValue:r})=>{var t;return(t=e.filter(n=>n.value===r)[0])==null?void 0:t.label}}:{};exports.addRequire=u;exports.removeRequire=c;exports.selectMapping=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("@vft/utils"),n=r=>{const e=t.cloneDeep(r);return e.required=!0,e},u=r=>{const e=t.cloneDeep(r);return delete e.required,e},i=r=>r?.length?{formatter:({cellValue:e})=>r.filter(o=>o.value===e)[0]?.label}:{};exports.addRequire=n;exports.removeRequire=u;exports.selectMapping=i;

package/lib/components/tabs/index.d.ts

@@ -1,5 +1,5 @@
 import { type TabsProps } from './tabs.vue';
-export declare const VftTabs: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+export declare const VftTabs: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     closable: {
         type: import("vue").PropType<boolean>;
     };
@@ -25,16 +25,16 @@ export declare const VftTabs: import("vft/es/utils").SFCWithInstall<import("vue"
         type: import("vue").PropType<boolean>;
     };
     closeIconCfg: {
-        type: import("vue").PropType<import("..").IconProps>;
+        type: import("vue").PropType<import("vft/es/vft").IconProps>;
     };
     addIconCfg: {
-        type: import("vue").PropType<import("..").IconProps>;
+        type: import("vue").PropType<import("vft/es/vft").IconProps>;
     };
     arrowLeftIconCfg: {
-        type: import("vue").PropType<import("..").IconProps>;
+        type: import("vue").PropType<import("vft/es/vft").IconProps>;
     };
     arrowRightIconCfg: {
-        type: import("vue").PropType<import("..").IconProps>;
+        type: import("vue").PropType<import("vft/es/vft").IconProps>;
     };
     fixTabCount: {
         type: import("vue").PropType<number>;
@@ -45,15 +45,13 @@ export declare const VftTabs: import("vft/es/utils").SFCWithInstall<import("vue"
     trigger: {
         type: import("vue").PropType<"click" | "hover">;
     };
-}, {
-    currentName: import("vue").Ref<string | number>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}>, {
+    currentName: import("vue").Ref<string | number, string | number>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (name: string | number) => void;
     tabClick: (pane: {
         uid: number;
-        slots: Readonly<{
-            [name: string]: import("vue").Slot<any> | undefined;
-        }>;
+        slots: import("vue").Slots;
         props: {
             label: string;
             name: string | number;
@@ -69,9 +67,7 @@ export declare const VftTabs: import("vft/es/utils").SFCWithInstall<import("vue"
     }, ev: Event) => void;
     tabContextMenu: (pane: {
         uid: number;
-        slots: Readonly<{
-            [name: string]: import("vue").Slot<any> | undefined;
-        }>;
+        slots: import("vue").Slots;
         props: {
             label: string;
             name: string | number;
@@ -115,16 +111,16 @@ export declare const VftTabs: import("vft/es/utils").SFCWithInstall<import("vue"
         type: import("vue").PropType<boolean>;
     };
     closeIconCfg: {
-        type: import("vue").PropType<import("..").IconProps>;
+        type: import("vue").PropType<import("vft/es/vft").IconProps>;
     };
     addIconCfg: {
-        type: import("vue").PropType<import("..").IconProps>;
+        type: import("vue").PropType<import("vft/es/vft").IconProps>;
     };
     arrowLeftIconCfg: {
-        type: import("vue").PropType<import("..").IconProps>;
+        type: import("vue").PropType<import("vft/es/vft").IconProps>;
     };
     arrowRightIconCfg: {
-        type: import("vue").PropType<import("..").IconProps>;
+        type: import("vue").PropType<import("vft/es/vft").IconProps>;
     };
     fixTabCount: {
         type: import("vue").PropType<number>;
@@ -135,13 +131,11 @@ export declare const VftTabs: import("vft/es/utils").SFCWithInstall<import("vue"
     trigger: {
         type: import("vue").PropType<"click" | "hover">;
     };
-}>> & {
+}>> & Readonly<{
     "onUpdate:modelValue"?: ((name: string | number) => any) | undefined;
     onTabClick?: ((pane: {
         uid: number;
-        slots: Readonly<{
-            [name: string]: import("vue").Slot<any> | undefined;
-        }>;
+        slots: import("vue").Slots;
         props: {
             label: string;
             name: string | number;
@@ -159,9 +153,7 @@ export declare const VftTabs: import("vft/es/utils").SFCWithInstall<import("vue"
     onTabAdd?: (() => any) | undefined;
     onTabContextMenu?: ((pane: {
         uid: number;
-        slots: Readonly<{
-            [name: string]: import("vue").Slot<any> | undefined;
-        }>;
+        slots: import("vue").Slots;
         props: {
             label: string;
             name: string | number;
@@ -177,9 +169,9 @@ export declare const VftTabs: import("vft/es/utils").SFCWithInstall<import("vue"
     }, index: number, ev: Event) => any) | undefined;
     onTabChange?: ((name: string | number) => any) | undefined;
     onEdit?: ((paneName: string | number | undefined, action: "remove" | "add") => any) | undefined;
-}, {}, {}>> & {
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>> & {
     TabPane: {
-        new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
             label: {
                 type: import("vue").PropType<string>;
             };
@@ -195,23 +187,7 @@ export declare const VftTabs: import("vft/es/utils").SFCWithInstall<import("vue"
             lazy: {
                 type: import("vue").PropType<boolean>;
             };
-        }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-            label: {
-                type: import("vue").PropType<string>;
-            };
-            name: {
-                type: import("vue").PropType<string | number>;
-            };
-            closable: {
-                type: import("vue").PropType<boolean>;
-            };
-            disabled: {
-                type: import("vue").PropType<boolean>;
-            };
-            lazy: {
-                type: import("vue").PropType<boolean>;
-            };
-        }>>, {}, true, {}, {}, {
+        }>> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
             P: {};
             B: {};
             D: {};
@@ -234,10 +210,10 @@ export declare const VftTabs: import("vft/es/utils").SFCWithInstall<import("vue"
             lazy: {
                 type: import("vue").PropType<boolean>;
             };
-        }>>, {}, {}, {}, {}, {}>;
-        __isFragment?: undefined;
-        __isTeleport?: undefined;
-        __isSuspense?: undefined;
+        }>> & Readonly<{}>, {}, {}, {}, {}, {}>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
     } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
         label: {
             type: import("vue").PropType<string>;
@@ -254,30 +230,14 @@ export declare const VftTabs: import("vft/es/utils").SFCWithInstall<import("vue"
         lazy: {
             type: import("vue").PropType<boolean>;
         };
-    }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    }>> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
             default?(_: {}): any;
         };
     });
 };
 export declare const VftTabPane: import("vft/es/utils").SFCWithInstall<{
-    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
-        label: {
-            type: import("vue").PropType<string>;
-        };
-        name: {
-            type: import("vue").PropType<string | number>;
-        };
-        closable: {
-            type: import("vue").PropType<boolean>;
-        };
-        disabled: {
-            type: import("vue").PropType<boolean>;
-        };
-        lazy: {
-            type: import("vue").PropType<boolean>;
-        };
-    }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
         label: {
             type: import("vue").PropType<string>;
         };
@@ -293,7 +253,7 @@ export declare const VftTabPane: import("vft/es/utils").SFCWithInstall<{
         lazy: {
             type: import("vue").PropType<boolean>;
         };
-    }>>, {}, true, {}, {}, {
+    }>> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -316,10 +276,10 @@ export declare const VftTabPane: import("vft/es/utils").SFCWithInstall<{
         lazy: {
             type: import("vue").PropType<boolean>;
         };
-    }>>, {}, {}, {}, {}, {}>;
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
+    }>> & Readonly<{}>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     label: {
         type: import("vue").PropType<string>;
@@ -336,7 +296,7 @@ export declare const VftTabPane: import("vft/es/utils").SFCWithInstall<{
     lazy: {
         type: import("vue").PropType<boolean>;
     };
-}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+}>> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         default?(_: {}): any;
     };

package/lib/components/tabs/tab-bar.vue.d.ts

@@ -4,10 +4,10 @@ interface Props {
     /** tabs 集合 */
     tabs: TabsPaneContext[];
 }
-declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {
-    ref: import("vue").Ref<HTMLDivElement | undefined>;
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>, {
+    ref: import("vue").Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
     update: () => CSSProperties;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>>, {}, {}>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/lib/components/tabs/tab-bar.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),z=require("./types.cjs"),S=require("@vueuse/core"),u=require("@vft/utils");require("../../utils/ns-cover.cjs");require("lodash-es");const w=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const $=e.defineComponent({__name:"tab-bar",props:{tabs:{}},setup(g,{expose:v}){const n=g,q=e.getCurrentInstance(),l=e.inject(z.TabsRootContextKey),p=w.useNamespace("tabs"),i=e.ref(),f=e.ref(),_=()=>{let t=0,r=0;const s=["top","bottom"].includes(l.props.tabPosition)?"width":"height",b=s==="width"?"x":"y",x=b==="x"?"left":"top";return n.tabs.every(d=>{var m,y;const a=(y=(m=q.parent)==null?void 0:m.refs)==null?void 0:y[`tab-${d.uid}`];if(!a)return!1;if(!d.active)return!0;t=a[`offset${u.capitalize(x)}`],r=a[`client${u.capitalize(s)}`];const c=window.getComputedStyle(a);return s==="width"&&n.tabs.length>1&&(r-=Number.parseFloat(c.paddingLeft)+Number.parseFloat(c.paddingRight),t+=Number.parseFloat(c.paddingLeft)),!1}),{[s]:`${r}px`,transform:`translate${u.capitalize(b)}(${t}px)`}},o=()=>f.value=_();e.watch(()=>n.tabs,async()=>{await e.nextTick(),o()},{immediate:!0});const h=e.computed(()=>l.props.tabPosition);return S.useResizeObserver(i,()=>o()),v({ref:i,update:o}),(t,r)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"barRef",ref:i,class:e.normalizeClass([e.unref(p).e("active-bar"),e.unref(p).is(h.value)]),style:e.normalizeStyle(f.value)},null,6))}});exports.default=$;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),h=require("./types.cjs"),x=require("@vueuse/core"),u=require("@vft/utils");require("../../utils/ns-cover.cjs");require("lodash-es");const z=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const S=e.defineComponent({__name:"tab-bar",props:{tabs:{}},setup(m,{expose:y}){const n=m,g=e.getCurrentInstance(),l=e.inject(h.TabsRootContextKey),p=z.useNamespace("tabs"),i=e.ref(),f=e.ref(),v=()=>{let t=0,r=0;const s=["top","bottom"].includes(l.props.tabPosition)?"width":"height",b=s==="width"?"x":"y",_=b==="x"?"left":"top";return n.tabs.every(d=>{const a=g.parent?.refs?.[`tab-${d.uid}`];if(!a)return!1;if(!d.active)return!0;t=a[`offset${u.capitalize(_)}`],r=a[`client${u.capitalize(s)}`];const c=window.getComputedStyle(a);return s==="width"&&n.tabs.length>1&&(r-=Number.parseFloat(c.paddingLeft)+Number.parseFloat(c.paddingRight),t+=Number.parseFloat(c.paddingLeft)),!1}),{[s]:`${r}px`,transform:`translate${u.capitalize(b)}(${t}px)`}},o=()=>f.value=v();e.watch(()=>n.tabs,async()=>{await e.nextTick(),o()},{immediate:!0});const q=e.computed(()=>l.props.tabPosition);return x.useResizeObserver(i,()=>o()),y({ref:i,update:o}),(t,r)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"barRef",ref:i,class:e.normalizeClass([e.unref(p).e("active-bar"),e.unref(p).is(q.value)]),style:e.normalizeStyle(f.value)},null,6))}});exports.default=S;

package/lib/components/tabs/tab-nav.vue.d.ts

@@ -19,20 +19,20 @@ interface TabNavProps {
     /** tab 触发方式 */
     trigger?: 'click' | 'hover';
 }
-declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<TabNavProps>, {
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<TabNavProps>>, {
     scrollToActiveTab: () => Promise<void>;
     removeFocus: () => boolean;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     tabClick: (...args: any[]) => void;
     tabRemove: (...args: any[]) => void;
     tabAdd: (...args: any[]) => void;
     tabContextmenu: (...args: any[]) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<TabNavProps>>> & {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<TabNavProps>>> & Readonly<{
     onTabClick?: ((...args: any[]) => any) | undefined;
     onTabRemove?: ((...args: any[]) => any) | undefined;
     onTabAdd?: ((...args: any[]) => any) | undefined;
     onTabContextmenu?: ((...args: any[]) => any) | undefined;
-}, {}, {}>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/lib/components/tabs/tab-nav.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),E=require("@vueuse/core"),N=require("@vft/utils"),_=require("../../utils/error.cjs");require("../../utils/ns-cover.cjs");require("lodash-es");require("../alert/index.cjs");require("../avatar/index.cjs");require("../backtop/index.cjs");require("../button/index.cjs");require("../card/index.cjs");require("../check-tag/index.cjs");require("../checkbox/index.cjs");require("../clamp/index.cjs");require("../clamp-toggle/index.cjs");require("../clamp-tooltip/index.cjs");require("../col/index.cjs");require("../collapse-transition/index.cjs");require("../color-picker/index.cjs");require("../config-provider/index.cjs");require("../container/index.cjs");require("../context-menu/context-menu.vue2.cjs");require("../date-picker/index.cjs");require("../date-time-select/index.cjs");require("../descriptions/index.cjs");require("../dialog/index.cjs");require("../divider/index.cjs");require("../drawer/index.cjs");require("../dropdown/index.cjs");require("../empty/index.cjs");require("../exception/index.cjs");require("../footer-layout/index.cjs");require("../form/index.cjs");require("../full-screen/index.cjs");require("../header-layout/index.cjs");require("../horizontal-menu/index.cjs");const y=require("../icon/index.cjs");require("../icon-text/index.cjs");require("../iframe-layout/index.cjs");require("../image/index.cjs");require("../image-viewer/index.cjs");require("../input/index.cjs");require("../input-number/index.cjs");require("../link/index.cjs");require("../list-cell/index.cjs");require("../logo/index.cjs");require("../menu/index.cjs");require("../multiple-tabs/index.cjs");require("../overlay/index.cjs");require("../page-wrapper/index.cjs");require("../pagination/index.cjs");require("../popconfirm/index.cjs");require("../popover/index.cjs");require("../popper/index.cjs");require("../qrcode/index.cjs");require("../radio/index.cjs");require("../result/index.cjs");require("../router-view-content/index.cjs");require("../row/index.cjs");require("../scrollbar/index.cjs");require("../search/index.cjs");require("../select/index.cjs");require("../side-menu/index.cjs");require("../skeleton/index.cjs");require("../slider/index.cjs");require("../space/index.cjs");require("../switch/index.cjs");require("../table/index.cjs");require("./index.cjs");require("../tag/index.cjs");require("../time-picker/index.cjs");require("../tooltip/index.cjs");require("../tree/index.cjs");require("../verify-code/index.cjs");require("../virtual-list/components/dynamic-size-grid.cjs");require("../virtual-list/components/dynamic-size-list.cjs");require("../virtual-list/components/fixed-size-grid.cjs");require("../virtual-list/components/fixed-size-list.cjs");require("../virtual-list/props.cjs");require("../steps/index.cjs");require("../autocomplete/index.cjs");require("../modal/index.cjs");require("../progress/index.cjs");require("../super-form/index.cjs");require("../upload/index.cjs");require("../carousel/index.cjs");require("../timeline/index.cjs");require("../md-code-demo/index.cjs");require("../md-code-tabs/index.cjs");require("../md-comment/index.cjs");require("../md-container/index.cjs");require("../md-tabs/index.cjs");require("../md-vue-playground/index.cjs");const F=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");require("../message/index.cjs");require("../infinite-scroll/index.cjs");require("../progress-i/index.cjs");const I=require("@vft/constants"),ee=require("./types.cjs"),te=require("./tab-bar.vue2.cjs"),re=t.defineComponent({name:"vft-tab-nav"}),ie=t.defineComponent({...re,props:{panes:{},editable:{type:Boolean},addable:{type:Boolean},stretch:{type:Boolean},showBar:{type:Boolean,default:!1},closeIconCfg:{},addIconCfg:{},arrowLeftIconCfg:{},arrowRightIconCfg:{},fixTabCount:{default:0},fixExtraScrollWidth:{default:0},trigger:{default:"click"}},emits:["tabClick","tabRemove","tabAdd","tabContextmenu"],setup(u,{expose:M,emit:W}){var z;const C=W,L=F.useNamespace("tab-nav"),K=t.getCurrentInstance(),m=t.inject(ee.TabsRootContextKey);m||_.throwError(L.b(),"<vft-tabs><tab-nav /></vft-tabs>");const o=F.useNamespace("tabs"),j=E.useDocumentVisibility(),H=E.useWindowFocus(),T=t.ref(),q=t.ref(),h=t.ref(),B=t.ref(),l=t.ref(!1),c=t.ref(0),p=t.ref(!1),w=t.ref(!0),x=t.computed(()=>["top","bottom"].includes(m.props.tabPosition)?"width":"height"),U=t.computed(()=>({transform:`translate${x.value==="width"?"X":"Y"}(-${c.value}px)`})),X=()=>{if(!q.value)return;const e=q.value[`offset${N.capitalize(x.value)}`],i=c.value;i&&(c.value=i>e?i-e:0)},Y=()=>{if(!q.value||!h.value)return;const e=h.value[`offset${N.capitalize(x.value)}`],i=q.value[`offset${N.capitalize(x.value)}`],r=c.value;e-r<=i||(c.value=e-r>i*2?r+i:e-i)},O=async()=>{const e=h.value,i=B.value;if(!l.value||!T.value||!q.value||!e)return;await t.nextTick();const r=T.value.querySelector(".is-active");if(!r)return;const g=q.value,b=["top","bottom"].includes(m.props.tabPosition),n=r.getBoundingClientRect(),a=g.getBoundingClientRect(),f=b?e.offsetWidth-a.width:e.offsetHeight-a.height,s=c.value;let v=s;const V=u.fixTabCount?((i==null?void 0:i.offsetWidth)||0)+u.fixExtraScrollWidth:0;b?(n.left-V<a.left&&(v=s-(a.left-n.left+V)),n.right>a.right&&(v=s+n.right-a.right)):(n.top<a.top&&(v=s-(a.top-n.top)),n.bottom>a.bottom&&(v=s+(n.bottom-a.bottom))),v=Math.max(v,0),c.value=Math.min(v,f)},R=()=>{if(!h.value||!q.value)return;const e=h.value[`offset${N.capitalize(x.value)}`],i=q.value[`offset${N.capitalize(x.value)}`],r=c.value;i<e?(l.value=l.value||{},l.value.prev=r,l.value.next=r+i<e,e-r<i&&(c.value=e-i)):(l.value=!1,r>0&&(c.value=0))},G=e=>{const i=e.code,{up:r,down:g,left:b,right:n}=I.EVENT_CODE;if(![r,g,b,n].includes(i))return;const a=Array.from(e.currentTarget.querySelectorAll("[role=tab]:not(.is-disabled)")),f=a.indexOf(e.target);let s;i===b||i===r?f===0?s=a.length-1:s=f-1:f<a.length-1?s=f+1:s=0,a[s].focus(),a[s].click(),$()},$=()=>{w.value&&(p.value=!0)},S=()=>p.value=!1;t.watch(j,e=>{e==="hidden"?w.value=!1:e==="visible"&&setTimeout(()=>w.value=!0,50)}),t.watch(H,e=>{e?setTimeout(()=>w.value=!0,50):w.value=!1}),E.useResizeObserver(T.value,R),t.onMounted(()=>setTimeout(()=>O(),0)),t.onUpdated(()=>R()),M({scrollToActiveTab:O,removeFocus:S}),t.watch(()=>u.panes,()=>K.update(),{flush:"post"});const J=t.computed(()=>{var e,i;return l.value?[t.createVNode("span",{class:[o.e("nav-prev"),o.is("disabled",!l.value.prev)],onClick:X},[(e=u.arrowLeftIconCfg)!=null&&e.icon?t.createVNode(y.VftIcon,u.arrowLeftIconCfg,null):null]),t.createVNode("span",{class:[o.e("nav-next"),o.is("disabled",!l.value.next)],onClick:Y},[(i=u.arrowRightIconCfg)!=null&&i.icon?t.createVNode(y.VftIcon,u.arrowRightIconCfg,null):null])]:null}),Q=t.computed(()=>e=>{var i;return(i=u.panes.slice(0,e))==null?void 0:i.map((r,g)=>{var P,A,D;const b=r.uid,n=r.props.disabled,a=r.props.name??r.index??`${g}`,f=!n&&(r.isClosable||u.editable);r.index=`${g}`;const s=f?t.createVNode("span",{class:"is-icon-close",onClick:d=>C("tabRemove",r,d)},[(P=u.closeIconCfg)!=null&&P.icon?t.createVNode(y.VftIcon,u.closeIconCfg,null):null]):null,v=((D=(A=r.slots).label)==null?void 0:D.call(A))||r.props.label,V=!n&&r.active?0:-1;return t.createVNode("div",t.mergeProps({ref:`tab-${b}`,class:[o.e("item"),o.is(m.props.tabPosition),o.is("active",r.active),o.is("disabled",n),o.is("closable",f),o.is("focus",p.value)],id:`tab-${a}`,key:`tab-${b}`,"aria-controls":`pane-${a}`,role:"tab","aria-selected":r.active,tabindex:V,onFocus:()=>$(),onBlur:()=>S()},{[u.trigger==="click"?"onClick":"onMouseenter"]:d=>{S(),C("tabClick",r,a,d)}},{onContextmenu:d=>{d.preventDefault(),C("tabContextmenu",{pane:r,index:g,event:d})},onKeydown:d=>{f&&(d.code===I.EVENT_CODE.delete||d.code===I.EVENT_CODE.backspace)&&C("tabRemove",r,d)}}),[v,s])})}),Z=u.editable||u.addable?t.createVNode("span",{class:o.e("new-tab"),tabindex:"0",onClick:()=>C("tabAdd"),onKeydown:e=>{e.code===I.EVENT_CODE.enter&&C("tabAdd")}},[(z=u.addIconCfg)!=null&&z.icon?t.createVNode(y.VftIcon,u.addIconCfg,null):null]):null;t.useSlots();const k=(e=!1)=>t.createVNode("div",{class:[o.e("nav"),o.is(m.props.tabPosition),o.is("fixed-nav",e),o.is("stretch",u.stretch&&["top","bottom"].includes(m.props.tabPosition))],ref:e?B:h,style:e?{}:U.value,role:"tablist",onKeydown:G},[u.showBar?t.createVNode(te.default,{tabs:[...u.panes]},null):null,Q.value(e?u.fixTabCount:void 0)]);return()=>t.createVNode("div",{ref:T,class:[o.e("nav-wrap"),o.is("scrollable",!!l.value),o.is(m.props.tabPosition)]},[J.value,t.createVNode("div",{class:[o.e("nav-scroll"),o.is("have-fixed-tab",!!u.fixTabCount)],ref:q},[k(),u.fixTabCount?k(!0):null,Z])])}});exports.default=ie;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),S=require("@vueuse/core"),N=require("@vft/utils"),Y=require("../../utils/error.cjs");require("../../utils/ns-cover.cjs");require("lodash-es");require("../alert/index.cjs");require("../avatar/index.cjs");require("../backtop/index.cjs");require("../button/index.cjs");require("../card/index.cjs");require("../check-tag/index.cjs");require("../checkbox/index.cjs");require("../clamp/index.cjs");require("../clamp-toggle/index.cjs");require("../clamp-tooltip/index.cjs");require("../col/index.cjs");require("../collapse-transition/index.cjs");require("../color-picker/index.cjs");require("../config-provider/index.cjs");require("../container/index.cjs");require("../context-menu/context-menu.vue2.cjs");require("../date-picker/index.cjs");require("../date-time-select/index.cjs");require("../descriptions/index.cjs");require("../dialog/index.cjs");require("../divider/index.cjs");require("../drawer/index.cjs");require("../dropdown/index.cjs");require("../empty/index.cjs");require("../exception/index.cjs");require("../footer-layout/index.cjs");require("../form/index.cjs");require("../full-screen/index.cjs");require("../header-layout/index.cjs");require("../horizontal-menu/index.cjs");const V=require("../icon/index.cjs");require("../icon-text/index.cjs");require("../iframe-layout/index.cjs");require("../image/index.cjs");require("../image-viewer/index.cjs");require("../input/index.cjs");require("../input-number/index.cjs");require("../link/index.cjs");require("../list-cell/index.cjs");require("../logo/index.cjs");require("../menu/index.cjs");require("../multiple-tabs/index.cjs");require("../overlay/index.cjs");require("../page-wrapper/index.cjs");require("../pagination/index.cjs");require("../popconfirm/index.cjs");require("../popover/index.cjs");require("../popper/index.cjs");require("../qrcode/index.cjs");require("../radio/index.cjs");require("../result/index.cjs");require("../router-view-content/index.cjs");require("../row/index.cjs");require("../scrollbar/index.cjs");require("../search/index.cjs");require("../select/index.cjs");require("../side-menu/index.cjs");require("../skeleton/index.cjs");require("../slider/index.cjs");require("../space/index.cjs");require("../switch/index.cjs");require("../table/index.cjs");require("./index.cjs");require("../tag/index.cjs");require("../time-picker/index.cjs");require("../tooltip/index.cjs");require("../tree/index.cjs");require("../verify-code/index.cjs");require("../virtual-list/components/dynamic-size-grid.cjs");require("../virtual-list/components/dynamic-size-list.cjs");require("../virtual-list/components/fixed-size-grid.cjs");require("../virtual-list/components/fixed-size-list.cjs");require("../virtual-list/props.cjs");require("../steps/index.cjs");require("../autocomplete/index.cjs");require("../modal/index.cjs");require("../progress/index.cjs");require("../super-form/index.cjs");require("../upload/index.cjs");require("../carousel/index.cjs");require("../timeline/index.cjs");require("../md-code-demo/index.cjs");require("../md-code-tabs/index.cjs");require("../md-comment/index.cjs");require("../md-container/index.cjs");require("../md-tabs/index.cjs");require("../md-vue-playground/index.cjs");const k=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");require("../message/index.cjs");require("../infinite-scroll/index.cjs");require("../progress-i/index.cjs");const y=require("@vft/constants"),G=require("./types.cjs"),J=require("./tab-bar.vue2.cjs"),Q=e.defineComponent({name:"vft-tab-nav"}),Z=e.defineComponent({...Q,props:{panes:{},editable:{type:Boolean},addable:{type:Boolean},stretch:{type:Boolean},showBar:{type:Boolean,default:!1},closeIconCfg:{},addIconCfg:{},arrowLeftIconCfg:{},arrowRightIconCfg:{},fixTabCount:{default:0},fixExtraScrollWidth:{default:0},trigger:{default:"click"}},emits:["tabClick","tabRemove","tabAdd","tabContextmenu"],setup(i,{expose:z,emit:P}){const g=P,F=k.useNamespace("tab-nav"),A=e.getCurrentInstance(),m=e.inject(G.TabsRootContextKey);m||Y.throwError(F.b(),"<vft-tabs><tab-nav /></vft-tabs>");const u=k.useNamespace("tabs"),D=S.useDocumentVisibility(),M=S.useWindowFocus(),T=e.ref(),d=e.ref(),C=e.ref(),E=e.ref(),c=e.ref(!1),f=e.ref(0),I=e.ref(!1),w=e.ref(!0),h=e.computed(()=>["top","bottom"].includes(m.props.tabPosition)?"width":"height"),W=e.computed(()=>({transform:`translate${h.value==="width"?"X":"Y"}(-${f.value}px)`})),L=()=>{if(!d.value)return;const r=d.value[`offset${N.capitalize(h.value)}`],t=f.value;t&&(f.value=t>r?t-r:0)},K=()=>{if(!d.value||!C.value)return;const r=C.value[`offset${N.capitalize(h.value)}`],t=d.value[`offset${N.capitalize(h.value)}`],a=f.value;r-a<=t||(f.value=r-a>t*2?a+t:r-t)},B=async()=>{const r=C.value,t=E.value;if(!c.value||!T.value||!d.value||!r)return;await e.nextTick();const a=T.value.querySelector(".is-active");if(!a)return;const x=d.value,v=["top","bottom"].includes(m.props.tabPosition),n=a.getBoundingClientRect(),o=x.getBoundingClientRect(),b=v?r.offsetWidth-o.width:r.offsetHeight-o.height,s=f.value;let q=s;const l=i.fixTabCount?(t?.offsetWidth||0)+i.fixExtraScrollWidth:0;v?(n.left-l<o.left&&(q=s-(o.left-n.left+l)),n.right>o.right&&(q=s+n.right-o.right)):(n.top<o.top&&(q=s-(o.top-n.top)),n.bottom>o.bottom&&(q=s+(n.bottom-o.bottom))),q=Math.max(q,0),f.value=Math.min(q,b)},O=()=>{if(!C.value||!d.value)return;const r=C.value[`offset${N.capitalize(h.value)}`],t=d.value[`offset${N.capitalize(h.value)}`],a=f.value;t<r?(c.value=c.value||{},c.value.prev=a,c.value.next=a+t<r,r-a<t&&(f.value=r-t)):(c.value=!1,a>0&&(f.value=0))},j=r=>{const t=r.code,{up:a,down:x,left:v,right:n}=y.EVENT_CODE;if(![a,x,v,n].includes(t))return;const o=Array.from(r.currentTarget.querySelectorAll("[role=tab]:not(.is-disabled)")),b=o.indexOf(r.target);let s;t===v||t===a?b===0?s=o.length-1:s=b-1:b<o.length-1?s=b+1:s=0,o[s].focus(),o[s].click(),R()},R=()=>{w.value&&(I.value=!0)},p=()=>I.value=!1;e.watch(D,r=>{r==="hidden"?w.value=!1:r==="visible"&&setTimeout(()=>w.value=!0,50)}),e.watch(M,r=>{r?setTimeout(()=>w.value=!0,50):w.value=!1}),S.useResizeObserver(T.value,O),e.onMounted(()=>setTimeout(()=>B(),0)),e.onUpdated(()=>O()),z({scrollToActiveTab:B,removeFocus:p}),e.watch(()=>i.panes,()=>A.update(),{flush:"post"});const H=e.computed(()=>c.value?[e.createVNode("span",{class:[u.e("nav-prev"),u.is("disabled",!c.value.prev)],onClick:L},[i.arrowLeftIconCfg?.icon?e.createVNode(V.VftIcon,i.arrowLeftIconCfg,null):null]),e.createVNode("span",{class:[u.e("nav-next"),u.is("disabled",!c.value.next)],onClick:K},[i.arrowRightIconCfg?.icon?e.createVNode(V.VftIcon,i.arrowRightIconCfg,null):null])]:null),U=e.computed(()=>r=>i.panes.slice(0,r)?.map((t,a)=>{const x=t.uid,v=t.props.disabled,n=t.props.name??t.index??`${a}`,o=!v&&(t.isClosable||i.editable);t.index=`${a}`;const b=o?e.createVNode("span",{class:"is-icon-close",onClick:l=>g("tabRemove",t,l)},[i.closeIconCfg?.icon?e.createVNode(V.VftIcon,i.closeIconCfg,null):null]):null,s=t.slots.label?.()||t.props.label,q=!v&&t.active?0:-1;return e.createVNode("div",e.mergeProps({ref:`tab-${x}`,class:[u.e("item"),u.is(m.props.tabPosition),u.is("active",t.active),u.is("disabled",v),u.is("closable",o),u.is("focus",I.value)],id:`tab-${n}`,key:`tab-${x}`,"aria-controls":`pane-${n}`,role:"tab","aria-selected":t.active,tabindex:q,onFocus:()=>R(),onBlur:()=>p()},{[i.trigger==="click"?"onClick":"onMouseenter"]:l=>{p(),g("tabClick",t,n,l)}},{onContextmenu:l=>{l.preventDefault(),g("tabContextmenu",{pane:t,index:a,event:l})},onKeydown:l=>{o&&(l.code===y.EVENT_CODE.delete||l.code===y.EVENT_CODE.backspace)&&g("tabRemove",t,l)}}),[s,b])})),X=i.editable||i.addable?e.createVNode("span",{class:u.e("new-tab"),tabindex:"0",onClick:()=>g("tabAdd"),onKeydown:r=>{r.code===y.EVENT_CODE.enter&&g("tabAdd")}},[i.addIconCfg?.icon?e.createVNode(V.VftIcon,i.addIconCfg,null):null]):null;e.useSlots();const $=(r=!1)=>e.createVNode("div",{class:[u.e("nav"),u.is(m.props.tabPosition),u.is("fixed-nav",r),u.is("stretch",i.stretch&&["top","bottom"].includes(m.props.tabPosition))],ref:r?E:C,style:r?{}:W.value,role:"tablist",onKeydown:j},[i.showBar?e.createVNode(J.default,{tabs:[...i.panes]},null):null,U.value(r?i.fixTabCount:void 0)]);return()=>e.createVNode("div",{ref:T,class:[u.e("nav-wrap"),u.is("scrollable",!!c.value),u.is(m.props.tabPosition)]},[H.value,e.createVNode("div",{class:[u.e("nav-scroll"),u.is("have-fixed-tab",!!i.fixTabCount)],ref:d},[$(),i.fixTabCount?$(!0):null,X])])}});exports.default=Z;

package/lib/components/tabs/tab-pane.vue.d.ts

@@ -10,9 +10,11 @@ interface TabPaneProps {
     /** 标签是否延迟渲染 */
     lazy?: boolean;
 }
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<TabPaneProps>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<TabPaneProps>>>, {}, {}>, {
+declare function __VLS_template(): {
     default?(_: {}): any;
-}>;
+};
+declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<TabPaneProps>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<TabPaneProps>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {