bkui-vue 2.0.2-beta.99 → 2.1.0-dev-beta.2

package/lib/table/table.less

@@ -13,12 +13,10 @@
 .@{bk-prefix}-table {
   position: relative;
   width: 100%;
-  height: 100%;
   overflow: hidden;
   border-spacing: 0;
   display: flex;
   flex-direction: column;
-  max-height: fit-content;
 
   .@{bk-prefix}-table-body {
     position: relative;
@@ -45,8 +43,10 @@
   .bk-table-body-wrapper {
     position: relative;
     width: 100%;
-    height: 100%;
+    flex: 1 1 auto;
+    min-height: 0;
     overflow: hidden;
+    font-size: 0;
 
     // 表头右侧设置按钮：固定在可视区域右侧（不随横向滚动移动）
     .bk-table-head-settings-wrapper {
@@ -336,15 +336,15 @@
 
           }
 
+          &.cell-resize {
+            cursor: col-resize;
+          }
+
           .cell {
             display: flex;
             align-items: center;
             height: calc(var(--row-height) - 2px);
             color: @table-head-font-color;
-
-            &.cell-resize {
-              cursor: col-resize;
-            }
           }
 
         }
@@ -372,6 +372,12 @@
             }
           }
 
+          &:last-child {
+            td {
+              border-bottom: none;
+            }
+          }
+
           td {
             background-color: #fff;
             border-top: 1px solid @table-bg-color;
@@ -397,6 +403,28 @@
             }
           }
 
+          &.row-height-auto {
+            td {
+              // 覆盖全局 th, td { height: var(--row-height) }，让内容撑起行高
+              // auto 模式使用独立的 --row-min-height 变量，语义上明确表示最小高度而非固定高度
+              height: auto !important;
+              min-height: var(--row-min-height, 42px);
+
+              .cell {
+                display: flex;
+                align-items: center;
+                height: auto;
+                min-height: calc(var(--row-min-height, 42px) - 4px);
+                // 允许文字换行，覆盖全局 white-space: nowrap / overflow: hidden / text-overflow: ellipsis
+                white-space: normal;
+                overflow: visible;
+                text-overflow: unset;
+                word-break: break-word;
+                line-height: normal;
+              }
+            }
+          }
+
           &:hover {
             &.hover-highlight {
               td {
@@ -484,6 +512,10 @@
     &.is-hidden {
       display: none;
     }
+
+    &:not(.is-hidden) {
+      border-top: 1px solid @table-border-color;
+    }
   }
 
   &.bordered-row {
@@ -503,19 +535,52 @@
   }
 
   &.bordered-outer {
-    border: 1px solid @table-border-color;
+    .bk-table-body-wrapper {
+      border: 1px solid @table-border-color;
+      border-radius: 2px;
+      box-sizing: border-box;
+    }
+
+    .@{bk-prefix}-table-footer:not(.is-hidden) {
+      border-left: 1px solid @table-border-color;
+      border-right: 1px solid @table-border-color;
+      border-bottom: 1px solid @table-border-color;
+      border-radius: 0 0 2px 2px;
+      box-sizing: border-box;
+    }
+
+    .bk-table-body-wrapper:has(~ .@{bk-prefix}-table-footer:not(.is-hidden)) {
+      border-bottom: none;
+      border-radius: 2px 2px 0 0;
+    }
   }
 
   &.bordered-horizontal {
-    border-top: 1px solid @table-border-color;
-    border-bottom: 1px solid @table-border-color;
+    .bk-table-body-wrapper {
+      border-top: 1px solid @table-border-color;
+      border-bottom: 1px solid @table-border-color;
+      box-sizing: border-box;
+    }
+
+    .@{bk-prefix}-table-footer:not(.is-hidden) {
+      border-bottom: 1px solid @table-border-color;
+      box-sizing: border-box;
+    }
+
+    .bk-table-body-wrapper:has(~ .@{bk-prefix}-table-footer:not(.is-hidden)) {
+      border-bottom: none;
+    }
   }
 
   &.bordered-outer,
   &.bordered-horizontal {
-    .__is-empty {
-      .@{bk-prefix}-table-body-content {
-        border-bottom: 1px solid @table-border-color;
+    .@{bk-prefix}-table-body {
+      tbody {
+        tr:last-child {
+          td {
+            border-bottom-color: @table-bg-color;
+          }
+        }
       }
     }
   }
@@ -559,6 +624,15 @@
         }
       }
     }
+
+    &.bordered-outer {
+      .@{bk-prefix}-table-head {
+        border-right: none;
+      }
+      .@{bk-prefix}-table-body {
+        border-right: none;
+      }
+    }
   }
 
   th,

package/lib/table/table.variable.css

@@ -1227,12 +1227,10 @@
 .bk-table {
   position: relative;
   width: 100%;
-  height: 100%;
   overflow: hidden;
   border-spacing: 0;
   display: flex;
   flex-direction: column;
-  max-height: fit-content;
 }
 .bk-table .bk-table-body {
   position: relative;
@@ -1253,8 +1251,10 @@
 .bk-table .bk-table-body-wrapper {
   position: relative;
   width: 100%;
-  height: 100%;
+  flex: 1 1 auto;
+  min-height: 0;
   overflow: hidden;
+  font-size: 0;
 }
 .bk-table .bk-table-body-wrapper .bk-table-head-settings-wrapper {
   position: absolute;
@@ -1523,6 +1523,10 @@
   transform-origin: center;
   content: '';
 }
+.bk-table .bk-table-head table thead th.cell-resize,
+.bk-table .bk-table-body table thead th.cell-resize {
+  cursor: col-resize;
+}
 .bk-table .bk-table-head table thead th .cell,
 .bk-table .bk-table-body table thead th .cell {
   display: flex;
@@ -1530,10 +1534,6 @@
   height: calc(var(--row-height) - 2px);
   color: #313238;
 }
-.bk-table .bk-table-head table thead th .cell.cell-resize,
-.bk-table .bk-table-body table thead th .cell.cell-resize {
-  cursor: col-resize;
-}
 .bk-table .bk-table-head table:not(.col-resize-hover) thead th.active,
 .bk-table .bk-table-body table:not(.col-resize-hover) thead th.active,
 .bk-table .bk-table-head table:not(.col-resize-hover) thead th:hover,
@@ -1549,6 +1549,10 @@
 .bk-table .bk-table-body table tbody tr.stripe-row td {
   background-color: #fafbfd;
 }
+.bk-table .bk-table-head table tbody tr:last-child td,
+.bk-table .bk-table-body table tbody tr:last-child td {
+  border-bottom: none;
+}
 .bk-table .bk-table-head table tbody tr td,
 .bk-table .bk-table-body table tbody tr td {
   background-color: #fff;
@@ -1573,6 +1577,23 @@
   text-align: center;
   cursor: move;
 }
+.bk-table .bk-table-head table tbody tr.row-height-auto td,
+.bk-table .bk-table-body table tbody tr.row-height-auto td {
+  height: auto !important;
+  min-height: var(--row-min-height, 42px);
+}
+.bk-table .bk-table-head table tbody tr.row-height-auto td .cell,
+.bk-table .bk-table-body table tbody tr.row-height-auto td .cell {
+  display: flex;
+  align-items: center;
+  height: auto;
+  min-height: calc(var(--row-min-height, 42px) - 4px);
+  white-space: normal;
+  overflow: visible;
+  text-overflow: unset;
+  word-break: break-word;
+  line-height: normal;
+}
 .bk-table .bk-table-head table tbody tr:hover.hover-highlight td:not(.empty-cell),
 .bk-table .bk-table-body table tbody tr:hover.hover-highlight td:not(.empty-cell) {
   background: #f5f7fa;
@@ -1633,22 +1654,46 @@
 .bk-table .bk-table-footer.is-hidden {
   display: none;
 }
+.bk-table .bk-table-footer:not(.is-hidden) {
+  border-top: 1px solid #dcdee5;
+}
 .bk-table.bordered-row .bk-table-head {
   border-bottom: 1px solid #dcdee5;
 }
 .bk-table.bordered-row .bk-table-body tbody tr td {
   border-bottom-color: #dcdee5;
 }
-.bk-table.bordered-outer {
+.bk-table.bordered-outer .bk-table-body-wrapper {
   border: 1px solid #dcdee5;
+  border-radius: 2px;
+  box-sizing: border-box;
+}
+.bk-table.bordered-outer .bk-table-footer:not(.is-hidden) {
+  border-left: 1px solid #dcdee5;
+  border-right: 1px solid #dcdee5;
+  border-bottom: 1px solid #dcdee5;
+  border-radius: 0 0 2px 2px;
+  box-sizing: border-box;
+}
+.bk-table.bordered-outer .bk-table-body-wrapper:has( ~ .bk-table-footer:not(.is-hidden)) {
+  border-bottom: none;
+  border-radius: 2px 2px 0 0;
 }
-.bk-table.bordered-horizontal {
+.bk-table.bordered-horizontal .bk-table-body-wrapper {
   border-top: 1px solid #dcdee5;
   border-bottom: 1px solid #dcdee5;
+  box-sizing: border-box;
 }
-.bk-table.bordered-outer .__is-empty .bk-table-body-content,
-.bk-table.bordered-horizontal .__is-empty .bk-table-body-content {
+.bk-table.bordered-horizontal .bk-table-footer:not(.is-hidden) {
   border-bottom: 1px solid #dcdee5;
+  box-sizing: border-box;
+}
+.bk-table.bordered-horizontal .bk-table-body-wrapper:has( ~ .bk-table-footer:not(.is-hidden)) {
+  border-bottom: none;
+}
+.bk-table.bordered-outer .bk-table-body tbody tr:last-child td,
+.bk-table.bordered-horizontal .bk-table-body tbody tr:last-child td {
+  border-bottom-color: white;
 }
 .bk-table.bordered-col .bk-table-head {
   border-right: 1px solid #dcdee5;
@@ -1674,6 +1719,12 @@
 .bk-table.bordered-col .bk-table-body tbody tr:hover.hover-highlight td:not(.empty-cell) {
   border-right-color: #dcdee5;
 }
+.bk-table.bordered-col.bordered-outer .bk-table-head {
+  border-right: none;
+}
+.bk-table.bordered-col.bordered-outer .bk-table-body {
+  border-right: none;
+}
 .bk-table th,
 .bk-table td {
   border-right: 1px solid white;

package/lib/tag-input/index.js

@@ -1462,12 +1462,10 @@ function renderContent(opts) {
     theme = opts.theme,
     extCls = opts.extCls;
   var isLight = theme === 'light';
-  var zIndex = shared_namespaceObject.bkZIndexManager.getPopperIndex();
   var content = document.createElement('div');
   var prefix = document.documentElement.style.getPropertyValue('--bk-prefix') || 'bk';
   content.className = "".concat((0,shared_namespaceObject.resolveClassName)('popper', prefix), " ").concat(isLight ? 'light' : 'dark', " ").concat(extCls);
   content.innerText = value;
-  content.style.zIndex = String(zIndex);
   renderContext(value, content);
   if (hasArrow) {
     var arrow = renderArrow();
@@ -1546,6 +1544,7 @@ function show(el) {
     _opts$modifiers = opts.modifiers,
     modifiers = _opts$modifiers === void 0 ? [] : _opts$modifiers;
   if (disabled) return;
+  popper.style.zIndex = String(shared_namespaceObject.bkZIndexManager.getPopperIndex());
   renderContext(content, popper);
   if (hasArrow) {
     var arrow = renderArrow();

package/lib/tree/index.js

@@ -19065,8 +19065,9 @@ var use_node_action_this = undefined;
     }
     /**
      * 处理异步节点多层级展开选中
+     * 仅在 autoOpen 为 true 时才触发异步加载和展开
      */
-    if (getNodeAttr(resolvedItem, NODE_ATTRIBUTES.IS_ASYNC)) {
+    if (autoOpen && getNodeAttr(resolvedItem, NODE_ATTRIBUTES.IS_ASYNC)) {
       if (isRemoteFnExec(event)) {
         asyncNodeClick(resolvedItem).then(function () {
           (0,external_vue_namespaceObject.nextTick)(function () {
@@ -19105,11 +19106,7 @@ var use_node_action_this = undefined;
     var isCheckboxEvent = event === 'checked';
     // 1. 处理 selected 行为：选中节点
     if (nodeActions.includes('selected')) {
-      // 如果配置了 expand 或 collapse，selected 不应该自动展开节点
-      // 让展开/收起逻辑由 expand/collapse 单独处理
-      var hasExpandOrCollapse = nodeActions.includes('expand') || nodeActions.includes('collapse');
-      var autoOpen = !hasExpandOrCollapse;
-      _setSelect(item, true, autoOpen, true, event);
+      _setSelect(item, true, false, true, event);
     }
     // 2. 处理 expand 行为：仅当节点是收起状态时展开
     if (nodeActions.includes('expand') && !isOpened && !isCheckboxEvent) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bkui-vue",
-  "version": "2.0.2-beta.99",
+  "version": "2.1.0-dev-beta.2",
   "workspaces": [
     "packages/**",
     "scripts/cli",