bkui-vue 1.0.3-beta.1 → 1.0.3-beta.3

package/lib/table/index.js

@@ -1,3 +1,4 @@
+import "../styles/reset.css";
 import "./table.less";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__ from "../shared";
 import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "vue";
@@ -119,7 +120,7 @@ function defineProperty_defineProperty(obj, key, value) {
 ;// CONCATENATED MODULE: external "vue"
 var external_vue_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var external_vue_y = x => () => x
-const external_vue_namespaceObject = external_vue_x({ ["Fragment"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.Fragment, ["computed"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.computed, ["createTextVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createTextVNode, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["inject"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.inject, ["isVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.isVNode, ["mergeProps"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.mergeProps, ["nextTick"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.nextTick, ["onBeforeUnmount"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onBeforeUnmount, ["onMounted"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onMounted, ["provide"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.provide, ["reactive"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.reactive, ["ref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.ref, ["toRef"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.toRef, ["toRefs"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.toRefs, ["unref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.unref, ["watch"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.watch });
+const external_vue_namespaceObject = external_vue_x({ ["Fragment"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.Fragment, ["computed"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.computed, ["createTextVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createTextVNode, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["inject"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.inject, ["isVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.isVNode, ["mergeProps"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.mergeProps, ["nextTick"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.nextTick, ["onBeforeUnmount"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onBeforeUnmount, ["onMounted"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onMounted, ["provide"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.provide, ["reactive"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.reactive, ["ref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.ref, ["resolveComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.resolveComponent, ["toRef"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.toRef, ["toRefs"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.toRefs, ["unref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.unref, ["watch"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.watch });
 ;// CONCATENATED MODULE: ../../packages/table/src/const.ts
 
 /*
@@ -1663,10 +1664,11 @@ var resolvePaginationOption = function resolvePaginationOption(propPagination, d
    * pagination 为Prop传入配置
    * 方便兼容内置分页功能，此处需要单独处理count
    */
-  var localPagination = (0,external_vue_namespaceObject.ref)(null);
-  var indexData = (0,external_vue_namespaceObject.computed)(function () {
+  var propsData = (0,external_vue_namespaceObject.computed)(function () {
     return props.data;
   });
+  var localPagination = (0,external_vue_namespaceObject.ref)(null);
+  var indexData = (0,external_vue_namespaceObject.reactive)([]);
   // 当前分页缓存，用于支持内置前端分页，用户无需接收change事件来自行处理数据分割
   var pagination = (0,external_vue_namespaceObject.reactive)({
     count: 0,
@@ -1680,7 +1682,7 @@ var resolvePaginationOption = function resolvePaginationOption(propPagination, d
       return;
     }
     localPagination.value = props.remotePagination ? pagination : use_pagination_objectSpread(use_pagination_objectSpread({}, pagination), {}, {
-      count: indexData.value.length
+      count: indexData.length
     });
   };
   /**
@@ -1691,7 +1693,7 @@ var resolvePaginationOption = function resolvePaginationOption(propPagination, d
   var resetStartEndIndex = function resetStartEndIndex() {
     if (!props.pagination || props.remotePagination) {
       startIndex.value = 0;
-      endIndex.value = indexData.value.length;
+      endIndex.value = indexData.length;
       return;
     }
     // 如果是前端分页
@@ -1722,15 +1724,25 @@ var resolvePaginationOption = function resolvePaginationOption(propPagination, d
   var filter = function filter(sourceData, filterFn) {
     if (typeof filterFn === 'function') {
       var filterVals = sourceData.filter(function (row, index) {
-        return filterFn(row, index, indexData.value);
+        return filterFn(row, index, indexData);
       });
       sourceData.length = 0;
       sourceData.push.apply(sourceData, _toConsumableArray(filterVals));
     }
     return sourceData;
   };
+  var resolveIndexData = function resolveIndexData() {
+    return new Promise(function (resolve) {
+      (0,external_vue_namespaceObject.nextTick)(function () {
+        var target = propsData.value.slice();
+        indexData.length = 0;
+        indexData.push.apply(indexData, _toConsumableArray(target));
+        resolve();
+      });
+    });
+  };
   var resolvePageData = function resolvePageData(filterFn, sortFn, column, type, sortScope, multiCol) {
-    var sourceData = indexData.value.slice();
+    var sourceData = indexData.slice();
     if (multiCol !== null && multiCol !== void 0 && multiCol.length) {
       multiSort(sourceData, multiCol);
     }
@@ -1744,7 +1756,7 @@ var resolvePaginationOption = function resolvePaginationOption(propPagination, d
     resolvePageData(null, null, null, null, null, multiCol);
   };
   var multiFilter = function multiFilter(filterFnList) {
-    var sourceData = indexData.value.slice();
+    var sourceData = indexData.slice();
     var target = filterFnList.reduce(function (result, fn) {
       return filter(result, fn);
     }, sourceData);
@@ -1770,6 +1782,7 @@ var resolvePaginationOption = function resolvePaginationOption(propPagination, d
     indexData: indexData,
     localPagination: localPagination,
     resolvePageData: resolvePageData,
+    resolveIndexData: resolveIndexData,
     resolvePageDataBySortList: resolvePageDataBySortList,
     resetStartEndIndex: resetStartEndIndex,
     multiFilter: multiFilter,
@@ -3250,12 +3263,14 @@ function use_attributes_objectSpread(e) { for (var r = 1; r < arguments.length;
   });
   var _usePagination = use_pagination(props),
     pageData = _usePagination.pageData,
+    indexData = _usePagination.indexData,
     localPagination = _usePagination.localPagination,
     resolvePageData = _usePagination.resolvePageData,
     resolvePageDataBySortList = _usePagination.resolvePageDataBySortList,
     multiFilter = _usePagination.multiFilter,
     sort = _usePagination.sort,
-    resetStartEndIndex = _usePagination.resetStartEndIndex;
+    resetStartEndIndex = _usePagination.resetStartEndIndex,
+    resolveIndexData = _usePagination.resolveIndexData;
   var updateSettings = function updateSettings(settings, rowHeight) {
     if (settings) {
       var _ref2, _ref3;
@@ -3391,6 +3406,13 @@ function use_attributes_objectSpread(e) { for (var r = 1; r < arguments.length;
     var type = getColumnAttribute(column, COLUMN_ATTRIBUTE.COL_SORT_TYPE);
     var scope = getColumnAttribute(column, COLUMN_ATTRIBUTE.COL_SORT_SCOPE);
     if (type === SORT_OPTION.NULL) {
+      resolveIndexData().then(function () {
+        resolvePageData();
+      });
+      return;
+    }
+    if (scope === 'all') {
+      sort(indexData, fn, column, type, scope);
       resolvePageData();
       return;
     }
@@ -3828,6 +3850,9 @@ function use_attributes_objectSpread(e) { for (var r = 1; r < arguments.length;
     var resolvedIndex = sourceIndex < targetIndex ? sourceIndex : sourceIndex + 1;
     pageData.splice(resolvedIndex, 1);
   };
+  var setIndexData = function setIndexData() {
+    return resolveIndexData();
+  };
   return {
     formatColumns: formatColumns,
     formatDataSchema: formatDataSchema,
@@ -3864,7 +3889,8 @@ function use_attributes_objectSpread(e) { for (var r = 1; r < arguments.length;
     changePageRowIndex: changePageRowIndex,
     pageData: pageData,
     localPagination: localPagination,
-    formatData: formatData
+    formatData: formatData,
+    setIndexData: setIndexData
   };
 });
 ;// CONCATENATED MODULE: ../../packages/table/src/use-column.ts
@@ -4036,10 +4062,12 @@ var useClass = function useClass(props, targetColumns, root, TableSchema, pageDa
   });
   var config = resolveHeadConfig(props);
   var headStyle = (0,external_vue_namespaceObject.computed)(function () {
+    var _props$thead$color, _props$thead;
     return {
       '--row-height': "".concat(resolvePropVal(config, 'height', ['thead']), "px"),
       '--scroll-head-left': "-".concat(TableSchema.formatData.layout.translateX, "px"),
-      '--scroll-left': "".concat(TableSchema.formatData.layout.translateX, "px")
+      '--scroll-left': "".concat(TableSchema.formatData.layout.translateX, "px"),
+      '--background-color': DEF_COLOR[(_props$thead$color = (_props$thead = props.thead) === null || _props$thead === void 0 ? void 0 : _props$thead.color) !== null && _props$thead$color !== void 0 ? _props$thead$color : IHeadColor.DEF1]
     };
   });
   var contentClass = defineProperty_defineProperty({}, resolveClassName('table-body'), true);
@@ -5122,6 +5150,7 @@ function head_filter_isSlot(s) {
       var _filter$value$checked, _filter$value;
       return (_filter$value$checked = (_filter$value = filter.value) === null || _filter$value === void 0 ? void 0 : _filter$value.checked) !== null && _filter$value$checked !== void 0 ? _filter$value$checked : [];
     });
+    var searchValue = (0,external_vue_namespaceObject.ref)('');
     var state = (0,external_vue_namespaceObject.reactive)({
       isOpen: false,
       checked: checked.value
@@ -5152,21 +5181,28 @@ function head_filter_isSlot(s) {
       isOpen && setTimeout(function () {
         refVirtualRender.value.reset();
       });
+      if (!isOpen) {
+        searchValue.value = '';
+      }
     };
     var theme = "light ".concat(resolveClassName('table-head-filter'));
     var localData = (0,external_vue_namespaceObject.computed)(function () {
       var _filter$value$list = filter.value.list,
         list = _filter$value$list === void 0 ? [] : _filter$value$list;
-      return list;
+      var filterList = list.filter(function (l) {
+        return getRegExp(searchValue.value).test(l.value);
+      });
+      console.log(' filterList: ', filterList);
+      return filterList;
     });
-    var getRegExp = function getRegExp(searchValue) {
+    var getRegExp = function getRegExp(val) {
       var flags = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'ig';
-      return new RegExp("".concat(searchValue).replace(/[-[\]{}()*+?.,\\^$|#\s]/g, '\\$&'), flags);
+      return new RegExp("".concat(val).replace(/[-[\]{}()*+?.,\\^$|#\s]/g, '\\$&'), flags);
     };
     var defaultFilterFn = function defaultFilterFn(checked, row) {
       var match = filter.value.match;
       var matchText = getRowText(row, resolvePropVal(column, 'field', [column, row]));
-      if (match === 'full') {
+      if (match !== 'fuzzy') {
         return checked.includes(matchText);
       }
       return checked.some(function (str) {
@@ -5330,7 +5366,14 @@ function head_filter_isSlot(s) {
         content: function content() {
           return (0,external_vue_namespaceObject.createVNode)("div", {
             "class": headFilterContentClass
-          }, [(0,external_vue_namespaceObject.createVNode)(checkbox_namespaceObject.BkCheckboxGroup, {
+          }, [(0,external_vue_namespaceObject.createVNode)("div", {
+            "style": "padding: 4px 10px;"
+          }, [(0,external_vue_namespaceObject.createVNode)((0,external_vue_namespaceObject.resolveComponent)("bk-input"), {
+            "modelValue": searchValue.value,
+            "onUpdate:modelValue": function onUpdateModelValue($event) {
+              return searchValue.value = $event;
+            }
+          }, null)]), (0,external_vue_namespaceObject.createVNode)(checkbox_namespaceObject.BkCheckboxGroup, {
             "class": "content-list"
           }, {
             "default": function _default() {
@@ -6473,7 +6516,6 @@ function table_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { va
       hasFooter = _useClass.hasFooter,
       footerStyle = _useClass.footerStyle,
       tableBodyClass = _useClass.tableBodyClass,
-      fixedBottomBorder = _useClass.fixedBottomBorder,
       resizeColumnClass = _useClass.resizeColumnClass,
       tableBodyContentClass = _useClass.tableBodyContentClass,
       loadingRowClass = _useClass.loadingRowClass,
@@ -6513,27 +6555,30 @@ function table_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { va
       }
     };
     var isFirstLoad = (0,external_vue_namespaceObject.ref)(true);
+    // const tableWidth = ref(null);
     (0,external_vue_namespaceObject.watch)(function () {
       return [props.data, columns];
     }, function () {
-      tableSchema.formatColumns(columns);
-      tableSchema.formatDataSchema(props.data);
-      tableSchema.resetStartEndIndex();
-      if (isFirstLoad.value) {
-        tableSchema.resolveByDefColumns();
-        isFirstLoad.value = false;
-      } else {
-        tableSchema.resolvePageData();
-      }
-      registerResizeEvent();
-      (0,external_vue_namespaceObject.nextTick)(function () {
-        updateOffsetRight();
-        resolveFixedColumns(tableOffsetRight.value);
-        /**
-         * 确保在所有数据渲染完毕再执行fix column计算
-         */
+      tableSchema.setIndexData().then(function () {
+        tableSchema.formatColumns(columns);
+        tableSchema.formatDataSchema(props.data);
+        tableSchema.resetStartEndIndex();
+        if (isFirstLoad.value) {
+          tableSchema.resolveByDefColumns();
+          isFirstLoad.value = false;
+        } else {
+          tableSchema.resolvePageData();
+        }
+        registerResizeEvent();
         (0,external_vue_namespaceObject.nextTick)(function () {
-          resetTableHeight(root.value);
+          updateOffsetRight();
+          resolveFixedColumns(tableOffsetRight.value);
+          /**
+           * 确保在所有数据渲染完毕再执行fix column计算
+           */
+          (0,external_vue_namespaceObject.nextTick)(function () {
+            resetTableHeight(root.value);
+          });
         });
       });
     }, {
@@ -6650,9 +6695,8 @@ function table_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { va
           return renderTableBodySchema(scope.data);
         },
         afterSection: function afterSection() {
-          return [(0,external_vue_namespaceObject.createVNode)("div", {
-            "class": fixedBottomBorder.value
-          }, null), (0,external_vue_namespaceObject.createVNode)("div", {
+          return [// <div class={fixedBottomBorder.value}></div>,
+          (0,external_vue_namespaceObject.createVNode)("div", {
             "class": resizeColumnClass,
             "style": resizeColumnStyle.value
           }, null)];

package/lib/table/plugins/use-pagination.d.ts

@@ -9,9 +9,10 @@ import { Column, SortScope, TablePropTypes } from '../props';
 export declare const resolvePaginationOption: (propPagination: any, defVal: any) => any;
 declare const _default: (props: TablePropTypes) => {
     pageData: any[];
-    indexData: import("vue").ComputedRef<any[]>;
+    indexData: any[];
     localPagination: import("vue").Ref<any>;
     resolvePageData: (filterFn?: any, sortFn?: any, column?: Column, type?: string, sortScope?: any, multiCol?: any) => void;
+    resolveIndexData: () => Promise<void>;
     resolvePageDataBySortList: (multiCol?: any) => void;
     resetStartEndIndex: () => void;
     multiFilter: (filterFnList: ((row: any, index: any, data: any) => void)[]) => void;

package/lib/table/table.css

@@ -997,6 +997,7 @@
   position: relative;
   height: auto;
   overflow: hidden;
+  width: 100%;
 }
 .bk-table-flex {
   display: flex;
@@ -1014,6 +1015,7 @@
   position: relative;
   overflow: auto;
   scrollbar-gutter: stable;
+  border-bottom: 1px solid #dcdee5;
 }
 .bk-table .bk-table-body::-webkit-scrollbar {
   width: 5px;
@@ -1300,6 +1302,7 @@
   z-index: 2;
   scrollbar-gutter: stable;
   overflow: hidden;
+  background-color: var(--background-color);
 }
 .bk-table .bk-table-head .col-resize-drag {
   position: absolute;
@@ -1325,10 +1328,8 @@
   font-size: 14px;
   cursor: pointer;
   background: #fafbfd;
-  border-bottom: 1px solid #dcdee5;
   border-left: 1px solid #dcdee5;
   border-radius: 0 2px 0 0;
-  transform: translateX(var(--scroll-left));
   justify-content: center;
   align-items: center;
 }
@@ -1346,8 +1347,10 @@
 .bk-table .bk-table-footer.is-hidden {
   display: none;
 }
-.bk-table.bordered-row td,
-.bk-table.bordered-row th {
+.bk-table.bordered-row .bk-table-head {
+  border-bottom: 1px solid #dcdee5;
+}
+.bk-table.bordered-row td {
   border-bottom: 1px solid #dcdee5;
 }
 .bk-table.bordered-row tr:last-child td {
@@ -1379,10 +1382,14 @@
 .bk-table.bordered-col td:last-child {
   border-right: none;
 }
+.bk-table th,
+.bk-table td {
+  border-right: 1px solid transparent;
+}
 .bk-table.bordered-none th,
 .bk-table.bordered-none td {
   border-top: none;
-  border-right: none;
+  border-right: 1px solid transparent;
   border-bottom: none;
   border-left: none;
 }

package/lib/table/table.less

@@ -14,6 +14,7 @@
   position: relative;
   height: auto;
   overflow: hidden;
+  width: 100%;
 
   &-flex {
     display: flex;
@@ -35,6 +36,7 @@
     position: relative;
     overflow: auto;
     scrollbar-gutter: stable;
+    border-bottom: 1px solid @table-border-color;
 
     &::-webkit-scrollbar {
       width: 5px;
@@ -334,6 +336,7 @@
     z-index: 2;
     scrollbar-gutter: stable;
     overflow: hidden;
+    background-color: var(--background-color);
 
     .col-resize-drag {
       position: absolute;
@@ -363,10 +366,10 @@
 
       background: @table-head-bg-color;
       //border-right: 1px solid @table-border-color;
-      border-bottom: 1px solid @table-border-color;
+      // border-bottom: 1px solid @table-border-color;
       border-left: 1px solid @table-border-color;
       border-radius: 0 2px 0 0;
-      transform: translateX(var(--scroll-left));
+      // transform: translateX(var(--scroll-left));
       justify-content: center;
       align-items: center;
 
@@ -390,8 +393,11 @@
   }
 
   &.bordered-row {
-    td,
-    th {
+    .@{bk-prefix}-table-head {
+      border-bottom: 1px solid @table-border-color;
+    }
+
+    td {
       border-bottom: 1px solid @table-border-color;
     }
 
@@ -444,11 +450,15 @@
 
   }
 
+  th, td {
+    border-right: 1px solid transparent;
+  }
+
   &.bordered-none {
     th,
     td {
       border-top: none;
-      border-right: none;
+      border-right: 1px solid transparent;
       border-bottom: none;
       border-left: none;
     }

package/lib/table/table.variable.css

@@ -1123,6 +1123,7 @@
   position: relative;
   height: auto;
   overflow: hidden;
+  width: 100%;
 }
 .bk-table-flex {
   display: flex;
@@ -1140,6 +1141,7 @@
   position: relative;
   overflow: auto;
   scrollbar-gutter: stable;
+  border-bottom: 1px solid #dcdee5;
 }
 .bk-table .bk-table-body::-webkit-scrollbar {
   width: 5px;
@@ -1426,6 +1428,7 @@
   z-index: 2;
   scrollbar-gutter: stable;
   overflow: hidden;
+  background-color: var(--background-color);
 }
 .bk-table .bk-table-head .col-resize-drag {
   position: absolute;
@@ -1451,10 +1454,8 @@
   font-size: 14px;
   cursor: pointer;
   background: #fafbfd;
-  border-bottom: 1px solid #dcdee5;
   border-left: 1px solid #dcdee5;
   border-radius: 0 2px 0 0;
-  transform: translateX(var(--scroll-left));
   justify-content: center;
   align-items: center;
 }
@@ -1472,8 +1473,10 @@
 .bk-table .bk-table-footer.is-hidden {
   display: none;
 }
-.bk-table.bordered-row td,
-.bk-table.bordered-row th {
+.bk-table.bordered-row .bk-table-head {
+  border-bottom: 1px solid #dcdee5;
+}
+.bk-table.bordered-row td {
   border-bottom: 1px solid #dcdee5;
 }
 .bk-table.bordered-row tr:last-child td {
@@ -1505,10 +1508,14 @@
 .bk-table.bordered-col td:last-child {
   border-right: none;
 }
+.bk-table th,
+.bk-table td {
+  border-right: 1px solid transparent;
+}
 .bk-table.bordered-none th,
 .bk-table.bordered-none td {
   border-top: none;
-  border-right: none;
+  border-right: 1px solid transparent;
   border-bottom: none;
   border-left: none;
 }

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

@@ -19,6 +19,7 @@ export type ITableFormatData = {
     };
 };
 export type ITableResponse = {
+    setIndexData: () => Promise<void>;
     formatColumns: (columns: Column[]) => void;
     formatDataSchema: (data: any[]) => void;
     setRowSelection: (row: any, isSelected: boolean) => void;
@@ -56,5 +57,43 @@ export type ITableResponse = {
     localPagination: any;
     formatData: ITableFormatData;
 };
-declare const _default: (props: TablePropTypes) => ITableResponse;
+declare const _default: (props: TablePropTypes) => {
+    formatColumns: (columns: Column[]) => void;
+    formatDataSchema: (data: any[]) => void;
+    setRowSelection: (row: any, isSelected: boolean) => void;
+    setRowExpand: (row: any, isExpand: boolean) => void;
+    setRowIndex: (row: any, index: number) => void;
+    setColumnAttribute: (col: Column, attrName: string, attrValue: string | number | boolean | ((...args: any[]) => boolean | number | void | string)) => void;
+    setColumnAttributeBySettings: (settings: Settings, checkedVal?: string[]) => void;
+    setColumnSortActive: (column: Column, active: boolean) => void;
+    setRowSelectionAll: (val: boolean) => void;
+    setRowIndeterminate: () => void;
+    setAllColumnAttribute: (attributeName: string | string[], value: string | number | boolean | ((...args: any[]) => boolean | number | void | string)) => void;
+    getColumnAttribute: (col: Column | IEmptyObject, attributeName: string) => any;
+    getColumnId: (col: Column) => any;
+    getColumnOrderWidth: (col: Column, orders?: string[]) => number;
+    getRowSelection: () => any[];
+    resolveColumnWidth: (root: HTMLElement, autoWidth?: number, offsetWidth?: number) => void;
+    isActiveColumn: (col: Column) => any;
+    isHiddenColumn: (col: Column) => any;
+    resolvePageData: (filterFn?: any, sortFn?: any, column?: Column, type?: string, sortScope?: any, multiCol?: any) => void;
+    resolveByDefColumns: () => void;
+    resetStartEndIndex: () => void;
+    toggleAllSelection: (value?: boolean) => void;
+    setAllRowExpand: (value?: boolean) => void;
+    clearSelection: () => void;
+    clearColumnSort: (reset?: boolean) => void;
+    toggleRowSelection: (row: any) => void;
+    getRowAttribute: (row: any | IEmptyObject, attrName: string) => any;
+    filter: () => void;
+    sortData: (column: Column) => void;
+    isCheckedAll: () => boolean;
+    hasCheckedRow: () => boolean;
+    updateSettings: (settings?: Settings, rowHeight?: number) => void;
+    changePageRowIndex: (sourceIndex: any, targetIndex: any) => void;
+    pageData: any[];
+    localPagination: import("vue").Ref<any>;
+    formatData: ITableFormatData;
+    setIndexData: () => Promise<void>;
+};
 export default _default;

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

@@ -32,6 +32,7 @@ export declare const useClass: (props: TablePropTypes, targetColumns: ITableColu
         '--row-height': string;
         '--scroll-head-left': string;
         '--scroll-left': string;
+        '--background-color': any;
     }>;
     fixHeight: import("vue").Ref<number>;
     maxFixHeight: import("vue").Ref<number>;

package/lib/table-column/index.js

@@ -1,3 +1,4 @@
+import "../styles/reset.css";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__ from "../shared";
 import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "vue";
 import * as __WEBPACK_EXTERNAL_MODULE_vue_types_22de060a__ from "vue-types";

package/lib/tag/index.js

@@ -1,3 +1,4 @@
+import "../styles/reset.css";
 import "./tag.less";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__ from "../shared";
 import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "vue";

package/lib/tag-input/index.js

@@ -1,3 +1,4 @@
+import "../styles/reset.css";
 import "./tag-input.less";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__ from "../shared";
 import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "vue";

package/lib/time-picker/index.js

@@ -1,3 +1,4 @@
+import "../styles/reset.css";
 import "./time-picker.less";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_date_picker_d04526d6__ from "../date-picker";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__ from "../shared";

package/lib/timeline/index.js

@@ -1,3 +1,4 @@
+import "../styles/reset.css";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__ from "../shared";
 import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "vue";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_config_provider_fe8577a3__ from "../config-provider";

package/lib/transfer/index.js

@@ -1,3 +1,4 @@
+import "../styles/reset.css";
 import "./transfer.less";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__ from "../shared";
 import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "vue";

package/lib/tree/index.js

@@ -1,3 +1,4 @@
+import "../styles/reset.css";
 import "./tree.less";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__ from "../shared";
 import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "vue";

package/lib/upload/index.js

@@ -1,3 +1,4 @@
+import "../styles/reset.css";
 import "./upload.less";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__ from "../shared";
 import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "vue";

package/lib/virtual-render/index.js

@@ -1,3 +1,4 @@
+import "../styles/reset.css";
 import "./virtual-render.less";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__ from "../shared";
 import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "vue";

package/package.json

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