@pointcloud/pcloud-components 0.1.23 → 0.1.24

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

@@ -1,63 +1,75 @@
-@import '../commonStyle/index.less';
-
-.@{prefix}-ip-address {
-  border: 1px solid #d9d9d9;
-  border-radius: 2px;
-  transition: all 0.3s;
-
-  &.small {
-    height: 24px;
-  }
-
-  &.large {
-    padding: 6.5px 10px;
-  }
-
-  &.middle {
-    padding: 4px 10px;
-  }
-
-  &.disabled {
-    color: rgba(0, 0, 0, 25%);
-    background-color: #f5f5f5;
-    border-color: #d9d9d9;
-    box-shadow: none;
-    cursor: not-allowed;
-    opacity: 1;
-
-    &:hover {
-      border-color: #d9d9d9;
-    }
-  }
-
-  &:hover {
-    border-color: #4d90ff;
-  }
-
-  &:focus-within {
-    border-color: #40a9ff;
-    box-shadow: 0 0 0 2px rgba(24, 144, 255, 20%);
-  }
-
-  input {
-    border: none;
-    background: none;
-    text-align: center;
-    outline: 0;
-    padding: 0;
-    margin: 0;
-    box-sizing: border-box;
-    font-variant: tabular-nums;
-    font-feature-settings: 'tnum';
-    position: relative;
-    display: inline-block;
-    color: #000000d9;
-    font-size: 14px;
-    line-height: 1.5715;
-  }
-
-  input[disabled] {
-    cursor: not-allowed;
-    color: inherit;
-  }
-}
+@import '../commonStyle/index.less';
+
+.@{prefix}-ip-address {
+  border: 1px solid #d9d9d9;
+  border-radius: 2px;
+  transition: all 0.3s;
+  display: inline-block;
+
+  &.small {
+    height: 24px;
+  }
+
+  &.large {
+    padding: 6.5px 10px;
+  }
+
+  &.middle {
+    padding: 4px 10px;
+  }
+
+  &.disabled {
+    color: rgba(0, 0, 0, 25%);
+    background-color: #f5f5f5;
+    border-color: #d9d9d9;
+    box-shadow: none;
+    cursor: not-allowed;
+    opacity: 1;
+
+    &:hover {
+      border-color: #d9d9d9;
+    }
+  }
+
+  &:hover {
+    border-color: #4d90ff;
+  }
+
+  &:focus-within {
+    border-color: #40a9ff;
+    box-shadow: 0 0 0 2px rgba(24, 144, 255, 20%);
+  }
+
+  input {
+    border: none;
+    background: none;
+    text-align: center;
+    outline: 0;
+    padding: 0;
+    margin: 0;
+    box-sizing: border-box;
+    font-variant: tabular-nums;
+    font-feature-settings: 'tnum';
+    position: relative;
+    display: inline-block;
+    color: #000000d9;
+    font-size: 14px;
+    line-height: 1.5715;
+  }
+
+  input[disabled] {
+    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)>;