@arco-design/mobile-react 2.24.2 → 2.25.0

package/esm/notice-bar/index.js

@@ -2,7 +2,6 @@ import { cls, removeElement, fadeColor, nextTick } from '@arco-design/mobile-uti
 import React, { useRef, forwardRef, useImperativeHandle, useState, useEffect, useMemo } from 'react';
 import { ContextLayout } from '../context-provider';
 import IconClose from '../icon/IconClose';
-
 /**
  * 可自定义换行或滚动效果，支持循环滚动。
  * @en Line wrapping or scrolling effects can be customized, and circular scrolling is supported.
@@ -13,57 +12,52 @@ import IconClose from '../icon/IconClose';
  */
 var NoticeBar = /*#__PURE__*/forwardRef(function (props, ref) {
   var _props$className = props.className,
-      className = _props$className === void 0 ? '' : _props$className,
-      style = props.style,
-      children = props.children,
-      leftContent = props.leftContent,
-      rightContent = props.rightContent,
-      _props$marquee = props.marquee,
-      marquee = _props$marquee === void 0 ? 'overflow' : _props$marquee,
-      _props$closeable = props.closeable,
-      closeable = _props$closeable === void 0 ? true : _props$closeable,
-      _props$closeIcon = props.closeIcon,
-      closeIcon = _props$closeIcon === void 0 ? /*#__PURE__*/React.createElement(IconClose, null) : _props$closeIcon,
-      _props$wrapable = props.wrapable,
-      wrapable = _props$wrapable === void 0 ? true : _props$wrapable,
-      _props$speed = props.speed,
-      speed = _props$speed === void 0 ? 50 : _props$speed,
-      _props$delay = props.delay,
-      delay = _props$delay === void 0 ? 1000 : _props$delay,
-      _props$autoSetGradien = props.autoSetGradientStyle,
-      autoSetGradientStyle = _props$autoSetGradien === void 0 ? true : _props$autoSetGradien,
-      onClick = props.onClick,
-      onClose = props.onClose;
+    className = _props$className === void 0 ? '' : _props$className,
+    style = props.style,
+    children = props.children,
+    leftContent = props.leftContent,
+    rightContent = props.rightContent,
+    _props$marquee = props.marquee,
+    marquee = _props$marquee === void 0 ? 'overflow' : _props$marquee,
+    _props$closeable = props.closeable,
+    closeable = _props$closeable === void 0 ? true : _props$closeable,
+    _props$closeIcon = props.closeIcon,
+    closeIcon = _props$closeIcon === void 0 ? /*#__PURE__*/React.createElement(IconClose, null) : _props$closeIcon,
+    _props$wrapable = props.wrapable,
+    wrapable = _props$wrapable === void 0 ? true : _props$wrapable,
+    _props$speed = props.speed,
+    speed = _props$speed === void 0 ? 50 : _props$speed,
+    _props$delay = props.delay,
+    delay = _props$delay === void 0 ? 1000 : _props$delay,
+    _props$autoSetGradien = props.autoSetGradientStyle,
+    autoSetGradientStyle = _props$autoSetGradien === void 0 ? true : _props$autoSetGradien,
+    onClick = props.onClick,
+    onClose = props.onClose;
   var domRef = useRef(null);
   var wrapRef = useRef(null);
   var contentRef = useRef(null);
   var timerRef = useRef(null);
-
   var _useState = useState(false),
-      needMarquee = _useState[0],
-      setNeedMarquee = _useState[1];
-
+    needMarquee = _useState[0],
+    setNeedMarquee = _useState[1];
   var extraClass = useMemo(function () {
-    var classList = []; // 字幕可滚动时，或不可滚动且不可以换行时，添加不换行效果
+    var classList = [];
+    // 字幕可滚动时，或不可滚动且不可以换行时，添加不换行效果
     // @en When the subtitle is scrollable, or when it is not scrollable and cannot wrap, add no wrapping effect
-
     if (marquee !== 'none' || !wrapable) {
       classList.push('no-wrap');
-    } // 字幕不可滚动时，根据是否可换行决定换行或省略效果
+    }
+    // 字幕不可滚动时，根据是否可换行决定换行或省略效果
     // @en When the subtitle is not scrollable, decide whether to wrap or omit the effect according to whether it can wrap
-
-
     if (marquee === 'none') {
       classList.push(wrapable ? 'wrapable' : 'ellipsis');
     }
-
     return classList;
   }, [marquee, wrapable]);
   var gradientStyle = useMemo(function () {
     if (!autoSetGradientStyle) {
       return {};
     }
-
     var curBg = (style == null ? void 0 : style.backgroundColor) || (style == null ? void 0 : style.background);
     var fadeBg = fadeColor(String(curBg) || '');
     return fadeBg ? {
@@ -80,19 +74,16 @@ var NoticeBar = /*#__PURE__*/forwardRef(function (props, ref) {
   useEffect(function () {
     updateData();
   }, []);
-
   function close() {
     if (domRef.current) {
       removeElement(domRef.current);
     }
   }
-
   function handleClose(e) {
     e.stopPropagation();
     onClose == null ? void 0 : onClose(e);
     close();
   }
-
   function updateData() {
     nextTick(function () {
       setTimeout(function () {
@@ -100,32 +91,28 @@ var NoticeBar = /*#__PURE__*/forwardRef(function (props, ref) {
       }, needMarquee ? 0 : delay);
     });
   }
-
   function updateLayoutData() {
     if (!wrapRef.current || !contentRef.current) {
       return;
     }
-
     var contentDom = contentRef.current;
     var needMarq = marquee === 'always';
     var wrapWidth = wrapRef.current.offsetWidth;
-    var contentWidth = contentRef.current.offsetWidth; // 如果为overflow类型，则当文字溢出时再开始滚动
+    var contentWidth = contentRef.current.offsetWidth;
+    // 如果为overflow类型，则当文字溢出时再开始滚动
     // @en If it is overflow type, start scrolling when the text overflows
-
     if (marquee === 'overflow') {
       if (wrapWidth < contentWidth) {
         needMarq = true;
       }
     }
-
     setNeedMarquee(needMarq);
     clear();
-
     if (needMarq) {
       var duration = contentWidth / speed;
-      contentDom.style.animationDuration = duration + "s"; // 第一次没有padding，第二次及以后为了从容器右边缘无缝滑入需要加上padding
+      contentDom.style.animationDuration = duration + "s";
+      // 第一次没有padding，第二次及以后为了从容器右边缘无缝滑入需要加上padding
       // @en The first time without padding, the second time and later need to add padding in order to seamlessly slide in from the right edge of the container
-
       timerRef.current = window.setTimeout(function () {
         // 这里暂时把animate类去掉，准备下一次从头开始
         // @en Temporarily remove the animate classname, and prepare to start from scratch next time
@@ -139,14 +126,12 @@ var NoticeBar = /*#__PURE__*/forwardRef(function (props, ref) {
       }, duration * 1000);
     }
   }
-
   function clear() {
     if (timerRef.current) {
       clearTimeout(timerRef.current);
       timerRef.current = null;
     }
   }
-
   function renderNoticeBar(prefix) {
     return /*#__PURE__*/React.createElement("div", {
       className: cls(prefix, className, extraClass),
@@ -176,7 +161,6 @@ var NoticeBar = /*#__PURE__*/forwardRef(function (props, ref) {
       onClick: handleClose
     }, closeIcon) : null);
   }
-
   return /*#__PURE__*/React.createElement(ContextLayout, null, function (_ref) {
     var prefixCls = _ref.prefixCls;
     return renderNoticeBar(prefixCls + "-notice-bar");

package/esm/notify/index.d.ts

@@ -51,8 +51,8 @@ declare const _default: React.ForwardRefExoticComponent<NotifyProps & React.RefA
      * @param {string | NotifyProps} config
      * @returns {{ update: (config: NotifyProps) => void; close: () => void }}
      */
-    info: (originConfig: string | Pick<import("../context-provider").WithGlobalContext<NotifyProps & React.RefAttributes<NotifyRef>>, "style" | "content" | "transitionDuration" | "ref" | "key" | "context" | "getContainer" | "type" | "className" | "duration" | "onClose">, context?: import("../context-provider").GlobalContextParams | undefined) => {
-        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<NotifyProps & React.RefAttributes<NotifyRef>>, "style" | "content" | "transitionDuration" | "ref" | "key" | "context" | "getContainer" | "type" | "className" | "duration" | "onClose">) => void;
+    info: (originConfig: string | Pick<import("../context-provider").WithGlobalContext<NotifyProps & React.RefAttributes<NotifyRef>>, "style" | "content" | "transitionDuration" | "ref" | "key" | "type" | "context" | "getContainer" | "className" | "duration" | "onClose">, context?: import("../context-provider").GlobalContextParams | undefined) => {
+        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<NotifyProps & React.RefAttributes<NotifyRef>>, "style" | "content" | "transitionDuration" | "ref" | "key" | "type" | "context" | "getContainer" | "className" | "duration" | "onClose">) => void;
         close: () => void;
     };
     /**
@@ -61,8 +61,8 @@ declare const _default: React.ForwardRefExoticComponent<NotifyProps & React.RefA
      * @param {string | NotifyProps} config
      * @returns {{ update: (config: NotifyProps) => void; close: () => void }}
      */
-    success: (originConfig: string | Pick<import("../context-provider").WithGlobalContext<NotifyProps & React.RefAttributes<NotifyRef>>, "style" | "content" | "transitionDuration" | "ref" | "key" | "context" | "getContainer" | "type" | "className" | "duration" | "onClose">, context?: import("../context-provider").GlobalContextParams | undefined) => {
-        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<NotifyProps & React.RefAttributes<NotifyRef>>, "style" | "content" | "transitionDuration" | "ref" | "key" | "context" | "getContainer" | "type" | "className" | "duration" | "onClose">) => void;
+    success: (originConfig: string | Pick<import("../context-provider").WithGlobalContext<NotifyProps & React.RefAttributes<NotifyRef>>, "style" | "content" | "transitionDuration" | "ref" | "key" | "type" | "context" | "getContainer" | "className" | "duration" | "onClose">, context?: import("../context-provider").GlobalContextParams | undefined) => {
+        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<NotifyProps & React.RefAttributes<NotifyRef>>, "style" | "content" | "transitionDuration" | "ref" | "key" | "type" | "context" | "getContainer" | "className" | "duration" | "onClose">) => void;
         close: () => void;
     };
     /**
@@ -71,8 +71,8 @@ declare const _default: React.ForwardRefExoticComponent<NotifyProps & React.RefA
      * @param {string | NotifyProps} config
      * @returns {{ update: (config: NotifyProps) => void; close: () => void }}
      */
-    error: (originConfig: string | Pick<import("../context-provider").WithGlobalContext<NotifyProps & React.RefAttributes<NotifyRef>>, "style" | "content" | "transitionDuration" | "ref" | "key" | "context" | "getContainer" | "type" | "className" | "duration" | "onClose">, context?: import("../context-provider").GlobalContextParams | undefined) => {
-        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<NotifyProps & React.RefAttributes<NotifyRef>>, "style" | "content" | "transitionDuration" | "ref" | "key" | "context" | "getContainer" | "type" | "className" | "duration" | "onClose">) => void;
+    error: (originConfig: string | Pick<import("../context-provider").WithGlobalContext<NotifyProps & React.RefAttributes<NotifyRef>>, "style" | "content" | "transitionDuration" | "ref" | "key" | "type" | "context" | "getContainer" | "className" | "duration" | "onClose">, context?: import("../context-provider").GlobalContextParams | undefined) => {
+        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<NotifyProps & React.RefAttributes<NotifyRef>>, "style" | "content" | "transitionDuration" | "ref" | "key" | "type" | "context" | "getContainer" | "className" | "duration" | "onClose">) => void;
         close: () => void;
     };
     /**
@@ -81,8 +81,8 @@ declare const _default: React.ForwardRefExoticComponent<NotifyProps & React.RefA
      * @param {string | NotifyProps} config
      * @returns {{ update: (config: NotifyProps) => void; close: () => void }}
      */
-    warn: (originConfig: string | Pick<import("../context-provider").WithGlobalContext<NotifyProps & React.RefAttributes<NotifyRef>>, "style" | "content" | "transitionDuration" | "ref" | "key" | "context" | "getContainer" | "type" | "className" | "duration" | "onClose">, context?: import("../context-provider").GlobalContextParams | undefined) => {
-        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<NotifyProps & React.RefAttributes<NotifyRef>>, "style" | "content" | "transitionDuration" | "ref" | "key" | "context" | "getContainer" | "type" | "className" | "duration" | "onClose">) => void;
+    warn: (originConfig: string | Pick<import("../context-provider").WithGlobalContext<NotifyProps & React.RefAttributes<NotifyRef>>, "style" | "content" | "transitionDuration" | "ref" | "key" | "type" | "context" | "getContainer" | "className" | "duration" | "onClose">, context?: import("../context-provider").GlobalContextParams | undefined) => {
+        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<NotifyProps & React.RefAttributes<NotifyRef>>, "style" | "content" | "transitionDuration" | "ref" | "key" | "type" | "context" | "getContainer" | "className" | "duration" | "onClose">) => void;
         close: () => void;
     };
 };

package/esm/notify/index.js

@@ -8,40 +8,36 @@ import { notify } from './methods';
 export * from './type';
 var Notify = /*#__PURE__*/forwardRef(function (props, ref) {
   var _props$className = props.className,
-      className = _props$className === void 0 ? '' : _props$className,
-      style = props.style,
-      _props$visible = props.visible,
-      visible = _props$visible === void 0 ? false : _props$visible,
-      _props$transitionDura = props.transitionDuration,
-      transitionDuration = _props$transitionDura === void 0 ? 300 : _props$transitionDura,
-      content = props.content,
-      _props$duration = props.duration,
-      duration = _props$duration === void 0 ? 3000 : _props$duration,
-      onClose = props.onClose,
-      _props$type = props.type,
-      type = _props$type === void 0 ? 'info' : _props$type,
-      close = props.close,
-      getContainer = props.getContainer;
+    className = _props$className === void 0 ? '' : _props$className,
+    style = props.style,
+    _props$visible = props.visible,
+    visible = _props$visible === void 0 ? false : _props$visible,
+    _props$transitionDura = props.transitionDuration,
+    transitionDuration = _props$transitionDura === void 0 ? 300 : _props$transitionDura,
+    content = props.content,
+    _props$duration = props.duration,
+    duration = _props$duration === void 0 ? 3000 : _props$duration,
+    onClose = props.onClose,
+    _props$type = props.type,
+    type = _props$type === void 0 ? 'info' : _props$type,
+    close = props.close,
+    getContainer = props.getContainer;
   var domRef = useRef(null);
   var innerRef = useRef(null);
   var closeTimerRef = useRef();
   var onCloseTimeRef = useRef();
-
   var _useState = useState(!visible),
-      hasTrans = _useState[0],
-      setHasTrans = _useState[1];
-
+    hasTrans = _useState[0],
+    setHasTrans = _useState[1];
   var _useState2 = useState(0),
-      innerHeight = _useState2[0],
-      setInnerHeight = _useState2[1];
-
+    innerHeight = _useState2[0],
+    setInnerHeight = _useState2[1];
   useImperativeHandle(ref, function () {
     return {
       dom: domRef.current,
       updateLayout: updateLayout
     };
   });
-
   function startCloseTimer() {
     if (duration) {
       clearTimeout(closeTimerRef.current);
@@ -50,16 +46,13 @@ var Notify = /*#__PURE__*/forwardRef(function (props, ref) {
       }, duration);
     }
   }
-
   function updateLayout() {
     if (innerRef.current) {
       var _innerRef$current$get = innerRef.current.getBoundingClientRect(),
-          height = _innerRef$current$get.height;
-
+        height = _innerRef$current$get.height;
       setInnerHeight(height);
     }
   }
-
   useEffect(function () {
     visible && updateLayout();
     visible && startCloseTimer();
@@ -82,7 +75,6 @@ var Notify = /*#__PURE__*/forwardRef(function (props, ref) {
       clearTimeout(onCloseTimeRef.current);
     };
   }, []);
-
   function renderComponent(prefixClass) {
     return content ? /*#__PURE__*/React.createElement("div", {
       className: prefixClass + "-content " + (visible ? prefixClass + "-content-transition-Y0" : prefixClass + "-content-transition-Y100"),
@@ -92,7 +84,6 @@ var Notify = /*#__PURE__*/forwardRef(function (props, ref) {
       }) : {})
     }, content) : null;
   }
-
   var render = function render(prefixCls) {
     return /*#__PURE__*/React.createElement("div", {
       className: prefixCls + "-notify " + prefixCls + "-notify-" + type + " " + className,
@@ -104,7 +95,6 @@ var Notify = /*#__PURE__*/forwardRef(function (props, ref) {
       ref: domRef
     }, renderComponent(prefixCls + "-notify"));
   };
-
   return /*#__PURE__*/React.createElement(ContextLayout, null, function (_ref) {
     var prefixCls = _ref.prefixCls;
     return getContainer ? /*#__PURE__*/ReactDOM.createPortal(render(prefixCls), getContainer()) : render(prefixCls);
@@ -119,7 +109,6 @@ export function methodsGenerator(Comp) {
      * @returns {{ update: (config: NotifyProps) => void; close: () => void }}
      */
     info: notify(Comp),
-
     /**
      * 展示成功通知
      * @desc {en} Show success notification
@@ -127,7 +116,6 @@ export function methodsGenerator(Comp) {
      * @returns {{ update: (config: NotifyProps) => void; close: () => void }}
      */
     success: notify(Comp, 'success'),
-
     /**
      * 展示错误的通知
      * @desc {en} Show error notification
@@ -135,7 +123,6 @@ export function methodsGenerator(Comp) {
      * @returns {{ update: (config: NotifyProps) => void; close: () => void }}
      */
     error: notify(Comp, 'error'),
-
     /**
      * 展示警告的通知
      * @desc {en} Show warning notification
@@ -146,6 +133,7 @@ export function methodsGenerator(Comp) {
   };
 }
 var NotifyWithGlobalContext = CompWithGlobalContext(Notify);
+
 /**
  * 主动操作后显示的反馈信息横条，可采用方法调用或者组件调用的方式
  * @en The feedback information bar displayed after active operation can be called by method or by component.
@@ -154,5 +142,4 @@ var NotifyWithGlobalContext = CompWithGlobalContext(Notify);
  * @name 消息通知
  * @name_en Notify
  */
-
 export default componentWrapper(Notify, methodsGenerator(NotifyWithGlobalContext));

package/esm/notify/methods.js

@@ -7,34 +7,27 @@ export function notify(Component, type) {
       content: originConfig,
       type: 'info'
     } : originConfig;
-
     if (type !== void 0) {
       config.type = type;
     }
-
     var div = document.createElement('div');
     var getContainer = config.getContainer;
-
     if (getContainer) {
       getContainer().appendChild(div);
     } else {
       document.body.appendChild(div);
     }
-
     var _ReactDOMRender = new ReactDOMRender(Component, div, context),
-        render = _ReactDOMRender.render,
-        unmount = _ReactDOMRender.unmount;
-
+      render = _ReactDOMRender.render,
+      unmount = _ReactDOMRender.unmount;
     function destroy() {
       var onClose = config.onClose;
       onClose && onClose();
       unmount();
-
       if (div.parentNode) {
         div.parentNode.removeChild(div);
       }
     }
-
     var dynamicProps = _extends({}, config, {
       close: close,
       onClose: destroy,
@@ -43,20 +36,16 @@ export function notify(Component, type) {
       },
       visible: false
     });
-
     var leaving = false;
-
     function update(newConfig) {
       dynamicProps = _extends({}, dynamicProps, newConfig);
       render(dynamicProps);
     }
-
     function close() {
       leaving = true;
       dynamicProps.visible = false;
       render(dynamicProps);
     }
-
     render(dynamicProps);
     nextTick(function () {
       if (leaving) return;

package/esm/notify/style/css/index.css

@@ -35,10 +35,10 @@
   background:  #00B42A ;
 }
 .arco-notify-error {
-  background:  #F53F3F ;
+  background:  #f53f3f ;
 }
 .arco-notify-warn {
-  background:  #FF7D00 ;
+  background:  #ff7d00 ;
 }
 .arco-notify-content-transition-Y0 {
   -webkit-transform: translateY(0);

package/esm/pagination/index.js

@@ -3,7 +3,6 @@ import { cls } from '@arco-design/mobile-utils';
 import { GlobalContext } from '../context-provider';
 import { useSystem } from '../_helpers';
 import Arrow from './arrow';
-
 /**
  * 用于数据分页，为完全受控组件
  * @en The pagination component is used for data paging and is a fully controlled component.
@@ -14,37 +13,35 @@ import Arrow from './arrow';
  */
 var Pagination = /*#__PURE__*/forwardRef(function (props, ref) {
   var _cls4;
-
   var _useContext = useContext(GlobalContext),
-      prefixCls = _useContext.prefixCls,
-      locale = _useContext.locale;
-
+    prefixCls = _useContext.prefixCls,
+    locale = _useContext.locale;
   var _props$className = props.className,
-      className = _props$className === void 0 ? '' : _props$className,
-      style = props.style,
-      _props$current = props.current,
-      current = _props$current === void 0 ? 1 : _props$current,
-      _props$pageSize = props.pageSize,
-      pageSize = _props$pageSize === void 0 ? 10 : _props$pageSize,
-      _props$total = props.total,
-      total = _props$total === void 0 ? 5 : _props$total,
-      _props$icon = props.icon,
-      icon = _props$icon === void 0 ? false : _props$icon,
-      _props$justify = props.justify,
-      justify = _props$justify === void 0 ? 'side' : _props$justify,
-      _props$hideOnOnePage = props.hideOnOnePage,
-      hideOnOnePage = _props$hideOnOnePage === void 0 ? false : _props$hideOnOnePage,
-      _props$nextFieldType = props.nextFieldType,
-      nextFieldType = _props$nextFieldType === void 0 ? 'default' : _props$nextFieldType,
-      renderPrevField = props.renderPrevField,
-      renderNextField = props.renderNextField,
-      _props$type = props.type,
-      type = _props$type === void 0 ? 'default' : _props$type,
-      _props$prevFieldText = props.prevFieldText,
-      prevFieldText = _props$prevFieldText === void 0 ? locale == null ? void 0 : locale.Pagination.previousPage : _props$prevFieldText,
-      _props$nextFieldText = props.nextFieldText,
-      nextFieldText = _props$nextFieldText === void 0 ? locale == null ? void 0 : locale.Pagination.nextPage : _props$nextFieldText,
-      onChange = props.onChange;
+    className = _props$className === void 0 ? '' : _props$className,
+    style = props.style,
+    _props$current = props.current,
+    current = _props$current === void 0 ? 1 : _props$current,
+    _props$pageSize = props.pageSize,
+    pageSize = _props$pageSize === void 0 ? 10 : _props$pageSize,
+    _props$total = props.total,
+    total = _props$total === void 0 ? 5 : _props$total,
+    _props$icon = props.icon,
+    icon = _props$icon === void 0 ? false : _props$icon,
+    _props$justify = props.justify,
+    justify = _props$justify === void 0 ? 'side' : _props$justify,
+    _props$hideOnOnePage = props.hideOnOnePage,
+    hideOnOnePage = _props$hideOnOnePage === void 0 ? false : _props$hideOnOnePage,
+    _props$nextFieldType = props.nextFieldType,
+    nextFieldType = _props$nextFieldType === void 0 ? 'default' : _props$nextFieldType,
+    renderPrevField = props.renderPrevField,
+    renderNextField = props.renderNextField,
+    _props$type = props.type,
+    type = _props$type === void 0 ? 'default' : _props$type,
+    _props$prevFieldText = props.prevFieldText,
+    prevFieldText = _props$prevFieldText === void 0 ? locale == null ? void 0 : locale.Pagination.previousPage : _props$prevFieldText,
+    _props$nextFieldText = props.nextFieldText,
+    nextFieldText = _props$nextFieldText === void 0 ? locale == null ? void 0 : locale.Pagination.nextPage : _props$nextFieldText,
+    onChange = props.onChange;
   var system = useSystem();
   var pageNum = useMemo(function () {
     return Math.ceil(total / pageSize);
@@ -55,7 +52,6 @@ var Pagination = /*#__PURE__*/forwardRef(function (props, ref) {
       dom: domRef.current
     };
   });
-
   var iconRender = function iconRender(iconType) {
     if (iconType === 'prev') {
       if (Array.isArray(icon) && Boolean(icon.length)) {
@@ -63,44 +59,35 @@ var Pagination = /*#__PURE__*/forwardRef(function (props, ref) {
           className: "btn-icon"
         }, icon[0]);
       }
-
       if (Object.prototype.toString.call(icon) === '[object Object]') {
         return /*#__PURE__*/React.createElement("span", {
           className: "btn-icon"
         }, icon);
       }
-
       return icon ? /*#__PURE__*/React.createElement("span", {
         className: "btn-icon"
       }, /*#__PURE__*/React.createElement(Arrow, null)) : null;
     }
-
     if (Array.isArray(icon) && Boolean(icon.length)) {
       return /*#__PURE__*/React.createElement("span", {
         className: "btn-icon"
       }, icon.length >= 2 ? icon[1] : icon[0]);
     }
-
     if (Object.prototype.toString.call(icon) === '[object Object]') {
       return /*#__PURE__*/React.createElement("span", {
         className: "btn-icon next"
       }, icon);
     }
-
     return icon ? /*#__PURE__*/React.createElement("span", {
       className: "btn-icon next"
     }, /*#__PURE__*/React.createElement(Arrow, null)) : null;
   };
-
   var prevRender = function prevRender(prefix) {
     var _cls;
-
     if (type === 'none') {
       return null;
     }
-
     var prevFieldCls = cls(prefix + "-prev-field", (_cls = {}, _cls["flex-" + justify] = true, _cls));
-
     if (typeof renderPrevField === 'undefined') {
       return /*#__PURE__*/React.createElement("div", {
         className: prevFieldCls
@@ -114,7 +101,6 @@ var Pagination = /*#__PURE__*/forwardRef(function (props, ref) {
           if (current <= 1) {
             return;
           }
-
           onChange == null ? void 0 : onChange({
             pageSize: pageSize,
             pageNum: pageNum,
@@ -125,7 +111,6 @@ var Pagination = /*#__PURE__*/forwardRef(function (props, ref) {
         className: "btn-text"
       }, prevFieldText)));
     }
-
     return /*#__PURE__*/React.createElement("div", {
       className: prevFieldCls
     }, renderPrevField ? renderPrevField({
@@ -134,19 +119,14 @@ var Pagination = /*#__PURE__*/forwardRef(function (props, ref) {
       pageNum: pageNum
     }) : null);
   };
-
   var nextRender = function nextRender(prefix) {
     var _cls2;
-
     if (type === 'none') {
       return null;
     }
-
     var nextFieldCls = cls(prefix + "-next-field", (_cls2 = {}, _cls2["flex-" + justify] = true, _cls2));
-
     if (typeof renderNextField === 'undefined') {
       var _cls3;
-
       return /*#__PURE__*/React.createElement("div", {
         className: nextFieldCls
       }, /*#__PURE__*/React.createElement("div", {
@@ -158,7 +138,6 @@ var Pagination = /*#__PURE__*/forwardRef(function (props, ref) {
           if (current >= pageNum) {
             return;
           }
-
           onChange == null ? void 0 : onChange({
             pageSize: pageSize,
             pageNum: pageNum,
@@ -169,7 +148,6 @@ var Pagination = /*#__PURE__*/forwardRef(function (props, ref) {
         className: "btn-text"
       }, nextFieldText), iconRender('next')));
     }
-
     var nextItem = renderNextField && renderNextField({
       current: current,
       pageSize: pageSize,
@@ -179,7 +157,6 @@ var Pagination = /*#__PURE__*/forwardRef(function (props, ref) {
       className: nextFieldCls
     }, nextItem);
   };
-
   var prefix = prefixCls + "-pagination";
   return !(hideOnOnePage && pageNum === 1) ? /*#__PURE__*/React.createElement("div", {
     ref: domRef,

package/esm/picker/index.d.ts

@@ -35,6 +35,7 @@ export interface PickerRef {
      */
     scrollToCurrentIndex: () => void;
 }
+declare const _default: React.ForwardRefExoticComponent<PickerProps & React.RefAttributes<PickerRef>> & "Picker";
 /**
  * 选择器组件，形式是弹起的浮层。
  * @en The selector component, in the form of a popup layer.
@@ -42,6 +43,6 @@ export interface PickerRef {
  * @type_en Data Entry
  * @name 选择器
  * @name_en Picker
+ * @displayName Picker
  */
-declare const Picker: React.ForwardRefExoticComponent<PickerProps & React.RefAttributes<PickerRef>>;
-export default Picker;
+export default _default;