@arco-design/mobile-react 2.25.3 → 2.26.0

package/cjs/dropdown/options.js

@@ -1,29 +1,40 @@
 "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 _IconCheck = _interopRequireDefault(require("../icon/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]);
@@ -38,17 +49,19 @@ var Options = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       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);
@@ -62,11 +75,14 @@ var Options = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       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/cjs/dropdown/style/css/index.js

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

package/cjs/dropdown/style/index.js

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

package/cjs/dropdown-menu/dropdown-menu.js

@@ -1,65 +1,83 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports.componentGenerator = componentGenerator;
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _mobileUtils = require("@arco-design/mobile-utils");
+
 var _contextProvider = require("../context-provider");
+
 var _helper = require("./helper");
+
 var _IconTriDown = _interopRequireDefault(require("../icon/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);
@@ -67,62 +85,70 @@ function componentGenerator(Comp) {
       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 {
@@ -130,16 +156,19 @@ function componentGenerator(Comp) {
         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
@@ -150,9 +179,11 @@ function componentGenerator(Comp) {
       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,
@@ -160,6 +191,7 @@ function componentGenerator(Comp) {
     }, extraForDropdown || {}, {
       isStopTouchEl: isCurrentSelectEl
     });
+
     var renderSelectedLabel = function renderSelectedLabel(op, index) {
       if (props.multiple === true) {
         var multipleOp = op || [];
@@ -169,11 +201,13 @@ function componentGenerator(Comp) {
           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, {
@@ -223,6 +257,7 @@ function componentGenerator(Comp) {
       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/cjs/dropdown-menu/helper.js

@@ -1,14 +1,18 @@
 "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.isString = isString;
 exports.isStringArray = isStringArray;
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _mobileUtils = require("@arco-design/mobile-utils");
+
 /**
  * 判断是否为string数组
  * @en Determine whether it is a string array
@@ -16,23 +20,24 @@ var _mobileUtils = require("@arco-design/mobile-utils");
 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
@@ -40,9 +45,12 @@ function isString(icon) {
  * @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)) {
     /**
      * 如果传入的是简单的字符串数组
@@ -58,63 +66,76 @@ var getFormattedOptions = function getFormattedOptions(options, currentValues) {
   } 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/cjs/dropdown-menu/index.js

@@ -1,18 +1,24 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 var _exportNames = {};
 exports.default = void 0;
+
 var _dropdownMenu = require("./dropdown-menu");
+
 var _dropdown = _interopRequireDefault(require("../dropdown"));
+
 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];
 });
+
 /**
  * 下拉选择组件，点击选择器(select)展开下拉框(dropdown)，展示选择项(options)，兼容多个选择器的情况。
  * @en Dropdown component, click the selector (select) to expand the dropdown box (dropdown), display the options (options), compatible with multiple selectors.

package/cjs/dropdown-menu/style/css/index.js

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

package/cjs/dropdown-menu/style/index.js

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