vft 0.0.67 → 0.0.70

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

@@ -1,6 +1,6 @@
 export declare const VftRadio: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{
     size: {
-        type: import("vue").PropType<"" | "default" | "small" | "large" | undefined>;
+        type: import("vue").PropType<"" | "large" | "small" | "default" | undefined>;
         required: false;
     };
     disabled: {
@@ -25,7 +25,7 @@ export declare const VftRadio: import("vft/es/utils").SFCWithInstall<import("vue
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     size: {
-        type: import("vue").PropType<"" | "default" | "small" | "large" | undefined>;
+        type: import("vue").PropType<"" | "large" | "small" | "default" | undefined>;
         required: false;
     };
     disabled: {
@@ -54,7 +54,7 @@ export declare const VftRadio: import("vft/es/utils").SFCWithInstall<import("vue
 }, {}>> & {
     RadioButton: import("vue").DefineComponent<{
         size: {
-            type: import("vue").PropType<"" | "default" | "small" | "large" | undefined>;
+            type: import("vue").PropType<"" | "large" | "small" | "default" | undefined>;
             required: false;
         };
         disabled: {
@@ -71,7 +71,7 @@ export declare const VftRadio: import("vft/es/utils").SFCWithInstall<import("vue
         };
     }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         size: {
-            type: import("vue").PropType<"" | "default" | "small" | "large" | undefined>;
+            type: import("vue").PropType<"" | "large" | "small" | "default" | undefined>;
             required: false;
         };
         disabled: {
@@ -93,7 +93,7 @@ export declare const VftRadio: import("vft/es/utils").SFCWithInstall<import("vue
             required: false;
         };
         size: {
-            type: import("vue").PropType<"" | "default" | "small" | "large" | undefined>;
+            type: import("vue").PropType<"" | "large" | "small" | "default" | undefined>;
             required: false;
         };
         disabled: {
@@ -131,7 +131,7 @@ export declare const VftRadio: import("vft/es/utils").SFCWithInstall<import("vue
             required: false;
         };
         size: {
-            type: import("vue").PropType<"" | "default" | "small" | "large" | undefined>;
+            type: import("vue").PropType<"" | "large" | "small" | "default" | undefined>;
             required: false;
         };
         disabled: {
@@ -177,7 +177,7 @@ export declare const VftRadioGroup: import("vft/es/utils").SFCWithInstall<import
         required: false;
     };
     size: {
-        type: import("vue").PropType<"" | "default" | "small" | "large" | undefined>;
+        type: import("vue").PropType<"" | "large" | "small" | "default" | undefined>;
         required: false;
     };
     disabled: {
@@ -215,7 +215,7 @@ export declare const VftRadioGroup: import("vft/es/utils").SFCWithInstall<import
         required: false;
     };
     size: {
-        type: import("vue").PropType<"" | "default" | "small" | "large" | undefined>;
+        type: import("vue").PropType<"" | "large" | "small" | "default" | undefined>;
         required: false;
     };
     disabled: {
@@ -255,7 +255,7 @@ export declare const VftRadioGroup: import("vft/es/utils").SFCWithInstall<import
 }>>;
 export declare const VftRadioButton: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{
     size: {
-        type: import("vue").PropType<"" | "default" | "small" | "large" | undefined>;
+        type: import("vue").PropType<"" | "large" | "small" | "default" | undefined>;
         required: false;
     };
     disabled: {
@@ -272,7 +272,7 @@ export declare const VftRadioButton: import("vft/es/utils").SFCWithInstall<impor
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     size: {
-        type: import("vue").PropType<"" | "default" | "small" | "large" | undefined>;
+        type: import("vue").PropType<"" | "large" | "small" | "default" | undefined>;
         required: false;
     };
     disabled: {

package/lib/components/radio/radio-button.vue.d.ts

@@ -8,7 +8,7 @@ export interface RadioButtonProps {
 }
 declare const _sfc_main: import("vue").DefineComponent<{
     size: {
-        type: __PropType<"" | "default" | "small" | "large" | undefined>;
+        type: __PropType<"" | "large" | "small" | "default" | undefined>;
         required: false;
     };
     disabled: {
@@ -25,7 +25,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     size: {
-        type: __PropType<"" | "default" | "small" | "large" | undefined>;
+        type: __PropType<"" | "large" | "small" | "default" | undefined>;
         required: false;
     };
     disabled: {

package/lib/components/radio/radio-group.vue.d.ts

@@ -17,7 +17,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
     size: {
-        type: __PropType<"" | "default" | "small" | "large" | undefined>;
+        type: __PropType<"" | "large" | "small" | "default" | undefined>;
         required: false;
     };
     disabled: {
@@ -55,7 +55,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
     size: {
-        type: __PropType<"" | "default" | "small" | "large" | undefined>;
+        type: __PropType<"" | "large" | "small" | "default" | undefined>;
         required: false;
     };
     disabled: {

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

@@ -10,7 +10,7 @@ export interface RadioProps {
 }
 declare const _sfc_main: import("vue").DefineComponent<{
     size: {
-        type: __PropType<"" | "default" | "small" | "large" | undefined>;
+        type: __PropType<"" | "large" | "small" | "default" | undefined>;
         required: false;
     };
     disabled: {
@@ -35,7 +35,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     size: {
-        type: __PropType<"" | "default" | "small" | "large" | undefined>;
+        type: __PropType<"" | "large" | "small" | "default" | undefined>;
         required: false;
     };
     disabled: {

package/lib/components/radio/use-radio.d.ts

@@ -8,7 +8,7 @@ export declare const useRadio: (props: {
     isGroup: import("vue").ComputedRef<boolean>;
     radioGroup: import("./constants").RadioGroupContext | undefined;
     focus: import("vue").Ref<boolean>;
-    size: import("vue").ComputedRef<"" | "default" | "small" | "large">;
+    size: import("vue").ComputedRef<"" | "large" | "small" | "default">;
     disabled: import("vue").ComputedRef<boolean>;
     tabIndex: import("vue").ComputedRef<-1 | 0>;
     modelValue: import("vue").WritableComputedRef<string | number | boolean | undefined>;

package/lib/components/select-v2/defaults.d.ts

@@ -81,7 +81,7 @@ export declare const SelectProps: {
     };
     remote: BooleanConstructor;
     size: {
-        type: PropType<"" | "default" | "small" | "large">;
+        type: PropType<"" | "large" | "small" | "default">;
     };
     valueKey: {
         type: StringConstructor;

package/lib/components/select-v2/index.d.ts

@@ -79,7 +79,7 @@ declare const _Select: SFCWithInstall<import("vue").DefineComponent<{
     };
     remote: BooleanConstructor;
     size: {
-        type: import("vue").PropType<"" | "default" | "small" | "large">;
+        type: import("vue").PropType<"" | "large" | "small" | "default">;
     };
     valueKey: {
         type: StringConstructor;
@@ -100,7 +100,7 @@ declare const _Select: SFCWithInstall<import("vue").DefineComponent<{
     };
 }, {
     modelValue: import("vue").ComputedRef<any>;
-    collapseTagSize: import("vue").ComputedRef<"default" | "small">;
+    collapseTagSize: import("vue").ComputedRef<"small" | "default">;
     currentPlaceholder: import("vue").ComputedRef<any>;
     expanded: import("vue").Ref<boolean>;
     emptyText: import("vue").ComputedRef<any>;
@@ -115,7 +115,7 @@ declare const _Select: SFCWithInstall<import("vue").DefineComponent<{
     hasModelValue: import("vue").ComputedRef<boolean>;
     shouldShowPlaceholder: import("vue").ComputedRef<boolean>;
     selectDisabled: import("vue").ComputedRef<boolean | undefined>;
-    selectSize: import("vue").ComputedRef<"" | "default" | "small" | "large">;
+    selectSize: import("vue").ComputedRef<"" | "large" | "small" | "default">;
     showClearBtn: import("vue").ComputedRef<boolean>;
     states: {
         inputValue: string;
@@ -955,7 +955,7 @@ declare const _Select: SFCWithInstall<import("vue").DefineComponent<{
     };
     remote: BooleanConstructor;
     size: {
-        type: import("vue").PropType<"" | "default" | "small" | "large">;
+        type: import("vue").PropType<"" | "large" | "small" | "default">;
     };
     valueKey: {
         type: StringConstructor;
@@ -1091,7 +1091,7 @@ export declare const VftSelectV2: SFCWithInstall<import("vue").DefineComponent<{
     };
     remote: BooleanConstructor;
     size: {
-        type: import("vue").PropType<"" | "default" | "small" | "large">;
+        type: import("vue").PropType<"" | "large" | "small" | "default">;
     };
     valueKey: {
         type: StringConstructor;
@@ -1112,7 +1112,7 @@ export declare const VftSelectV2: SFCWithInstall<import("vue").DefineComponent<{
     };
 }, {
     modelValue: import("vue").ComputedRef<any>;
-    collapseTagSize: import("vue").ComputedRef<"default" | "small">;
+    collapseTagSize: import("vue").ComputedRef<"small" | "default">;
     currentPlaceholder: import("vue").ComputedRef<any>;
     expanded: import("vue").Ref<boolean>;
     emptyText: import("vue").ComputedRef<any>;
@@ -1127,7 +1127,7 @@ export declare const VftSelectV2: SFCWithInstall<import("vue").DefineComponent<{
     hasModelValue: import("vue").ComputedRef<boolean>;
     shouldShowPlaceholder: import("vue").ComputedRef<boolean>;
     selectDisabled: import("vue").ComputedRef<boolean | undefined>;
-    selectSize: import("vue").ComputedRef<"" | "default" | "small" | "large">;
+    selectSize: import("vue").ComputedRef<"" | "large" | "small" | "default">;
     showClearBtn: import("vue").ComputedRef<boolean>;
     states: {
         inputValue: string;
@@ -1967,7 +1967,7 @@ export declare const VftSelectV2: SFCWithInstall<import("vue").DefineComponent<{
     };
     remote: BooleanConstructor;
     size: {
-        type: import("vue").PropType<"" | "default" | "small" | "large">;
+        type: import("vue").PropType<"" | "large" | "small" | "default">;
     };
     valueKey: {
         type: StringConstructor;

package/lib/components/select-v2/select.vue.d.ts

@@ -78,7 +78,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     };
     remote: BooleanConstructor;
     size: {
-        type: import("vue").PropType<"" | "default" | "small" | "large">;
+        type: import("vue").PropType<"" | "large" | "small" | "default">;
     };
     valueKey: {
         type: StringConstructor;
@@ -99,7 +99,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     };
 }, {
     modelValue: import("vue").ComputedRef<any>;
-    collapseTagSize: import("vue").ComputedRef<"default" | "small">;
+    collapseTagSize: import("vue").ComputedRef<"small" | "default">;
     currentPlaceholder: import("vue").ComputedRef<any>;
     expanded: import("vue").Ref<boolean>;
     emptyText: import("vue").ComputedRef<any>;
@@ -114,7 +114,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     hasModelValue: import("vue").ComputedRef<boolean>;
     shouldShowPlaceholder: import("vue").ComputedRef<boolean>;
     selectDisabled: import("vue").ComputedRef<boolean | undefined>;
-    selectSize: import("vue").ComputedRef<"" | "default" | "small" | "large">;
+    selectSize: import("vue").ComputedRef<"" | "large" | "small" | "default">;
     showClearBtn: import("vue").ComputedRef<boolean>;
     states: {
         inputValue: string;
@@ -954,7 +954,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     };
     remote: BooleanConstructor;
     size: {
-        type: import("vue").PropType<"" | "default" | "small" | "large">;
+        type: import("vue").PropType<"" | "large" | "small" | "default">;
     };
     valueKey: {
         type: StringConstructor;

package/lib/components/select-v2/useSelect.d.ts

@@ -3,7 +3,7 @@ import type { SelectProps } from './defaults';
 import type { CSSProperties, ExtractPropTypes } from 'vue';
 import type { Option } from './select.types';
 declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any) => {
-    collapseTagSize: import("vue").ComputedRef<"default" | "small">;
+    collapseTagSize: import("vue").ComputedRef<"small" | "default">;
     currentPlaceholder: import("vue").ComputedRef<any>;
     expanded: import("vue").Ref<boolean>;
     emptyText: import("vue").ComputedRef<any>;
@@ -18,7 +18,7 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
     hasModelValue: import("vue").ComputedRef<boolean>;
     shouldShowPlaceholder: import("vue").ComputedRef<boolean>;
     selectDisabled: import("vue").ComputedRef<boolean | undefined>;
-    selectSize: import("vue").ComputedRef<"" | "default" | "small" | "large">;
+    selectSize: import("vue").ComputedRef<"" | "large" | "small" | "default">;
     showClearBtn: import("vue").ComputedRef<boolean>;
     states: {
         inputValue: string;

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

@@ -84,7 +84,7 @@ export declare const VftSwitch: import("vft/es/utils").SFCWithInstall<import("vu
         required: false;
     };
     size: {
-        type: import("vue").PropType<"" | "default" | "small" | "large" | undefined>;
+        type: import("vue").PropType<"" | "large" | "small" | "default" | undefined>;
         required: false;
     };
     tabindex: {
@@ -180,7 +180,7 @@ export declare const VftSwitch: import("vft/es/utils").SFCWithInstall<import("vu
         required: false;
     };
     size: {
-        type: import("vue").PropType<"" | "default" | "small" | "large" | undefined>;
+        type: import("vue").PropType<"" | "large" | "small" | "default" | undefined>;
         required: false;
     };
     tabindex: {

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

@@ -110,7 +110,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
     size: {
-        type: __PropType<"" | "default" | "small" | "large" | undefined>;
+        type: __PropType<"" | "large" | "small" | "default" | undefined>;
         required: false;
     };
     tabindex: {
@@ -212,7 +212,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
     size: {
-        type: __PropType<"" | "default" | "small" | "large" | undefined>;
+        type: __PropType<"" | "large" | "small" | "default" | undefined>;
         required: false;
     };
     tabindex: {

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

@@ -1,34 +1,10 @@
 import type { PropType as __PropType } from 'vue';
 import { type PaginationProps } from 'vft/es/components/pagination';
-import type { IColumnsOption, IDefaultSort, TableConfigProps } from './type';
+import type { IDefaultSort, TableConfigProps } from './type';
 interface stickyOption {
     offsetTop: number;
     getContainer?: HTMLElement;
 }
-export interface TableProps {
-    /** 最大高度，设置后自动开启虚拟滚动 */
-    maxHeight?: number;
-    /** 列配置项 */
-    columns: IColumnsOption[];
-    /** 表格数据 */
-    tableData: any[];
-    /** 是否在加载中 */
-    loading?: boolean;
-    /** 表格高度 */
-    height?: Numberish;
-    /** 分页页数 */
-    pageSize?: number;
-    /** 总数 */
-    total?: number;
-    /** 默认排序 */
-    defaultSort?: IDefaultSort;
-    /** 表格配置 */
-    tableConfig?: TableConfigProps;
-    /** 滚动条是否固定在底部 */
-    sticky?: boolean | stickyOption;
-    pagePlacement?: 'bottom-left' | 'bottom-right' | 'top-left' | 'top-right';
-    pageOptions: Partial<PaginationProps>;
-}
 declare const _sfc_main: import("vue").DefineComponent<{
     maxHeight: {
         type: __PropType<number | undefined>;
@@ -54,6 +30,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: __PropType<number | undefined>;
         required: false;
     };
+    pageNum: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
     total: {
         type: __PropType<number | undefined>;
         required: false;
@@ -105,6 +85,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: __PropType<number | undefined>;
         required: false;
     };
+    pageNum: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
     total: {
         type: __PropType<number | undefined>;
         required: false;

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"),W=require("../empty/index.cjs"),k=require("../pagination/index.cjs"),$=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");const q=require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");require("@vue/reactivity");require("@vue/shared");const D=require("vxe-table"),I=require("../empty/constants.cjs"),u=$.useNamespace("table"),T=e.defineComponent({name:u.b()}),A=e.defineComponent({...T,props:{maxHeight:null,columns:null,tableData:{default:[]},loading:{type:Boolean,default:!1},height:null,pageSize:{default:50},total:null,defaultSort:{default:{}},tableConfig:{default:{}},sticky:{type:[Boolean,Object]},pagePlacement:{default:"bottom-right"},pageOptions:null},emits:["page-change","sort-change","update:pageNum"],setup(n,{expose:z,emit:m}){const B=e.useAttrs(),o=e.ref(1),E=e.ref(0),i=e.ref(),P=q.useDebounceFn(()=>N(),120),y=e.computed(()=>n.pagePlacement.startsWith("bottom"));e.watch([()=>n.loading,()=>n.tableData,()=>n.columns],()=>{P()},{immediate:!0});function N(){g.data=n.tableData,b(o.value)}D.VXETable.formats.mixin({showEmpty({cellValue:t}){return t||"-"}});const R=e.computed(()=>n.columns.filter(t=>(t&&t.type!=="seq"&&!t.formatter&&!t.slots&&!t.cellRender&&(t.cellRender={name:"Encrypt"}),t))),H=()=>({maxHeight:"88px",height:"44px"}),L=t=>{var a;const{column:l}=t;return{maxHeight:((a=l==null?void 0:l.cellRender)==null?void 0:a.name)==="Clamp"?"max-content":"44px"}},g=e.reactive({autoResize:!0,sortConfig:{trigger:"cell",remote:!0,defaultSort:{field:"",order:"desc",...n.defaultSort},orders:["desc","asc",null]},seqConfig:{startIndex:E.value},cellClassName:"cellClass",rowClassName:"rowClass",cellStyle:L,rowStyle:H,headerRowClassName:"headerRowClass",headerAlign:"center",columnConfig:{resizable:!0},rowConfig:{isHover:!0},scrollY:{mode:"wheel"},scrollX:{enabled:!1},...n.tableConfig,...B}),V=t=>{m("sort-change",t)};e.watch(()=>o.value,t=>{b(t)});const b=t=>{g.seqConfig&&(g.seqConfig.startIndex=(t-1)*n.pageSize)},s=e.ref(),p=e.ref(),v=e.ref(!1);let r=e.ref(),f=e.ref();const d=e.computed(()=>{var t;return((t=n.sticky)==null?void 0:t.getContainer)||document.documentElement||document.body});e.watch(()=>[i,n.sticky],()=>{var t,l,a;(t=i.value)!=null&&t.$el&&n.sticky&&((l=d.value)==null||l.removeEventListener("scroll",h),(a=d.value)==null||a.addEventListener("scroll",h),setTimeout(()=>{C()},50))},{immediate:!0,deep:!0});function C(){if(!r.value||!f.value||(h(),!v.value))return;const t=r.value.clientWidth,l=f.value.offsetWidth;s.value.style.width=t-1+"px",p.value.style.width=l+"px"}function h(){var x,S,w;if(!((x=i.value)!=null&&x.$el)||!r.value||!d.value)return;const t=((S=d.value)==null?void 0:S.clientHeight)||window.innerHeight||document.documentElement.clientHeight||document.body.clientHeight,{top:l,bottom:a}=r.value.getBoundingClientRect(),c=((w=d.value)==null?void 0:w.getBoundingClientRect().top)||document.body.getBoundingClientRect().top;v.value=l<t&&a>t&&a-c>t,s.value.scrollLeft=r.value.scrollLeft}const O=()=>{var l;const t=(l=i.value)==null?void 0:l.$el;t&&(r.value=t.querySelector(".vxe-table--body-wrapper"),f.value=t.querySelector(".vxe-table--body"),!(!r.value&&!f.value)&&(r.value.addEventListener("scroll",function(a){s.value.scrollLeft=a.target.scrollLeft}),s.value.addEventListener("scroll",function(a){r.value.scrollLeft=a.target.scrollLeft})))};return e.onMounted(()=>{n.sticky&&(O(),q.useResizeObserver(i,()=>C()))}),z({table:i}),(t,l)=>{const a=e.resolveComponent("vxe-grid");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(u).b())},[e.unref(y)?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(k.VftPagination),e.mergeProps({key:0,class:[e.unref(u).e("pager"),e.unref(u).m("pager-"+n.pagePlacement)],layout:"prev, pager, next"},n.pageOptions,{total:n.total,"page-size":n.pageSize,onCurrentChange:l[0]||(l[0]=c=>m("page-change",o.value)),"current-page":o.value,"onUpdate:currentPage":l[1]||(l[1]=c=>o.value=c)}),null,16,["class","total","page-size","current-page"])),e.createVNode(a,e.mergeProps({ref_key:"xGrid",ref:i},g,{height:n.height,"max-height":n.maxHeight,columns:e.unref(R),data:n.tableData,"auto-resize":"",loading:n.loading,resizable:"",onSortChange:V}),e.createSlots({empty:e.withCtx(()=>[e.createVNode(e.unref(W.VftEmpty),{type:e.unref(I.EmptyEnum).NO_DATA},null,8,["type"])]),_:2},[n.sticky?{name:"bottom",fn:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{ref_key:"stickyScroll",ref:s,class:e.normalizeClass(e.unref(u).e("sticky-scroll-warpper"))},[e.createElementVNode("div",{ref_key:"stickyScrollBar",ref:p,class:e.normalizeClass(e.unref(u).e("sticky-scroll-bar"))},null,2)],2),[[e.vShow,v.value]])]),key:"0"}:void 0]),1040,["height","max-height","columns","data","loading"]),e.unref(y)?(e.openBlock(),e.createBlock(e.unref(k.VftPagination),e.mergeProps({key:1,class:[e.unref(u).e("pager"),e.unref(u).m("pager-"+n.pagePlacement)],layout:"prev, pager, next"},n.pageOptions,{total:n.total,"page-size":n.pageSize,onCurrentChange:l[2]||(l[2]=c=>m("page-change",o.value)),"current-page":o.value,"onUpdate:currentPage":l[3]||(l[3]=c=>o.value=c)}),null,16,["class","total","page-size","current-page"])):e.createCommentVNode("",!0)],2)}}});exports.default=A;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),W=require("../empty/index.cjs"),k=require("../pagination/index.cjs"),$=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");const N=require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");require("@vue/reactivity");require("@vue/shared");const p=require("vxe-table"),A=require("../empty/constants.cjs"),u=$.useNamespace("table"),M=e.defineComponent({name:u.b()}),j=e.defineComponent({...M,props:{maxHeight:null,columns:null,tableData:{default:[]},loading:{type:Boolean,default:!1},height:null,pageSize:{default:50},pageNum:{default:1},total:null,defaultSort:{default:{}},tableConfig:{default:{}},sticky:{type:[Boolean,Object]},pagePlacement:{default:"bottom-right"},pageOptions:null},emits:["page-change","sort-change","update:pageNum"],setup(n,{expose:q,emit:m}){const z=e.useAttrs(),B=e.ref(0),i=e.ref(),E=N.useDebounceFn(()=>H(),120),x=e.computed(()=>n.pagePlacement.startsWith("bottom"));e.watch([()=>n.loading,()=>n.tableData,()=>n.columns],()=>{E()},{immediate:!0});function H(){h.data=n.tableData,b(n.pageNum)}p.renderer.add("Encrypt",{renderDefault(t,l){const{row:a,column:r}=l;return e.createVNode("span",{class:"line-clamp",innerHTML:a[r.field]||"-"},null)}}),p.renderer.add("Clamp",{renderDefault(t,l){const{row:a,column:r}=l;return r.showOverflow=null,e.createVNode(e.resolveComponent("vftClampToggle"),{autoResize:!0,maxLines:2,text:a[r.field],title:a[r.field],toggleText:["展开","收起"],onClampChange:c=>R(l)},null)}}),p.formats.mixin({showEmpty({cellValue:t}){return t||"-"}});function P(t){m("page-change",t),m("update:pageNum",t)}const R=(t,l)=>{const{rowid:a}=t;e.nextTick(()=>{const r=document.getElementsByClassName("vxe-body--row"),c=[];for(var s=0;s<r.length;s++)r[s].getAttribute("rowid")===a&&c.push(r[s]);setTimeout(()=>{if(c.length>1){const d=c[0].clientHeight,I=c[1].clientHeight;d!==I&&(c[1].style.height=d+"px")}},1)})},L=e.computed(()=>n.columns.filter(t=>(t&&t.type!=="seq"&&!t.formatter&&!t.slots&&!t.cellRender&&(t.cellRender={name:"Encrypt"}),t))),V=()=>({maxHeight:"88px",height:"44px"}),O=t=>{var a;const{column:l}=t;return{maxHeight:((a=l==null?void 0:l.cellRender)==null?void 0:a.name)==="Clamp"?"max-content":"44px"}},h=e.reactive({autoResize:!0,sortConfig:{trigger:"cell",remote:!0,defaultSort:{field:"",order:"desc",...n.defaultSort},orders:["desc","asc",null]},seqConfig:{startIndex:B.value},cellClassName:"cellClass",rowClassName:"rowClass",cellStyle:O,rowStyle:V,headerRowClassName:"headerRowClass",headerAlign:"center",columnConfig:{resizable:!0},rowConfig:{isHover:!0},scrollY:{mode:"wheel"},scrollX:{enabled:!1},...n.tableConfig,...z}),T=t=>{m("sort-change",t)};e.watch(()=>n.pageNum,t=>{b(t)});const b=t=>{h.seqConfig&&(h.seqConfig.startIndex=(t-1)*n.pageSize)},g=e.ref(),w=e.ref(),y=e.ref(!1);let o=e.ref(),v=e.ref();const f=e.computed(()=>{var t;return((t=n.sticky)==null?void 0:t.getContainer)||document.documentElement||document.body});e.watch(()=>[i,n.sticky],()=>{var t,l,a;(t=i.value)!=null&&t.$el&&n.sticky&&((l=f.value)==null||l.removeEventListener("scroll",C),(a=f.value)==null||a.addEventListener("scroll",C),setTimeout(()=>{S()},50))},{immediate:!0,deep:!0});function S(){if(!o.value||!v.value||(C(),!y.value))return;const t=o.value.clientWidth,l=v.value.offsetWidth;g.value.style.width=t-1+"px",w.value.style.width=l+"px"}function C(){var c,s,d;if(!((c=i.value)!=null&&c.$el)||!o.value||!f.value)return;const t=((s=f.value)==null?void 0:s.clientHeight)||window.innerHeight||document.documentElement.clientHeight||document.body.clientHeight,{top:l,bottom:a}=o.value.getBoundingClientRect(),r=((d=f.value)==null?void 0:d.getBoundingClientRect().top)||document.body.getBoundingClientRect().top;y.value=l<t&&a>t&&a-r>t,g.value.scrollLeft=o.value.scrollLeft}const D=()=>{var l;const t=(l=i.value)==null?void 0:l.$el;t&&(o.value=t.querySelector(".vxe-table--body-wrapper"),v.value=t.querySelector(".vxe-table--body"),!(!o.value&&!v.value)&&(o.value.addEventListener("scroll",function(a){g.value.scrollLeft=a.target.scrollLeft}),g.value.addEventListener("scroll",function(a){o.value.scrollLeft=a.target.scrollLeft})))};return e.onMounted(()=>{n.sticky&&(D(),N.useResizeObserver(i,()=>S()))}),q({table:i}),(t,l)=>{const a=e.resolveComponent("vxe-grid");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(u).b())},[e.unref(x)?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(k.VftPagination),e.mergeProps({key:0,class:[e.unref(u).e("pager"),e.unref(u).m("pager-"+n.pagePlacement)],layout:"prev, pager, next"},n.pageOptions,{total:n.total,"page-size":n.pageSize,onCurrentChange:l[0]||(l[0]=r=>m("page-change",n.pageNum)),"current-page":n.pageNum}),null,16,["class","total","page-size","current-page"])),e.createVNode(a,e.mergeProps({ref_key:"xGrid",ref:i},h,{height:n.height,"max-height":n.maxHeight,columns:e.unref(L),data:n.tableData,"auto-resize":"",loading:n.loading,resizable:"",onSortChange:T}),e.createSlots({empty:e.withCtx(()=>[e.createVNode(e.unref(W.VftEmpty),{type:e.unref(A.EmptyEnum).NO_DATA},null,8,["type"])]),_:2},[n.sticky?{name:"bottom",fn:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{ref_key:"stickyScroll",ref:g,class:e.normalizeClass(e.unref(u).e("sticky-scroll-warpper"))},[e.createElementVNode("div",{ref_key:"stickyScrollBar",ref:w,class:e.normalizeClass(e.unref(u).e("sticky-scroll-bar"))},null,2)],2),[[e.vShow,y.value]])]),key:"0"}:void 0]),1040,["height","max-height","columns","data","loading"]),e.unref(x)?(e.openBlock(),e.createBlock(e.unref(k.VftPagination),e.mergeProps({key:1,class:[e.unref(u).e("pager"),e.unref(u).m("pager-"+n.pagePlacement)],layout:"prev, pager, next"},n.pageOptions,{total:n.total,"page-size":n.pageSize,onCurrentChange:P,"current-page":n.pageNum}),null,16,["class","total","page-size","current-page"])):e.createCommentVNode("",!0)],2)}}});exports.default=j;

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue"),P=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");require("@vueuse/core");const s=require("@vft/utils");require("../../utils/ns-cover.cjs");const V=require("../../hooks/use-ordered-children/index.cjs");require("@vue/reactivity");require("@vue/shared");const A=require("@vft/constants"),B=require("./tab-nav.vue2.cjs"),E=require("./types.cjs"),d=P.useNamespace("tabs"),k=n.defineComponent({name:d.b()}),M=n.defineComponent({...k,props:{type:null,closable:{type:Boolean},addable:{type:Boolean,default:!1},modelValue:null,editable:{type:Boolean},tabPosition:{default:"top"},beforeLeave:{type:Function},stretch:{type:Boolean},closeIconCfg:null,addIconCfg:null,arrowLeftIconCfg:null,arrowRightIconCfg:null},emits:{[A.UPDATE_MODEL_EVENT]:t=>s.isNumberish(t),tabClick:(t,u)=>u instanceof Event,tabContextMenu:(t,u,a)=>a instanceof Event,tabChange:t=>s.isNumberish(t),edit:(t,u)=>["remove","add"].includes(u),tabRemove:t=>s.isNumberish(t),tabAdd:()=>!0},setup(t,{expose:u,emit:a}){const m=n.getCurrentInstance(),i=n.useSlots(),l=n.ref(),c=n.ref(t.modelValue??"0"),g=e=>{c.value=e,a("update:modelValue",e),a("tabChange",e)},f=async e=>{var o,r,C;if(!(c.value===e||s.isUndefined(e)))try{await((o=t.beforeLeave)==null?void 0:o.call(t,e,c.value))!==!1&&(g(e),(C=(r=l.value)==null?void 0:r.removeFocus)==null||C.call(r))}catch{}},h=(e,o,r)=>{e.props.disabled||(f(o),a("tabClick",e,r))},I=(e,o)=>{e.props.disabled||s.isUndefined(e.props.name)||(o.stopPropagation(),a("edit",e.props.name,"remove"),a("tabRemove",e.props.name))};n.watch(()=>t.modelValue,e=>f(e)),n.watch(c,async()=>{var e;await n.nextTick(),(e=l.value)==null||e.scrollToActiveTab()});const p=()=>{a("edit",void 0,"add"),a("tabAdd")},w=(e,o,r)=>{a("tabContextMenu",e,o,r)},b=n.computed(()=>{var e;return n.createVNode("div",{class:d.e("content")},[(e=i.default)==null?void 0:e.call(i)])}),{children:N,addChild:q,removeChild:T}=V.useOrderedChildren(n.getCurrentInstance(),"vft-tab-pane");n.provide(E.TabsRootContextKey,{props:m.props,currentName:c,registerPane:q,unregisterPane:T}),u({currentName:c});const y=n.computed(()=>({icon:"ico-ep:plus",size:12,...t.addIconCfg})),R=n.computed(()=>({icon:"ico-ep:close",size:14,...t.closeIconCfg})),x=n.computed(()=>({icon:"ico-ep:arrow-left",size:18,...t.arrowLeftIconCfg})),L=n.computed(()=>({icon:"ico-ep:arrow-right",size:18,...t.arrowRightIconCfg})),v=n.computed(()=>{var e;return n.createVNode("div",{class:[d.e("header"),d.is(t.tabPosition)]},[n.createVNode(B.default,{ref:l,currentName:c.value,panes:N.value,stretch:t.stretch,showBar:t.showBar,closeIconCfg:R.value,addIconCfg:y.value,arrowRightIconCfg:L.value,arrowLeftIconCfg:x.value,editable:t.editable,addable:t.addable,onTabClick:h,onTabRemove:I,onTabAdd:p,onTabContextmenu:w},null),(e=i.headerRight)==null?void 0:e.call(i)])});return()=>n.createVNode("div",{class:[d.b(),d.m(t.tabPosition)]},[...t.tabPosition!=="bottom"?[v.value,b.value]:[b.value,v.value]])}});exports.default=M;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue"),P=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");require("@vueuse/core");const s=require("@vft/utils");require("../../utils/ns-cover.cjs");const V=require("../../hooks/use-ordered-children/index.cjs");require("@vue/reactivity");require("@vue/shared");const B=require("@vft/constants"),A=require("./tab-nav.vue2.cjs"),E=require("./types.cjs"),d=P.useNamespace("tabs"),k=n.defineComponent({name:d.b()}),M=n.defineComponent({...k,props:{closable:{type:Boolean},addable:{type:Boolean,default:!1},modelValue:null,editable:{type:Boolean},tabPosition:{default:"top"},beforeLeave:{type:Function},stretch:{type:Boolean},showBar:{type:Boolean,default:!1},closeIconCfg:null,addIconCfg:null,arrowLeftIconCfg:null,arrowRightIconCfg:null},emits:{[B.UPDATE_MODEL_EVENT]:t=>s.isNumberish(t),tabClick:(t,u)=>u instanceof Event,tabContextMenu:(t,u,a)=>a instanceof Event,tabChange:t=>s.isNumberish(t),edit:(t,u)=>["remove","add"].includes(u),tabRemove:t=>s.isNumberish(t),tabAdd:()=>!0},setup(t,{expose:u,emit:a}){const m=n.getCurrentInstance(),i=n.useSlots(),l=n.ref(),c=n.ref(t.modelValue??"0"),g=e=>{c.value=e,a("update:modelValue",e),a("tabChange",e)},f=async e=>{var o,r,C;if(!(c.value===e||s.isUndefined(e)))try{await((o=t.beforeLeave)==null?void 0:o.call(t,e,c.value))!==!1&&(g(e),(C=(r=l.value)==null?void 0:r.removeFocus)==null||C.call(r))}catch{}},h=(e,o,r)=>{e.props.disabled||(f(o),a("tabClick",e,r))},I=(e,o)=>{e.props.disabled||s.isUndefined(e.props.name)||(o.stopPropagation(),a("edit",e.props.name,"remove"),a("tabRemove",e.props.name))};n.watch(()=>t.modelValue,e=>f(e)),n.watch(c,async()=>{var e;await n.nextTick(),(e=l.value)==null||e.scrollToActiveTab()});const p=()=>{a("edit",void 0,"add"),a("tabAdd")},w=(e,o,r)=>{a("tabContextMenu",e,o,r)},b=n.computed(()=>{var e;return n.createVNode("div",{class:d.e("content")},[(e=i.default)==null?void 0:e.call(i)])}),{children:N,addChild:q,removeChild:T}=V.useOrderedChildren(n.getCurrentInstance(),"vft-tab-pane");n.provide(E.TabsRootContextKey,{props:m.props,currentName:c,registerPane:q,unregisterPane:T}),u({currentName:c});const y=n.computed(()=>({icon:"ico-ep:plus",size:12,...t.addIconCfg})),R=n.computed(()=>({icon:"ico-ep:close",size:14,...t.closeIconCfg})),x=n.computed(()=>({icon:"ico-ep:arrow-left",size:18,...t.arrowLeftIconCfg})),L=n.computed(()=>({icon:"ico-ep:arrow-right",size:18,...t.arrowRightIconCfg})),v=n.computed(()=>{var e;return n.createVNode("div",{class:[d.e("header"),d.is(t.tabPosition)]},[n.createVNode(A.default,{ref:l,currentName:c.value,panes:N.value,stretch:t.stretch,showBar:t.showBar,closeIconCfg:R.value,addIconCfg:y.value,arrowRightIconCfg:L.value,arrowLeftIconCfg:x.value,editable:t.editable,addable:t.addable,onTabClick:h,onTabRemove:I,onTabAdd:p,onTabContextmenu:w},null),(e=i.headerRight)==null?void 0:e.call(i)])});return()=>n.createVNode("div",{class:[d.b(),d.m(t.tabPosition)]},[...t.tabPosition!=="bottom"?[v.value,b.value]:[b.value,v.value]])}});exports.default=M;

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

@@ -10,28 +10,7 @@ export type TabsPaneContext = UnwrapRef<{
     isClosable: ComputedRef<boolean>;
     attrs: Record<string, any>;
 }>;
-export type TabsType = 'card' | 'border-card' | '';
-export interface TabsRootContext {
-    props: TabsProps;
-    currentName: Ref<string | number>;
-    registerPane: (pane: TabsPaneContext) => void;
-    unregisterPane: (uid: number) => void;
-}
-export interface TabPaneProps {
-    /** 选项卡标题   */
-    label: string;
-    /** 与选项卡绑定值 value 对应的标识符，表示选项卡别名   */
-    name: string | number;
-    /** 标签是否可关闭   */
-    closable: boolean;
-    /** 是否禁用   */
-    disabled: boolean;
-    /** 标签是否延迟渲染   */
-    lazy: boolean;
-}
 export interface TabsProps {
-    /** 风格类型 */
-    type?: TabsType;
     /** 标签是否可关闭 */
     closable?: boolean;
     /** 标签是否可增加 */
@@ -44,12 +23,34 @@ export interface TabsProps {
     tabPosition?: 'top' | 'right' | 'bottom' | 'left';
     /** 切换标签之前的钩子函数， 若返回 false  或者返回被 reject 的 Promise，则阻止切换 */
     beforeLeave?: Function;
+    /** 是否自动撑开宽度 */
     stretch?: boolean;
+    showBar?: boolean;
+    /** icon 配置 */
     closeIconCfg?: IconProps;
     addIconCfg?: IconProps;
     arrowLeftIconCfg?: IconProps;
     arrowRightIconCfg?: IconProps;
 }
+export type TabsType = 'card' | 'border-card' | '';
+export interface TabsRootContext {
+    props: TabsProps;
+    currentName: Ref<string | number>;
+    registerPane: (pane: TabsPaneContext) => void;
+    unregisterPane: (uid: number) => void;
+}
+export interface TabPaneProps {
+    /** 选项卡标题   */
+    label: string;
+    /** 与选项卡绑定值 value 对应的标识符，表示选项卡别名   */
+    name: string | number;
+    /** 标签是否可关闭   */
+    closable: boolean;
+    /** 是否禁用   */
+    disabled: boolean;
+    /** 标签是否延迟渲染   */
+    lazy: boolean;
+}
 export declare const TabsRootContextKey: InjectionKey<TabsRootContext>;
 export interface Scrollable {
     next?: boolean;

package/lib/hooks/use-size/index.d.ts

@@ -4,4 +4,4 @@ export interface SizeContext {
     size: Ref<ComponentSize>;
 }
 export declare const SIZE_INJECTION_KEY: InjectionKey<SizeContext>;
-export declare const useGlobalSize: () => import("vue").ComputedRef<"" | "default" | "small" | "large">;
+export declare const useGlobalSize: () => import("vue").ComputedRef<"" | "large" | "small" | "default">;

package/lib/package.json.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="0.0.67";exports.version=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="0.0.70";exports.version=e;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vft",
-  "version": "0.0.67",
+  "version": "0.0.70",
   "license": "MIT",
   "main": "lib/index.cjs",
   "module": "es/index.js",
@@ -36,6 +36,8 @@
     "vue-router": ">=4.0.16"
   },
   "dependencies": {
+    "vxe-table": "4.3.11",
+    "xe-utils": "3.5.7",
     "@ctrl/tinycolor": "^3.6.0",
     "@floating-ui/dom": "^1.2.5",
     "@popperjs/core": "npm:@sxzz/popperjs-es@^2.11.7",
@@ -51,14 +53,10 @@
     "qrcode": "1.5.1",
     "resize-detector": "0.3.0",
     "sortablejs": "^1.15.0",
-    "vue": "^3.2.47",
-    "vue-router": "^4.1.6",
-    "vxe-table": "^4.3.6",
-    "xe-utils": "^3.5.7",
     "@vft/constants": "0.0.45",
     "@vft/router": "0.0.16",
-    "@vft/store": "0.0.17",
     "@vft/use": "0.0.19",
+    "@vft/store": "0.0.17",
     "@vft/utils": "0.0.29",
     "@vft/directives": "0.0.13"
   },