@ditari/bsui 1.0.9 → 1.0.10

package/dist/cjs/components/table/Table.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue"),S=require("ant-design-vue"),C=require("../../utils/html.cjs.js"),D=require("../theme/index.cjs.js"),K=()=>({data:{type:Object,required:!0},height:{type:Number,default:300},keys:Array,rowKey:{type:String,required:!0,default:"id"},loading:{type:Boolean,default:!1},pagination:{type:Object,default:()=>({})},config:{type:Object,default:()=>({})}}),m={defaultPageSize:20,hideOnSinglePage:!1,pageSizeOptions:["10","20","30","40"],responsive:!0,showQuickJumper:!0,showLessItems:!0,showTotal:a=>`总共 ${a} 条`},k=`${D.prefixName}-pagination`,V=n.defineComponent({name:"DTable",props:K(),emits:["update:keys"],setup(a,{emit:y,slots:w}){console.log(w);const e=n.ref(a.keys),N=n.computed(()=>a.data),T=n.computed(()=>{var t;return((t=a.config)==null?void 0:t.columns)??[]}),f=n.computed(()=>{var t;return((t=a.config)==null?void 0:t.pagination)??{}}),{tableRef:P,tableHeight:z,onPageChange:R,onRowClassName:x}=O();function O(){const{rowClassName:t,keepSelected:l,selection:h,onPageChange:g}=a.config,i=n.ref(null),o=n.ref(),s=n.ref(null),u=c=>{var p;const d=(p=i==null?void 0:i.value)==null?void 0:p.$el,j=C.useEleHeight(d.getElementsByClassName("ant-table-header")[0]);let b=0;a.config.pagination&&(b=C.useEleHeight(document.getElementsByClassName(k)[0])),o.value=c-(j+b),d.getElementsByClassName("ant-table-body")[0].style.height=o.value-10+"px",s.value=d.getElementsByClassName("ant-table-body")[0]};return n.watchEffect(()=>{a.height!==0&&n.nextTick(()=>{u(a.height)})}),{tableRef:i,tableHeight:o,onPageChange:(c,d)=>{g&&g({page:c,size:d}),s.value.scrollTop=0,(h==="S"||!l)&&(e.value=[],y("update:keys",e.value))},onRowClassName:(c,d)=>t?t(c,d):void 0}}const E=q();function q(){const{rowKey:t,config:{selection:l,getCheckboxProps:h}}=a;if(l==="N")return;const g=(o,s)=>{l==="S"?(e.value=[],e.value=s?[o[t]]:[]):e.value=s?e.value.concat(o[t]):e.value.filter(u=>u!==o[t]),y("update:keys",e.value)},i=(o,s,u)=>{const v=u.map(r=>r[t]);e.value=o?e.value.concat(v):e.value.filter(r=>!v.includes(r)),y("update:keys",e.value)};return n.watch(()=>a.keys,o=>{e.value=o}),{selectedRowKeys:e,onSelect:g,onSelectAll:i,fixed:!0,columnTitle:l==="S"?"选择":null,columnWidth:l==="S"?60:40,getCheckboxProps:h}}const H=B();function B(){return t=>{let l;const{rowKey:h,config:{click:g,dbClick:i,selection:o,getCheckboxProps:s}}=a,u=t[h],v=()=>{if(o==="N")return;e.value.some(c=>c===u)?e.value=e.value.filter(c=>c!==u):(o==="S"&&(e.value=[]),e.value.push(u)),y("update:keys",e.value)};return{onClick:()=>{if(!g)return;const r=s?s(t):null;r&&r.value===u||(clearTimeout(l),l=setTimeout(()=>{v(),g(t)},200))},onDblclick:()=>{i&&(clearTimeout(l),i(t))}}}}return()=>{var t;return n.createVNode(n.Fragment,null,[n.createVNode(S.Table,{ref:P,"row-key":a.rowKey,bordered:a.config.bordered,columns:T.value,dataSource:N.value,loading:a.loading,size:((t=a.config)==null?void 0:t.size)??"small",scroll:{scrollToFirstRowOnChange:!0,x:"100%",y:z.value+"px"},pagination:!1,customRow:H,rowSelection:E,rowClassName:x},{bodyCell:({column:l})=>{if(l.slot==="action")return n.createVNode(S.Space,null,{default:()=>[w.action&&w.action()]})}}),n.withDirectives(n.createVNode(S.Pagination,{class:[k],current:f.value.current,"onUpdate:current":l=>f.value.current=l,pageSize:f.value.pageSize,"onUpdate:pageSize":l=>f.value.pageSize=l,disabled:a.loading,"show-size-changer":!0,size:"default","hide-on-single-page":m.hideOnSinglePage,"show-quick-jumper":m.showQuickJumper,"default-page-size":m.defaultPageSize,"page-size-options":m.pageSizeOptions,"show-total":m.showTotal,total:f.value.total,onChange:R},null),[[n.vShow,f.value]])])}}});exports.default=V;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue"),S=require("ant-design-vue"),C=require("../../utils/html.cjs.js"),D=require("../theme/index.cjs.js"),K=()=>({data:{type:Object,required:!0},height:{type:Number,default:300},keys:Array,rowKey:{type:String,required:!0,default:"id"},loading:{type:Boolean,default:!1},pagination:{type:Object,default:()=>({})},config:{type:Object,default:()=>({})}}),v={defaultPageSize:20,hideOnSinglePage:!1,pageSizeOptions:["10","20","30","40"],responsive:!0,showQuickJumper:!0,showLessItems:!0,showTotal:a=>`总共 ${a} 条`},k=`${D.prefixName}-pagination`,V=n.defineComponent({name:"DTable",props:K(),emits:["update:keys"],setup(a,{emit:y,slots:w}){console.log(w);const e=n.ref(a.keys),N=n.computed(()=>a.data),T=n.computed(()=>{var t;return((t=a.config)==null?void 0:t.columns)??[]}),f=n.computed(()=>{var t;return((t=a.config)==null?void 0:t.pagination)??{}}),{tableRef:P,tableHeight:z,onPageChange:R,onRowClassName:x}=O();function O(){const{rowClassName:t,keepSelected:l,selection:h,onPageChange:g}=a.config,u=n.ref(null),o=n.ref(),s=n.ref(null),i=c=>{var p;const d=(p=u==null?void 0:u.value)==null?void 0:p.$el,j=C.useEleHeight(d.getElementsByClassName("ant-table-header")[0]);let b=0;a.config.pagination&&(b=C.useEleHeight(document.getElementsByClassName(k)[0])),o.value=c-(j+b),d.getElementsByClassName("ant-table-body")[0].style.height=o.value-10+"px",s.value=d.getElementsByClassName("ant-table-body")[0]};return n.watchEffect(()=>{a.height!==0&&n.nextTick(()=>{i(a.height)})}),{tableRef:u,tableHeight:o,onPageChange:(c,d)=>{g&&g({page:c,size:d}),s.value.scrollTop=0,(h==="S"||!l)&&(e.value=[],y("update:keys",e.value))},onRowClassName:(c,d)=>t?t(c,d):void 0}}const E=q();function q(){const{rowKey:t,config:{selection:l,getCheckboxProps:h}}=a;if(l==="N")return;const g=(o,s)=>{l==="S"?(e.value=[],e.value=s?[o[t]]:[]):e.value=s?e.value.concat(o[t]):e.value.filter(i=>i!==o[t]),y("update:keys",e.value)},u=(o,s,i)=>{const m=i.map(r=>r[t]);e.value=o?e.value.concat(m):e.value.filter(r=>!m.includes(r)),y("update:keys",e.value)};return n.watch(()=>a.keys,o=>{e.value=o}),{selectedRowKeys:e,onSelect:g,onSelectAll:u,fixed:!0,columnTitle:l==="S"?"选择":null,columnWidth:l==="S"?60:40,getCheckboxProps:h}}const H=B();function B(){return t=>{let l;const{rowKey:h,config:{click:g,dbClick:u,selection:o,getCheckboxProps:s}}=a,i=t[h],m=()=>{if(o==="N")return;e.value.some(c=>c===i)?e.value=e.value.filter(c=>c!==i):(o==="S"&&(e.value=[]),e.value.push(i)),y("update:keys",e.value)};return{onClick:()=>{if(!g)return;const r=s?s(t):null;r&&r.value===i||(clearTimeout(l),l=setTimeout(()=>{m(),g(t)},200))},onDblclick:()=>{u&&(clearTimeout(l),u(t))}}}}return()=>{var t;return n.createVNode(n.Fragment,null,[n.createVNode(S.Table,{ref:P,"row-key":a.rowKey,bordered:a.config.bordered,columns:T.value,dataSource:N.value,loading:a.loading,size:((t=a.config)==null?void 0:t.size)??"small",scroll:{scrollToFirstRowOnChange:!0,x:"100%",y:z.value+"px"},pagination:!1,customRow:H,rowSelection:E,rowClassName:x},{bodyCell:({column:l})=>{if(l.slot==="action")return n.createVNode(S.Space,null,{default:()=>[w.action&&w.action()]})}}),n.withDirectives(n.createVNode(S.Pagination,{class:[k],current:f.value.current,"onUpdate:current":l=>f.value.current=l,pageSize:f.value.pageSize,"onUpdate:pageSize":l=>f.value.pageSize=l,disabled:a.loading,"show-size-changer":!0,size:"default","hide-on-single-page":v.hideOnSinglePage,"show-quick-jumper":v.showQuickJumper,"default-page-size":v.defaultPageSize,"page-size-options":v.pageSizeOptions,"show-total":v.showTotal,total:f.value.total,onChange:R},null),[[n.vShow,a.config.pagination]])])}}});exports.default=V;

package/dist/esm/components/table/Table.esm.js

@@ -1,4 +1,4 @@
-import { defineComponent as q, ref as y, computed as S, watchEffect as $, nextTick as A, watch as F, createVNode as p, Fragment as J, withDirectives as Q, vShow as U } from "vue";
+import { defineComponent as q, ref as y, computed as S, watchEffect as $, nextTick as A, watch as F, createVNode as w, Fragment as J, withDirectives as Q, vShow as U } from "vue";
 import { Table as I, Space as L, Pagination as V } from "ant-design-vue";
 import { useEleHeight as k } from "../../utils/html.esm.js";
 import { prefixName as W } from "../theme/index.esm.js";
@@ -45,13 +45,13 @@ const X = () => ({
   emits: ["update:keys"],
   setup(a, {
     emit: v,
-    slots: w
+    slots: p
   }) {
-    console.log(w);
+    console.log(p);
     const e = y(a.keys), T = S(() => a.data), z = S(() => {
       var t;
       return ((t = a.config) == null ? void 0 : t.columns) ?? [];
-    }), d = S(() => {
+    }), f = S(() => {
       var t;
       return ((t = a.config) == null ? void 0 : t.pagination) ?? {};
     }), {
@@ -64,7 +64,7 @@ const X = () => ({
       const {
         rowClassName: t,
         keepSelected: n,
-        selection: f,
+        selection: d,
         onPageChange: r
       } = a.config, i = y(null), l = y(), u = y(null), o = (s) => {
         var C;
@@ -83,7 +83,7 @@ const X = () => ({
           r && r({
             page: s,
             size: g
-          }), u.value.scrollTop = 0, (f === "S" || !n) && (e.value = [], v("update:keys", e.value));
+          }), u.value.scrollTop = 0, (d === "S" || !n) && (e.value = [], v("update:keys", e.value));
         },
         onRowClassName: (s, g) => t ? t(s, g) : void 0
       };
@@ -94,7 +94,7 @@ const X = () => ({
         rowKey: t,
         config: {
           selection: n,
-          getCheckboxProps: f
+          getCheckboxProps: d
         }
       } = a;
       if (n === "N")
@@ -114,7 +114,7 @@ const X = () => ({
         fixed: !0,
         columnTitle: n === "S" ? "选择" : null,
         columnWidth: n === "S" ? 60 : 40,
-        getCheckboxProps: f
+        getCheckboxProps: d
       };
     }
     const K = j();
@@ -122,14 +122,14 @@ const X = () => ({
       return (t) => {
         let n;
         const {
-          rowKey: f,
+          rowKey: d,
           config: {
             click: r,
             dbClick: i,
             selection: l,
             getCheckboxProps: u
           }
-        } = a, o = t[f], h = () => {
+        } = a, o = t[d], h = () => {
           if (l === "N")
             return;
           e.value.some((s) => s === o) ? e.value = e.value.filter((s) => s !== o) : (l === "S" && (e.value = []), e.value.push(o)), v("update:keys", e.value);
@@ -161,7 +161,7 @@ const X = () => ({
     }
     return () => {
       var t;
-      return p(J, null, [p(I, {
+      return w(J, null, [w(I, {
         ref: P,
         "row-key": a.rowKey,
         bordered: a.config.bordered,
@@ -183,16 +183,16 @@ const X = () => ({
           column: n
         }) => {
           if (n.slot === "action")
-            return p(L, null, {
-              default: () => [w.action && w.action()]
+            return w(L, null, {
+              default: () => [p.action && p.action()]
             });
         }
-      }), Q(p(V, {
+      }), Q(w(V, {
         class: [N],
-        current: d.value.current,
-        "onUpdate:current": (n) => d.value.current = n,
-        pageSize: d.value.pageSize,
-        "onUpdate:pageSize": (n) => d.value.pageSize = n,
+        current: f.value.current,
+        "onUpdate:current": (n) => f.value.current = n,
+        pageSize: f.value.pageSize,
+        "onUpdate:pageSize": (n) => f.value.pageSize = n,
         disabled: a.loading,
         "show-size-changer": !0,
         size: "default",
@@ -201,9 +201,9 @@ const X = () => ({
         "default-page-size": m.defaultPageSize,
         "page-size-options": m.pageSizeOptions,
         "show-total": m.showTotal,
-        total: d.value.total,
+        total: f.value.total,
         onChange: x
-      }, null), [[U, d.value]])]);
+      }, null), [[U, a.config.pagination]])]);
     };
   }
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ditari/bsui",
-  "version": "1.0.9",
+  "version": "1.0.10",
   "files": [
     "dist/**",
     "src"

package/src/components/table/Table.tsx

@@ -318,7 +318,7 @@ const DXTable = defineComponent({
           }}
         </Table>
         <Pagination
-          v-show={paginationState.value}
+          v-show={props.config.pagination}
           class={[basePageClassName]}
           v-model:current={paginationState.value.current}
           v-model:pageSize={paginationState.value.pageSize}