@pointcloud/pcloud-components 0.1.23 → 0.1.25

package/dist/esm/AspectRatio/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface AspectRatioProps {
+    ratio?: number;
+    className?: string;
+    children: React.ReactNode;
+    style?: React.CSSProperties;
+}
+declare function AspectRatio({ ratio, className, children, style }: AspectRatioProps): import("react/jsx-runtime").JSX.Element;
+export default AspectRatio;

package/dist/esm/AspectRatio/index.js

@@ -0,0 +1,46 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import React, { useRef, useEffect } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+function AspectRatio(_ref) {
+  var _ref$ratio = _ref.ratio,
+    ratio = _ref$ratio === void 0 ? 16 / 9 : _ref$ratio,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className,
+    children = _ref.children,
+    style = _ref.style;
+  var ref = useRef(null);
+  useEffect(function () {
+    // 兼容旧浏览器：如果不支持 aspect-ratio，则用 padding-top
+    var el = ref.current;
+    if (!el) return;
+    var test = document.createElement('div');
+    if (!('aspectRatio' in test.style)) {
+      // 不支持 aspect-ratio
+      el.style.position = 'relative';
+      el.style.width = '100%';
+      el.style.height = '';
+      el.style.paddingTop = "".concat(100 / ratio, "%");
+      // 包裹 children 的 div 绝对定位
+      if (el.firstElementChild) {
+        el.firstElementChild.style.position = 'absolute';
+        el.firstElementChild.style.inset = '0';
+        el.firstElementChild.style.width = '100%';
+        el.firstElementChild.style.height = '100%';
+      }
+    }
+  }, [ratio]);
+  return /*#__PURE__*/_jsx("div", {
+    ref: ref,
+    className: className,
+    style: _objectSpread({
+      aspectRatio: "".concat(ratio),
+      width: '100%',
+      height: '100%',
+      display: 'flex',
+      alignItems: 'center',
+      justifyContent: 'center'
+    }, style),
+    children: children
+  });
+}
+export default AspectRatio;

package/dist/esm/DForm/DItem/itemType.d.ts

@@ -8,6 +8,7 @@ import { DSelectProps } from '../../DSelect';
 import { DCascaderProps } from '../../DCascader';
 import { DTreeSelectProps } from '../../DTreeSelect';
 import { DUploadProps } from '../../DUpload';
+import { IPAddressProps } from '../../IPAddress';
 export declare type DItemBaseProps = {
     /** label标签文本,同antd Form.Item的label,只能是string */
     label?: string;
@@ -30,6 +31,9 @@ declare type CustomItemProps = DItemBaseProps & HTMLAttributes<HTMLElement> & {
 declare type DInputItemProps = {
     renderType?: 'dInput';
 } & DItemBaseProps & DInputProps;
+declare type DIpAddressProps = {
+    renderType?: 'ipAddress';
+} & DItemBaseProps & IPAddressProps;
 declare type InputItemProps = {
     renderType?: 'input';
 } & DItemBaseProps & InputProps;
@@ -111,5 +115,5 @@ declare type ButtonItemProps = {
 declare type DividerItemProps = {
     renderType?: 'divider';
 } & DItemBaseProps & DividerProps;
-export declare type DItemProps = CustomItemProps | DInputItemProps | InputItemProps | TextAreaItemProps | PasswordItemProps | InputNumberItemProps | AutoCompleteItemProps | DSelectItemProps | SelectItemProps | DCascaderItemProps | CascaderItemProps | DTreeSelectItemProps | TreeSelectItemProps | DatePickerItemProps | TimePickerItemProps | RangePickerItemProps | MentionItemProps | CheckboxItemProps | CheckboxGroupProps | DCheckboxGroupProps | RadioItemProps | RadioGroupProps | DRadioGorupProps | RateItemProps | SliderItemProps | SwitchItemProps | TransferItemProps | UploadItemProps | DUploadItemProps | ButtonItemProps | DividerItemProps;
+export declare type DItemProps = CustomItemProps | DInputItemProps | DIpAddressProps | InputItemProps | TextAreaItemProps | PasswordItemProps | InputNumberItemProps | AutoCompleteItemProps | DSelectItemProps | SelectItemProps | DCascaderItemProps | CascaderItemProps | DTreeSelectItemProps | TreeSelectItemProps | DatePickerItemProps | TimePickerItemProps | RangePickerItemProps | MentionItemProps | CheckboxItemProps | CheckboxGroupProps | DCheckboxGroupProps | RadioItemProps | RadioGroupProps | DRadioGorupProps | RateItemProps | SliderItemProps | SwitchItemProps | TransferItemProps | UploadItemProps | DUploadItemProps | ButtonItemProps | DividerItemProps;
 export {};

package/dist/esm/DForm/DItem/itemsRender.d.ts

@@ -8,6 +8,7 @@ import { DInputProps } from '../../DInput';
 import { DSelectProps } from '../../DSelect';
 import { DTreeSelectProps } from '../../DTreeSelect';
 import { DUploadProps } from '../../DUpload';
+import { IPAddressProps } from '../../IPAddress';
 import { DItemBaseProps } from './itemType';
 declare const renderMap: {
     dInput: (props: DInputProps, formItemProps: FormItemProps, label: DItemBaseProps['label']) => import("react/jsx-runtime").JSX.Element;
@@ -15,6 +16,7 @@ declare const renderMap: {
     textArea: (props: TextAreaProps, formItemProps: FormItemProps, label: DItemBaseProps['label']) => import("react/jsx-runtime").JSX.Element;
     password: (props: PasswordProps, formItemProps: FormItemProps, label: DItemBaseProps['label']) => import("react/jsx-runtime").JSX.Element;
     inputNumber: (props: InputNumberProps, formItemProps: FormItemProps, label: DItemBaseProps['label']) => import("react/jsx-runtime").JSX.Element;
+    ipAddress: (props: IPAddressProps, formItemProps: FormItemProps) => import("react/jsx-runtime").JSX.Element;
     autoComplete: (props: AutoCompleteProps, formItemProps: FormItemProps, label: DItemBaseProps['label']) => import("react/jsx-runtime").JSX.Element;
     dSelect: (props: DSelectProps, formItemProps: FormItemProps, label: DItemBaseProps['label']) => import("react/jsx-runtime").JSX.Element;
     select: (props: SelectProps, formItemProps: FormItemProps, label: DItemBaseProps['label']) => import("react/jsx-runtime").JSX.Element;

package/dist/esm/DForm/DItem/itemsRender.js

@@ -13,6 +13,7 @@ import DInput from "../../DInput";
 import DSelect from "../../DSelect";
 import DTreeSelect from "../../DTreeSelect";
 import DUpload from "../../DUpload";
+import IPAddress from "../../IPAddress";
 import { jsx as _jsx } from "react/jsx-runtime";
 var renderMap = {
   dInput: function dInput(props, formItemProps, label) {
@@ -50,6 +51,11 @@ var renderMap = {
       }, props))
     }));
   },
+  ipAddress: function ipAddress(props, formItemProps) {
+    return /*#__PURE__*/_jsx(Form.Item, _objectSpread(_objectSpread({}, formItemProps), {}, {
+      children: /*#__PURE__*/_jsx(IPAddress, _objectSpread({}, props))
+    }));
+  },
   autoComplete: function autoComplete(props, formItemProps, label) {
     var _props = props;
     return /*#__PURE__*/_jsx(Form.Item, _objectSpread(_objectSpread({}, formItemProps), {}, {

package/dist/esm/DForm/helper.d.ts

@@ -1,3 +1,5 @@
+export declare function cloneDeep<T>(value: T): T;
+export declare function mergeWith<T, S>(object: T, source: S, customizer?: (_objValue: any, _srcValue: any, _key: string | number) => any): T & S;
 /** 合并对象 */
 declare function merge(object: any, sources: any, customizer?: (objValue: any, srcValue: any) => any): any;
 declare const _default: {

package/dist/esm/DForm/helper.js

@@ -1,14 +1,4 @@
 import _typeof from "@babel/runtime/helpers/esm/typeof";
-/*
- * @Author       : wangfeihu
- * @Date         : 2023-06-07 15:08:06
- * @LastEditors  : wangfeihu
- * @LastEditTime : 2023-06-12 17:35:15
- * @Description  : 合并两个对象中的所有字段
- */
-
-import mergeWith from 'lodash/mergeWith';
-import cloneDeep from 'lodash/cloneDeep';
 var TYPES = {
   OPTION_TYPE_PRIMARY: 'primary',
   OPTION_TYPE_OBJECT: 'object',
@@ -45,6 +35,39 @@ var defaultCustomizer = function defaultCustomizer(objValue, srcValue) {
     return srcValue;
   }
 };
+export function cloneDeep(value) {
+  if (value === null || _typeof(value) !== 'object') return value;
+  if (Array.isArray(value)) return value.map(cloneDeep);
+  var result = {};
+  for (var key in value) {
+    if (Object.prototype.hasOwnProperty.call(value, key)) {
+      result[key] = cloneDeep(value[key]);
+    }
+  }
+  return result;
+}
+export function mergeWith(object, source, customizer) {
+  var result = cloneDeep(object);
+  for (var key in source) {
+    if (Object.prototype.hasOwnProperty.call(source, key)) {
+      var objValue = result[key];
+      var srcValue = source[key];
+      if (customizer) {
+        var customized = customizer(objValue, srcValue, key);
+        if (customized !== undefined) {
+          result[key] = customized;
+          continue;
+        }
+      }
+      if (objValue && srcValue && _typeof(objValue) === 'object' && _typeof(srcValue) === 'object' && !Array.isArray(objValue) && !Array.isArray(srcValue)) {
+        result[key] = mergeWith(objValue, srcValue, customizer);
+      } else {
+        result[key] = cloneDeep(srcValue);
+      }
+    }
+  }
+  return result;
+}
 
 /** 合并对象 */
 function merge(object, sources) {

package/dist/esm/DForm/index.js

@@ -20,13 +20,16 @@ import "./index.less";
 // eslint-disable-next-line no-unused-vars
 import { jsx as _jsx } from "react/jsx-runtime";
 function getChildren(items, children, _defaultItemProps, layout) {
+  var _Object$keys;
   var list = [];
+  var hasPropsValue = _defaultItemProps && ((_Object$keys = Object.keys(_defaultItemProps)) === null || _Object$keys === void 0 ? void 0 : _Object$keys.length) > 0;
   if (items instanceof Array && items.length > 0) {
     if (layout === 'grid') {
       list.push( /*#__PURE__*/_jsx(Row, {
+        className: "grid-row",
         children: items.map(function (item, index) {
           var _item$formItemProps;
-          var _item = helper.merge(_defaultItemProps, item);
+          var _item = hasPropsValue ? helper.merge(_defaultItemProps, item) : item;
           var _gridProps = (_item === null || _item === void 0 || (_item$formItemProps = _item.formItemProps) === null || _item$formItemProps === void 0 ? void 0 : _item$formItemProps.grid) || {};
           return /*#__PURE__*/_jsx(Col, _objectSpread(_objectSpread({}, _gridProps), {}, {
             children: /*#__PURE__*/_jsx(DItem, _objectSpread({}, _item))
@@ -35,7 +38,7 @@ function getChildren(items, children, _defaultItemProps, layout) {
       }, "row"));
     } else {
       list = items.map(function (item, index) {
-        var _item = helper.merge(_defaultItemProps, item);
+        var _item = hasPropsValue ? helper.merge(_defaultItemProps, item) : item;
         return /*#__PURE__*/_jsx(DItem, _objectSpread({}, _item), (item === null || item === void 0 ? void 0 : item.name) || index);
       });
     }
@@ -44,7 +47,7 @@ function getChildren(items, children, _defaultItemProps, layout) {
     var childrenList = children instanceof Array ? children : [children];
     var _childrenList = childrenList.map(function (item) {
       return _objectSpread(_objectSpread({}, item), {}, {
-        props: helper.merge(_defaultItemProps, item.props)
+        props: hasPropsValue ? helper.merge(_defaultItemProps, item.props) : item.props
       });
     });
     list = list.concat(_childrenList);

package/dist/esm/DForm/index.less

@@ -1,45 +1,50 @@
-@import '../commonStyle/index.less';
-
-.@{prefix}-form {
-  .form-wrapper > .ant-form-item {
-    min-height: 32px;
-    margin-right: 0;
-    margin-bottom: 24px;
-  }
-
-  .ant-input-number,
-  .ant-picker {
-    width: 100%;
-  }
-}
-
-.@{prefix}-form.ant-form-vertical .form-wrapper > .ant-form-item:last-child,
-.@{prefix}-form.ant-form-horizontal .form-wrapper > .ant-form-item:last-child {
-  margin-bottom: 0;
-}
-
-.@{prefix}-form.ant-form-horizontal .ant-form-item-label {
-  min-width: 80px;
-}
-
-.@{prefix}-form.ant-form-inline .form-wrapper,
-.@{prefix}-form.ant-form-inline.inlineVertical .form-wrapper {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: flex-end;
-  height: min-content;
-
-  > .ant-form-item {
-    padding-right: 16px;
-  }
-}
-
-.@{prefix}-form.ant-form-inline.inlineVertical {
-  .ant-form-item-row {
-    flex-direction: column;
-
-    .ant-form-item-label {
-      text-align: left;
-    }
-  }
-}
+@import '../commonStyle/index.less';
+
+.@{prefix}-form {
+  .form-wrapper > .ant-form-item {
+    min-height: 32px;
+    margin-right: 0;
+    margin-bottom: 24px;
+  }
+
+  .ant-input-number,
+  .ant-picker {
+    width: 100%;
+  }
+}
+
+.@{prefix}-form.ant-form-vertical .form-wrapper > .ant-form-item:last-child,
+.@{prefix}-form.ant-form-horizontal .form-wrapper > .ant-form-item:last-child {
+  margin-bottom: 0;
+}
+
+.@{prefix}-form.ant-form-horizontal .ant-form-item-label {
+  min-width: 80px;
+}
+
+.@{prefix}-form.ant-form-inline .form-wrapper,
+.@{prefix}-form.ant-form-inline.inlineVertical .form-wrapper {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: flex-end;
+  height: min-content;
+  flex: 1;
+
+  > .ant-form-item {
+    padding-right: 16px;
+  }
+}
+
+.@{prefix}-form.ant-form-inline.inlineVertical {
+  .ant-form-item-row {
+    flex-direction: column;
+
+    .ant-form-item-label {
+      text-align: left;
+    }
+  }
+
+  .grid-row {
+    flex: 1;
+  }
+}

package/dist/esm/DUpload/index.d.ts

@@ -26,7 +26,7 @@ declare type DUploadProps = Omit<UploadProps, 'fileList' | 'onChange' | 'customR
     itemClassName?: string;
     enablePreview?: boolean | ((file: DUploadFile) => boolean);
 };
-declare const DUpload: React.ForwardRefExoticComponent<Omit<UploadProps<any>, "fileList" | "onChange" | "customRequest" | "onRemove" | "onDownload" | "onPreview"> & {
+declare const DUpload: React.ForwardRefExoticComponent<Omit<UploadProps<any>, "onChange" | "fileList" | "customRequest" | "onRemove" | "onDownload" | "onPreview"> & {
     /** 初始文件列表(相当于defaultFileList,但优先级高于defaultFileList) */
     value?: DUploadFile | DUploadFile[] | undefined;
     /** 文件列表(在Form组件中表现为受控列表，在一般情况下相当于初始文件列表，其优先级高于value属性) */

package/dist/esm/DUpload/index.js

@@ -6,12 +6,12 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _typeof from "@babel/runtime/helpers/esm/typeof";
 var _excluded = ["value", "thumbOption", "uploadButton", "itemClassName", "enablePreview", "className", "maxCount", "children", "itemRender", "customRequest", "onRemove", "onDownload", "onPreview", "onChange", "defaultFileList", "showUploadList", "fileList"];
-/*
- * @Author       : wangfeihu
- * @Date         : 2023-06-16 09:37:07
- * @LastEditors  : wangfeihu
- * @LastEditTime : 2023-09-07 16:33:53
- * @Description  : 基于antd的Upload组件
+/*
+ * @Author       : wangfeihu
+ * @Date         : 2023-06-16 09:37:07
+ * @LastEditors  : wangfeihu
+ * @LastEditTime : 2023-09-07 16:33:53
+ * @Description  : 基于antd的Upload组件
  */
 
 import React, { forwardRef, useEffect, useMemo, useState, useContext } from 'react';

package/dist/esm/IPAddress/index.d.ts

@@ -12,10 +12,7 @@ export interface IPAddressProps {
     disabled?: boolean;
     size?: 'small' | 'middle' | 'large';
     style?: React.CSSProperties;
-    inputProps?: {
-        style?: React.CSSProperties;
-        [key: string]: any;
-    };
+    inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
     autoComplete?: boolean;
     normalize?: boolean;
 }

package/dist/esm/IPAddress/index.js

@@ -46,7 +46,7 @@ var getInitialAddress = function getInitialAddress(type, value) {
   } else {
     var parts = value.split('.').map(function (i) {
       return {
-        value: i
+        value: i.replace(/\D/g, '')
       };
     });
     while (parts.length < 4) parts.push({
@@ -66,7 +66,8 @@ var IPAddress = function IPAddress(props) {
     disabled = props.disabled,
     _props$size = props.size,
     size = _props$size === void 0 ? 'middle' : _props$size,
-    style = props.style,
+    _props$style = props.style,
+    style = _props$style === void 0 ? {} : _props$style,
     inputProps = props.inputProps,
     _props$autoComplete = props.autoComplete,
     autoComplete = _props$autoComplete === void 0 ? true : _props$autoComplete,
@@ -92,7 +93,7 @@ var IPAddress = function IPAddress(props) {
   }, [value, type]);
   var getValue = useCallback(function (addr) {
     var vals = addr.map(function (item) {
-      return item.value || '0';
+      return item.value;
     });
     var splitSymbol = type === 'IPv6' ? ':' : '.';
     if (type !== 'IPv6') return vals.join(splitSymbol);
@@ -154,12 +155,6 @@ var IPAddress = function IPAddress(props) {
       }
     }
     if (nv.length > maxLen) nv = nv.slice(0, maxLen);
-
-    // 自动聚焦下一个输入框
-    if (autoComplete && type === 'IPv6' && nv.length === maxLen && idx < (type === 'IPv6' ? 7 : 3)) {
-      var _refs$current;
-      (_refs$current = refs.current[idx + 1]) === null || _refs$current === void 0 || _refs$current.focus();
-    }
     var next = address.map(function (item, i) {
       return i === idx ? {
         value: nv
@@ -170,12 +165,21 @@ var IPAddress = function IPAddress(props) {
       onChange(getValue(next));
     }
   }, [address, autoComplete, getValue, onChange, type]);
-  var handleKeyUp = useCallback(function (idx, value) {
+  // 自动聚焦下一个输入框
+  var handleKeyUp = useCallback(function (idx, value, event) {
+    if (event.key === 'Backspace') return;
     if (autoComplete && (type === 'IPv4' && value.length === 3 && idx < 3 || type === 'IPv6' && value.length === 4 && idx < 7)) {
-      var _refs$current2;
-      (_refs$current2 = refs.current[idx + 1]) === null || _refs$current2 === void 0 || _refs$current2.focus();
+      var _refs$current;
+      (_refs$current = refs.current[idx + 1]) === null || _refs$current === void 0 || _refs$current.focus();
     }
   }, [type, autoComplete]);
+  var handleKeyDown = useCallback(function (idx, value, event) {
+    if (event.key === 'Backspace' && value === '' && idx > 0) {
+      var _refs$current2;
+      event.preventDefault();
+      (_refs$current2 = refs.current[idx - 1]) === null || _refs$current2 === void 0 || _refs$current2.focus();
+    }
+  }, []);
   var handleFocus = function handleFocus(idx, value) {
     onFocus === null || onFocus === void 0 || onFocus(value, idx);
   };
@@ -189,31 +193,29 @@ var IPAddress = function IPAddress(props) {
     return type === 'IPv6' ? /*#__PURE__*/_jsx("span", {
       style: {
         margin: '0 2px',
-        color: '#00000040'
+        color: '#00000060'
       },
       children: ":"
     }) : /*#__PURE__*/_jsx("span", {
       style: {
         margin: '0 2px',
-        color: '#00000040'
+        color: '#00000060'
       },
       children: "\xB7"
     });
   };
   return /*#__PURE__*/_jsx("div", {
     className: "".concat(wrapperClass, " ").concat(className, " ").concat(size, " ").concat(disabled ? 'disabled' : '', " ").concat(readOnly ? 'readonly' : ''),
-    style: _objectSpread({
-      display: 'inline-block',
-      alignItems: 'center'
-    }, style),
+    style: style,
     children: address.map(function (item, idx) {
       return /*#__PURE__*/_jsxs(React.Fragment, {
         children: [/*#__PURE__*/_jsx("input", _objectSpread({
+          id: "ip-address-input-".concat(idx),
           ref: function ref(el) {
             return refs.current[idx] = el;
           },
-          type: "text",
-          value: item.value,
+          type: type === 'IPv4' ? 'number' : 'text',
+          value: item.value || undefined,
           readOnly: readOnly,
           disabled: disabled,
           maxLength: type === 'IPv6' ? 4 : 3,
@@ -227,7 +229,10 @@ var IPAddress = function IPAddress(props) {
             return handleInput(idx, e.target.value);
           },
           onKeyUp: function onKeyUp(e) {
-            return handleKeyUp(idx, e.target.value);
+            return handleKeyUp(idx, item.value, e);
+          },
+          onKeyDown: function onKeyDown(e) {
+            return handleKeyDown(idx, item.value, e);
           },
           onFocus: function onFocus(e) {
             return handleFocus(idx, e.target.value);

package/dist/esm/IPAddress/index.less

@@ -4,6 +4,7 @@
   border: 1px solid #d9d9d9;
   border-radius: 2px;
   transition: all 0.3s;
+  display: inline-block;
 
   &.small {
     height: 24px;
@@ -60,4 +61,15 @@
     cursor: not-allowed;
     color: inherit;
   }
+
+  input[type='number'] {
+    appearance: textfield; /* 移除Firefox的特殊样式 */
+  }
+
+  /* 移除上下箭头 */
+  input[type='number']::-webkit-outer-spin-button,
+  input[type='number']::-webkit-inner-spin-button {
+    appearance: none;
+    margin: 0;
+  }
 }

package/dist/esm/InfiniteScrollList/index.d.ts

@@ -48,6 +48,15 @@ interface ISLProps<T, P> {
      * @default 200
      */
     visibilityHeight?: number;
+    /**
+     * @description 是否显示 BackTop
+     * @default false
+     */
+    showBackTop?: boolean;
+    /**
+     * @description 列表底部提示
+     */
+    endMessage?: React.ReactNode;
 }
 export declare type InfiniteScrollListProps<T, P> = ISLProps<T, P>;
 declare const _default: React.MemoExoticComponent<(<T, P>(props: ISLProps<T, P>) => import("react/jsx-runtime").JSX.Element)>;

package/dist/esm/InfiniteScrollList/index.js

@@ -29,6 +29,9 @@ var InfiniteScrollList = function InfiniteScrollList(props) {
     scrollThreshold = _props$scrollThreshol === void 0 ? '100px' : _props$scrollThreshol,
     _props$visibilityHeig = props.visibilityHeight,
     visibilityHeight = _props$visibilityHeig === void 0 ? 200 : _props$visibilityHeig,
+    _props$showBackTop = props.showBackTop,
+    showBackTop = _props$showBackTop === void 0 ? true : _props$showBackTop,
+    endMessage = props.endMessage,
     _renderItem = props.renderItem;
   var _useContext = useContext(ConfigContext),
     prefixCls = _useContext.prefixCls,
@@ -127,11 +130,13 @@ var InfiniteScrollList = function InfiniteScrollList(props) {
     className: "scroll-container",
     ref: scrollRef,
     style: {
-      height: containerHeight,
-      overflowY: 'auto'
+      height: containerHeight
     },
     children: [/*#__PURE__*/_jsx(InfiniteScroll, {
       className: "".concat(wrapperClass, " ").concat(className),
+      style: {
+        overflow: 'initial'
+      },
       scrollableTarget: containerId,
       dataLength: (_listData$data = listData.data) === null || _listData$data === void 0 ? void 0 : _listData$data.length,
       next: handleLoadMore,
@@ -144,7 +149,7 @@ var InfiniteScrollList = function InfiniteScrollList(props) {
           tip: "\u62FC\u547D\u52A0\u8F7D\u4E2D..."
         })
       }),
-      endMessage: (listData === null || listData === void 0 ? void 0 : listData.total) > 0 && /*#__PURE__*/_jsx(Divider, {
+      endMessage: endMessage || (listData === null || listData === void 0 ? void 0 : listData.total) > 0 && /*#__PURE__*/_jsx(Divider, {
         plain: true,
         children: "\u5DF2\u7ECF\u5230\u5E95\u90E8\u4E86"
       }),
@@ -159,7 +164,7 @@ var InfiniteScrollList = function InfiniteScrollList(props) {
           }, item[itemKey]);
         }
       })
-    }), /*#__PURE__*/_jsx(BackTop, {
+    }), showBackTop && /*#__PURE__*/_jsx(BackTop, {
       className: "backtop",
       target: function target() {
         return (scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current) || document.body;

package/dist/esm/InfiniteScrollList/styles/index.less

@@ -1,22 +1,24 @@
-@import '../../commonStyle/index.less';
-
-.@{prefix}-infinite-scroll-wrapper {
-  .ant-list .ant-row {
-    margin-right: 0 !important;
-  }
-}
-
-.scroll-container {
-  position: relative;
-
-  .backtop {
-    right: 50px;
-  }
-
-  .up {
-    background: #007aff;
-    color: #fff;
-    text-align: center;
-    border-radius: 3px;
-  }
-}
+@import '../../commonStyle/index.less';
+
+.@{prefix}-infinite-scroll-wrapper {
+  .ant-list .ant-row {
+    margin-right: 0 !important;
+  }
+}
+
+.scroll-container {
+  position: relative;
+  overflow-y: auto;
+  overflow-x: hidden;
+
+  .backtop {
+    right: 50px;
+  }
+
+  .up {
+    background: #007aff;
+    color: #fff;
+    text-align: center;
+    border-radius: 3px;
+  }
+}

package/dist/esm/RCropper/styles/toolbar.less

@@ -1,25 +1,25 @@
-.toolbar {
-  display: flex;
-  background-color: rgba(0, 0, 0, 50%);
-  justify-content: center;
-  align-items: center;
-  color: #fff;
-
-  button {
-    background-color: transparent;
-    border-width: 0;
-    cursor: pointer;
-    display: flex;
-    align-items: center;
-    // width: 32px;
-    // height: 32px;
-
-    &:hover {
-      background-color: #0074d9;
-    }
-  }
-
-  .icon > path {
-    fill: #fff;
-  }
-}
+.toolbar {
+  display: flex;
+  background-color: rgba(0, 0, 0, 50%);
+  justify-content: center;
+  align-items: center;
+  color: #fff;
+
+  button {
+    background-color: transparent;
+    border-width: 0;
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    // width: 32px;
+    // height: 32px;
+
+    &:hover {
+      background-color: #0074d9;
+    }
+  }
+
+  .icon > path {
+    fill: #fff;
+  }
+}