@apdesign/web-react 1.0.3 → 1.1.1

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" | "submit" | "reset";
-} & import("./interface").BaseButtonProps & Omit<React.ButtonHTMLAttributes<any>, "className" | "type" | "onClick"> & {
+    htmlType?: "button" | "reset" | "submit";
+} & import("./interface").BaseButtonProps & Omit<React.ButtonHTMLAttributes<any>, "className" | "onClick" | "type"> & {
     href: string;
     target?: string;
     anchorProps?: React.HTMLProps<HTMLAnchorElement>;
-} & Omit<React.AnchorHTMLAttributes<any>, "className" | "type" | "onClick">> & React.RefAttributes<unknown>> & {
+} & Omit<React.AnchorHTMLAttributes<any>, "className" | "onClick" | "type">> & 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): 1 | 0 | 2;
+export declare function getAvailableDayjsLength(value: any): 0 | 1 | 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, "mode" | "triggerProps" | "collapse" | "inDropdown" | "theme" | "levelIndent" | "icons" | "autoScrollIntoView" | "selectedKeys" | "openKeys" | "scrollConfig" | "tooltipProps"> & {
+declare const MenuContext: import("react").Context<Pick<MenuProps, "collapse" | "inDropdown" | "theme" | "mode" | "levelIndent" | "icons" | "autoScrollIntoView" | "selectedKeys" | "openKeys" | "scrollConfig" | "triggerProps" | "tooltipProps"> & {
     id?: string;
     prefixCls?: string;
     onClickMenuItem?: (key: string, event: any) => void;

package/es/_class/VirtualList/index.js

@@ -36,6 +36,7 @@ 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';
@@ -48,6 +49,7 @@ 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);
@@ -100,7 +102,7 @@ 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;
+    var itemTotalHeight = itemHeight * itemCount + __TABLE_PADDING__;
     var isVirtual = threshold !== null && itemCount >= threshold && itemTotalHeight > viewportHeight;
     var refList = useRef(null);
     var refRafId = useRef(null);
@@ -279,7 +281,7 @@ var VirtualList = React.forwardRef(function (props, ref) {
                 itemOffsetPtg: state.itemOffsetPtg,
                 scrollPtg: getScrollPercentage({
                     scrollTop: state.scrollTop,
-                    scrollHeight: prevData.length * itemHeight,
+                    scrollHeight: prevData.length * itemHeight + __TABLE_PADDING__,
                     clientHeight: clientHeight,
                 }),
                 clientHeight: clientHeight,

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

@@ -9,8 +9,10 @@ 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;
 /**
  * 为了计算方便，定位元素的下标可能返回数组长度，代表最后一个元素
  */
@@ -55,8 +57,10 @@ export function getValidScrollTop(scrollTop, scrollRange) {
  */
 export function getScrollPercentage(_a) {
     var scrollTop = _a.scrollTop, scrollHeight = _a.scrollHeight, clientHeight = _a.clientHeight;
-    var scrollRange = scrollHeight - clientHeight;
-    return scrollRange <= 0 ? 0 : getValidScrollTop(scrollTop, scrollRange) / scrollRange;
+    var scrollRange = scrollHeight - clientHeight - __TABLE_PADDING__;
+    return scrollRange <= 0
+        ? 0
+        : getValidScrollTop(Math.max(scrollTop - __TABLE_PADDING__, 0), scrollRange) / scrollRange;
 }
 /**
  * 计算需要渲染的元素的开始下标、结束下标和用于定位的元素下标
@@ -77,14 +81,14 @@ export function getRangeIndex(scrollPtg, itemCount, visibleCount) {
  */
 export function getItemRelativeTop(_a) {
     var itemHeight = _a.itemHeight, itemOffsetPtg = _a.itemOffsetPtg, scrollPtg = _a.scrollPtg, clientHeight = _a.clientHeight;
-    return Math.floor(clientHeight * scrollPtg - itemHeight * itemOffsetPtg);
+    return Math.floor((clientHeight + __TABLE_PADDING__) * scrollPtg - itemHeight * itemOffsetPtg);
 }
 /**
  * 计算元素相对于整个滚动区域顶部的偏移量
  */
 export function getItemAbsoluteTop(_a) {
     var scrollTop = _a.scrollTop, rest = __rest(_a, ["scrollTop"]);
-    return scrollTop + getItemRelativeTop(rest);
+    return Math.max(scrollTop - __TABLE_PADDING__, 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, "onClick" | "onFocus" | "onBlur" | "tabIndex" | "onContextMenu" | "onMouseEnter" | "onMouseLeave" | "onMouseMove">;
+export declare function pickTriggerPropsFromRest(rest: any): Pick<any, "tabIndex" | "onFocus" | "onBlur" | "onClick" | "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.0.3";
+export declare const version = "1.1.1";

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.0.3';
+export var version = '1.1.1';

package/lib/_class/VirtualList/index.js

@@ -59,6 +59,7 @@ 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");
@@ -72,6 +73,7 @@ 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);
@@ -124,7 +126,7 @@ 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;
+    var itemTotalHeight = itemHeight * itemCount + __TABLE_PADDING__;
     var isVirtual = threshold !== null && itemCount >= threshold && itemTotalHeight > viewportHeight;
     var refList = (0, react_1.useRef)(null);
     var refRafId = (0, react_1.useRef)(null);
@@ -303,7 +305,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,
+                    scrollHeight: prevData.length * itemHeight + __TABLE_PADDING__,
                     clientHeight: clientHeight,
                 }),
                 clientHeight: clientHeight,

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

@@ -13,10 +13,12 @@ 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;
 /**
  * 为了计算方便，定位元素的下标可能返回数组长度，代表最后一个元素
  */
@@ -64,8 +66,10 @@ exports.getValidScrollTop = getValidScrollTop;
  */
 function getScrollPercentage(_a) {
     var scrollTop = _a.scrollTop, scrollHeight = _a.scrollHeight, clientHeight = _a.clientHeight;
-    var scrollRange = scrollHeight - clientHeight;
-    return scrollRange <= 0 ? 0 : getValidScrollTop(scrollTop, scrollRange) / scrollRange;
+    var scrollRange = scrollHeight - clientHeight - __TABLE_PADDING__;
+    return scrollRange <= 0
+        ? 0
+        : getValidScrollTop(Math.max(scrollTop - __TABLE_PADDING__, 0), scrollRange) / scrollRange;
 }
 exports.getScrollPercentage = getScrollPercentage;
 /**
@@ -88,7 +92,7 @@ exports.getRangeIndex = getRangeIndex;
  */
 function getItemRelativeTop(_a) {
     var itemHeight = _a.itemHeight, itemOffsetPtg = _a.itemOffsetPtg, scrollPtg = _a.scrollPtg, clientHeight = _a.clientHeight;
-    return Math.floor(clientHeight * scrollPtg - itemHeight * itemOffsetPtg);
+    return Math.floor((clientHeight + __TABLE_PADDING__) * scrollPtg - itemHeight * itemOffsetPtg);
 }
 exports.getItemRelativeTop = getItemRelativeTop;
 /**
@@ -96,7 +100,7 @@ exports.getItemRelativeTop = getItemRelativeTop;
  */
 function getItemAbsoluteTop(_a) {
     var scrollTop = _a.scrollTop, rest = __rest(_a, ["scrollTop"]);
-    return scrollTop + getItemRelativeTop(rest);
+    return Math.max(scrollTop - __TABLE_PADDING__, 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.0.3";
+export declare const version = "1.1.1";

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.0.3';
+exports.version = '1.1.1';

package/package.json

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