@ditari/bsui 1.0.26 → 1.0.28

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)??[]}),h=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:c,onPageChange:r}=a.config,g=n.ref(),l=n.ref(null),u=n.ref(),i=n.ref(null),d=v=>{var f,k;try{const m=(f=l==null?void 0:l.value)==null?void 0:f.$el,_=P.useEleHeight(m.getElementsByClassName("ant-table-header")[0]);let N=0;if(a.config.pagination){const $=(k=g.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(()=>{d(a.height)})}),{tableRef:l,tableRootRef:g,tableHeight:u,onPageChange:(v,f)=>{r&&r({page:v,size:f}),i.value.scrollTop=0,(c==="S"||!o)&&(t.value=[],b("update:keys",t.value))},onRowClassName:(v,f)=>e?e(v,f):void 0}}const D=V();function V(){const{rowKey:e,config:{selection:o,getCheckboxProps:c}}=a;if(o==="N")return;const r=(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)},g=(l,u,i)=>{const d=i.map(s=>s[e]);t.value=l?t.value.concat(d):t.value.filter(s=>!d.includes(s)),b("update:keys",t.value)};return n.watch(()=>a.keys,l=>{t.value=l}),{selectedRowKeys:t,onSelect:r,onSelectAll:g,fixed:!0,columnTitle:o==="S"?"选择":null,columnWidth:o==="S"?60:40,getCheckboxProps:c}}const j=K();function K(){return e=>{let o;const{rowKey:c,config:{click:r,dbClick:g,selection:l,getCheckboxProps:u}}=a,i=e[c],d=()=>{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(()=>{d(),r&&r(e)},200))},onDblclick:()=>{clearTimeout(o),g&&g(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,record:c})=>{if(o.slot==="action")return n.createVNode("div",{onClick:C,onDblclick:C},[n.createVNode(w.Space,null,{default:()=>[S.action&&S.action(c)]})])}}),n.withDirectives(n.createVNode(w.Pagination,{class:[T],current:h.value.current,"onUpdate:current":o=>h.value.current=o,pageSize:h.value.pageSize,"onUpdate:pageSize":o=>h.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:h.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 e=require("vue"),C=require("ant-design-vue"),N=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:n=>`总共 ${n} 条`},P=`${J.prefixName}-pagination`,Q=e.defineComponent({name:"DTable",props:M(),emits:["update:keys"],setup:function(n,{emit:b,slots:h}){const a=e.ref(n.keys||[]),T=e.computed(()=>n.data),z=e.computed(()=>{var t;return((t=n.config)==null?void 0:t.columns)??[]}),m=e.computed(()=>{var t;return((t=n.config)==null?void 0:t.pagination)??{}}),S=e.ref(n.expandedRowKeys);e.watchEffect(()=>{const{expandedRowKeys:t}=n;S.value=t});const{tableRef:E,tableRootRef:K,tableHeight:O,onPageChange:V,onRowClassName:B}=H();function H(){const{rowClassName:t,keepSelected:o,onPageChange:i}=n.config,d=n.config.selection??"N",r=e.ref(),c=e.ref(null),l=e.ref(),u=e.ref(null),g=y=>{var v,k;try{const w=(v=c==null?void 0:c.value)==null?void 0:v.$el,$=N.useEleHeight(w.getElementsByClassName("ant-table-header")[0]);let x=0;if(n.config.pagination){const A=(k=r.value)==null?void 0:k.getElementsByClassName(P)[0];x=N.useEleHeight(A)??0}l.value=y-($+x),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 e.watchEffect(()=>{n.height!==0&&e.nextTick(()=>{g(n.height)})}),{tableRef:c,tableRootRef:r,tableHeight:l,onPageChange:(y,v)=>{i&&i({page:y,size:v}),u.value.scrollTop=0,(d==="S"||!o)&&(a.value=[],b("update:keys",a.value))},onRowClassName:(y,v)=>t?t(y,v):void 0}}const j=q();function q(){const{rowKey:t,config:{getCheckboxProps:o}}=n;let i=n.config.selection??"N";const d=(l,u)=>{i==="S"?(a.value=[],a.value=u?[l[t]]:[]):a.value=u?a.value.concat(l[t]):a.value.filter(g=>g!==l[t]),b("update:keys",a.value)},r=(l,u,g)=>{const f=g.map(s=>s[t]);a.value=l?a.value.concat(f):a.value.filter(s=>!f.includes(s)),b("update:keys",a.value)};e.watch(()=>n.keys,l=>{a.value=l});const c=e.ref(void 0);return e.watchEffect(()=>{const{selection:l}=n.config;i=l,i!=="N"?c.value={selectedRowKeys:a,onSelect:d,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 t=>{let o;const{rowKey:i,config:{click:d,dbClick:r,selection:c,getCheckboxProps:l}}=n,u=t[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)),b("update:keys",a.value)};return{onClick:()=>{const f=l?l(t):null;f&&f.value===u||(clearTimeout(o),o=setTimeout(()=>{g(),d&&d(t)},200))},onDblclick:()=>{clearTimeout(o),r&&r(t)}}}}const R=t=>{t.stopPropagation()},U=(t,o,i,d)=>e.createVNode(e.Fragment,null,[h.expandedRowRender&&h.expandedRowRender()]),_=()=>e.createVNode(e.Fragment,null,[h.summary&&h.summary()]);return()=>{var t;return e.createVNode("div",{ref:K},[e.createVNode(C.Table,{ref:E,"row-key":n.rowKey,bordered:n.config.bordered,columns:z.value,dataSource:T.value,loading:n.loading,size:((t=n.config)==null?void 0:t.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 e.createVNode("div",{onClick:R,onDblclick:R},[e.createVNode(C.Space,null,{default:()=>[h.action&&h.action(i)]})])},expandedRowRender:U,summary:_}),e.withDirectives(e.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:n.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),[[e.vShow,n.config.pagination]])])}}});exports.default=Q;

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,9 +26,13 @@ declare const DXTable: import("vue").DefineComponent<{
         default: () => {};
     };
     config: {
-        type: PropType<import("./interface/table").Config>;
+        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>;
@@ -52,9 +56,13 @@ declare const DXTable: import("vue").DefineComponent<{
         default: () => {};
     };
     config: {
-        type: PropType<import("./interface/table").Config>;
+        type: PropType<Config>;
         default: () => {};
     };
+    expandedRowKeys: {
+        type: PropType<string[] | undefined>;
+        default: () => never[];
+    };
 }>> & {
     "onUpdate:keys"?: ((...args: any[]) => any) | undefined;
 }, {
@@ -62,6 +70,7 @@ declare const DXTable: import("vue").DefineComponent<{
     loading: false | undefined;
     rowKey: string;
     pagination: any;
-    config: import("./interface/table").Config;
+    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

@@ -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;
@@ -26,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

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

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

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

@@ -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;
@@ -26,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.26",
+  "version": "1.0.28",
   "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

@@ -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
  */
@@ -41,6 +42,10 @@ const tableProps = () => {
     config: {
       type: Object as PropType<TableProps["config"]>,
       default: () => ({})
+    },
+    expandedRowKeys: {
+      type: Object as PropType<TableProps["expandedRowKeys"]>,
+      default: () => []
     }
   };
 };
@@ -70,6 +75,11 @@ const paginationConfig = {
 //分页class名称
 const basePageClassName = `${prefixName}-pagination`;
 
+const configDefault: Config = {
+  selection: "N",
+  bordered: true
+};
+
 /**
  * 表格组件定义
  */
@@ -89,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 {
@@ -103,9 +119,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 +198,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 +240,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();
@@ -309,6 +351,19 @@ const DXTable = defineComponent({
     const actionStop = (event: MouseEvent) => {
       event.stopPropagation();
     };
+
+    const expandedRowRender = (
+      record: any,
+      index: number,
+      indent: number,
+      expanded: any
+    ) => {
+      return <>{slots.expandedRowRender && slots.expandedRowRender()}</>;
+    };
+
+    const summary = () => {
+      return <>{slots.summary && slots.summary()}</>;
+    };
     return () => (
       <div ref={tableRootRef}>
         <Table
@@ -324,9 +379,11 @@ const DXTable = defineComponent({
             x: "100%",
             y: tableHeight.value + "px"
           }}
+          v-model:expandedRowKeys={expandedKeys.value}
+          expandRowByClick={true}
           pagination={false}
           customRow={customRow}
-          rowSelection={rowSelection}
+          rowSelection={rowSelection.value}
           rowClassName={onRowClassName}
         >
           {{
@@ -338,7 +395,11 @@ const DXTable = defineComponent({
                   </div>
                 );
               }
-            }
+            },
+            // 展开插槽
+            expandedRowRender: expandedRowRender,
+            // 总结栏插槽
+            summary: summary
           }}
         </Table>
         <Pagination

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