bkui-vue 0.0.1-beta.126 → 0.0.1-beta.129

package/dist/index.esm.js

@@ -12335,6 +12335,56 @@ function autoUpdate(reference2, floating, update, options) {
 const computePosition = (reference2, floating, options) => computePosition$1(reference2, floating, __spreadValues({
   platform
 }, options));
+var usePlatform = () => {
+  const getElementRects = ({
+    reference: reference2,
+    floating
+  }) => {
+    const refRect = reference2.getBoundingClientRect();
+    const floatRect = floating.getBoundingClientRect();
+    return {
+      reference: {
+        width: refRect.width,
+        height: refRect.height,
+        x: refRect.x,
+        y: refRect.y
+      },
+      floating: {
+        width: floatRect.width,
+        height: floatRect.height,
+        x: floatRect.x,
+        y: floatRect.y
+      }
+    };
+  };
+  const getDimensions2 = (element) => {
+    const {
+      width,
+      height
+    } = element.getBoundingClientRect();
+    return {
+      width,
+      height
+    };
+  };
+  const getClippingRect2 = ({}) => {
+    const {
+      width,
+      height
+    } = document.fullscreenElement.getBoundingClientRect();
+    return {
+      width,
+      height,
+      x: 0,
+      y: 0
+    };
+  };
+  return {
+    getElementRects,
+    getDimensions: getDimensions2,
+    getClippingRect: getClippingRect2
+  };
+};
 var useFloating = (props, ctx, refReference, refContent, refArrow, refRoot) => {
   const localIsShow = ref(false);
   const isElementFullScreen = () => {
@@ -12390,6 +12440,20 @@ var useFloating = (props, ctx, refReference, refContent, refArrow, refRoot) => {
     if (isHideMiddlewareAvailable()) {
       options.middleware.push(hide());
     }
+    if (isElementFullScreen()) {
+      const {
+        getElementRects,
+        getDimensions: getDimensions2,
+        getClippingRect: getClippingRect2
+      } = usePlatform();
+      Object.assign(options, {
+        platform: {
+          getElementRects,
+          getDimensions: getDimensions2,
+          getClippingRect: getClippingRect2
+        }
+      });
+    }
     return options;
   };
   const resolveTargetElement = (target) => {
@@ -13172,7 +13236,7 @@ const radioButtonProps = {
   modelValue: PropTypes.oneOfType([String, Number, Boolean]).def(""),
   checked: PropTypes.bool.def(false),
   disabled: PropTypes.bool.def(false),
-  size: PropTypes.size
+  size: PropTypes.size()
 };
 var RadioButton = defineComponent({
   name: "RadioButton",
@@ -15235,6 +15299,11 @@ const TABLE_ROW_ATTRIBUTE = {
   ROW_EXPAND: "__row_expand"
 };
 const SCROLLY_WIDTH = 4;
+const SETTING_SIZE = {
+  large: 56,
+  default: 40,
+  small: 32
+};
 const resolvePaginationOption = (propPagination, defVal) => {
   if (!!propPagination) {
     if (typeof propPagination === "object") {
@@ -15402,7 +15471,20 @@ const tableProps = {
   pagination: PropTypes.oneOfType([PropTypes.bool.def(false), PropTypes.object.def({})]).def(false),
   remotePagination: PropTypes.bool.def(false),
   emptyText: PropTypes.string.def("\u6682\u65E0\u6570\u636E"),
-  settings: PropTypes.oneOfType([PropTypes.any, PropTypes.bool]).def(false),
+  settings: PropTypes.oneOfType([
+    PropTypes.shape({
+      fields: PropTypes.arrayOf(PropTypes.shape({
+        label: PropTypes.string,
+        field: PropTypes.string,
+        disabled: PropTypes.bool
+      })),
+      checked: PropTypes.arrayOf(PropTypes.string),
+      limit: PropTypes.number.def(0),
+      size: PropTypes.size(["small", "default", "large"]).def("default"),
+      sizeList: PropTypes.shape([])
+    }),
+    PropTypes.bool
+  ]).def(false),
   rowClass: PropTypes.oneOfType([PropTypes.string, PropTypes.object, PropTypes.func]).def({}),
   rowStyle: PropTypes.oneOfType([PropTypes.string, PropTypes.object, PropTypes.func]).def({}),
   cellStyle: PropTypes.oneOfType([PropTypes.string, PropTypes.object, PropTypes.func]).def({}),
@@ -15883,13 +15965,18 @@ var BodyEmpty = defineComponent({
   }
 });
 const resolvePropVal = (prop, key2, args) => {
-  if (Object.prototype.hasOwnProperty.call(prop, key2)) {
-    if (typeof prop[key2] === "function") {
-      return prop[key2].call(globalThis, ...args);
+  if (typeof key2 === "string") {
+    if (Object.prototype.hasOwnProperty.call(prop, key2)) {
+      if (typeof prop[key2] === "function") {
+        return prop[key2].call(globalThis, ...args);
+      }
+      return prop[key2];
     }
-    return prop[key2];
+    return void 0;
+  }
+  if (Array.isArray(key2)) {
+    return key2.map((_key) => resolvePropVal(prop, _key, args)).filter((val) => val !== void 0).at(0);
   }
-  return void 0;
 };
 const resolveNumberToNumArray = (prop) => {
   if (/^\d+$/.test(`${prop}`)) {
@@ -16249,7 +16336,17 @@ function _isSlot$1(s2) {
 var Settings = defineComponent({
   name: "Settings",
   props: {
-    settings: PropTypes.oneOfType([PropTypes.any, PropTypes.bool]).def(false),
+    settings: PropTypes.oneOfType([PropTypes.shape({
+      fields: PropTypes.arrayOf(PropTypes.shape({
+        label: PropTypes.string,
+        field: PropTypes.string,
+        disabled: PropTypes.bool
+      })),
+      checked: PropTypes.arrayOf(PropTypes.string),
+      limit: PropTypes.number.def(0),
+      size: PropTypes.size(["small", "default", "large"]).def("default"),
+      sizeList: PropTypes.shape([])
+    }), PropTypes.bool]).def(false),
     columns: PropTypes.array.def([]),
     rowHeight: PropTypes.number.def(40)
   },
@@ -16257,11 +16354,11 @@ var Settings = defineComponent({
   setup(props, {
     emit
   }) {
-    var _a, _b, _c;
+    var _a;
     const defaultSizeList = [{
       value: "small",
       label: "\u5C0F",
-      height: 32
+      height: SETTING_SIZE.small
     }, {
       value: "default",
       label: "\u4E2D",
@@ -16269,16 +16366,29 @@ var Settings = defineComponent({
     }, {
       value: "large",
       label: "\u5927",
-      height: 56
+      height: SETTING_SIZE.large
     }];
     const checkAll = ref(false);
     const isShow = ref(false);
-    const settings = props.settings;
-    const activeSize = ref((_a = settings.size) != null ? _a : "default");
+    const localSettings = typeof props.settings === "boolean" ? ref({
+      fields: props.columns.map((col) => __spreadProps(__spreadValues({}, col), {
+        field: col.field || col.type
+      })),
+      checked: [],
+      limit: 0,
+      size: "default",
+      sizeList: defaultSizeList
+    }) : ref(props.settings);
+    const activeSize = ref(localSettings.value.size || "default");
     const activeHeight = ref(props.rowHeight);
-    const checkedFields = ref((_b = settings.checked) != null ? _b : []);
+    const checkedFields = ref(localSettings.value.checked);
     const className = resolveClassName("table-settings");
     const theme = `light ${className}`;
+    const cachedValue = {
+      checkAll: checkAll.value,
+      activeSize: activeSize.value,
+      activeHeight: activeHeight.value
+    };
     const handleSaveClick = () => {
       emit("change", {
         checked: checkedFields.value,
@@ -16288,13 +16398,18 @@ var Settings = defineComponent({
       isShow.value = false;
     };
     const handleCancelClick = () => {
-      var _a2;
-      activeSize.value = "default";
-      activeHeight.value = props.rowHeight;
-      checkedFields.value = (_a2 = settings.checked) != null ? _a2 : [];
+      checkAll.value = cachedValue.checkAll;
+      activeSize.value = cachedValue.activeSize;
+      activeHeight.value = cachedValue.activeHeight;
+      checkedFields.value = localSettings.value.checked || [];
       isShow.value = false;
     };
     const handleSettingClick = () => {
+      Object.assign(cachedValue, {
+        checkAll: checkAll.value,
+        activeSize: activeSize.value,
+        activeHeight: activeHeight.value
+      });
       isShow.value = true;
     };
     const handleCheckAllClick = (e) => {
@@ -16302,21 +16417,20 @@ var Settings = defineComponent({
       e.stopPropagation();
       e.preventDefault();
       checkAll.value = !checkAll.value;
+      const fields = localSettings.value.fields || props.columns || [];
       if (checkAll.value) {
-        checkedFields.value = (settings.fields || props.columns || []).map((item, index) => resolvePropVal(item, "field", [item, index]));
+        checkedFields.value = fields.map((item, index) => resolvePropVal(item, "field", [item, index]));
       } else {
-        checkedFields.value.splice(0, checkedFields.value.length);
+        const readonlyFields = fields.filter((item) => item.disabled).map((item, index) => resolvePropVal(item, "field", [item, index]));
+        checkedFields.value.splice(0, checkedFields.value.length, ...readonlyFields);
       }
     };
     const isLimit = computed(() => {
       var _a2;
-      return ((_a2 = settings.limit) != null ? _a2 : 0) > 0;
-    });
-    const sizeList = (_c = settings.sizeList) != null ? _c : defaultSizeList;
-    const isFiledDisabled = computed(() => {
-      var _a2;
-      return isLimit.value && ((_a2 = settings.limit) != null ? _a2 : 0) <= checkedFields.value.length;
+      return ((_a2 = localSettings.value.limit) != null ? _a2 : 0) > 0;
     });
+    const sizeList = (_a = localSettings.value.sizeList) != null ? _a : defaultSizeList;
+    const isFiledDisabled = computed(() => isLimit.value && (localSettings.value.limit ? localSettings.value.limit : 0) <= checkedFields.value.length);
     const isItemReadonly = (item, index) => item.disabled || isFiledDisabled.value && !checkedFields.value.includes(resolvePropVal(item, "field", [item, index]));
     const handleSizeItemClick = (item) => {
       activeSize.value = item.value;
@@ -16334,8 +16448,26 @@ var Settings = defineComponent({
       "class": getItemClass(item),
       "onClick": () => handleSizeItemClick(item)
     }, [item.label]));
-    const renderFields = computed(() => settings.fields || props.columns || []);
-    return () => createVNode(BkPopover2, mergeProps({
+    const renderFields = computed(() => localSettings.value.fields || props.columns || []);
+    const indeterminate = computed(() => checkedFields.value.length > 0 && !renderFields.value.every((field, index) => checkedFields.value.includes(resolvePropVal(field, "field", [field, index]))));
+    watch(() => [checkedFields.value], () => {
+      if (!checkedFields.value.length) {
+        checkAll.value = false;
+      }
+      if (checkedFields.value.length && renderFields.value.every((field, index) => checkedFields.value.includes(resolvePropVal(field, "field", [field, index])))) {
+        checkAll.value = true;
+      }
+    }, {
+      immediate: true,
+      deep: true
+    });
+    watch(() => [props.settings.checked], () => {
+      checkedFields.value.splice(0, checkedFields.value.length, ...localSettings.value.checked);
+    }, {
+      immediate: true,
+      deep: true
+    });
+    return () => props.settings ? createVNode(BkPopover2, mergeProps({
       "trigger": "manual",
       "isShow": isShow.value,
       "placement": "bottom-end",
@@ -16368,12 +16500,13 @@ var Settings = defineComponent({
           "class": "field-setting-label"
         }, [createTextVNode("\u5B57\u6BB5\u663E\u793A\u8BBE\u7F6E")]), isLimit.value ? createVNode("span", {
           "class": "limit"
-        }, [createTextVNode("\uFF08\u6700\u591A"), settings.limit, createTextVNode("\u9879\uFF09")]) : ""]), isLimit.value ? "" : createVNode("span", {
+        }, [createTextVNode("\uFF08\u6700\u591A"), localSettings.value.limit, createTextVNode("\u9879\uFF09")]) : ""]), isLimit.value ? "" : createVNode("span", {
           "class": "check-all",
           "onClick": handleCheckAllClick
         }, [createVNode(BkCheckbox, {
           "label": "\u5168\u9009",
-          "modelValue": checkAll.value
+          "indeterminate": Boolean(indeterminate.value),
+          "modelValue": checkedFields.value.length > 0
         }, {
           default: () => [createTextVNode("\u5168\u9009")]
         })])]), createVNode(BkCheckboxGroup, {
@@ -16386,6 +16519,7 @@ var Settings = defineComponent({
             "class": "field-item"
           }, [createVNode(BkCheckbox, {
             "label": resolvePropVal(item, "field", [item, index]),
+            "checked": checkedFields.value.includes(resolvePropVal(item, "field", [item, index])),
             "disabled": isItemReadonly(item, index)
           }, _isSlot$1(_slot = resolvePropVal(item, "label", [item, index])) ? _slot : {
             default: () => [_slot]
@@ -16409,7 +16543,7 @@ var Settings = defineComponent({
           default: () => [createTextVNode("\u53D6\u6D88")]
         })])]);
       }
-    });
+    }) : "";
   }
 });
 var useFixedColumn = (props, colgroups, hasScrollY) => {
@@ -16529,14 +16663,14 @@ class TableRender {
       this.reactiveProp.setting.height = height;
       if (checked.length) {
         this.colgroups.forEach((col) => {
-          col.isHidden = !(checked != null ? checked : []).includes(resolvePropVal(col, "field", [col]));
+          col.isHidden = !(checked != null ? checked : []).includes(resolvePropVal(col, ["field", "type"], [col]));
         });
       }
       this.emitEvent(EVENTS$1.ON_SETTING_CHANGE, [arg]);
     };
     return [this.props.settings ? createVNode(Settings, {
       "class": "table-head-settings",
-      "settings": this.props.settings,
+      "settings": this.reactiveProp.settings,
       "columns": this.props.columns,
       "rowHeight": this.props.rowHeight,
       "onChange": handleSettingsChanged
@@ -17015,7 +17149,8 @@ const useClass = (props, root, reactiveProp, pageData) => {
     "has-scroll-y": hasScrollY.value || props.virtualEnabled
   }, resolvePropBorderToClassStr(props.border)));
   const headClass = classes({
-    [resolveClassName("table-head")]: true
+    [resolveClassName("table-head")]: true,
+    "has-settings": !!props.settings
   });
   const config = resolveHeadConfig(props);
   const headStyle = computed(() => ({
@@ -17113,10 +17248,11 @@ const useClass = (props, root, reactiveProp, pageData) => {
   };
 };
 const useInit = (props) => {
+  var _a, _b;
   const colgroups = reactive([]);
   const updateColGroups = () => {
-    var _a;
-    colgroups.splice(0, colgroups.length, ...((_a = props.columns) != null ? _a : []).map((col) => __spreadProps(__spreadValues({}, col), {
+    var _a2;
+    colgroups.splice(0, colgroups.length, ...((_a2 = props.columns) != null ? _a2 : []).map((col) => __spreadProps(__spreadValues({}, col), {
       calcWidth: null,
       resizeWidth: null,
       listeners: /* @__PURE__ */ new Map()
@@ -17135,23 +17271,24 @@ const useInit = (props) => {
       bottom: 1
     },
     activeColumns,
+    settings: props.settings,
     setting: {
-      size: null,
-      height: null
+      size: (_a = props.settings) == null ? void 0 : _a.size,
+      height: SETTING_SIZE[(_b = props.settings) == null ? void 0 : _b.size]
     }
   });
   const isRowExpand = (rowId) => {
-    var _a;
+    var _a2;
     if (reactiveSchema.rowActions.has(rowId)) {
-      return (_a = reactiveSchema.rowActions.get(rowId)) == null ? void 0 : _a.isExpand;
+      return (_a2 = reactiveSchema.rowActions.get(rowId)) == null ? void 0 : _a2.isExpand;
     }
     return false;
   };
   const setRowExpand = (row, expand = void 0) => {
-    var _a;
+    var _a2;
     const rowId = row[TABLE_ROW_ATTRIBUTE.ROW_UID];
     const isExpand = typeof expand === "boolean" ? expand : !isRowExpand(rowId);
-    reactiveSchema.rowActions.set(rowId, Object.assign({}, (_a = reactiveSchema.rowActions.get(rowId)) != null ? _a : {}, { isExpand }));
+    reactiveSchema.rowActions.set(rowId, Object.assign({}, (_a2 = reactiveSchema.rowActions.get(rowId)) != null ? _a2 : {}, { isExpand }));
     updateIndexData();
   };
   const indexData = reactive([]);
@@ -24290,8 +24427,14 @@ var useNodeAction = (props, ctx, flatData, _renderData, schemaValues, initOption
     updateParentChecked(item, value);
     ctx.emit(EVENTS.NODE_CHECKED, schemaValues.value.filter((t2) => isNodeChecked(t2)).map((n2) => n2[NODE_ATTRIBUTES.UUID]));
   };
-  const isIndeterminate = (item) => isNodeChecked(item) && !schemaValues.value.filter((node) => String.prototype.startsWith.call(getNodePath(node), getNodePath(item))).every((filterNode) => isNodeChecked(filterNode));
-  const isNodeItemChecked = (item) => isNodeChecked(item) || schemaValues.value.filter((node) => String.prototype.startsWith.call(getNodePath(node), getNodePath(item))).some((filterNode) => isNodeChecked(filterNode));
+  const isIndeterminate = (item) => isNodeChecked(item) && !schemaValues.value.filter((node) => {
+    var _a;
+    return (_a = getNodePath(node)) == null ? void 0 : _a.startsWith(getNodePath(item));
+  }).every((filterNode) => isNodeChecked(filterNode));
+  const isNodeItemChecked = (item) => isNodeChecked(item) || schemaValues.value.filter((node) => {
+    var _a;
+    return (_a = getNodePath(node)) == null ? void 0 : _a.startsWith(getNodePath(item));
+  }).some((filterNode) => isNodeChecked(filterNode));
   const getCheckboxRender = (item) => {
     if (!props.showCheckbox) {
       return null;
@@ -24762,7 +24905,10 @@ var useTreeInit = (props) => {
     flatten(treeData ? treeData : data2);
     if (props2.showCheckbox) {
       checkedList == null ? void 0 : checkedList.forEach((value) => {
-        Array.from(schema.values()).filter((t2) => t2[NODE_ATTRIBUTES.PATH].startsWith(schema.get(value)[NODE_ATTRIBUTES.PATH])).forEach((n2) => Object.assign(n2, {
+        Array.from(schema.values()).filter((t2) => {
+          var _a2;
+          return (_a2 = t2[NODE_ATTRIBUTES.PATH]) == null ? void 0 : _a2.startsWith(schema.get(value)[NODE_ATTRIBUTES.PATH]);
+        }).forEach((n2) => Object.assign(n2, {
           [NODE_ATTRIBUTES.IS_CHECKED]: true
         }));
         loopUpdateNodeAttr(value, NODE_ATTRIBUTES.IS_CHECKED, true, () => true);
@@ -24922,7 +25068,10 @@ var Component$5 = defineComponent({
     }
     const filterFn = (item) => {
       if (isSearchActive.value) {
-        const treeUiFilter = () => isTreeUI ? schemaValues.value.some((schema) => schema[NODE_ATTRIBUTES.PATH].startsWith(getNodePath(item)) && schema[NODE_ATTRIBUTES.IS_MATCH]) : false;
+        const treeUiFilter = () => isTreeUI ? schemaValues.value.some((schema) => {
+          var _a;
+          return ((_a = schema[NODE_ATTRIBUTES.PATH]) == null ? void 0 : _a.startsWith(getNodePath(item))) && schema[NODE_ATTRIBUTES.IS_MATCH];
+        }) : false;
         return getNodeAttr2(item, NODE_ATTRIBUTES.IS_MATCH) || treeUiFilter();
       }
       return true;