bkui-vue 0.0.1-beta.403 → 0.0.1-beta.405

package/dist/index.esm.js

@@ -16900,7 +16900,7 @@ const IColumnType = {
 };
 const tableProps = {
   data: PropTypes.arrayOf(PropTypes.any).def([]),
-  columns: PropTypes.arrayOf(PropTypes.shape(IColumnType)).def([]),
+  columns: PropTypes.arrayOf(PropTypes.shape(IColumnType).loose).def([]),
   activeColumn: PropTypes.oneOfType([PropTypes.number.def(-1), PropTypes.arrayOf(PropTypes.number.def(-1))]),
   columnPick: j("columnPick", {}).def("disabled"),
   height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).def("auto"),
@@ -16968,7 +16968,8 @@ const tableProps = {
   ]).def(true),
   resizerWay: j("ResizerWay", {
     default: "throttle"
-  })
+  }),
+  observerResize: PropTypes.bool.def(true)
 };
 var Column = defineComponent({
   name: "TableColumn",
@@ -18360,7 +18361,8 @@ var TableCell = defineComponent({
       watchCellResize: PropTypes.bool.def(true),
       mode: overflowModeType
     })]).def(void 0),
-    title: PropTypes.string.def(void 0)
+    title: PropTypes.string.def(void 0),
+    observerResize: PropTypes.bool.def(true)
   },
   setup(props2, {
     slots
@@ -18378,7 +18380,6 @@ var TableCell = defineComponent({
     const {
       showOverflowTooltip = false
     } = resolveSetting();
-    let observerIns = null;
     let bkEllipsisIns = null;
     const resolveTooltipOption = () => {
       let disabled = true;
@@ -18436,11 +18437,15 @@ var TableCell = defineComponent({
       } = resolveTooltipOption();
       if (!disabled) {
         resolveOverflowTooltip();
-        if (((_a = props2.column.showOverflowTooltip) == null ? void 0 : _a.watchCellResize) !== false) {
-          observerIns = observerResize(refRoot.value, () => {
+        if (((_a = props2.column.showOverflowTooltip) == null ? void 0 : _a.watchCellResize) !== false && props2.observerResize) {
+          let observerIns = observerResize(refRoot.value, () => {
             resolveOverflowTooltip();
           }, 60, true);
           observerIns.start();
+          onBeforeUnmount(() => {
+            observerIns.disconnect();
+            observerIns = null;
+          });
         }
       }
     });
@@ -19274,7 +19279,8 @@ class TableRender {
       cells.unshift(cellText);
       const showTitle = typeof cellText === "string" ? cellText : void 0;
       return createVNode(TableCell, {
-        "title": showTitle
+        "title": showTitle,
+        "observerResize": this.props.observerResize
       }, _isSlot$1(cells) ? cells : {
         default: () => [cells]
       });
@@ -19381,7 +19387,8 @@ class TableRender {
               "class": tdCtxClass,
               "column": column,
               "row": row,
-              "parentSetting": this.props.showOverflowTooltip
+              "parentSetting": this.props.showOverflowTooltip,
+              "observerResize": this.props.observerResize
             }, _isSlot$1(_slot = this.renderCell(row, column, rowIndex, rows)) ? _slot : {
               default: () => [_slot]
             })]);
@@ -20208,7 +20215,6 @@ var Component$e = defineComponent({
     let columnSortFn = null;
     let activeSortColumn = null;
     let columnFilterFn = null;
-    let observerIns = null;
     const targetColumns = reactive([]);
     const {
       initColumns
@@ -20424,22 +20430,26 @@ var Component$e = defineComponent({
       (_b = (_a = refVirtualRender.value) == null ? void 0 : _a.scrollTo) == null ? void 0 : _b.call(_a, option);
     };
     onMounted(() => {
-      observerIns = observerResize(root.value, () => {
-        if (!root.value) {
-          return;
-        }
-        if (props2.height === "100%" || props2.height === "auto") {
-          resetTableHeight(root.value);
-        }
-        updateBorderClass(root.value);
-        const offset2 = getColumnsWidthOffsetWidth();
-        resolveColumnWidth(root.value, colgroups, 20, offset2);
-      }, 180, true, props2.resizerWay);
-      observerIns.start();
+      if (props2.observerResize) {
+        let observerIns = observerResize(root.value, () => {
+          if (!root.value) {
+            return;
+          }
+          if (props2.height === "100%" || props2.height === "auto") {
+            resetTableHeight(root.value);
+          }
+          updateBorderClass(root.value);
+          const offset2 = getColumnsWidthOffsetWidth();
+          resolveColumnWidth(root.value, colgroups, 20, offset2);
+        }, 180, true, props2.resizerWay);
+        observerIns.start();
+        onBeforeUnmount(() => {
+          observerIns.disconnect();
+          observerIns = null;
+        });
+      }
     });
     onBeforeUnmount(() => {
-      observerIns.disconnect();
-      observerIns = null;
       tableRender.destroy();
     });
     ctx.expose({
@@ -28740,7 +28750,7 @@ const treeProps = {
   disabledFolderSelectable: PropTypes.bool.def(false),
   showCheckbox: PropTypes.bool.def(false),
   showNodeTypeIcon: PropTypes.bool.def(true),
-  selected: PropTypes.oneOfType([PropTypes.string, null, PropTypes.number, PropTypes.object]).def(null),
+  selected: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.object]).def(null),
   autoCheckChildren: PropTypes.bool.def(true),
   autoOpenParentNode: PropTypes.bool.def(true),
   expandAll: PropTypes.bool.def(false),