vft 0.0.239 → 0.0.241

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,14 @@ 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;
-        }>;
+        getVnode: () => import("vue").VNode;
+        slots: import("vue").Slots;
         props: {
             label: string;
             name: string | number;
@@ -61,17 +60,16 @@ export declare const VftTabs: import("vft/es/utils").SFCWithInstall<import("vue"
             disabled: boolean;
             lazy: boolean;
         };
-        paneName: string | number | undefined;
+        paneName: import("./types").TabPaneName | undefined;
         active: boolean;
         index: string | undefined;
         isClosable: boolean;
-        attrs: Record<string, any>;
+        isFocusInsidePane: () => boolean | undefined;
     }, ev: Event) => void;
     tabContextMenu: (pane: {
         uid: number;
-        slots: Readonly<{
-            [name: string]: import("vue").Slot<any> | undefined;
-        }>;
+        getVnode: () => import("vue").VNode;
+        slots: import("vue").Slots;
         props: {
             label: string;
             name: string | number;
@@ -79,11 +77,11 @@ export declare const VftTabs: import("vft/es/utils").SFCWithInstall<import("vue"
             disabled: boolean;
             lazy: boolean;
         };
-        paneName: string | number | undefined;
+        paneName: import("./types").TabPaneName | undefined;
         active: boolean;
         index: string | undefined;
         isClosable: boolean;
-        attrs: Record<string, any>;
+        isFocusInsidePane: () => boolean | undefined;
     }, index: number, ev: Event) => void;
     tabChange: (name: string | number) => void;
     tabRemove: (name: string | number) => void;
@@ -115,16 +113,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 +133,12 @@ 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;
-        }>;
+        getVnode: () => import("vue").VNode;
+        slots: import("vue").Slots;
         props: {
             label: string;
             name: string | number;
@@ -149,19 +146,18 @@ export declare const VftTabs: import("vft/es/utils").SFCWithInstall<import("vue"
             disabled: boolean;
             lazy: boolean;
         };
-        paneName: string | number | undefined;
+        paneName: import("./types").TabPaneName | undefined;
         active: boolean;
         index: string | undefined;
         isClosable: boolean;
-        attrs: Record<string, any>;
+        isFocusInsidePane: () => boolean | undefined;
     }, ev: Event) => any) | undefined;
     onTabRemove?: ((name: string | number) => any) | undefined;
     onTabAdd?: (() => any) | undefined;
     onTabContextMenu?: ((pane: {
         uid: number;
-        slots: Readonly<{
-            [name: string]: import("vue").Slot<any> | undefined;
-        }>;
+        getVnode: () => import("vue").VNode;
+        slots: import("vue").Slots;
         props: {
             label: string;
             name: string | number;
@@ -169,17 +165,17 @@ export declare const VftTabs: import("vft/es/utils").SFCWithInstall<import("vue"
             disabled: boolean;
             lazy: boolean;
         };
-        paneName: string | number | undefined;
+        paneName: import("./types").TabPaneName | undefined;
         active: boolean;
         index: string | undefined;
         isClosable: boolean;
-        attrs: Record<string, any>;
+        isFocusInsidePane: () => boolean | undefined;
     }, 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 +191,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 +214,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 +234,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 +257,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 +280,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 +300,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

@@ -3,11 +3,12 @@ import type { CSSProperties } from 'vue';
 interface Props {
     /** tabs 集合 */
     tabs: TabsPaneContext[];
+    tabRefs?: Record<string, any>;
 }
-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"),R=require("lodash-es"),S=require("./types.cjs"),v=require("@vueuse/core"),p=require("@vft/utils");require("../../utils/ns-cover.cjs");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 N=e.defineComponent({__name:"tab-bar",props:{tabs:{},tabRefs:{}},setup(h,{expose:y}){const r=h,f=e.inject(S.TabsRootContextKey),b=w.useNamespace("tabs"),c=e.ref(),d=e.ref(),g=()=>{let t=0,o=0;const n=["top","bottom"].includes(f.props.tabPosition)?"width":"height",m=n==="width"?"x":"y",x=m==="x"?"left":"top";return r.tabs.every(u=>{if(R.isUndefined(u.paneName))return!1;const i=r.tabRefs[u.paneName];if(!i)return!1;if(!u.active)return!0;t=i[`offset${p.capitalize(x)}`],o=i[`client${p.capitalize(n)}`];const l=window.getComputedStyle(i);return n==="width"&&(o-=Number.parseFloat(l.paddingLeft)+Number.parseFloat(l.paddingRight),t+=Number.parseFloat(l.paddingLeft)),!1}),{[n]:`${o}px`,transform:`translate${p.capitalize(m)}(${t}px)`}},a=()=>d.value=g(),s=[],q=()=>{s.forEach(t=>t.stop()),s.length=0,Object.values(r.tabRefs).forEach(t=>{s.push(v.useResizeObserver(t,a))})};e.watch(()=>r.tabs,async()=>{await e.nextTick(),a(),q()},{immediate:!0});const z=v.useResizeObserver(c,()=>a());e.onBeforeUnmount(()=>{s.forEach(t=>t.stop()),s.length=0,z.stop()});const _=e.computed(()=>f.props.tabPosition);return y({ref:c,update:a}),(t,o)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"barRef",ref:c,class:e.normalizeClass([e.unref(b).e("active-bar"),e.unref(b).is(_.value)]),style:e.normalizeStyle(d.value)},null,6))}});exports.default=N;

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

@@ -1,4 +1,4 @@
-import { type IconProps } from 'vft/es/components';
+import { type IconProps, type TabPaneName } from 'vft/es/components';
 import type { TabsPaneContext } from './types';
 interface TabNavProps {
     panes: TabsPaneContext[];
@@ -18,21 +18,26 @@ interface TabNavProps {
     fixExtraScrollWidth?: number;
     /** tab 触发方式 */
     trigger?: 'click' | 'hover';
+    currentName?: TabPaneName;
 }
-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, {
+    focusActiveTab: () => Promise<void>;
+    tabListRef: import("vue").Ref<any, any>;
+    tabBarRef: import("vue").Ref<any, any>;
+    scheduleRender: () => void;
+}, {}, {}, {}, 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> = {