@arco-design/mobile-react 2.25.4 → 2.27.0

package/umd/radio/group.js

@@ -14,13 +14,17 @@
   "use strict";
 
   var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
   _exports.__esModule = true;
   _exports.RadioGroupContext = void 0;
   _exports.componentGenerator = componentGenerator;
   _extends2 = _interopRequireDefault(_extends2);
   _react = _interopRequireWildcard(_react);
+
   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 RadioGroupContext = /*#__PURE__*/_react.default.createContext({
     isGroup: false,
     shape: 'circle',
@@ -29,30 +33,34 @@
     value: [],
     onChange: function onChange() {}
   });
+
   _exports.RadioGroupContext = RadioGroupContext;
+
   function componentGenerator(Comp) {
     return /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       var _props$style = props.style,
-        style = _props$style === void 0 ? {} : _props$style,
-        _props$className = props.className,
-        className = _props$className === void 0 ? '' : _props$className,
-        defaultValue = props.defaultValue,
-        _props$disabled = props.disabled,
-        disabled = _props$disabled === void 0 ? false : _props$disabled,
-        _props$shape = props.shape,
-        shape = _props$shape === void 0 ? 'circle' : _props$shape,
-        options = props.options,
-        icons = props.icons,
-        _props$onChange = props.onChange,
-        onChange = _props$onChange === void 0 ? function () {} : _props$onChange,
-        value = props.value,
-        _props$children = props.children,
-        children = _props$children === void 0 ? null : _props$children,
-        _props$layout = props.layout,
-        layout = _props$layout === void 0 ? 'inline' : _props$layout;
+          style = _props$style === void 0 ? {} : _props$style,
+          _props$className = props.className,
+          className = _props$className === void 0 ? '' : _props$className,
+          defaultValue = props.defaultValue,
+          _props$disabled = props.disabled,
+          disabled = _props$disabled === void 0 ? false : _props$disabled,
+          _props$shape = props.shape,
+          shape = _props$shape === void 0 ? 'circle' : _props$shape,
+          options = props.options,
+          icons = props.icons,
+          _props$onChange = props.onChange,
+          onChange = _props$onChange === void 0 ? function () {} : _props$onChange,
+          value = props.value,
+          _props$children = props.children,
+          children = _props$children === void 0 ? null : _props$children,
+          _props$layout = props.layout,
+          layout = _props$layout === void 0 ? 'inline' : _props$layout;
+
       var _useState = (0, _react.useState)(value || defaultValue),
-        groupValue = _useState[0],
-        setGroupValue = _useState[1];
+          groupValue = _useState[0],
+          setGroupValue = _useState[1];
+
       var domRef = (0, _react.useRef)(null);
       (0, _react.useImperativeHandle)(ref, function () {
         return {
@@ -62,18 +70,20 @@
       (0, _react.useEffect)(function () {
         value !== void 0 && setGroupValue(value);
       }, [value]);
-
       /**
        * 切换Radio状态回调
        * @en Callback when toggling radio state
        */
+
       var handleChange = function handleChange(checked, newValue) {
         if (!checked) return;
         onChange(newValue);
+
         if (value === void 0) {
           setGroupValue(newValue);
         }
       };
+
       return /*#__PURE__*/_react.default.createElement(_contextProvider.ContextLayout, null, function (_ref) {
         var prefixCls = _ref.prefixCls;
         return /*#__PURE__*/_react.default.createElement("div", {

package/umd/radio/index.js

@@ -22,13 +22,13 @@
     if (key in _exports && _exports[key] === _type[key]) return;
     _exports[key] = _type[key];
   });
+
   /**
    * 单选项组
    * @en Radio group
    * @displayName RadioGroup
    */
   var Group = (0, _mobileUtils.componentWrapper)((0, _group.componentGenerator)(_radio.Radio), 'RadioGroup');
-
   /**
    * 单选框，可用状态下点击切换选择，支持禁用，支持单选项组。
    * @en Radio button, click to switch selection when available, supports disabled state and radio option group.
@@ -38,8 +38,10 @@
    * @type_en Data Entry
    * @displayName Radio
    */
+
   var _default = (0, _mobileUtils.componentWrapper)(_radio.Radio, 'Radio', {
     Group: Group
   });
+
   _exports.default = _default;
 });

package/umd/radio/radio.js

@@ -14,14 +14,18 @@
   "use strict";
 
   var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
   _exports.__esModule = true;
   _exports.Radio = void 0;
   _exports.componentGenerator = componentGenerator;
   _extends2 = _interopRequireDefault(_extends2);
   _react = _interopRequireWildcard(_react);
   _checkbox = _interopRequireDefault(_checkbox);
+
   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 mergedProps = (0, _hooks.useMergeProps)(props, _group.RadioGroupContext);
@@ -36,6 +40,7 @@
       }));
     });
   }
+
   var Radio = componentGenerator(_checkbox.default);
   _exports.Radio = Radio;
 });

package/umd/rate/index.js

@@ -14,37 +14,43 @@
   "use strict";
 
   var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
   _exports.__esModule = true;
   _exports.default = void 0;
   _react = _interopRequireWildcard(_react);
   _IconStarFill = _interopRequireDefault(_IconStarFill);
   _IconStarHalf = _interopRequireDefault(_IconStarHalf);
+
   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 Rate = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     var className = props.className,
-      style = props.style,
-      _props$defaultValue = props.defaultValue,
-      defaultValue = _props$defaultValue === void 0 ? 0 : _props$defaultValue,
-      value = props.value,
-      _props$count = props.count,
-      count = _props$count === void 0 ? 5 : _props$count,
-      _props$step = props.step,
-      step = _props$step === void 0 ? 1 : _props$step,
-      color = props.color,
-      normalColor = props.normalColor,
-      disabledColor = props.disabledColor,
-      _props$allowHalf = props.allowHalf,
-      allowHalf = _props$allowHalf === void 0 ? false : _props$allowHalf,
-      _props$disabled = props.disabled,
-      disabled = _props$disabled === void 0 ? false : _props$disabled,
-      size = props.size,
-      offset = props.offset,
-      icons = props.icons,
-      onChange = props.onChange;
+        style = props.style,
+        _props$defaultValue = props.defaultValue,
+        defaultValue = _props$defaultValue === void 0 ? 0 : _props$defaultValue,
+        value = props.value,
+        _props$count = props.count,
+        count = _props$count === void 0 ? 5 : _props$count,
+        _props$step = props.step,
+        step = _props$step === void 0 ? 1 : _props$step,
+        color = props.color,
+        normalColor = props.normalColor,
+        disabledColor = props.disabledColor,
+        _props$allowHalf = props.allowHalf,
+        allowHalf = _props$allowHalf === void 0 ? false : _props$allowHalf,
+        _props$disabled = props.disabled,
+        disabled = _props$disabled === void 0 ? false : _props$disabled,
+        size = props.size,
+        offset = props.offset,
+        icons = props.icons,
+        onChange = props.onChange;
+
     var _useState = (0, _react.useState)(defaultValue),
-      innerValue = _useState[0],
-      setInnerValue = _useState[1];
+        innerValue = _useState[0],
+        setInnerValue = _useState[1];
+
     var starIndex = (0, _react.useMemo)(function () {
       var actualValue = value !== void 0 ? value : innerValue;
       return actualValue / step || 0;
@@ -61,34 +67,43 @@
         dom: domRef.current
       };
     });
+
     function handleStarIndexChange(newIndex) {
       if (disabled) {
         return;
       }
+
       var newValue = newIndex * step;
       setInnerValue(newValue);
       onChange && onChange(newValue);
     }
+
     function renderIconByAttr(defaultNode, index, attr) {
       if (!attr) {
         return defaultNode;
       }
+
       if (typeof attr === 'function') {
         // 对外的index从0开始
         // @en External index starts from 0
         return attr(index - 1);
       }
+
       return attr;
     }
+
     function getIconStatus(index) {
       if (starIndex >= index) {
         return 'active';
       }
+
       if (starIndex >= index - 0.5 && allowHalf) {
         return 'half-active';
       }
+
       return 'normal';
     }
+
     function renderRateIcon(prefix, status, index) {
       if (status === 'active') {
         return renderIconByAttr( /*#__PURE__*/_react.default.createElement(_IconStarFill.default, {
@@ -101,10 +116,12 @@
           }
         }), index, icons == null ? void 0 : icons.active);
       }
+
       if (status === 'half-active') {
         var _ref = icons || {},
-          active = _ref.active,
-          halfActive = _ref.halfActive;
+            active = _ref.active,
+            halfActive = _ref.halfActive;
+
         var customIcon = halfActive || active;
         return renderIconByAttr( /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_IconStarFill.default, {
           className: (0, _mobileUtils.cls)(prefix + "-icon normal", {
@@ -124,6 +141,7 @@
           }
         })), index, customIcon);
       }
+
       return renderIconByAttr( /*#__PURE__*/_react.default.createElement(_IconStarFill.default, {
         className: (0, _mobileUtils.cls)(prefix + "-icon normal", {
           disabled: disabled
@@ -134,6 +152,7 @@
         }
       }), index, icons == null ? void 0 : icons.normal);
     }
+
     return /*#__PURE__*/_react.default.createElement(_contextProvider.ContextLayout, null, function (_ref2) {
       var prefixCls = _ref2.prefixCls;
       return /*#__PURE__*/_react.default.createElement("div", {
@@ -172,7 +191,6 @@
       }));
     });
   });
-
   /**
    * 评分组件，支持受控模式
    * @en Rate component, supports controlled mode
@@ -182,6 +200,8 @@
    * @name_en Rate
    * @displayName Rate
    */
+
   var _default = (0, _mobileUtils.componentWrapper)(Rate, 'Rate');
+
   _exports.default = _default;
 });

package/umd/search-bar/association.js

@@ -14,55 +14,66 @@
   "use strict";
 
   var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
   _exports.__esModule = true;
   _exports.SearchBarAssociation = SearchBarAssociation;
   _react = _interopRequireDefault(_react);
+
   function SearchBarAssociation(props) {
     var _cls;
+
     var prefixCls = props.prefixCls,
-      _props$associationIte = props.associationItems,
-      associationItems = _props$associationIte === void 0 ? [] : _props$associationIte,
-      highlightClassName = props.highlightClassName,
-      _props$highlightMode = props.highlightMode,
-      highlightMode = _props$highlightMode === void 0 ? 'none' : _props$highlightMode,
-      highlightStyle = props.highlightStyle,
-      onAssociationClick = props.onAssociationClick,
-      onAssociationItemClick = props.onAssociationItemClick,
-      renderAssociation = props.renderAssociation,
-      renderAssociationItem = props.renderAssociationItem,
-      keyword = props.keyword,
-      visible = props.visible;
+        _props$associationIte = props.associationItems,
+        associationItems = _props$associationIte === void 0 ? [] : _props$associationIte,
+        highlightClassName = props.highlightClassName,
+        _props$highlightMode = props.highlightMode,
+        highlightMode = _props$highlightMode === void 0 ? 'none' : _props$highlightMode,
+        highlightStyle = props.highlightStyle,
+        onAssociationClick = props.onAssociationClick,
+        onAssociationItemClick = props.onAssociationItemClick,
+        renderAssociation = props.renderAssociation,
+        renderAssociationItem = props.renderAssociationItem,
+        keyword = props.keyword,
+        visible = props.visible;
     var searchBarAssociationPrefixCls = prefixCls + "-association";
     var defaultHighlightClassName = searchBarAssociationPrefixCls + "-item-highlight";
+
     var renderHighlightNode = function renderHighlightNode(content) {
       if (!content || !keyword || highlightMode === 'none') {
         return content;
       }
+
       var config = {
         keyword: keyword,
         content: content,
         highlightClassName: highlightClassName || defaultHighlightClassName,
         highlightStyle: highlightStyle
       };
+
       if (highlightMode === 'contain') {
         return (0, _highlight.highlightWithContainMode)(config);
       }
+
       if (highlightMode === 'prefix') {
         return (0, _highlight.highlightWithPrefixMode)(config);
       }
+
       return typeof highlightMode === 'function' ? highlightMode(content, keyword, defaultHighlightClassName) : content;
     };
+
     var renderItem = function renderItem(item, index) {
       var itemContent = item.content;
-      var node = itemContent;
-      // itemContent为string类型，并且开启高亮模式才去走渲染高亮内容的逻辑
+      var node = itemContent; // itemContent为string类型，并且开启高亮模式才去走渲染高亮内容的逻辑
       // @en When `itemContent` is a string, and the highlight mode is turned on, the logic of rendering the highlighted content is performed
+
       if (typeof itemContent === 'string' && highlightMode !== 'none') {
         node = renderHighlightNode(itemContent);
       }
+
       if (renderAssociationItem) {
         node = renderAssociationItem(item, index, node);
       }
+
       return /*#__PURE__*/_react.default.createElement("div", {
         key: index,
         className: searchBarAssociationPrefixCls + "-item",
@@ -71,13 +82,17 @@
         }
       }, node);
     };
+
     var renderContent = function renderContent() {
       var associationContent = associationItems.map(renderItem);
+
       if (renderAssociation) {
         return renderAssociation(associationContent);
       }
+
       return associationContent;
     };
+
     return /*#__PURE__*/_react.default.createElement("div", {
       className: (0, _mobileUtils.cls)(searchBarAssociationPrefixCls, (_cls = {}, _cls[searchBarAssociationPrefixCls + "-visible"] = visible, _cls)),
       onClick: onAssociationClick

package/umd/search-bar/cancel-button.js

@@ -16,25 +16,31 @@
   _exports.__esModule = true;
   _exports.CancelButton = CancelButton;
   _react = _interopRequireWildcard(_react);
+
   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 CancelButton(props) {
     var className = props.className,
-      onCancel = props.onCancel,
-      focusing = props.focusing,
-      currentInputValue = props.currentInputValue,
-      text = props.text;
+        onCancel = props.onCancel,
+        focusing = props.focusing,
+        currentInputValue = props.currentInputValue,
+        text = props.text;
+
     var _useState = (0, _react.useState)(focusing || Boolean(currentInputValue)),
-      visible = _useState[0],
-      setVisible = _useState[1];
+        visible = _useState[0],
+        setVisible = _useState[1];
+
     var handleClick = function handleClick() {
-      onCancel == null ? void 0 : onCancel();
-      // 如果不延迟，在聚焦切输入框有值的情况下，点击取消按钮会造成闪烁
+      onCancel == null ? void 0 : onCancel(); // 如果不延迟，在聚焦切输入框有值的情况下，点击取消按钮会造成闪烁
       // @en If there is no delay, when the focus cut input box has a value, clicking the cancel button will cause flickering
+
       (0, _mobileUtils.nextTick)(function () {
         setVisible(false);
       });
     };
+
     (0, _react.useEffect)(function () {
       setVisible(focusing || Boolean(currentInputValue));
     }, [focusing, currentInputValue]);

package/umd/search-bar/highlight.js

@@ -14,6 +14,7 @@
   "use strict";
 
   var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
   _exports.__esModule = true;
   _exports.highlightWithContainMode = highlightWithContainMode;
   _exports.highlightWithPrefixMode = highlightWithPrefixMode;
@@ -21,58 +22,64 @@
   _objectWithoutPropertiesLoose2 = _interopRequireDefault(_objectWithoutPropertiesLoose2);
   _react = _interopRequireDefault(_react);
   var _excluded = ["content", "keyword"];
+
   function createHighlightNode(config, index) {
     var keyword = config.keyword,
-      highlightClassName = config.highlightClassName,
-      highlightStyle = config.highlightStyle;
+        highlightClassName = config.highlightClassName,
+        highlightStyle = config.highlightStyle;
     return /*#__PURE__*/_react.default.createElement("span", {
       className: highlightClassName,
       style: highlightStyle,
       key: index
     }, keyword);
   }
-
   /**
    * 高亮搜索候选项中，包含的关键字
    *
    */
+
+
   function highlightWithContainMode(config) {
     var _config$content = config.content,
-      content = _config$content === void 0 ? '' : _config$content,
-      _config$keyword = config.keyword,
-      keyword = _config$keyword === void 0 ? '' : _config$keyword;
+        content = _config$content === void 0 ? '' : _config$content,
+        _config$keyword = config.keyword,
+        keyword = _config$keyword === void 0 ? '' : _config$keyword; // 具体实现思路就是将keyword作为split的分隔符，切割content得到数组
 
-    // 具体实现思路就是将keyword作为split的分隔符，切割content得到数组
-    var splitContent = content.split(keyword);
+    var splitContent = content.split(keyword); // 再将高亮后的keyword节点，插空填入数组
 
-    // 再将高亮后的keyword节点，插空填入数组
     var highlightResult = splitContent.reduce(function (prev, word, index) {
       prev.push(word);
+
       if (index !== splitContent.length - 1) {
         prev.push(createHighlightNode(config, index));
       }
+
       return prev;
     }, []);
     return highlightResult;
   }
-
   /**
    * 高亮搜索候选项和关键字的最长前缀公共字符串
    *
    */
+
+
   function highlightWithPrefixMode(config) {
     var _config$content2 = config.content,
-      content = _config$content2 === void 0 ? '' : _config$content2,
-      _config$keyword2 = config.keyword,
-      keyword = _config$keyword2 === void 0 ? '' : _config$keyword2,
-      otherConfig = (0, _objectWithoutPropertiesLoose2.default)(config, _excluded);
+        content = _config$content2 === void 0 ? '' : _config$content2,
+        _config$keyword2 = config.keyword,
+        keyword = _config$keyword2 === void 0 ? '' : _config$keyword2,
+        otherConfig = (0, _objectWithoutPropertiesLoose2.default)(config, _excluded);
     var splitIndex = -1;
+
     for (var i = 0; i < keyword.length; i++) {
       if (i >= content.length || content[i] !== keyword[i]) {
         break;
       }
+
       splitIndex = i;
     }
+
     return splitIndex > -1 ? [createHighlightNode((0, _extends2.default)({}, otherConfig, {
       keyword: content.substring(0, splitIndex + 1)
     }), 0), content.substring(splitIndex + 1)] : content;