bkui-vue 2.0.1-beta.4 → 2.0.1-beta.6

package/lib/cascader/cascader.css

@@ -281,10 +281,10 @@
   cursor: not-allowed;
   background-color: white;
 }
-.bk-cascader-panel-wrapper .bk-cascader-panel .bk-cascader-node.is-disabled .icon-angle-right {
+.bk-cascader-panel-wrapper .bk-cascader-panel .bk-cascader-node.is-disabled .bk-icon-angle-right {
   color: #c4c6cc;
 }
-.bk-cascader-panel-wrapper .bk-cascader-panel .bk-cascader-node .icon-angle-right {
+.bk-cascader-panel-wrapper .bk-cascader-panel .bk-cascader-node .bk-icon-angle-right {
   position: absolute;
   top: 50%;
   right: 0;
@@ -292,7 +292,7 @@
   color: #979ba5;
   transform: translateY(-50%);
 }
-.bk-cascader-panel-wrapper .bk-cascader-panel .bk-cascader-node .icon-spinner {
+.bk-cascader-panel-wrapper .bk-cascader-panel .bk-cascader-node .bk-icon-spinner {
   position: absolute;
   top: 50%;
   right: 5px;

package/lib/cascader/cascader.less

@@ -240,12 +240,12 @@
         cursor: not-allowed;
         background-color: @white-color;
 
-        .icon-angle-right {
+        .@{bk-prefix}-icon-angle-right {
           color: @light-gray;
         }
       }
 
-      .icon-angle-right {
+      .@{bk-prefix}-icon-angle-right {
         position: absolute;
         top: 50%;
         right: 0;
@@ -254,7 +254,7 @@
         transform: translateY(-50%);
       }
 
-      .icon-spinner {
+      .@{bk-prefix}-icon-spinner {
         position: absolute;
         top: 50%;
         right: 5px;

package/lib/cascader/cascader.variable.css

@@ -410,10 +410,10 @@
   cursor: not-allowed;
   background-color: white;
 }
-.bk-cascader-panel-wrapper .bk-cascader-panel .bk-cascader-node.is-disabled .icon-angle-right {
+.bk-cascader-panel-wrapper .bk-cascader-panel .bk-cascader-node.is-disabled .bk-icon-angle-right {
   color: #c4c6cc;
 }
-.bk-cascader-panel-wrapper .bk-cascader-panel .bk-cascader-node .icon-angle-right {
+.bk-cascader-panel-wrapper .bk-cascader-panel .bk-cascader-node .bk-icon-angle-right {
   position: absolute;
   top: 50%;
   right: 0;
@@ -421,7 +421,7 @@
   color: #979ba5;
   transform: translateY(-50%);
 }
-.bk-cascader-panel-wrapper .bk-cascader-panel .bk-cascader-node .icon-spinner {
+.bk-cascader-panel-wrapper .bk-cascader-panel .bk-cascader-node .bk-icon-spinner {
   position: absolute;
   top: 50%;
   right: 5px;

package/lib/cascader/index.js

@@ -883,6 +883,8 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
   setup: function setup(props, _ref) {
     var emit = _ref.emit;
     var t = (0,config_provider_namespaceObject.useLocale)('cascader');
+    var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
+      resolveClassName = _usePrefix.resolveClassName;
     var store = props.store;
     var menus = (0,external_vue_namespaceObject.reactive)({
       list: [props.store.getNodes()]
@@ -1031,9 +1033,9 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
     };
     var iconRender = function iconRender(node) {
       return node.loading ? (0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.Spinner, {
-        "class": "icon-spinner"
+        "class": resolveClassName('icon-spinner')
       }, null) : (0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.AngleRight, {
-        "class": "icon-angle-right"
+        "class": resolveClassName('icon-angle-right')
       }, null);
     };
     (0,external_vue_namespaceObject.watch)(function () {
@@ -1048,8 +1050,6 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
     }, function (value) {
       menus.list = [value.getNodes()];
     });
-    var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
-      resolveClassName = _usePrefix.resolveClassName;
     return {
       menus: menus,
       activePath: activePath,

package/lib/color-picker/color-picker.css

@@ -53,7 +53,7 @@
   box-shadow: 0 0 0 2px rgba(45, 140, 240, 0.2);
   transition: border 0.2s, box-shadow 0.2s;
 }
-.bk-color-picker.bk-color-picker-show-dropdown .icon-angle-down {
+.bk-color-picker.bk-color-picker-show-dropdown .bk-icon-angle-down {
   transform: rotate(-180deg);
   transition: transform 0.3s;
 }
@@ -65,7 +65,7 @@
 .bk-color-picker.bk-color-picker-disabled .bk-color-picker-text {
   color: #3a84ff;
 }
-.bk-color-picker.bk-color-picker-disabled .bk-color-picker-icon .icon-angle-down {
+.bk-color-picker.bk-color-picker-disabled .bk-color-picker-icon .bk-icon-angle-down {
   color: #3a84ff;
 }
 .bk-color-picker .bk-color-picker-color {
@@ -102,7 +102,7 @@
   margin-right: 5px;
   transform: rotate(180deg);
 }
-.bk-color-picker .bk-color-picker-icon .icon-angle-down {
+.bk-color-picker .bk-color-picker-icon .bk-icon-angle-down {
   position: absolute;
   right: 4px;
   display: flex;

package/lib/color-picker/color-picker.less

@@ -65,7 +65,7 @@
     box-shadow: 0 0 0 2px rgba(45, 140, 240, .2);
     transition: border .2s, box-shadow .2s;
 
-    .icon-angle-down {
+    .@{bk-prefix}-icon-angle-down {
       transform: rotate(-180deg);
       transition: transform .3s;
     }
@@ -80,7 +80,7 @@
       color: #3a84ff;
     }
 
-    .@{bk-prefix}-color-picker-icon .icon-angle-down {
+    .@{bk-prefix}-color-picker-icon .@{bk-prefix}-icon-angle-down {
       color: #3a84ff;
     }
   }
@@ -124,7 +124,7 @@
     transform: rotate(180deg);
 
 
-    .icon-angle-down {
+    .@{bk-prefix}-icon-angle-down {
       position: absolute;
       right: 4px;
       display: flex;

package/lib/color-picker/color-picker.variable.css

@@ -182,7 +182,7 @@
   box-shadow: 0 0 0 2px rgba(45, 140, 240, 0.2);
   transition: border 0.2s, box-shadow 0.2s;
 }
-.bk-color-picker.bk-color-picker-show-dropdown .icon-angle-down {
+.bk-color-picker.bk-color-picker-show-dropdown .bk-icon-angle-down {
   transform: rotate(-180deg);
   transition: transform 0.3s;
 }
@@ -194,7 +194,7 @@
 .bk-color-picker.bk-color-picker-disabled .bk-color-picker-text {
   color: #3a84ff;
 }
-.bk-color-picker.bk-color-picker-disabled .bk-color-picker-icon .icon-angle-down {
+.bk-color-picker.bk-color-picker-disabled .bk-color-picker-icon .bk-icon-angle-down {
   color: #3a84ff;
 }
 .bk-color-picker .bk-color-picker-color {
@@ -231,7 +231,7 @@
   margin-right: 5px;
   transform: rotate(180deg);
 }
-.bk-color-picker .bk-color-picker-icon .icon-angle-down {
+.bk-color-picker .bk-color-picker-icon .bk-icon-angle-down {
   position: absolute;
   right: 4px;
   display: flex;

package/lib/color-picker/index.js

@@ -2582,7 +2582,7 @@ var whiteColorObj = formatColor('#FFFFFF');
       }, [(0,external_vue_namespaceObject.createVNode)("span", null, [colorStr.value])]) : undefined, (0,external_vue_namespaceObject.createVNode)("div", {
         "class": "".concat(resolveClassName('color-picker-icon'))
       }, [(0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.AngleUp, {
-        "class": "icon-angle-down"
+        "class": resolveClassName('icon-angle-down')
       }, null)])]), (0,external_vue_namespaceObject.createVNode)(external_vue_namespaceObject.Transition, {
         "name": "bk-fade-down-transition"
       }, {

package/lib/dialog/dialog.css

@@ -88,10 +88,6 @@
 .bk-modal-content {
   position: relative;
   max-height: 100vh;
-  font-size: 0;
-}
-.bk-modal-content div {
-  font-size: 12px;
 }
 .bk-modal-footer {
   position: relative;

package/lib/dialog/dialog.variable.css

@@ -217,10 +217,6 @@
 .bk-modal-content {
   position: relative;
   max-height: 100vh;
-  font-size: 0;
-}
-.bk-modal-content div {
-  font-size: 12px;
 }
 .bk-modal-footer {
   position: relative;

package/lib/modal/modal.css

@@ -88,10 +88,6 @@
 .bk-modal-content {
   position: relative;
   max-height: 100vh;
-  font-size: 0;
-}
-.bk-modal-content div {
-  font-size: 12px;
 }
 .bk-modal-footer {
   position: relative;

package/lib/modal/modal.less

@@ -25,11 +25,6 @@
 .@{bk-prefix}-modal-content {
   position: relative;
   max-height: 100vh;
-  font-size: 0;
-
-  div {
-    font-size: 12px;
-  }
 }
 .@{bk-prefix}-modal-footer {
   position: relative;

package/lib/modal/modal.variable.css

@@ -217,10 +217,6 @@
 .bk-modal-content {
   position: relative;
   max-height: 100vh;
-  font-size: 0;
-}
-.bk-modal-content div {
-  font-size: 12px;
 }
 .bk-modal-footer {
   position: relative;

package/lib/table/index.js

@@ -17804,7 +17804,7 @@ var tableProps = {
   /**
    * 提供自定义判定当前行是否选中
    * 如果设置了此属性，其他判定均不生效
-   * ({ row, cell, data }) => bool
+   * ({ row }) => bool
    */
   isSelectedFn: shared_namespaceObject.PropTypes.func.def(undefined),
   /**
@@ -20397,6 +20397,7 @@ var resolvePaginationOption = function resolvePaginationOption(propPagination, d
 ;// CONCATENATED MODULE: ../../packages/table/src/use-attributes.ts
 
 
+
 function use_attributes_ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function use_attributes_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? use_attributes_ownKeys(Object(t), !0).forEach(function (r) { defineProperty_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : use_attributes_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /*
@@ -20776,14 +20777,16 @@ var tableSchemaResponse = function tableSchemaResponse(props) {
       return false;
     }
     if (typeof props.isSelectedFn === 'function') {
-      return props.isSelectedFn({
-        row: row
-      });
+      return props.isSelectedFn(getSelectionRowArgs(row));
     }
     if (Array.isArray(props.checked)) {
       return props.checked.some(function (item) {
-        if (typeof item === 'string') {
-          return getRowValue(row, item) === item;
+        if (typeof_typeof(item) !== 'object') {
+          if (props.selectionKey.length && Object.prototype.hasOwnProperty.call(row, props.selectionKey)) {
+            return getRowValue(row, props.selectionKey) === item;
+          }
+          console.warn('props.selectionKey is undefined or null or empty');
+          return false;
         }
         return getRawData(item) === getRawData(row);
       });
@@ -20868,10 +20871,7 @@ var tableSchemaResponse = function tableSchemaResponse(props) {
   var setRowSelection = function setRowSelection(row, isSelected, index) {
     var value = isSelected;
     if (typeof props.isSelectedFn === 'function') {
-      value = props.isSelectedFn({
-        row: row,
-        index: index !== null && index !== void 0 ? index : getRowAttribute(row, TABLE_ROW_ATTRIBUTE.ROW_INDEX)
-      });
+      value = props.isSelectedFn(getSelectionRowArgs(row, index));
     }
     if (isRowSelectEnable(props, {
       row: row,
@@ -20902,11 +20902,16 @@ var tableSchemaResponse = function tableSchemaResponse(props) {
     var row = getRawData(item);
     return (_formatData$dataSchem6 = formatData.dataSchema.get(row)) === null || _formatData$dataSchem6 === void 0 ? void 0 : _formatData$dataSchem6[attrName];
   };
+  var getSelectionRowArgs = function getSelectionRowArgs(row, index) {
+    return {
+      row: row,
+      index: index !== null && index !== void 0 ? index : getRowAttribute(row, TABLE_ROW_ATTRIBUTE.ROW_INDEX),
+      isSelectAll: getRowAttribute(CHECK_ALL_OBJ, TABLE_ROW_ATTRIBUTE.ROW_SELECTION)
+    };
+  };
   var toggleRowSelection = function toggleRowSelection(row) {
     if (typeof props.isSelectedFn === 'function') {
-      setRowSelection(row, props.isSelectedFn({
-        row: row
-      }));
+      setRowSelection(row, props.isSelectedFn(getSelectionRowArgs(row)));
       return;
     }
     setRowSelection(row, !getRowAttribute(row, TABLE_ROW_ATTRIBUTE.ROW_SELECTION));
@@ -23236,6 +23241,15 @@ function use_head_cell_isSlot(s) {
       clearStore();
     }
   };
+  var setStoreStart = function setStoreStart(row, index) {
+    store.start = {
+      index: index !== null && index !== void 0 ? index : null,
+      row: row !== null && row !== void 0 ? row : null
+    };
+  };
+  var clearStoreStart = function clearStoreStart() {
+    setStoreStart();
+  };
   var setStore = function setStore(row, index) {
     if (store.start === null && store.end === null) {
       store.start = {
@@ -23271,7 +23285,9 @@ function use_head_cell_isSlot(s) {
     isShiftKeyDown: isShiftKeyDown,
     setStore: setStore,
     getStore: getStore,
-    clearStore: clearStore
+    clearStore: clearStore,
+    setStoreStart: setStoreStart,
+    clearStoreStart: clearStoreStart
   };
 });
 ;// CONCATENATED MODULE: ../../packages/table/src/use-render.tsx
@@ -23344,7 +23360,9 @@ function use_render_isSlot(s) {
   var _useShiftKey = use_shift_key(props),
     isShiftKeyDown = _useShiftKey.isShiftKeyDown,
     getStore = _useShiftKey.getStore,
-    setStore = _useShiftKey.setStore;
+    setStore = _useShiftKey.setStore,
+    setStoreStart = _useShiftKey.setStoreStart,
+    clearStoreStart = _useShiftKey.clearStoreStart;
   // const activeSortIndex = ref(null);
   /**
    * 过滤当前可渲染的列
@@ -23766,6 +23784,13 @@ function use_render_isSlot(s) {
         });
         return;
       }
+      if (!isShiftKeyDown.value) {
+        if (value) {
+          setStoreStart(row, index);
+        } else {
+          clearStoreStart();
+        }
+      }
       tableResp.setRowSelection(row, value);
       context.emit(EMIT_EVENTS.ROW_SELECT, {
         row: row,

package/lib/table/plugins/use-shift-key.d.ts

@@ -7,5 +7,7 @@ declare const _default: (props: TablePropTypes) => {
         end: any;
     };
     clearStore: () => void;
+    setStoreStart: (row?: any, index?: any) => void;
+    clearStoreStart: () => void;
 };
 export default _default;

package/lib/table/props.d.ts

@@ -459,7 +459,7 @@ export declare const tableProps: {
     /**
      * 提供自定义判定当前行是否选中
      * 如果设置了此属性，其他判定均不生效
-     * ({ row, cell, data }) => bool
+     * ({ row }) => bool
      */
     isSelectedFn: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
         default: (...args: any[]) => any;

package/lib/table-column/index.js

@@ -517,7 +517,7 @@ var tableProps = {
   /**
    * 提供自定义判定当前行是否选中
    * 如果设置了此属性，其他判定均不生效
-   * ({ row, cell, data }) => bool
+   * ({ row }) => bool
    */
   isSelectedFn: shared_namespaceObject.PropTypes.func.def(undefined),
   /**

package/lib/transfer/index.js

@@ -5,7 +5,7 @@ import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "vue";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_checkbox_13b1cb4a__ from "../checkbox";
 import "../checkbox/checkbox.less";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_config_provider_fe8577a3__ from "../config-provider";
-import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon__3efece53__ from "../icon/";
+import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__ from "../icon";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_input_d525237e__ from "../input";
 import "../input/input.less";
 /******/ // The require scope
@@ -94,10 +94,10 @@ const checkbox_less_namespaceObject = checkbox_less_x({  });
 var config_provider_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var config_provider_y = x => () => x
 const config_provider_namespaceObject = config_provider_x({ ["useLocale"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_config_provider_fe8577a3__.useLocale, ["usePrefix"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_config_provider_fe8577a3__.usePrefix });
-;// CONCATENATED MODULE: external "../icon/"
-var _x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var _y = x => () => x
-const _namespaceObject = _x({ ["AngleLeft"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon__3efece53__.AngleLeft, ["AngleRight"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon__3efece53__.AngleRight, ["ArrowsRight"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon__3efece53__.ArrowsRight, ["Error"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon__3efece53__.Error, ["Search"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon__3efece53__.Search, ["Transfer"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon__3efece53__.Transfer });
+;// CONCATENATED MODULE: external "../icon"
+var icon_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var icon_y = x => () => x
+const icon_namespaceObject = icon_x({ ["AngleLeft"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.AngleLeft, ["AngleRight"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.AngleRight, ["ArrowsRight"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.ArrowsRight, ["Error"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.Error, ["Search"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.Search, ["Transfer"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.Transfer });
 ;// CONCATENATED MODULE: external "../input"
 var input_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var input_y = x => () => x
@@ -563,10 +563,12 @@ function useSelectListSearch(selectList, displayCode) {
         "title": item[_this.displayCode]
       }, [item[_this.displayCode]]), !multiple && (0,external_vue_namespaceObject.createVNode)("span", {
         "class": "icon-wrapper"
-      }, [isLeft ? (0,external_vue_namespaceObject.createVNode)(_namespaceObject.ArrowsRight, {
-        "class": "".concat(_this.resolveClassName('icon'), " icon-move")
-      }, null) : (0,external_vue_namespaceObject.createVNode)(_namespaceObject.Error, {
-        "class": "".concat(_this.resolveClassName('icon'), " icon-delete")
+      }, [isLeft ? // <ArrowsRight class={`${this.resolveClassName('icon')} icon-move`} />
+      (0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.ArrowsRight, {
+        "class": _this.resolveClassName('icon')
+      }, null) : // <Error class={`${this.resolveClassName('icon')} icon-delete`} />
+      (0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.Error, {
+        "class": [_this.resolveClassName('icon'), _this.resolveClassName('icon-delete')]
       }, null)])]);
     };
     var getListContentHtml = function getListContentHtml(dirct) {
@@ -627,8 +629,8 @@ function useSelectListSearch(selectList, displayCode) {
       "placeholder": this.searchPlaceholder || this.t.search
     }, {
       prefix: function prefix() {
-        return (0,external_vue_namespaceObject.createVNode)(_namespaceObject.Search, {
-          "class": "icon-search"
+        return (0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.Search, {
+          "class": _this.resolveClassName('icon-search')
         }, null);
       }
     }), getListContentHtml('left')]), multiple ? (0,external_vue_namespaceObject.createVNode)("div", {
@@ -640,15 +642,15 @@ function useSelectListSearch(selectList, displayCode) {
       "onClick": function onClick() {
         return _this.handleMultipleChange('left');
       }
-    }, [(0,external_vue_namespaceObject.createVNode)(_namespaceObject.AngleRight, null, null)]), (0,external_vue_namespaceObject.createVNode)("div", {
+    }, [(0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.AngleRight, null, null)]), (0,external_vue_namespaceObject.createVNode)("div", {
       "class": ['transfer-button', {
         disabled: !this.multipleSelectList.target.length
       }],
       "onClick": function onClick() {
         return _this.handleMultipleChange('right');
       }
-    }, [(0,external_vue_namespaceObject.createVNode)(_namespaceObject.AngleLeft, null, null)])]) : (0,external_vue_namespaceObject.createVNode)(_namespaceObject.Transfer, {
-      "class": "transfer"
+    }, [(0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.AngleLeft, null, null)])]) : (0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.Transfer, {
+      "class": this.resolveClassName('transfer-icon')
     }, null), (0,external_vue_namespaceObject.createVNode)("div", {
       "class": "target-list"
     }, [getHeaderHtml('right-header'), getListContentHtml('right')])]);

package/lib/transfer/transfer.css

@@ -4,7 +4,7 @@
   align-items: center;
   font-size: 14px;
 }
-.bk-transfer .transfer {
+.bk-transfer .bk-transfer-icon {
   margin: 0 8px;
   font-size: 24px;
   color: #c4c6cc;
@@ -95,8 +95,8 @@
 .bk-transfer .target-list .transfer-search-input.is-focused {
   box-shadow: none;
 }
-.bk-transfer .source-list .transfer-search-input .icon-search,
-.bk-transfer .target-list .transfer-search-input .icon-search {
+.bk-transfer .source-list .transfer-search-input .bk-icon-search,
+.bk-transfer .target-list .transfer-search-input .bk-icon-search {
   font-size: 18px;
   line-height: 28px;
   color: #c4c6cc;
@@ -184,12 +184,12 @@
   display: flex;
   font-size: 30px;
 }
-.bk-transfer .source-list .content li.custom-item .icon-wrapper .icon-delete,
-.bk-transfer .target-list .content li.custom-item .icon-wrapper .icon-delete,
-.bk-transfer .source-list .content li .item-content .icon-wrapper .icon-delete,
-.bk-transfer .target-list .content li .item-content .icon-wrapper .icon-delete,
-.bk-transfer .source-list .content .checkbox-item .icon-wrapper .icon-delete,
-.bk-transfer .target-list .content .checkbox-item .icon-wrapper .icon-delete {
+.bk-transfer .source-list .content li.custom-item .icon-wrapper .bk-icon-delete,
+.bk-transfer .target-list .content li.custom-item .icon-wrapper .bk-icon-delete,
+.bk-transfer .source-list .content li .item-content .icon-wrapper .bk-icon-delete,
+.bk-transfer .target-list .content li .item-content .icon-wrapper .bk-icon-delete,
+.bk-transfer .source-list .content .checkbox-item .icon-wrapper .bk-icon-delete,
+.bk-transfer .target-list .content .checkbox-item .icon-wrapper .bk-icon-delete {
   margin-right: 6px;
   font-size: 16px;
 }

package/lib/transfer/transfer.less

@@ -8,7 +8,7 @@
   align-items: center;
   font-size: 14px;
 
-  .transfer {
+  .@{bk-prefix}-transfer-icon {
     margin: 0 8px;
     font-size: 24px;
     color: @light-gray;
@@ -103,7 +103,7 @@
         box-shadow: none;
       }
 
-      .icon-search {
+      .@{bk-prefix}-icon-search {
         font-size: 18px;
         line-height: 28px;
         color: @light-gray;
@@ -168,7 +168,7 @@
             font-size: 30px;
           }
 
-          .icon-delete {
+          .@{bk-prefix}-icon-delete {
             margin-right: 6px;
             font-size: 16px;
           }

package/lib/transfer/transfer.variable.css

@@ -133,7 +133,7 @@
   align-items: center;
   font-size: 14px;
 }
-.bk-transfer .transfer {
+.bk-transfer .bk-transfer-icon {
   margin: 0 8px;
   font-size: 24px;
   color: var(--light-gray);
@@ -224,8 +224,8 @@
 .bk-transfer .target-list .transfer-search-input.is-focused {
   box-shadow: none;
 }
-.bk-transfer .source-list .transfer-search-input .icon-search,
-.bk-transfer .target-list .transfer-search-input .icon-search {
+.bk-transfer .source-list .transfer-search-input .bk-icon-search,
+.bk-transfer .target-list .transfer-search-input .bk-icon-search {
   font-size: 18px;
   line-height: 28px;
   color: var(--light-gray);
@@ -313,12 +313,12 @@
   display: flex;
   font-size: 30px;
 }
-.bk-transfer .source-list .content li.custom-item .icon-wrapper .icon-delete,
-.bk-transfer .target-list .content li.custom-item .icon-wrapper .icon-delete,
-.bk-transfer .source-list .content li .item-content .icon-wrapper .icon-delete,
-.bk-transfer .target-list .content li .item-content .icon-wrapper .icon-delete,
-.bk-transfer .source-list .content .checkbox-item .icon-wrapper .icon-delete,
-.bk-transfer .target-list .content .checkbox-item .icon-wrapper .icon-delete {
+.bk-transfer .source-list .content li.custom-item .icon-wrapper .bk-icon-delete,
+.bk-transfer .target-list .content li.custom-item .icon-wrapper .bk-icon-delete,
+.bk-transfer .source-list .content li .item-content .icon-wrapper .bk-icon-delete,
+.bk-transfer .target-list .content li .item-content .icon-wrapper .bk-icon-delete,
+.bk-transfer .source-list .content .checkbox-item .icon-wrapper .bk-icon-delete,
+.bk-transfer .target-list .content .checkbox-item .icon-wrapper .bk-icon-delete {
   margin-right: 6px;
   font-size: 16px;
 }

package/lib/tree/index.js

@@ -18334,13 +18334,9 @@ var getNodeItemClass = function getNodeItemClass(item, schema, props) {
   var _ref = schema.get(item) || {},
     __is_root = _ref.__is_root,
     __is_open = _ref.__is_open;
-  return {
-    'is-root': __is_root,
-    'bk-tree-node': true,
-    'is-open': __is_open,
-    'is-virtual-render': props.virtualRender,
-    'level-line': props.levelLine && showTree
-  };
+  return _defineProperty(_defineProperty(_defineProperty(_defineProperty({
+    'is-root': __is_root
+  }, (0,shared_namespaceObject.resolveClassName)('tree-node'), true), 'is-open', __is_open), 'is-virtual-render', props.virtualRender), 'level-line', props.levelLine && showTree);
 };
 /**
  * 获取当前渲染节点Class List
@@ -18349,9 +18345,9 @@ var getNodeItemClass = function getNodeItemClass(item, schema, props) {
  */
 var getNodeRowClass = function getNodeRowClass(item, schema) {
   // eslint-disable-next-line @typescript-eslint/naming-convention
-  var _ref2 = schema.get(item) || {},
-    __is_checked = _ref2.__is_checked,
-    __is_selected = _ref2.__is_selected;
+  var _ref3 = schema.get(item) || {},
+    __is_checked = _ref3.__is_checked,
+    __is_selected = _ref3.__is_selected;
   return _defineProperty({
     'is-checked': __is_checked,
     'is-selected': __is_selected,

package/lib/tree/tree.less

@@ -108,7 +108,7 @@
     }
   }
 
-  &-drag-disabled{
+  &-drag-disabled {
 
   }
 }

package/lib/tree/util.d.ts

@@ -34,8 +34,8 @@ export declare const getNodeItemStyle: any;
  * @returns
  */
 export declare const getNodeItemClass: (item: any, schema: WeakMap<Object, any>, props: TreePropTypes, showTree?: boolean) => {
+    [x: string]: any;
     'is-root': any;
-    'bk-tree-node': boolean;
     'is-open': any;
     'is-virtual-render': boolean;
     'level-line': boolean;