bkui-vue 2.0.1-beta.84 → 2.0.1-beta.86

package/lib/date-picker/index.js

@@ -4722,6 +4722,7 @@ function date_picker_objectSpread(e) { for (var r = 1; r < arguments.length; r++
     };
     var handleBlur = function handleBlur(e) {
       var _pickerPanelRef$value3, _formItem$validate2;
+      emit('blur');
       if (state.internalFocus) {
         state.internalFocus = false;
         return;
@@ -4736,7 +4737,6 @@ function date_picker_objectSpread(e) { for (var r = 1; r < arguments.length; r++
       reset();
       pickerPanelRef === null || pickerPanelRef === void 0 || (_pickerPanelRef$value3 = pickerPanelRef.value) === null || _pickerPanelRef$value3 === void 0 || _pickerPanelRef$value3.onToggleVisibility(false);
       formItem === null || formItem === void 0 || (_formItem$validate2 = formItem.validate) === null || _formItem$validate2 === void 0 || _formItem$validate2.call(formItem, 'blur');
-      emit('blur');
     };
     var handleKeydown = function handleKeydown(e) {
       var keyCode = e.keyCode;
@@ -5439,6 +5439,7 @@ function time_picker_objectSpread(e) { for (var r = 1; r < arguments.length; r++
     };
     var handleBlur = function handleBlur(e) {
       var _pickerPanelRef$value5, _formItem$validate2;
+      emit('blur');
       if (state.internalFocus) {
         state.internalFocus = false;
         return;
@@ -5453,7 +5454,6 @@ function time_picker_objectSpread(e) { for (var r = 1; r < arguments.length; r++
       reset();
       pickerPanelRef === null || pickerPanelRef === void 0 || (_pickerPanelRef$value5 = pickerPanelRef.value) === null || _pickerPanelRef$value5 === void 0 || _pickerPanelRef$value5.onToggleVisibility(false);
       formItem === null || formItem === void 0 || (_formItem$validate2 = formItem.validate) === null || _formItem$validate2 === void 0 || _formItem$validate2.call(formItem, 'blur');
-      emit('blur');
     };
     var handleKeydown = function handleKeydown(e) {
       var keyCode = e.keyCode;

package/lib/index.js

@@ -4,5 +4,5 @@ export { default } from './preset';
 export * from './config-provider';
 export * from './directives';
 export * as plugins from './plugins';
-export const version = "2.0.1-beta.84";
+export const version = "2.0.1-beta.86";
 window.__bkui_vue_version__ = version;

package/lib/menu/index.d.ts

@@ -137,6 +137,7 @@ declare const BkMenu: {
     }, import("vue").SlotsType<{
         default?: () => HTMLElement;
         icon?: () => HTMLElement;
+        title?: () => HTMLElement;
     }>>;
     Group: import("vue").DefineComponent<{
         name: {

package/lib/menu/index.js

@@ -649,7 +649,7 @@ var subMenuProps = {
     var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
       resolveClassName = _usePrefix.resolveClassName;
     return function () {
-      var _slots$icon, _slots$default;
+      var _slots$icon, _slots$title, _slots$default;
       return (0,external_vue_namespaceObject.createVNode)("li", {
         "class": _defineProperty(_defineProperty({}, "".concat(resolveClassName('menu-submenu')), true), 'is-opened', isShow.value)
       }, [(0,external_vue_namespaceObject.createVNode)("div", {
@@ -664,7 +664,7 @@ var subMenuProps = {
         "class": "menu-icon"
       }, null)]), (0,external_vue_namespaceObject.createVNode)("span", {
         "class": "submenu-header-content"
-      }, [props.title]), (0,external_vue_namespaceObject.createVNode)(_namespaceObject.AngleDown, {
+      }, [((_slots$title = slots.title) === null || _slots$title === void 0 ? void 0 : _slots$title.call(slots)) || props.title]), (0,external_vue_namespaceObject.createVNode)(_namespaceObject.AngleDown, {
         "class": {
           'submenu-header-collapse': true,
           'is-collapse': openedKeys.value.includes(key)

package/lib/menu/submenu.d.ts

@@ -22,5 +22,6 @@ declare const _default: import("vue").DefineComponent<{
 }, SlotsType<{
     default?: () => HTMLElement;
     icon?: () => HTMLElement;
+    title?: () => HTMLElement;
 }>>;
 export default _default;

package/lib/select/index.d.ts

@@ -47,6 +47,11 @@ declare const BkSelect: {
         } & {
             default: boolean;
         };
+        allOptionText: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        } & {
+            default: string;
+        };
         allOptionId: import("vue-types").VueTypeDef<string | number>;
         showSelectAll: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
@@ -692,6 +697,7 @@ declare const BkSelect: {
         }>>>>;
         isAllSelected: import("vue").ComputedRef<boolean>;
         isAll: import("vue").ComputedRef<boolean>;
+        displayAllText: import("vue").ComputedRef<string>;
         focusInput: () => void;
         setHover: () => void;
         cancelHover: () => void;
@@ -769,6 +775,11 @@ declare const BkSelect: {
         } & {
             default: boolean;
         };
+        allOptionText: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        } & {
+            default: string;
+        };
         allOptionId: import("vue-types").VueTypeDef<string | number>;
         showSelectAll: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
@@ -1086,6 +1097,7 @@ declare const BkSelect: {
         idKey: string;
         remoteMethod: (...args: any[]) => any;
         showAll: boolean;
+        allOptionText: string;
         showSelectAll: boolean;
         multipleMode: string;
         autoHeight: boolean;
@@ -1156,6 +1168,11 @@ declare const BkSelect: {
         } & {
             default: boolean;
         };
+        allOptionText: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        } & {
+            default: string;
+        };
         allOptionId: import("vue-types").VueTypeDef<string | number>;
         showSelectAll: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
@@ -1801,6 +1818,7 @@ declare const BkSelect: {
         }>>>>;
         isAllSelected: import("vue").ComputedRef<boolean>;
         isAll: import("vue").ComputedRef<boolean>;
+        displayAllText: import("vue").ComputedRef<string>;
         focusInput: () => void;
         setHover: () => void;
         cancelHover: () => void;
@@ -1860,6 +1878,7 @@ declare const BkSelect: {
         idKey: string;
         remoteMethod: (...args: any[]) => any;
         showAll: boolean;
+        allOptionText: string;
         showSelectAll: boolean;
         multipleMode: string;
         autoHeight: boolean;
@@ -1927,6 +1946,11 @@ declare const BkSelect: {
     } & {
         default: boolean;
     };
+    allOptionText: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
     allOptionId: import("vue-types").VueTypeDef<string | number>;
     showSelectAll: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
@@ -2572,6 +2596,7 @@ declare const BkSelect: {
     }>>>>;
     isAllSelected: import("vue").ComputedRef<boolean>;
     isAll: import("vue").ComputedRef<boolean>;
+    displayAllText: import("vue").ComputedRef<string>;
     focusInput: () => void;
     setHover: () => void;
     cancelHover: () => void;
@@ -2631,6 +2656,7 @@ declare const BkSelect: {
     idKey: string;
     remoteMethod: (...args: any[]) => any;
     showAll: boolean;
+    allOptionText: string;
     showSelectAll: boolean;
     multipleMode: string;
     autoHeight: boolean;

package/lib/select/index.js

@@ -2633,6 +2633,7 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
     scrollHeight: shared_namespaceObject.PropTypes.number.def(204),
     minHeight: shared_namespaceObject.PropTypes.number,
     showAll: shared_namespaceObject.PropTypes.bool.def(false),
+    allOptionText: shared_namespaceObject.PropTypes.string.def(''),
     allOptionId: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.number, shared_namespaceObject.PropTypes.string]),
     showSelectAll: shared_namespaceObject.PropTypes.bool.def(false),
     popoverMinWidth: shared_namespaceObject.PropTypes.number.def(0),
@@ -2718,6 +2719,9 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
       trigger = _toRefs.trigger,
       disableScrollToSelectedOption = _toRefs.disableScrollToSelectedOption;
     var virtualRenderRef = (0,external_vue_namespaceObject.ref)(null);
+    var displayAllText = (0,external_vue_namespaceObject.computed)(function () {
+      return props.allOptionText;
+    });
     var localNoDataText = (0,external_vue_namespaceObject.computed)(function () {
       if (props.noDataText === undefined) {
         return t.value.noData;
@@ -3444,6 +3448,7 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
       popoverConfig: popoverConfig,
       isAllSelected: isAllSelected,
       isAll: isAll,
+      displayAllText: displayAllText,
       focusInput: focusInput,
       setHover: setHover,
       cancelHover: cancelHover,
@@ -3529,6 +3534,17 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
         "modelValue": _this.isAllSelected
       }, null), _this.t.selectAll]);
     };
+    // 全部icon支持自定义
+    var renderAllIcon = function renderAllIcon() {
+      var _this$$slots5, _this$$slots5$allOpti;
+      return ((_this$$slots5 = _this.$slots) === null || _this$$slots5 === void 0 || (_this$$slots5$allOpti = _this$$slots5.allOptionIcon) === null || _this$$slots5$allOpti === void 0 ? void 0 : _this$$slots5$allOpti.call(_this$$slots5)) || (0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.TextAll, {
+        "class": "select-all-icon"
+      }, null);
+    };
+    // 全部选项文案支持自定义
+    var renderAllText = function renderAllText() {
+      return (0,external_vue_namespaceObject.createVNode)("span", null, [_this.displayAllText || _this.t.all]);
+    };
     // 全部
     var renderAll = function renderAll() {
       var _this$selected$;
@@ -3538,15 +3554,13 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
       }, [(0,external_vue_namespaceObject.createVNode)("div", {
         "class": ['wrapper', _this.selected.length === 1 && ((_this$selected$ = _this.selected[0]) === null || _this$selected$ === void 0 ? void 0 : _this$selected$.value) === _this.allOptionId ? 'active' : ''],
         "onClick": _this.toggleAll
-      }, [(0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.TextAll, {
-        "class": "select-all-icon"
-      }, null), (0,external_vue_namespaceObject.createVNode)("span", null, [_this.t.all])])]);
+      }, [renderAllIcon(), renderAllText()])]);
     };
     // 默认trigger输入框渲染
     var renderTriggerInput = function renderTriggerInput() {
-      var _this$$slots9;
+      var _this$$slots10;
       if (_this.multipleMode === 'tag') {
-        var _this$$slots5, _this$$slots7;
+        var _this$$slots6, _this$$slots8;
         return (0,external_vue_namespaceObject.createVNode)(selectTagInput, {
           "ref": "selectTagInputRef",
           "modelValue": _this.customOptionName,
@@ -3564,15 +3578,15 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
           "onRemove": _this.handleDeleteTag
         }, {
           prefix: renderPrefix(),
-          "default": ((_this$$slots5 = _this.$slots) === null || _this$$slots5 === void 0 ? void 0 : _this$$slots5.tag) && function () {
-            var _this$$slots6;
-            return (_this$$slots6 = _this.$slots) === null || _this$$slots6 === void 0 ? void 0 : _this$$slots6.tag({
+          "default": ((_this$$slots6 = _this.$slots) === null || _this$$slots6 === void 0 ? void 0 : _this$$slots6.tag) && function () {
+            var _this$$slots7;
+            return (_this$$slots7 = _this.$slots) === null || _this$$slots7 === void 0 ? void 0 : _this$$slots7.tag({
               selected: _this.selected
             });
           },
-          tagRender: ((_this$$slots7 = _this.$slots) === null || _this$$slots7 === void 0 ? void 0 : _this$$slots7.tagRender) && function (item) {
-            var _this$$slots8;
-            return (_this$$slots8 = _this.$slots) === null || _this$$slots8 === void 0 ? void 0 : _this$$slots8.tagRender(item);
+          tagRender: ((_this$$slots8 = _this.$slots) === null || _this$$slots8 === void 0 ? void 0 : _this$$slots8.tagRender) && function (item) {
+            var _this$$slots9;
+            return (_this$$slots9 = _this.$slots) === null || _this$$slots9 === void 0 ? void 0 : _this$$slots9.tagRender(item);
           },
           suffix: function suffix() {
             return suffixIcon();
@@ -3595,10 +3609,10 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
         "onInput": _this.handleInputChange
       }, _this.prefix ? {
         prefix: _this.prefix
-      } : null), select_objectSpread(select_objectSpread({}, typeof ((_this$$slots9 = _this.$slots) === null || _this$$slots9 === void 0 ? void 0 : _this$$slots9.prefix) === 'function' ? {
+      } : null), select_objectSpread(select_objectSpread({}, typeof ((_this$$slots10 = _this.$slots) === null || _this$$slots10 === void 0 ? void 0 : _this$$slots10.prefix) === 'function' ? {
         prefix: function prefix() {
-          var _this$$slots10, _this$$slots10$prefix;
-          return (_this$$slots10 = _this.$slots) === null || _this$$slots10 === void 0 || (_this$$slots10$prefix = _this$$slots10.prefix) === null || _this$$slots10$prefix === void 0 ? void 0 : _this$$slots10$prefix.call(_this$$slots10);
+          var _this$$slots11, _this$$slots11$prefix;
+          return (_this$$slots11 = _this.$slots) === null || _this$$slots11 === void 0 || (_this$$slots11$prefix = _this$$slots11.prefix) === null || _this$$slots11$prefix === void 0 ? void 0 : _this$$slots11$prefix.call(_this$$slots11);
         }
       } : null), {}, {
         suffix: function suffix() {
@@ -3608,7 +3622,7 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
     };
     // 渲染trigger
     var renderSelectTrigger = function renderSelectTrigger() {
-      var _this$$slots11, _this$$slots11$trigge;
+      var _this$$slots12, _this$$slots12$trigge;
       return (0,external_vue_namespaceObject.createVNode)("div", {
         "ref": "triggerRef",
         "style": {
@@ -3618,7 +3632,7 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
         "onClick": _this.handleTogglePopover,
         "onMouseenter": _this.setHover,
         "onMouseleave": _this.cancelHover
-      }, [((_this$$slots11 = _this.$slots) === null || _this$$slots11 === void 0 || (_this$$slots11$trigge = _this$$slots11.trigger) === null || _this$$slots11$trigge === void 0 ? void 0 : _this$$slots11$trigge.call(_this$$slots11, {
+      }, [((_this$$slots12 = _this.$slots) === null || _this$$slots12 === void 0 || (_this$$slots12$trigge = _this$$slots12.trigger) === null || _this$$slots12$trigge === void 0 ? void 0 : _this$$slots12$trigge.call(_this$$slots12, {
         selected: _this.selected
       })) || renderTriggerInput()]);
     };
@@ -3636,10 +3650,10 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
         }
       }, {
         "default": function _default(_ref3) {
-          var _this$$slots12, _this$$slots13;
+          var _this$$slots13, _this$$slots14;
           var data = _ref3.data;
           // 兼容以前slots
-          var optionRender = ((_this$$slots12 = _this.$slots) === null || _this$$slots12 === void 0 ? void 0 : _this$$slots12.optionRender) || ((_this$$slots13 = _this.$slots) === null || _this$$slots13 === void 0 ? void 0 : _this$$slots13.virtualScrollRender);
+          var optionRender = ((_this$$slots13 = _this.$slots) === null || _this$$slots13 === void 0 ? void 0 : _this$$slots13.optionRender) || ((_this$$slots14 = _this.$slots) === null || _this$$slots14 === void 0 ? void 0 : _this$$slots14.virtualScrollRender);
           return data.map(function (item) {
             return (0,external_vue_namespaceObject.createVNode)(src_option, {
               "id": item[_this.idKey],
@@ -3655,9 +3669,9 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
           });
         }
       }) : _this.filterList.map(function (item) {
-        var _this$$slots14, _this$$slots15;
+        var _this$$slots15, _this$$slots16;
         // 兼容以前slots
-        var optionRender = ((_this$$slots14 = _this.$slots) === null || _this$$slots14 === void 0 ? void 0 : _this$$slots14.optionRender) || ((_this$$slots15 = _this.$slots) === null || _this$$slots15 === void 0 ? void 0 : _this$$slots15.virtualScrollRender);
+        var optionRender = ((_this$$slots15 = _this.$slots) === null || _this$$slots15 === void 0 ? void 0 : _this$$slots15.optionRender) || ((_this$$slots16 = _this.$slots) === null || _this$$slots16 === void 0 ? void 0 : _this$$slots16.virtualScrollRender);
         return (0,external_vue_namespaceObject.createVNode)(src_option, {
           "id": item[_this.idKey],
           "key": item[_this.idKey],
@@ -3673,7 +3687,7 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
     };
     // 渲染内容
     var renderSelectContent = function renderSelectContent() {
-      var _this$$slots16, _this$$slots16$defaul, _this$$slots17, _this$$slots18;
+      var _this$$slots17, _this$$slots17$defaul, _this$$slots18, _this$$slots19;
       return (0,external_vue_namespaceObject.createVNode)("div", {
         "ref": "contentRef",
         "class": _this.resolveClassName('select-content-wrapper')
@@ -3710,7 +3724,7 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
         "onScroll": _this.handleScroll
       }, [(0,external_vue_namespaceObject.createVNode)("ul", {
         "class": _this.resolveClassName('select-options')
-      }, [renderSelectAll(), renderList(), (_this$$slots16 = _this.$slots) === null || _this$$slots16 === void 0 || (_this$$slots16$defaul = _this$$slots16["default"]) === null || _this$$slots16$defaul === void 0 ? void 0 : _this$$slots16$defaul.call(_this$$slots16), _this.scrollLoading && (0,external_vue_namespaceObject.createVNode)("li", {
+      }, [renderSelectAll(), renderList(), (_this$$slots17 = _this.$slots) === null || _this$$slots17 === void 0 || (_this$$slots17$defaul = _this$$slots17["default"]) === null || _this$$slots17$defaul === void 0 ? void 0 : _this$$slots17$defaul.call(_this$$slots17), _this.scrollLoading && (0,external_vue_namespaceObject.createVNode)("li", {
         "class": _this.resolveClassName('select-options-loading')
       }, [(0,external_vue_namespaceObject.createVNode)(loading_namespaceObject["default"], {
         "class": "spinner mr5",
@@ -3718,9 +3732,9 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
         "mode": "spin",
         "size": "mini",
         "theme": "primary"
-      }, null), (0,external_vue_namespaceObject.createVNode)("span", null, [_this.localLoadingText])])])]), ((_this$$slots17 = _this.$slots) === null || _this$$slots17 === void 0 ? void 0 : _this$$slots17.extension) && (0,external_vue_namespaceObject.createVNode)("div", {
+      }, null), (0,external_vue_namespaceObject.createVNode)("span", null, [_this.localLoadingText])])])]), ((_this$$slots18 = _this.$slots) === null || _this$$slots18 === void 0 ? void 0 : _this$$slots18.extension) && (0,external_vue_namespaceObject.createVNode)("div", {
         "class": _this.resolveClassName('select-extension')
-      }, [(_this$$slots18 = _this.$slots) === null || _this$$slots18 === void 0 ? void 0 : _this$$slots18.extension()])])]);
+      }, [(_this$$slots19 = _this.$slots) === null || _this$$slots19 === void 0 ? void 0 : _this$$slots19.extension()])])]);
     };
     return (0,external_vue_namespaceObject.createVNode)("div", {
       "class": selectClass

package/lib/select/select.d.ts

@@ -46,6 +46,11 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: boolean;
     };
+    allOptionText: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
     allOptionId: import("vue-types").VueTypeDef<string | number>;
     showSelectAll: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
@@ -679,6 +684,7 @@ declare const _default: import("vue").DefineComponent<{
     }>>>>;
     isAllSelected: import("vue").ComputedRef<boolean>;
     isAll: import("vue").ComputedRef<boolean>;
+    displayAllText: import("vue").ComputedRef<string>;
     focusInput: () => void;
     setHover: () => void;
     cancelHover: () => void;
@@ -756,6 +762,11 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: boolean;
     };
+    allOptionText: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
     allOptionId: import("vue-types").VueTypeDef<string | number>;
     showSelectAll: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
@@ -1073,6 +1084,7 @@ declare const _default: import("vue").DefineComponent<{
     idKey: string;
     remoteMethod: (...args: any[]) => any;
     showAll: boolean;
+    allOptionText: string;
     showSelectAll: boolean;
     multipleMode: string;
     autoHeight: boolean;

package/lib/table/index.js

@@ -17917,7 +17917,7 @@ var tableProps = {
   /**
    * 启用Scrollbar
    */
-  scrollbar: shared_namespaceObject.PropTypes.bool.def(false),
+  scrollbar: shared_namespaceObject.PropTypes.bool.def(true),
   // scrollbehavior: toType<`${ScrollBehavior}`>('ScrollBehavior', {
   /**
    * 固定在底部的配置项
@@ -24497,6 +24497,7 @@ var useSettings = function useSettings(props, ctx, columns, afterSetting) {
   props: tableProps,
   emits: EMIT_EVENT_TYPES,
   setup: function setup(props, ctx) {
+    if (false) {}
     var columns = use_columns(props);
     var rows = use_rows(props);
     var pagination = use_pagination(props);

package/lib/table-column/index.js

@@ -17892,7 +17892,7 @@ var tableProps = {
   /**
    * 启用Scrollbar
    */
-  scrollbar: shared_namespaceObject.PropTypes.bool.def(false),
+  scrollbar: shared_namespaceObject.PropTypes.bool.def(true),
   // scrollbehavior: toType<`${ScrollBehavior}`>('ScrollBehavior', {
   /**
    * 固定在底部的配置项

package/lib/upload/index.js

@@ -1632,8 +1632,8 @@ function _isSlot(s) {
       var size = value / Math.pow(1024, index);
       return "".concat(size.toFixed(2)).concat(uints[index]);
     }
-    function handleReview(file, e) {
-      emit('preview', file, e);
+    function handlePreview(file, files, e) {
+      emit('preview', file, files, e);
     }
     function handleRemove(file, e) {
       emit('remove', file, e);
@@ -1679,7 +1679,7 @@ function _isSlot(s) {
       }, [isShowPreview.value && (0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.Eye, {
         "class": "action-icon",
         "onClick": function onClick(e) {
-          return handleReview(file, e);
+          return handlePreview(file, props.files, e);
         }
       }, null), (0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.Del, {
         "class": "action-icon",
@@ -1904,8 +1904,8 @@ const button_less_namespaceObject = button_less_x({  });
       e.stopPropagation();
       e.preventDefault();
     }
-    function handleReview(file, e) {
-      emit('preview', file, e);
+    function handlePreview(file, e) {
+      emit('preview', file, [file], e);
       e.stopPropagation();
       e.preventDefault();
     }
@@ -1977,7 +1977,7 @@ const button_less_namespaceObject = button_less_x({  });
       }, [isShowPreview.value && (0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.Eye, {
         "class": "action-icon",
         "onClick": function onClick(e) {
-          return handleReview(file, e);
+          return handlePreview(file, e);
         }
       }, null), (0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.Del, {
         "class": "action-icon",
@@ -2757,8 +2757,8 @@ function upload_arrayLikeToArray(arr, len) { if (len == null || len > arr.length
         _iterator.f();
       }
     }
-    function handlePreview(file) {
-      emit('preview', file);
+    function handlePreview(file, files) {
+      emit('preview', file, files);
     }
     function handleRetry(file) {
       send(file.raw);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bkui-vue",
-  "version": "2.0.1-beta.84",
+  "version": "2.0.1-beta.86",
   "workspaces": [
     "packages/**",
     "scripts/cli",