bkui-vue 1.0.3-beta.9 → 2.0.1-beta.10

package/lib/timeline/index.d.ts

@@ -1,43 +1,57 @@
 declare const BkTimeline: {
     new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
-        list: import("vue-types").VueTypeValidableDef<unknown[]> & {
-            default: () => unknown[];
-        } & {
-            default: () => unknown[];
-        };
+        list: import("vue-types").VueTypeDef<{
+            tag: string;
+            content: object;
+            type: string;
+            size: string;
+            color: string;
+            icon: any;
+            filled: (boolean | object | (() => boolean) | ((props: Record<string, unknown>) => boolean)) & boolean;
+            border: (boolean | object | (() => boolean) | ((props: Record<string, unknown>) => boolean)) & boolean;
+            nodeType: "template" | "vnode";
+        }[]>;
         titleAble: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
         } & {
             default: boolean;
         };
-        extCls: import("vue-types").VueTypeValidableDef<string> & {
-            default: string;
-        };
     }>> & {
         onSelect?: (...args: any[]) => any;
     }, {
-        defaultTimelines: import("vue").Ref<any[]>;
-        titleSelect: (item: any) => void;
+        defaultTimelines: import("vue").ShallowRef<{
+            tag: string;
+            content: object;
+            type: string;
+            size: string;
+            color: string;
+            icon: any;
+            filled: (boolean | object | (() => boolean) | ((props: Record<string, unknown>) => boolean)) & boolean;
+            border: (boolean | object | (() => boolean) | ((props: Record<string, unknown>) => boolean)) & boolean;
+            nodeType: "template" | "vnode";
+        }[]>;
+        handleTitleSelect: (item: any) => void;
         resolveClassName: (cls: string) => string;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "select"[], import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-        list: import("vue-types").VueTypeValidableDef<unknown[]> & {
-            default: () => unknown[];
-        } & {
-            default: () => unknown[];
-        };
+        list: import("vue-types").VueTypeDef<{
+            tag: string;
+            content: object;
+            type: string;
+            size: string;
+            color: string;
+            icon: any;
+            filled: (boolean | object | (() => boolean) | ((props: Record<string, unknown>) => boolean)) & boolean;
+            border: (boolean | object | (() => boolean) | ((props: Record<string, unknown>) => boolean)) & boolean;
+            nodeType: "template" | "vnode";
+        }[]>;
         titleAble: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
         } & {
             default: boolean;
         };
-        extCls: import("vue-types").VueTypeValidableDef<string> & {
-            default: string;
-        };
     }>> & {
         onSelect?: (...args: any[]) => any;
     }, {
-        extCls: string;
-        list: unknown[];
         titleAble: boolean;
     }, true, {}, {}, {
         P: {};
@@ -47,56 +61,78 @@ declare const BkTimeline: {
         M: {};
         Defaults: {};
     }, Readonly<import("vue").ExtractPropTypes<{
-        list: import("vue-types").VueTypeValidableDef<unknown[]> & {
-            default: () => unknown[];
-        } & {
-            default: () => unknown[];
-        };
+        list: import("vue-types").VueTypeDef<{
+            tag: string;
+            content: object;
+            type: string;
+            size: string;
+            color: string;
+            icon: any;
+            filled: (boolean | object | (() => boolean) | ((props: Record<string, unknown>) => boolean)) & boolean;
+            border: (boolean | object | (() => boolean) | ((props: Record<string, unknown>) => boolean)) & boolean;
+            nodeType: "template" | "vnode";
+        }[]>;
         titleAble: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
         } & {
             default: boolean;
         };
-        extCls: import("vue-types").VueTypeValidableDef<string> & {
-            default: string;
-        };
     }>> & {
         onSelect?: (...args: any[]) => any;
     }, {
-        defaultTimelines: import("vue").Ref<any[]>;
-        titleSelect: (item: any) => void;
+        defaultTimelines: import("vue").ShallowRef<{
+            tag: string;
+            content: object;
+            type: string;
+            size: string;
+            color: string;
+            icon: any;
+            filled: (boolean | object | (() => boolean) | ((props: Record<string, unknown>) => boolean)) & boolean;
+            border: (boolean | object | (() => boolean) | ((props: Record<string, unknown>) => boolean)) & boolean;
+            nodeType: "template" | "vnode";
+        }[]>;
+        handleTitleSelect: (item: any) => void;
         resolveClassName: (cls: string) => string;
     }, {}, {}, {}, {
-        extCls: string;
-        list: unknown[];
         titleAble: boolean;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    list: import("vue-types").VueTypeValidableDef<unknown[]> & {
-        default: () => unknown[];
-    } & {
-        default: () => unknown[];
-    };
+    list: import("vue-types").VueTypeDef<{
+        tag: string;
+        content: object;
+        type: string;
+        size: string;
+        color: string;
+        icon: any;
+        filled: (boolean | object | (() => boolean) | ((props: Record<string, unknown>) => boolean)) & boolean;
+        border: (boolean | object | (() => boolean) | ((props: Record<string, unknown>) => boolean)) & boolean;
+        nodeType: "template" | "vnode";
+    }[]>;
     titleAble: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
         default: boolean;
     };
-    extCls: import("vue-types").VueTypeValidableDef<string> & {
-        default: string;
-    };
 }>> & {
     onSelect?: (...args: any[]) => any;
 }, {
-    defaultTimelines: import("vue").Ref<any[]>;
-    titleSelect: (item: any) => void;
+    defaultTimelines: import("vue").ShallowRef<{
+        tag: string;
+        content: object;
+        type: string;
+        size: string;
+        color: string;
+        icon: any;
+        filled: (boolean | object | (() => boolean) | ((props: Record<string, unknown>) => boolean)) & boolean;
+        border: (boolean | object | (() => boolean) | ((props: Record<string, unknown>) => boolean)) & boolean;
+        nodeType: "template" | "vnode";
+    }[]>;
+    handleTitleSelect: (item: any) => void;
     resolveClassName: (cls: string) => string;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "select"[], "select", {
-    extCls: string;
-    list: unknown[];
     titleAble: boolean;
 }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]>;
 export default BkTimeline;

package/lib/timeline/index.js

@@ -1,4 +1,5 @@
 import "../styles/reset.css";
+import "./timeline.less";
 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";
@@ -48,7 +49,7 @@ function _typeof(o) {
 ;// 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({ ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["onMounted"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onMounted, ["ref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.ref, ["watch"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.watch });
+const external_vue_namespaceObject = external_vue_x({ ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["shallowRef"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.shallowRef, ["watch"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.watch });
 ;// CONCATENATED MODULE: external "../config-provider"
 var config_provider_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var config_provider_y = x => () => x
@@ -85,9 +86,18 @@ const config_provider_namespaceObject = config_provider_x({ ["usePrefix"]: () =>
 
 
 var timelineProps = {
-  list: shared_namespaceObject.PropTypes.array.def([]),
-  titleAble: shared_namespaceObject.PropTypes.bool.def(false),
-  extCls: shared_namespaceObject.PropTypes.string
+  list: shared_namespaceObject.PropTypes.arrayOf(shared_namespaceObject.PropTypes.shape({
+    tag: shared_namespaceObject.PropTypes.string,
+    content: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.string, shared_namespaceObject.PropTypes.object]),
+    type: shared_namespaceObject.PropTypes.string,
+    size: shared_namespaceObject.PropTypes.string,
+    color: shared_namespaceObject.PropTypes.string,
+    icon: shared_namespaceObject.PropTypes.func,
+    filled: shared_namespaceObject.PropTypes.bool,
+    border: shared_namespaceObject.PropTypes.bool,
+    nodeType: shared_namespaceObject.PropTypes.timelineNodeType()
+  }).isRequired),
+  titleAble: shared_namespaceObject.PropTypes.bool.def(false)
 };
 /* harmony default export */ const timeline = ((0,external_vue_namespaceObject.defineComponent)({
   name: 'Timeline',
@@ -95,61 +105,36 @@ var timelineProps = {
   emits: ['select'],
   setup: function setup(props, _ref) {
     var emit = _ref.emit;
-    var defaultTimelines = (0,external_vue_namespaceObject.ref)([]);
-    var updateTimelines = function updateTimelines(timelines) {
-      var _defaultTimelines$val;
-      var defaults = [];
-      timelines.forEach(function (timeline) {
-        var _timeline$border;
-        defaults.push({
-          tag: timeline.tag,
-          content: timeline.content,
-          type: timeline.type,
-          size: timeline.size,
-          color: timeline.color,
-          icon: timeline.icon,
-          filled: timeline.filled,
-          border: (_timeline$border = timeline.border) !== null && _timeline$border !== void 0 ? _timeline$border : true
-        });
-      });
-      (_defaultTimelines$val = defaultTimelines.value).splice.apply(_defaultTimelines$val, [0, defaultTimelines.value.length].concat(defaults));
-    };
-    var init = function init() {
-      var _defaultTimelines$val2, _props$list;
-      (_defaultTimelines$val2 = defaultTimelines.value).splice.apply(_defaultTimelines$val2, [0, defaultTimelines.value.length].concat([{
-        tag: '步骤1',
-        content: '内容1'
-      }, {
-        tag: '步骤2',
-        content: '内容2'
-      }, {
-        tag: '步骤3',
-        content: '内容3'
-      }]));
-      if ((_props$list = props.list) !== null && _props$list !== void 0 && _props$list.length) {
-        updateTimelines(props.list);
-      }
-    };
-    var titleSelect = function titleSelect(item) {
-      try {
-        emit('select', item);
-      } catch (e) {
-        console.warn(e);
-      }
+    var defaultTimelines = (0,external_vue_namespaceObject.shallowRef)([]);
+    var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
+      resolveClassName = _usePrefix.resolveClassName;
+    var handleTitleSelect = function handleTitleSelect(item) {
+      emit('select', item);
     };
-    (0,external_vue_namespaceObject.onMounted)(init);
     (0,external_vue_namespaceObject.watch)(function () {
       return props.list;
     }, function () {
-      updateTimelines(props.list);
+      defaultTimelines.value = props.list.map(function (item) {
+        var _item$border;
+        return {
+          tag: item.tag,
+          content: item.content,
+          type: item.type,
+          size: item.size,
+          color: item.color,
+          icon: item.icon,
+          filled: item.filled,
+          border: (_item$border = item.border) !== null && _item$border !== void 0 ? _item$border : true,
+          nodeType: item.nodeType || 'template'
+        };
+      });
     }, {
+      immediate: true,
       deep: true
     });
-    var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
-      resolveClassName = _usePrefix.resolveClassName;
     return {
       defaultTimelines: defaultTimelines,
-      titleSelect: titleSelect,
+      handleTitleSelect: handleTitleSelect,
       resolveClassName: resolveClassName
     };
   },
@@ -157,10 +142,7 @@ var timelineProps = {
     var _this = this;
     var isIcon = function isIcon(timeline) {
       var icon = timeline.icon;
-      if (icon) {
-        return _typeof(icon) === 'object' || typeof icon === 'function';
-      }
-      return false;
+      return _typeof(icon) === 'object' || typeof icon === 'function';
     };
     var makeClass = function makeClass(item) {
       var timelineClsPrefix = _this.resolveClassName('timeline');
@@ -173,38 +155,45 @@ var timelineProps = {
       var timelinesCls = (0,shared_namespaceObject.classes)({}, "".concat(timelineClsPrefix, " ").concat(timelineThemeCls, " ").concat(timelineSizeCls, " ").concat(timelinesColorsCls, " ").concat(timelineFilledCls, " ").concat(timelineCustomIcon));
       return timelinesCls;
     };
-    var getContent = function getContent(item) {
-      return _this.$slots.content ? (0,external_vue_namespaceObject.createVNode)("div", {
-        "class": "".concat(_this.resolveClassName('timeline-content'))
-      }, [_this.$slots.content(item)]) : (0,external_vue_namespaceObject.createVNode)("div", {
+    var renderContent = function renderContent(item) {
+      if (_this.$slots.content) {
+        return (0,external_vue_namespaceObject.createVNode)("div", {
+          "class": "".concat(_this.resolveClassName('timeline-content'))
+        }, [_this.$slots.content(item)]);
+      }
+      if (item.nodeType === 'vnode') {
+        return (0,external_vue_namespaceObject.createVNode)("div", {
+          "class": "".concat(_this.resolveClassName('timeline-content'))
+        }, [item.content]);
+      }
+      return (0,external_vue_namespaceObject.createVNode)("div", {
         "class": "".concat(_this.resolveClassName('timeline-content')),
         "innerHTML": item.content
       }, null);
     };
     return (0,external_vue_namespaceObject.createVNode)("ul", {
-      "class": ["".concat(this.resolveClassName('timeline')), this.extCls]
+      "class": this.resolveClassName('timeline')
     }, [this.defaultTimelines.map(function (item) {
-      var _this$$slots$default, _this$$slots$default2, _this$$slots;
       return (0,external_vue_namespaceObject.createVNode)("li", {
         "class": ["".concat(_this.resolveClassName('timeline-dot')), makeClass(item)]
-      }, [isIcon(item) ? (0,external_vue_namespaceObject.createVNode)("div", {
-        "class": "".concat(_this.resolveClassName('timeline-icon')),
+      }, [isIcon(item) && (0,external_vue_namespaceObject.createVNode)("div", {
         "style": {
           border: item.border ? "2px solid ".concat(item.color) : '0px',
           borderRadius: item.border ? '50%' : '0'
-        }
+        },
+        "class": "".concat(_this.resolveClassName('timeline-icon'))
       }, [(0,external_vue_namespaceObject.createVNode)("span", {
         "class": "".concat(_this.resolveClassName('timeline-icon-inner'))
-      }, [typeof item.icon === 'function' ? (0,external_vue_namespaceObject.createVNode)(item.icon, null, null) : item.icon])]) : '', (0,external_vue_namespaceObject.createVNode)("div", {
+      }, [typeof item.icon === 'function' ? (0,external_vue_namespaceObject.createVNode)(item.icon, null, null) : item.icon])]), (0,external_vue_namespaceObject.createVNode)("div", {
         "class": "".concat(_this.resolveClassName('timeline-section'))
       }, [(0,external_vue_namespaceObject.createVNode)("div", {
         "class": "".concat(_this.resolveClassName('timeline-title')),
         "onClick": function onClick() {
-          _this.titleSelect(item);
+          return _this.handleTitleSelect(item);
         }
-      }, [(_this$$slots$default = (_this$$slots$default2 = (_this$$slots = _this.$slots)["default"]) === null || _this$$slots$default2 === void 0 ? void 0 : _this$$slots$default2.call(_this$$slots, item)) !== null && _this$$slots$default !== void 0 ? _this$$slots$default : (0,external_vue_namespaceObject.createVNode)("span", {
+      }, [item.nodeType === 'vnode' ? item.tag : (0,external_vue_namespaceObject.createVNode)("span", {
         "innerHTML": item.tag
-      }, null)]), item.content ? getContent(item) : ''])]);
+      }, null)]), renderContent(item)])]);
     })]);
   }
 }));

package/lib/timeline/timeline.d.ts

@@ -25,58 +25,75 @@
  */
 import { ExtractPropTypes } from 'vue';
 declare const timelineProps: {
-    list: import("vue-types").VueTypeValidableDef<unknown[]> & {
-        default: () => unknown[];
-    } & {
-        default: () => unknown[];
-    };
+    list: import("vue-types").VueTypeDef<{
+        tag: string;
+        content: object;
+        type: string;
+        size: string;
+        color: string;
+        icon: any;
+        filled: (boolean | object | (() => boolean) | ((props: Record<string, unknown>) => boolean)) & boolean;
+        border: (boolean | object | (() => boolean) | ((props: Record<string, unknown>) => boolean)) & boolean;
+        nodeType: "template" | "vnode";
+    }[]>;
     titleAble: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
         default: boolean;
     };
-    extCls: import("vue-types").VueTypeValidableDef<string> & {
-        default: string;
-    };
 };
-export type TimelinePropTypes = ExtractPropTypes<typeof timelineProps>;
+export type TimelinePropTypes = Readonly<ExtractPropTypes<typeof timelineProps>>;
 declare const _default: import("vue").DefineComponent<{
-    list: import("vue-types").VueTypeValidableDef<unknown[]> & {
-        default: () => unknown[];
-    } & {
-        default: () => unknown[];
-    };
+    list: import("vue-types").VueTypeDef<{
+        tag: string;
+        content: object;
+        type: string;
+        size: string;
+        color: string;
+        icon: any;
+        filled: (boolean | object | (() => boolean) | ((props: Record<string, unknown>) => boolean)) & boolean;
+        border: (boolean | object | (() => boolean) | ((props: Record<string, unknown>) => boolean)) & boolean;
+        nodeType: "template" | "vnode";
+    }[]>;
     titleAble: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
         default: boolean;
     };
-    extCls: import("vue-types").VueTypeValidableDef<string> & {
-        default: string;
-    };
 }, {
-    defaultTimelines: import("vue").Ref<any[]>;
-    titleSelect: (item: any) => void;
+    defaultTimelines: import("vue").ShallowRef<{
+        tag: string;
+        content: object;
+        type: string;
+        size: string;
+        color: string;
+        icon: any;
+        filled: (boolean | object | (() => boolean) | ((props: Record<string, unknown>) => boolean)) & boolean;
+        border: (boolean | object | (() => boolean) | ((props: Record<string, unknown>) => boolean)) & boolean;
+        nodeType: "template" | "vnode";
+    }[]>;
+    handleTitleSelect: (item: any) => void;
     resolveClassName: (cls: string) => string;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "select"[], "select", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
-    list: import("vue-types").VueTypeValidableDef<unknown[]> & {
-        default: () => unknown[];
-    } & {
-        default: () => unknown[];
-    };
+    list: import("vue-types").VueTypeDef<{
+        tag: string;
+        content: object;
+        type: string;
+        size: string;
+        color: string;
+        icon: any;
+        filled: (boolean | object | (() => boolean) | ((props: Record<string, unknown>) => boolean)) & boolean;
+        border: (boolean | object | (() => boolean) | ((props: Record<string, unknown>) => boolean)) & boolean;
+        nodeType: "template" | "vnode";
+    }[]>;
     titleAble: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
         default: boolean;
     };
-    extCls: import("vue-types").VueTypeValidableDef<string> & {
-        default: string;
-    };
 }>> & {
     onSelect?: (...args: any[]) => any;
 }, {
-    extCls: string;
-    list: unknown[];
     titleAble: boolean;
 }, {}>;
 export default _default;

package/lib/timeline/timeline.variable.css

@@ -12,6 +12,7 @@
   --whitesmoke-color: #fafbfd;
   --disable-color: #dcdee5;
   --disable-bg-color: #f9fafd;
+  --border-color: #dcdee5;
   --font-size-base: 12px;
   --font-size-medium: 14px;
   --font-size-large: 16px;
@@ -123,6 +124,8 @@
   --search-select-placeholder-color: var(--light-gray);
   --search-select-message-color: var(--danger-color);
   --search-select-menu-border-color: var(--disable-color);
+  --select-active-color: #e1ecff;
+  --select-hover-color: #f5f7fa;
 }
 * {
   box-sizing: border-box;

package/lib/transfer/const.d.ts

@@ -1,5 +1,5 @@
 export declare const enum ArrayType {
-    OBJECT_ARRAY = "objectArray",
     BASE_ARRAY = "baseArray",
-    NOT_ARRAY = "notArray"
+    NOT_ARRAY = "notArray",
+    OBJECT_ARRAY = "objectArray"
 }

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
@@ -135,9 +135,9 @@ const input_less_namespaceObject = input_less_x({  });
 // 非数组，基础数据数组，对象数组
 var ArrayType;
 (function (ArrayType) {
-  ArrayType["OBJECT_ARRAY"] = "objectArray";
   ArrayType["BASE_ARRAY"] = "baseArray";
   ArrayType["NOT_ARRAY"] = "notArray";
+  ArrayType["OBJECT_ARRAY"] = "objectArray";
 })(ArrayType || (ArrayType = {}));
 ;// CONCATENATED MODULE: ../../packages/transfer/src/props.ts
 /*
@@ -222,7 +222,6 @@ var transferProps = {
  * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
  * IN THE SOFTWARE.
  */
-/* eslint-disable arrow-body-style */
 
 
 
@@ -504,7 +503,6 @@ function useSelectListSearch(selectList, displayCode) {
       var selectField = isLeft ? 'source' : 'target';
       var titleText = isLeft ? "".concat((_this$title$ = _this.title[0]) !== null && _this$title$ !== void 0 ? _this$title$ : _this.t.sourceList) : "".concat((_this$title$2 = _this.title[1]) !== null && _this$title$2 !== void 0 ? _this$title$2 : _this.t.targetList);
       var isDisabled = isLeft ? !leftList.length : !rightList.length;
-      // eslint-disable-next-line max-len
       var isIndeterminate = !!_this.multipleSelectList[selectField].length && !_this.multipleSelectAllValue[selectField];
       var selectCount = _this.multipleSelectList[selectField].length;
       var headerClick = function headerClick() {
@@ -517,12 +515,12 @@ function useSelectListSearch(selectList, displayCode) {
         "class": "header"
       }, [_this.multiple ? (0,external_vue_namespaceObject.createVNode)(checkbox_namespaceObject["default"], {
         "class": "header-checkbox",
-        "label": titleText,
         "modelValue": _this.multipleSelectAllValue[selectField],
         "onUpdate:modelValue": function onUpdateModelValue($event) {
           return _this.multipleSelectAllValue[selectField] = $event;
         },
         "indeterminate": isIndeterminate,
+        "label": titleText,
         "onChange": function onChange(val) {
           return _this.handleAllChecked(val, selectField);
         }
@@ -563,10 +561,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) {
@@ -618,17 +618,17 @@ function useSelectListSearch(selectList, displayCode) {
     }, [(0,external_vue_namespaceObject.createVNode)("div", {
       "class": "source-list"
     }, [getHeaderHtml('left-header'), this.searchable && (0,external_vue_namespaceObject.createVNode)(input_namespaceObject["default"], {
+      "class": "transfer-search-input",
       "modelValue": _this.selectSearchQuery,
       "onUpdate:modelValue": function onUpdateModelValue($event) {
         return _this.selectSearchQuery = $event;
       },
-      "class": "transfer-search-input",
       "clearable": true,
       "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 +640,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')])]);