@ditari/bsui 1.0.27 → 1.0.29

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

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

@@ -29,6 +29,10 @@ declare const DXTable: import("vue").DefineComponent<{
         type: PropType<Config>;
         default: () => {};
     };
+    expandedRowKeys: {
+        type: PropType<string[] | undefined>;
+        default: () => never[];
+    };
 }, () => 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>;
@@ -55,6 +59,10 @@ declare const DXTable: import("vue").DefineComponent<{
         type: PropType<Config>;
         default: () => {};
     };
+    expandedRowKeys: {
+        type: PropType<string[] | undefined>;
+        default: () => never[];
+    };
 }>> & {
     "onUpdate:keys"?: ((...args: any[]) => any) | undefined;
 }, {
@@ -63,5 +71,6 @@ declare const DXTable: import("vue").DefineComponent<{
     rowKey: string;
     pagination: any;
     config: Config;
+    expandedRowKeys: string[] | undefined;
 }>;
 export default DXTable;

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

@@ -24,6 +24,10 @@ export declare const DTable: import("../../utils/install").SFCWithInstall<import
         type: import("vue").PropType<import("./interface/table").Config>;
         default: () => {};
     };
+    expandedRowKeys: {
+        type: import("vue").PropType<string[] | undefined>;
+        default: () => never[];
+    };
 }, () => 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>;
@@ -50,6 +54,10 @@ export declare const DTable: import("../../utils/install").SFCWithInstall<import
         type: import("vue").PropType<import("./interface/table").Config>;
         default: () => {};
     };
+    expandedRowKeys: {
+        type: import("vue").PropType<string[] | undefined>;
+        default: () => never[];
+    };
 }>> & {
     "onUpdate:keys"?: ((...args: any[]) => any) | undefined;
 }, {
@@ -58,5 +66,6 @@ export declare const DTable: import("../../utils/install").SFCWithInstall<import
     rowKey: string;
     pagination: any;
     config: import("./interface/table").Config;
+    expandedRowKeys: string[] | undefined;
 }>>;
 export default DTable;

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

@@ -27,6 +27,7 @@ export interface TableProps {
     keys?: Key[];
     data: any;
     rowKey: string;
+    expandedRowKeys?: string[];
     loading?: false;
     height: number;
     pagination?: any;

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

@@ -29,6 +29,10 @@ declare const DXTable: import("vue").DefineComponent<{
         type: PropType<Config>;
         default: () => {};
     };
+    expandedRowKeys: {
+        type: PropType<string[] | undefined>;
+        default: () => never[];
+    };
 }, () => 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>;
@@ -55,6 +59,10 @@ declare const DXTable: import("vue").DefineComponent<{
         type: PropType<Config>;
         default: () => {};
     };
+    expandedRowKeys: {
+        type: PropType<string[] | undefined>;
+        default: () => never[];
+    };
 }>> & {
     "onUpdate:keys"?: ((...args: any[]) => any) | undefined;
 }, {
@@ -63,5 +71,6 @@ declare const DXTable: import("vue").DefineComponent<{
     rowKey: string;
     pagination: any;
     config: Config;
+    expandedRowKeys: string[] | undefined;
 }>;
 export default DXTable;

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

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

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

@@ -24,6 +24,10 @@ export declare const DTable: import("../../utils/install").SFCWithInstall<import
         type: import("vue").PropType<import("./interface/table").Config>;
         default: () => {};
     };
+    expandedRowKeys: {
+        type: import("vue").PropType<string[] | undefined>;
+        default: () => never[];
+    };
 }, () => 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>;
@@ -50,6 +54,10 @@ export declare const DTable: import("../../utils/install").SFCWithInstall<import
         type: import("vue").PropType<import("./interface/table").Config>;
         default: () => {};
     };
+    expandedRowKeys: {
+        type: import("vue").PropType<string[] | undefined>;
+        default: () => never[];
+    };
 }>> & {
     "onUpdate:keys"?: ((...args: any[]) => any) | undefined;
 }, {
@@ -58,5 +66,6 @@ export declare const DTable: import("../../utils/install").SFCWithInstall<import
     rowKey: string;
     pagination: any;
     config: import("./interface/table").Config;
+    expandedRowKeys: string[] | undefined;
 }>>;
 export default DTable;

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

@@ -27,6 +27,7 @@ export interface TableProps {
     keys?: Key[];
     data: any;
     rowKey: string;
+    expandedRowKeys?: string[];
     loading?: false;
     height: number;
     pagination?: any;

package/package.json

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

package/src/components/select/Select.vue

@@ -108,6 +108,7 @@ function useSelect() {
 
   // 监听数据改变
   const onChange = () => {
+    //TODO 变化的时候 需要发送字典的所有数据
     emits("update:value", modelValue.value);
     emits("change", modelValue.value);
   };

package/src/components/table/Table.tsx

@@ -42,6 +42,10 @@ const tableProps = () => {
     config: {
       type: Object as PropType<TableProps["config"]>,
       default: () => ({})
+    },
+    expandedRowKeys: {
+      type: Object as PropType<TableProps["expandedRowKeys"]>,
+      default: () => []
     }
   };
 };
@@ -95,6 +99,12 @@ const DXTable = defineComponent({
     const paginationState = computed(
       () => props.config?.pagination ?? ({} as any)
     );
+    // 展开行
+    const expandedKeys = ref<any>(props.expandedRowKeys);
+    watchEffect(() => {
+      const { expandedRowKeys } = props;
+      expandedKeys.value = expandedRowKeys;
+    });
 
     // 初始化表格
     const {
@@ -341,6 +351,24 @@ const DXTable = defineComponent({
     const actionStop = (event: MouseEvent) => {
       event.stopPropagation();
     };
+
+    const expandedRowRender = (
+      record: any,
+      index: number,
+      indent: number,
+      expanded: any
+    ) => {
+      return (
+        <>
+          {slots.expandedRowRender &&
+            slots.expandedRowRender({ record, index, indent, expanded })}
+        </>
+      );
+    };
+
+    const summary = () => {
+      return <>{slots.summary && slots.summary()}</>;
+    };
     return () => (
       <div ref={tableRootRef}>
         <Table
@@ -356,6 +384,8 @@ const DXTable = defineComponent({
             x: "100%",
             y: tableHeight.value + "px"
           }}
+          v-model:expandedRowKeys={expandedKeys.value}
+          expandRowByClick={true}
           pagination={false}
           customRow={customRow}
           rowSelection={rowSelection.value}
@@ -370,7 +400,11 @@ const DXTable = defineComponent({
                   </div>
                 );
               }
-            }
+            },
+            // 展开插槽
+            expandedRowRender: expandedRowRender,
+            // 总结栏插槽
+            summary: summary
           }}
         </Table>
         <Pagination

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

@@ -42,6 +42,8 @@ export interface TableProps {
   data: any;
   //主键id
   rowKey: string;
+  // 展开行的ID
+  expandedRowKeys?: string[];
   //加载状态
   loading?: false;
   //表格高度