@qsxy/element-plus-react 1.0.0-next.7 → 1.0.1

package/dist/Drawer/DrawerHeader.js

@@ -1,55 +1,35 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
+var _templateObject, _templateObject2, _templateObject3;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+import classNames from 'classnames';
+import React, { useContext } from 'react';
+import Icon from "../Icon/Icon";
+import { useClassNames } from "../hooks";
+import { DrawerContext } from "./DrawerContext";
+var DrawerHeader = function DrawerHeader(props) {
+  var _props$showClose = props.showClose,
+    closeButton = _props$showClose === void 0 ? true : _props$showClose,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'drawer' : _props$classPrefix,
+    border = props.border;
+  var _useClassNames = useClassNames(classPrefix),
+    b = _useClassNames.b,
+    is = _useClassNames.is;
+  var _useContext = useContext(DrawerContext),
+    doClose = _useContext.doClose;
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames(b(_templateObject || (_templateObject = _taggedTemplateLiteral(["header"]))), props.className, is({
+      border: border
+    })),
+    style: props.style
+  }, /*#__PURE__*/React.createElement("h4", {
+    className: b(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["title"]))),
+    style: props.titleStyle
+  }, props.children), closeButton && /*#__PURE__*/React.createElement("span", {
+    className: b(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["header-close"]))),
+    onClick: doClose
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: 'xmark'
+  })));
 };
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/Drawer/DrawerHeader.tsx
-var DrawerHeader_exports = {};
-__export(DrawerHeader_exports, {
-  default: () => DrawerHeader_default
-});
-module.exports = __toCommonJS(DrawerHeader_exports);
-var import_classnames = __toESM(require("classnames"));
-var import_react = __toESM(require("react"));
-var import_Icon = require("../Icon");
-var import_hooks = require("../hooks");
-var import_DrawerContext = require("./DrawerContext");
-var DrawerHeader = (props) => {
-  const { closeButton = true, onClose: onCloseHeader, classPrefix = "drawer", border } = props;
-  const { b, is } = (0, import_hooks.useClassNames)(classPrefix);
-  const { setVisible, isControlled, onClose } = (0, import_react.useContext)(import_DrawerContext.DrawerContext);
-  const handleCloseDialog = (0, import_react.useCallback)(() => {
-    if (isControlled) {
-      onClose == null ? void 0 : onClose();
-      onCloseHeader == null ? void 0 : onCloseHeader();
-    } else {
-      setVisible(false);
-    }
-  }, [isControlled, onClose, onCloseHeader, setVisible]);
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(b`header`, props.className, is({ border })), style: props.style }, /* @__PURE__ */ import_react.default.createElement("h4", { className: b`title`, style: props.titleStyle }, props.children), closeButton && /* @__PURE__ */ import_react.default.createElement("span", { className: b`header-close`, onClick: handleCloseDialog }, /* @__PURE__ */ import_react.default.createElement(import_Icon.Icon, { name: "xmark" })));
-};
-DrawerHeader.displayName = "DrawerHeader";
-var DrawerHeader_default = DrawerHeader;
+DrawerHeader.displayName = 'DrawerHeader';
+export default DrawerHeader;

package/dist/Drawer/index.js

@@ -1,39 +1 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/Drawer/index.ts
-var Drawer_exports = {};
-__export(Drawer_exports, {
-  Drawer: () => import_Drawer.default
-});
-module.exports = __toCommonJS(Drawer_exports);
-var import_Drawer = __toESM(require("./Drawer"));
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Drawer
-});
+export { default as Drawer } from "./Drawer";

package/dist/Drawer/typings.d.ts

@@ -1,26 +1,48 @@
 import React from 'react';
 import { AnimationEventProps, BaseProps, NativeProps } from '../types/common';
-export interface DrawerProps extends AnimationEventProps, BaseProps, NativeProps {
+export interface DrawerProps extends AnimationEventProps, BaseProps, NativeProps<'--el-drawer-width' | '--el-drawer-height' | '--el-drawer-margin-top' | '--el-drawer-bg-color' | '--el-drawer-box-shadow' | '--el-drawer-title-font-size' | '--el-drawer-content-font-size' | '--el-drawer-font-line-height' | '--el-drawer-padding-primary' | '--el-drawer-border-radius'> {
     /** 是否显示抽屉（可控） */
     visible?: boolean;
     /** 默认是否显示抽屉 */
     defaultVisible?: boolean;
     /** 当设置为 true，Drawer 打开时会显示背景，点击背景会关闭 Drawer，如果不想关闭 Drawer，可以设置为 'static' */
-    backdrop?: boolean | 'static';
+    modal?: boolean;
+    /** 是否可以通过点击 modal 关闭 Drawer */
+    closeOnClickModal?: boolean;
+    /** 是否在 Drawer 出现时将 body 滚动锁定 */
+    lockScroll?: boolean;
     /** 应用于 backdrop DOM 节点的 css class */
-    backdropClassName?: string;
+    modalClassName?: string;
+    /** Drawer 对话框 Drawer 的标题 */
+    title?: string | React.ReactElement;
+    /** 控制是否显示 header 栏, 默认为 true, 当此项为 false 时, title 属性不生效 */
+    withHeader?: boolean;
+    /** 当设置为 true, 显示关闭按钮 */
+    showClose?: boolean;
+    /** 标题是否有边框 */
+    border?: boolean;
     /** 设置 Drawer 尺寸 */
-    size?: 'full' | 'large' | 'md' | 'small' | 'xs';
+    size?: number | string;
     /** 设置 Drawer 显示的位置 */
-    placement?: 'top' | 'bottom' | 'right' | 'left';
-    /** 显示时的回调函数 */
+    direction?: 'top' | 'bottom' | 'right' | 'left';
+    /** Drawer 打开的回调 */
     onOpen?: () => void;
-    /** 隐藏时的回调函数 */
+    /** Drawer 打开动画结束时的回调 */
+    onOpened?: () => void;
+    /** Drawer 关闭的回调 */
     onClose?: () => void;
+    /** Drawer 关闭动画结束时的回调 */
+    onClosed?: () => void;
+    /** 关闭弹窗函数 */
+    close: () => void;
+    /** 关闭前的回调，会暂停 Drawer 的关闭. 回调函数内执行 done 参数方法的时候才是真正关闭对话框的时候. */
+    beforeClose?: DrawerBeforeCloseFn;
 }
+type DoneFn = (cancel?: boolean) => void;
+export type DrawerBeforeCloseFn = (done: DoneFn) => void;
 export interface DrawerHeaderProps extends BaseProps, NativeProps {
     /** 当设置为 true, 显示关闭按钮 */
-    closeButton?: boolean;
+    showClose?: boolean;
     /** 标题是否有边框 */
     border?: boolean;
     /** 组件 CSS 类的前缀 */
@@ -33,10 +55,9 @@ export interface DrawerHeaderProps extends BaseProps, NativeProps {
 export interface DrawerBodyProps extends BaseProps, NativeProps {
     /** 组件 CSS 类的前缀 */
     classPrefix?: string;
-    /** 内容区域padding */
-    padding?: string | number;
 }
 export interface DrawerFooterProps extends BaseProps, NativeProps {
     /** 组件 CSS 类的前缀 */
     classPrefix?: string;
 }
+export {};

package/dist/Drawer/typings.js

@@ -1,17 +1 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/Drawer/typings.ts
-var typings_exports = {};
-module.exports = __toCommonJS(typings_exports);
+export {};

package/dist/Dropdown/Dropdown.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
-import { DropdownProps } from './typings';
-declare const Dropdown: FC<DropdownProps>;
+import React from 'react';
+import { DropdownProps, DropdownRef } from './typings';
+declare const Dropdown: React.ForwardRefExoticComponent<DropdownProps & React.RefAttributes<DropdownRef>>;
 export default Dropdown;

package/dist/Dropdown/Dropdown.js

@@ -1,109 +1,105 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var _templateObject;
+var _excluded = ["menu", "classPrefix", "showTimeout", "hideTimeout", "offset", "trigger", "hideOnClick", "onClick", "onVisiblechange", "onEnter", "onMouseEnter", "onMouseLeave", "disabled"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import classNames from 'classnames';
+import React, { forwardRef, useCallback, useImperativeHandle, useRef } from 'react';
+import Tooltip from "../Tooltip/Tooltip";
+import { mergeDefaultProps } from "../Util";
+import { partitionAnimationProps, partitionHTMLProps, partitionPopperPropsUtils, useClassNames } from "../hooks";
+import { DropdownContext } from "./DropdownContext";
+var Dropdown = /*#__PURE__*/forwardRef(function (props, ref) {
+  props = mergeDefaultProps({
+    hideOnClick: true,
+    showArrow: true,
+    showTimeout: 0,
+    hideTimeout: 100,
+    trigger: 'hover'
+  }, props);
+  var _props = props,
+    menu = _props.menu,
+    _props$classPrefix = _props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'dropdown' : _props$classPrefix,
+    showTimeout = _props.showTimeout,
+    hideTimeout = _props.hideTimeout,
+    offset = _props.offset,
+    trigger = _props.trigger,
+    hideOnClick = _props.hideOnClick,
+    onClick = _props.onClick,
+    onVisiblechange = _props.onVisiblechange,
+    onEnter = _props.onEnter,
+    onMouseEnter = _props.onMouseEnter,
+    onMouseLeave = _props.onMouseLeave,
+    disabled = _props.disabled,
+    rest = _objectWithoutProperties(_props, _excluded);
+  var _partitionPopperProps = partitionPopperPropsUtils(rest),
+    _partitionPopperProps2 = _slicedToArray(_partitionPopperProps, 1),
+    popperProps = _partitionPopperProps2[0];
+  var _partitionAnimationPr = partitionAnimationProps(rest),
+    _partitionAnimationPr2 = _slicedToArray(_partitionAnimationPr, 1),
+    transitionProps = _partitionAnimationPr2[0];
+  var _partitionHTMLProps = partitionHTMLProps(props, {
+      htmlProps: ['onMouseEnter', 'onMouseLeave', 'onClick', 'onContextMenu']
+    }),
+    _partitionHTMLProps2 = _slicedToArray(_partitionHTMLProps, 1),
+    tooltipEvents = _partitionHTMLProps2[0];
+  var _useClassNames = useClassNames(classPrefix),
+    b = _useClassNames.b,
+    e = _useClassNames.e;
+  var containerRef = useRef(null);
 
-// src/Dropdown/Dropdown.tsx
-var Dropdown_exports = {};
-__export(Dropdown_exports, {
-  default: () => Dropdown_default
+  /** 显示 */
+  var handleMouseEnter = useCallback(function (event) {
+    onMouseEnter === null || onMouseEnter === void 0 || onMouseEnter(event);
+    onVisiblechange === null || onVisiblechange === void 0 || onVisiblechange(true);
+  }, [onMouseEnter, onVisiblechange]);
+
+  /** 隐藏 */
+  var handleMouseLeave = useCallback(function (event) {
+    onMouseLeave === null || onMouseLeave === void 0 || onMouseLeave(event);
+    onVisiblechange === null || onVisiblechange === void 0 || onVisiblechange(false);
+  }, [onMouseLeave, onVisiblechange]);
+  useImperativeHandle(ref, function () {
+    return {
+      ref: containerRef,
+      handleOpen: onMouseEnter,
+      handleClose: onMouseLeave
+    };
+  });
+  return /*#__PURE__*/React.createElement("div", _extends({
+    ref: containerRef,
+    className: classNames(b(), props.className),
+    style: props.style
+  }, tooltipEvents), /*#__PURE__*/React.createElement(Tooltip, _extends({
+    classPrefix: classPrefix,
+    triggerRef: props.children,
+    popperClass: e(_templateObject || (_templateObject = _taggedTemplateLiteral(["popper"]))),
+    disabled: disabled,
+    enterable: true,
+    effect: "light",
+    offset: offset,
+    showAfter: showTimeout,
+    hideAfter: hideTimeout,
+    trigger: trigger,
+    onEnter: onEnter,
+    onMouseEnter: handleMouseEnter,
+    onMouseLeave: handleMouseLeave,
+    contentSlot: /*#__PURE__*/React.createElement(DropdownContext.Provider, {
+      value: {
+        hideOnClick: hideOnClick,
+        onClick: onClick
+      }
+    }, menu),
+    unmountOnExit: true
+  }, popperProps, transitionProps)));
 });
-module.exports = __toCommonJS(Dropdown_exports);
-var import_classnames = __toESM(require("classnames"));
-var import_react = __toESM(require("react"));
-var import_Tooltip = __toESM(require("../Tooltip/Tooltip"));
-var import_Util = require("../Util");
-var import_hooks = require("../hooks");
-var import_DropdownContext = require("./DropdownContext");
-var Dropdown = (props) => {
-  props = (0, import_Util.mergeDefaultProps)(
-    {
-      hideOnClick: true,
-      showArrow: true,
-      showTimeout: 0,
-      hideTimeout: 100,
-      trigger: "hover"
-    },
-    props
-  );
-  const {
-    menu,
-    classPrefix = "dropdown",
-    showTimeout,
-    hideTimeout,
-    offset,
-    trigger,
-    hideOnClick,
-    onClick,
-    visiblechange,
-    onEnter,
-    onMouseEnter,
-    onMouseLeave,
-    disabled,
-    ...rest
-  } = props;
-  const [popperProps] = (0, import_hooks.partitionPopperPropsUtils)(rest);
-  const [transitionProps] = (0, import_hooks.partitionAnimationProps)(rest);
-  const { b, e } = (0, import_hooks.useClassNames)(classPrefix);
-  const handleMouseEnter = (0, import_react.useCallback)(
-    (event) => {
-      onMouseEnter == null ? void 0 : onMouseEnter(event);
-      visiblechange == null ? void 0 : visiblechange(true);
-    },
-    [onMouseEnter, visiblechange]
-  );
-  const handleMouseLeave = (0, import_react.useCallback)(
-    (event) => {
-      onMouseLeave == null ? void 0 : onMouseLeave(event);
-      visiblechange == null ? void 0 : visiblechange(false);
-    },
-    [onMouseLeave, visiblechange]
-  );
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(b(), props.className), style: props.style }, /* @__PURE__ */ import_react.default.createElement(
-    import_Tooltip.default,
-    {
-      classPrefix,
-      triggerRef: props.children,
-      popperClass: e`popper`,
-      disabled,
-      enterable: true,
-      effect: "light",
-      offset,
-      showAfter: showTimeout,
-      hideAfter: hideTimeout,
-      trigger,
-      onEnter,
-      onMouseEnter: handleMouseEnter,
-      onMouseLeave: handleMouseLeave,
-      contentSlot: /* @__PURE__ */ import_react.default.createElement(import_DropdownContext.DropdownContext.Provider, { value: { hideOnClick, onClick } }, menu),
-      unmountOnExit: true,
-      ...popperProps,
-      ...transitionProps
-    }
-  ));
-};
-Dropdown.displayName = "Dropdown";
-var Dropdown_default = Dropdown;
+Dropdown.displayName = 'ElDropdown';
+export default Dropdown;

package/dist/Dropdown/DropdownContext.js

@@ -1,46 +1,8 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/Dropdown/DropdownContext.ts
-var DropdownContext_exports = {};
-__export(DropdownContext_exports, {
-  DropdownContext: () => DropdownContext
-});
-module.exports = __toCommonJS(DropdownContext_exports);
-var import_noop = __toESM(require("lodash/noop"));
-var import_react = require("react");
-var DropdownContext = (0, import_react.createContext)({
+import noop from 'lodash/noop';
+import { createContext } from 'react';
+export var DropdownContext = /*#__PURE__*/createContext({
   hideOnClick: true,
   // onMouseEnter: noop,
   // onMouseLeave: noop,
-  onClick: import_noop.default
-});
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  DropdownContext
-});
+  onClick: noop
+});

package/dist/Dropdown/DropdownItem.js

@@ -1,62 +1,42 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/Dropdown/DropdownItem.tsx
-var DropdownItem_exports = {};
-__export(DropdownItem_exports, {
-  default: () => DropdownItem_default
-});
-module.exports = __toCommonJS(DropdownItem_exports);
-var import_classnames = __toESM(require("classnames"));
-var import_react = __toESM(require("react"));
-var import_Tooltip = require("../Tooltip");
-var import_hooks = require("../hooks");
-var import_DropdownContext = require("./DropdownContext");
-var DropdownItem = (props) => {
-  const { classPrefix = "dropdown-menu", disabled, command, divided, active } = props;
-  const { e, em, is } = (0, import_hooks.useClassNames)(classPrefix);
-  const { hideOnClick, onClick } = (0, import_react.useContext)(import_DropdownContext.DropdownContext);
-  const { onMouseLeave } = (0, import_react.useContext)(import_Tooltip.TooltipContext);
-  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, divided && /* @__PURE__ */ import_react.default.createElement("li", { className: em("item", "divided") }), /* @__PURE__ */ import_react.default.createElement(
-    "li",
-    {
-      className: (0, import_classnames.default)(e`item`, is({ active, disabled }), props.className),
-      style: props.style,
-      onClick: (event) => {
-        event.stopPropagation();
-        if (!disabled) {
-          onClick == null ? void 0 : onClick(command);
-          hideOnClick && onMouseLeave(event);
-        }
+var _templateObject;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+import classNames from 'classnames';
+import React, { useContext } from 'react';
+import { TooltipContext } from "../Tooltip/TooltipContext";
+import { useClassNames } from "../hooks";
+import { DropdownContext } from "./DropdownContext";
+var DropdownItem = function DropdownItem(props) {
+  var _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'dropdown-menu' : _props$classPrefix,
+    disabled = props.disabled,
+    command = props.command,
+    divided = props.divided,
+    active = props.active;
+  var _useClassNames = useClassNames(classPrefix),
+    e = _useClassNames.e,
+    em = _useClassNames.em,
+    is = _useClassNames.is;
+  var _useContext = useContext(DropdownContext),
+    hideOnClick = _useContext.hideOnClick,
+    _onClick = _useContext.onClick;
+  var _useContext2 = useContext(TooltipContext),
+    onMouseLeave = _useContext2.onMouseLeave;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, divided && /*#__PURE__*/React.createElement("li", {
+    className: em('item', 'divided')
+  }), /*#__PURE__*/React.createElement("li", {
+    className: classNames(e(_templateObject || (_templateObject = _taggedTemplateLiteral(["item"]))), is({
+      active: active,
+      disabled: disabled
+    }), props.className),
+    style: props.style,
+    onClick: function onClick(event) {
+      event.stopPropagation();
+      if (!disabled) {
+        _onClick === null || _onClick === void 0 || _onClick(command);
+        hideOnClick && onMouseLeave(event);
       }
-    },
-    props.children
-  ));
+    }
+  }, props.children));
 };
-DropdownItem.displayName = "DropdownItem";
-var DropdownItem_default = DropdownItem;
+DropdownItem.displayName = 'ElDropdownItem';
+export default DropdownItem;

package/dist/Dropdown/DropdownMenu.d.ts

@@ -1,4 +1,7 @@
-import { FC } from 'react';
+import React from 'react';
 import { DropdownMenuProps } from './typings';
-declare const DropdownMenu: FC<DropdownMenuProps>;
+declare const DropdownMenu: {
+    (props: DropdownMenuProps): React.JSX.Element;
+    displayName: string;
+};
 export default DropdownMenu;