bkui-vue 2.0.1-beta.5 → 2.0.1-beta.7

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/date-picker/index.js

@@ -5208,10 +5208,9 @@ function time_picker_objectSpread(e) { for (var r = 1; r < arguments.length; r++
       return panel.value === 'RangeTimePickerPanel' ? props.allowCrossDay : false;
     });
     var inputRef = (0,external_vue_namespaceObject.ref)(null);
-    var inputFocus = function inputFocus() {
-      var _inputRef$value;
-      inputRef === null || inputRef === void 0 || (_inputRef$value = inputRef.value) === null || _inputRef$value === void 0 || _inputRef$value.focus();
-    };
+    // const inputFocus = () => {
+    //   inputRef?.value?.focus();
+    // };
     var _getCurrentInstance = (0,external_vue_namespaceObject.getCurrentInstance)(),
       proxy = _getCurrentInstance.proxy;
     var pickerDropdownRef = (0,external_vue_namespaceObject.ref)(null);
@@ -5279,12 +5278,14 @@ function time_picker_objectSpread(e) { for (var r = 1; r < arguments.length; r++
         state.visible = props.open;
       }
       // this.$on('focus-input', () => this.focus())
-      (0,external_vue_namespaceObject.provide)(datePickerKey, {
-        props: props,
-        focus: function focus() {
-          return inputFocus();
-        }
-      });
+      // provide(datePickerKey, {
+      //   props,
+      //   focus: () => inputFocus(),
+      // });
+    });
+    (0,external_vue_namespaceObject.provide)(timePickerKey, {
+      panelDate: state.focusedDate,
+      parentName: proxy.$options.name
     });
     var pickerPanelRef = (0,external_vue_namespaceObject.ref)(null);
     var handleClose = function handleClose(e) {
@@ -5312,9 +5313,9 @@ function time_picker_objectSpread(e) { for (var r = 1; r < arguments.length; r++
       state.disableClickOutSide = false;
     };
     var handleIconClick = function handleIconClick() {
-      var _inputRef$value2, _inputRef$value3;
-      inputRef === null || inputRef === void 0 || (_inputRef$value2 = inputRef.value) === null || _inputRef$value2 === void 0 || _inputRef$value2.focus();
-      inputRef === null || inputRef === void 0 || (_inputRef$value3 = inputRef.value) === null || _inputRef$value3 === void 0 || _inputRef$value3.click();
+      var _inputRef$value, _inputRef$value2;
+      inputRef === null || inputRef === void 0 || (_inputRef$value = inputRef.value) === null || _inputRef$value === void 0 || _inputRef$value.focus();
+      inputRef === null || inputRef === void 0 || (_inputRef$value2 = inputRef.value) === null || _inputRef$value2 === void 0 || _inputRef$value2.click();
     };
     var handleInputMouseenter = function handleInputMouseenter() {
       if (props.readonly || props.disabled) {
@@ -5340,8 +5341,8 @@ function time_picker_objectSpread(e) { for (var r = 1; r < arguments.length; r++
         emit('change', publicStringValue.value, type);
         // this.dispatch('bk-form-item', 'form-change');
         if (props.type.indexOf('time') < 0) {
-          var _inputRef$value4;
-          inputRef === null || inputRef === void 0 || (_inputRef$value4 = inputRef.value) === null || _inputRef$value4 === void 0 || _inputRef$value4.blur();
+          var _inputRef$value3;
+          inputRef === null || inputRef === void 0 || (_inputRef$value3 = inputRef.value) === null || _inputRef$value3 === void 0 || _inputRef$value3.blur();
         }
       });
     };
@@ -5491,14 +5492,14 @@ function time_picker_objectSpread(e) { for (var r = 1; r < arguments.length; r++
       }
     };
     var onPickSuccess = function onPickSuccess() {
-      var _inputRef$value5;
+      var _inputRef$value4;
       state.visible = false;
       // 点击 shortcuts 会关闭弹层时，如果不在 nextTick 里触发 pick-success，那么会导致触发 pick-success 的时候，
       // v-model 的值还是之前的值
       (0,external_vue_namespaceObject.nextTick)(function () {
         emit('pick-success');
       });
-      inputRef === null || inputRef === void 0 || (_inputRef$value5 = inputRef.value) === null || _inputRef$value5 === void 0 || _inputRef$value5.blur();
+      inputRef === null || inputRef === void 0 || (_inputRef$value4 = inputRef.value) === null || _inputRef$value4 === void 0 || _inputRef$value4.blur();
       reset();
     };
     var onPick = function onPick(_dates) {

package/lib/rate/rate.css

@@ -8,3 +8,30 @@
   display: flex;
   overflow: hidden;
 }
+.bk-rate-stars {
+  padding: 0;
+  margin: 0;
+}
+.bk-rate-stars .bk-is-edit {
+  cursor: pointer;
+}
+.bk-rate-stars:after {
+  display: table;
+  clear: both;
+  content: '';
+}
+.bk-rate-stars .bk-rate-star {
+  float: left;
+  margin-right: 3px;
+  enable-background: new 0 0 64 64;
+  fill: #c5c7d1;
+}
+.bk-rate-stars .bk-rate-star.bk-is-select {
+  fill: #ffb848;
+}
+.bk-rate-stars .bk-rate-star.bk-is-hover {
+  transform: scale(1.2);
+}
+.bk-rate-stars .bk-rate-star:last-child {
+  margin-right: 0;
+}

package/lib/rate/rate.less

@@ -11,3 +11,36 @@
     overflow: hidden;
   }
 }
+
+.@{bk-prefix}-rate-stars {
+  padding: 0;
+  margin: 0;
+
+  .@{bk-prefix}-is-edit {
+    cursor: pointer;
+  }
+
+  &:after {
+    display: table;
+    clear: both;
+    content: '';
+  }
+
+  .@{bk-prefix}-rate-star {
+    float: left;
+    margin-right: 3px;
+    enable-background: new 0 0 64 64;
+    fill: #c5c7d1;
+
+    &.@{bk-prefix}-is-select {
+      fill: #ffb848;
+    }
+    &.@{bk-prefix}-is-hover {
+      transform: scale(1.2);
+    }
+
+    &:last-child {
+      margin-right: 0;
+    }
+  }
+}

package/lib/rate/rate.variable.css

@@ -137,3 +137,30 @@
   display: flex;
   overflow: hidden;
 }
+.bk-rate-stars {
+  padding: 0;
+  margin: 0;
+}
+.bk-rate-stars .bk-is-edit {
+  cursor: pointer;
+}
+.bk-rate-stars:after {
+  display: table;
+  clear: both;
+  content: '';
+}
+.bk-rate-stars .bk-rate-star {
+  float: left;
+  margin-right: 3px;
+  enable-background: new 0 0 64 64;
+  fill: #c5c7d1;
+}
+.bk-rate-stars .bk-rate-star.bk-is-select {
+  fill: #ffb848;
+}
+.bk-rate-stars .bk-rate-star.bk-is-hover {
+  transform: scale(1.2);
+}
+.bk-rate-stars .bk-rate-star:last-child {
+  margin-right: 0;
+}

package/lib/styles/index.d.ts

@@ -20,7 +20,6 @@ import '../modal/modal.less';
 import '../progress/progress.less';
 import '../radio/radio.less';
 import '../rate/rate.less';
-import '../rate/star.less';
 import '../swiper/swiper.less';
 import '../select/select.less';
 import '../sideslider/sideslider.less';

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));

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;
 }