bkui-vue 2.0.1-beta.7 → 2.0.1-beta.70.search.1

package/lib/table-column/index.js

@@ -35,10 +35,6 @@ __webpack_require__.d(__webpack_exports__, {
 var x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var y = x => () => x
 const shared_namespaceObject = x({ ["PropTypes"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.PropTypes, ["withInstall"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.withInstall });
-;// 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, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["inject"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.inject, ["onMounted"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onMounted, ["onUnmounted"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onUnmounted, ["onUpdated"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onUpdated, ["reactive"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.reactive });
 ;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/typeof.js
 function _typeof(o) {
   "@babel/helpers - typeof";
@@ -84,6 +80,98 @@ function _defineProperty(obj, key, value) {
   }
   return obj;
 }
+;// 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, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["inject"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.inject, ["isVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.isVNode, ["reactive"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.reactive, ["ref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.ref, ["unref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.unref });
+;// CONCATENATED MODULE: ../../node_modules/uuid/dist/esm-browser/native.js
+const randomUUID = typeof crypto !== 'undefined' && crypto.randomUUID && crypto.randomUUID.bind(crypto);
+/* harmony default export */ const esm_browser_native = ({
+  randomUUID
+});
+;// CONCATENATED MODULE: ../../node_modules/uuid/dist/esm-browser/rng.js
+// Unique ID creation requires a high quality random # generator. In the browser we therefore
+// require the crypto API and do not support built-in fallback to lower quality random number
+// generators (like Math.random()).
+let getRandomValues;
+const rnds8 = new Uint8Array(16);
+function rng() {
+  // lazy load so that environments that need to polyfill have a chance to do so
+  if (!getRandomValues) {
+    // getRandomValues needs to be invoked in a context where "this" is a Crypto implementation.
+    getRandomValues = typeof crypto !== 'undefined' && crypto.getRandomValues && crypto.getRandomValues.bind(crypto);
+
+    if (!getRandomValues) {
+      throw new Error('crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported');
+    }
+  }
+
+  return getRandomValues(rnds8);
+}
+;// CONCATENATED MODULE: ../../node_modules/uuid/dist/esm-browser/stringify.js
+
+/**
+ * Convert array of 16 byte values to UUID string format of the form:
+ * XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX
+ */
+
+const byteToHex = [];
+
+for (let i = 0; i < 256; ++i) {
+  byteToHex.push((i + 0x100).toString(16).slice(1));
+}
+
+function unsafeStringify(arr, offset = 0) {
+  // Note: Be careful editing this code!  It's been tuned for performance
+  // and works in ways you may not expect. See https://github.com/uuidjs/uuid/pull/434
+  return byteToHex[arr[offset + 0]] + byteToHex[arr[offset + 1]] + byteToHex[arr[offset + 2]] + byteToHex[arr[offset + 3]] + '-' + byteToHex[arr[offset + 4]] + byteToHex[arr[offset + 5]] + '-' + byteToHex[arr[offset + 6]] + byteToHex[arr[offset + 7]] + '-' + byteToHex[arr[offset + 8]] + byteToHex[arr[offset + 9]] + '-' + byteToHex[arr[offset + 10]] + byteToHex[arr[offset + 11]] + byteToHex[arr[offset + 12]] + byteToHex[arr[offset + 13]] + byteToHex[arr[offset + 14]] + byteToHex[arr[offset + 15]];
+}
+
+function stringify(arr, offset = 0) {
+  const uuid = unsafeStringify(arr, offset); // Consistency check for valid UUID.  If this throws, it's likely due to one
+  // of the following:
+  // - One or more input array values don't map to a hex octet (leading to
+  // "undefined" in the uuid)
+  // - Invalid input values for the RFC `version` or `variant` fields
+
+  if (!validate(uuid)) {
+    throw TypeError('Stringified UUID is invalid');
+  }
+
+  return uuid;
+}
+
+/* harmony default export */ const esm_browser_stringify = ((/* unused pure expression or super */ null && (stringify)));
+;// CONCATENATED MODULE: ../../node_modules/uuid/dist/esm-browser/v4.js
+
+
+
+
+function v4(options, buf, offset) {
+  if (esm_browser_native.randomUUID && !buf && !options) {
+    return esm_browser_native.randomUUID();
+  }
+
+  options = options || {};
+  const rnds = options.random || (options.rng || rng)(); // Per 4.4, set bits for version and `clock_seq_hi_and_reserved`
+
+  rnds[6] = rnds[6] & 0x0f | 0x40;
+  rnds[8] = rnds[8] & 0x3f | 0x80; // Copy bytes to buffer, if provided
+
+  if (buf) {
+    offset = offset || 0;
+
+    for (let i = 0; i < 16; ++i) {
+      buf[offset + i] = rnds[i];
+    }
+
+    return buf;
+  }
+
+  return unsafeStringify(rnds);
+}
+
+/* harmony default export */ const esm_browser_v4 = (v4);
 ;// CONCATENATED MODULE: ../../packages/table/src/const.ts
 
 /*
@@ -168,7 +256,7 @@ var COLUMN_ATTRIBUTE = {
 /**
  * Y 轴滚动条宽度
  */
-var SCROLLY_WIDTH = 0;
+var SCROLLY_WIDTH = 6;
 /**
  * 默认行高
  */
@@ -205,9 +293,9 @@ var createDefaultSizeList = function createDefaultSizeList(t) {
 /**
  * Provide key: init column when use <column { ...props }> template
  */
-var PROVIDE_KEY_INIT_COL = Symbol('bkInitColumns');
-var PROVIDE_KEY_TB_CACHE = Symbol('bkTableCahce');
-var BK_COLUMN_UPDATE_DEFINE = Symbol('bkColumnUpdateDefine');
+var PROVIDE_KEY_INIT_COL = 'InitColumns';
+var PROVIDE_KEY_TB_CACHE = 'BKTableCahce';
+var BK_COLUMN_UPDATE_DEFINE = 'Bk_COlumn_Update_Define';
 /**
  * 表格底部高度
  * 分页组件
@@ -517,7 +605,7 @@ var tableProps = {
   /**
    * 提供自定义判定当前行是否选中
    * 如果设置了此属性，其他判定均不生效
-   * ({ row }) => bool
+   * ({ row, cell, data }) => bool
    */
   isSelectedFn: shared_namespaceObject.PropTypes.func.def(undefined),
   /**
@@ -596,14 +684,12 @@ var tableProps = {
   /**
    * 是否支持行拖拽排序
    */
-  rowDraggable: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.func, shared_namespaceObject.PropTypes.bool, shared_namespaceObject.PropTypes.object]).def(false),
-  /**
-   * 是否支持shift键多行选择
-   */
-  shiftMultiChecked: shared_namespaceObject.PropTypes.bool.def(false)
+  rowDraggable: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.func, shared_namespaceObject.PropTypes.bool, shared_namespaceObject.PropTypes.object]).def(false)
 };
 ;// CONCATENATED MODULE: ../../packages/table/src/components/table-column.tsx
 
+
+
 /*
  * Tencent is pleased to support the open source community by making
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
@@ -633,6 +719,7 @@ var tableProps = {
 
 
 
+
 var TableColumnProp = {
   label: LabelFunctionStringType,
   field: LabelFunctionStringType,
@@ -651,29 +738,200 @@ var TableColumnProp = {
   align: TableAlign,
   className: RowClassFunctionStringType,
   prop: LabelFunctionStringType,
-  index: shared_namespaceObject.PropTypes.number.def(undefined)
+  index: shared_namespaceObject.PropTypes.number.def(undefined),
+  uniqueId: shared_namespaceObject.PropTypes.object.def({
+    val: ''
+  })
 };
 /* harmony default export */ const table_column = ((0,external_vue_namespaceObject.defineComponent)({
   name: 'TableColumn',
   props: TableColumnProp,
   setup: function setup(props) {
-    var initTableColumns = (0,external_vue_namespaceObject.inject)(PROVIDE_KEY_INIT_COL, function () {});
+    var initColumns = (0,external_vue_namespaceObject.inject)(PROVIDE_KEY_INIT_COL, function (_col) {
+      var _rm = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+    }, false);
+    var bkTableCache = (0,external_vue_namespaceObject.inject)(PROVIDE_KEY_TB_CACHE, {
+      queueStack: function queueStack(_, fn) {
+        return fn === null || fn === void 0 ? void 0 : fn();
+      }
+    });
     var column = (0,external_vue_namespaceObject.reactive)(Object.assign({}, props, {
       field: props.prop || props.field
     }));
-    (0,external_vue_namespaceObject.onMounted)(function () {
-      initTableColumns();
-    });
-    (0,external_vue_namespaceObject.onUpdated)(function () {
-      initTableColumns();
-    });
-    (0,external_vue_namespaceObject.onUnmounted)(function () {
-      initTableColumns();
-    });
+    var isIndexPropChanged = (0,external_vue_namespaceObject.ref)(false);
+    var setIsIndexChanged = function setIsIndexChanged(val) {
+      isIndexPropChanged.value = val;
+    };
     return {
+      isIndexPropChanged: isIndexPropChanged,
+      setIsIndexChanged: setIsIndexChanged,
+      initColumns: initColumns,
+      bkTableCache: bkTableCache,
       column: column
     };
   },
+  watch: {
+    index: {
+      handler: function handler() {
+        this.setIsIndexChanged(!this.isIndexPropChanged);
+      },
+      deep: true
+    }
+  },
+  unmounted: function unmounted() {
+    this.updateColumnDefine(true);
+  },
+  mounted: function mounted() {
+    this.setNodeUid();
+    this.updateColumnDefine();
+  },
+  updated: function updated() {
+    if (this.isIndexPropChanged) {
+      this.updateColumnDefineByParent();
+      this.setIsIndexChanged(!this.isIndexPropChanged);
+    }
+  },
+  methods: {
+    updateColumnDefine: function updateColumnDefine() {
+      var unmounted = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+      if (unmounted) {
+        this.unmountColumn();
+        return;
+      }
+      this.updateColumnDefineByParent();
+    },
+    copyProps: function copyProps(props) {
+      return Object.keys(props !== null && props !== void 0 ? props : {}).reduce(function (result, key) {
+        var target = key.replace(/-(\w)/g, function (_, letter) {
+          return letter.toUpperCase();
+        });
+        return Object.assign(result, _defineProperty({}, target, props[key]));
+      }, {});
+    },
+    rsolveIndexedColumn: function rsolveIndexedColumn() {
+      // 如果是设置了Index，则先添加Index列，不做自动递归读取Column
+      if (/\d+\.?\d*/.test("".concat(this.$props.index))) {
+        var _props$render;
+        var props = this.$.vnode.props;
+        var resolveProp = Object.assign({}, this.copyProps(props), {
+          field: props.prop || props.field,
+          render: (_props$render = props.render) !== null && _props$render !== void 0 ? _props$render : this.$slots["default"],
+          uniqueId: this.getNodeCtxUid(this.$.ctx)
+        });
+        this.initColumns(resolveProp);
+        return false;
+      }
+      return true;
+    },
+    setNodeUid: function setNodeUid() {
+      var ctx = this.$.ctx;
+      if (!ctx) {
+        return;
+      }
+      if (ctx.uniqueId && !ctx.uniqueId.val) {
+        ctx.uniqueId.val = esm_browser_v4();
+      }
+      if (!ctx.uniqueId) {
+        Object.assign(ctx, {
+          uniqueId: {
+            val: esm_browser_v4()
+          }
+        });
+      }
+    },
+    getNodeCtxUid: function getNodeCtxUid(ctx) {
+      var _ctx$uniqueId;
+      return ctx === null || ctx === void 0 || (_ctx$uniqueId = ctx.uniqueId) === null || _ctx$uniqueId === void 0 ? void 0 : _ctx$uniqueId.val;
+    },
+    updateColumnDefineByParent: function updateColumnDefineByParent() {
+      var _this = this;
+      if (!this.rsolveIndexedColumn()) {
+        return;
+      }
+      var fn = function fn() {
+        // @ts-ignore
+        var selfVnode = _this.$;
+        var getTableNode = function getTableNode(root) {
+          var _parentVnode$type;
+          if (root === document.body || !root) {
+            return null;
+          }
+          var parentVnode = root.parent;
+          if (((_parentVnode$type = parentVnode.type) === null || _parentVnode$type === void 0 ? void 0 : _parentVnode$type.name) === 'Table') {
+            return parentVnode.vnode;
+          }
+          return getTableNode(parentVnode);
+        };
+        var getNodeUid = function getNodeUid(node) {
+          return _this.getNodeCtxUid(node.ctx);
+        };
+        var tableNode = getTableNode(selfVnode);
+        if (!tableNode) {
+          return;
+        }
+        var sortColumns = [];
+        var index = 0;
+        var resolveChildNode = function resolveChildNode(node) {
+          var _node$type;
+          if (!node) {
+            return null;
+          }
+          if (((_node$type = node.type) === null || _node$type === void 0 ? void 0 : _node$type.name) === 'TableColumn') {
+            var _node$props$render, _node$children;
+            var resolveProp = Object.assign({
+              index: index
+            }, _this.copyProps(node.props), {
+              field: node.props.prop || node.props.field,
+              render: (_node$props$render = node.props.render) !== null && _node$props$render !== void 0 ? _node$props$render : (_node$children = node.children) === null || _node$children === void 0 ? void 0 : _node$children["default"],
+              uniqueId: getNodeUid(node)
+            });
+            sortColumns.push((0,external_vue_namespaceObject.unref)(resolveProp));
+            index = index + 1;
+            return null;
+          }
+          if (Array.isArray(node === null || node === void 0 ? void 0 : node.children)) {
+            return node.children;
+          }
+          if ((0,external_vue_namespaceObject.isVNode)(node) && node !== null && node !== void 0 && node.children && _typeof(node === null || node === void 0 ? void 0 : node.children) === 'object') {
+            return Object.keys(node.children).map(function (key) {
+              return node.children[key];
+            });
+          }
+          if (typeof node === 'function') {
+            return node();
+          }
+          return null;
+        };
+        var reduceColumns = function reduceColumns(nodes) {
+          if (!Array.isArray(nodes)) {
+            var children = resolveChildNode(nodes);
+            if (children) {
+              reduceColumns(children);
+            }
+            return;
+          }
+          nodes === null || nodes === void 0 || nodes.forEach(function (node) {
+            return reduceColumns(node);
+          });
+        };
+        reduceColumns(tableNode);
+        _this.initColumns(sortColumns);
+      };
+      if (typeof this.bkTableCache.queueStack === 'function') {
+        this.bkTableCache.queueStack(BK_COLUMN_UPDATE_DEFINE, fn);
+      }
+    },
+    unmountColumn: function unmountColumn() {
+      var _props$render2;
+      var props = this.$.vnode.props;
+      var resolveProp = Object.assign({}, this.copyProps(this.$props), {
+        field: props.prop || props.field,
+        render: (_props$render2 = props.render) !== null && _props$render2 !== void 0 ? _props$render2 : this.$slots["default"],
+        uniqueId: this.getNodeCtxUid(this.$.ctx)
+      });
+      this.initColumns(resolveProp, true);
+    }
+  },
   render: function render() {
     var _this$$slots$default, _this$$slots;
     return (0,external_vue_namespaceObject.createVNode)(external_vue_namespaceObject.Fragment, null, [(_this$$slots$default = (_this$$slots = this.$slots)["default"]) === null || _this$$slots$default === void 0 ? void 0 : _this$$slots$default.call(_this$$slots, {

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_a97c79c3__ from "../icon";
+import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon__3efece53__ 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 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 "../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 "../input"
 var input_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var input_y = x => () => x
@@ -563,12 +563,10 @@ function useSelectListSearch(selectList, displayCode) {
         "title": item[_this.displayCode]
       }, [item[_this.displayCode]]), !multiple && (0,external_vue_namespaceObject.createVNode)("span", {
         "class": "icon-wrapper"
-      }, [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')]
+      }, [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")
       }, null)])]);
     };
     var getListContentHtml = function getListContentHtml(dirct) {
@@ -629,8 +627,8 @@ function useSelectListSearch(selectList, displayCode) {
       "placeholder": this.searchPlaceholder || this.t.search
     }, {
       prefix: function prefix() {
-        return (0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.Search, {
-          "class": _this.resolveClassName('icon-search')
+        return (0,external_vue_namespaceObject.createVNode)(_namespaceObject.Search, {
+          "class": "icon-search"
         }, null);
       }
     }), getListContentHtml('left')]), multiple ? (0,external_vue_namespaceObject.createVNode)("div", {
@@ -642,15 +640,15 @@ function useSelectListSearch(selectList, displayCode) {
       "onClick": function onClick() {
         return _this.handleMultipleChange('left');
       }
-    }, [(0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.AngleRight, null, null)]), (0,external_vue_namespaceObject.createVNode)("div", {
+    }, [(0,external_vue_namespaceObject.createVNode)(_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)(icon_namespaceObject.AngleLeft, null, null)])]) : (0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.Transfer, {
-      "class": this.resolveClassName('transfer-icon')
+    }, [(0,external_vue_namespaceObject.createVNode)(_namespaceObject.AngleLeft, null, null)])]) : (0,external_vue_namespaceObject.createVNode)(_namespaceObject.Transfer, {
+      "class": "transfer"
     }, 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 .bk-transfer-icon {
+.bk-transfer .transfer {
   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 .bk-icon-search,
-.bk-transfer .target-list .transfer-search-input .bk-icon-search {
+.bk-transfer .source-list .transfer-search-input .icon-search,
+.bk-transfer .target-list .transfer-search-input .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 .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 {
+.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 {
   margin-right: 6px;
   font-size: 16px;
 }

package/lib/transfer/transfer.less

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

package/lib/tree/constant.d.ts

@@ -6,8 +6,7 @@ export declare enum EVENTS {
     NODE_DRAG_START = "nodeDragStart",
     NODE_DRAG_OVER = "nodeDragOver",
     NODE_DRAG_LEAVE = "nodeDragLeave",
-    NODE_DROP = "nodeDrop",
-    NODE_ENTER_VIEW = "nodeEnterView"
+    NODE_DROP = "nodeDrop"
 }
 export declare const TreeEmitEventsType: {
     nodeClick: (..._args: any[]) => boolean;
@@ -18,7 +17,6 @@ export declare const TreeEmitEventsType: {
     nodeDragOver: (..._args: any[]) => boolean;
     nodeDragLeave: (..._args: any[]) => boolean;
     nodeDrop: (..._args: any[]) => boolean;
-    nodeEnterView: (..._args: any[]) => boolean;
 };
 /**
  * 节点扩展属性