@arco-design/mobile-react 2.25.4 → 2.26.0

package/umd/dropdown/options.js

@@ -14,27 +14,34 @@
   "use strict";
 
   var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
   _exports.__esModule = true;
   _exports.default = void 0;
   _react = _interopRequireWildcard(_react);
   _IconCheck = _interopRequireDefault(_IconCheck);
+
   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 Options = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     var options = props.options,
-      useColumn = props.useColumn,
-      icon = props.icon,
-      selectedValue = props.selectedValue,
-      defaultSelectedValue = props.defaultSelectedValue,
-      multiple = props.multiple;
+        useColumn = props.useColumn,
+        icon = props.icon,
+        selectedValue = props.selectedValue,
+        defaultSelectedValue = props.defaultSelectedValue,
+        multiple = props.multiple;
+
     var _useContext = (0, _react.useContext)(_contextProvider.GlobalContext),
-      prefixCls = _useContext.prefixCls;
+        prefixCls = _useContext.prefixCls;
+
     var _useState = (0, _react.useState)(function () {
-        var defaultValue = multiple ? [] : 0;
-        return defaultSelectedValue !== void 0 ? defaultSelectedValue : defaultValue;
-      }),
-      innerValue = _useState[0],
-      setInnerValue = _useState[1];
+      var defaultValue = multiple ? [] : 0;
+      return defaultSelectedValue !== void 0 ? defaultSelectedValue : defaultValue;
+    }),
+        innerValue = _useState[0],
+        setInnerValue = _useState[1];
+
     var value = (0, _react.useMemo)(function () {
       return selectedValue === void 0 ? innerValue : selectedValue;
     }, [selectedValue, innerValue]);
@@ -49,17 +56,19 @@
         dom: domRef.current
       };
     });
-
     /**
      * 当选项改变时触发的回调函数
      * @en callback when options change
      * */
+
     function handleOptionChange(e, op) {
       if (op.disabled) return;
+
       if (props.multiple === true) {
         if (!Array.isArray(value)) {
           return;
         }
+
         var index = value.indexOf(op.value);
         var checked = index >= 0;
         props.onOptionClick == null ? void 0 : props.onOptionClick(checked, op.value, op);
@@ -73,11 +82,14 @@
         setInnerValue(_newValue);
         _newValue !== value && (props.onOptionChange == null ? void 0 : props.onOptionChange(_newValue, op));
       }
+
       e.stopPropagation();
     }
+
     function checkSelected(op) {
       return multiple && Array.isArray(value) ? value.includes(op.value) : op.value === value;
     }
+
     return /*#__PURE__*/_react.default.createElement("div", {
       ref: domRef,
       className: (0, _mobileUtils.cls)(prefixCls + "-dropdown-options-wrap", {

package/umd/dropdown-menu/dropdown-menu.js

@@ -14,62 +14,74 @@
   "use strict";
 
   var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
   _exports.__esModule = true;
   _exports.componentGenerator = componentGenerator;
   _extends2 = _interopRequireDefault(_extends2);
   _react = _interopRequireWildcard(_react);
   _IconTriDown = _interopRequireDefault(_IconTriDown);
+
   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$className = props.className,
-        className = _props$className === void 0 ? '' : _props$className,
-        _props$style = props.style,
-        style = _props$style === void 0 ? {} : _props$style,
-        _props$options = props.options,
-        options = _props$options === void 0 ? [] : _props$options,
-        _props$disabled = props.disabled,
-        disabled = _props$disabled === void 0 ? [] : _props$disabled,
-        _props$selectTips = props.selectTips,
-        selectTips = _props$selectTips === void 0 ? [] : _props$selectTips,
-        values = props.values,
-        _props$defaultValues = props.defaultValues,
-        defaultValues = _props$defaultValues === void 0 ? [] : _props$defaultValues,
-        icon = props.icon,
-        _props$chooseAndClose = props.chooseAndClose,
-        chooseAndClose = _props$chooseAndClose === void 0 ? true : _props$chooseAndClose,
-        selectIndex = props.selectIndex,
-        _props$defaultSelectI = props.defaultSelectIndex,
-        defaultSelectIndex = _props$defaultSelectI === void 0 ? 0 : _props$defaultSelectI,
-        showDropdown = props.showDropdown,
-        _props$defaultShowDro = props.defaultShowDropdown,
-        defaultShowDropdown = _props$defaultShowDro === void 0 ? false : _props$defaultShowDro,
-        onValuesChange = props.onValuesChange,
-        onSelectChange = props.onSelectChange,
-        onDropdownChange = props.onDropdownChange,
-        _props$getFormattedOp = props.getFormattedOptions,
-        getFormattedOptions = _props$getFormattedOp === void 0 ? _helper.getFormattedOptions : _props$getFormattedOp,
-        getContainer = props.getContainer,
-        children = props.children,
-        extraForDropdown = props.extraForDropdown;
+          className = _props$className === void 0 ? '' : _props$className,
+          _props$style = props.style,
+          style = _props$style === void 0 ? {} : _props$style,
+          _props$options = props.options,
+          options = _props$options === void 0 ? [] : _props$options,
+          _props$disabled = props.disabled,
+          disabled = _props$disabled === void 0 ? [] : _props$disabled,
+          _props$selectTips = props.selectTips,
+          selectTips = _props$selectTips === void 0 ? [] : _props$selectTips,
+          values = props.values,
+          _props$defaultValues = props.defaultValues,
+          defaultValues = _props$defaultValues === void 0 ? [] : _props$defaultValues,
+          icon = props.icon,
+          _props$chooseAndClose = props.chooseAndClose,
+          chooseAndClose = _props$chooseAndClose === void 0 ? true : _props$chooseAndClose,
+          selectIndex = props.selectIndex,
+          _props$defaultSelectI = props.defaultSelectIndex,
+          defaultSelectIndex = _props$defaultSelectI === void 0 ? 0 : _props$defaultSelectI,
+          showDropdown = props.showDropdown,
+          _props$defaultShowDro = props.defaultShowDropdown,
+          defaultShowDropdown = _props$defaultShowDro === void 0 ? false : _props$defaultShowDro,
+          onValuesChange = props.onValuesChange,
+          onSelectChange = props.onSelectChange,
+          onDropdownChange = props.onDropdownChange,
+          _props$getFormattedOp = props.getFormattedOptions,
+          getFormattedOptions = _props$getFormattedOp === void 0 ? _helper.getFormattedOptions : _props$getFormattedOp,
+          getContainer = props.getContainer,
+          children = props.children,
+          extraForDropdown = props.extraForDropdown;
+
       var _useContext = (0, _react.useContext)(_contextProvider.GlobalContext),
-        prefixCls = _useContext.prefixCls,
-        locale = _useContext.locale;
+          prefixCls = _useContext.prefixCls,
+          locale = _useContext.locale;
+
       var _useState = (0, _react.useState)(defaultValues),
-        innerValues = _useState[0],
-        setInnerValues = _useState[1];
+          innerValues = _useState[0],
+          setInnerValues = _useState[1];
+
       var _useState2 = (0, _react.useState)(0),
-        defaultTop = _useState2[0],
-        setDefaultTop = _useState2[1];
+          defaultTop = _useState2[0],
+          setDefaultTop = _useState2[1];
+
       var currentValues = values !== void 0 ? values : innerValues;
+
       var _useState3 = (0, _react.useState)(defaultShowDropdown),
-        innerShowDropdown = _useState3[0],
-        setInnerShowDropdown = _useState3[1];
+          innerShowDropdown = _useState3[0],
+          setInnerShowDropdown = _useState3[1];
+
       var dropdownShown = showDropdown !== void 0 ? showDropdown : innerShowDropdown;
+
       var _useState4 = (0, _react.useState)(defaultSelectIndex),
-        innerSelectedIndex = _useState4[0],
-        setInnerSelectedIndex = _useState4[1];
+          innerSelectedIndex = _useState4[0],
+          setInnerSelectedIndex = _useState4[1];
+
       var selectedIndex = selectIndex !== void 0 ? selectIndex : innerSelectedIndex;
       var selectWrapper = (0, _react.useRef)(null);
       var domRef = (0, _react.useRef)(null);
@@ -77,62 +89,70 @@
         label: locale == null ? void 0 : locale.DropdownMenu.select,
         value: -1
       };
-
       /**
        * 更新选项数组和选择情况
        * @en Update options list and selection
        */
+
       var _useMemo = (0, _react.useMemo)(function () {
-          return getFormattedOptions(options, currentValues);
-        }, [options, currentValues]),
-        formattedOptions = _useMemo.formattedOptions;
+        return getFormattedOptions(options, currentValues);
+      }, [options, currentValues]),
+          formattedOptions = _useMemo.formattedOptions;
+
       var selectedOptions = (0, _react.useMemo)(function () {
         return formattedOptions.map(function (ops, index) {
           if (props.multiple) {
             var _value = currentValues[index] || [];
+
             var opItems = ops.reduce(function (acc, op) {
               return [].concat(acc, _value.includes(op.value) ? [op] : []);
             }, []);
             return opItems.length ? opItems : [defaultOpItem];
           }
+
           var value = currentValues[index];
           return ops.find(function (op) {
             return op.value === value;
           }) || ops[0];
         });
       }, [formattedOptions, currentValues, props.multiple]);
-
       /**
        * 当下拉框的状态变化
        * @en When the state of the dropdown box changes
        */
+
       var handleShowDropdownChange = function handleShowDropdownChange(show, index) {
         onDropdownChange && onDropdownChange(show, index);
         setInnerShowDropdown(show);
       };
+
       var handleSelectedIndexChange = function handleSelectedIndexChange(idx) {
         setInnerSelectedIndex(idx);
         onSelectChange == null ? void 0 : onSelectChange(idx);
       };
+
       var handleValuesChange = function handleValuesChange(val) {
-        var newValue = [].concat(currentValues);
-        // 级联情况下 selectedIndex 之后的选项值重置
+        var newValue = [].concat(currentValues); // 级联情况下 selectedIndex 之后的选项值重置
         // @en Option values are reset after selectedIndex in case of cascade
+
         if ((0, _helper.isCascadeArray)(options)) {
           newValue = newValue.slice(0, selectedIndex);
         }
+
         newValue[selectedIndex] = val;
         newValue = getFormattedOptions(options, newValue).formattedValue;
         setInnerValues(newValue);
         onValuesChange == null ? void 0 : onValuesChange(newValue);
       };
-
       /**
        * 处理选择框的点击事件
        * @en Handle click event of dropdown box
        */
+
+
       var handleSelectClick = function handleSelectClick(idx) {
         if (disabled[idx]) return;
+
         if (Number(idx) === selectedIndex) {
           handleShowDropdownChange(!dropdownShown, idx);
         } else {
@@ -140,16 +160,19 @@
           if (!dropdownShown) handleShowDropdownChange(true, idx);
         }
       };
-
       /**
        * 判断是否为当前实例下的选择框
        * @en Determine whether it is the dropdown box under the current instance
        */
+
+
       var isCurrentSelectEl = function isCurrentSelectEl(target) {
         var _ref = extraForDropdown || {},
-          isStopTouchEl = _ref.isStopTouchEl;
+            isStopTouchEl = _ref.isStopTouchEl;
+
         return (0, _helper.isRefDom)(target, selectWrapper) && (0, _helper.isClassNameDom)(target, 'select-item') || (isStopTouchEl == null ? void 0 : isStopTouchEl(target)) || false;
       };
+
       (0, _react.useImperativeHandle)(ref, function () {
         return {
           dom: domRef.current
@@ -160,9 +183,11 @@
         var container = getContainer ? getContainer() || defaultContainer : defaultContainer;
         setDefaultTop((container == null ? void 0 : container.getBoundingClientRect().bottom) || 0);
       }, [getContainer, dropdownShown]);
+
       var onCancel = props.onCancel || function () {
         return handleShowDropdownChange(false);
       };
+
       var dropdownCommonProps = (0, _extends2.default)({
         showDropdown: dropdownShown,
         top: (extraForDropdown == null ? void 0 : extraForDropdown.top) || defaultTop,
@@ -170,6 +195,7 @@
       }, extraForDropdown || {}, {
         isStopTouchEl: isCurrentSelectEl
       });
+
       var renderSelectedLabel = function renderSelectedLabel(op, index) {
         if (props.multiple === true) {
           var multipleOp = op || [];
@@ -179,11 +205,13 @@
             return item.label;
           }).join(','));
         }
+
         var singleOp = op || [];
         return props.renderSelectLabel ? props.renderSelectLabel(singleOp, index) : /*#__PURE__*/_react.default.createElement("div", {
           className: (0, _mobileUtils.cls)(prefixCls + "-select-item-label-text")
         }, singleOp.label);
       };
+
       return /*#__PURE__*/_react.default.createElement("div", {
         ref: domRef,
         className: (0, _mobileUtils.cls)(prefixCls + "-dropdown-menu all-border-box", className, {
@@ -233,6 +261,7 @@
         selectedValue: currentValues[selectedIndex] || 0,
         onOptionClick: function onOptionClick(val, op) {
           props.onOptionClick == null ? void 0 : props.onOptionClick(val, op, selectedIndex);
+
           if (chooseAndClose) {
             handleShowDropdownChange(false, selectedIndex);
           }

package/umd/dropdown-menu/helper.js

@@ -14,6 +14,7 @@
   "use strict";
 
   var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
   _exports.__esModule = true;
   _exports.getFormattedOptions = void 0;
   _exports.isCascadeArray = isCascadeArray;
@@ -21,6 +22,7 @@
   _exports.isString = isString;
   _exports.isStringArray = isStringArray;
   _extends2 = _interopRequireDefault(_extends2);
+
   /**
    * 判断是否为string数组
    * @en Determine whether it is a string array
@@ -28,23 +30,24 @@
   function isStringArray(options) {
     return typeof options[0] === 'string';
   }
-
   /**
    * 判断是否为嵌套数组
    * @en Determine if it is a nested array
    * */
+
+
   function isCascadeArray(options) {
     return typeof options[0] === 'object' && !(0, _mobileUtils.isArray)(options[0]);
   }
-
   /**
    * 判断是否为string类型
    * @en Determine whether it is of type string
    */
+
+
   function isString(icon) {
     return typeof icon === 'string';
   }
-
   /**
    * 格式化传入的数组
    * @en format the input array
@@ -52,9 +55,12 @@
    * @param {OptionsItem[][] | string[] | CascadeOptions[]} options {en} Array of options from the upper layer
    * @param {ValueType} currentValues Current selected value
    * */
+
+
   var getFormattedOptions = function getFormattedOptions(options, currentValues) {
     var values = [].concat(currentValues);
     var formattedOptions = [];
+
     if (isStringArray(options)) {
       /**
        * 如果传入的是简单的字符串数组
@@ -70,64 +76,77 @@
     } else if (isCascadeArray(options)) {
       var ops = options;
       var i = 0;
+
       var _loop = function _loop() {
         formattedOptions.push(ops.map(function (item) {
           return (0, _extends2.default)({}, item, {
             disabled: item.disabled || false
           });
         }));
-        var temp;
+        var temp = void 0;
         var val = values[i];
         var valIndex = ops.findIndex(function (op) {
           return op.value === val;
         });
+
         if (valIndex > -1) {
           temp = ops[valIndex].children;
         } else {
           temp = ops[0].children;
           values[i] = ops[0].value;
         }
+
         i++;
         ops = temp;
       };
+
       while (ops) {
         _loop();
       }
     } else {
       formattedOptions.push.apply(formattedOptions, options);
     }
+
     return {
       formattedOptions: formattedOptions,
       formattedValue: values
     };
   };
-
   /**
    * 判断是否为指定ref内的元素
    * @en Determine whether it is an element within the specified ref
    */
+
+
   _exports.getFormattedOptions = getFormattedOptions;
+
   var isRefDom = function isRefDom(dom, ref) {
     var refDom = ref.current;
     if (!refDom || !dom) return false;
     return refDom.contains(dom);
   };
-
   /**
    * 判断是否为指定类名下的元素
    * @en Determine whether it is an element under the specified classname
    */
+
+
   _exports.isRefDom = isRefDom;
+
   var isClassNameDom = function isClassNameDom(dom, className) {
     if (!dom) return false;
     var tempEl = dom;
+
     while (tempEl) {
       if (tempEl.classList.value.indexOf(className) > -1) {
         return true;
       }
+
       tempEl = tempEl.parentNode;
     }
+
     return false;
   };
+
   _exports.isClassNameDom = isClassNameDom;
 });

package/umd/dropdown-menu/index.js

@@ -14,6 +14,7 @@
   "use strict";
 
   var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
   _exports.__esModule = true;
   var _exportNames = {};
   _exports.default = void 0;
@@ -24,6 +25,7 @@
     if (key in _exports && _exports[key] === _type[key]) return;
     _exports[key] = _type[key];
   });
+
   /**
    * 下拉选择组件，点击选择器(select)展开下拉框(dropdown)，展示选择项(options)，兼容多个选择器的情况。
    * @en Dropdown component, click the selector (select) to expand the dropdown box (dropdown), display the options (options), compatible with multiple selectors.