@arco-design/mobile-react 2.24.2 → 2.25.1

package/esm/dialog/index.js

@@ -11,40 +11,37 @@ export * from './methods';
 var Dialog = /*#__PURE__*/forwardRef(function (props, ref) {
   var system = 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 ? 450 : _props$contentTransit2,
-      extra = props.extra,
-      restProps = _objectWithoutPropertiesLoose(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 ? 450 : _props$contentTransit2,
+    extra = props.extra,
+    restProps = _objectWithoutPropertiesLoose(props, _excluded);
   var maskingRef = useRef(null);
   var contentRef = useRef(null);
   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,
@@ -52,17 +49,13 @@ var Dialog = /*#__PURE__*/forwardRef(function (props, ref) {
       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) {
@@ -71,10 +64,9 @@ var Dialog = /*#__PURE__*/forwardRef(function (props, ref) {
       });
     }
   }
-
   function renderDialog(_ref) {
     var prefixCls = _ref.prefixCls,
-        locale = _ref.locale;
+      locale = _ref.locale;
     var prefix = prefixCls + "-dialog";
     return /*#__PURE__*/React.createElement(Masking, _extends({
       close: close,
@@ -113,7 +105,6 @@ var Dialog = /*#__PURE__*/forwardRef(function (props, ref) {
       }, typeof btn.content === 'function' ? btn.content(locale) : btn.content);
     })) : null, extra ? /*#__PURE__*/React.createElement("section", null, extra) : null));
   }
-
   return /*#__PURE__*/React.createElement(ContextLayout, null, renderDialog);
 });
 export function methodsGenerator(Comp) {
@@ -125,7 +116,6 @@ export function methodsGenerator(Comp) {
      * @returns {{ close: () => void; update: (newConfig: AlertOptions & DialogProps) => void; }}
      */
     alert: alert(Comp),
-
     /**
      * 打开提示框(含一个确认按钮和一个取消按钮)
      * @desc {en} Open a prompt dialog (with a confirm button and a cancel button)
@@ -133,7 +123,6 @@ export function methodsGenerator(Comp) {
      * @returns {{ close: () => void; update: (newConfig: ConfirmOptions & AlertOptions) => void; }}
      */
     confirm: confirm(Comp),
-
     /**
      * 打开常规对话框
      * @desc {en} Open the general dialog
@@ -144,6 +133,7 @@ export function methodsGenerator(Comp) {
   };
 }
 var DialogWithGlobalContext = 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.
@@ -152,5 +142,4 @@ var DialogWithGlobalContext = CompWithGlobalContext(Dialog);
  * @name 对话框
  * @name_en Dialog
  */
-
 export default componentWrapper(Dialog, methodsGenerator(DialogWithGlobalContext));

package/esm/dialog/methods.js

@@ -1,14 +1,13 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 var _excluded = ["onOk", "okText"],
-    _excluded2 = ["onOk", "okText", "onCancel", "cancelText"];
+  _excluded2 = ["onOk", "okText", "onCancel", "cancelText"];
 import { getOpenMethod, open as maskingOpen } from '../masking/methods';
 export function normalizeAlert(config) {
   var _ref = config || {},
-      onOk = _ref.onOk,
-      okText = _ref.okText,
-      restConfig = _objectWithoutPropertiesLoose(_ref, _excluded);
-
+    onOk = _ref.onOk,
+    okText = _ref.okText,
+    restConfig = _objectWithoutPropertiesLoose(_ref, _excluded);
   return _extends({
     footer: [{
       content: okText || function (locale) {
@@ -21,12 +20,11 @@ export function normalizeAlert(config) {
 }
 export function normalizeConfirm(config) {
   var _ref2 = config || {},
-      onOk = _ref2.onOk,
-      okText = _ref2.okText,
-      onCancel = _ref2.onCancel,
-      cancelText = _ref2.cancelText,
-      restConfig = _objectWithoutPropertiesLoose(_ref2, _excluded2);
-
+    onOk = _ref2.onOk,
+    okText = _ref2.okText,
+    onCancel = _ref2.onCancel,
+    cancelText = _ref2.cancelText,
+    restConfig = _objectWithoutPropertiesLoose(_ref2, _excluded2);
   return _extends({
     footer: [{
       content: cancelText || function (locale) {

package/esm/dialog/style/css/index.css

@@ -9,7 +9,8 @@
     -webkit-transform: scale(1);
             transform: scale(1);
   }
-}@keyframes fade-scale-on {
+}
+@keyframes fade-scale-on {
   0% {
     opacity: 0;
     -webkit-transform: scale(0.5);

package/esm/dropdown/dropdown.js

@@ -10,138 +10,123 @@ export function componentGenerator(Comp) {
     var optionsWrapper = useRef(null);
     var domRef = 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 = useSystem();
-
     var _useWindowSize = useWindowSize(),
-        windowHeight = _useWindowSize.windowHeight,
-        windowWidth = _useWindowSize.windowWidth;
-
+      windowHeight = _useWindowSize.windowHeight,
+      windowWidth = _useWindowSize.windowWidth;
     var _useState = useState({
-      top: '',
-      bottom: ''
-    }),
-        positionStyle = _useState[0],
-        setPositionStyle = _useState[1];
-
+        top: '',
+        bottom: ''
+      }),
+      positionStyle = _useState[0],
+      setPositionStyle = _useState[1];
     var _useState2 = 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 = useState(null),
-        down = _useState3[0],
-        setDown = _useState3[1];
-
+      down = _useState3[0],
+      setDown = _useState3[1];
     var maskHeight = useRef(0);
     var optionsContainer = useRef(null);
     var dropdownContainer = useRef(null);
-
     var _useState4 = 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;
     };
-
     usePopupScroll(showDropdown, domRef.current, getScrollContainer);
     usePreventBodyScroll(showDropdown, preventBodyScroll, initialBodyOverflow);
     var updateDown = 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({
@@ -155,42 +140,35 @@ export function componentGenerator(Comp) {
           bottom: tempBottom + "px"
         });
       }
-
       setDown(tempDown);
     }, [props.top, props.bottom, Boolean(getAnchorElement), direction, windowHeight]);
+
     /**
      * 取消选择
      * @en Cancel selection
      * */
-
     var handleCancel = 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
      * */
-
     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);
@@ -199,21 +177,18 @@ export function componentGenerator(Comp) {
     }, [showDropdown, clickOtherToClose, handleCancel]);
     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);
       nextTick(function () {
         setOptionsWrapperHeight(wrapperHeight);
@@ -224,7 +199,6 @@ export function componentGenerator(Comp) {
         dom: domRef.current
       };
     });
-
     function getOptionsStyle() {
       var trans = down ? 'translateY(-100%)' : 'translateY(100%)';
       var transStyle = down === null ? {
@@ -239,7 +213,6 @@ export function componentGenerator(Comp) {
         maxHeight: maxHeight + "px"
       }));
     }
-
     function renderInnerOptions() {
       var value = props.selectedValue !== void 0 ? props.selectedValue : innerValue;
       var optionProps = {
@@ -256,7 +229,6 @@ export function componentGenerator(Comp) {
       };
       return /*#__PURE__*/React.createElement(Comp, optionProps);
     }
-
     return /*#__PURE__*/React.createElement(ContextLayout, null, function (_ref2) {
       var prefixCls = _ref2.prefixCls;
       return /*#__PURE__*/React.createElement("div", {

package/esm/dropdown/index.js

@@ -3,6 +3,7 @@ import Options from './options';
 import { componentGenerator } from './dropdown';
 export * from './type';
 var Dropdown = componentGenerator(Options);
+
 /**
  * 下拉面板，展示供选择的选择项
  * @en Dropdown panel, showing options to choose from
@@ -11,7 +12,6 @@ var Dropdown = componentGenerator(Options);
  * @name 下拉面板
  * @name_en Dropdown
  */
-
 export default componentWrapper(Dropdown, {
   Options: Options
 });

package/esm/dropdown/options.js

@@ -4,22 +4,19 @@ import { GlobalContext } from '../context-provider';
 import IconCheck from '../icon/IconCheck';
 var Options = /*#__PURE__*/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 = useContext(GlobalContext),
-      prefixCls = _useContext.prefixCls;
-
+    prefixCls = _useContext.prefixCls;
   var _useState = 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 = useMemo(function () {
     return selectedValue === void 0 ? innerValue : selectedValue;
   }, [selectedValue, innerValue]);
@@ -34,19 +31,17 @@ var Options = /*#__PURE__*/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);
@@ -60,14 +55,11 @@ var Options = /*#__PURE__*/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.createElement("div", {
     ref: domRef,
     className: cls(prefixCls + "-dropdown-options-wrap", {