bkui-vue 0.0.1-beta.455 → 0.0.1-beta.457

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);
       };
@@ -11156,10 +11159,10 @@ var Component$u = defineComponent({
   },
   computed: {
     dialogWidth() {
-      return /^\d+$/.test(`${this.width}`) ? `${this.width}px` : this.width;
+      return /^\d+\.?\d*$/.test(`${this.width}`) ? `${this.width}px` : this.width;
     },
     dialogHeight() {
-      return /^\d+$/.test(`${this.height}`) ? `${this.height}px` : this.height;
+      return /^\d+\.?\d*$/.test(`${this.height}`) ? `${this.height}px` : this.height;
     },
     compStyle() {
       return {
@@ -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);
@@ -13618,13 +13627,20 @@ var usePopperId = (props2, prefix = "#") => {
       }
     };
     const resolveCommonBoundary = () => {
-      if (!/^body$/i.test(props2.boundary) && typeof props2.boundary === "string") {
-        if (!isAvailableId(props2.boundary)) {
-          console.error("props.boundary is not available selector");
-          resolvedBoundary = "body";
+      if (!/^body$/i.test(props2.boundary)) {
+        if (typeof props2.boundary === "string") {
+          if (!isAvailableId(props2.boundary)) {
+            console.error("props.boundary is not available selector");
+            resolvedBoundary = "body";
+            return;
+          }
+          resolvedBoundary = props2.boundary;
+          return;
+        }
+        if (isElement(props2.boundary)) {
+          resolvedBoundary = props2.boundary;
           return;
         }
-        resolvedBoundary = props2.boundary;
       }
     };
     resolveBoundary(resolveParentBoundary);
@@ -17481,7 +17497,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 +17691,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 +17824,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 +17838,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 +17868,7 @@ var usePagination = (props2, indexData) => {
       return;
     }
     localPagination.value = props2.remotePagination ? pagination2 : __spreadProps(__spreadValues({}, pagination2), {
-      count: props2.data.length
+      count: indexData.length
     });
   };
   return {
@@ -20168,6 +20187,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 +20951,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 +20983,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 +21418,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 +21456,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 +30129,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 +30223,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 +30251,8 @@ var useNodeAttribute = (flatData, props2) => {
     resolveScopedSlotParam,
     setTreeNodeLoading,
     extendNodeAttr,
-    getChildNodes
+    getChildNodes,
+    extendNodeScopedData
   };
 };
 const DEFAULT_LEVLE_LINE = "1px dashed #c3cdd7";
@@ -30390,7 +30431,8 @@ var useNodeAction = (props2, ctx, flatData, _renderData, schemaValues, initOptio
     isNodeChecked,
     getParentNode: getParentNode2,
     resolveScopedSlotParam,
-    extendNodeAttr
+    extendNodeAttr,
+    extendNodeScopedData
   } = useNodeAttribute(flatData, props2);
   const {
     registerNextLoop
@@ -30427,18 +30469,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 +30501,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 +30721,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 +30754,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,