@apdesign/web-react 1.1.1 → 1.1.2

package/es/Button/index.d.ts

@@ -2,12 +2,12 @@ import React from 'react';
 import Group from './group';
 import { ButtonProps } from './interface';
 declare const ButtonComponent: React.ForwardRefExoticComponent<Partial<{
-    htmlType?: "button" | "reset" | "submit";
-} & import("./interface").BaseButtonProps & Omit<React.ButtonHTMLAttributes<any>, "className" | "onClick" | "type"> & {
+    htmlType?: "button" | "submit" | "reset";
+} & import("./interface").BaseButtonProps & Omit<React.ButtonHTMLAttributes<any>, "className" | "type" | "onClick"> & {
     href: string;
     target?: string;
     anchorProps?: React.HTMLProps<HTMLAnchorElement>;
-} & Omit<React.AnchorHTMLAttributes<any>, "className" | "onClick" | "type">> & React.RefAttributes<unknown>> & {
+} & Omit<React.AnchorHTMLAttributes<any>, "className" | "type" | "onClick">> & React.RefAttributes<unknown>> & {
     __BYTE_BUTTON: boolean;
     Group: typeof Group;
 };

package/es/DatePicker/util.d.ts

@@ -1,6 +1,6 @@
 import { Dayjs } from 'dayjs';
 export declare function isTimeArrayChange(prevTime: Dayjs[], nextTime: Dayjs[]): boolean;
-export declare function getAvailableDayjsLength(value: any): 0 | 1 | 2;
+export declare function getAvailableDayjsLength(value: any): 1 | 0 | 2;
 export declare function isDisabledDate(cellDate: any, disabledDate: any, mode: any): boolean;
 declare type WeekStartType = 0 | 1 | 2 | 3 | 4 | 5 | 6;
 export declare function getDefaultWeekStart(dayjsLocale: string): WeekStartType;

package/es/Menu/context.d.ts

@@ -6,7 +6,7 @@ export declare type HotkeyInfo = {
     type: 'sibling' | 'generation' | 'enter';
 };
 export declare type ResetHotkeyInfo = (activeKey?: string) => void;
-declare const MenuContext: import("react").Context<Pick<MenuProps, "collapse" | "inDropdown" | "theme" | "mode" | "levelIndent" | "icons" | "autoScrollIntoView" | "selectedKeys" | "openKeys" | "scrollConfig" | "triggerProps" | "tooltipProps"> & {
+declare const MenuContext: import("react").Context<Pick<MenuProps, "mode" | "triggerProps" | "collapse" | "inDropdown" | "theme" | "levelIndent" | "icons" | "autoScrollIntoView" | "selectedKeys" | "openKeys" | "scrollConfig" | "tooltipProps"> & {
     id?: string;
     prefixCls?: string;
     onClickMenuItem?: (key: string, event: any) => void;

package/es/Typography/base.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { TypographyParagraphProps, TypographyTitleProps } from './interface';
 declare const _default: React.ForwardRefExoticComponent<TypographyParagraphProps & TypographyTitleProps & import("./interface").CommonProps & {
-    componentType: "Paragraph" | "Title" | "Text";
+    componentType: "Text" | "Title" | "Paragraph";
 } & React.RefAttributes<unknown>>;
 export default _default;

package/es/_class/VirtualList/index.js

@@ -36,7 +36,6 @@ var __read = (this && this.__read) || function (o, n) {
     }
     return ar;
 };
-var _a;
 import React, { useEffect, useImperativeHandle, useRef, useMemo, useState, } from 'react';
 import { getValidScrollTop, getCompareItemRelativeTop, getItemAbsoluteTop, getItemRelativeTop, getNodeHeight, getRangeIndex, getScrollPercentage, GHOST_ITEM_KEY, getLongestItemIndex, getLocationItem, } from './utils/itemUtil';
 import { raf, caf } from '../../_util/raf';
@@ -49,7 +48,6 @@ import useIsFirstRender from '../../_util/hooks/useIsFirstRender';
 import useForceUpdate from '../../_util/hooks/useForceUpdate';
 import ResizeObserver from '../../_util/resizeObserver';
 import useIsomorphicLayoutEffect from '../../_util/hooks/useIsomorphicLayoutEffect';
-var __TABLE_PADDING__ = (_a = window.__TABLE_PADDING__) !== null && _a !== void 0 ? _a : 0;
 // height of the virtual element, used to calculate total height of the virtual list
 var DEFAULT_VIRTUAL_ITEM_HEIGHT = 32;
 var KEY_VIRTUAL_ITEM_HEIGHT = "__virtual_item_height_" + Math.random().toFixed(5).slice(2);
@@ -88,11 +86,12 @@ var useCacheChildrenNodes = function (children) {
     };
 };
 var VirtualList = React.forwardRef(function (props, ref) {
-    var style = props.style, className = props.className, children = props.children, _a = props.data, data = _a === void 0 ? [] : _a, itemKey = props.itemKey, _b = props.threshold, threshold = _b === void 0 ? 100 : _b, _c = props.wrapper, WrapperTagName = _c === void 0 ? 'div' : _c, _d = props.height, propHeight = _d === void 0 ? '100%' : _d, _e = props.isStaticItemHeight, isStaticItemHeight = _e === void 0 ? true : _e, propItemHeight = props.itemHeight, measureLongestItem = props.measureLongestItem, scrollOptions = props.scrollOptions, onScroll = props.onScroll, _f = props.needFiller, needFiller = _f === void 0 ? true : _f, outerStyle = props.outerStyle, innerStyle = props.innerStyle, _g = props.wrapperChild, WrapperChildTagName = _g === void 0 ? React.Fragment : _g, restProps = __rest(props, ["style", "className", "children", "data", "itemKey", "threshold", "wrapper", "height", "isStaticItemHeight", "itemHeight", "measureLongestItem", "scrollOptions", "onScroll", "needFiller", "outerStyle", "innerStyle", "wrapperChild"]);
+    var _a, _b;
+    var style = props.style, className = props.className, children = props.children, _c = props.data, data = _c === void 0 ? [] : _c, itemKey = props.itemKey, _d = props.threshold, threshold = _d === void 0 ? 100 : _d, _e = props.wrapper, WrapperTagName = _e === void 0 ? 'div' : _e, _f = props.height, propHeight = _f === void 0 ? '100%' : _f, _g = props.isStaticItemHeight, isStaticItemHeight = _g === void 0 ? true : _g, propItemHeight = props.itemHeight, measureLongestItem = props.measureLongestItem, scrollOptions = props.scrollOptions, onScroll = props.onScroll, _h = props.needFiller, needFiller = _h === void 0 ? true : _h, outerStyle = props.outerStyle, innerStyle = props.innerStyle, _j = props.wrapperChild, WrapperChildTagName = _j === void 0 ? React.Fragment : _j, restProps = __rest(props, ["style", "className", "children", "data", "itemKey", "threshold", "wrapper", "height", "isStaticItemHeight", "itemHeight", "measureLongestItem", "scrollOptions", "onScroll", "needFiller", "outerStyle", "innerStyle", "wrapperChild"]);
     // Compatible with setting the height of the list through style.maxHeight
     var styleListMaxHeight = (style && style.maxHeight) || propHeight;
     var refItemHeightMap = useRef({});
-    var _h = __read(useState(200), 2), stateHeight = _h[0], setStateHeight = _h[1];
+    var _k = __read(useState(200), 2), stateHeight = _k[0], setStateHeight = _k[1];
     var renderChild = useCacheChildrenNodes(children);
     useComputeVirtualItemHeight(refItemHeightMap);
     // Elements with the same height, the height of the item is based on the first rendering
@@ -102,8 +101,10 @@ var VirtualList = React.forwardRef(function (props, ref) {
         DEFAULT_VIRTUAL_ITEM_HEIGHT;
     var viewportHeight = isNumber(styleListMaxHeight) ? styleListMaxHeight : stateHeight;
     var itemCountVisible = Math.ceil(viewportHeight / itemHeight);
-    var itemTotalHeight = itemHeight * itemCount + __TABLE_PADDING__;
-    var isVirtual = threshold !== null && itemCount >= threshold && itemTotalHeight > viewportHeight;
+    var itemTotalHeight = itemHeight * itemCount;
+    var isVirtual = threshold !== null &&
+        itemCount >= threshold &&
+        itemTotalHeight + ((_a = window.__TABLE_PADDING__) !== null && _a !== void 0 ? _a : 0) > viewportHeight;
     var refList = useRef(null);
     var refRafId = useRef(null);
     var refLockScroll = useRef(false);
@@ -121,7 +122,7 @@ var VirtualList = React.forwardRef(function (props, ref) {
         }
         return { top: 0, bottom: 0 };
     }, [refList.current]);
-    var _j = __read(useStateWithPromise({
+    var _l = __read(useStateWithPromise({
         // measure status
         status: 'NONE',
         // render range info
@@ -132,7 +133,7 @@ var VirtualList = React.forwardRef(function (props, ref) {
         // scroll info
         startItemTop: 0,
         scrollTop: 0,
-    }), 2), state = _j[0], setState = _j[1];
+    }), 2), state = _l[0], setState = _l[1];
     var prevData = usePrevious(data) || [];
     var isFirstRender = useIsFirstRender();
     var getItemKey = function (item, index) {
@@ -228,12 +229,13 @@ var VirtualList = React.forwardRef(function (props, ref) {
     };
     // Modify the state and recalculate the position in the next render
     var virtualListScrollHandler = function (event, isInit) {
+        var _a;
         if (isInit === void 0) { isInit = false; }
         // Do NOT use refList.current.scrollHeight
         // We should use Filler's height as total scroll height
         // Filler's translate style may make refList.current.scrollHeight larger than Filler's height
-        var scrollHeight = itemTotalHeight;
-        var _a = refList.current, rawScrollTop = _a.scrollTop, clientHeight = _a.clientHeight;
+        var scrollHeight = itemTotalHeight + ((_a = window.__TABLE_PADDING__) !== null && _a !== void 0 ? _a : 0);
+        var _b = refList.current, rawScrollTop = _b.scrollTop, clientHeight = _b.clientHeight;
         var scrollTop = getValidScrollTop(rawScrollTop, scrollHeight - clientHeight);
         // Prevent jitter
         if (!isInit && (scrollTop === state.scrollTop || refLockScroll.current)) {
@@ -244,7 +246,7 @@ var VirtualList = React.forwardRef(function (props, ref) {
             clientHeight: clientHeight,
             scrollHeight: scrollHeight,
         });
-        var _b = getRangeIndex(scrollPtg, itemCount, itemCountVisible), itemIndex = _b.itemIndex, itemOffsetPtg = _b.itemOffsetPtg, startIndex = _b.startIndex, endIndex = _b.endIndex;
+        var _c = getRangeIndex(scrollPtg, itemCount, itemCountVisible), itemIndex = _c.itemIndex, itemOffsetPtg = _c.itemOffsetPtg, startIndex = _c.startIndex, endIndex = _c.endIndex;
         setState(__assign(__assign({}, state), { scrollTop: scrollTop, itemIndex: itemIndex, itemOffsetPtg: itemOffsetPtg, startIndex: startIndex, endIndex: endIndex, status: 'MEASURE_START' }));
         event && (onScroll === null || onScroll === void 0 ? void 0 : onScroll(event, { index: itemIndex }));
     };
@@ -264,6 +266,7 @@ var VirtualList = React.forwardRef(function (props, ref) {
     }, [itemCountVisible]);
     // Handle additions and deletions of list items or switching the virtual state
     useEffect(function () {
+        var _a;
         if (!refList.current)
             return;
         var changedItemIndex = null;
@@ -281,7 +284,7 @@ var VirtualList = React.forwardRef(function (props, ref) {
                 itemOffsetPtg: state.itemOffsetPtg,
                 scrollPtg: getScrollPercentage({
                     scrollTop: state.scrollTop,
-                    scrollHeight: prevData.length * itemHeight + __TABLE_PADDING__,
+                    scrollHeight: prevData.length * itemHeight + ((_a = window.__TABLE_PADDING__) !== null && _a !== void 0 ? _a : 0),
                     clientHeight: clientHeight,
                 }),
                 clientHeight: clientHeight,
@@ -478,7 +481,7 @@ var VirtualList = React.forwardRef(function (props, ref) {
             }
         }, getTargetDOMNode: function () { return refList.current; } },
         React.createElement(WrapperTagName, __assign({ ref: refList, style: __assign(__assign({ overflowY: 'auto', overflowAnchor: 'none' }, style), { maxHeight: styleListMaxHeight }), className: className, onScroll: isVirtual ? virtualListScrollHandler : rawListScrollHandler }, restProps), isVirtual ? (React.createElement(React.Fragment, null,
-            React.createElement(Filler, { height: itemTotalHeight, outerStyle: outerStyle, innerStyle: innerStyle, offset: state.status === 'MEASURE_DONE' ? state.startItemTop : 0 },
+            React.createElement(Filler, { height: itemTotalHeight + ((_b = window.__TABLE_PADDING__) !== null && _b !== void 0 ? _b : 0), outerStyle: outerStyle, innerStyle: innerStyle, offset: state.status === 'MEASURE_DONE' ? state.startItemTop : 0 },
                 React.createElement(WrapperChildTagName, null, renderChildren(data.slice(state.startIndex, state.endIndex + 1), state.startIndex))),
             renderLongestItem())) : needFiller ? (React.createElement(Filler, { height: viewportHeight, outerStyle: outerStyle, innerStyle: innerStyle },
             React.createElement(WrapperChildTagName, null, renderChildren(data, 0)))) : (React.createElement(WrapperChildTagName, null, renderChildren(data, 0))))));

package/es/_class/VirtualList/utils/itemUtil.js

@@ -9,10 +9,8 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var _a;
 import { findDOMNode } from '../../../_util/react-dom';
 import getStringLength from '../../../_util/getStringLength';
-var __TABLE_PADDING__ = (_a = window.__TABLE_PADDING__) !== null && _a !== void 0 ? _a : 0;
 /**
  * 为了计算方便，定位元素的下标可能返回数组长度，代表最后一个元素
  */
@@ -56,11 +54,12 @@ export function getValidScrollTop(scrollTop, scrollRange) {
  * 视口已滚动距离 / 总可滚动距离
  */
 export function getScrollPercentage(_a) {
+    var _b, _c;
     var scrollTop = _a.scrollTop, scrollHeight = _a.scrollHeight, clientHeight = _a.clientHeight;
-    var scrollRange = scrollHeight - clientHeight - __TABLE_PADDING__;
+    var scrollRange = scrollHeight - clientHeight - ((_b = window.__TABLE_PADDING__) !== null && _b !== void 0 ? _b : 0);
     return scrollRange <= 0
         ? 0
-        : getValidScrollTop(Math.max(scrollTop - __TABLE_PADDING__, 0), scrollRange) / scrollRange;
+        : getValidScrollTop(Math.max(scrollTop - ((_c = window.__TABLE_PADDING__) !== null && _c !== void 0 ? _c : 0), 0), scrollRange) / scrollRange;
 }
 /**
  * 计算需要渲染的元素的开始下标、结束下标和用于定位的元素下标
@@ -80,15 +79,18 @@ export function getRangeIndex(scrollPtg, itemCount, visibleCount) {
  * 计算元素相对于视口顶部的偏移量
  */
 export function getItemRelativeTop(_a) {
+    var _b;
     var itemHeight = _a.itemHeight, itemOffsetPtg = _a.itemOffsetPtg, scrollPtg = _a.scrollPtg, clientHeight = _a.clientHeight;
-    return Math.floor((clientHeight + __TABLE_PADDING__) * scrollPtg - itemHeight * itemOffsetPtg);
+    return Math.floor((clientHeight + ((_b = window.__TABLE_PADDING__) !== null && _b !== void 0 ? _b : 0)) * scrollPtg -
+        itemHeight * itemOffsetPtg);
 }
 /**
  * 计算元素相对于整个滚动区域顶部的偏移量
  */
 export function getItemAbsoluteTop(_a) {
+    var _b;
     var scrollTop = _a.scrollTop, rest = __rest(_a, ["scrollTop"]);
-    return Math.max(scrollTop - __TABLE_PADDING__, 0) + getItemRelativeTop(rest);
+    return (Math.max(scrollTop - ((_b = window.__TABLE_PADDING__) !== null && _b !== void 0 ? _b : 0), 0) + getItemRelativeTop(rest));
 }
 /**
  * 计算某一指定下标的元素相对于视口顶部的偏移量

package/es/_util/constant.d.ts

@@ -1,3 +1,3 @@
 export declare const NOOP: () => void;
 export declare function newArray(length: number): any;
-export declare function pickTriggerPropsFromRest(rest: any): Pick<any, "tabIndex" | "onFocus" | "onBlur" | "onClick" | "onContextMenu" | "onMouseEnter" | "onMouseLeave" | "onMouseMove">;
+export declare function pickTriggerPropsFromRest(rest: any): Pick<any, "onClick" | "onFocus" | "onBlur" | "tabIndex" | "onContextMenu" | "onMouseEnter" | "onMouseLeave" | "onMouseMove">;

package/es/index.d.ts

@@ -139,4 +139,4 @@ export type { WatermarkProps } from './Watermark/interface';
 export { default as Watermark } from './Watermark';
 export type { ImageProps, ImagePreviewProps, ImagePreviewActionProps, ImagePreviewGroupProps } from './Image/interface';
 export { default as Image } from './Image';
-export declare const version = "1.1.1";
+export declare const version = "1.1.2";

package/es/index.js

@@ -69,4 +69,4 @@ export { default as Upload } from './Upload';
 export { default as Mentions } from './Mentions';
 export { default as Watermark } from './Watermark';
 export { default as Image } from './Image';
-export var version = '1.1.1';
+export var version = '1.1.2';

package/lib/_class/VirtualList/index.js

@@ -59,7 +59,6 @@ var __read = (this && this.__read) || function (o, n) {
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
-var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importStar(require("react"));
 var itemUtil_1 = require("./utils/itemUtil");
@@ -73,7 +72,6 @@ var useIsFirstRender_1 = __importDefault(require("../../_util/hooks/useIsFirstRe
 var useForceUpdate_1 = __importDefault(require("../../_util/hooks/useForceUpdate"));
 var resizeObserver_1 = __importDefault(require("../../_util/resizeObserver"));
 var useIsomorphicLayoutEffect_1 = __importDefault(require("../../_util/hooks/useIsomorphicLayoutEffect"));
-var __TABLE_PADDING__ = (_a = window.__TABLE_PADDING__) !== null && _a !== void 0 ? _a : 0;
 // height of the virtual element, used to calculate total height of the virtual list
 var DEFAULT_VIRTUAL_ITEM_HEIGHT = 32;
 var KEY_VIRTUAL_ITEM_HEIGHT = "__virtual_item_height_" + Math.random().toFixed(5).slice(2);
@@ -112,11 +110,12 @@ var useCacheChildrenNodes = function (children) {
     };
 };
 var VirtualList = react_1.default.forwardRef(function (props, ref) {
-    var style = props.style, className = props.className, children = props.children, _a = props.data, data = _a === void 0 ? [] : _a, itemKey = props.itemKey, _b = props.threshold, threshold = _b === void 0 ? 100 : _b, _c = props.wrapper, WrapperTagName = _c === void 0 ? 'div' : _c, _d = props.height, propHeight = _d === void 0 ? '100%' : _d, _e = props.isStaticItemHeight, isStaticItemHeight = _e === void 0 ? true : _e, propItemHeight = props.itemHeight, measureLongestItem = props.measureLongestItem, scrollOptions = props.scrollOptions, onScroll = props.onScroll, _f = props.needFiller, needFiller = _f === void 0 ? true : _f, outerStyle = props.outerStyle, innerStyle = props.innerStyle, _g = props.wrapperChild, WrapperChildTagName = _g === void 0 ? react_1.default.Fragment : _g, restProps = __rest(props, ["style", "className", "children", "data", "itemKey", "threshold", "wrapper", "height", "isStaticItemHeight", "itemHeight", "measureLongestItem", "scrollOptions", "onScroll", "needFiller", "outerStyle", "innerStyle", "wrapperChild"]);
+    var _a, _b;
+    var style = props.style, className = props.className, children = props.children, _c = props.data, data = _c === void 0 ? [] : _c, itemKey = props.itemKey, _d = props.threshold, threshold = _d === void 0 ? 100 : _d, _e = props.wrapper, WrapperTagName = _e === void 0 ? 'div' : _e, _f = props.height, propHeight = _f === void 0 ? '100%' : _f, _g = props.isStaticItemHeight, isStaticItemHeight = _g === void 0 ? true : _g, propItemHeight = props.itemHeight, measureLongestItem = props.measureLongestItem, scrollOptions = props.scrollOptions, onScroll = props.onScroll, _h = props.needFiller, needFiller = _h === void 0 ? true : _h, outerStyle = props.outerStyle, innerStyle = props.innerStyle, _j = props.wrapperChild, WrapperChildTagName = _j === void 0 ? react_1.default.Fragment : _j, restProps = __rest(props, ["style", "className", "children", "data", "itemKey", "threshold", "wrapper", "height", "isStaticItemHeight", "itemHeight", "measureLongestItem", "scrollOptions", "onScroll", "needFiller", "outerStyle", "innerStyle", "wrapperChild"]);
     // Compatible with setting the height of the list through style.maxHeight
     var styleListMaxHeight = (style && style.maxHeight) || propHeight;
     var refItemHeightMap = (0, react_1.useRef)({});
-    var _h = __read((0, react_1.useState)(200), 2), stateHeight = _h[0], setStateHeight = _h[1];
+    var _k = __read((0, react_1.useState)(200), 2), stateHeight = _k[0], setStateHeight = _k[1];
     var renderChild = useCacheChildrenNodes(children);
     useComputeVirtualItemHeight(refItemHeightMap);
     // Elements with the same height, the height of the item is based on the first rendering
@@ -126,8 +125,10 @@ var VirtualList = react_1.default.forwardRef(function (props, ref) {
         DEFAULT_VIRTUAL_ITEM_HEIGHT;
     var viewportHeight = (0, is_1.isNumber)(styleListMaxHeight) ? styleListMaxHeight : stateHeight;
     var itemCountVisible = Math.ceil(viewportHeight / itemHeight);
-    var itemTotalHeight = itemHeight * itemCount + __TABLE_PADDING__;
-    var isVirtual = threshold !== null && itemCount >= threshold && itemTotalHeight > viewportHeight;
+    var itemTotalHeight = itemHeight * itemCount;
+    var isVirtual = threshold !== null &&
+        itemCount >= threshold &&
+        itemTotalHeight + ((_a = window.__TABLE_PADDING__) !== null && _a !== void 0 ? _a : 0) > viewportHeight;
     var refList = (0, react_1.useRef)(null);
     var refRafId = (0, react_1.useRef)(null);
     var refLockScroll = (0, react_1.useRef)(false);
@@ -145,7 +146,7 @@ var VirtualList = react_1.default.forwardRef(function (props, ref) {
         }
         return { top: 0, bottom: 0 };
     }, [refList.current]);
-    var _j = __read((0, useStateWithPromise_1.default)({
+    var _l = __read((0, useStateWithPromise_1.default)({
         // measure status
         status: 'NONE',
         // render range info
@@ -156,7 +157,7 @@ var VirtualList = react_1.default.forwardRef(function (props, ref) {
         // scroll info
         startItemTop: 0,
         scrollTop: 0,
-    }), 2), state = _j[0], setState = _j[1];
+    }), 2), state = _l[0], setState = _l[1];
     var prevData = (0, usePrevious_1.default)(data) || [];
     var isFirstRender = (0, useIsFirstRender_1.default)();
     var getItemKey = function (item, index) {
@@ -252,12 +253,13 @@ var VirtualList = react_1.default.forwardRef(function (props, ref) {
     };
     // Modify the state and recalculate the position in the next render
     var virtualListScrollHandler = function (event, isInit) {
+        var _a;
         if (isInit === void 0) { isInit = false; }
         // Do NOT use refList.current.scrollHeight
         // We should use Filler's height as total scroll height
         // Filler's translate style may make refList.current.scrollHeight larger than Filler's height
-        var scrollHeight = itemTotalHeight;
-        var _a = refList.current, rawScrollTop = _a.scrollTop, clientHeight = _a.clientHeight;
+        var scrollHeight = itemTotalHeight + ((_a = window.__TABLE_PADDING__) !== null && _a !== void 0 ? _a : 0);
+        var _b = refList.current, rawScrollTop = _b.scrollTop, clientHeight = _b.clientHeight;
         var scrollTop = (0, itemUtil_1.getValidScrollTop)(rawScrollTop, scrollHeight - clientHeight);
         // Prevent jitter
         if (!isInit && (scrollTop === state.scrollTop || refLockScroll.current)) {
@@ -268,7 +270,7 @@ var VirtualList = react_1.default.forwardRef(function (props, ref) {
             clientHeight: clientHeight,
             scrollHeight: scrollHeight,
         });
-        var _b = (0, itemUtil_1.getRangeIndex)(scrollPtg, itemCount, itemCountVisible), itemIndex = _b.itemIndex, itemOffsetPtg = _b.itemOffsetPtg, startIndex = _b.startIndex, endIndex = _b.endIndex;
+        var _c = (0, itemUtil_1.getRangeIndex)(scrollPtg, itemCount, itemCountVisible), itemIndex = _c.itemIndex, itemOffsetPtg = _c.itemOffsetPtg, startIndex = _c.startIndex, endIndex = _c.endIndex;
         setState(__assign(__assign({}, state), { scrollTop: scrollTop, itemIndex: itemIndex, itemOffsetPtg: itemOffsetPtg, startIndex: startIndex, endIndex: endIndex, status: 'MEASURE_START' }));
         event && (onScroll === null || onScroll === void 0 ? void 0 : onScroll(event, { index: itemIndex }));
     };
@@ -288,6 +290,7 @@ var VirtualList = react_1.default.forwardRef(function (props, ref) {
     }, [itemCountVisible]);
     // Handle additions and deletions of list items or switching the virtual state
     (0, react_1.useEffect)(function () {
+        var _a;
         if (!refList.current)
             return;
         var changedItemIndex = null;
@@ -305,7 +308,7 @@ var VirtualList = react_1.default.forwardRef(function (props, ref) {
                 itemOffsetPtg: state.itemOffsetPtg,
                 scrollPtg: (0, itemUtil_1.getScrollPercentage)({
                     scrollTop: state.scrollTop,
-                    scrollHeight: prevData.length * itemHeight + __TABLE_PADDING__,
+                    scrollHeight: prevData.length * itemHeight + ((_a = window.__TABLE_PADDING__) !== null && _a !== void 0 ? _a : 0),
                     clientHeight: clientHeight,
                 }),
                 clientHeight: clientHeight,
@@ -502,7 +505,7 @@ var VirtualList = react_1.default.forwardRef(function (props, ref) {
             }
         }, getTargetDOMNode: function () { return refList.current; } },
         react_1.default.createElement(WrapperTagName, __assign({ ref: refList, style: __assign(__assign({ overflowY: 'auto', overflowAnchor: 'none' }, style), { maxHeight: styleListMaxHeight }), className: className, onScroll: isVirtual ? virtualListScrollHandler : rawListScrollHandler }, restProps), isVirtual ? (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement(Filler_1.default, { height: itemTotalHeight, outerStyle: outerStyle, innerStyle: innerStyle, offset: state.status === 'MEASURE_DONE' ? state.startItemTop : 0 },
+            react_1.default.createElement(Filler_1.default, { height: itemTotalHeight + ((_b = window.__TABLE_PADDING__) !== null && _b !== void 0 ? _b : 0), outerStyle: outerStyle, innerStyle: innerStyle, offset: state.status === 'MEASURE_DONE' ? state.startItemTop : 0 },
                 react_1.default.createElement(WrapperChildTagName, null, renderChildren(data.slice(state.startIndex, state.endIndex + 1), state.startIndex))),
             renderLongestItem())) : needFiller ? (react_1.default.createElement(Filler_1.default, { height: viewportHeight, outerStyle: outerStyle, innerStyle: innerStyle },
             react_1.default.createElement(WrapperChildTagName, null, renderChildren(data, 0)))) : (react_1.default.createElement(WrapperChildTagName, null, renderChildren(data, 0))))));

package/lib/_class/VirtualList/utils/itemUtil.js

@@ -13,12 +13,10 @@ var __rest = (this && this.__rest) || function (s, e) {
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
-var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getLongestItemIndex = exports.getCompareItemRelativeTop = exports.getItemAbsoluteTop = exports.getItemRelativeTop = exports.getRangeIndex = exports.getScrollPercentage = exports.getValidScrollTop = exports.getNodeHeight = exports.getLocationItem = exports.GHOST_ITEM_KEY = void 0;
 var react_dom_1 = require("../../../_util/react-dom");
 var getStringLength_1 = __importDefault(require("../../../_util/getStringLength"));
-var __TABLE_PADDING__ = (_a = window.__TABLE_PADDING__) !== null && _a !== void 0 ? _a : 0;
 /**
  * 为了计算方便，定位元素的下标可能返回数组长度，代表最后一个元素
  */
@@ -65,11 +63,12 @@ exports.getValidScrollTop = getValidScrollTop;
  * 视口已滚动距离 / 总可滚动距离
  */
 function getScrollPercentage(_a) {
+    var _b, _c;
     var scrollTop = _a.scrollTop, scrollHeight = _a.scrollHeight, clientHeight = _a.clientHeight;
-    var scrollRange = scrollHeight - clientHeight - __TABLE_PADDING__;
+    var scrollRange = scrollHeight - clientHeight - ((_b = window.__TABLE_PADDING__) !== null && _b !== void 0 ? _b : 0);
     return scrollRange <= 0
         ? 0
-        : getValidScrollTop(Math.max(scrollTop - __TABLE_PADDING__, 0), scrollRange) / scrollRange;
+        : getValidScrollTop(Math.max(scrollTop - ((_c = window.__TABLE_PADDING__) !== null && _c !== void 0 ? _c : 0), 0), scrollRange) / scrollRange;
 }
 exports.getScrollPercentage = getScrollPercentage;
 /**
@@ -91,16 +90,19 @@ exports.getRangeIndex = getRangeIndex;
  * 计算元素相对于视口顶部的偏移量
  */
 function getItemRelativeTop(_a) {
+    var _b;
     var itemHeight = _a.itemHeight, itemOffsetPtg = _a.itemOffsetPtg, scrollPtg = _a.scrollPtg, clientHeight = _a.clientHeight;
-    return Math.floor((clientHeight + __TABLE_PADDING__) * scrollPtg - itemHeight * itemOffsetPtg);
+    return Math.floor((clientHeight + ((_b = window.__TABLE_PADDING__) !== null && _b !== void 0 ? _b : 0)) * scrollPtg -
+        itemHeight * itemOffsetPtg);
 }
 exports.getItemRelativeTop = getItemRelativeTop;
 /**
  * 计算元素相对于整个滚动区域顶部的偏移量
  */
 function getItemAbsoluteTop(_a) {
+    var _b;
     var scrollTop = _a.scrollTop, rest = __rest(_a, ["scrollTop"]);
-    return Math.max(scrollTop - __TABLE_PADDING__, 0) + getItemRelativeTop(rest);
+    return (Math.max(scrollTop - ((_b = window.__TABLE_PADDING__) !== null && _b !== void 0 ? _b : 0), 0) + getItemRelativeTop(rest));
 }
 exports.getItemAbsoluteTop = getItemAbsoluteTop;
 /**

package/lib/index.d.ts

@@ -139,4 +139,4 @@ export type { WatermarkProps } from './Watermark/interface';
 export { default as Watermark } from './Watermark';
 export type { ImageProps, ImagePreviewProps, ImagePreviewActionProps, ImagePreviewGroupProps } from './Image/interface';
 export { default as Image } from './Image';
-export declare const version = "1.1.1";
+export declare const version = "1.1.2";

package/lib/index.js

@@ -147,4 +147,4 @@ var Watermark_1 = require("./Watermark");
 Object.defineProperty(exports, "Watermark", { enumerable: true, get: function () { return __importDefault(Watermark_1).default; } });
 var Image_1 = require("./Image");
 Object.defineProperty(exports, "Image", { enumerable: true, get: function () { return __importDefault(Image_1).default; } });
-exports.version = '1.1.1';
+exports.version = '1.1.2';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@apdesign/web-react",
-  "version": "1.1.1",
+  "version": "1.1.2",
   "description": "AP Design React UI Library.",
   "module": "./es/index.js",
   "main": "./lib/index.js",