@arco-design/mobile-react 2.25.3 → 2.26.0

package/cjs/collapse/collapse.js

@@ -1,97 +1,123 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports.Collapse = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _mobileUtils = require("@arco-design/mobile-utils");
+
 var _contextProvider = require("../context-provider");
+
 var _helpers = require("../_helpers");
+
 var _IconArrowDown = _interopRequireDefault(require("../icon/IconArrowDown"));
+
 var _utils = require("./utils");
+
 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 Collapse = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var _props$header = props.header,
-    header = _props$header === void 0 ? '' : _props$header,
-    icon = props.icon,
-    _props$hideIcon = props.hideIcon,
-    hideIcon = _props$hideIcon === void 0 ? false : _props$hideIcon,
-    _props$disabled = props.disabled,
-    disabled = _props$disabled === void 0 ? false : _props$disabled,
-    _props$content = props.content,
-    content = _props$content === void 0 ? null : _props$content,
-    _props$defaultActive = props.defaultActive,
-    defaultActive = _props$defaultActive === void 0 ? false : _props$defaultActive,
-    _props$value = props.value,
-    value = _props$value === void 0 ? '' : _props$value,
-    active = props.active,
-    animationTimeout = props.animationTimeout,
-    animationFunction = props.animationFunction,
-    _props$className = props.className,
-    className = _props$className === void 0 ? '' : _props$className,
-    _props$style = props.style,
-    style = _props$style === void 0 ? {} : _props$style;
+      header = _props$header === void 0 ? '' : _props$header,
+      icon = props.icon,
+      _props$hideIcon = props.hideIcon,
+      hideIcon = _props$hideIcon === void 0 ? false : _props$hideIcon,
+      _props$disabled = props.disabled,
+      disabled = _props$disabled === void 0 ? false : _props$disabled,
+      _props$content = props.content,
+      content = _props$content === void 0 ? null : _props$content,
+      _props$defaultActive = props.defaultActive,
+      defaultActive = _props$defaultActive === void 0 ? false : _props$defaultActive,
+      _props$value = props.value,
+      value = _props$value === void 0 ? '' : _props$value,
+      active = props.active,
+      animationTimeout = props.animationTimeout,
+      animationFunction = props.animationFunction,
+      _props$className = props.className,
+      className = _props$className === void 0 ? '' : _props$className,
+      _props$style = props.style,
+      style = _props$style === void 0 ? {} : _props$style;
+
   var _useState = (0, _react.useState)(defaultActive),
-    innerActive = _useState[0],
-    setInnerActive = _useState[1];
+      innerActive = _useState[0],
+      setInnerActive = _useState[1];
+
   var _useRefState = (0, _helpers.useRefState)(active === void 0 ? innerActive : active),
-    itemActive = _useRefState[0],
-    itemActiveRef = _useRefState[1],
-    setItemActive = _useRefState[2];
+      itemActive = _useRefState[0],
+      itemActiveRef = _useRefState[1],
+      setItemActive = _useRefState[2];
+
   var contentHeightRef = (0, _react.useRef)(0);
   var collapseHeaderRef = (0, _react.useRef)(null);
   var domRef = (0, _react.useRef)(null);
   var contentWrapRef = (0, _react.useRef)(null);
   var contentRef = (0, _react.useRef)(null);
+
   var _useContext = (0, _react.useContext)(_utils.CollapseKeyContext),
-    groupKey = _useContext.key;
+      groupKey = _useContext.key;
+
   var CollapseContext = _utils.allContexts[groupKey] || {};
   var groupContext = (0, _react.useContext)(CollapseContext) || {};
   var opened = (0, _react.useMemo)(function () {
-    var show = false;
-    // 优先级： group > children
+    var show = false; // 优先级： group > children
     // @en Priority: group > children
+
     if (groupContext.isGroup) {
       if (active !== void 0) {
         show = active;
       }
+
       if (groupContext.value) show = groupContext.value.includes(value);
     } else {
       show = itemActive;
     }
+
     return show;
   }, [value, active, itemActive, groupContext.isGroup, groupContext.value]);
+
   var getContentHeight = function getContentHeight() {
     var _div$getBoundingClien, _div$getBoundingClien2;
+
     var div = contentRef.current;
     return (_div$getBoundingClien = div == null ? void 0 : (_div$getBoundingClien2 = div.getBoundingClientRect()) == null ? void 0 : _div$getBoundingClien2.height) != null ? _div$getBoundingClien : 0;
   };
+
   var resetHeight = function resetHeight(newHeight) {
     if (!contentWrapRef.current) {
       return;
     }
+
     contentWrapRef.current.style.height = newHeight;
     var transTimeout = (0, _mobileUtils.convertCssDuration)(contentWrapRef.current, 'transitionDuration');
     setTimeout(function () {
       return contentWrapRef.current && (contentWrapRef.current.style.height = opened ? 'auto' : '0px');
     }, opened ? transTimeout : 20);
   };
+
   var toggleOpened = function toggleOpened() {
     var height = getContentHeight();
     var isBeginning = contentHeightRef.current === 0;
     contentHeightRef.current = height;
+
     if (isBeginning) {
       var initHeight = opened ? 'auto' : '0px';
       contentWrapRef.current && (contentWrapRef.current.style.height = initHeight);
       return;
     }
+
     resetHeight(height + "px");
   };
+
   var updateLayout = function updateLayout() {
     if (!contentWrapRef.current) {
       return;
     }
+
     var height = getContentHeight();
     contentWrapRef.current.style.height = opened ? contentHeightRef.current + "px" : '0px';
     (0, _mobileUtils.nextTick)(function () {
@@ -99,15 +125,18 @@ var Collapse = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       resetHeight(opened ? height + "px" : '0px');
     });
   };
+
   var onCollapse = function onCollapse(val) {
     if (disabled) return;
     props.onCollapse && props.onCollapse(val);
+
     if (!groupContext.isGroup) {
       setInnerActive(!itemActiveRef.current);
     } else {
       groupContext.onCollapse(value);
     }
   };
+
   (0, _react.useEffect)(function () {
     setItemActive(active === void 0 ? innerActive : active);
   }, [active, innerActive]);

package/cjs/collapse/group.js

@@ -1,65 +1,86 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports.Group = void 0;
 exports.componentGenerator = componentGenerator;
 exports.default = void 0;
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _mobileUtils = require("@arco-design/mobile-utils");
+
 var _collapse = require("./collapse");
+
 var _utils = require("./utils");
+
 var _contextProvider = require("../context-provider");
+
 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; }
+
 function componentGenerator(Comp) {
   return /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     var _props$items = props.items,
-      items = _props$items === void 0 ? [] : _props$items,
-      _props$className = props.className,
-      className = _props$className === void 0 ? '' : _props$className,
-      _props$style = props.style,
-      style = _props$style === void 0 ? {} : _props$style,
-      _props$defaultActiveI = props.defaultActiveItems,
-      defaultActiveItems = _props$defaultActiveI === void 0 ? [] : _props$defaultActiveI,
-      _props$useAccordion = props.useAccordion,
-      useAccordion = _props$useAccordion === void 0 ? false : _props$useAccordion,
-      _props$disabled = props.disabled,
-      disabled = _props$disabled === void 0 ? false : _props$disabled,
-      children = props.children,
-      groupKey = props.groupKey;
+        items = _props$items === void 0 ? [] : _props$items,
+        _props$className = props.className,
+        className = _props$className === void 0 ? '' : _props$className,
+        _props$style = props.style,
+        style = _props$style === void 0 ? {} : _props$style,
+        _props$defaultActiveI = props.defaultActiveItems,
+        defaultActiveItems = _props$defaultActiveI === void 0 ? [] : _props$defaultActiveI,
+        _props$useAccordion = props.useAccordion,
+        useAccordion = _props$useAccordion === void 0 ? false : _props$useAccordion,
+        _props$disabled = props.disabled,
+        disabled = _props$disabled === void 0 ? false : _props$disabled,
+        children = props.children,
+        groupKey = props.groupKey;
+
     var _useState = (0, _react.useState)([]),
-      innerActiveItems = _useState[0],
-      setInnerActiveItems = _useState[1];
+        innerActiveItems = _useState[0],
+        setInnerActiveItems = _useState[1];
+
     var _useState2 = (0, _react.useState)([]),
-      activeItems = _useState2[0],
-      setActiveItems = _useState2[1];
+        activeItems = _useState2[0],
+        setActiveItems = _useState2[1];
     /** 用于children模式下的active管理 */
+
+
     var _useState3 = (0, _react.useState)([]),
-      childActiveItems = _useState3[0],
-      setChildActiveItems = _useState3[1];
+        childActiveItems = _useState3[0],
+        setChildActiveItems = _useState3[1];
+
     var contextKey = groupKey || _utils.defaultContextKey;
     var CollapseContext = (0, _utils.getCollapseContext)(contextKey);
     var domRef = (0, _react.useRef)(null);
+
     var _useContext = (0, _react.useContext)(_contextProvider.GlobalContext),
-      prefixCls = _useContext.prefixCls;
+        prefixCls = _useContext.prefixCls;
+
     var formatArray = function formatArray(input) {
       var arr = input;
       return items.map(function (item) {
         return arr.indexOf(item.value) > -1;
       });
     };
+
     var handleChange = function handleChange(value) {
       if (disabled) return;
+
       if (props.onCollapse) {
         props.onCollapse(value);
       }
+
       if (props.activeItems !== void 0) {
         setInnerActiveItems(formatArray(props.activeItems));
         setChildActiveItems(props.activeItems);
         return;
       }
+
       if (!children) {
         var temp = items.findIndex(function (item) {
           return item.value === value;
@@ -77,12 +98,14 @@ function componentGenerator(Comp) {
         ? [value] : [].concat(childActiveItems, [value]));
       }
     };
+
     (0, _react.useEffect)(function () {
       setInnerActiveItems(formatArray(defaultActiveItems));
       setChildActiveItems(defaultActiveItems);
     }, []);
     (0, _react.useEffect)(function () {
       setActiveItems(props.activeItems === void 0 ? innerActiveItems : formatArray(props.activeItems));
+
       if (children && props.activeItems) {
         setChildActiveItems(props.activeItems);
       }
@@ -119,6 +142,7 @@ function componentGenerator(Comp) {
     })))));
   });
 }
+
 var Group = componentGenerator(_collapse.Collapse);
 exports.Group = Group;
 var _default = Group;

package/cjs/collapse/index.js

@@ -1,25 +1,33 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 var _exportNames = {};
 exports.default = void 0;
+
 var _mobileUtils = require("@arco-design/mobile-utils");
+
 var _collapse = require("./collapse");
+
 Object.keys(_collapse).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _collapse[key]) return;
   exports[key] = _collapse[key];
 });
+
 var _group = _interopRequireDefault(require("./group"));
+
 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];
 });
+
 /**
  * 折叠面板组件，支持手风琴模式。
  * @en Collapse supports accordion mode.
@@ -31,4 +39,5 @@ Object.keys(_type).forEach(function (key) {
 var _default = (0, _mobileUtils.componentWrapper)(_collapse.Collapse, {
   Group: _group.default
 });
+
 exports.default = _default;

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

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

package/cjs/collapse/style/index.js

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

package/cjs/collapse/utils.js

@@ -1,14 +1,18 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports.defaultContextKey = exports.allContexts = exports.CollapseKeyContext = void 0;
 exports.getCollapseContext = getCollapseContext;
+
 var _react = _interopRequireDefault(require("react"));
+
 var defaultContextKey = '__COLLAPSE_CONTEXT__';
 exports.defaultContextKey = defaultContextKey;
 var allContexts = {};
 exports.allContexts = allContexts;
+
 function getCollapseContext(key) {
   if (!allContexts[key]) {
     allContexts[key] = /*#__PURE__*/_react.default.createContext({
@@ -17,9 +21,12 @@ function getCollapseContext(key) {
       onCollapse: function onCollapse() {}
     });
   }
+
   return allContexts[key];
 }
+
 var CollapseKeyContext = /*#__PURE__*/_react.default.createContext({
   key: defaultContextKey
 });
+
 exports.CollapseKeyContext = CollapseKeyContext;

package/cjs/context-provider/index.d.ts

@@ -35,6 +35,12 @@ export interface GlobalContextParams {
      * @en Internationalized language configuration
      */
     locale?: ILocale;
+    /**
+     * 是否使用Rtl模式
+     * @en Whether to use rtl
+     * @default false
+     */
+    useRtl?: boolean;
 }
 export declare const defaultContext: GlobalContextParams;
 export declare const GlobalContext: React.Context<GlobalContextParams>;

package/cjs/context-provider/index.js

@@ -1,29 +1,40 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports.CompWithGlobalContext = CompWithGlobalContext;
 exports.GlobalContext = exports.ContextLayout = void 0;
 exports.default = ContextProvider;
 exports.defaultContext = void 0;
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _mobileUtils = require("@arco-design/mobile-utils");
+
 var _excluded = ["children", "useDarkMode", "isDarkMode", "theme", "locale"],
-  _excluded2 = ["context"];
+    _excluded2 = ["context"];
+
 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 defaultContext = {
   prefixCls: 'arco',
   system: '',
   useDarkMode: false,
   isDarkMode: false,
-  locale: _mobileUtils.defaultLocale
+  locale: _mobileUtils.defaultLocale,
+  useRtl: false
 };
 exports.defaultContext = defaultContext;
 var GlobalContext = /*#__PURE__*/(0, _react.createContext)(defaultContext);
 exports.GlobalContext = GlobalContext;
+
 /**
  * 全局数据控制组件，用于替换全局数据。
  * @en Global data control component, used to replace global data.
@@ -34,29 +45,34 @@ exports.GlobalContext = GlobalContext;
  */
 function ContextProvider(props) {
   var children = props.children,
-    useDarkMode = props.useDarkMode,
-    isDarkMode = props.isDarkMode,
-    theme = props.theme,
-    _props$locale = props.locale,
-    locale = _props$locale === void 0 ? _mobileUtils.defaultLocale : _props$locale,
-    restProps = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+      useDarkMode = props.useDarkMode,
+      isDarkMode = props.isDarkMode,
+      theme = props.theme,
+      _props$locale = props.locale,
+      locale = _props$locale === void 0 ? _mobileUtils.defaultLocale : _props$locale,
+      restProps = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+
   var _useState = (0, _react.useState)(),
-    isDarkModeState = _useState[0],
-    setIsDarkModeState = _useState[1];
+      isDarkModeState = _useState[0],
+      setIsDarkModeState = _useState[1];
+
   var changeDarkMode = (0, _react.useCallback)(function (res) {
     return setIsDarkModeState(res.matches);
   }, []);
   (0, _react.useEffect)(function () {
     var matchMedia = window.matchMedia('(prefers-color-scheme: dark)');
+
     if (useDarkMode) {
       var dark = matchMedia.matches;
       setIsDarkModeState(dark);
+
       if (typeof matchMedia.addEventListener === 'function') {
         matchMedia.addEventListener('change', changeDarkMode);
       } else if (typeof matchMedia.addListener === 'function') {
         matchMedia.addListener(changeDarkMode);
       }
     }
+
     return function () {
       if (useDarkMode) {
         if (typeof matchMedia.removeEventListener === 'function') {
@@ -71,6 +87,7 @@ function ContextProvider(props) {
     if (!theme) {
       return;
     }
+
     (0, _mobileUtils.addCssRules)('arcoCustomTheme', theme);
     return function () {
       (0, _mobileUtils.removeCssStyleDom)('arcoCustomTheme');
@@ -84,12 +101,14 @@ function ContextProvider(props) {
     })
   }, children);
 }
+
 var ContextLayout = GlobalContext.Consumer;
 exports.ContextLayout = ContextLayout;
+
 function CompWithGlobalContext(Component) {
   return function (props) {
     var propsContext = props.context,
-      others = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded2);
+        others = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded2);
     return /*#__PURE__*/_react.default.createElement(ContextLayout, null, function (context) {
       return /*#__PURE__*/_react.default.createElement(ContextProvider, (0, _extends2.default)({}, context, propsContext), /*#__PURE__*/_react.default.createElement(Component, others));
     });

package/cjs/context-provider/style/css/index.js

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

package/cjs/context-provider/style/index.js

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