bkui-vue 1.0.3-beta.7 → 1.0.3-beta.70

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,21 +155,28 @@ 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", {
+      }, [isIcon(item) && (0,external_vue_namespaceObject.createVNode)("div", {
         "class": "".concat(_this.resolveClassName('timeline-icon')),
         "style": {
           border: item.border ? "2px solid ".concat(item.color) : '0px',
@@ -195,16 +184,16 @@ var timelineProps = {
         }
       }, [(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/transfer.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;
 }
 .bk-transfer {
   display: flex;

package/lib/tree/tree.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;
 }
 .bk-F-scroll-x {
   overflow-x: auto;

package/lib/upload/index.d.ts

@@ -84,6 +84,9 @@ declare const Upload: {
             default: string;
         };
         customRequest: import("vue").PropType<import("./upload.type").UploadRequestHandler>;
+        selectChange: {
+            type: import("vue").PropType<(event: Event) => boolean | void>;
+        };
         beforeUpload: {
             type: import("vue").PropType<(file: import("./upload.type").UploadRawFile) => boolean | Promise<boolean>>;
         };
@@ -198,6 +201,9 @@ declare const Upload: {
             default: string;
         };
         customRequest: import("vue").PropType<import("./upload.type").UploadRequestHandler>;
+        selectChange: {
+            type: import("vue").PropType<(event: Event) => boolean | void>;
+        };
         beforeUpload: {
             type: import("vue").PropType<(file: import("./upload.type").UploadRawFile) => boolean | Promise<boolean>>;
         };
@@ -341,6 +347,9 @@ declare const Upload: {
             default: string;
         };
         customRequest: import("vue").PropType<import("./upload.type").UploadRequestHandler>;
+        selectChange: {
+            type: import("vue").PropType<(event: Event) => boolean | void>;
+        };
         beforeUpload: {
             type: import("vue").PropType<(file: import("./upload.type").UploadRawFile) => boolean | Promise<boolean>>;
         };
@@ -481,6 +490,9 @@ declare const Upload: {
         default: string;
     };
     customRequest: import("vue").PropType<import("./upload.type").UploadRequestHandler>;
+    selectChange: {
+        type: import("vue").PropType<(event: Event) => boolean | void>;
+    };
     beforeUpload: {
         type: import("vue").PropType<(file: import("./upload.type").UploadRawFile) => boolean | Promise<boolean>>;
     };

package/lib/upload/index.js

@@ -1431,6 +1431,9 @@ var themes = [EThemes.BUTTON, EThemes.DRAGGABLE, EThemes.PICTURE];
     "default": ''
   },
   customRequest: Function,
+  selectChange: {
+    type: Function
+  },
   beforeUpload: {
     type: Function
   },
@@ -1796,7 +1799,8 @@ const button_less_namespaceObject = button_less_x({  });
     accept: props.accept,
     file: {
       type: Object
-    }
+    },
+    selectChange: props.selectChange
   },
   emits: ['change', 'remove'],
   setup: function setup(props, _ref) {
@@ -1835,6 +1839,10 @@ const button_less_namespaceObject = button_less_x({  });
       inputEl.value.click();
     };
     var handleFileChange = function handleFileChange(e) {
+      var _props$selectChange;
+      if (props.selectChange && ((_props$selectChange = props.selectChange) === null || _props$selectChange === void 0 ? void 0 : _props$selectChange.call(props, e)) === false) {
+        return false;
+      }
       var files = e.target.files;
       emit('change', Array.from(files));
     };
@@ -1861,39 +1869,17 @@ const button_less_namespaceObject = button_less_x({  });
     var dragover = (0,external_vue_namespaceObject.ref)(false);
     var Dragger = function Dragger() {
       var handleDrop = function handleDrop(e) {
+        var _props$selectChange2;
         if (disabled.value) {
           return;
         }
         e.preventDefault();
         dragover.value = false;
-        var files = Array.from(e.dataTransfer.files);
-        if (!acceptTypes.value) {
-          emit('change', files);
-          return;
+        if (props.selectChange && ((_props$selectChange2 = props.selectChange) === null || _props$selectChange2 === void 0 ? void 0 : _props$selectChange2.call(props, e)) === false) {
+          return false;
         }
-        var filesFiltered = files.filter(function (file) {
-          var type = file.type,
-            name = file.name;
-          var extension = name.includes('.') ? ".".concat(name.split('.').pop()) : '';
-          var baseType = type.replace(/\/.*$/, '');
-          return acceptTypes.value.split(',').map(function (type) {
-            return type.trim();
-          }).filter(function (type) {
-            return type;
-          }).some(function (acceptedType) {
-            if (acceptedType.startsWith('.')) {
-              return extension === acceptedType;
-            }
-            if (/\/\*$/.test(acceptedType)) {
-              return baseType === acceptedType.replace(/\/\*$/, '');
-            }
-            if (/^[^/]+\/[^/]+$/.test(acceptedType)) {
-              return type === acceptedType;
-            }
-            return false;
-          });
-        });
-        emit('change', filesFiltered);
+        var files = Array.from(e.dataTransfer.files);
+        emit('change', files);
       };
       var handleDragover = function handleDragover(e) {
         e.preventDefault();
@@ -2639,7 +2625,8 @@ function upload_arrayLikeToArray(arr, len) { if (len == null || len > arr.length
         theme: props.theme,
         multiple: props.multiple,
         disabled: props.disabled,
-        accept: props.accept
+        accept: props.accept,
+        selectChange: props.selectChange
       };
     });
     function onRemove(file, fileList) {
@@ -2660,10 +2647,14 @@ function upload_arrayLikeToArray(arr, len) { if (len == null || len > arr.length
         return;
       }
       // limit检查
-      if (props.limit && fileList.value.length + files.length > props.limit) {
+      if (props.limit > 1 && fileList.value.length + files.length > props.limit) {
         emit('exceed', files, fileList.value);
         return;
       }
+      // 限制1个时使用替换方式，将之前的列表清空
+      if (!props.multiple && props.limit === 1) {
+        fileList.value = [];
+      }
       var sendFiles = files;
       if (!props.multiple || props.limit === 1) {
         sendFiles = files.slice(0, 1);

package/lib/upload/props.d.ts

@@ -85,6 +85,9 @@ declare const _default: {
         default: string;
     };
     customRequest: PropType<UploadRequestHandler>;
+    selectChange: {
+        type: PropType<(event: Event) => boolean | void>;
+    };
     beforeUpload: {
         type: PropType<(file: UploadRawFile) => Promise<boolean> | boolean>;
     };

package/lib/upload/upload-trigger.d.ts

@@ -20,6 +20,9 @@ declare const _default: import("vue").DefineComponent<{
     file: {
         type: PropType<UploadFile>;
     };
+    selectChange: {
+        type: PropType<(event: Event) => boolean | void>;
+    };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "remove")[], "change" | "remove", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     theme: {
         type: PropType<"button" | "picture" | "draggable">;
@@ -40,6 +43,9 @@ declare const _default: import("vue").DefineComponent<{
     file: {
         type: PropType<UploadFile>;
     };
+    selectChange: {
+        type: PropType<(event: Event) => boolean | void>;
+    };
 }>> & {
     onChange?: (...args: any[]) => any;
     onRemove?: (...args: any[]) => any;

package/lib/upload/upload.d.ts

@@ -84,6 +84,9 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
     customRequest: import("vue").PropType<import("./upload.type").UploadRequestHandler>;
+    selectChange: {
+        type: import("vue").PropType<(event: Event) => boolean | void>;
+    };
     beforeUpload: {
         type: import("vue").PropType<(file: UploadRawFile) => boolean | Promise<boolean>>;
     };
@@ -191,6 +194,9 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
     customRequest: import("vue").PropType<import("./upload.type").UploadRequestHandler>;
+    selectChange: {
+        type: import("vue").PropType<(event: Event) => boolean | void>;
+    };
     beforeUpload: {
         type: import("vue").PropType<(file: UploadRawFile) => boolean | Promise<boolean>>;
     };

package/lib/upload/upload.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;
 }
 @keyframes loading-scale-animate {
   0% {

package/lib/virtual-render/index.d.ts

@@ -275,6 +275,9 @@ declare const BkVirtualRender: {
         width: string | number;
         height: string | number;
         maxHeight: number;
+        contentClassName: string | {
+            [key: string]: any;
+        };
         enabled: boolean;
         list: unknown[];
         minHeight: number;
@@ -284,9 +287,6 @@ declare const BkVirtualRender: {
         };
         lineHeight: any;
         scrollEvent: boolean;
-        contentClassName: string | {
-            [key: string]: any;
-        };
         contentStyle: {
             [key: string]: any;
         };
@@ -456,6 +456,9 @@ declare const BkVirtualRender: {
         width: string | number;
         height: string | number;
         maxHeight: number;
+        contentClassName: string | {
+            [key: string]: any;
+        };
         enabled: boolean;
         list: unknown[];
         minHeight: number;
@@ -465,9 +468,6 @@ declare const BkVirtualRender: {
         };
         lineHeight: any;
         scrollEvent: boolean;
-        contentClassName: string | {
-            [key: string]: any;
-        };
         contentStyle: {
             [key: string]: any;
         };
@@ -629,6 +629,9 @@ declare const BkVirtualRender: {
     width: string | number;
     height: string | number;
     maxHeight: number;
+    contentClassName: string | {
+        [key: string]: any;
+    };
     enabled: boolean;
     list: unknown[];
     minHeight: number;
@@ -638,9 +641,6 @@ declare const BkVirtualRender: {
     };
     lineHeight: any;
     scrollEvent: boolean;
-    contentClassName: string | {
-        [key: string]: any;
-    };
     contentStyle: {
         [key: string]: any;
     };

package/lib/virtual-render/virtual-render.d.ts

@@ -278,6 +278,9 @@ declare const _default: import("vue").DefineComponent<{
     width: string | number;
     height: string | number;
     maxHeight: number;
+    contentClassName: string | {
+        [key: string]: any;
+    };
     enabled: boolean;
     list: unknown[];
     minHeight: number;
@@ -287,9 +290,6 @@ declare const _default: import("vue").DefineComponent<{
     };
     lineHeight: any;
     scrollEvent: boolean;
-    contentClassName: string | {
-        [key: string]: any;
-    };
     contentStyle: {
         [key: string]: any;
     };

package/lib/virtual-render/virtual-render.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;
 }
 .bk-F-scroll-x {
   overflow-x: auto;