@arco-design/mobile-react 2.25.4 → 2.26.0

package/cjs/notify/index.js

@@ -1,60 +1,77 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 var _exportNames = {
   methodsGenerator: true
 };
 exports.default = void 0;
 exports.methodsGenerator = methodsGenerator;
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _reactDom = _interopRequireDefault(require("react-dom"));
+
 var _mobileUtils = require("@arco-design/mobile-utils");
+
 var _contextProvider = require("../context-provider");
+
 var _helpers = require("../_helpers");
+
 var _methods = require("./methods");
+
 var _type = require("./type");
+
 Object.keys(_type).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _type[key]) return;
   exports[key] = _type[key];
 });
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 var Notify = /*#__PURE__*/(0, _react.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 = (0, _react.useRef)(null);
   var innerRef = (0, _react.useRef)(null);
   var closeTimerRef = (0, _react.useRef)();
   var onCloseTimeRef = (0, _react.useRef)();
+
   var _useState = (0, _react.useState)(!visible),
-    hasTrans = _useState[0],
-    setHasTrans = _useState[1];
+      hasTrans = _useState[0],
+      setHasTrans = _useState[1];
+
   var _useState2 = (0, _react.useState)(0),
-    innerHeight = _useState2[0],
-    setInnerHeight = _useState2[1];
+      innerHeight = _useState2[0],
+      setInnerHeight = _useState2[1];
+
   (0, _react.useImperativeHandle)(ref, function () {
     return {
       dom: domRef.current,
       updateLayout: updateLayout
     };
   });
+
   function startCloseTimer() {
     if (duration) {
       clearTimeout(closeTimerRef.current);
@@ -63,13 +80,16 @@ var Notify = /*#__PURE__*/(0, _react.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);
     }
   }
+
   (0, _react.useEffect)(function () {
     visible && updateLayout();
     visible && startCloseTimer();
@@ -92,6 +112,7 @@ var Notify = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       clearTimeout(onCloseTimeRef.current);
     };
   }, []);
+
   function renderComponent(prefixClass) {
     return content ? /*#__PURE__*/_react.default.createElement("div", {
       className: prefixClass + "-content " + (visible ? prefixClass + "-content-transition-Y0" : prefixClass + "-content-transition-Y100"),
@@ -101,6 +122,7 @@ var Notify = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       }) : {})
     }, content) : null;
   }
+
   var render = function render(prefixCls) {
     return /*#__PURE__*/_react.default.createElement("div", {
       className: prefixCls + "-notify " + prefixCls + "-notify-" + type + " " + className,
@@ -112,11 +134,13 @@ var Notify = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       ref: domRef
     }, renderComponent(prefixCls + "-notify"));
   };
+
   return /*#__PURE__*/_react.default.createElement(_contextProvider.ContextLayout, null, function (_ref) {
     var prefixCls = _ref.prefixCls;
     return getContainer ? /*#__PURE__*/_reactDom.default.createPortal(render(prefixCls), getContainer()) : render(prefixCls);
   });
 });
+
 function methodsGenerator(Comp) {
   return {
     /**
@@ -126,6 +150,7 @@ function methodsGenerator(Comp) {
      * @returns {{ update: (config: NotifyProps) => void; close: () => void }}
      */
     info: (0, _methods.notify)(Comp),
+
     /**
      * 展示成功通知
      * @desc {en} Show success notification
@@ -133,6 +158,7 @@ function methodsGenerator(Comp) {
      * @returns {{ update: (config: NotifyProps) => void; close: () => void }}
      */
     success: (0, _methods.notify)(Comp, 'success'),
+
     /**
      * 展示错误的通知
      * @desc {en} Show error notification
@@ -140,6 +166,7 @@ function methodsGenerator(Comp) {
      * @returns {{ update: (config: NotifyProps) => void; close: () => void }}
      */
     error: (0, _methods.notify)(Comp, 'error'),
+
     /**
      * 展示警告的通知
      * @desc {en} Show warning notification
@@ -149,8 +176,8 @@ function methodsGenerator(Comp) {
     warn: (0, _methods.notify)(Comp, 'warn')
   };
 }
-var NotifyWithGlobalContext = (0, _contextProvider.CompWithGlobalContext)(Notify);
 
+var NotifyWithGlobalContext = (0, _contextProvider.CompWithGlobalContext)(Notify);
 /**
  * 主动操作后显示的反馈信息横条，可采用方法调用或者组件调用的方式
  * @en The feedback information bar displayed after active operation can be called by method or by component.
@@ -159,5 +186,7 @@ var NotifyWithGlobalContext = (0, _contextProvider.CompWithGlobalContext)(Notify
  * @name 消息通知
  * @name_en Notify
  */
+
 var _default = (0, _mobileUtils.componentWrapper)(Notify, methodsGenerator(NotifyWithGlobalContext));
+
 exports.default = _default;

package/cjs/notify/methods.js

@@ -1,38 +1,50 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports.notify = notify;
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _mobileUtils = require("@arco-design/mobile-utils");
+
 var _render = require("../_helpers/render");
+
 function notify(Component, type) {
   return function (originConfig, context) {
     var config = typeof originConfig === 'string' ? {
       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 _render.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 = (0, _extends2.default)({}, config, {
       close: close,
       onClose: destroy,
@@ -42,15 +54,18 @@ function notify(Component, type) {
       visible: false
     });
     var leaving = false;
+
     function update(newConfig) {
       dynamicProps = (0, _extends2.default)({}, dynamicProps, newConfig);
       render(dynamicProps);
     }
+
     function close() {
       leaving = true;
       dynamicProps.visible = false;
       render(dynamicProps);
     }
+
     render(dynamicProps);
     (0, _mobileUtils.nextTick)(function () {
       if (leaving) return;

package/cjs/notify/style/css/index.js

@@ -1,4 +1,5 @@
 "use strict";
 
 require("../../../../style/css/public.css");
+
 require("./index.css");

package/cjs/notify/style/index.js

@@ -1,4 +1,5 @@
 "use strict";
 
 require("../../../style/public.less");
+
 require("./index.less");

package/cjs/pagination/arrow.js

@@ -1,9 +1,12 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports.default = Arrow;
+
 var _react = _interopRequireDefault(require("react"));
+
 function Arrow() {
   return /*#__PURE__*/_react.default.createElement("svg", {
     width: "8",

package/cjs/pagination/index.js

@@ -1,15 +1,24 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _mobileUtils = require("@arco-design/mobile-utils");
+
 var _contextProvider = require("../context-provider");
+
 var _helpers = require("../_helpers");
+
 var _arrow = _interopRequireDefault(require("./arrow"));
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 /**
  * 用于数据分页，为完全受控组件
  * @en The pagination component is used for data paging and is a fully controlled component.
@@ -20,35 +29,37 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  */
 var Pagination = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var _cls4;
+
   var _useContext = (0, _react.useContext)(_contextProvider.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 = (0, _helpers.useSystem)();
   var pageNum = (0, _react.useMemo)(function () {
     return Math.ceil(total / pageSize);
@@ -59,6 +70,7 @@ var Pagination = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       dom: domRef.current
     };
   });
+
   var iconRender = function iconRender(iconType) {
     if (iconType === 'prev') {
       if (Array.isArray(icon) && Boolean(icon.length)) {
@@ -66,35 +78,44 @@ var Pagination = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
           className: "btn-icon"
         }, icon[0]);
       }
+
       if (Object.prototype.toString.call(icon) === '[object Object]') {
         return /*#__PURE__*/_react.default.createElement("span", {
           className: "btn-icon"
         }, icon);
       }
+
       return icon ? /*#__PURE__*/_react.default.createElement("span", {
         className: "btn-icon"
       }, /*#__PURE__*/_react.default.createElement(_arrow.default, null)) : null;
     }
+
     if (Array.isArray(icon) && Boolean(icon.length)) {
       return /*#__PURE__*/_react.default.createElement("span", {
         className: "btn-icon"
       }, icon.length >= 2 ? icon[1] : icon[0]);
     }
+
     if (Object.prototype.toString.call(icon) === '[object Object]') {
       return /*#__PURE__*/_react.default.createElement("span", {
         className: "btn-icon next"
       }, icon);
     }
+
     return icon ? /*#__PURE__*/_react.default.createElement("span", {
       className: "btn-icon next"
     }, /*#__PURE__*/_react.default.createElement(_arrow.default, null)) : null;
   };
+
   var prevRender = function prevRender(prefix) {
     var _cls;
+
     if (type === 'none') {
       return null;
     }
+
     var prevFieldCls = (0, _mobileUtils.cls)(prefix + "-prev-field", (_cls = {}, _cls["flex-" + justify] = true, _cls));
+
     if (typeof renderPrevField === 'undefined') {
       return /*#__PURE__*/_react.default.createElement("div", {
         className: prevFieldCls
@@ -108,6 +129,7 @@ var Pagination = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
           if (current <= 1) {
             return;
           }
+
           onChange == null ? void 0 : onChange({
             pageSize: pageSize,
             pageNum: pageNum,
@@ -118,6 +140,7 @@ var Pagination = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
         className: "btn-text"
       }, prevFieldText)));
     }
+
     return /*#__PURE__*/_react.default.createElement("div", {
       className: prevFieldCls
     }, renderPrevField ? renderPrevField({
@@ -126,14 +149,19 @@ var Pagination = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       pageNum: pageNum
     }) : null);
   };
+
   var nextRender = function nextRender(prefix) {
     var _cls2;
+
     if (type === 'none') {
       return null;
     }
+
     var nextFieldCls = (0, _mobileUtils.cls)(prefix + "-next-field", (_cls2 = {}, _cls2["flex-" + justify] = true, _cls2));
+
     if (typeof renderNextField === 'undefined') {
       var _cls3;
+
       return /*#__PURE__*/_react.default.createElement("div", {
         className: nextFieldCls
       }, /*#__PURE__*/_react.default.createElement("div", {
@@ -145,6 +173,7 @@ var Pagination = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
           if (current >= pageNum) {
             return;
           }
+
           onChange == null ? void 0 : onChange({
             pageSize: pageSize,
             pageNum: pageNum,
@@ -155,6 +184,7 @@ var Pagination = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
         className: "btn-text"
       }, nextFieldText), iconRender('next')));
     }
+
     var nextItem = renderNextField && renderNextField({
       current: current,
       pageSize: pageSize,
@@ -164,6 +194,7 @@ var Pagination = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       className: nextFieldCls
     }, nextItem);
   };
+
   var prefix = prefixCls + "-pagination";
   return !(hideOnOnePage && pageNum === 1) ? /*#__PURE__*/_react.default.createElement("div", {
     ref: domRef,

package/cjs/pagination/style/css/index.js

@@ -1,4 +1,5 @@
 "use strict";
 
 require("../../../../style/css/public.css");
+
 require("./index.css");

package/cjs/pagination/style/index.js

@@ -1,4 +1,5 @@
 "use strict";
 
 require("../../../style/public.less");
+
 require("./index.less");