@arco-design/mobile-react 2.38.4 → 2.39.0

package/umd/dropdown/options.js

@@ -14,34 +14,27 @@
   "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]);
@@ -56,19 +49,17 @@
         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);
@@ -82,14 +73,11 @@
         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,74 +14,62 @@
   "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);
@@ -89,70 +77,62 @@
         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 {
@@ -160,19 +140,16 @@
           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
@@ -183,11 +160,9 @@
         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,
@@ -195,7 +170,6 @@
       }, extraForDropdown || {}, {
         isStopTouchEl: isCurrentSelectEl
       });
-
       var renderSelectedLabel = function renderSelectedLabel(op, index) {
         if (props.multiple === true) {
           var multipleOp = op || [];
@@ -205,13 +179,11 @@
             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, {
@@ -261,7 +233,6 @@
         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,14 +14,12 @@
   "use strict";
 
   var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
   _exports.__esModule = true;
   _exports.getFormattedOptions = void 0;
   _exports.isCascadeArray = isCascadeArray;
   _exports.isRefDom = _exports.isClassNameDom = void 0;
   _exports.isStringArray = isStringArray;
   _extends2 = _interopRequireDefault(_extends2);
-
   /**
    * 判断是否为string数组
    * @en Determine whether it is a string array
@@ -29,15 +27,15 @@
   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]);
   }
+
   /**
    * 格式化传入的数组
    * @en format the input array
@@ -45,12 +43,9 @@
    * @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)) {
       /**
        * 如果传入的是简单的字符串数组
@@ -66,7 +61,6 @@
     } 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, {
@@ -78,65 +72,53 @@
         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,7 +14,6 @@
   "use strict";
 
   var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
   _exports.__esModule = true;
   var _exportNames = {};
   _exports.default = void 0;
@@ -25,7 +24,6 @@
     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.