@ditari/bsui 1.0.12 → 1.0.14

package/dist/cjs/components/dic/DicReplace.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),s=require("./replace.worker.cjs.js"),c=require("../../store/modules/DataDictionary.cjs.js"),i=e.defineComponent({name:"DicReplace",props:{name:{type:String,default:""},value:{type:String,default:""}},setup(r){const{list:u}=c.useDataDicStore(),n=e.ref(!0),o=e.ref(""),t=new s.default;return t.onerror=()=>{n.value=!1},t.onmessage=a=>{o.value=a.data},console.log(n.value),e.watchEffect(()=>{const a=r.value,l=r.name;t.postMessage({list:JSON.stringify(u),name:l,value:a})}),()=>e.createVNode(e.Fragment,null,[o.value])}});exports.default=i;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),l=require("./replace.worker.cjs.js"),c=require("../../store/modules/DataDictionary.cjs.js"),i=e.defineComponent({name:"DicReplace",props:{name:{type:String,default:""},value:{type:String,default:""}},setup(r){const{list:o}=c.useDataDicStore(),u=e.ref(!0),n=e.ref(""),t=new l.default;return t.onerror=()=>{u.value=!1},t.onmessage=a=>{n.value=a.data},e.watchEffect(()=>{const a=r.value,s=r.name;t.postMessage({list:JSON.stringify(o),name:s,value:a})}),()=>e.createVNode(e.Fragment,null,[n.value])}});exports.default=i;

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

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

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

@@ -1,4 +1,4 @@
-import { defineComponent as c, ref as n, watchEffect as u, createVNode as i, Fragment as m } from "vue";
+import { defineComponent as c, ref as o, watchEffect as u, createVNode as i, Fragment as m } from "vue";
 import p from "./replace.worker.esm.js";
 import { useDataDicStore as f } from "../../store/modules/DataDictionary.esm.js";
 const S = /* @__PURE__ */ c({
@@ -17,16 +17,16 @@ const S = /* @__PURE__ */ c({
   },
   setup(a) {
     const {
-      list: s
-    } = f(), o = n(!0), r = n(""), e = new p();
+      list: n
+    } = f(), s = o(!0), r = o(""), e = new p();
     return e.onerror = () => {
-      o.value = !1;
+      s.value = !1;
     }, e.onmessage = (t) => {
       r.value = t.data;
-    }, console.log(o.value), u(() => {
+    }, u(() => {
       const t = a.value, l = a.name;
       e.postMessage({
-        list: JSON.stringify(s),
+        list: JSON.stringify(n),
         name: l,
         value: t
       });

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

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

package/package.json

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

package/src/components/dic/DicReplace.tsx

@@ -43,8 +43,6 @@ export default defineComponent({
       // 赋值给下拉选择数据变量
       dicValueTxt.value = e.data;
     };
-    console.log(workerStatus.value);
-
     watchEffect(() => {
       const value = props.value;
       const name = props.name;

package/src/components/table/Table.tsx

@@ -1,16 +1,14 @@
 import {
   computed,
   defineComponent,
-  defineEmits,
   nextTick,
   PropType,
   ref,
   watch,
-  watchEffect,
-  createSlots
+  watchEffect
 } from "vue";
 import { Pagination, Space, Table } from "ant-design-vue";
-import { useEleHeight } from "../../utils";
+import { useEleHeight } from "../../utils/html";
 import { prefixName } from "../theme";
 
 import type { TableProps, Key } from "./interface/table";
@@ -82,7 +80,7 @@ const DXTable = defineComponent({
   // emits: {  "update:keys": (keys: []) => void }
   // TODO 需要做调整
   emits: ["update:keys"],
-  setup(props, { emit, slots }) {
+  setup: function (props, { emit, slots }) {
     // 保存选中的唯一id
     const selectedRowKeys = ref<any>(props.keys);
     // 数据源
@@ -94,7 +92,14 @@ const DXTable = defineComponent({
     );
 
     // 初始化表格
-    const { tableRef, tableHeight, onPageChange, onRowClassName } = useTable();
+    const {
+      tableRef,
+      tableRootRef,
+      tableHeight,
+      onPageChange,
+      onRowClassName
+    } = useTable();
+
     function useTable() {
       const {
         rowClassName,
@@ -102,6 +107,8 @@ const DXTable = defineComponent({
         selection,
         onPageChange: onChange
       } = props.config;
+      // 表格根div
+      const tableRootRef = ref<HTMLElement>();
       // 表格组件对象
       const tableRef = ref<any>(null);
       // 表格计算出来的高度
@@ -112,15 +119,16 @@ const DXTable = defineComponent({
       const playHeight = (height: number) => {
         try {
           const tableEl = tableRef?.value?.$el;
+
           const headerHeight = useEleHeight(
             tableEl.getElementsByClassName("ant-table-header")[0]
           );
           // 获取分页组件高度
           let paginationHeight = 0;
           if (props.config.pagination) {
-            paginationHeight = useEleHeight(
-              document.getElementsByClassName(basePageClassName)[0]
-            );
+            const paginationEl =
+              tableRootRef.value?.getElementsByClassName(basePageClassName)[0];
+            paginationHeight = useEleHeight(paginationEl as any) ?? 0;
           }
           tableHeight.value = height - (headerHeight + paginationHeight);
           // 设置body高度
@@ -158,11 +166,18 @@ const DXTable = defineComponent({
       const onRowClassName = (record: any, index: number) => {
         return rowClassName ? rowClassName(record, index) : undefined;
       };
-      return { tableRef, tableHeight, onPageChange, onRowClassName };
+      return {
+        tableRef,
+        tableRootRef,
+        tableHeight,
+        onPageChange,
+        onRowClassName
+      };
     }
 
     //表格选中配置
     const rowSelection = useRowSelection();
+
     function useRowSelection() {
       const {
         rowKey,
@@ -217,6 +232,7 @@ const DXTable = defineComponent({
     }
 
     const customRow = useCustomRow();
+
     //表格行配置
     function useCustomRow() {
       return (record: any) => {
@@ -292,8 +308,9 @@ const DXTable = defineComponent({
         };
       };
     }
+
     return () => (
-      <>
+      <div ref={tableRootRef}>
         <Table
           ref={tableRef}
           row-key={props.rowKey}
@@ -336,7 +353,7 @@ const DXTable = defineComponent({
           total={paginationState.value.total}
           onChange={onPageChange}
         />
-      </>
+      </div>
     );
   }
 });