bkui-vue 0.0.1-beta.434 → 0.0.1-beta.436

package/dist/index.esm.js

@@ -17269,6 +17269,8 @@ var EMIT_EVENTS = /* @__PURE__ */ ((EMIT_EVENTS2) => {
   EMIT_EVENTS2["ROW_CLICK"] = "rowClick";
   EMIT_EVENTS2["ROW_DBL_CLICK"] = "rowDblclick";
   EMIT_EVENTS2["ROW_EXPAND_CLICK"] = "rowExpand";
+  EMIT_EVENTS2["ROW_MOUSE_ENTER"] = "rowMouseEnter";
+  EMIT_EVENTS2["ROW_MOUSE_LEAVE"] = "rowMouseLeave";
   EMIT_EVENTS2["PAGE_LIMIT_CHANGE"] = "pageLimitChange";
   EMIT_EVENTS2["PAGE_VALUE_CHANGE"] = "pageValueChange";
   EMIT_EVENTS2["SETTING_CHANGE"] = "settingChange";
@@ -17350,6 +17352,9 @@ const overflowModeType = j("showOverflowTooltipMode", {
 const columnType = j("columnType", {
   default: "none"
 });
+const TableAlign = j("columnType", {
+  default: ""
+});
 const fullType = j("full", {
   default: "full"
 });
@@ -17410,7 +17415,9 @@ const IColumnType = {
     PropTypes.string
   ]).def(false),
   colspan: PropTypes.oneOfType([PropTypes.func.def(() => 1), PropTypes.number.def(1)]),
-  rowspan: PropTypes.oneOfType([PropTypes.func.def(() => 1), PropTypes.number.def(1)])
+  rowspan: PropTypes.oneOfType([PropTypes.func.def(() => 1), PropTypes.number.def(1)]),
+  align: TableAlign,
+  className: PropTypes.oneOfType([PropTypes.string, PropTypes.func])
 };
 const tableProps = {
   data: PropTypes.arrayOf(PropTypes.any).def([]),
@@ -17434,7 +17441,7 @@ const tableProps = {
     PropTypes.string
   ]).def([BORDER_OPTION.ROW]),
   pagination: PropTypes.oneOfType([PropTypes.bool.def(false), PropTypes.object.def({})]).def(false),
-  paginationHeihgt: PropTypes.number.def(LINE_HEIGHT),
+  paginationHeight: PropTypes.number.def(60),
   remotePagination: PropTypes.bool.def(false),
   emptyText: PropTypes.string,
   settings: PropTypes.oneOfType([
@@ -17483,7 +17490,9 @@ const tableProps = {
   resizerWay: j("ResizerWay", {
     default: "debounce"
   }),
-  observerResize: PropTypes.bool.def(true)
+  observerResize: PropTypes.bool.def(true),
+  align: TableAlign,
+  headerAlign: TableAlign
 };
 var Column = defineComponent({
   name: "TableColumn",
@@ -19067,6 +19076,14 @@ var TableRow = defineComponent({
     return createVNode(Fragment, null, [(_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)]);
   }
 });
+class TablePlugins {
+  constructor(props2, ctx) {
+    __publicField(this, "props", null);
+    __publicField(this, "ctx", null);
+    this.props = props2;
+    this.ctx = ctx;
+  }
+}
 var BodyEmpty = defineComponent({
   name: "BodyEmpty",
   props: {
@@ -19283,7 +19300,8 @@ var HeadSort = defineComponent({
   name: "HeadSort",
   props: {
     column: PropTypes.any.def({}),
-    defaultSort: PropTypes.oneOf(SORT_OPTIONS).def(SORT_OPTION.NULL)
+    defaultSort: PropTypes.oneOf(SORT_OPTIONS).def(SORT_OPTION.NULL),
+    active: PropTypes.bool
   },
   emits: ["change"],
   setup(props2, {
@@ -19296,6 +19314,7 @@ var HeadSort = defineComponent({
       sortType.value = val;
     });
     const handleSortClick = (e, type) => {
+      var _a2;
       e.stopImmediatePropagation();
       e.stopPropagation();
       e.preventDefault();
@@ -19306,36 +19325,28 @@ var HeadSort = defineComponent({
       if (sortType.value === type) {
         currentSort = SORT_OPTION.NULL;
       }
+      const execFn = getSortFn(props2.column, currentSort);
       const sort = resolveSort(props2.column.sort);
       if ((sort == null ? void 0 : sort.value) === "custom") {
-        emit("change", sort == null ? void 0 : sort.sortFn, currentSort);
+        emit("change", (_a2 = sort == null ? void 0 : sort.sortFn) != null ? _a2 : execFn, currentSort);
         return;
       }
-      const execFn = getSortFn(props2.column, currentSort);
       emit("change", execFn, currentSort);
     };
     return () => createVNode("span", {
       "class": resolveClassName("head-cell-sort"),
       "onClick": (e) => handleSortClick(e, SORT_OPTION.NULL)
     }, [createVNode(angleDownFill, {
-      "class": ["sort-action", "sort-asc", sortType.value === SORT_OPTION.ASC ? "active" : ""],
+      "class": ["sort-action", "sort-asc", props2.active && sortType.value === SORT_OPTION.ASC ? "active" : ""],
       "style": "align-items: flex-end;",
       "onClick": (e) => handleSortClick(e, SORT_OPTION.ASC)
     }, null), createVNode(angleUpFill, {
-      "class": ["sort-action", "sort-desc", sortType.value === SORT_OPTION.DESC ? "active" : ""],
+      "class": ["sort-action", "sort-desc", props2.active && sortType.value === SORT_OPTION.DESC ? "active" : ""],
       "style": "align-items: flex-start;",
       "onClick": (e) => handleSortClick(e, SORT_OPTION.DESC)
     }, null)]);
   }
 });
-class TablePlugins {
-  constructor(props2, ctx) {
-    __publicField(this, "props", null);
-    __publicField(this, "ctx", null);
-    this.props = props2;
-    this.ctx = ctx;
-  }
-}
 function _isSlot$3(s2) {
   return typeof s2 === "function" || Object.prototype.toString.call(s2) === "[object Object]" && !isVNode(s2);
 }
@@ -19672,6 +19683,7 @@ class TableRender {
     this.events = /* @__PURE__ */ new Map();
     this.styleRef = styleRef;
     this.t = t2;
+    this.activeSortIndex = ref(-1);
   }
   get propActiveCols() {
     return this.reactiveProp.activeColumns;
@@ -19797,6 +19809,7 @@ class TableRender {
         [columnName]: nextSort
       });
       const sortFn = getSortFn(column, nextSort);
+      this.activeSortIndex.value = index2;
       this.emitEvent(EVENTS$1.ON_SORT_BY_CLICK, [{
         sortFn,
         column,
@@ -19811,6 +19824,7 @@ class TableRender {
       Object.assign(this.reactiveProp.defaultSort, {
         [columnName]: type
       });
+      this.activeSortIndex.value = index2;
       this.emitEvent(EVENTS$1.ON_SORT_BY_CLICK, [{
         sortFn,
         column,
@@ -19822,6 +19836,7 @@ class TableRender {
     return createVNode(HeadSort, {
       "column": column,
       "defaultSort": nextSort,
+      "active": this.activeSortIndex.value === index2,
       "onChange": handleSortClick
     }, null);
   }
@@ -19917,17 +19932,29 @@ class TableRender {
         }, null);
       }
     };
-    return createVNode("thead", {
+    return createVNode(Fragment, null, [createVNode("thead", {
       "style": rowStyle
     }, [createVNode(TableRow, null, {
-      default: () => [createVNode("tr", null, [this.filterColgroups.map((column, index2) => createVNode("th", mergeProps({
+      default: () => [createVNode("tr", null, [this.filterColGroups.map((column, index2) => createVNode("th", mergeProps({
         "colspan": 1,
         "rowspan": 1,
-        "class": this.getHeadColumnClass(column, index2),
+        "class": [this.getHeadColumnClass(column, index2), this.getColumnCustomClass(column), column.align || this.props.headerAlign || this.props.align],
         "style": resolveFixedColumnStyle(column, this.styleRef.value.hasScrollY),
         "onClick": () => this.handleColumnHeadClick(index2, column)
       }, resolveEventListener(column)), [renderHeadCell(column, index2)])), getScrollFix()])]
-    })]);
+    })])]);
+  }
+  getColumnCustomClass(column, row) {
+    const rowClass = column.className;
+    if (rowClass) {
+      if (typeof rowClass === "function") {
+        return rowClass(row);
+      }
+      if (typeof rowClass === "string") {
+        return rowClass;
+      }
+    }
+    return "";
   }
   renderTBody(rows) {
     const {
@@ -19947,8 +19974,10 @@ class TableRender {
           "style": rowStyle,
           "class": rowClass,
           "onClick": (e) => this.handleRowClick(e, row, rowIndex, rows),
-          "onDblclick": (e) => this.handleRowDblClick(e, row, rowIndex, rows)
-        }, [this.filterColgroups.map((column, index2) => {
+          "onDblclick": (e) => this.handleRowDblClick(e, row, rowIndex, rows),
+          "onMouseenter": (e) => this.handleRowEnter(e, row, rowIndex, rows),
+          "onMouseleave": (e) => this.handleRowLeave(e, row, rowIndex, rows)
+        }, [this.filterColGroups.map((column, index2) => {
           var _a, _b;
           const cellStyle = [resolveFixedColumnStyle(column), ...formatPropAsArray(this.props.cellStyle, [column, index2, row, rowIndex, this])];
           const tdCtxClass = {
@@ -19967,7 +19996,7 @@ class TableRender {
           } = (_b = (_a = row[skipRowKey]) == null ? void 0 : _a[columnIdKey]) != null ? _b : {};
           if (!skipRow && !skipCol) {
             let _slot;
-            const cellClass = [this.getColumnClass(column, index2), ...formatPropAsArray(this.props.cellClass, [column, index2, row, rowIndex, this]), {
+            const cellClass = [this.getColumnClass(column, index2), this.getColumnCustomClass(column, row), column.align || this.props.align, ...formatPropAsArray(this.props.cellClass, [column, index2, row, rowIndex, this]), {
               "expand-row": row[TABLE_ROW_ATTRIBUTE.ROW_EXPAND],
               "is-last": rowIndex + rowspan >= rowLength
             }];
@@ -20023,7 +20052,7 @@ class TableRender {
           return [createVNode("tr", {
             "class": resovledClass
           }, [createVNode("td", {
-            "colspan": this.filterColgroups.length,
+            "colspan": this.filterColGroups.length,
             "rowspan": 1
           }, [(_c = (_b = (_a = this.context.slots).expandRow) == null ? void 0 : _b.call(_a, getRowSourceData(row))) != null ? _c : createVNode("div", {
             "class": "expand-cell-ctx"
@@ -20038,6 +20067,12 @@ class TableRender {
   handleRowDblClick(e, row, index2, rows) {
     this.context.emit(EMIT_EVENTS.ROW_DBL_CLICK, e, row, index2, rows, this);
   }
+  handleRowEnter(e, row, index2, rows) {
+    this.context.emit(EMIT_EVENTS.ROW_MOUSE_ENTER, e, row, index2, rows, this);
+  }
+  handleRowLeave(e, row, index2, rows) {
+    this.context.emit(EMIT_EVENTS.ROW_MOUSE_LEAVE, e, row, index2, rows, this);
+  }
   getExpandCell(row) {
     const isExpand = !!row[TABLE_ROW_ATTRIBUTE.ROW_EXPAND];
     return isExpand ? createVNode(downShape, null, null) : createVNode(rightShape, null, null);
@@ -20127,7 +20162,7 @@ class TableRender {
     return this.props.columnPick !== "disabled" && this.propActiveCols.some((col) => col.index === colIndex && col.active);
   }
   renderColGroup() {
-    return createVNode("colgroup", null, [(this.filterColgroups || []).map((column, index2) => {
+    return createVNode("colgroup", null, [(this.filterColGroups || []).map((column, index2) => {
       const colCls = classes({
         active: this.isColActive(index2)
       });
@@ -20138,7 +20173,7 @@ class TableRender {
       }, null);
     })]);
   }
-  get filterColgroups() {
+  get filterColGroups() {
     return this.colgroups.filter((col) => !col.isHidden);
   }
   get setting() {
@@ -20441,7 +20476,7 @@ const useClass = (props2, targetColumns, root, reactiveProp, pageData) => {
     const resolveHeight = resolvePropHeight(props2.height, autoHeight.value);
     const resolveHeadHeight = getHeadHeight();
     const resolveMinHeight = resolvePropHeight(props2.minHeight, autoHeight.value);
-    const resolveFooterHeight = props2.pagination && props2.data.length ? props2.paginationHeihgt : 0;
+    const resolveFooterHeight = props2.pagination && props2.data.length ? props2.paginationHeight : 0;
     const contentHeight = resolveHeight - resolveHeadHeight - resolveFooterHeight;
     const height = props2.height !== "auto" ? `${contentHeight}px` : false;
     const minHeight = resolveMinHeight - resolveHeadHeight - resolveFooterHeight;
@@ -21145,7 +21180,7 @@ var Component$f = defineComponent({
       display: "none"
     };
     const footerStyle = computed(() => ({
-      "--footer-height": hasFooter.value ? `${props2.paginationHeihgt}px` : "0"
+      "--footer-height": hasFooter.value ? `${props2.paginationHeight}px` : "0"
     }));
     const fixedContainerStyle = computed(() => __spreadValues({
       right: hasScrollYRef.value ? `${SCROLLY_WIDTH}px` : 0
@@ -22343,6 +22378,17 @@ const tabNavEventProps = {
     default: () => ({})
   }
 };
+const tabPanelProps = {
+  name: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).def(""),
+  label: PropTypes.string || PropTypes.func,
+  tips: PropTypes.string,
+  closable: PropTypes.bool,
+  visible: PropTypes.bool.def(true),
+  disabled: PropTypes.bool,
+  sortable: PropTypes.bool,
+  renderDirective: renderDirectiveType(),
+  panel: PropTypes.string || PropTypes.func
+};
 const tabProps = {
   active: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).def(""),
   type: j("type", {}).def("border-card"),
@@ -22381,18 +22427,11 @@ const tabNavProps = __spreadValues({
   changeOnHover: PropTypes.bool.def(false),
   changeOnHoverDelay: PropTypes.number.def(1e3)
 }, tabNavEventProps);
-const tabPanelProps = {
-  name: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).def(""),
-  label: PropTypes.string || PropTypes.func,
-  closable: PropTypes.bool,
-  visible: PropTypes.bool.def(true),
-  disabled: PropTypes.bool,
-  sortable: PropTypes.bool,
-  renderDirective: renderDirectiveType(),
-  panel: PropTypes.string || PropTypes.func
-};
 var TabNav = defineComponent({
   name: "TabNav",
+  directives: {
+    bkTooltips: tooltips
+  },
   props: tabNavProps,
   setup(props2) {
     const activeRef = ref(null);
@@ -22455,7 +22494,8 @@ var TabNav = defineComponent({
           closable,
           visible,
           disabled,
-          sortable
+          sortable,
+          tips
         } = item.props;
         if (!visible) {
           return false;
@@ -22484,6 +22524,7 @@ var TabNav = defineComponent({
           visible,
           disabled,
           sortable,
+          tips,
           tabLabel: renderLabel(label)
         });
         return true;
@@ -22575,7 +22616,7 @@ var TabNav = defineComponent({
         return classNames.join(" ");
       };
       const getValue = (curentValue, parentValue) => !disabled && (curentValue || parentValue);
-      return createVNode("div", {
+      return withDirectives(createVNode("div", {
         "key": name,
         "onClick": () => !disabled && this.handleTabChange(name),
         "draggable": getValue(item.sortable, sortable),
@@ -22603,7 +22644,10 @@ var TabNav = defineComponent({
       }, [createVNode("div", null, [tabLabel]), getValue(item.closable, closable) ? createVNode("span", {
         "class": resolveClassName("tab-header--close"),
         "onClick": () => this.handleTabRemove(index2, item)
-      }, [createVNode(close$1, null, null)]) : ""]);
+      }, [createVNode(close$1, null, null)]) : ""]), [[resolveDirective("bk-tooltips"), {
+        content: item.tips,
+        disabled: !item.tips
+      }]]);
     });
     const renderOperation = () => {
       var _a, _b;
@@ -22713,9 +22757,9 @@ var Tab = defineComponent({
     onMounted(() => {
       setPanelInstances();
       isMounted.value = true;
-    });
-    onUpdated(() => {
-      setPanelInstances();
+      onUpdated(() => {
+        setPanelInstances();
+      });
     });
     const methods = {
       tabAdd(e) {
@@ -31387,7 +31431,7 @@ var FormItem = defineComponent({
         rules = props2.rules;
       }
       rules = getTriggerRules(trigger, mergeRules(rules, getRulesFromProps(props2, t2), t2));
-      if (rules.length > 0) {
+      if (rules.length > 0 && showError) {
         state.isError = false;
         state.errorMessage = "";
       }
@@ -31397,7 +31441,7 @@ var FormItem = defineComponent({
         return () => {
           stepIndex = stepIndex + 1;
           if (stepIndex >= rules.length) {
-            form2.emit("validate", props2.property, true, null);
+            form2.emit("validate", props2.property, true, "");
             return Promise.resolve(true);
           }
           const rule = rules[stepIndex];