react-vant-nova 1.0.0-test

package/lib/divider/index.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Divider", {
+  enumerable: true,
+  get: function () {
+    return _Divider.default;
+  }
+});
+require("./style/index.css");
+var _Divider = _interopRequireDefault(require("./Divider"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/lib/divider/style/index.css

@@ -0,0 +1,72 @@
+:root {
+  --rv-divider-margin: var(--rv-padding-md) 0;
+  --rv-divider-text-color: var(--rv-gray-6);
+  --rv-divider-font-size: var(--rv-font-size-md);
+  --rv-divider-line-height: 24px;
+  --rv-divider-border-color: var(--rv-border-color);
+  --rv-divider-content-padding: var(--rv-padding-md);
+  --rv-divider-content-left-width: 10%;
+  --rv-divider-content-right-width: 10%;
+}
+.rv-divider {
+  display: flex;
+  align-items: center;
+  margin: var(--rv-divider-margin);
+  color: var(--rv-divider-text-color);
+  font-size: var(--rv-divider-font-size);
+  line-height: var(--rv-divider-line-height);
+  border-color: var(--rv-divider-border-color);
+  border-style: solid;
+  border-width: 0;
+}
+.rv-divider::before,
+.rv-divider::after {
+  display: block;
+  flex: 1;
+  box-sizing: border-box;
+  height: 1px;
+  border-color: inherit;
+  border-style: inherit;
+  border-width: var(--rv-border-width-base) 0 0;
+}
+.rv-divider::before {
+  content: '';
+}
+.rv-divider--vertical {
+  position: relative;
+  top: -0.06em;
+  display: inline-block;
+  height: 0.9em;
+  vertical-align: middle;
+  border-top: 0;
+  margin: 0;
+  border-left-width: var(--rv-border-width-base);
+}
+.rv-divider--vertical::before,
+.rv-divider--vertical::after {
+  content: none;
+}
+.rv-divider--hairline::before,
+.rv-divider--hairline::after {
+  transform: scaleY(0.5);
+}
+.rv-divider--dashed {
+  border-style: dashed;
+}
+.rv-divider--content-center::before,
+.rv-divider--content-left::before,
+.rv-divider--content-right::before {
+  margin-right: var(--rv-divider-content-padding);
+}
+.rv-divider--content-center::after,
+.rv-divider--content-left::after,
+.rv-divider--content-right::after {
+  margin-left: var(--rv-divider-content-padding);
+  content: '';
+}
+.rv-divider--content-left::before {
+  max-width: var(--rv-divider-content-left-width);
+}
+.rv-divider--content-right::after {
+  max-width: var(--rv-divider-content-right-width);
+}

package/lib/dropdown-menu/DropdownMenu.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { DropdownMenuInstance, DropdownMenuProps } from './PropsType';
+declare const DropdownMenu: React.ForwardRefExoticComponent<DropdownMenuProps & React.RefAttributes<DropdownMenuInstance>>;
+export default DropdownMenu;

package/lib/dropdown-menu/DropdownMenu.js

@@ -0,0 +1,235 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+function _react() {
+  const data = _interopRequireWildcard(require("react"));
+  _react = function () {
+    return data;
+  };
+  return data;
+}
+function _jsxRuntime() {
+  const data = require("react/jsx-runtime");
+  _jsxRuntime = function () {
+    return data;
+  };
+  return data;
+}
+function _clsx() {
+  const data = _interopRequireDefault(require("clsx"));
+  _clsx = function () {
+    return data;
+  };
+  return data;
+}
+var _utils = require("../utils");
+var _useEventListener = _interopRequireDefault(require("../hooks/use-event-listener"));
+var _useScrollParent = _interopRequireDefault(require("../hooks/use-scroll-parent"));
+var _useRect = require("../hooks/use-rect");
+var _useRefs = _interopRequireDefault(require("../hooks/use-refs"));
+var _DropdownMenuContext = _interopRequireDefault(require("./DropdownMenuContext"));
+var _hooks = require("../hooks");
+var _useClickAway = _interopRequireDefault(require("../hooks/use-click-away"));
+var _useMergedState = _interopRequireDefault(require("../hooks/use-merged-state"));
+var _getDefaultProps = require("../utils/get-default-props");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const [bem] = (0, _utils.createNamespace)('dropdown-menu');
+const DropdownMenu = (0, _react().forwardRef)((p, ref) => {
+  const props = (0, _getDefaultProps.mergeProps)(p, {
+    duration: 200,
+    overlay: true,
+    closeOnClickOutside: true,
+    closeOnClickOverlay: true,
+    direction: 'down',
+    defaultValue: {},
+    teleport: () => document.body
+  });
+  const [innerValue = {}, setInnerValue] = (0, _useMergedState.default)({
+    value: props.value,
+    defaultValue: props.defaultValue
+  });
+  const [childrenRefs, setChildrenRefs] = (0, _useRefs.default)();
+  const [showPopupIndex, setShowPopupIndex] = (0, _react().useState)(null);
+  const showPopupIndexRef = (0, _react().useRef)();
+  const root = (0, _react().useRef)();
+  const barRef = (0, _react().useRef)();
+  const offset = (0, _react().useRef)(0);
+  const isToggleEvent = (0, _react().useRef)(false);
+  const rect = (0, _react().useRef)({
+    bottom: 0,
+    top: 0
+  });
+  const innerEffect = (0, _react().useRef)(false);
+  const opened = (0, _react().useMemo)(() => showPopupIndex !== null, [showPopupIndex]);
+  const barStyle = () => {
+    if (opened && (0, _utils.isDef)(props.zIndex)) {
+      return {
+        zIndex: +props.zIndex + 1
+      };
+    }
+    return {};
+  };
+  const updateShowPopupIndex = current => {
+    showPopupIndexRef.current = current;
+    setShowPopupIndex(current);
+  };
+  const closeAll = () => {
+    childrenRefs.forEach(item => {
+      item.toggle(false);
+    });
+    updateShowPopupIndex(null);
+  };
+  const onClickAway = () => {
+    if (props.closeOnClickOutside && !isToggleEvent.current) {
+      closeAll();
+    } else {
+      isToggleEvent.current = false;
+    }
+  };
+  const updateOffset = () => {
+    if (barRef.current) {
+      rect.current = (0, _useRect.getRect)(barRef.current);
+      if (props.direction === 'down') {
+        offset.current = rect.current.bottom;
+      } else {
+        offset.current = window.innerHeight - rect.current.top;
+      }
+    }
+  };
+  const onScroll = () => {
+    if (opened) {
+      updateOffset();
+    }
+  };
+  const showItem = index => {
+    const item = childrenRefs[index];
+    isToggleEvent.current = true;
+    updateOffset();
+    updateShowPopupIndex(index);
+    item.toggle(true);
+  };
+  const toggleItem = active => {
+    childrenRefs.forEach((item, index) => {
+      if (index === active) {
+        if (active === showPopupIndexRef.current) {
+          updateShowPopupIndex(null);
+          item.toggle();
+          return;
+        }
+        showItem(active);
+      }
+    });
+  };
+  const close = () => {
+    updateShowPopupIndex(null);
+  };
+  const renderTitle = (item, index) => {
+    const showPopup = showPopupIndex === index;
+    const {
+      titleClass
+    } = item;
+    const disabled = props.disabled || item.disabled;
+    const childRenderTitle = (itemValue, itemProps) => {
+      if (itemProps.title) {
+        return itemProps.title;
+      }
+      const match = itemProps.options.find(option => option.value === itemValue);
+      return match ? match.text : itemProps.placeholder || '请选择';
+    };
+    return (0, _jsxRuntime().jsx)("div", Object.assign({
+      role: 'button',
+      tabIndex: disabled ? -1 : 0,
+      className: (0, _clsx().default)(bem('item', {
+        disabled
+      })),
+      onClick: () => {
+        if (!disabled) {
+          toggleItem(index);
+        }
+      }
+    }, {
+      children: (0, _jsxRuntime().jsx)("span", Object.assign({
+        className: (0, _clsx().default)(bem('title', {
+          down: showPopup === (props.direction === 'down'),
+          active: showPopup
+        }), titleClass),
+        style: {
+          color: showPopup ? props.activeColor : ''
+        }
+      }, {
+        children: (0, _jsxRuntime().jsx)("div", Object.assign({
+          className: 'rv-ellipsis'
+        }, {
+          children: childRenderTitle(innerValue[item.name], item)
+        }))
+      }))
+    }), index);
+  };
+  (0, _hooks.useUpdateEffect)(() => {
+    if (innerEffect.current) {
+      innerEffect.current = false;
+      return;
+    }
+    if (!props.value) {
+      setInnerValue(undefined);
+      return;
+    }
+    setInnerValue(props.value);
+  }, [props.value]);
+  (0, _react().useEffect)(() => {
+    if (barRef.current) {
+      updateOffset();
+    }
+  }, [barRef.current]);
+  const onInnerChange = v => {
+    innerEffect.current = true;
+    const newValue = Object.assign(Object.assign({}, innerValue), v);
+    setInnerValue(newValue);
+    if (props.onChange) props.onChange(newValue);
+  };
+  const scrollParent = (0, _useScrollParent.default)(root);
+  (0, _useEventListener.default)('scroll', onScroll, {
+    target: scrollParent
+  });
+  (0, _useClickAway.default)(root, onClickAway);
+  (0, _react().useImperativeHandle)(ref, () => ({
+    toggleItem,
+    showItem,
+    close: closeAll
+  }));
+  return (0, _jsxRuntime().jsx)(_DropdownMenuContext.default.Provider, Object.assign({
+    value: {
+      props,
+      value: innerValue,
+      onChange: onInnerChange,
+      close
+    }
+  }, {
+    children: (0, _jsxRuntime().jsxs)("div", Object.assign({
+      ref: root,
+      className: (0, _clsx().default)(bem(), props.className),
+      style: Object.assign({}, props.style)
+    }, {
+      children: [(0, _jsxRuntime().jsx)("div", Object.assign({
+        ref: barRef,
+        style: barStyle(),
+        className: (0, _clsx().default)(bem('bar', {
+          opened
+        }))
+      }, {
+        children: _react().Children.toArray(props.children).filter(Boolean).map((child, index) => {
+          return renderTitle(child.props, index);
+        })
+      })), _react().Children.toArray(props.children).filter(Boolean).map((child, index) => (0, _react().cloneElement)(child, {
+        ref: setChildrenRefs(index),
+        offset: offset.current,
+        showPopup: showPopupIndex === index
+      }))]
+    }))
+  }));
+});
+var _default = exports.default = DropdownMenu;

package/lib/dropdown-menu/DropdownMenuContext.d.ts

@@ -0,0 +1,11 @@
+import React, { Context } from 'react';
+import { DropdownMenuProps } from './PropsType';
+export interface DropdownMenuState {
+    props?: React.PropsWithChildren<DropdownMenuProps>;
+    value?: Record<string, number | string>;
+    openedMap?: Record<string, boolean>;
+    onChange?: (v: any) => void;
+    close?: () => void;
+}
+declare const DropdownMenu: Context<DropdownMenuState>;
+export default DropdownMenu;

package/lib/dropdown-menu/DropdownMenuContext.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+function _react() {
+  const data = _interopRequireWildcard(require("react"));
+  _react = function () {
+    return data;
+  };
+  return data;
+}
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const DropdownMenu = (0, _react().createContext)({});
+var _default = exports.default = DropdownMenu;

package/lib/dropdown-menu/DropdownMenuItem.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { DropdownMenuItemProps, DropdownItemInstance } from './PropsType';
+declare const DropdownMenuItem: React.ForwardRefExoticComponent<DropdownMenuItemProps & React.RefAttributes<DropdownItemInstance>>;
+export default DropdownMenuItem;

package/lib/dropdown-menu/DropdownMenuItem.js

@@ -0,0 +1,189 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+function _react() {
+  const data = _interopRequireWildcard(require("react"));
+  _react = function () {
+    return data;
+  };
+  return data;
+}
+function _tslib() {
+  const data = require("tslib");
+  _tslib = function () {
+    return data;
+  };
+  return data;
+}
+function _jsxRuntime() {
+  const data = require("react/jsx-runtime");
+  _jsxRuntime = function () {
+    return data;
+  };
+  return data;
+}
+function _icons() {
+  const data = require("@react-vant/icons");
+  _icons = function () {
+    return data;
+  };
+  return data;
+}
+function _clsx() {
+  const data = _interopRequireDefault(require("clsx"));
+  _clsx = function () {
+    return data;
+  };
+  return data;
+}
+var _cell = _interopRequireDefault(require("../cell"));
+var _hooks = require("../hooks");
+var _popup = _interopRequireDefault(require("../popup"));
+var _utils = require("../utils");
+var _renderToContainer = require("../utils/dom/renderToContainer");
+var _DropdownMenuContext = _interopRequireDefault(require("./DropdownMenuContext"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const inheritPropsKey = ['overlay', 'overlayClass', 'overlayStyle', 'disabled', 'placeholder', 'onOpen', 'onClosed', 'onOpened', 'teleport', 'closeOnClickOverlay'];
+function inheritProps(parentProps, props) {
+  return Object.assign(Object.assign({}, parentProps), props);
+}
+const [bem] = (0, _utils.createNamespace)('dropdown-item');
+const DropdownMenuItem = (0, _react().forwardRef)((_a, ref) => {
+  var _b;
+  var {
+      options = [],
+      placeholder = '请选择'
+    } = _a,
+    props = (0, _tslib().__rest)(_a, ["options", "placeholder"]);
+  const [state, setState] = (0, _hooks.useSetState)({
+    transition: true,
+    showWrapper: false
+  });
+  const parent = (0, _react().useContext)(_DropdownMenuContext.default);
+  const currentValue = (_b = parent.value) === null || _b === void 0 ? void 0 : _b[props.name];
+  const onClosed = () => {
+    var _a, _b;
+    setState({
+      showWrapper: false
+    });
+    (_b = (_a = props.onClosed) !== null && _a !== void 0 ? _a : parent.props.onClosed) === null || _b === void 0 ? void 0 : _b();
+  };
+  const onClickWrapper = event => {
+    // prevent being identified as clicking outside and closed when using teleport
+    if (props.teleport) {
+      event.stopPropagation();
+    }
+  };
+  const onClose = () => {
+    var _a, _b;
+    parent.close();
+    (_b = (_a = props.onClose) !== null && _a !== void 0 ? _a : parent.props.onClose) === null || _b === void 0 ? void 0 : _b();
+  };
+  const toggle = (show = !props.showPopup, options = {}) => {
+    if (show === props.showPopup) {
+      return;
+    }
+    const newState = {};
+    newState.transition = !options.immediate;
+    if (show) {
+      newState.showWrapper = true;
+    } else {
+      onClose();
+    }
+    setState(newState);
+  };
+  const renderTitle = itemValue => {
+    if (props.title) {
+      return props.title;
+    }
+    const match = options.find(option => option.value === itemValue);
+    return match ? match.text : placeholder;
+  };
+  const renderOption = option => {
+    const {
+      activeColor,
+      activeIcon
+    } = parent.props;
+    const active = option.value === currentValue;
+    const onClick = () => {
+      if (option.value !== currentValue) {
+        parent.onChange({
+          [props.name]: option.value
+        });
+      }
+      onClose();
+    };
+    return (0, _jsxRuntime().jsx)(_cell.default, Object.assign({
+      clickable: true,
+      icon: option.icon,
+      title: option.text,
+      className: (0, _clsx().default)(bem('option', {
+        active
+      })),
+      style: {
+        color: active ? activeColor : ''
+      },
+      onClick: onClick
+    }, {
+      children: active && (activeIcon || (0, _jsxRuntime().jsx)(_icons().Success, {
+        className: (0, _clsx().default)(bem('icon')),
+        color: activeColor
+      }))
+    }), option.value);
+  };
+  const renderContent = () => {
+    const {
+      offset
+    } = props;
+    const {
+      zIndex,
+      overlayStyle,
+      duration,
+      direction
+    } = parent.props;
+    const style = (0, _utils.getZIndexStyle)(zIndex);
+    if (direction === 'down') {
+      style.top = `${offset}px`;
+    } else {
+      style.bottom = `${offset}px`;
+    }
+    const attrs = (0, _utils.pick)(inheritProps(parent.props, props), inheritPropsKey);
+    return (0, _jsxRuntime().jsx)("div", Object.assign({
+      style: Object.assign(Object.assign({}, style), {
+        display: state.showWrapper ? 'block' : 'none'
+      }),
+      className: (0, _clsx().default)(bem([direction])),
+      onClick: onClickWrapper
+    }, {
+      children: (0, _jsxRuntime().jsxs)(_popup.default, Object.assign({}, attrs, {
+        visible: props.showPopup,
+        className: (0, _clsx().default)(bem('content')),
+        position: direction === 'down' ? 'top' : 'bottom',
+        duration: state.transition ? +duration : 0,
+        overlayStyle: Object.assign({
+          position: 'absolute'
+        }, overlayStyle),
+        onClose: onClose,
+        onClosed: onClosed
+      }, {
+        children: [options === null || options === void 0 ? void 0 : options.map(renderOption), props.children]
+      }))
+    }));
+  };
+  (0, _react().useImperativeHandle)(ref, () => ({
+    toggle,
+    renderTitle,
+    state,
+    titleClass: props.titleClass,
+    disabled: props.disabled,
+    name: props.name,
+    options
+  }));
+  if (props.teleport) return (0, _renderToContainer.renderToContainer)(props.teleport, renderContent());
+  return renderContent();
+});
+var _default = exports.default = DropdownMenuItem;

package/lib/dropdown-menu/PropsType.d.ts

@@ -0,0 +1,95 @@
+import React from 'react';
+import { BaseTypeProps, TeleportType } from '../utils';
+export declare type DropdownMenuDirection = 'up' | 'down';
+export declare type DropdownMenuItemOption = {
+    /** 文本 */
+    text: React.ReactNode;
+    /** icon */
+    icon?: React.ReactNode;
+    /** 选项值 */
+    value: number | string;
+};
+export declare type DropdownItemOption = DropdownMenuItemOption;
+interface DropdownMenuCommonProps extends BaseTypeProps {
+    /** 是否显示遮罩层	 */
+    overlay?: boolean;
+    overlayClass?: string;
+    overlayStyle?: React.CSSProperties;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 动画时长，单位毫秒，设置为 0 可以禁用动画	 */
+    duration?: number | string;
+    /** 关闭菜单栏时触发	 */
+    onClose?: () => void;
+    /** 打开菜单栏时触发	 */
+    onOpen?: () => void;
+    /** 打开菜单栏且动画结束后触发	 */
+    onOpened?: () => void;
+    /** 关闭菜单栏且动画结束后触发	 */
+    onClosed?: () => void;
+    /** 指定挂载的节点 */
+    teleport?: TeleportType;
+}
+export interface DropdownMenuProps extends DropdownMenuCommonProps {
+    /** 当前选中项对应的 value	 */
+    value?: Record<string, string | number>;
+    /** 默认值 */
+    defaultValue?: Record<string, string | number>;
+    /** 点击选项导致 value 变化时触发		 */
+    onChange?: (v: Record<string, string | number>) => void;
+    /** 是否在点击外部元素后关闭菜单	 */
+    closeOnClickOutside?: boolean;
+    /** 是否在点击遮罩层后关闭菜单	 */
+    closeOnClickOverlay?: boolean;
+    /** 菜单标题和选项的选中态颜色	 */
+    activeColor?: string;
+    /** 自定义选项的选中态勾选icon */
+    activeIcon?: React.ReactNode;
+    /** 菜单栏 z-index 层级	 */
+    zIndex?: number | string;
+    /** 菜单展开方向 */
+    direction?: DropdownMenuDirection;
+    children?: React.ReactNode;
+}
+export interface DropdownMenuItemProps extends DropdownMenuCommonProps, ItemPrivateProps {
+    /** 菜单项标题	 */
+    title?: React.ReactNode;
+    /** 标题额外类名	 */
+    titleClass?: string;
+    /** 选项数组	 */
+    options?: DropdownMenuItemOption[];
+    /** 菜单标识符 */
+    name: string;
+    /** 未选中时展示的文本 */
+    placeholder?: string;
+    children?: React.ReactNode;
+}
+export declare type DropdownItemInstance = {
+    /** 切换菜单展示状态，传 true 为显示，false 为隐藏，不传参为取反	 */
+    toggle: (show?: boolean, options?: {
+        immediate?: boolean;
+    }) => void;
+    /** @private */
+    renderTitle?: (itemValue: string | number) => void;
+    /** @private */
+    state: {
+        transition: boolean;
+        showWrapper: boolean;
+    };
+};
+export declare type DropdownMenuInstance = {
+    /** 切换菜单展示状态	 */
+    toggleItem: (index: number) => void;
+    /** 切换菜单展示状态，传 true 为显示，false 为隐藏，不传参为取反	 */
+    showItem: (index: number) => void;
+    /** 关闭菜单 */
+    close: () => void;
+};
+interface ItemPrivateProps {
+    /** @private */
+    value?: string | number;
+    /** @private */
+    showPopup?: boolean;
+    offset?: number;
+}
+export {};

package/lib/dropdown-menu/PropsType.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/lib/dropdown-menu/index.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import './style/index.less';
+declare const DropdownMenu: import("react").ForwardRefExoticComponent<import("./PropsType").DropdownMenuProps & import("react").RefAttributes<import("./PropsType").DropdownMenuInstance>> & {
+    Item: import("react").ForwardRefExoticComponent<import("./PropsType").DropdownMenuItemProps & import("react").RefAttributes<import("./PropsType").DropdownItemInstance>>;
+};
+export { DropdownMenu };
+export default DropdownMenu;
+export type { DropdownMenuInstance, DropdownItemOption, DropdownMenuDirection, } from './PropsType';

package/lib/dropdown-menu/index.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.DropdownMenu = void 0;
+require("./style/index.css");
+var _DropdownMenu2 = _interopRequireDefault(require("./DropdownMenu"));
+var _DropdownMenuItem = _interopRequireDefault(require("./DropdownMenuItem"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const DropdownMenu = exports.DropdownMenu = Object.assign(_DropdownMenu2.default, {
+  Item: _DropdownMenuItem.default
+});
+var _default = exports.default = DropdownMenu;