@ditari/bsui 1.0.10 → 1.0.12

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"),c=require("./dic.worker.cjs.js"),l=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}=l.useDataDicStore(),u=e.ref(!1),n=e.ref(""),t=new c.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:o,name:s,value:a})}),e.createVNode(e.Fragment,null,[n.value])}});exports.default=i;
+"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;

package/dist/cjs/components/dic/DicReplace.d.ts

@@ -7,7 +7,7 @@ declare const _default: import("vue").DefineComponent<{
         type: any;
         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<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     name: {
         type: StringConstructor;
         default: string;

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

@@ -7,7 +7,7 @@ export declare const DDicReplace: import("../../utils/install").SFCWithInstall<i
         type: any;
         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<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     name: {
         type: StringConstructor;
         default: string;

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:()=>({})}}),v={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:y,slots:w}){console.log(w);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 p;const d=(p=u==null?void 0:u.value)==null?void 0:p.$el,j=C.useEleHeight(d.getElementsByClassName("ant-table-header")[0]);let b=0;a.config.pagination&&(b=C.useEleHeight(document.getElementsByClassName(k)[0])),o.value=c-(j+b),d.getElementsByClassName("ant-table-body")[0].style.height=o.value-10+"px",s.value=d.getElementsByClassName("ant-table-body")[0]};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=[],y("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]),y("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)),y("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)),y("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:()=>[w.action&&w.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":v.hideOnSinglePage,"show-quick-jumper":v.showQuickJumper,"default-page-size":v.defaultPageSize,"page-size-options":v.pageSizeOptions,"show-total":v.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"),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;

package/dist/esm/components/dic/DicReplace.d.ts

@@ -7,7 +7,7 @@ declare const _default: import("vue").DefineComponent<{
         type: any;
         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<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     name: {
         type: StringConstructor;
         default: string;

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

@@ -1,7 +1,7 @@
-import { defineComponent as c, ref as o, watchEffect as u, createVNode as m, Fragment as p } from "vue";
-import f from "./dic.worker.esm.js";
-import { useDataDicStore as i } from "../../store/modules/DataDictionary.esm.js";
-const w = /* @__PURE__ */ c({
+import { defineComponent as c, ref as n, 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({
   name: "DicReplace",
   props: {
     // 字典名称
@@ -17,22 +17,22 @@ const w = /* @__PURE__ */ c({
   },
   setup(a) {
     const {
-      list: n
-    } = i(), s = o(!1), r = o(""), e = new f();
+      list: s
+    } = f(), o = n(!0), r = n(""), e = new p();
     return e.onerror = () => {
-      s.value = !1;
+      o.value = !1;
     }, e.onmessage = (t) => {
       r.value = t.data;
-    }, u(() => {
+    }, console.log(o.value), u(() => {
       const t = a.value, l = a.name;
       e.postMessage({
-        list: n,
+        list: JSON.stringify(s),
         name: l,
         value: t
       });
-    }), m(p, null, [r.value]);
+    }), () => i(m, null, [r.value]);
   }
 });
 export {
-  w as default
+  S as default
 };

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

@@ -7,7 +7,7 @@ export declare const DDicReplace: import("../../utils/install").SFCWithInstall<i
         type: any;
         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<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     name: {
         type: StringConstructor;
         default: string;

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

@@ -1,4 +1,4 @@
-import { defineComponent as q, ref as y, computed as S, watchEffect as $, nextTick as A, watch as F, createVNode as w, Fragment as J, withDirectives as Q, vShow as U } from "vue";
+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";
@@ -29,7 +29,7 @@ const X = () => ({
     type: Object,
     default: () => ({})
   }
-}), m = {
+}), v = {
   defaultPageSize: 20,
   hideOnSinglePage: !1,
   pageSizeOptions: ["10", "20", "30", "40"],
@@ -44,11 +44,10 @@ const X = () => ({
   // TODO 需要做调整
   emits: ["update:keys"],
   setup(a, {
-    emit: v,
-    slots: p
+    emit: y,
+    slots: b
   }) {
-    console.log(p);
-    const e = y(a.keys), T = S(() => a.data), z = S(() => {
+    const e = w(a.keys), T = S(() => a.data), z = S(() => {
       var t;
       return ((t = a.config) == null ? void 0 : t.columns) ?? [];
     }), f = S(() => {
@@ -66,11 +65,15 @@ const X = () => ({
         keepSelected: n,
         selection: d,
         onPageChange: r
-      } = a.config, i = y(null), l = y(), u = y(null), o = (s) => {
-        var C;
-        const g = (C = i == null ? void 0 : i.value) == null ? void 0 : C.$el, D = k(g.getElementsByClassName("ant-table-header")[0]);
-        let b = 0;
-        a.config.pagination && (b = k(document.getElementsByClassName(N)[0])), l.value = s - (D + b), g.getElementsByClassName("ant-table-body")[0].style.height = l.value - 10 + "px", u.value = g.getElementsByClassName("ant-table-body")[0];
+      } = a.config, i = w(null), l = w(), u = w(null), o = (s) => {
+        var g;
+        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];
+        } catch (m) {
+          console.warn(m);
+        }
       };
       return $(() => {
         a.height !== 0 && A(() => {
@@ -83,7 +86,7 @@ const X = () => ({
           r && r({
             page: s,
             size: g
-          }), u.value.scrollTop = 0, (d === "S" || !n) && (e.value = [], v("update:keys", e.value));
+          }), u.value.scrollTop = 0, (d === "S" || !n) && (e.value = [], y("update:keys", e.value));
         },
         onRowClassName: (s, g) => t ? t(s, g) : void 0
       };
@@ -100,10 +103,10 @@ const X = () => ({
       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]), v("update:keys", e.value);
+        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)), v("update:keys", e.value);
+        e.value = l ? e.value.concat(h) : e.value.filter((c) => !h.includes(c)), y("update:keys", e.value);
       };
       return F(() => a.keys, (l) => {
         e.value = l;
@@ -132,7 +135,7 @@ const X = () => ({
         } = a, o = t[d], h = () => {
           if (l === "N")
             return;
-          e.value.some((s) => s === o) ? e.value = e.value.filter((s) => s !== o) : (l === "S" && (e.value = []), e.value.push(o)), v("update:keys", e.value);
+          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);
         };
         return {
           onClick: () => {
@@ -161,7 +164,7 @@ const X = () => ({
     }
     return () => {
       var t;
-      return w(J, null, [w(I, {
+      return p(J, null, [p(I, {
         ref: P,
         "row-key": a.rowKey,
         bordered: a.config.bordered,
@@ -183,11 +186,11 @@ const X = () => ({
           column: n
         }) => {
           if (n.slot === "action")
-            return w(L, null, {
-              default: () => [p.action && p.action()]
+            return p(L, null, {
+              default: () => [b.action && b.action()]
             });
         }
-      }), Q(w(V, {
+      }), Q(p(V, {
         class: [N],
         current: f.value.current,
         "onUpdate:current": (n) => f.value.current = n,
@@ -196,11 +199,11 @@ const X = () => ({
         disabled: a.loading,
         "show-size-changer": !0,
         size: "default",
-        "hide-on-single-page": m.hideOnSinglePage,
-        "show-quick-jumper": m.showQuickJumper,
-        "default-page-size": m.defaultPageSize,
-        "page-size-options": m.pageSizeOptions,
-        "show-total": m.showTotal,
+        "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,
         total: f.value.total,
         onChange: x
       }, null), [[U, a.config.pagination]])]);

package/package.json

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

package/src/components/dic/DicReplace.tsx

@@ -6,7 +6,7 @@
 import { defineComponent, ref, watchEffect } from "vue";
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
 // @ts-ignore
-import DicWorker from "./dic.worker?worker&inline";
+import DicWorker from "./replace.worker?worker&inline";
 import { useDataDicStore } from "../../store/modules/DataDictionary";
 
 export default defineComponent({
@@ -26,7 +26,7 @@ export default defineComponent({
   setup(props) {
     const { list } = useDataDicStore();
 
-    const workerStatus = ref(false);
+    const workerStatus = ref(true);
     const dicValueTxt = ref<any>("");
     const worker = new DicWorker();
     /**
@@ -43,13 +43,14 @@ export default defineComponent({
       // 赋值给下拉选择数据变量
       dicValueTxt.value = e.data;
     };
+    console.log(workerStatus.value);
 
     watchEffect(() => {
       const value = props.value;
       const name = props.name;
-      worker.postMessage({ list, name, value });
+      worker.postMessage({ list: JSON.stringify(list), name, value });
     });
 
-    return <>{dicValueTxt.value}</>;
+    return () => <>{dicValueTxt.value}</>;
   }
 });

package/src/components/select/Select.vue

@@ -45,7 +45,7 @@ function useSelect() {
   //   }
   // );
   // const worker = new Worker(
-  //   new URL("./dic.worker.ts?worker&inline", import.meta.url),
+  //   new URL("./replace.worker.ts?worker&inline", import.meta.url),
   //   {
   //     type: "module"
   //   }

package/src/components/table/Table.tsx

@@ -83,7 +83,6 @@ const DXTable = defineComponent({
   // TODO 需要做调整
   emits: ["update:keys"],
   setup(props, { emit, slots }) {
-    console.log(slots);
     // 保存选中的唯一id
     const selectedRowKeys = ref<any>(props.keys);
     // 数据源
@@ -111,24 +110,28 @@ const DXTable = defineComponent({
       const antTableBodyRef = ref<any>(null);
       // 计算高度
       const playHeight = (height: number) => {
-        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]
+        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]
+            );
+          }
+          tableHeight.value = height - (headerHeight + paginationHeight);
+          // 设置body高度
+          tableEl.getElementsByClassName("ant-table-body")[0].style.height =
+            tableHeight.value - 10 + "px";
+          // 表格body对象 用于切换页码后滚动条置顶
+          antTableBodyRef.value =
+            tableEl.getElementsByClassName("ant-table-body")[0];
+        } catch (e) {
+          console.warn(e);
         }
-        tableHeight.value = height - (headerHeight + paginationHeight);
-        // 设置body高度
-        tableEl.getElementsByClassName("ant-table-body")[0].style.height =
-          tableHeight.value - 10 + "px";
-        // 表格body对象 用于切换页码后滚动条置顶
-        antTableBodyRef.value =
-          tableEl.getElementsByClassName("ant-table-body")[0];
       };
       //监听传入的height的变化 默认组件创建的时候会执行一次
       watchEffect(() => {