vft 0.0.66 → 0.0.69

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/package.json.cjs

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vft",
-  "version": "0.0.66",
+  "version": "0.0.69",
   "license": "MIT",
   "main": "lib/index.cjs",
   "module": "es/index.js",
@@ -33,7 +33,9 @@
   ],
   "peerDependencies": {
     "vue": ">=3.2.0",
-    "vue-router": ">=4.0.16"
+    "vue-router": ">=4.0.16",
+    "vxe-table": "^4.3.6",
+    "xe-utils": "^3.5.7"
   },
   "dependencies": {
     "@ctrl/tinycolor": "^3.6.0",
@@ -51,16 +53,12 @@
     "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.15",
-    "@vft/utils": "0.0.28",
-    "@vft/directives": "0.0.13",
+    "@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"
   },
   "vetur": {
     "tags": "tags.json",

package/tags.json

@@ -1 +1 @@
-{"vft-button":{"attributes":["size","type","plain","text","bg","link<VersionTag version=\"2.2.1\" />","round","circle","loading","loading-icon","disabled","icon","autofocus","native-type","auto-insert-space","color","dark"],"description":"常用的操作按钮。\n\n[Docs](https://wflynn.cn/pages/button#button)"},"vft-button-group":{"description":"[Docs](https://wflynn.cn/pages/button#buttongroup)"},"vft-list-cell":{"attributes":["change"],"description":"[Docs](https://wflynn.cn/pages/date-time-select#listcell)"},"vft-date-time-select":{"attributes":["dateList","defaultFormat","placement"],"description":"文字与图标组合\n\n[Docs](https://wflynn.cn/pages/date-time-select#datetimeselect)"},"vft-icon-text":{"attributes":["text","icon","color","hoverColor","distance","reverse","size","direction"],"description":"文字与图标组合\n\n[Docs](https://wflynn.cn/pages/icon-text#icontext)"}}
+{"vft-button":{"attributes":["size","type","plain","text","bg","link<VersionTag version=\"2.2.1\" />","round","circle","loading","loading-icon","disabled","icon","autofocus","native-type","auto-insert-space","color","dark"],"description":"常用的操作按钮。\n\n[Docs](https://wflynn.cn/pages/button#button)"},"vft-button-group":{"description":"[Docs](https://wflynn.cn/pages/button#buttongroup)"},"vft-icon":{"attributes":["icon","size","color","hoverColor","rotate","rotateSpeed","pointer"],"description":"图标 [图标资源地址]\n\n[Docs](https://wflynn.cn/pages/icon#icon)"},"vft-list-cell":{"attributes":["change"],"description":"[Docs](https://wflynn.cn/pages/date-time-select#listcell)"},"vft-page-wrapper":{"attributes":["title"],"description":"页面 demo 容器\n\n[Docs](https://wflynn.cn/pages/page-wrapper#pagewrapper)"},"vft-date-time-select":{"attributes":["dateList","defaultFormat","placement"],"description":"文字与图标组合\n\n[Docs](https://wflynn.cn/pages/date-time-select#datetimeselect)"},"vft-icon-text":{"attributes":["text","icon","color","hoverColor","distance","reverse","size","direction","pointer"],"description":"文字与图标组合\n\n[Docs](https://wflynn.cn/pages/icon-text#icontext)"}}