@ditari/bsui 1.0.49 → 1.0.51

package/dist/cjs/components/grid/Grid.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),q=require("@vueuse/core"),p=require("pinia");require("../../store/modules/Breadcrumb.cjs.js");require("../../store/modules/DataDictionary.cjs.js");require("../../store/modules/KeepAlive.cjs.js");require("../../store/modules/Menu.cjs.js");require("../../store/modules/NavTab.cjs.js");const N=require("../../store/modules/Settings.cjs.js");require("../../store/modules/User.cjs.js");const y=require("../theme/index.cjs.js"),b=require("./GridItem.cjs.js"),h=`${y.prefixName}-grid`,S=e.defineComponent({name:"DGrid",props:{className:{type:String,default:""},fill:{type:Boolean,default:!0}},setup(n,{slots:r}){var o,d;if(!r.default)return()=>e.createVNode(e.Fragment,null,[e.createTextVNode("ok")]);const l=N.useSettingsStore(),{gridValue:u}=p.storeToRefs(l),i=((o=r==null?void 0:r.default()[0])==null?void 0:o.children.length)||(r==null?void 0:r.default().length),a=e.ref([]),c=e.ref({"grid-template-columns":((d=u.value)==null?void 0:d.value)??""});return q.useResizeObserver(document.body,()=>{var f,s;l.gridMatching(),c.value["grid-template-columns"]=((f=u.value)==null?void 0:f.value)??"";const t=(s=u.value)==null?void 0:s.col,m=Math.ceil(i/t),g=n.fill?m*t-i:0;a.value=Array.from({length:g},(V,v)=>v+1)}),()=>e.createVNode(e.Fragment,null,[e.createVNode("div",{class:[h,n.className],style:c.value},[r.default&&r.default(a.value),a.value.map(t=>e.createVNode(b.default,{key:t},null))])])}});exports.default=S;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),q=require("@vueuse/core"),y=require("pinia");require("../../store/modules/Breadcrumb.cjs.js");require("../../store/modules/DataDictionary.cjs.js");require("../../store/modules/KeepAlive.cjs.js");require("../../store/modules/Menu.cjs.js");require("../../store/modules/NavTab.cjs.js");const N=require("../../store/modules/Settings.cjs.js");require("../../store/modules/User.cjs.js");const S=require("../theme/index.cjs.js"),b=require("./GridItem.cjs.js"),h=`${S.prefixName}-grid`,V=e.defineComponent({name:"DGrid",props:{className:{type:String,default:""},fill:{type:Boolean,default:!0},grid:{type:String,default:""}},setup(t,{slots:r}){var c,o;if(!r.default)return()=>e.createVNode(e.Fragment,null,[e.createTextVNode("ok")]);const i=N.useSettingsStore(),{gridValue:u}=y.storeToRefs(i),n=((c=r==null?void 0:r.default()[0])==null?void 0:c.children.length)||(r==null?void 0:r.default().length),l=e.ref([]);u.value.value=t.grid!==""?t.grid:u.value.value;const d=e.ref({"grid-template-columns":((o=u.value)==null?void 0:o.value)??""});return q.useResizeObserver(document.body,()=>{var f,g;t.grid===""&&i.gridMatching(),d.value["grid-template-columns"]=((f=u.value)==null?void 0:f.value)??"";const a=(g=u.value)==null?void 0:g.col,m=Math.ceil(n/a),v=t.fill?m*a-n:0;l.value=Array.from({length:v},(p,s)=>s+1)}),()=>e.createVNode(e.Fragment,null,[e.createVNode("div",{class:[h,t.className],style:d.value},[r.default&&r.default(l.value),l.value.map(a=>e.createVNode(b.default,{key:a},null))])])}});exports.default=V;

package/dist/cjs/components/grid/Grid.d.ts

@@ -7,6 +7,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    grid: {
+        type: StringConstructor;
+        default: string;
+    };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     className: {
         type: StringConstructor;
@@ -16,8 +20,13 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    grid: {
+        type: StringConstructor;
+        default: string;
+    };
 }>>, {
     fill: boolean;
     className: string;
+    grid: string;
 }>;
 export default _default;

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

@@ -7,6 +7,10 @@ export declare const DGrid: import("../../utils/install").SFCWithInstall<import(
         type: BooleanConstructor;
         default: boolean;
     };
+    grid: {
+        type: StringConstructor;
+        default: string;
+    };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     className: {
         type: StringConstructor;
@@ -16,8 +20,13 @@ export declare const DGrid: import("../../utils/install").SFCWithInstall<import(
         type: BooleanConstructor;
         default: boolean;
     };
+    grid: {
+        type: StringConstructor;
+        default: string;
+    };
 }>>, {
     fill: boolean;
     className: string;
+    grid: string;
 }>>;
 export declare const DGridItem: import("../../utils/install").SFCWithInstall<import("vue").DefineComponent<{}, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>>;

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

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

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

@@ -33,6 +33,8 @@ declare const DXTable: import("vue").DefineComponent<{
         type: PropType<string[] | undefined>;
         default: () => never[];
     };
+    defaultExpandAllRows: PropType<boolean | undefined>;
+    default: () => boolean;
 }, () => 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>;
@@ -63,6 +65,8 @@ declare const DXTable: import("vue").DefineComponent<{
         type: PropType<string[] | undefined>;
         default: () => never[];
     };
+    defaultExpandAllRows: PropType<boolean | undefined>;
+    default: () => boolean;
 }>> & {
     "onUpdate:keys"?: ((...args: any[]) => any) | undefined;
 }, {

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

@@ -28,6 +28,8 @@ export declare const DTable: import("../../utils/install").SFCWithInstall<import
         type: import("vue").PropType<string[] | undefined>;
         default: () => never[];
     };
+    defaultExpandAllRows: import("vue").PropType<boolean | undefined>;
+    default: () => boolean;
 }, () => 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>;
@@ -58,6 +60,8 @@ export declare const DTable: import("../../utils/install").SFCWithInstall<import
         type: import("vue").PropType<string[] | undefined>;
         default: () => never[];
     };
+    defaultExpandAllRows: import("vue").PropType<boolean | undefined>;
+    default: () => boolean;
 }>> & {
     "onUpdate:keys"?: ((...args: any[]) => any) | undefined;
 }, {

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

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

package/dist/esm/components/grid/Grid.d.ts

@@ -7,6 +7,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    grid: {
+        type: StringConstructor;
+        default: string;
+    };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     className: {
         type: StringConstructor;
@@ -16,8 +20,13 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    grid: {
+        type: StringConstructor;
+        default: string;
+    };
 }>>, {
     fill: boolean;
     className: string;
+    grid: string;
 }>;
 export default _default;

package/dist/esm/components/grid/Grid.esm.js

@@ -1,16 +1,16 @@
-import { defineComponent as y, createVNode as r, Fragment as p, createTextVNode as N, ref as g } from "vue";
+import { defineComponent as s, createVNode as l, Fragment as g, createTextVNode as N, ref as p } from "vue";
 import { useResizeObserver as b } from "@vueuse/core";
-import { storeToRefs as C } from "pinia";
+import { storeToRefs as S } from "pinia";
 import "../../store/modules/Breadcrumb.esm.js";
 import "../../store/modules/DataDictionary.esm.js";
 import "../../store/modules/KeepAlive.esm.js";
 import "../../store/modules/Menu.esm.js";
 import "../../store/modules/NavTab.esm.js";
-import { useSettingsStore as G } from "../../store/modules/Settings.esm.js";
+import { useSettingsStore as C } from "../../store/modules/Settings.esm.js";
 import "../../store/modules/User.esm.js";
-import { prefixName as S } from "../theme/index.esm.js";
+import { prefixName as G } from "../theme/index.esm.js";
 import x from "./GridItem.esm.js";
-const V = `${S}-grid`, $ = /* @__PURE__ */ y({
+const V = `${G}-grid`, $ = /* @__PURE__ */ s({
   name: "DGrid",
   props: {
     // css class
@@ -22,31 +22,37 @@ const V = `${S}-grid`, $ = /* @__PURE__ */ y({
     fill: {
       type: Boolean,
       default: !0
+    },
+    grid: {
+      type: String,
+      default: ""
     }
   },
-  setup(o, {
+  setup(t, {
     slots: e
   }) {
-    var u, d;
+    var o, d;
     if (!e.default)
-      return () => r(p, null, [N("ok")]);
-    const m = G(), {
-      gridValue: a
-    } = C(m), n = ((u = e == null ? void 0 : e.default()[0]) == null ? void 0 : u.children.length) || (e == null ? void 0 : e.default().length), l = g([]), i = g({
-      "grid-template-columns": ((d = a.value) == null ? void 0 : d.value) ?? ""
+      return () => l(g, null, [N("ok")]);
+    const u = C(), {
+      gridValue: r
+    } = S(u), n = ((o = e == null ? void 0 : e.default()[0]) == null ? void 0 : o.children.length) || (e == null ? void 0 : e.default().length), i = p([]);
+    r.value.value = t.grid !== "" ? t.grid : r.value.value;
+    const m = p({
+      "grid-template-columns": ((d = r.value) == null ? void 0 : d.value) ?? ""
     });
     return b(document.body, () => {
-      var c, f;
-      m.gridMatching(), i.value["grid-template-columns"] = ((c = a.value) == null ? void 0 : c.value) ?? "";
-      const t = (f = a.value) == null ? void 0 : f.col, v = Math.ceil(n / t), s = o.fill ? v * t - n : 0;
-      l.value = Array.from({
-        length: s
+      var f, c;
+      t.grid === "" && u.gridMatching(), m.value["grid-template-columns"] = ((f = r.value) == null ? void 0 : f.value) ?? "";
+      const a = (c = r.value) == null ? void 0 : c.col, v = Math.ceil(n / a), y = t.fill ? v * a - n : 0;
+      i.value = Array.from({
+        length: y
       }, (k, h) => h + 1);
-    }), () => r(p, null, [r("div", {
-      class: [V, o.className],
-      style: i.value
-    }, [e.default && e.default(l.value), l.value.map((t) => r(x, {
-      key: t
+    }), () => l(g, null, [l("div", {
+      class: [V, t.className],
+      style: m.value
+    }, [e.default && e.default(i.value), i.value.map((a) => l(x, {
+      key: a
     }, null))])]);
   }
 });

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

@@ -7,6 +7,10 @@ export declare const DGrid: import("../../utils/install").SFCWithInstall<import(
         type: BooleanConstructor;
         default: boolean;
     };
+    grid: {
+        type: StringConstructor;
+        default: string;
+    };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     className: {
         type: StringConstructor;
@@ -16,8 +20,13 @@ export declare const DGrid: import("../../utils/install").SFCWithInstall<import(
         type: BooleanConstructor;
         default: boolean;
     };
+    grid: {
+        type: StringConstructor;
+        default: string;
+    };
 }>>, {
     fill: boolean;
     className: string;
+    grid: string;
 }>>;
 export declare const DGridItem: import("../../utils/install").SFCWithInstall<import("vue").DefineComponent<{}, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>>;

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

@@ -33,6 +33,8 @@ declare const DXTable: import("vue").DefineComponent<{
         type: PropType<string[] | undefined>;
         default: () => never[];
     };
+    defaultExpandAllRows: PropType<boolean | undefined>;
+    default: () => boolean;
 }, () => 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>;
@@ -63,6 +65,8 @@ declare const DXTable: import("vue").DefineComponent<{
         type: PropType<string[] | undefined>;
         default: () => never[];
     };
+    defaultExpandAllRows: PropType<boolean | undefined>;
+    default: () => boolean;
 }>> & {
     "onUpdate:keys"?: ((...args: any[]) => any) | undefined;
 }, {

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

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

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

@@ -28,6 +28,8 @@ export declare const DTable: import("../../utils/install").SFCWithInstall<import
         type: import("vue").PropType<string[] | undefined>;
         default: () => never[];
     };
+    defaultExpandAllRows: import("vue").PropType<boolean | undefined>;
+    default: () => boolean;
 }, () => 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>;
@@ -58,6 +60,8 @@ export declare const DTable: import("../../utils/install").SFCWithInstall<import
         type: import("vue").PropType<string[] | undefined>;
         default: () => never[];
     };
+    defaultExpandAllRows: import("vue").PropType<boolean | undefined>;
+    default: () => boolean;
 }>> & {
     "onUpdate:keys"?: ((...args: any[]) => any) | undefined;
 }, {

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

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

package/package.json

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

package/src/components/grid/Grid.tsx

@@ -22,6 +22,10 @@ export default defineComponent({
     fill: {
       type: Boolean,
       default: true
+    },
+    grid: {
+      type: String,
+      default: ""
     }
   },
   setup(props, { slots }: any) {
@@ -40,6 +44,9 @@ export default defineComponent({
     // 要填充空白的网格数
     const fillGridItems = ref<number[]>([]);
 
+    gridValue.value.value =
+      props.grid !== "" ? props.grid : gridValue.value.value;
+
     // 网格列
     const baseStyle = ref<any>({
       "grid-template-columns": gridValue.value?.value ?? ""
@@ -48,8 +55,10 @@ export default defineComponent({
     //监听屏幕尺寸变化，一般只有人工拉大屏幕尺寸才会触发（默认执行一次）
     useResizeObserver(document.body, () => {
       //TODO 检测浏览器是否被缩放
-      //
-      store.gridMatching();
+      // TODO 使用store 会存在所有的配置均有一个对象bug
+      if (props.grid === "") {
+        store.gridMatching();
+      }
       baseStyle.value["grid-template-columns"] = gridValue.value?.value ?? "";
       // 获取当前设备匹配到显示的列数配置
       const colCount = gridValue.value?.col;

package/src/components/table/Table.tsx

@@ -47,7 +47,11 @@ const tableProps = () => {
     expandedRowKeys: {
       type: Object as PropType<TableProps["expandedRowKeys"]>,
       default: () => []
-    }
+    },
+    defaultExpandAllRows: Boolean as PropType<
+      TableProps["defaultExpandAllRows"]
+    >,
+    default: () => true
   };
 };
 
@@ -141,8 +145,6 @@ const DXTable = defineComponent({
           const headerHeight = useEleHeight(
             tableEl.getElementsByClassName("ant-table-header")[0]
           );
-          console.log(tableEl.getElementsByClassName("ant-table-header")[0]);
-          console.log(headerHeight);
           // 获取分页组件高度
           let paginationHeight = 0;
           if (props.config.pagination) {
@@ -398,6 +400,7 @@ const DXTable = defineComponent({
           }}
           v-model:expandedRowKeys={expandedKeys.value}
           expandRowByClick={expandRowByClick.value}
+          defaultExpandAllRows={props.defaultExpandAllRows}
           pagination={false}
           customRow={customRow}
           rowSelection={rowSelection.value}

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

@@ -44,6 +44,8 @@ export interface TableProps {
   rowKey: string;
   // 展开行的ID
   expandedRowKeys?: string[];
+  // 是否默认展开全部
+  defaultExpandAllRows?: boolean;
   //加载状态
   loading?: false;
   //表格高度