@arco-design/mobile-react 2.38.4 → 2.39.1

package/umd/dialog/index.js

@@ -14,7 +14,6 @@
   "use strict";
 
   var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
   _exports.__esModule = true;
   var _exportNames = {
     methodsGenerator: true
@@ -32,49 +31,45 @@
     _exports[key] = _methods[key];
   });
   var _excluded = ["close", "children", "title", "footer", "footerType", "renderFooter", "footerCollapseCount", "titleAlign", "contentAlign", "className", "maskClass", "contentClass", "contentStyle", "contentTransitionType", "maskTransitionTimeout", "contentTransitionTimeout", "extra"];
-
   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 Dialog = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     var system = (0, _helpers.useSystem)();
     var nowSystem = props.platform || system;
     var _props$close = props.close,
-        close = _props$close === void 0 ? function () {} : _props$close,
-        children = props.children,
-        title = props.title,
-        _props$footer = props.footer,
-        footer = _props$footer === void 0 ? [] : _props$footer,
-        _props$footerType = props.footerType,
-        footerType = _props$footerType === void 0 ? 'grid' : _props$footerType,
-        renderFooter = props.renderFooter,
-        _props$footerCollapse = props.footerCollapseCount,
-        footerCollapseCount = _props$footerCollapse === void 0 ? 3 : _props$footerCollapse,
-        _props$titleAlign = props.titleAlign,
-        titleAlign = _props$titleAlign === void 0 ? nowSystem === 'android' ? 'left' : 'center' : _props$titleAlign,
-        _props$contentAlign = props.contentAlign,
-        contentAlign = _props$contentAlign === void 0 ? nowSystem === 'android' ? 'left' : 'center' : _props$contentAlign,
-        className = props.className,
-        maskClass = props.maskClass,
-        contentClass = props.contentClass,
-        contentStyle = props.contentStyle,
-        _props$contentTransit = props.contentTransitionType,
-        contentTransitionType = _props$contentTransit === void 0 ? nowSystem === 'android' ? 'fade' : 'fade-scale' : _props$contentTransit,
-        _props$maskTransition = props.maskTransitionTimeout,
-        maskTransitionTimeout = _props$maskTransition === void 0 ? 300 : _props$maskTransition,
-        _props$contentTransit2 = props.contentTransitionTimeout,
-        contentTransitionTimeout = _props$contentTransit2 === void 0 ? nowSystem === 'android' ? 300 : {
-      enter: 450,
-      exit: 150
-    } : _props$contentTransit2,
-        extra = props.extra,
-        restProps = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+      close = _props$close === void 0 ? function () {} : _props$close,
+      children = props.children,
+      title = props.title,
+      _props$footer = props.footer,
+      footer = _props$footer === void 0 ? [] : _props$footer,
+      _props$footerType = props.footerType,
+      footerType = _props$footerType === void 0 ? 'grid' : _props$footerType,
+      renderFooter = props.renderFooter,
+      _props$footerCollapse = props.footerCollapseCount,
+      footerCollapseCount = _props$footerCollapse === void 0 ? 3 : _props$footerCollapse,
+      _props$titleAlign = props.titleAlign,
+      titleAlign = _props$titleAlign === void 0 ? nowSystem === 'android' ? 'left' : 'center' : _props$titleAlign,
+      _props$contentAlign = props.contentAlign,
+      contentAlign = _props$contentAlign === void 0 ? nowSystem === 'android' ? 'left' : 'center' : _props$contentAlign,
+      className = props.className,
+      maskClass = props.maskClass,
+      contentClass = props.contentClass,
+      contentStyle = props.contentStyle,
+      _props$contentTransit = props.contentTransitionType,
+      contentTransitionType = _props$contentTransit === void 0 ? nowSystem === 'android' ? 'fade' : 'fade-scale' : _props$contentTransit,
+      _props$maskTransition = props.maskTransitionTimeout,
+      maskTransitionTimeout = _props$maskTransition === void 0 ? 300 : _props$maskTransition,
+      _props$contentTransit2 = props.contentTransitionTimeout,
+      contentTransitionTimeout = _props$contentTransit2 === void 0 ? nowSystem === 'android' ? 300 : {
+        enter: 450,
+        exit: 150
+      } : _props$contentTransit2,
+      extra = props.extra,
+      restProps = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
     var maskingRef = (0, _react.useRef)(null);
     var contentRef = (0, _react.useRef)(null);
     (0, _react.useImperativeHandle)(ref, function () {
       var _maskingRef$current, _maskingRef$current2, _maskingRef$current3;
-
       return {
         dom: ((_maskingRef$current = maskingRef.current) == null ? void 0 : _maskingRef$current.dom) || null,
         mask: ((_maskingRef$current2 = maskingRef.current) == null ? void 0 : _maskingRef$current2.mask) || null,
@@ -82,17 +77,13 @@
         setCloseScene: ((_maskingRef$current3 = maskingRef.current) == null ? void 0 : _maskingRef$current3.setCloseScene) || function () {}
       };
     });
-
     function handleFooterBtnClick(e, btn) {
       e.preventDefault();
       e.stopPropagation();
-
       if (btn.disabled) {
         return;
       }
-
       var result = btn.onClick ? btn.onClick(e) : null;
-
       if (!result || typeof result === 'boolean') {
         !result && close(e);
       } else if (result && result.then) {
@@ -101,10 +92,9 @@
         });
       }
     }
-
     function renderDialog(_ref) {
       var prefixCls = _ref.prefixCls,
-          locale = _ref.locale;
+        locale = _ref.locale;
       var prefix = prefixCls + "-dialog";
       return /*#__PURE__*/_react.default.createElement(_masking.default, (0, _extends2.default)({
         close: close,
@@ -143,10 +133,8 @@
         }, typeof btn.content === 'function' ? btn.content(locale) : btn.content);
       })) : null, extra ? /*#__PURE__*/_react.default.createElement("section", null, extra) : null));
     }
-
     return /*#__PURE__*/_react.default.createElement(_contextProvider.ContextLayout, null, renderDialog);
   });
-
   function methodsGenerator(Comp) {
     return {
       /**
@@ -156,7 +144,6 @@
        * @returns {{ close: () => void; update: (newConfig: AlertOptions & DialogProps) => void; }}
        */
       alert: (0, _methods.alert)(Comp),
-
       /**
        * 打开提示框(含一个确认按钮和一个取消按钮)
        * @desc {en} Open a prompt dialog (with a confirm button and a cancel button)
@@ -164,7 +151,6 @@
        * @returns {{ close: () => void; update: (newConfig: ConfirmOptions & AlertOptions) => void; }}
        */
       confirm: (0, _methods.confirm)(Comp),
-
       /**
        * 打开常规对话框
        * @desc {en} Open the general dialog
@@ -174,8 +160,8 @@
       open: (0, _methods.open)(Comp)
     };
   }
-
   var DialogWithGlobalContext = (0, _contextProvider.CompWithGlobalContext)(Dialog);
+
   /**
    * 模态对话框，在浮层中显示，引导用户进行相关操作。默认做了防滚动穿透处理，如果弹层内容中需要滚动，则需将滚动容器传入`getScrollContainer`属性以在未滚动到顶部或底部时释放滚动。
    * @en A modal dialog, displayed in a floating layer, guides the user to perform related operations. By default, anti-scroll penetration processing is performed. If scrolling is required in the content of the bullet layer, you need to pass the scroll container to `getScrollContainer` to release scrolling when it is not scrolled to the top or bottom.
@@ -184,8 +170,6 @@
    * @name 对话框
    * @name_en Dialog
    */
-
   var _default = (0, _mobileUtils.componentWrapper)(Dialog, methodsGenerator(DialogWithGlobalContext));
-
   _exports.default = _default;
 });

package/umd/dialog/methods.js

@@ -14,7 +14,6 @@
   "use strict";
 
   var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
   _exports.__esModule = true;
   _exports.alert = alert;
   _exports.confirm = confirm;
@@ -24,14 +23,12 @@
   _extends2 = _interopRequireDefault(_extends2);
   _objectWithoutPropertiesLoose2 = _interopRequireDefault(_objectWithoutPropertiesLoose2);
   var _excluded = ["onOk", "okText"],
-      _excluded2 = ["onOk", "okText", "onCancel", "cancelText"];
-
+    _excluded2 = ["onOk", "okText", "onCancel", "cancelText"];
   function normalizeAlert(config) {
     var _ref = config || {},
-        onOk = _ref.onOk,
-        okText = _ref.okText,
-        restConfig = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
-
+      onOk = _ref.onOk,
+      okText = _ref.okText,
+      restConfig = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
     return (0, _extends2.default)({
       footer: [{
         content: okText || function (locale) {
@@ -42,15 +39,13 @@
       }]
     }, restConfig);
   }
-
   function normalizeConfirm(config) {
     var _ref2 = config || {},
-        onOk = _ref2.onOk,
-        okText = _ref2.okText,
-        onCancel = _ref2.onCancel,
-        cancelText = _ref2.cancelText,
-        restConfig = (0, _objectWithoutPropertiesLoose2.default)(_ref2, _excluded2);
-
+      onOk = _ref2.onOk,
+      okText = _ref2.okText,
+      onCancel = _ref2.onCancel,
+      cancelText = _ref2.cancelText,
+      restConfig = (0, _objectWithoutPropertiesLoose2.default)(_ref2, _excluded2);
     return (0, _extends2.default)({
       footer: [{
         content: cancelText || function (locale) {
@@ -67,17 +62,13 @@
       }]
     }, restConfig);
   }
-
   var dialogId = 'ARCO_DIALOG';
-
   function alert(Component, normalize) {
     return (0, _methods.getOpenMethod)(Component, dialogId, normalize || normalizeAlert);
   }
-
   function confirm(Component, normalize) {
     return (0, _methods.getOpenMethod)(Component, dialogId, normalize || normalizeConfirm);
   }
-
   function open(Component) {
     return (0, _methods.open)(Component, dialogId);
   }

package/umd/divider/index.js

@@ -14,16 +14,12 @@
   "use strict";
 
   var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
   _exports.__esModule = true;
   _exports.default = void 0;
   _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; }
-
   /**
    * 划分内容的装饰线
    * @en A partitioning line element
@@ -34,18 +30,16 @@
    */
   var Divider = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     var _props$className = props.className,
-        className = _props$className === void 0 ? '' : _props$className,
-        style = props.style,
-        _props$hairline = props.hairline,
-        hairline = _props$hairline === void 0 ? true : _props$hairline,
-        _props$align = props.align,
-        align = _props$align === void 0 ? 'center' : _props$align,
-        width = props.width;
+      className = _props$className === void 0 ? '' : _props$className,
+      style = props.style,
+      _props$hairline = props.hairline,
+      hairline = _props$hairline === void 0 ? true : _props$hairline,
+      _props$align = props.align,
+      align = _props$align === void 0 ? 'center' : _props$align,
+      width = props.width;
     var domRef = (0, _react.useRef)(null);
-
     var _useContext = (0, _react.useContext)(_contextProvider.GlobalContext),
-        prefixCls = _useContext.prefixCls;
-
+      prefixCls = _useContext.prefixCls;
     var prefix = prefixCls + "-divider";
     var children = props.content || props.children;
     var hasCustomWidth = children && width !== undefined && align === 'center';
@@ -56,7 +50,6 @@
     });
     return /*#__PURE__*/_react.default.createElement(_contextProvider.ContextLayout, null, function () {
       var _cls;
-
       return /*#__PURE__*/_react.default.createElement("div", {
         className: (0, _mobileUtils.cls)(prefix, className, (_cls = {}, _cls[prefix + "--hairline"] = hairline, _cls[prefix + "--with-text " + prefix + "--text-" + align] = children, _cls[prefix + "--with-width"] = hasCustomWidth, _cls)),
         style: (0, _extends2.default)({}, style, hasCustomWidth ? (0, _helpers.getStyleWithVendor)({

package/umd/dropdown/dropdown.js

@@ -14,154 +14,135 @@
   "use strict";
 
   var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
   _exports.__esModule = true;
   _exports.componentGenerator = componentGenerator;
   _extends2 = _interopRequireDefault(_extends2);
   _react = _interopRequireWildcard(_react);
   _portal = _interopRequireDefault(_portal);
-
   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 optionsWrapper = (0, _react.useRef)(null);
       var domRef = (0, _react.useRef)(null);
       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$showDropdown = props.showDropdown,
-          showDropdown = _props$showDropdown === void 0 ? false : _props$showDropdown,
-          _props$showMask = props.showMask,
-          showMask = _props$showMask === void 0 ? true : _props$showMask,
-          _props$direction = props.direction,
-          direction = _props$direction === void 0 ? 'down' : _props$direction,
-          height = props.height,
-          _props$maxHeight = props.maxHeight,
-          maxHeight = _props$maxHeight === void 0 ? 500 : _props$maxHeight,
-          _props$touchToClose = props.touchToClose,
-          touchToClose = _props$touchToClose === void 0 ? true : _props$touchToClose,
-          useColumn = props.useColumn,
-          optionIcon = props.optionIcon,
-          multiple = props.multiple,
-          defaultSelectedValue = props.defaultSelectedValue,
-          onCancel = props.onCancel,
-          getAnchorElement = props.getAnchorElement,
-          isStopTouchEl = props.isStopTouchEl,
-          getStopTouchElements = props.getStopTouchElements,
-          _props$getScrollConta = props.getScrollContainer,
-          getScrollContainer = _props$getScrollConta === void 0 ? function () {
-        return optionsWrapper.current;
-      } : _props$getScrollConta,
-          getPortalContainer = props.getPortalContainer,
-          _props$clickOtherToCl = props.clickOtherToClose,
-          clickOtherToClose = _props$clickOtherToCl === void 0 ? true : _props$clickOtherToCl,
-          _props$dropdownAnimat = props.dropdownAnimationTimeout,
-          dropdownAnimationTimeout = _props$dropdownAnimat === void 0 ? 300 : _props$dropdownAnimat,
-          _props$dropdownAnimat2 = props.dropdownAnimationFunction,
-          dropdownAnimationFunction = _props$dropdownAnimat2 === void 0 ? 'cubic-bezier(0.32, 0.96, 0.6, 1)' : _props$dropdownAnimat2,
-          _props$maskAnimationT = props.maskAnimationTimeout,
-          maskAnimationTimeout = _props$maskAnimationT === void 0 ? 500 : _props$maskAnimationT,
-          _props$maskAnimationF = props.maskAnimationFunction,
-          maskAnimationFunction = _props$maskAnimationF === void 0 ? 'cubic-bezier(0.32, 0.96, 0.6, 1)' : _props$maskAnimationF,
-          _props$mountOnEnter = props.mountOnEnter,
-          mountOnEnter = _props$mountOnEnter === void 0 ? true : _props$mountOnEnter,
-          _props$unmountOnExit = props.unmountOnExit,
-          unmountOnExit = _props$unmountOnExit === void 0 ? true : _props$unmountOnExit,
-          _props$preventBodyScr = props.preventBodyScroll,
-          preventBodyScroll = _props$preventBodyScr === void 0 ? true : _props$preventBodyScr,
-          initialBodyOverflow = props.initialBodyOverflow;
+        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$showDropdown = props.showDropdown,
+        showDropdown = _props$showDropdown === void 0 ? false : _props$showDropdown,
+        _props$showMask = props.showMask,
+        showMask = _props$showMask === void 0 ? true : _props$showMask,
+        _props$direction = props.direction,
+        direction = _props$direction === void 0 ? 'down' : _props$direction,
+        height = props.height,
+        _props$maxHeight = props.maxHeight,
+        maxHeight = _props$maxHeight === void 0 ? 500 : _props$maxHeight,
+        _props$touchToClose = props.touchToClose,
+        touchToClose = _props$touchToClose === void 0 ? true : _props$touchToClose,
+        useColumn = props.useColumn,
+        optionIcon = props.optionIcon,
+        multiple = props.multiple,
+        defaultSelectedValue = props.defaultSelectedValue,
+        onCancel = props.onCancel,
+        getAnchorElement = props.getAnchorElement,
+        isStopTouchEl = props.isStopTouchEl,
+        getStopTouchElements = props.getStopTouchElements,
+        _props$getScrollConta = props.getScrollContainer,
+        getScrollContainer = _props$getScrollConta === void 0 ? function () {
+          return optionsWrapper.current;
+        } : _props$getScrollConta,
+        getPortalContainer = props.getPortalContainer,
+        _props$clickOtherToCl = props.clickOtherToClose,
+        clickOtherToClose = _props$clickOtherToCl === void 0 ? true : _props$clickOtherToCl,
+        _props$dropdownAnimat = props.dropdownAnimationTimeout,
+        dropdownAnimationTimeout = _props$dropdownAnimat === void 0 ? 300 : _props$dropdownAnimat,
+        _props$dropdownAnimat2 = props.dropdownAnimationFunction,
+        dropdownAnimationFunction = _props$dropdownAnimat2 === void 0 ? 'cubic-bezier(0.32, 0.96, 0.6, 1)' : _props$dropdownAnimat2,
+        _props$maskAnimationT = props.maskAnimationTimeout,
+        maskAnimationTimeout = _props$maskAnimationT === void 0 ? 500 : _props$maskAnimationT,
+        _props$maskAnimationF = props.maskAnimationFunction,
+        maskAnimationFunction = _props$maskAnimationF === void 0 ? 'cubic-bezier(0.32, 0.96, 0.6, 1)' : _props$maskAnimationF,
+        _props$mountOnEnter = props.mountOnEnter,
+        mountOnEnter = _props$mountOnEnter === void 0 ? true : _props$mountOnEnter,
+        _props$unmountOnExit = props.unmountOnExit,
+        unmountOnExit = _props$unmountOnExit === void 0 ? true : _props$unmountOnExit,
+        _props$preventBodyScr = props.preventBodyScroll,
+        preventBodyScroll = _props$preventBodyScr === void 0 ? true : _props$preventBodyScr,
+        initialBodyOverflow = props.initialBodyOverflow;
       var system = (0, _helpers.useSystem)();
-
       var _useWindowSize = (0, _helpers.useWindowSize)(),
-          windowHeight = _useWindowSize.windowHeight,
-          windowWidth = _useWindowSize.windowWidth;
-
+        windowHeight = _useWindowSize.windowHeight,
+        windowWidth = _useWindowSize.windowWidth;
       var _useState = (0, _react.useState)({
-        top: '',
-        bottom: ''
-      }),
-          positionStyle = _useState[0],
-          setPositionStyle = _useState[1];
-
+          top: '',
+          bottom: ''
+        }),
+        positionStyle = _useState[0],
+        setPositionStyle = _useState[1];
       var _useState2 = (0, _react.useState)(function () {
-        var defaultValue = multiple ? [] : 0;
-        return defaultSelectedValue !== void 0 ? defaultSelectedValue : defaultValue;
-      }),
-          innerValue = _useState2[0],
-          setInnerValue = _useState2[1]; // down=0为向上展开，1为向下展开
-      // @en down=0 is to expand upwards, 1 is to expand downwards
-
+          var defaultValue = multiple ? [] : 0;
+          return defaultSelectedValue !== void 0 ? defaultSelectedValue : defaultValue;
+        }),
+        innerValue = _useState2[0],
+        setInnerValue = _useState2[1];
 
+      // down=0为向上展开，1为向下展开
+      // @en down=0 is to expand upwards, 1 is to expand downwards
       var _useState3 = (0, _react.useState)(null),
-          down = _useState3[0],
-          setDown = _useState3[1];
-
+        down = _useState3[0],
+        setDown = _useState3[1];
       var maskHeight = (0, _react.useRef)(0);
       var optionsContainer = (0, _react.useRef)(null);
       var dropdownContainer = (0, _react.useRef)(null);
-
       var _useState4 = (0, _react.useState)(0),
-          optionsWrapperHeight = _useState4[0],
-          setOptionsWrapperHeight = _useState4[1];
+        optionsWrapperHeight = _useState4[0],
+        setOptionsWrapperHeight = _useState4[1];
+
       /**
        * 判断是否阻止touch事件
        * @en Determine whether to block touch events
        * */
 
-
       var ifStopTouch = function ifStopTouch(el) {
         var _dropdownContainer$cu;
-
         if (isStopTouchEl) return isStopTouchEl(el);
         var tempEl = el;
         var elements = getStopTouchElements ? getStopTouchElements() : [(_dropdownContainer$cu = dropdownContainer.current) == null ? void 0 : _dropdownContainer$cu.parentElement];
-
         for (var i = 0; i < elements.length; i++) {
           while (tempEl && elements[i]) {
             if (tempEl === elements[i]) {
               return true;
             }
-
             tempEl = tempEl.parentElement;
           }
         }
-
         return false;
       };
-
       (0, _helpers.usePopupScroll)(showDropdown, domRef.current, getScrollContainer);
       (0, _helpers.usePreventBodyScroll)(showDropdown, preventBodyScroll, initialBodyOverflow);
       var updateDown = (0, _react.useCallback)(function (wrapperHeight) {
         var _dropdownContainer$cu2;
-
         // 为0的时候不改变
         // @en Does not change when it is 0
         if (wrapperHeight === 0) {
           return;
         }
-
         var tempEl = getAnchorElement ? getAnchorElement() : (_dropdownContainer$cu2 = dropdownContainer.current) == null ? void 0 : _dropdownContainer$cu2.parentElement;
-
         var _ref = (tempEl == null ? void 0 : tempEl.getBoundingClientRect()) || {
-          bottom: 0,
-          top: 0
-        },
-            bottom = _ref.bottom,
-            top = _ref.top;
-
+            bottom: 0,
+            top: 0
+          },
+          bottom = _ref.bottom,
+          top = _ref.top;
         var tempTop = props.top || bottom;
         var tempBottom = props.bottom || windowHeight - top;
-        var tempMaskHeight = windowHeight - tempTop; // 没有指定方向，且空间足够时，或向上展开的空间不够，向下展开
+        var tempMaskHeight = windowHeight - tempTop;
+        // 没有指定方向，且空间足够时，或向上展开的空间不够，向下展开
         // @en If there is no specified direction and there is enough space, or there is not enough space to expand upward, expand downward
-
         var tempDown = direction !== 'up' && wrapperHeight < tempMaskHeight || wrapperHeight > tempTop;
-
         if (tempDown) {
           maskHeight.current = tempMaskHeight;
           setPositionStyle({
@@ -175,42 +156,35 @@
             bottom: tempBottom + "px"
           });
         }
-
         setDown(tempDown);
       }, [props.top, props.bottom, Boolean(getAnchorElement), direction, windowHeight]);
+
       /**
        * 取消选择
        * @en Cancel selection
        * */
-
       var handleCancel = (0, _react.useCallback)(function (e) {
         var optionsWrapperDom = optionsWrapper.current;
-
         if (!e || !optionsWrapperDom) {
           return;
         }
-
         var target = e.target;
-
         if (!optionsWrapperDom.contains(target) && !ifStopTouch(target)) {
           onCancel();
         }
-
         e.stopPropagation();
       }, [ifStopTouch, onCancel]);
+
       /**
        * 当面板放下时，给body添加事件监听，面板收起时，移除
        * @en When the panel is down, add an event listener to the body, and when the panel is retracted, remove it
        * */
-
       (0, _react.useEffect)(function () {
         var needBind = showDropdown && clickOtherToClose;
         var event = touchToClose ? 'touchstart' : 'click';
-
         if (needBind) {
           document.addEventListener(event, handleCancel);
         }
-
         return function () {
           if (needBind) {
             document.removeEventListener(event, handleCancel);
@@ -219,21 +193,18 @@
       }, [showDropdown, clickOtherToClose, handleCancel]);
       (0, _react.useEffect)(function () {
         var wrapperHeight = 0;
-
         if (height !== void 0) {
           // 受控模式下，完全交由外层控制
           // @en In controlled mode, it is completely controlled by the outer layer
           wrapperHeight = height;
         } else {
           if (!optionsContainer.current) return;
-
           if (!showDropdown) {
             wrapperHeight = 0;
           } else {
             wrapperHeight = optionsContainer.current.getBoundingClientRect().height;
           }
         }
-
         updateDown(wrapperHeight);
         (0, _mobileUtils.nextTick)(function () {
           setOptionsWrapperHeight(wrapperHeight);
@@ -244,7 +215,6 @@
           dom: domRef.current
         };
       });
-
       function getOptionsStyle() {
         var trans = down ? 'translateY(-100%)' : 'translateY(100%)';
         var transStyle = down === null ? {
@@ -259,7 +229,6 @@
           maxHeight: maxHeight + "px"
         }));
       }
-
       function renderInnerOptions() {
         var value = props.selectedValue !== void 0 ? props.selectedValue : innerValue;
         var optionProps = {
@@ -276,7 +245,6 @@
         };
         return /*#__PURE__*/_react.default.createElement(Comp, optionProps);
       }
-
       return /*#__PURE__*/_react.default.createElement(_contextProvider.ContextLayout, null, function (_ref2) {
         var prefixCls = _ref2.prefixCls;
         return /*#__PURE__*/_react.default.createElement("div", {

package/umd/dropdown/index.js

@@ -14,7 +14,6 @@
   "use strict";
 
   var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
   _exports.__esModule = true;
   var _exportNames = {};
   _exports.default = void 0;
@@ -26,6 +25,7 @@
     _exports[key] = _type[key];
   });
   var Dropdown = (0, _dropdown.componentGenerator)(_options.default);
+
   /**
    * 下拉面板，展示供选择的选择项
    * @en Dropdown panel, showing options to choose from
@@ -34,10 +34,8 @@
    * @name 下拉面板
    * @name_en Dropdown
    */
-
   var _default = (0, _mobileUtils.componentWrapper)(Dropdown, {
     Options: _options.default
   });
-
   _exports.default = _default;
 });