bkui-vue 0.0.1-beta.454 → 0.0.1-beta.456

package/dist/index.esm.js

@@ -10393,11 +10393,6 @@ var Component$x = defineComponent({
       var _a2;
       isFocused.value = false;
       ctx.emit(EVENTS$2.BLUR, e);
-      if (isNumberInput.value && Number.isInteger(parseInt(e.target.value, 10)) && (e.target.value > props2.max || e.target.value < props2.min)) {
-        const val = e.target.value > props2.max ? props2.max : props2.min;
-        ctx.emit(EVENTS$2.UPDATE, val);
-        ctx.emit(EVENTS$2.CHANGE, val);
-      }
       if (props2.withValidate) {
         (_a2 = formItem == null ? void 0 : formItem.validate) == null ? void 0 : _a2.call(formItem, "blur");
       }
@@ -10412,6 +10407,14 @@ var Component$x = defineComponent({
           return;
         if (eventName === EVENTS$2.INPUT) {
           ctx.emit(EVENTS$2.UPDATE, e.target.value);
+        } else if (eventName === EVENTS$2.CHANGE && isNumberInput.value) {
+          const val = parseInt(e.target.value, 10);
+          if (val > props2.max || val < props2.min) {
+            const limitVal = val > props2.max ? props2.max : props2.min;
+            ctx.emit(EVENTS$2.UPDATE, limitVal, e);
+            ctx.emit(eventName, limitVal, e);
+            return;
+          }
         }
         ctx.emit(eventName, e.target.value, e);
       };
@@ -11361,10 +11364,16 @@ var Dialog = defineComponent({
       }
       emit("value-change", val);
     });
-    const handleClose = () => {
-      emit("update:isShow", false);
-      emit("closed");
-      isModalShow.value = false;
+    const handleClose = async () => {
+      let shouldClose = true;
+      if (typeof props2.beforeClose === "function") {
+        shouldClose = await props2.beforeClose();
+      }
+      if (shouldClose) {
+        emit("update:isShow", false);
+        emit("closed");
+        isModalShow.value = false;
+      }
     };
     const handleConfirm = () => {
       emit("update:isShow", false);
@@ -17481,7 +17490,9 @@ const EMIT_EVENT_TYPES = {
   ["settingChange"]: EMPTY$1,
   ["scrollBottom"]: EMPTY$1,
   ["cellClick"]: EMPTY$1,
-  ["cellDblclick"]: EMPTY$1
+  ["cellDblclick"]: EMPTY$1,
+  ["rowMouseEnter"]: EMPTY$1,
+  ["rowMouseLeave"]: EMPTY$1
 };
 const TABLE_ROW_ATTRIBUTE = {
   ROW_INDEX: "__$table_row_index",
@@ -17673,7 +17684,8 @@ const tableProps = {
   }),
   observerResize: PropTypes.bool.def(true),
   align: TableAlign,
-  headerAlign: TableAlign
+  headerAlign: TableAlign,
+  prependStyle: PropTypes.style().def({})
 };
 var Column = defineComponent({
   name: "TableColumn",
@@ -17805,7 +17817,7 @@ var usePagination = (props2, indexData) => {
   const resetStartEndIndex = () => {
     if (!props2.pagination || props2.remotePagination) {
       startIndex.value = 0;
-      endIndex.value = props2.data.length;
+      endIndex.value = indexData.length;
       return;
     }
     startIndex.value = (pagination2.current - 1) * pagination2.limit;
@@ -17819,7 +17831,7 @@ var usePagination = (props2, indexData) => {
   };
   const filter = (sourceData, filterFn) => {
     if (typeof filterFn === "function") {
-      const filterVals = sourceData.filter((row, index2) => filterFn(row, index2, props2.data));
+      const filterVals = sourceData.filter((row, index2) => filterFn(row, index2, indexData));
       sourceData.length = 0;
       sourceData.push(...filterVals);
     }
@@ -17849,7 +17861,7 @@ var usePagination = (props2, indexData) => {
       return;
     }
     localPagination.value = props2.remotePagination ? pagination2 : __spreadProps(__spreadValues({}, pagination2), {
-      count: props2.data.length
+      count: indexData.length
     });
   };
   return {
@@ -20168,6 +20180,7 @@ class TableRender {
         default: () => [createVNode("tr", {
           "style": rowStyle,
           "class": rowClass,
+          "data-key": rowKey,
           "onClick": (e) => this.handleRowClick(e, row, rowIndex, rows),
           "onDblclick": (e) => this.handleRowDblClick(e, row, rowIndex, rows),
           "onMouseenter": (e) => this.handleRowEnter(e, row, rowIndex, rows),
@@ -20931,12 +20944,13 @@ const useInit = (props2, targetColumns) => {
   const initIndexData = (keepLocalAction = false) => {
     let preRowId = null;
     const skipConfig = {};
+    const resolvedData = props2.data.map((d2) => __spreadValues({ [TABLE_ROW_ATTRIBUTE.ROW_UID]: uuid_1.v4() }, d2));
     if (neepColspanOrRowspan.value || needSelection.value || needExpand.value || needIndexColumn.value) {
-      const copyData = props2.data.map((item, index2) => {
+      const copyData = resolvedData.map((item, index2) => {
         const rowId = getRowKey(item, props2, index2);
         preRowId = rowId;
         const target = __spreadProps(__spreadValues({}, item), {
-          [TABLE_ROW_ATTRIBUTE.ROW_UID]: rowId,
+          [TABLE_ROW_ATTRIBUTE.ROW_UID]: item[TABLE_ROW_ATTRIBUTE.ROW_UID] || rowId,
           [TABLE_ROW_ATTRIBUTE.ROW_SOURCE_DATA]: __spreadValues({}, item)
         });
         if (neepColspanOrRowspan.value) {
@@ -20962,7 +20976,7 @@ const useInit = (props2, targetColumns) => {
       return;
     }
     indexData.length = 0;
-    indexData.push(...props2.data);
+    indexData.push(...resolvedData);
   };
   const isRowChecked = (isRowCheckEnable, selectedAll, item, index2) => {
     const isChecked = resolveSelection(item, item[TABLE_ROW_ATTRIBUTE.ROW_UID], index2);
@@ -21397,6 +21411,19 @@ var Component$f = defineComponent({
       scrollXName: "",
       scrollYName: ""
     });
+    const prependStyle = computed(() => __spreadValues({
+      position: "sticky",
+      top: 0,
+      zIndex: 2
+    }, props2.prependStyle || {}));
+    const renderPrepend = () => {
+      if (ctx.slots.prepend) {
+        return createVNode("div", {
+          "style": prependStyle.value
+        }, [ctx.slots.prepend()]);
+      }
+      return null;
+    };
     return () => {
       var _a, _b;
       return createVNode("div", {
@@ -21422,7 +21449,8 @@ var Component$f = defineComponent({
           "rowKey": props2.rowKey,
           "enabled": props2.virtualEnabled
         }), {
-          default: (scope) => tableRender.renderTableBodySchema(scope.data || props2.data),
+          beforeContent: () => renderPrepend(),
+          default: (scope) => tableRender.renderTableBodySchema(scope.data || pageData),
           afterSection: () => createVNode("div", {
             "class": fixedBottomBorder.value
           }, null)
@@ -30094,7 +30122,8 @@ const treeProps = {
   nodeContentAction: PropTypes.oneOfType([
     PropTypes.arrayOf(j("nodeContentActionType", {}).def(NodeContentActionEnum.CLICK)),
     PropTypes.func.def(() => ["selected"])
-  ]).def(["selected", "expand", "click"])
+  ]).def(["selected", "expand", "click"]),
+  keepSlotData: PropTypes.bool.def(false)
 };
 var useEmpty = (props2, {
   slots
@@ -30187,6 +30216,10 @@ var useNodeAttribute = (flatData, props2) => {
   const extendNodeAttr = (item) => __spreadProps(__spreadValues({}, item), {
     [NODE_ATTRIBUTES.TREE_NODE_ATTR]: resolveScopedSlotParam(item)
   });
+  const extendNodeScopedData = (item) => ({
+    data: item,
+    attributes: resolveScopedSlotParam(item)
+  });
   return {
     getSchemaVal: getSchemaVal2,
     getNodeAttr: getNodeAttr2,
@@ -30211,7 +30244,8 @@ var useNodeAttribute = (flatData, props2) => {
     resolveScopedSlotParam,
     setTreeNodeLoading,
     extendNodeAttr,
-    getChildNodes
+    getChildNodes,
+    extendNodeScopedData
   };
 };
 const DEFAULT_LEVLE_LINE = "1px dashed #c3cdd7";
@@ -30390,7 +30424,8 @@ var useNodeAction = (props2, ctx, flatData, _renderData, schemaValues, initOptio
     isNodeChecked,
     getParentNode: getParentNode2,
     resolveScopedSlotParam,
-    extendNodeAttr
+    extendNodeAttr,
+    extendNodeScopedData
   } = useNodeAttribute(flatData, props2);
   const {
     registerNextLoop
@@ -30427,18 +30462,18 @@ var useNodeAction = (props2, ctx, flatData, _renderData, schemaValues, initOptio
   };
   const getLoadingIcon = (item) => {
     var _a, _b, _c;
-    return ((_c = (_b = (_a = ctx.slots).nodeLoading) == null ? void 0 : _b.call(_a, extendNodeAttr(item))) != null ? _c : isNodeLoading(item)) ? createVNode(spinner, null, null) : "";
+    return ((_c = (_b = (_a = ctx.slots).nodeLoading) == null ? void 0 : _b.call(_a, getScopedSlotData(item))) != null ? _c : isNodeLoading(item)) ? createVNode(spinner, null, null) : "";
   };
   const getActionIcon = (item) => {
     if (ctx.slots.nodeAction) {
-      return ctx.slots.nodeAction(extendNodeAttr(item));
+      return ctx.slots.nodeAction(getScopedSlotData(item));
     }
     let prefixFnVal = null;
     if (isNodeLoading(item)) {
       return getLoadingIcon(item);
     }
     if (typeof props2.prefixIcon === "function") {
-      prefixFnVal = props2.prefixIcon(extendNodeAttr(item), "node_action");
+      prefixFnVal = props2.prefixIcon(getScopedSlotData(item), "node_action");
       if (prefixFnVal !== "default") {
         return renderPrefixVal(prefixFnVal);
       }
@@ -30459,11 +30494,11 @@ var useNodeAction = (props2, ctx, flatData, _renderData, schemaValues, initOptio
       return null;
     }
     if (ctx.slots.nodeType) {
-      return ctx.slots.nodeType(extendNodeAttr(item));
+      return ctx.slots.nodeType(getScopedSlotData(item));
     }
     let prefixFnVal = null;
     if (typeof props2.prefixIcon === "function") {
-      prefixFnVal = props2.prefixIcon(extendNodeAttr(item), "node_type");
+      prefixFnVal = props2.prefixIcon(getScopedSlotData(item), "node_type");
       if (prefixFnVal !== "default") {
         return renderPrefixVal(prefixFnVal);
       }
@@ -30679,8 +30714,24 @@ var useNodeAction = (props2, ctx, flatData, _renderData, schemaValues, initOptio
       "style": getNodeLineStyle(maxDeep - index2)
     }, null));
   };
+  const renderNodeSlots = (item) => {
+    var _a, _b, _c, _d;
+    if (ctx.slots.node) {
+      return (_b = (_a = ctx.slots).node) == null ? void 0 : _b.call(_a, getScopedSlotData(item));
+    }
+    if (ctx.slots.default) {
+      return (_d = (_c = ctx.slots).default) == null ? void 0 : _d.call(_c, extendNodeScopedData(item));
+    }
+    return [getLabel(item, props2)];
+  };
+  const getScopedSlotData = (item) => {
+    if (props2.keepSlotData) {
+      return extendNodeScopedData(item);
+    }
+    return extendNodeAttr(item);
+  };
   const renderTreeNode = (item) => {
-    var _a, _b, _c, _d, _e;
+    var _a, _b;
     return createVNode("div", {
       "data-tree-node": getNodeId(item),
       "key": getNodeId(item),
@@ -30696,7 +30747,7 @@ var useNodeAction = (props2, ctx, flatData, _renderData, schemaValues, initOptio
       "class": resolveClassName("node-content")
     }, [[getCheckboxRender(item), getNodePrefixIcon(item)], createVNode("span", {
       "class": resolveClassName("node-text")
-    }, [(_c = (_b = (_a = ctx.slots).node) == null ? void 0 : _b.call(_a, extendNodeAttr(item))) != null ? _c : [getLabel(item, props2)]]), (_e = (_d = ctx.slots).nodeAppend) == null ? void 0 : _e.call(_d, extendNodeAttr(item))]), getVirtualLines(item)])]);
+    }, [renderNodeSlots(item)]), (_b = (_a = ctx.slots).nodeAppend) == null ? void 0 : _b.call(_a, getScopedSlotData(item))]), getVirtualLines(item)])]);
   };
   return {
     renderTreeNode,
@@ -31753,6 +31804,7 @@ var FormItem = defineComponent({
   }
 });
 const BkForm = withInstallProps(Form, { FormItem, ComposeFormItem });
+const containerKey = Symbol("containerProps");
 const colProps = {
   span: PropTypes.number.def(1),
   offset: PropTypes.number.def(0),
@@ -31768,7 +31820,7 @@ var Col = defineComponent({
       col,
       gutter,
       flex
-    } = inject("containerProps");
+    } = inject(containerKey);
     const {
       span,
       offset: offset2,
@@ -31819,7 +31871,7 @@ var Container = defineComponent({
       flex,
       extCls
     } = props2;
-    provide("containerProps", {
+    provide(containerKey, {
       col,
       gutter,
       flex
@@ -31851,7 +31903,7 @@ var Row = defineComponent({
       col,
       gutter,
       flex
-    } = inject("containerProps");
+    } = inject(containerKey);
     provide("containerProps", {
       col,
       gutter,
@@ -32028,18 +32080,32 @@ var CascaderPanel = defineComponent({
         menus.list = menus.list.slice(0, 1);
         activePath.value = [];
       }
-      value.forEach((id) => {
+      expandByNodeList(value);
+      checkValue.value = value;
+    };
+    const expandByNodeList = (value) => {
+      let targetList = [];
+      if (store.config.multiple) {
+        for (const subArray of value) {
+          if (subArray.length > targetList.length) {
+            targetList = subArray;
+          }
+        }
+      } else {
+        targetList = value;
+      }
+      targetList.forEach((id) => {
         const node = store.getNodeById(id);
         nodeExpandHandler(node);
       });
-      checkValue.value = value;
     };
     const nodeCheckHandler = (node) => {
       if (node.isDisabled) {
         return;
       }
       if (node.config.multiple) {
-        checkValue.value = store.getCheckedNodes().map((node2) => node2.path);
+        const targets = store.config.checkAnyLevel ? store.getCheckedNodes() : store.getCheckedLeafNodes();
+        checkValue.value = targets.map((node2) => node2.path);
       } else {
         checkValue.value = node.path;
       }
@@ -32148,6 +32214,7 @@ var CascaderPanel = defineComponent({
       panelWidth,
       panelHeight,
       searchPanelEvents,
+      expandByNodeList,
       noDataText
     };
   },
@@ -32290,15 +32357,13 @@ class Node$1 {
     this.isIndeterminate = checkedNum !== totalNum && checkedNum > 0;
   }
   setNodeCheck(status) {
-    if (this.checked !== status) {
-      if (this.config.checkAnyLevel) {
-        this.checked = status;
-        return;
-      }
-      this.broadcast("check", status);
-      this.setCheckState(status);
-      this.emit("check");
+    if (this.config.checkAnyLevel) {
+      this.checked = status;
+      return;
     }
+    this.broadcast("check", status);
+    this.setCheckState(status);
+    this.emit("check");
   }
   calculateNodesPath() {
     const nodes = [this];
@@ -32331,14 +32396,14 @@ class Store {
   }
   clearChecked() {
     this.getFlattedNodes().forEach((node) => {
-      node.checked = false;
+      node.setNodeCheck(false);
       node.isIndeterminate = false;
     });
   }
   removeTag(tag2) {
     this.getFlattedNodes().find((node) => {
       if (arrayEqual(tag2, node.path)) {
-        node.checked = false;
+        node.setNodeCheck(false);
         return true;
       }
       return false;
@@ -32349,17 +32414,20 @@ class Store {
   }
   setNodesCheck(nodes) {
     this.getFlattedNodes().forEach((node) => {
-      node.checked = false;
+      node.setNodeCheck(false);
       const checkedNode = nodes.find((nodeValue) => arrayEqual(node.path, nodeValue));
       if (checkedNode) {
         const currentNode = this.getNodeByValue(checkedNode);
-        currentNode.checked = true;
+        currentNode.setNodeCheck(true);
       }
     });
   }
   getCheckedNodes() {
     return this.getFlattedNodes().filter((node) => node.checked);
   }
+  getCheckedLeafNodes() {
+    return this.getFlattedNodes().filter((node) => node.isLeaf && node.checked);
+  }
   getNodeByValue(value) {
     var _a;
     const nodes = this.getFlattedNodes().filter((node) => arrayEqual(node.path, value));
@@ -32462,22 +32530,18 @@ var Component$8 = defineComponent({
       var _a;
       if (multiple) {
         store.value.setNodesCheck(val);
-        selectedTags.value = store.value.getCheckedNodes().map((node) => ({
-          text: getShowText(node),
-          key: node.id
+        selectedTags.value = store.value.getCheckedNodes().filter((node2) => store.value.config.checkAnyLevel || node2.isLeaf).map((node2) => ({
+          text: getShowText(node2),
+          key: node2.id
         }));
         selectedText.value = selectedTags.value.map((item) => item.text).join(", ");
         return;
       }
-      !props2.checkAnyLevel && ((_a = popover2 == null ? void 0 : popover2.value) == null ? void 0 : _a.hide());
-      if (val.length === 0) {
-        selectedText.value = "";
-      } else {
-        const node = store.value.getNodeByValue(val);
-        if (!node)
-          return;
-        selectedText.value = getShowText(node);
+      if (!props2.checkAnyLevel) {
+        (_a = popover2 == null ? void 0 : popover2.value) == null ? void 0 : _a.hide();
       }
+      const node = store.value.getNodeByValue(val);
+      selectedText.value = node ? getShowText(node) : "";
       updateSearchKey();
     };
     const handleClear = (e) => {