bkui-vue 0.0.2-beta.100 → 0.0.2-beta.101

package/lib/table/index.js

@@ -4074,8 +4074,7 @@ var useClass = function useClass(props, targetColumns, root, TableSchema, pageDa
   var fixedContainerStyle = (0,external_vue_namespaceObject.computed)(function () {
     return use_common_objectSpread({
       right: hasScrollYRef.value ? "".concat(SCROLLY_WIDTH, "px") : 0,
-      '--fix-height': "".concat(fixHeight.value, "px"),
-      '--fix-max-height': "".concat(maxFixHeight.value, "px")
+      '--fix-height': "".concat(fixHeight.value, "px")
     }, footerStyle.value);
   });
   var scrollClass = (0,external_vue_namespaceObject.computed)(function () {
@@ -6092,6 +6091,9 @@ function table_objectSpread(target) { for (var i = 1; i < arguments.length; i++)
       renderTableFooter = _useRender.renderTableFooter,
       renderTableHeadSchema = _useRender.renderTableHeadSchema;
     var updateOffsetRight = function updateOffsetRight() {
+      if (!(root !== null && root !== void 0 && root.value)) {
+        return;
+      }
       var $tableContent = root.value.querySelector(".".concat(resolveClassName('table-body-content')));
       var $table = $tableContent.querySelector('table');
       if ($table) {

package/lib/table/table.css

@@ -1160,7 +1160,7 @@
   transform: translateX(var(--prepend-left));
 }
 .bk-table .bk-table-body-content.bk-stripe table tbody tr:nth-child(even) td {
-  background-color: #FAFBFD;
+  background-color: #fafbfd;
 }
 .bk-table .bk-table-body-content.bk-stripe table tbody tr td {
   border-bottom: none;
@@ -1202,19 +1202,19 @@
 }
 .bk-table .bk-table-head.__is-empty .bk-table-body-content,
 .bk-table .bk-table-body.__is-empty .bk-table-body-content {
+  position: relative;
   display: flex;
   width: 100%;
   height: 100%;
   padding-bottom: 20px;
-  position: relative;
 }
 .bk-table .bk-table-head table,
 .bk-table .bk-table-body table {
   width: 100%;
   border-collapse: collapse;
+  transform: translateZ(0);
   table-layout: fixed;
   align-self: flex-start;
-  transform: translateZ(0);
 }
 .bk-table .bk-table-head table th,
 .bk-table .bk-table-body table th,
@@ -1343,22 +1343,22 @@
 }
 .bk-table .bk-table-head table thead th,
 .bk-table .bk-table-body table thead th {
+  position: relative;
   font-weight: 400;
   background-color: var(--background-color);
-  position: relative;
 }
 .bk-table .bk-table-head table thead th.col-resize-hover::after,
 .bk-table .bk-table-body table thead th.col-resize-hover::after {
-  content: '';
   position: absolute;
-  right: 0;
   top: 0;
+  right: 0;
   bottom: 0;
-  width: 6px;
-  transform: translateX(50%);
-  background-color: #3785FF;
   z-index: 1;
+  width: 6px;
   pointer-events: none;
+  background-color: #3785ff;
+  content: '';
+  transform: translateX(50%);
 }
 .bk-table .bk-table-head table thead th .cell,
 .bk-table .bk-table-body table thead th .cell {
@@ -1371,8 +1371,8 @@
 .bk-table .bk-table-body table thead th.active,
 .bk-table .bk-table-head table thead th:hover,
 .bk-table .bk-table-body table thead th:hover {
-  background: var(--table-row-active-bg-color);
   cursor: pointer;
+  background: var(--table-row-active-bg-color);
 }
 .bk-table .bk-table-head table thead th.column_fixed,
 .bk-table .bk-table-body table thead th.column_fixed {
@@ -1405,18 +1405,18 @@
 }
 .bk-table .bk-table-head {
   position: relative;
-  transform: translateX(var(--scroll-head-left));
   z-index: 2;
+  transform: translateX(var(--scroll-head-left));
 }
 .bk-table .bk-table-head .col-resize-drag {
   position: absolute;
-  right: 0;
   top: 0;
+  right: 0;
   bottom: 0;
+  z-index: 1;
   width: 6px;
+  background-color: #3785ff;
   transform: translateX(-50%);
-  background-color: #3785FF;
-  z-index: 1;
 }
 .bk-table .bk-table-head .table-head-settings {
   position: absolute;
@@ -1442,9 +1442,9 @@
   height: 1rem;
 }
 .bk-table .bk-table-footer {
-  height: var(--footer-height);
-  width: 100%;
   display: flex;
+  width: 100%;
+  height: var(--footer-height);
   align-items: center;
 }
 .bk-table .bk-table-footer.is-hidden {
@@ -1495,9 +1495,7 @@
   top: 0;
   right: 0;
   bottom: var(--footer-height);
-  max-height: var(--fix-max-height);
   left: 0;
-  height: var(--fix-height);
   pointer-events: none;
 }
 .bk-table .bk-table-fixed .column_fixed {
@@ -1537,5 +1535,5 @@
   margin-left: auto;
 }
 .bk-table .stripe-row {
-  background: #FAFBFD;
+  background: #fafbfd;
 }

package/lib/table/table.less

@@ -58,7 +58,7 @@
           tr {
             &:nth-child(even) {
               td {
-                background-color: #FAFBFD;
+                background-color: #fafbfd;
               }
             }
 
@@ -108,11 +108,11 @@
       align-items: center;
 
       .@{bk-prefix}-table-body-content {
+        position: relative;
         display: flex;
         width: 100%;
         height: 100%;
         padding-bottom: 20px;
-        position: relative;
       }
 
     }
@@ -120,9 +120,9 @@
     table {
       width: 100%;
       border-collapse: collapse;
+      transform: translateZ(0);
       table-layout: fixed;
       align-self: flex-start;
-      transform: translateZ(0);
 
       th,
       td {
@@ -229,24 +229,25 @@
         background-color: @table-head-bg-color;
 
         th {
+          position: relative;
           font-weight: 400;
           background-color: var(--background-color);
-          position: relative;
 
           &.col-resize-hover {
             &::after {
-              content: '';
               position: absolute;
-              right: 0;
               top: 0;
+              right: 0;
               bottom: 0;
-              width: 6px;
-              transform: translateX(50%);
-              background-color: #3785FF;
               z-index: 1;
+              width: 6px;
               pointer-events: none;
+              background-color: #3785ff;
+              content: '';
+              transform: translateX(50%);
             }
           }
+
           .cell {
             display: flex;
             align-items: center;
@@ -256,8 +257,8 @@
 
           &.active,
           &:hover {
-            background: @table-row-active-bg-color;
             cursor: pointer;
+            background: @table-row-active-bg-color;
           }
 
           &.column_fixed {
@@ -305,18 +306,18 @@
 
   .@{bk-prefix}-table-head {
     position: relative;
-    transform: translateX(var(--scroll-head-left));
     z-index: 2;
+    transform: translateX(var(--scroll-head-left));
 
     .col-resize-drag {
       position: absolute;
-      right: 0;
       top: 0;
+      right: 0;
       bottom: 0;
+      z-index: 1;
       width: 6px;
+      background-color: #3785ff;
       transform: translateX(-50%);
-      background-color: #3785FF;
-      z-index: 1;
     }
 
     .table-head-settings {
@@ -348,9 +349,9 @@
   }
 
   .@{bk-prefix}-table-footer {
-    height: var(--footer-height);
-    width: 100%;
     display: flex;
+    width: 100%;
+    height: var(--footer-height);
     align-items: center;
 
     &.is-hidden {
@@ -428,9 +429,8 @@
     top: 0;
     right: 0;
     bottom: var(--footer-height);
-    max-height: var(--fix-max-height);
     left: 0;
-    height: var(--fix-height);
+    // height: var(--fix-height);
     pointer-events: none;
 
     .column_fixed {
@@ -487,6 +487,6 @@
   }
 
   .stripe-row {
-    background: #FAFBFD;
+    background: #fafbfd;
   }
 }

package/lib/table/table.variable.css

@@ -1526,7 +1526,7 @@
   transform: translateX(var(--prepend-left));
 }
 .bk-table .bk-table-body-content.bk-stripe table tbody tr:nth-child(even) td {
-  background-color: #FAFBFD;
+  background-color: #fafbfd;
 }
 .bk-table .bk-table-body-content.bk-stripe table tbody tr td {
   border-bottom: none;
@@ -1568,19 +1568,19 @@
 }
 .bk-table .bk-table-head.__is-empty .bk-table-body-content,
 .bk-table .bk-table-body.__is-empty .bk-table-body-content {
+  position: relative;
   display: flex;
   width: 100%;
   height: 100%;
   padding-bottom: 20px;
-  position: relative;
 }
 .bk-table .bk-table-head table,
 .bk-table .bk-table-body table {
   width: 100%;
   border-collapse: collapse;
+  transform: translateZ(0);
   table-layout: fixed;
   align-self: flex-start;
-  transform: translateZ(0);
 }
 .bk-table .bk-table-head table th,
 .bk-table .bk-table-body table th,
@@ -1709,22 +1709,22 @@
 }
 .bk-table .bk-table-head table thead th,
 .bk-table .bk-table-body table thead th {
+  position: relative;
   font-weight: 400;
   background-color: var(--background-color);
-  position: relative;
 }
 .bk-table .bk-table-head table thead th.col-resize-hover::after,
 .bk-table .bk-table-body table thead th.col-resize-hover::after {
-  content: '';
   position: absolute;
-  right: 0;
   top: 0;
+  right: 0;
   bottom: 0;
-  width: 6px;
-  transform: translateX(50%);
-  background-color: #3785FF;
   z-index: 1;
+  width: 6px;
   pointer-events: none;
+  background-color: #3785ff;
+  content: '';
+  transform: translateX(50%);
 }
 .bk-table .bk-table-head table thead th .cell,
 .bk-table .bk-table-body table thead th .cell {
@@ -1737,8 +1737,8 @@
 .bk-table .bk-table-body table thead th.active,
 .bk-table .bk-table-head table thead th:hover,
 .bk-table .bk-table-body table thead th:hover {
-  background: var(--table-row-active-bg-color);
   cursor: pointer;
+  background: var(--table-row-active-bg-color);
 }
 .bk-table .bk-table-head table thead th.column_fixed,
 .bk-table .bk-table-body table thead th.column_fixed {
@@ -1771,18 +1771,18 @@
 }
 .bk-table .bk-table-head {
   position: relative;
-  transform: translateX(var(--scroll-head-left));
   z-index: 2;
+  transform: translateX(var(--scroll-head-left));
 }
 .bk-table .bk-table-head .col-resize-drag {
   position: absolute;
-  right: 0;
   top: 0;
+  right: 0;
   bottom: 0;
+  z-index: 1;
   width: 6px;
+  background-color: #3785ff;
   transform: translateX(-50%);
-  background-color: #3785FF;
-  z-index: 1;
 }
 .bk-table .bk-table-head .table-head-settings {
   position: absolute;
@@ -1808,9 +1808,9 @@
   height: 1rem;
 }
 .bk-table .bk-table-footer {
-  height: var(--footer-height);
-  width: 100%;
   display: flex;
+  width: 100%;
+  height: var(--footer-height);
   align-items: center;
 }
 .bk-table .bk-table-footer.is-hidden {
@@ -1861,9 +1861,7 @@
   top: 0;
   right: 0;
   bottom: var(--footer-height);
-  max-height: var(--fix-max-height);
   left: 0;
-  height: var(--fix-height);
   pointer-events: none;
 }
 .bk-table .bk-table-fixed .column_fixed {
@@ -1903,5 +1901,5 @@
   margin-left: auto;
 }
 .bk-table .stripe-row {
-  background: #FAFBFD;
+  background: #fafbfd;
 }

package/lib/table/use-common.d.ts

@@ -70,7 +70,6 @@ export declare const useClass: (props: TablePropTypes, targetColumns: ITableColu
         '--footer-height': string;
         right: string | number;
         '--fix-height': string;
-        '--fix-max-height': string;
     }>;
     scrollClass: import("vue").ComputedRef<{
         scrollXName?: undefined;

package/lib/tree/index.js

@@ -390,17 +390,15 @@ const external_exception_namespaceObject = external_exception_x({ ["default"]: (
  * IN THE SOFTWARE.
  */
 
-/* harmony default export */ const use_empty = (function (props, _ref) {
-  var slots = _ref.slots;
+/* harmony default export */ const use_empty = (function (props) {
   return {
     renderEmpty: function renderEmpty(type) {
-      var _slots$default, _slots$default2;
       return (0,external_vue_namespaceObject.createVNode)(external_exception_namespaceObject["default"], {
         "scene": "part",
         "type": type
       }, {
         "default": function _default() {
-          return [(_slots$default = (_slots$default2 = slots["default"]) === null || _slots$default2 === void 0 ? void 0 : _slots$default2.call(slots)) !== null && _slots$default !== void 0 ? _slots$default : props.emptyText];
+          return [props.emptyText];
         }
       });
     }
@@ -2468,7 +2466,7 @@ var use_tree_init_this = undefined;
       getData: getData,
       reset: reset
     });
-    var _useEmpty = use_empty(props, ctx),
+    var _useEmpty = use_empty(props),
       renderEmpty = _useEmpty.renderEmpty;
     use_node_drag(props, ctx, root, flatData);
     var renderTreeContent = function renderTreeContent(scopedData) {

package/lib/tree/use-empty.d.ts

@@ -1,6 +1,4 @@
-declare const _default: (props: any, { slots }: {
-    slots: any;
-}) => {
+declare const _default: (props: any) => {
     renderEmpty: (type: '404' | '403' | '500' | 'building' | 'empty' | 'search-empty' | 'login') => JSX.Element;
 };
 export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bkui-vue",
-  "version": "0.0.2-beta.100",
+  "version": "0.0.2-beta.101",
   "workspaces": {
     "packages": [
       "packages/!(**.bak)*",