bkui-vue 0.0.1-beta.189 → 0.0.1-beta.190

package/dist/index.esm.js

@@ -16065,7 +16065,8 @@ const TABLE_ROW_ATTRIBUTE = {
   ROW_UID: "__$uuid",
   ROW_EXPAND: "__row_expand",
   ROW_SELECTION: "__row_selection",
-  ROW_SELECTION_ALL: "__row_selection_all"
+  ROW_SELECTION_ALL: "__row_selection_all",
+  ROW_SELECTION_INDETERMINATE: "__row_selection_indeterminate"
 };
 const SCROLLY_WIDTH = 4;
 const LINE_HEIGHT = 42;
@@ -16999,7 +17000,7 @@ var TableCell = defineComponent({
     const refRoot = ref();
     const isTipsEnabled = ref(false);
     const resolveSetting = () => {
-      if (/boolean|object/.test(props2.column.showOverflowTooltip) && props2.column.showOverflowTooltip !== null) {
+      if (/boolean|object/.test(typeof props2.column.showOverflowTooltip) && props2.column.showOverflowTooltip !== null) {
         return props2.column;
       }
       return {
@@ -17030,12 +17031,18 @@ var TableCell = defineComponent({
       };
     };
     const resolveOverflowTooltip = () => {
-      if (!refRoot.value) {
+      if (!refRoot.value || /selection|index|expand/.test(props2.column.type) || !isElement$2(refRoot.value)) {
         return;
       }
-      const textWidth = getElementTextWidth(refRoot.value);
+      const {
+        content
+      } = resolveTooltipOption();
+      const textWidth = getElementTextWidth(refRoot.value, content);
       const cellWidth = refRoot.value.clientWidth;
-      isTipsEnabled.value = textWidth > cellWidth;
+      const computedStyle = window.getComputedStyle(refRoot.value);
+      const paddingWidth = ["padding-left", "padding-right"].reduce((width, prop) => width + Number(computedStyle.getPropertyValue(prop).replace("px", "")), 0);
+      const cellInnerWidth = cellWidth - paddingWidth;
+      isTipsEnabled.value = textWidth > cellInnerWidth;
       if (isTipsEnabled.value) {
         const bindings = ref(resolveTooltipOption());
         if (bkEllipsisIns === null) {
@@ -17782,7 +17789,10 @@ class TableRender {
     };
     const renderHeadCell = (column, index) => {
       if (column.type === "selection") {
-        return this.renderCheckboxColumn({}, 0, true);
+        const selectAll = this.reactiveProp.rowActions.get(TABLE_ROW_ATTRIBUTE.ROW_SELECTION_ALL);
+        return this.renderCheckboxColumn({
+          [TABLE_ROW_ATTRIBUTE.ROW_SELECTION]: !!selectAll
+        }, 0, true);
       }
       const cells = [];
       if (column.sort) {
@@ -17945,9 +17955,11 @@ class TableRender {
         value
       }]);
     };
+    const indeterminate = isAll && !!this.reactiveProp.rowActions.get(TABLE_ROW_ATTRIBUTE.ROW_SELECTION_INDETERMINATE);
     return createVNode(BkCheckbox, {
       "onChange": handleChecked,
-      "modelValue": row[TABLE_ROW_ATTRIBUTE.ROW_SELECTION]
+      "modelValue": row[TABLE_ROW_ATTRIBUTE.ROW_SELECTION],
+      "indeterminate": indeterminate
     }, null);
   }
   renderExpandColumn(row, column, index, rows) {
@@ -18375,10 +18387,43 @@ const useInit = (props2, targetColumns) => {
     }
     return false;
   };
+  const validateSelectionFn = (row) => {
+    const rowId = row[TABLE_ROW_ATTRIBUTE.ROW_UID];
+    const { isSelected = false } = reactiveSchema.rowActions.get(rowId) || {};
+    return isSelected;
+  };
+  const updateSelectionAll = (validateFn = validateSelectionFn) => {
+    let hasUnchecked = false;
+    let hasChecked = false;
+    indexData.forEach((row) => {
+      const isSelected = validateFn(row);
+      if (!hasUnchecked && !isSelected) {
+        hasUnchecked = true;
+      }
+      if (!hasChecked && isSelected) {
+        hasChecked = true;
+      }
+    });
+    reactiveSchema.rowActions.set(TABLE_ROW_ATTRIBUTE.ROW_SELECTION_ALL, hasChecked && !hasUnchecked);
+    reactiveSchema.rowActions.set(TABLE_ROW_ATTRIBUTE.ROW_SELECTION_INDETERMINATE, hasChecked && hasUnchecked);
+  };
+  const isSelectionEnable = () => props2.columns.some((col) => col.type === "selection");
+  const initSelectionAllByData = () => {
+    if (isSelectionEnable()) {
+      updateSelectionAll((row) => resolveSelectionRow(row));
+    }
+  };
   const toggleAllSelection = (checked = void 0) => {
     const isChecked = typeof checked === "boolean" ? checked : !isSelectionAll();
     reactiveSchema.rowActions.set(TABLE_ROW_ATTRIBUTE.ROW_SELECTION_ALL, isChecked);
-    updateIndexData();
+    reactiveSchema.rowActions.set(TABLE_ROW_ATTRIBUTE.ROW_SELECTION_INDETERMINATE, false);
+    indexData.forEach((row) => {
+      var _a2;
+      const rowId = row[TABLE_ROW_ATTRIBUTE.ROW_UID];
+      const target = Object.assign({}, (_a2 = reactiveSchema.rowActions.get(rowId)) != null ? _a2 : {}, { isSelected: isChecked });
+      reactiveSchema.rowActions.set(rowId, target);
+    });
+    updateIndexData(isChecked);
     asyncSelection(null, checked, true);
   };
   const clearSelection = () => {
@@ -18391,6 +18436,10 @@ const useInit = (props2, targetColumns) => {
       const isSelected = typeof selected === "boolean" ? selected : !resolveSelection(row, rowId);
       const target = Object.assign({}, (_a2 = reactiveSchema.rowActions.get(rowId)) != null ? _a2 : {}, { isSelected });
       reactiveSchema.rowActions.set(rowId, target);
+      if (!selected) {
+        reactiveSchema.rowActions.set(TABLE_ROW_ATTRIBUTE.ROW_SELECTION_ALL, false);
+      }
+      updateSelectionAll();
       updateIndexData();
       asyncSelection(row, selected, false);
     }
@@ -18404,17 +18453,15 @@ const useInit = (props2, targetColumns) => {
     }
     return thenFn();
   };
-  const resolveSelection = (row, rowId) => resolveSelectionRow(row, () => {
+  const resolveSelection = (row, _rowId) => resolveSelectionRow(row, () => {
     var _a2;
+    const rowId = _rowId === void 0 ? row[TABLE_ROW_ATTRIBUTE.ROW_UID] : _rowId;
     if (isSelectionAll()) {
       return true;
     }
     if (reactiveSchema.rowActions.has(rowId)) {
       return (_a2 = reactiveSchema.rowActions.get(rowId)) == null ? void 0 : _a2.isSelected;
     }
-    if (Object.prototype.hasOwnProperty.call(row, TABLE_ROW_ATTRIBUTE.ROW_SELECTION) && typeof row[TABLE_ROW_ATTRIBUTE.ROW_SELECTION] === "boolean") {
-      return row[TABLE_ROW_ATTRIBUTE.ROW_SELECTION];
-    }
     return false;
   });
   const indexData = reactive([]);
@@ -18428,14 +18475,18 @@ const useInit = (props2, targetColumns) => {
         [TABLE_ROW_ATTRIBUTE.ROW_SELECTION]: resolveSelection(item, rowId)
       });
     }));
+    initSelectionAllByData();
   };
-  const updateIndexData = () => {
+  const updateIndexData = (selectedAll) => {
     indexData.forEach((item) => {
       Object.assign(item, {
         [TABLE_ROW_ATTRIBUTE.ROW_EXPAND]: isRowExpand(item[TABLE_ROW_ATTRIBUTE.ROW_UID]),
-        [TABLE_ROW_ATTRIBUTE.ROW_SELECTION]: resolveSelection(item, item[TABLE_ROW_ATTRIBUTE.ROW_UID])
+        [TABLE_ROW_ATTRIBUTE.ROW_SELECTION]: typeof selectedAll === "boolean" ? selectedAll : resolveSelection(item, item[TABLE_ROW_ATTRIBUTE.ROW_UID])
       });
     });
+    if (typeof selectedAll !== "boolean") {
+      initSelectionAllByData();
+    }
   };
   const asyncSelection = (row, value, all = false) => {
     if (props2.asyncData && props2.rowKey) {
@@ -18454,6 +18505,7 @@ const useInit = (props2, targetColumns) => {
     }
   };
   const { renderFixedColumns, fixedWrapperClass } = useFixedColumn(props2, colgroups, false);
+  const getSelection = () => indexData.filter((row) => resolveSelection(row));
   return {
     colgroups,
     dragOffsetXStyle,
@@ -18468,7 +18520,8 @@ const useInit = (props2, targetColumns) => {
     updateColGroups,
     clearSelection,
     toggleAllSelection,
-    toggleRowSelection
+    toggleRowSelection,
+    getSelection
   };
 };
 var Component$d = defineComponent({
@@ -18500,7 +18553,8 @@ var Component$d = defineComponent({
       fixedWrapperClass,
       clearSelection,
       toggleAllSelection,
-      toggleRowSelection
+      toggleRowSelection,
+      getSelection
     } = useInit(props2, targetColumns);
     const {
       pageData,
@@ -18694,7 +18748,8 @@ var Component$d = defineComponent({
       setRowExpand,
       clearSelection,
       toggleAllSelection,
-      toggleRowSelection
+      toggleRowSelection,
+      getSelection
     });
     const tableBodyClass = computed(() => __spreadProps(__spreadValues({}, contentClass), {
       "__is-empty": !pageData.length