@ditari/bsui 1.0.8 → 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":a=>null},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/cjs/components/table/Table.d.ts

@@ -30,9 +30,7 @@ declare const DXTable: import("vue").DefineComponent<{
         type: PropType<import("./interface/table").Config>;
         default: () => {};
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:keys": (keys: []) => null;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:keys"[], "update:keys", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     data: {
         type: PropType<any>;
         required: boolean;
@@ -60,7 +58,7 @@ declare const DXTable: import("vue").DefineComponent<{
         default: () => {};
     };
 }>> & {
-    "onUpdate:keys"?: ((keys: []) => any) | undefined;
+    "onUpdate:keys"?: ((...args: any[]) => any) | undefined;
 }, {
     height: number;
     loading: false | undefined;

package/dist/cjs/components/table/index.d.ts

@@ -25,9 +25,7 @@ export declare const DTable: import("../../utils/install").SFCWithInstall<import
         type: import("vue").PropType<import("./interface/table").Config>;
         default: () => {};
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:keys": (keys: []) => null;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:keys"[], "update:keys", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     data: {
         type: import("vue").PropType<any>;
         required: boolean;
@@ -55,7 +53,7 @@ export declare const DTable: import("../../utils/install").SFCWithInstall<import
         default: () => {};
     };
 }>> & {
-    "onUpdate:keys"?: ((keys: []) => any) | undefined;
+    "onUpdate:keys"?: ((...args: any[]) => any) | undefined;
 }, {
     height: number;
     loading: false | undefined;

package/dist/esm/components/dic/dic.worker.esm.js

@@ -1,17 +1,12 @@
-const o =
-    "KGZ1bmN0aW9uKCl7InVzZSBzdHJpY3QiO3NlbGYuYWRkRXZlbnRMaXN0ZW5lcigibWVzc2FnZSIsZnVuY3Rpb24oYSl7Y29uc3QgdD1hLmRhdGEubmFtZT8/IiIsZT1hLmRhdGEudmFsdWU/PyIiLG49KChKU09OLnBhcnNlKGEuZGF0YS5saXN0KT8/W10pW3RdfHxbXSkuZmlsdGVyKHM9PnMudmFsdWU9PT1lKS5tYXAocz0+cy5sYWJlbCkuam9pbigiIik7c2VsZi5wb3N0TWVzc2FnZShuKX0sITEpfSkoKTsK",
-  e =
-    typeof window < "u" &&
-    window.Blob &&
-    new Blob([atob(o)], { type: "text/javascript;charset=utf-8" });
+const o = "KGZ1bmN0aW9uKCl7InVzZSBzdHJpY3QiO3NlbGYuYWRkRXZlbnRMaXN0ZW5lcigibWVzc2FnZSIsZnVuY3Rpb24oYSl7Y29uc3QgdD1hLmRhdGEubmFtZT8/IiIsZT1hLmRhdGEudmFsdWU/PyIiLG49KChKU09OLnBhcnNlKGEuZGF0YS5saXN0KT8/W10pW3RdfHxbXSkuZmlsdGVyKHM9PnMudmFsdWU9PT1lKS5tYXAocz0+cy5sYWJlbCkuam9pbigiIik7c2VsZi5wb3N0TWVzc2FnZShuKX0sITEpfSkoKTsK", e = typeof window < "u" && window.Blob && new Blob([atob(o)], { type: "text/javascript;charset=utf-8" });
 function t() {
   const n = e && (window.URL || window.webkitURL).createObjectURL(e);
   try {
-    return n
-      ? new Worker(n)
-      : new Worker("data:application/javascript;base64," + o);
+    return n ? new Worker(n) : new Worker("data:application/javascript;base64," + o);
   } finally {
     n && (window.URL || window.webkitURL).revokeObjectURL(n);
   }
 }
-export { t as default };
+export {
+  t as default
+};

package/dist/esm/components/table/Table.d.ts

@@ -30,9 +30,7 @@ declare const DXTable: import("vue").DefineComponent<{
         type: PropType<import("./interface/table").Config>;
         default: () => {};
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:keys": (keys: []) => null;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:keys"[], "update:keys", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     data: {
         type: PropType<any>;
         required: boolean;
@@ -60,7 +58,7 @@ declare const DXTable: import("vue").DefineComponent<{
         default: () => {};
     };
 }>> & {
-    "onUpdate:keys"?: ((keys: []) => any) | undefined;
+    "onUpdate:keys"?: ((...args: any[]) => any) | undefined;
 }, {
     height: number;
     loading: false | undefined;

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";
@@ -42,18 +42,16 @@ const X = () => ({
   props: X(),
   // emits: {  "update:keys": (keys: []) => void }
   // TODO 需要做调整
-  emits: {
-    "update:keys": (a) => null
-  },
+  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) ?? {};
     }), {
@@ -66,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;
@@ -85,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
       };
@@ -96,7 +94,7 @@ const X = () => ({
         rowKey: t,
         config: {
           selection: n,
-          getCheckboxProps: f
+          getCheckboxProps: d
         }
       } = a;
       if (n === "N")
@@ -116,7 +114,7 @@ const X = () => ({
         fixed: !0,
         columnTitle: n === "S" ? "选择" : null,
         columnWidth: n === "S" ? 60 : 40,
-        getCheckboxProps: f
+        getCheckboxProps: d
       };
     }
     const K = j();
@@ -124,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);
@@ -163,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,
@@ -185,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",
@@ -203,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/dist/esm/components/table/index.d.ts

@@ -25,9 +25,7 @@ export declare const DTable: import("../../utils/install").SFCWithInstall<import
         type: import("vue").PropType<import("./interface/table").Config>;
         default: () => {};
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:keys": (keys: []) => null;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:keys"[], "update:keys", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     data: {
         type: import("vue").PropType<any>;
         required: boolean;
@@ -55,7 +53,7 @@ export declare const DTable: import("../../utils/install").SFCWithInstall<import
         default: () => {};
     };
 }>> & {
-    "onUpdate:keys"?: ((keys: []) => any) | undefined;
+    "onUpdate:keys"?: ((...args: any[]) => any) | undefined;
 }, {
     height: number;
     loading: false | undefined;

package/package.json

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

package/src/components/table/Table.tsx

@@ -81,9 +81,7 @@ const DXTable = defineComponent({
   props: tableProps(),
   // emits: {  "update:keys": (keys: []) => void }
   // TODO 需要做调整
-  emits: {
-    "update:keys": (keys: []) => null
-  },
+  emits: ["update:keys"],
   setup(props, { emit, slots }) {
     console.log(slots);
     // 保存选中的唯一id
@@ -320,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}

package/src/components/table/interface/table.ts

@@ -1,5 +1,3 @@
-import { RowClassName } from "ant-design-vue/es/vc-table/interface";
-
 export type Key = string | number;
 export type SelectionType = "N" | "S" | "M"; // 无选择/单选/多选
 export type SizeType = "small" | "middle" | "middle";