@ditari/bsui 1.0.25 → 1.0.27

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

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

@@ -1,5 +1,5 @@
 import { PropType } from "vue";
-import type { Key } from "./interface/table";
+import type { Key, Config } from "./interface/table";
 /**
  * 表格组件定义
  */
@@ -26,7 +26,7 @@ declare const DXTable: import("vue").DefineComponent<{
         default: () => {};
     };
     config: {
-        type: PropType<import("./interface/table").Config>;
+        type: PropType<Config>;
         default: () => {};
     };
 }, () => 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<{
@@ -52,7 +52,7 @@ declare const DXTable: import("vue").DefineComponent<{
         default: () => {};
     };
     config: {
-        type: PropType<import("./interface/table").Config>;
+        type: PropType<Config>;
         default: () => {};
     };
 }>> & {
@@ -62,6 +62,6 @@ declare const DXTable: import("vue").DefineComponent<{
     loading: false | undefined;
     rowKey: string;
     pagination: any;
-    config: import("./interface/table").Config;
+    config: Config;
 }>;
 export default DXTable;

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

@@ -2,8 +2,9 @@ export type Key = string | number;
 export type SelectionType = "N" | "S" | "M";
 export type SizeType = "small" | "middle" | "middle";
 export interface Config {
+    [key: string]: any;
     bordered?: boolean;
-    columns: any;
+    columns?: any;
     size?: SizeType;
     selection?: SelectionType;
     keepSelected?: boolean;
@@ -15,7 +16,7 @@ export interface Config {
     rowClassName?: (record: any, index: number) => any;
     click?: (record: unknown) => void;
     dbClick?: (record: any) => void;
-    getCheckboxProps: (record: any) => any;
+    getCheckboxProps?: (record: any) => any;
 }
 export interface Pagination {
     total: number;

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

@@ -1,5 +1,5 @@
 import { PropType } from "vue";
-import type { Key } from "./interface/table";
+import type { Key, Config } from "./interface/table";
 /**
  * 表格组件定义
  */
@@ -26,7 +26,7 @@ declare const DXTable: import("vue").DefineComponent<{
         default: () => {};
     };
     config: {
-        type: PropType<import("./interface/table").Config>;
+        type: PropType<Config>;
         default: () => {};
     };
 }, () => 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<{
@@ -52,7 +52,7 @@ declare const DXTable: import("vue").DefineComponent<{
         default: () => {};
     };
     config: {
-        type: PropType<import("./interface/table").Config>;
+        type: PropType<Config>;
         default: () => {};
     };
 }>> & {
@@ -62,6 +62,6 @@ declare const DXTable: import("vue").DefineComponent<{
     loading: false | undefined;
     rowKey: string;
     pagination: any;
-    config: import("./interface/table").Config;
+    config: Config;
 }>;
 export default DXTable;

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

@@ -1,6 +1,6 @@
-import { defineComponent as U, ref as v, computed as S, watchEffect as F, nextTick as I, watch as L, createVNode as p, withDirectives as V, vShow as W } from "vue";
+import { defineComponent as F, ref as h, computed as p, watchEffect as R, nextTick as I, watch as L, createVNode as y, withDirectives as V, vShow as W } from "vue";
 import { Table as X, Space as _, Pagination as G } from "ant-design-vue";
-import { useEleHeight as R } from "../../utils/html.esm.js";
+import { useEleHeight as T } from "../../utils/html.esm.js";
 import { prefixName as M } from "../theme/index.esm.js";
 const Y = () => ({
   data: {
@@ -28,130 +28,134 @@ const Y = () => ({
     type: Object,
     default: () => ({})
   }
-}), y = {
+}), S = {
   defaultPageSize: 20,
   hideOnSinglePage: !1,
   pageSizeOptions: ["10", "20", "30", "40"],
   responsive: !0,
   showQuickJumper: !0,
   showLessItems: !0,
-  showTotal: (a) => `总共 ${a} 条`
-}, T = `${M}-pagination`, ne = /* @__PURE__ */ U({
+  showTotal: (t) => `总共 ${t} 条`
+}, z = `${M}-pagination`, ne = /* @__PURE__ */ F({
   name: "DTable",
   props: Y(),
   // emits: {  "update:keys": (keys: []) => void }
   // TODO 需要做调整
   emits: ["update:keys"],
-  setup: function(a, {
-    emit: w,
+  setup: function(t, {
+    emit: b,
     slots: C
   }) {
-    const t = v(a.keys || []), z = S(() => a.data), x = S(() => {
+    const a = h(t.keys || []), x = p(() => t.data), E = p(() => {
       var e;
-      return ((e = a.config) == null ? void 0 : e.columns) ?? [];
-    }), f = S(() => {
+      return ((e = t.config) == null ? void 0 : e.columns) ?? [];
+    }), v = p(() => {
       var e;
-      return ((e = a.config) == null ? void 0 : e.pagination) ?? {};
+      return ((e = t.config) == null ? void 0 : e.pagination) ?? {};
     }), {
-      tableRef: E,
-      tableRootRef: O,
-      tableHeight: B,
-      onPageChange: H,
-      onRowClassName: D
-    } = K();
-    function K() {
+      tableRef: O,
+      tableRootRef: B,
+      tableHeight: H,
+      onPageChange: D,
+      onRowClassName: K
+    } = j();
+    function j() {
       const {
         rowClassName: e,
-        keepSelected: n,
-        selection: d,
-        onPageChange: s
-      } = a.config, c = v(), o = v(null), i = v(), l = v(null), g = (h) => {
-        var r, N;
+        keepSelected: o,
+        onPageChange: l
+      } = t.config, f = t.config.selection ?? "N", s = h(), u = h(null), n = h(), i = h(null), g = (m) => {
+        var d, N;
         try {
-          const m = (r = o == null ? void 0 : o.value) == null ? void 0 : r.$el, J = R(m.getElementsByClassName("ant-table-header")[0]);
+          const w = (d = u == null ? void 0 : u.value) == null ? void 0 : d.$el, Q = T(w.getElementsByClassName("ant-table-header")[0]);
           let P = 0;
-          if (a.config.pagination) {
-            const Q = (N = c.value) == null ? void 0 : N.getElementsByClassName(T)[0];
-            P = R(Q) ?? 0;
+          if (t.config.pagination) {
+            const U = (N = s.value) == null ? void 0 : N.getElementsByClassName(z)[0];
+            P = T(U) ?? 0;
           }
-          i.value = h - (J + P), m.getElementsByClassName("ant-table-body")[0].style.height = i.value - 10 + "px", l.value = m.getElementsByClassName("ant-table-body")[0];
-        } catch (m) {
-          console.warn(m);
+          n.value = m - (Q + P), w.getElementsByClassName("ant-table-body")[0].style.height = n.value - 10 + "px", i.value = w.getElementsByClassName("ant-table-body")[0];
+        } catch (w) {
+          console.warn(w);
         }
       };
-      return F(() => {
-        a.height !== 0 && I(() => {
-          g(a.height);
+      return R(() => {
+        t.height !== 0 && I(() => {
+          g(t.height);
         });
       }), {
-        tableRef: o,
-        tableRootRef: c,
-        tableHeight: i,
-        onPageChange: (h, r) => {
-          s && s({
-            page: h,
-            size: r
-          }), l.value.scrollTop = 0, (d === "S" || !n) && (t.value = [], w("update:keys", t.value));
+        tableRef: u,
+        tableRootRef: s,
+        tableHeight: n,
+        onPageChange: (m, d) => {
+          l && l({
+            page: m,
+            size: d
+          }), i.value.scrollTop = 0, (f === "S" || !o) && (a.value = [], b("update:keys", a.value));
         },
-        onRowClassName: (h, r) => e ? e(h, r) : void 0
+        onRowClassName: (m, d) => e ? e(m, d) : void 0
       };
     }
-    const j = $();
-    function $() {
+    const $ = q();
+    function q() {
       const {
         rowKey: e,
         config: {
-          selection: n,
-          getCheckboxProps: d
+          getCheckboxProps: o
         }
-      } = a;
-      if (n === "N")
-        return;
-      const s = (o, i) => {
-        n === "S" ? (t.value = [], t.value = i ? [o[e]] : []) : t.value = i ? t.value.concat(o[e]) : t.value.filter((l) => l !== o[e]), w("update:keys", t.value);
-      }, c = (o, i, l) => {
-        const g = l.map((u) => u[e]);
-        t.value = o ? t.value.concat(g) : t.value.filter((u) => !g.includes(u)), w("update:keys", t.value);
-      };
-      return L(() => a.keys, (o) => {
-        t.value = o;
-      }), {
-        selectedRowKeys: t,
-        onSelect: s,
-        onSelectAll: c,
-        fixed: !0,
-        columnTitle: n === "S" ? "选择" : null,
-        columnWidth: n === "S" ? 60 : 40,
-        getCheckboxProps: d
+      } = t;
+      let l = t.config.selection ?? "N";
+      const f = (n, i) => {
+        l === "S" ? (a.value = [], a.value = i ? [n[e]] : []) : a.value = i ? a.value.concat(n[e]) : a.value.filter((g) => g !== n[e]), b("update:keys", a.value);
+      }, s = (n, i, g) => {
+        const r = g.map((c) => c[e]);
+        a.value = n ? a.value.concat(r) : a.value.filter((c) => !r.includes(c)), b("update:keys", a.value);
       };
+      L(() => t.keys, (n) => {
+        a.value = n;
+      });
+      const u = h(void 0);
+      return R(() => {
+        const {
+          selection: n
+        } = t.config;
+        l = n, l !== "N" ? u.value = {
+          selectedRowKeys: a,
+          onSelect: f,
+          onSelectAll: s,
+          fixed: !0,
+          columnTitle: l === "S" ? "选择" : null,
+          columnWidth: l === "S" ? 60 : 40,
+          getCheckboxProps: o
+        } : u.value = void 0;
+      }), u;
     }
-    const q = A();
-    function A() {
+    const A = J();
+    function J() {
       return (e) => {
-        let n;
+        let o;
         const {
-          rowKey: d,
+          rowKey: l,
           config: {
-            click: s,
-            dbClick: c,
-            selection: o,
-            getCheckboxProps: i
+            click: f,
+            dbClick: s,
+            selection: u,
+            getCheckboxProps: n
           }
-        } = a, l = e[d], g = () => {
-          if (o === "N")
+        } = t, i = e[l], g = () => {
+          if (u === "N")
             return;
-          t.value.some((b) => b === l) ? t.value = t.value.filter((b) => b !== l) : (o === "S" && (t.value = []), t.value.push(l)), w("update:keys", t.value);
+          a.value.some((c) => c === i) ? a.value = a.value.filter((c) => c !== i) : (u === "S" && (a.value = []), a.value.push(i)), b("update:keys", a.value);
         };
         return {
           onClick: () => {
-            const u = i ? i(e) : null;
-            u && u.value === l || (clearTimeout(n), n = setTimeout(() => {
-              g(), s && s(e);
+            const r = n ? n(e) : null;
+            r && r.value === i || (clearTimeout(o), o = setTimeout(() => {
+              g(), f && f(e);
             }, 200));
           },
           // 点击行
           onDblclick: () => {
-            clearTimeout(n), c && c(e);
+            clearTimeout(o), s && s(e);
           }
           // onContextmenu: (event) => {
           //   //TODO
@@ -170,54 +174,55 @@ const Y = () => ({
     };
     return () => {
       var e;
-      return p("div", {
-        ref: O
-      }, [p(X, {
-        ref: E,
-        "row-key": a.rowKey,
-        bordered: a.config.bordered,
-        columns: x.value,
-        dataSource: z.value,
-        loading: a.loading,
-        size: ((e = a.config) == null ? void 0 : e.size) ?? "small",
+      return y("div", {
+        ref: B
+      }, [y(X, {
+        ref: O,
+        "row-key": t.rowKey,
+        bordered: t.config.bordered,
+        columns: E.value,
+        dataSource: x.value,
+        loading: t.loading,
+        size: ((e = t.config) == null ? void 0 : e.size) ?? "small",
         scroll: {
           scrollToFirstRowOnChange: !0,
           x: "100%",
-          y: B.value + "px"
+          y: H.value + "px"
         },
         pagination: !1,
-        customRow: q,
-        rowSelection: j,
-        rowClassName: D
+        customRow: A,
+        rowSelection: $.value,
+        rowClassName: K
       }, {
         bodyCell: ({
-          column: n
+          column: o,
+          record: l
         }) => {
-          if (n.slot === "action")
-            return p("div", {
+          if (o.slot === "action")
+            return y("div", {
               onClick: k,
               onDblclick: k
-            }, [p(_, null, {
-              default: () => [C.action && C.action()]
+            }, [y(_, null, {
+              default: () => [C.action && C.action(l)]
             })]);
         }
-      }), V(p(G, {
-        class: [T],
-        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,
+      }), V(y(G, {
+        class: [z],
+        current: v.value.current,
+        "onUpdate:current": (o) => v.value.current = o,
+        pageSize: v.value.pageSize,
+        "onUpdate:pageSize": (o) => v.value.pageSize = o,
+        disabled: t.loading,
         "show-size-changer": !0,
         size: "default",
-        "hide-on-single-page": y.hideOnSinglePage,
-        "show-quick-jumper": y.showQuickJumper,
-        "default-page-size": y.defaultPageSize,
-        "page-size-options": y.pageSizeOptions,
-        "show-total": y.showTotal,
-        total: f.value.total,
-        onChange: H
-      }, null), [[W, a.config.pagination]])]);
+        "hide-on-single-page": S.hideOnSinglePage,
+        "show-quick-jumper": S.showQuickJumper,
+        "default-page-size": S.defaultPageSize,
+        "page-size-options": S.pageSizeOptions,
+        "show-total": S.showTotal,
+        total: v.value.total,
+        onChange: D
+      }, null), [[W, t.config.pagination]])]);
     };
   }
 });

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

@@ -2,8 +2,9 @@ export type Key = string | number;
 export type SelectionType = "N" | "S" | "M";
 export type SizeType = "small" | "middle" | "middle";
 export interface Config {
+    [key: string]: any;
     bordered?: boolean;
-    columns: any;
+    columns?: any;
     size?: SizeType;
     selection?: SelectionType;
     keepSelected?: boolean;
@@ -15,7 +16,7 @@ export interface Config {
     rowClassName?: (record: any, index: number) => any;
     click?: (record: unknown) => void;
     dbClick?: (record: any) => void;
-    getCheckboxProps: (record: any) => any;
+    getCheckboxProps?: (record: any) => any;
 }
 export interface Pagination {
     total: number;

package/package.json

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

package/src/components/table/Table.tsx

@@ -3,6 +3,7 @@ import {
   defineComponent,
   nextTick,
   PropType,
+  reactive,
   ref,
   watch,
   watchEffect
@@ -11,7 +12,7 @@ import { Pagination, Space, Table } from "ant-design-vue";
 import { useEleHeight } from "../../utils/html";
 import { prefixName } from "../theme";
 
-import type { TableProps, Key } from "./interface/table";
+import type { TableProps, Key, Config } from "./interface/table";
 /**
  * 表格组件 基于TSX封装ATable
  */
@@ -70,6 +71,11 @@ const paginationConfig = {
 //分页class名称
 const basePageClassName = `${prefixName}-pagination`;
 
+const configDefault: Config = {
+  selection: "N",
+  bordered: true
+};
+
 /**
  * 表格组件定义
  */
@@ -103,9 +109,11 @@ const DXTable = defineComponent({
       const {
         rowClassName,
         keepSelected,
-        selection,
         onPageChange: onChange
       } = props.config;
+
+      const selection = props.config.selection ?? "N";
+
       // 表格根div
       const tableRootRef = ref<HTMLElement>();
       // 表格组件对象
@@ -180,11 +188,14 @@ const DXTable = defineComponent({
     function useRowSelection() {
       const {
         rowKey,
-        config: { selection, getCheckboxProps }
+        config: { getCheckboxProps }
       } = props;
-      if (selection === "N") return undefined;
+
+      let localSelection = props.config.selection ?? "N";
+      //if (selection === "N") return undefined;
+
       const onSelect = (record: any, selected: any) => {
-        if (selection === "S") {
+        if (localSelection === "S") {
           selectedRowKeys.value = [];
           selectedRowKeys.value = selected ? [record[rowKey]] : [];
         } else {
@@ -219,15 +230,36 @@ const DXTable = defineComponent({
         }
       );
 
-      return {
-        selectedRowKeys,
-        onSelect,
-        onSelectAll,
-        fixed: true,
-        columnTitle: selection === "S" ? "选择" : null,
-        columnWidth: selection === "S" ? 60 : 40,
-        getCheckboxProps: getCheckboxProps
-      };
+      const rowSelection = ref<any>(undefined);
+
+      watchEffect(() => {
+        const { selection } = props.config;
+        localSelection = selection as any;
+        if (localSelection !== "N") {
+          rowSelection.value = {
+            selectedRowKeys,
+            onSelect,
+            onSelectAll,
+            fixed: true,
+            columnTitle: localSelection === "S" ? "选择" : null,
+            columnWidth: localSelection === "S" ? 60 : 40,
+            getCheckboxProps: getCheckboxProps
+          };
+        } else {
+          rowSelection.value = undefined;
+        }
+      });
+
+      // return {
+      //   selectedRowKeys,
+      //   onSelect,
+      //   onSelectAll,
+      //   fixed: true,
+      //   columnTitle: localSelection === "S" ? "选择" : null,
+      //   columnWidth: localSelection === "S" ? 60 : 40,
+      //   getCheckboxProps: getCheckboxProps
+      // };
+      return rowSelection;
     }
 
     const customRow = useCustomRow();
@@ -326,15 +358,15 @@ const DXTable = defineComponent({
           }}
           pagination={false}
           customRow={customRow}
-          rowSelection={rowSelection}
+          rowSelection={rowSelection.value}
           rowClassName={onRowClassName}
         >
           {{
-            bodyCell: ({ column }: any) => {
+            bodyCell: ({ column, record }: any) => {
               if (column.slot === "action") {
                 return (
                   <div onClick={actionStop} onDblclick={actionStop}>
-                    <Space>{slots.action && slots.action()}</Space>
+                    <Space>{slots.action && slots.action(record)}</Space>
                   </div>
                 );
               }

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

@@ -4,10 +4,11 @@ export type SizeType = "small" | "middle" | "middle";
 
 //表格配置
 export interface Config {
+  [key: string]: any;
   // 是否开启边框
   bordered?: boolean;
   //表格列配置
-  columns: any;
+  columns?: any;
   // 表格大小
   size?: SizeType;
   // 复选框
@@ -25,7 +26,7 @@ export interface Config {
   // 双击
   dbClick?: (record: any) => void;
   // 选择框的默认属性配置
-  getCheckboxProps: (record: any) => any;
+  getCheckboxProps?: (record: any) => any;
 }
 
 export interface Pagination {