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

package/lib/upload/index.js

@@ -1255,6 +1255,10 @@ const external_vue_namespaceObject = external_vue_x({ ["Fragment"]: () => __WEBP
 // EXTERNAL MODULE: ../../node_modules/@babel/runtime/regenerator/index.js
 var regenerator = __webpack_require__(2841);
 var regenerator_default = /*#__PURE__*/__webpack_require__.n(regenerator);
+;// 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
+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: ../../packages/upload/src/upload.type.ts
 /*
  * Tencent is pleased to support the open source community by making
@@ -1281,7 +1285,7 @@ var regenerator_default = /*#__PURE__*/__webpack_require__.n(regenerator);
  * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
  * IN THE SOFTWARE.
  */
-var CLASS_PREFIX = 'bk-upload';
+var CLASS_PREFIX = 'upload';
 var EThemes;
 (function (EThemes) {
   EThemes["BUTTON"] = "button";
@@ -1290,10 +1294,10 @@ var EThemes;
 })(EThemes || (EThemes = {}));
 var EUploadStatus;
 (function (EUploadStatus) {
+  EUploadStatus["FAIL"] = "fail";
   EUploadStatus["NEW"] = "new";
-  EUploadStatus["UPLOADING"] = "uploading";
   EUploadStatus["SUCCESS"] = "success";
-  EUploadStatus["FAIL"] = "fail";
+  EUploadStatus["UPLOADING"] = "uploading";
 })(EUploadStatus || (EUploadStatus = {}));
 ;// CONCATENATED MODULE: ../../packages/upload/src/props.ts
 /*
@@ -1431,6 +1435,9 @@ var themes = [EThemes.BUTTON, EThemes.DRAGGABLE, EThemes.PICTURE];
     "default": ''
   },
   customRequest: Function,
+  selectChange: {
+    type: Function
+  },
   beforeUpload: {
     type: Function
   },
@@ -1514,10 +1521,6 @@ function _nonIterableRest() {
 function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
-;// 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
-const config_provider_namespaceObject = config_provider_x({ ["useLocale"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_config_provider_fe8577a3__.useLocale });
 ;// CONCATENATED MODULE: external "../icon"
 var icon_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var icon_y = x => () => x
@@ -1583,11 +1586,13 @@ function _isSlot(s) {
     var slots = _ref.slots,
       emit = _ref.emit;
     var t = (0,config_provider_namespaceObject.useLocale)('upload');
+    var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
+      resolveClassName = _usePrefix.resolveClassName;
     var _toRefs = (0,external_vue_namespaceObject.toRefs)(props),
       theme = _toRefs.theme,
       disabled = _toRefs.disabled,
       multiple = _toRefs.multiple;
-    var classBlock = "".concat(CLASS_PREFIX, "-list");
+    var classBlock = "".concat(resolveClassName(CLASS_PREFIX), "-list");
     var isPhotowall = (0,external_vue_namespaceObject.computed)(function () {
       return theme.value === EThemes.PICTURE;
     });
@@ -1629,19 +1634,19 @@ function _isSlot(s) {
     };
     var PhotoItem = function PhotoItem(file) {
       return [(0,external_vue_namespaceObject.withDirectives)((0,external_vue_namespaceObject.createVNode)("img", {
-        "src": file.url,
         "class": "".concat(classBlock, "__picture-item-thumbnail"),
-        "alt": ""
+        "alt": "",
+        "src": file.url
       }, null), [[external_vue_namespaceObject.vShow, file.status !== 'uploading']]), (0,external_vue_namespaceObject.createVNode)(external_vue_namespaceObject.Fragment, null, [file.status === 'uploading' && (0,external_vue_namespaceObject.createVNode)(progress_namespaceObject["default"], {
+        "width": 50,
         "class": "".concat(classBlock, "__picture-item-progress"),
-        "type": "circle",
-        "color": "#3a84ff",
         "bgColor": "#333",
-        "width": 50,
+        "color": "#3a84ff",
+        "percent": file.percentage,
         "titleStyle": {
           color: '#fff'
         },
-        "percent": file.percentage
+        "type": "circle"
       }, null)]), (0,external_vue_namespaceObject.createVNode)(external_vue_namespaceObject.Fragment, null, [!disabled.value && (0,external_vue_namespaceObject.createVNode)("div", {
         "class": "".concat(classBlock, "__picture-item-actions")
       }, [(0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.Del, {
@@ -1695,9 +1700,9 @@ function _isSlot(s) {
       return [(0,external_vue_namespaceObject.createVNode)("div", {
         "class": "".concat(classBlock, "__item-icon")
       }, [file.isPic ? (0,external_vue_namespaceObject.createVNode)("img", {
-        "src": file.url,
         "class": "".concat(classBlock, "__item-thumbnail"),
-        "alt": ""
+        "alt": "",
+        "src": file.url
       }, null) : FileIcon(file)]), (0,external_vue_namespaceObject.createVNode)("div", {
         "class": "".concat(classBlock, "__item-summary")
       }, [(0,external_vue_namespaceObject.createVNode)("div", {
@@ -1710,8 +1715,8 @@ function _isSlot(s) {
         "class": "".concat(classBlock, "__item-message-success-icon")
       }, null), file.statusText || t.value.uploadSuccess]), file.status === 'fail' && (0,external_vue_namespaceObject.createVNode)(external_vue_namespaceObject.Fragment, null, [file.statusText || t.value.uploadFailed])]), file.status === 'uploading' && (0,external_vue_namespaceObject.createVNode)(progress_namespaceObject["default"], {
         "class": "".concat(classBlock, "__item-progress"),
-        "showText": false,
         "percent": file.percentage,
+        "showText": false,
         "size": "small"
       }, null), file.status !== 'fail' && (0,external_vue_namespaceObject.createVNode)("div", {
         "class": "".concat(classBlock, "__item-speed")
@@ -1796,20 +1801,23 @@ const button_less_namespaceObject = button_less_x({  });
     accept: props.accept,
     file: {
       type: Object
-    }
+    },
+    selectChange: props.selectChange
   },
   emits: ['change', 'remove'],
   setup: function setup(props, _ref) {
     var slots = _ref.slots,
       emit = _ref.emit;
     var t = (0,config_provider_namespaceObject.useLocale)('upload');
+    var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
+      resolveClassName = _usePrefix.resolveClassName;
     var _toRefs = (0,external_vue_namespaceObject.toRefs)(props),
       theme = _toRefs.theme,
       disabled = _toRefs.disabled,
       file = _toRefs.file,
       multiple = _toRefs.multiple,
       accept = _toRefs.accept;
-    var classBlock = "".concat(CLASS_PREFIX, "-trigger");
+    var classBlock = "".concat(resolveClassName(CLASS_PREFIX), "-trigger");
     var isButton = (0,external_vue_namespaceObject.computed)(function () {
       return theme.value === EThemes.BUTTON;
     });
@@ -1835,6 +1843,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 +1873,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();
@@ -1905,9 +1895,9 @@ const button_less_namespaceObject = button_less_x({  });
       var classNames = (0,shared_namespaceObject.classes)(_defineProperty({}, "".concat(classBlock, "__draggable"), true));
       return (0,external_vue_namespaceObject.createVNode)("div", {
         "class": classNames,
-        "onDrop": handleDrop,
+        "onDragleave": handleDragleave,
         "onDragover": handleDragover,
-        "onDragleave": handleDragleave
+        "onDrop": handleDrop
       }, [slots["default"] ? slots["default"]() : (0,external_vue_namespaceObject.createVNode)(external_vue_namespaceObject.Fragment, null, [(0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.Upload, {
         "class": "".concat(classBlock, "__draggable-icon")
       }, null), (0,external_vue_namespaceObject.createVNode)("div", {
@@ -1930,19 +1920,19 @@ const button_less_namespaceObject = button_less_x({  });
     };
     var SinglePicture = function SinglePicture(file) {
       return [(0,external_vue_namespaceObject.withDirectives)((0,external_vue_namespaceObject.createVNode)("img", {
-        "src": file.url,
         "class": "".concat(classBlock, "__picture-thumbnail"),
-        "alt": ""
+        "alt": "",
+        "src": file.url
       }, null), [[external_vue_namespaceObject.vShow, file.status !== 'uploading']]), (0,external_vue_namespaceObject.createVNode)(external_vue_namespaceObject.Fragment, null, [file.status === 'uploading' && (0,external_vue_namespaceObject.createVNode)(progress_namespaceObject["default"], {
+        "width": 50,
         "class": "".concat(classBlock, "__picture-progress"),
-        "type": "circle",
-        "color": "#3a84ff",
         "bgColor": "#333",
-        "width": 50,
+        "color": "#3a84ff",
+        "percent": file.percentage,
         "titleStyle": {
           color: '#fff'
         },
-        "percent": file.percentage
+        "type": "circle"
       }, null)]), (0,external_vue_namespaceObject.createVNode)(external_vue_namespaceObject.Fragment, null, [!props.disabled && (0,external_vue_namespaceObject.createVNode)("div", {
         "class": "".concat(classBlock, "__picture-actions")
       }, [(0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.Del, {
@@ -1980,12 +1970,12 @@ const button_less_namespaceObject = button_less_x({  });
       }, [slots.trigger ? [slots.trigger(), slots === null || slots === void 0 || (_slots$default = slots["default"]) === null || _slots$default === void 0 ? void 0 : _slots$default.call(slots)] : Trigger(), (0,external_vue_namespaceObject.createVNode)("input", {
         "ref": inputEl,
         "class": "".concat(classBlock, "__input-file"),
-        "tabindex": "-1",
-        "onChange": handleFileChange,
         "accept": acceptTypes.value,
-        "multiple": multiple.value,
         "disabled": disabled.value,
-        "type": "file"
+        "multiple": multiple.value,
+        "tabindex": "-1",
+        "type": "file",
+        "onChange": handleFileChange
       }, null)]);
     };
   }
@@ -2203,7 +2193,6 @@ var ajaxSliceUpload = /*#__PURE__*/function () {
 // 请求分片上传，保存在progressList中
 var sliceSend = function sliceSend(option, file, blockCount, hash, progressList, chunkSize) {
   var _loop = function _loop(i) {
-    // eslint-disable-next-line no-loop-func
     var pooltask = new Promise(function (resolve, reject) {
       var start = i * chunkSize;
       var end = Math.min(file.size, start + chunkSize);
@@ -2615,6 +2604,7 @@ function upload_arrayLikeToArray(arr, len) { if (len == null || len > arr.length
 
 
 
+
 /* harmony default export */ const upload = ((0,external_vue_namespaceObject.defineComponent)({
   name: 'Upload',
   props: props,
@@ -2623,6 +2613,8 @@ function upload_arrayLikeToArray(arr, len) { if (len == null || len > arr.length
     var slots = _ref.slots,
       emit = _ref.emit,
       expose = _ref.expose;
+    var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
+      resolveClassName = _usePrefix.resolveClassName;
     var requests = (0,external_vue_namespaceObject.shallowRef)({});
     var isPhotowall = (0,external_vue_namespaceObject.computed)(function () {
       return props.theme === EThemes.PICTURE;
@@ -2632,14 +2624,15 @@ function upload_arrayLikeToArray(arr, len) { if (len == null || len > arr.length
     });
     var classNames = (0,external_vue_namespaceObject.computed)(function () {
       var _props$extCls;
-      return (0,shared_namespaceObject.classes)(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, CLASS_PREFIX, true), "".concat(CLASS_PREFIX, "--").concat(props.theme), true), "".concat(CLASS_PREFIX, "--disabled"), props.disabled), "".concat(CLASS_PREFIX, "--single-picture"), isSinglePhoto.value), props.extCls, (_props$extCls = props.extCls) !== null && _props$extCls !== void 0 ? _props$extCls : false));
+      return (0,shared_namespaceObject.classes)(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(resolveClassName(CLASS_PREFIX)), true), "".concat(resolveClassName(CLASS_PREFIX), "--").concat(props.theme), true), "".concat(resolveClassName(CLASS_PREFIX), "--disabled"), props.disabled), "".concat(resolveClassName(CLASS_PREFIX), "--single-picture"), isSinglePhoto.value), props.extCls, (_props$extCls = props.extCls) !== null && _props$extCls !== void 0 ? _props$extCls : false));
     });
     var triggerProps = (0,external_vue_namespaceObject.computed)(function () {
       return {
         theme: props.theme,
         multiple: props.multiple,
         disabled: props.disabled,
-        accept: props.accept
+        accept: props.accept,
+        selectChange: props.selectChange
       };
     });
     function onRemove(file, fileList) {
@@ -2660,10 +2653,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);
@@ -2829,12 +2826,12 @@ function upload_arrayLikeToArray(arr, len) { if (len == null || len > arr.length
       }, [!isPhotowall.value && (0,external_vue_namespaceObject.createVNode)(upload_trigger, (0,external_vue_namespaceObject.mergeProps)(triggerProps.value, {
         "onChange": handleFiles
       }), slots), slots.tip ? slots.tip() : props.tip && (0,external_vue_namespaceObject.createVNode)("div", {
-        "class": "".concat(CLASS_PREFIX, "__tip")
+        "class": "".concat(resolveClassName(CLASS_PREFIX), "__tip")
       }, [props.tip]), (0,external_vue_namespaceObject.createVNode)(upload_list, {
-        "files": fileList.value,
-        "theme": props.theme,
         "disabled": props.disabled,
+        "files": fileList.value,
         "multiple": props.multiple,
+        "theme": props.theme,
         "onRemove": handleRemove,
         "onRetry": handleRetry
       }, {

package/lib/upload/props.d.ts

@@ -1,5 +1,5 @@
-import type { PropType } from 'vue';
 import { APIResponse, EThemes, ExtraFormData, FormDataAttr, HeaderDataAttr, MaxSize, UploadFile, UploadRawFile, UploadRequestHandler } from './upload.type';
+import type { PropType } from 'vue';
 declare const _default: {
     theme: {
         type: PropType<"button" | "picture" | "draggable">;
@@ -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.type.d.ts

@@ -1,6 +1,6 @@
 import { ExtractPropTypes } from 'vue';
 import uploadProps from './props';
-export declare const CLASS_PREFIX = "bk-upload";
+export declare const CLASS_PREFIX = "upload";
 export declare const enum EThemes {
     BUTTON = "button",
     DRAGGABLE = "draggable",
@@ -8,21 +8,21 @@ export declare const enum EThemes {
 }
 export type Theme = Lowercase<keyof typeof EThemes>;
 export declare const enum EUploadStatus {
+    FAIL = "fail",
     NEW = "new",
-    UPLOADING = "uploading",
     SUCCESS = "success",
-    FAIL = "fail"
+    UPLOADING = "uploading"
 }
 export type UploadStatus = Lowercase<keyof typeof EUploadStatus>;
 export type FormDataAttr = {
     name: string;
-    value: string | Blob | [string | Blob, string];
+    value: [Blob | string, string] | Blob | string;
 };
 export type HeaderDataAttr = {
     name: string;
     value: string;
 };
-export type ExtraFormData = Record<string, string | Blob | [string | Blob, string]>;
+export type ExtraFormData = Record<string, [Blob | string, string] | Blob | string>;
 export type UploadFiles = UploadFile[];
 export type UploadFile = {
     name: string;
@@ -60,7 +60,7 @@ export interface UploadRequestOptions {
     formDataAttributes?: FormDataAttr | FormDataAttr[];
     filename: string;
     file: File;
-    headers?: Headers | Record<string, string | number | null | undefined>;
+    headers?: Headers | Record<string, null | number | string | undefined>;
     header?: HeaderDataAttr | HeaderDataAttr[];
     withCredentials: boolean;
     sliceUrl: string;
@@ -71,7 +71,7 @@ export interface UploadRequestOptions {
     onSuccess: (res: SuccessResponse) => void;
     onComplete: () => void;
 }
-export type UploadRequestHandler = (options: UploadRequestOptions) => XMLHttpRequest | Promise<unknown>;
+export type UploadRequestHandler = (options: UploadRequestOptions) => Promise<unknown> | XMLHttpRequest;
 export type HookHandler = (uploadFile: UploadFile, uploadFiles: UploadFiles) => void;
 export interface UploadHanderHooks {
     onRemove: HookHandler;

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/upload/use-file-handler.d.ts

@@ -2,7 +2,7 @@ import { SuccessResponse, UploadFile, UploadHanderHooks, UploadProgressEvent, Up
 declare const _default: (props: UploadProps, hooks: UploadHanderHooks) => {
     fileList: import("vue").Ref<{
         name: string;
-        status: "success" | "new" | "uploading" | "fail";
+        status: "success" | "fail" | "new" | "uploading";
         statusText?: string;
         percentage?: number;
         response?: unknown;

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

@@ -124,6 +124,7 @@ declare const BkVirtualRender: {
         } & {
             default: boolean;
         };
+        scrollbar: import("vue-types").VueTypeDef<import("./props").IScrollbarOption>;
         autoReset: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
         } & {
@@ -132,6 +133,11 @@ declare const BkVirtualRender: {
         wrapperStyle: import("vue-types").VueTypeValidableDef<any> & {
             default: any;
         };
+        autoIndex: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
     }>> & {
         [x: `on${Capitalize<string>}`]: (...args: any[]) => any;
     }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
@@ -261,6 +267,7 @@ declare const BkVirtualRender: {
         } & {
             default: boolean;
         };
+        scrollbar: import("vue-types").VueTypeDef<import("./props").IScrollbarOption>;
         autoReset: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
         } & {
@@ -269,12 +276,20 @@ declare const BkVirtualRender: {
         wrapperStyle: import("vue-types").VueTypeValidableDef<any> & {
             default: any;
         };
+        autoIndex: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
     }>> & {
         [x: `on${Capitalize<string>}`]: (...args: any[]) => any;
     }, {
         width: string | number;
         height: string | number;
         maxHeight: number;
+        contentClassName: string | {
+            [key: string]: any;
+        };
         enabled: boolean;
         list: unknown[];
         minHeight: number;
@@ -284,9 +299,6 @@ declare const BkVirtualRender: {
         };
         lineHeight: any;
         scrollEvent: boolean;
-        contentClassName: string | {
-            [key: string]: any;
-        };
         contentStyle: {
             [key: string]: any;
         };
@@ -303,6 +315,7 @@ declare const BkVirtualRender: {
         rowKey: string;
         keepAlive: boolean;
         autoReset: boolean;
+        autoIndex: boolean;
     }, true, {}, import("vue").SlotsType<{
         default?: any;
         beforeContent?: any;
@@ -440,6 +453,7 @@ declare const BkVirtualRender: {
         } & {
             default: boolean;
         };
+        scrollbar: import("vue-types").VueTypeDef<import("./props").IScrollbarOption>;
         autoReset: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
         } & {
@@ -448,6 +462,11 @@ declare const BkVirtualRender: {
         wrapperStyle: import("vue-types").VueTypeValidableDef<any> & {
             default: any;
         };
+        autoIndex: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
     }>> & {
         [x: `on${Capitalize<string>}`]: (...args: any[]) => any;
     }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
@@ -456,6 +475,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 +487,6 @@ declare const BkVirtualRender: {
         };
         lineHeight: any;
         scrollEvent: boolean;
-        contentClassName: string | {
-            [key: string]: any;
-        };
         contentStyle: {
             [key: string]: any;
         };
@@ -484,6 +503,7 @@ declare const BkVirtualRender: {
         rowKey: string;
         keepAlive: boolean;
         autoReset: boolean;
+        autoIndex: boolean;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -613,6 +633,7 @@ declare const BkVirtualRender: {
     } & {
         default: boolean;
     };
+    scrollbar: import("vue-types").VueTypeDef<import("./props").IScrollbarOption>;
     autoReset: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
@@ -621,6 +642,11 @@ declare const BkVirtualRender: {
     wrapperStyle: import("vue-types").VueTypeValidableDef<any> & {
         default: any;
     };
+    autoIndex: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
 }>> & {
     [x: `on${Capitalize<string>}`]: (...args: any[]) => any;
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
@@ -629,6 +655,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 +667,6 @@ declare const BkVirtualRender: {
     };
     lineHeight: any;
     scrollEvent: boolean;
-    contentClassName: string | {
-        [key: string]: any;
-    };
     contentStyle: {
         [key: string]: any;
     };
@@ -657,6 +683,7 @@ declare const BkVirtualRender: {
     rowKey: string;
     keepAlive: boolean;
     autoReset: boolean;
+    autoIndex: boolean;
 }, {}, string, import("vue").SlotsType<{
     default?: any;
     beforeContent?: any;