@arco-design/mobile-react 2.19.0

package/umd/dialog/style/index.less

@@ -0,0 +1,262 @@
+@import "../../../style/mixin.less";
+
+@keyframes fade-scale-on {
+
+    0% {
+        opacity: 0; transform: scale(.5); }
+
+    100% {
+        opacity: 1; transform: scale(1); }
+}
+
+@keyframes fade-scale-off {
+
+    0% {
+        opacity: 1; transform: scale(1); }
+
+    100% {
+        opacity: 0; transform: scale(.5); }
+}
+
+.@{prefix}-fade-scale-enter-active {
+    animation: fade-scale-on .45s cubic-bezier(.2, 1.23, .25, 1) forwards;
+}
+
+.@{prefix}-fade-scale-exit-active {
+    animation: fade-scale-off .15s cubic-bezier(.48, .04, .52, .96) forwards;
+}
+
+.@{prefix}-dialog {
+
+    &-mask,
+    &-container {
+        position: fixed;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+    }
+
+    &-mask {
+        z-index: @full-screen-z-index;
+        .use-var(background, dialog-mask-background);
+    }
+
+    &-container {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        z-index: @full-screen-z-index + 1;
+        pointer-events: none;
+    }
+
+    &-content {
+        position: relative;
+        .use-var(width, dialog-content-width);
+        pointer-events: visible;
+
+        &.android {
+            .use-var(width, dialog-content-android-width);
+        }
+    }
+
+    &-container.pre-mount &-content,
+    &-container[class*="-exit-done"] &-content {
+        pointer-events: none;
+    }
+
+    &-part {
+        .use-var(background, dialog-content-background);
+
+        &.android {
+
+            &:first-of-type {
+                .use-var(border-top-left-radius, dialog-content-android-border-radius);
+                .use-var(border-top-right-radius, dialog-content-android-border-radius);
+            }
+
+            &:last-of-type {
+                .use-var(border-bottom-left-radius, dialog-content-android-border-radius);
+                .use-var(border-bottom-right-radius, dialog-content-android-border-radius);
+            }
+        }
+
+        &.ios {
+
+            &:first-of-type {
+                .use-var(border-top-left-radius, dialog-content-border-radius);
+                .use-var(border-top-right-radius, dialog-content-border-radius);
+            }
+
+            &:last-of-type {
+                .use-var(border-bottom-left-radius, dialog-content-border-radius);
+                .use-var(border-bottom-right-radius, dialog-content-border-radius);
+            }
+        }
+    }
+
+    &-header {
+        position: relative;
+
+        &.ios {
+            text-align: center;
+            .use-var(padding-top, dialog-ios-vertical-padding);
+            .use-var(padding-left, dialog-ios-horizontal-padding);
+            .use-var(padding-right, dialog-ios-horizontal-padding);
+            .use-var(font-size, dialog-header-ios-font-size);
+            .use-var(line-height, dialog-header-ios-line-height);
+            .text-medium-var(dialog-header-ios-color);
+
+            &.only-title {
+                .use-var(padding-bottom, dialog-ios-vertical-padding);
+            }
+        }
+
+        &.android {
+            .use-var(color, dialog-header-android-color);
+        }
+    }
+
+    &-body {
+
+        &.ios {
+            .use-var(padding-top, dialog-ios-header-body-gutter);
+            .use-var(padding-left, dialog-ios-horizontal-padding);
+            .use-var(padding-right, dialog-ios-horizontal-padding);
+            .use-var(padding-bottom, dialog-ios-vertical-padding);
+            .use-var(color, dialog-body-ios-color);
+            .use-var(font-size, dialog-body-ios-font-size);
+            .use-var(line-height, dialog-body-ios-line-height);
+
+            &.sub-title {
+                .use-var(padding-top, dialog-ios-vertical-padding);
+            }
+        }
+
+        &.android {
+            .use-var(padding-top, dialog-android-header-body-gutter);
+            .use-var(padding-left, dialog-android-horizontal-padding);
+            .use-var(padding-right, dialog-android-horizontal-padding);
+            .use-var(color, dialog-body-android-color);
+            .use-var(font-size, dialog-body-android-font-size);
+            .use-var(line-height, dialog-body-android-line-height);
+        }
+    }
+
+    &-header,
+    &-body {
+
+        &.left {
+            text-align: left;
+        }
+
+        &.center {
+            text-align: center;
+        }
+
+        &.right {
+            text-align: right;
+        }
+    }
+
+    &-header,
+    &-body.sub-title {
+
+        &.android {
+            .use-var(padding-top, dialog-android-vertical-padding);
+            .use-var(padding-left, dialog-android-horizontal-padding);
+            .use-var(padding-right, dialog-android-horizontal-padding);
+            .use-var(font-size, dialog-header-android-font-size);
+            .use-var(line-height, dialog-header-android-line-height);
+        }
+
+        &.ios {
+            .use-var(color, dialog-header-ios-color);
+        }
+    }
+
+    &-footer {
+        display: flex;
+        align-items: center;
+
+        &.android {
+            .use-var(padding-left, dialog-android-horizontal-padding);
+            .use-var(padding-right, dialog-android-horizontal-padding);
+            .use-var(padding-top, dialog-android-body-footer-gutter);
+            .use-var(padding-bottom, dialog-android-vertical-padding);
+            justify-content: flex-end;
+            text-align: right;
+
+            .dialog-footer-button {
+                .use-var(color, dialog-footer-android-color);
+                .use-var(font-size, dialog-footer-android-font-size);
+                .use-var(line-height, dialog-footer-android-line-height);
+
+                &:not(:last-child) {
+                    .use-var(margin-right, dialog-footer-android-button-gutter);
+                }
+            }
+        }
+
+        &.ios {
+            overflow: hidden;
+
+            .dialog-footer-button {
+                display: flex;
+                justify-content: center;
+                align-items: center;
+                .use-var(height, dialog-footer-ios-height);
+                .use-var(font-size, dialog-footer-ios-font-size);
+                .use-var(color, dialog-footer-ios-color);
+            }
+
+            &:not(.collapsed):not(.type-button) {
+                .onepx-border-var(top, line-color);
+
+                .dialog-footer-button {
+                    flex: 1;
+
+                    &:not(:last-child) {
+                        .onepx-border-var(right, line-color);
+                    }
+                }
+            }
+
+            &.collapsed {
+                flex-direction: column;
+
+                .dialog-footer-button {
+                    width: 100%;
+                    .onepx-border-var(top, line-color);
+                }
+            }
+
+            &.type-button {
+                flex-direction: column;
+                .use-var(padding-left, dialog-ios-horizontal-padding);
+                .use-var(padding-right, dialog-ios-horizontal-padding);
+                .use-var(padding-bottom, dialog-ios-vertical-padding);
+
+                .dialog-footer-button {
+                    width: 100%;
+                    .use-var(border-radius, dialog-button-footer-border-radius);
+                    .use-var(height, dialog-button-footer-height);
+
+                    &:first-child {
+                        .use-var(color, dialog-button-footer-primary-color);
+                        .use-var(background, dialog-button-footer-primary-background);
+                    }
+
+                    &:not(:first-child) {
+                        .use-var(color, dialog-button-footer-color);
+                        .use-var(margin-top, dialog-button-footer-gutter);
+                    }
+
+                    &:last-child {
+                        .rem(margin-bottom, -7);
+                    }
+                }
+            }
+        }
+    }
+}

package/umd/dropdown/demo/style/css/mobile.css

@@ -0,0 +1,5 @@
+.demo-dropdown-option-desc {
+  font-size: 0.32rem;
+  padding: 0.32rem;
+  font-weight: bold;
+}

package/umd/dropdown/demo/style/mobile.less

@@ -0,0 +1,7 @@
+@import '../../../../style/mixin.less';
+
+.demo-dropdown-option-desc {
+    .rem(font-size, 16);
+    .rem(padding, 16);
+    font-weight: bold;
+}

package/umd/dropdown/index.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { DropdownRef } from './type';
+export * from './type';
+declare const _default: React.ForwardRefExoticComponent<(import("./type").DropdownBasicProps & import("./type").SingleOptionProps & React.RefAttributes<DropdownRef>) | (import("./type").DropdownBasicProps & import("./type").MultipleOptionProps & React.RefAttributes<DropdownRef>)> & {
+    Options: React.ForwardRefExoticComponent<(import("./type").DropdownOptionsBasicProps & import("./type").SingleOptionProps & React.RefAttributes<import("./type").DropdownOptionsRef>) | (import("./type").DropdownOptionsBasicProps & import("./type").MultipleOptionProps & React.RefAttributes<import("./type").DropdownOptionsRef>)>;
+};
+/**
+ * 下拉面板，展示供选择的选择项
+ * @en Dropdown panel, showing options to choose from
+ * @type 导航
+ * @type_en Navigation
+ * @name 下拉面板
+ * @name_en Dropdown
+ */
+export default _default;

package/umd/dropdown/index.js

@@ -0,0 +1,336 @@
+(function (global, factory) {
+  if (typeof define === "function" && define.amd) {
+    define(["exports", "@babel/runtime/helpers/extends", "react", "@arco-design/mobile-utils", "react-transition-group", "../context-provider", "../_helpers", "../portal", "./options", "./type"], factory);
+  } else if (typeof exports !== "undefined") {
+    factory(exports, require("@babel/runtime/helpers/extends"), require("react"), require("@arco-design/mobile-utils"), require("react-transition-group"), require("../context-provider"), require("../_helpers"), require("../portal"), require("./options"), require("./type"));
+  } else {
+    var mod = {
+      exports: {}
+    };
+    factory(mod.exports, global._extends, global.react, global.mobileUtils, global.reactTransitionGroup, global.contextProvider, global._helpers, global.portal, global.options, global.type);
+    global.index = mod.exports;
+  }
+})(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_exports, _extends2, _react, _mobileUtils, _reactTransitionGroup, _contextProvider, _helpers, _portal, _options, _type) {
+  "use strict";
+
+  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+  _exports.__esModule = true;
+  var _exportNames = {};
+  _exports.default = void 0;
+  _extends2 = _interopRequireDefault(_extends2);
+  _react = _interopRequireWildcard(_react);
+  _portal = _interopRequireDefault(_portal);
+  _options = _interopRequireDefault(_options);
+  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];
+  });
+
+  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 Dropdown = /*#__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,
+        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;
+
+    var _useState = (0, _react.useState)({
+      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 _useState3 = (0, _react.useState)(direction === 'down'),
+        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];
+    /**
+     * 判断是否阻止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);
+    (0, _react.useEffect)(function () {
+      var _dropdownContainer$cu2;
+
+      // 为0的时候不改变
+      // @en Does not change when it is 0
+      if (optionsWrapperHeight === 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;
+
+      var tempTop = props.top || bottom;
+      var tempBottom = props.bottom || windowHeight - top;
+      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' && optionsWrapperHeight < tempMaskHeight || optionsWrapperHeight > tempTop;
+
+      if (tempDown) {
+        maskHeight.current = tempMaskHeight;
+        setPositionStyle({
+          top: tempTop + "px",
+          bottom: ''
+        });
+      } else {
+        maskHeight.current = windowHeight - tempBottom;
+        setPositionStyle({
+          top: '',
+          bottom: tempBottom + "px"
+        });
+      }
+
+      setDown(tempDown);
+    }, [dropdownContainer, optionsWrapperHeight, 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);
+        }
+      };
+    }, [showDropdown, clickOtherToClose, handleCancel]);
+    (0, _react.useEffect)(function () {
+      (0, _mobileUtils.nextTick)(function () {
+        if (height !== void 0) {
+          // 受控模式下，完全交由外层控制
+          // @en In controlled mode, it is completely controlled by the outer layer
+          setOptionsWrapperHeight(height);
+        } else {
+          if (!optionsContainer.current) return;
+          if (!showDropdown) setOptionsWrapperHeight(0);else {
+            setOptionsWrapperHeight(optionsContainer.current.getBoundingClientRect().height);
+          }
+        }
+      });
+    }, [showDropdown, options.length, height]);
+    (0, _react.useImperativeHandle)(ref, function () {
+      return {
+        dom: domRef.current
+      };
+    });
+
+    function getOptionsStyle() {
+      var trans = down ? 'translateY(-100%)' : 'translateY(100%)';
+      return (0, _helpers.getStyleWithVendor)({
+        // height: `${optionsWrapperHeight}px`,
+        transform: optionsWrapperHeight ? '' : trans,
+        transition: "transform " + dropdownAnimationTimeout + "ms " + dropdownAnimationFunction,
+        overflow: optionsWrapperHeight > maxHeight || height ? 'auto' : 'hidden',
+        maxHeight: maxHeight + "px"
+      });
+    }
+
+    function renderInnerOptions() {
+      var optionProps = {
+        options: options,
+        useColumn: useColumn
+      };
+      var value = props.selectedValue !== void 0 ? props.selectedValue : innerValue;
+      return props.multiple === true ? /*#__PURE__*/_react.default.createElement(_options.default, (0, _extends2.default)({}, optionProps, {
+        multiple: true,
+        selectedValue: value,
+        onOptionClick: props.onOptionClick,
+        onOptionChange: function onOptionChange(vals, op) {
+          setInnerValue(vals);
+          props.onOptionChange == null ? void 0 : props.onOptionChange(vals, op);
+        }
+      })) : /*#__PURE__*/_react.default.createElement(_options.default, (0, _extends2.default)({}, optionProps, {
+        multiple: props.multiple,
+        selectedValue: value,
+        onOptionClick: props.onOptionClick,
+        onOptionChange: function onOptionChange(vals, op) {
+          setInnerValue(vals);
+          props.onOptionChange == null ? void 0 : props.onOptionChange(vals, op);
+        }
+      }));
+    }
+
+    return /*#__PURE__*/_react.default.createElement(_contextProvider.ContextLayout, null, function (_ref2) {
+      var prefixCls = _ref2.prefixCls;
+      return /*#__PURE__*/_react.default.createElement("div", {
+        ref: dropdownContainer
+      }, /*#__PURE__*/_react.default.createElement(_portal.default, {
+        getContainer: getPortalContainer
+      }, /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.CSSTransition, {
+        in: showDropdown,
+        timeout: Math.max(dropdownAnimationTimeout, maskAnimationTimeout),
+        onEnter: function onEnter(el) {
+          el.style.visibility = 'visible';
+        },
+        onExited: function onExited(el) {
+          el.style.visibility = 'hidden';
+        },
+        mountOnEnter: mountOnEnter,
+        unmountOnExit: unmountOnExit
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: (0, _mobileUtils.cls)(prefixCls + "-dropdown all-border-box", system, className, {
+          'drop-up': !down
+        }),
+        ref: domRef,
+        style: (0, _extends2.default)({
+          height: maskHeight.current + "px",
+          maxWidth: windowWidth + "px"
+        }, style, positionStyle)
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: (0, _mobileUtils.cls)(prefixCls + "-dropdown-options"),
+        ref: optionsWrapper,
+        style: getOptionsStyle()
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: (0, _mobileUtils.cls)(prefixCls + "-dropdown-options-container"),
+        ref: optionsContainer
+      }, props.children || renderInnerOptions(), props.extraNode)), showMask && /*#__PURE__*/_react.default.createElement("div", {
+        className: (0, _mobileUtils.cls)(prefixCls + "-dropdown-mask", {
+          'is-show': optionsWrapperHeight
+        }),
+        style: {
+          transition: "opacity " + maskAnimationTimeout + "ms " + maskAnimationFunction
+        }
+      })))));
+    });
+  });
+  /**
+   * 下拉面板，展示供选择的选择项
+   * @en Dropdown panel, showing options to choose from
+   * @type 导航
+   * @type_en Navigation
+   * @name 下拉面板
+   * @name_en Dropdown
+   */
+
+  var _default = (0, _mobileUtils.componentWrapper)(Dropdown, {
+    Options: _options.default
+  });
+
+  _exports.default = _default;
+});

package/umd/dropdown/options.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { DropdownOptionsRef } from './type';
+declare const Options: React.ForwardRefExoticComponent<(import("./type").DropdownOptionsBasicProps & import("./type").SingleOptionProps & React.RefAttributes<DropdownOptionsRef>) | (import("./type").DropdownOptionsBasicProps & import("./type").MultipleOptionProps & React.RefAttributes<DropdownOptionsRef>)>;
+export default Options;