@qsxy/element-plus-react 1.0.0-next.1 → 1.0.0-next.11

package/dist/Dialog/DialogContext.js

@@ -1,51 +1,13 @@
-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/Dialog/DialogContext.tsx
-var DialogContext_exports = {};
-__export(DialogContext_exports, {
-  DialogContext: () => DialogContext
-});
-module.exports = __toCommonJS(DialogContext_exports);
-var import_noop = __toESM(require("lodash/noop"));
-var import_react = require("react");
-var DialogContext = (0, import_react.createContext)({
+import noop from 'lodash/noop';
+import { createContext } from 'react';
+export var DialogContext = /*#__PURE__*/createContext({
   backdrop: true,
-  setVisible: import_noop.default,
-  doClose: import_noop.default,
+  setVisible: noop,
+  doClose: noop,
   isControlled: false,
   center: false,
   overflow: false,
   mounted: false,
   haveTitle: false,
   haveFooter: false
-});
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  DialogContext
-});
+});

package/dist/Dialog/DialogFooter.js

@@ -1,46 +1,22 @@
-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/Dialog/DialogFooter.tsx
-var DialogFooter_exports = {};
-__export(DialogFooter_exports, {
-  default: () => DialogFooter_default
+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, { memo, useContext } from 'react';
+import { useClassNames } from "../hooks";
+import { DialogContext } from "./DialogContext";
+var DialogFooter = /*#__PURE__*/memo(function (props) {
+  var _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'dialog' : _props$classPrefix,
+    position = props.position;
+  var _useClassNames = useClassNames(classPrefix),
+    e = _useClassNames.e,
+    is = _useClassNames.is;
+  var _useContext = useContext(DialogContext),
+    center = _useContext.center;
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames(e(_templateObject || (_templateObject = _taggedTemplateLiteral(["footer"]))), is(position || (center ? 'center' : 'right')), props.className),
+    style: props.style
+  }, props.children);
 });
-module.exports = __toCommonJS(DialogFooter_exports);
-var import_classnames = __toESM(require("classnames"));
-var import_react = __toESM(require("react"));
-var import_hooks = require("../hooks");
-var import_DialogContext = require("./DialogContext");
-var DialogFooter = (0, import_react.memo)((props) => {
-  const { classPrefix = "dialog", position } = props;
-  const { e, is } = (0, import_hooks.useClassNames)(classPrefix);
-  const { center } = (0, import_react.useContext)(import_DialogContext.DialogContext);
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(e`footer`, is(position || (center ? "center" : "right")), props.className), style: props.style }, props.children);
-});
-DialogFooter.displayName = "ElDialogFooter";
-var DialogFooter_default = DialogFooter;
+DialogFooter.displayName = 'ElDialogFooter';
+export default DialogFooter;

package/dist/Dialog/DialogHeader.js

@@ -1,53 +1,44 @@
-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/Dialog/DialogHeader.tsx
-var DialogHeader_exports = {};
-__export(DialogHeader_exports, {
-  default: () => DialogHeader_default
-});
-module.exports = __toCommonJS(DialogHeader_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_DialogContext = require("./DialogContext");
-var DialogHeader = (0, import_react.memo)(
-  (0, import_react.forwardRef)((props, ref) => {
-    const { showClose, classPrefix = "dialog", border } = props;
-    const { e, is } = (0, import_hooks.useClassNames)(classPrefix);
-    const { doClose, center } = (0, import_react.useContext)(import_DialogContext.DialogContext);
-    const isString = (0, import_react.useMemo)(() => typeof props.children === "string", [props.children]);
-    return /* @__PURE__ */ import_react.default.createElement("div", { ref, className: (0, import_classnames.default)(e`header`, is({ border }), { "show-close": showClose }, props.headerClass) }, isString ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { className: e`title`, style: center ? { textAlign: "center" } : {} }, props.children), showClose && /* @__PURE__ */ import_react.default.createElement("button", { className: e`headerbtn`, onClick: doClose }, /* @__PURE__ */ import_react.default.createElement(import_Icon.Icon, { name: "xmark", className: e`close` }))) : props.children);
-  })
-);
-DialogHeader.defaultProps = {
-  showClose: true
-};
-DialogHeader.displayName = "ElDialogHeader";
-var DialogHeader_default = DialogHeader;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+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, { forwardRef, memo, useContext, useMemo } from 'react';
+import Icon from "../Icon/Icon";
+import { useClassNames } from "../hooks";
+import { DialogContext } from "./DialogContext";
+var DialogHeader = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (props, ref) {
+  var _props$showClose = props.showClose,
+    showClose = _props$showClose === void 0 ? true : _props$showClose,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'dialog' : _props$classPrefix,
+    border = props.border;
+  var _useClassNames = useClassNames(classPrefix),
+    e = _useClassNames.e,
+    is = _useClassNames.is;
+  var _useContext = useContext(DialogContext),
+    doClose = _useContext.doClose,
+    center = _useContext.center;
+  var isString = useMemo(function () {
+    return typeof props.children === 'string';
+  }, [props.children]);
+  return /*#__PURE__*/React.createElement("div", {
+    ref: ref,
+    className: classNames(e(_templateObject || (_templateObject = _taggedTemplateLiteral(["header"]))), is({
+      border: border
+    }), {
+      'show-close': showClose
+    }, props.headerClass)
+  }, isString ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: e(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["title"]))),
+    style: center ? {
+      textAlign: 'center'
+    } : {}
+  }, props.children), showClose && /*#__PURE__*/React.createElement("button", {
+    className: e(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["headerbtn"]))),
+    onClick: doClose
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: 'xmark',
+    className: e(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["close"])))
+  }))) : props.children);
+}));
+DialogHeader.displayName = 'ElDialogHeader';
+export default DialogHeader;

package/dist/Dialog/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/Dialog/index.ts
-var Dialog_exports = {};
-__export(Dialog_exports, {
-  Dialog: () => import_Dialog.default
-});
-module.exports = __toCommonJS(Dialog_exports);
-var import_Dialog = __toESM(require("./Dialog"));
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Dialog
-});
+export { default as Dialog } from "./Dialog";

package/dist/Dialog/typings.d.ts

@@ -1,48 +1,84 @@
 import React from 'react';
 import { TransitionProps } from '../Transition';
 import { AnimationEventProps, BaseProps, NativeProps } from '../types/common';
-export interface DialogProps extends AnimationEventProps, BaseProps, NativeProps, TransitionProps {
-    visible?: boolean;
+export interface DialogProps extends AnimationEventProps, BaseProps, NativeProps<'--el-dialog-width' | '--el-dialog-margin-top' | '--el-dialog-bg-color' | '--el-dialog-box-shadow' | '--el-dialog-title-font-size' | '--el-dialog-content-font-size' | '--el-dialog-font-line-height' | '--el-dialog-padding-primary' | '--el-dialog-border-radius'>, TransitionProps {
+    /** 是否显示模态框（可控） */
+    visible: boolean;
+    /** 默认是否显示模态框 */
     defaultVisible?: boolean;
+    /** 是否需要遮罩层 */
     modal?: boolean;
+    /** 遮罩的自定义类名 */
     className?: string;
+    /** 是否可以通过点击 modal 关闭 Dialog */
     closeOnClickModal?: boolean;
+    /** 应用于 backdrop DOM 节点的 css class */
     backdropClassName?: string;
+    /** 对话框的宽度，默认值为 50% */
     width?: string | number;
+    /** header 部分的自定义 class 名 */
     headerClass?: string;
+    /** Dialog 对话框 Dialog 的标题， 也可通过ElDialog.header传入 */
     title?: string | React.ReactElement;
+    /** 当设置为 true, 显示关闭按钮 */
     showClose?: boolean;
+    /** 标题是否有边框 */
     border?: boolean;
+    /** dialog CSS 中的 margin-top 值，默认为 15vh */
     top?: string;
+    /** 是否让 Dialog 的 header 和 footer 部分居中排列 */
     center?: boolean;
+    /** 是否水平垂直对齐对话框 */
     alignCenter?: boolean;
+    /** 为 Dialog 启用可拖拽功能 */
     draggable?: boolean;
+    /** 拖动范围可以超出可视区 */
     overflow?: boolean;
+    /** 是否为全屏 Dialog */
     fullscreen?: boolean;
+    /** 是否在 Dialog 出现时将 body 滚动锁定 */
     lockScroll?: boolean;
+    /** 是否可以通过按下 ESC 关闭 Dialog */
+    /** 和原生的 CSS 的 z-index 相同，改变 z 轴的顺序 */
     zIndex?: number;
+    /** Dialog 打开的回调 */
     onOpen?: () => void;
+    /** Dialog 打开动画结束时的回调 */
     onOpened?: () => void;
+    /** Dialog 关闭的回调 */
     onClose?: () => void;
+    /** Dialog 关闭动画结束时的回调 */
     onClosed?: () => void;
-    close?: () => void;
+    /** 关闭弹窗函数 */
+    close: () => void;
+    /** 关闭前的回调，会暂停 Dialog 的关闭. 回调函数内执行 done 参数方法的时候才是真正关闭对话框的时候. */
     beforeClose?: DialogBeforeCloseFn;
 }
 type DoneFn = (cancel?: boolean) => void;
 export type DialogBeforeCloseFn = (done: DoneFn) => void;
 export interface DialogHeaderProps extends BaseProps {
+    /** header 部分的自定义 class 名 */
     headerClass?: string;
+    /** 当设置为 true, 显示关闭按钮 */
     showClose?: boolean;
+    /** 标题是否有边框 */
     border?: boolean;
+    /** 组件 CSS 类的前缀 */
     classPrefix?: string;
+    /** 隐藏时的回调函数 */
+    /** 自定义标题内联样式 */
     titleStyle?: React.CSSProperties;
 }
 export interface DialogBodyProps extends BaseProps, NativeProps {
+    /** 组件 CSS 类的前缀 */
     classPrefix?: string;
+    /** 内容区域padding */
     padding?: string | number;
 }
 export interface DialogFooterProps extends BaseProps, NativeProps {
+    /** 组件 CSS 类的前缀 */
     classPrefix?: string;
+    /** 内容位置 */
     position?: 'left' | 'center' | 'right';
 }
 export {};

package/dist/Dialog/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/Dialog/typings.ts
-var typings_exports = {};
-module.exports = __toCommonJS(typings_exports);
+export {};

package/dist/Dialog/useDraggable.js

@@ -1,87 +1,64 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/Dialog/useDraggable.ts
-var useDraggable_exports = {};
-__export(useDraggable_exports, {
-  useDraggable: () => useDraggable
-});
-module.exports = __toCommonJS(useDraggable_exports);
-var import_Util = require("../Util");
-var import_react = require("react");
-var useDraggable = (targetRef, dragRef, draggable, overflow) => {
-  const transform = (0, import_react.useRef)({
+import { addUnit } from "../Util";
+import { useCallback, useEffect, useRef } from 'react';
+export var useDraggable = function useDraggable(targetRef, dragRef, draggable, overflow) {
+  var transform = useRef({
     offsetX: 0,
     offsetY: 0
   });
-  const overflowRef = (0, import_react.useRef)(overflow);
-  const onMousedown = (0, import_react.useCallback)(
-    (e) => {
-      var _a;
-      const downX = e.clientX;
-      const downY = e.clientY;
-      const { offsetX, offsetY } = transform.current;
-      const targetRect = (_a = targetRef.current) == null ? void 0 : _a.getBoundingClientRect();
-      const targetLeft = targetRect.left;
-      const targetTop = targetRect.top;
-      const targetWidth = targetRect.width;
-      const targetHeight = targetRect.height;
-      const clientWidth = document.documentElement.clientWidth;
-      const clientHeight = document.documentElement.clientHeight;
-      const minLeft = -targetLeft + offsetX;
-      const minTop = -targetTop + offsetY;
-      const maxLeft = clientWidth - targetLeft - targetWidth + offsetX;
-      const maxTop = clientHeight - targetTop - targetHeight + offsetY;
-      const onMousemove = (evt) => {
-        let moveX = offsetX + evt.clientX - downX;
-        let moveY = offsetY + evt.clientY - downY;
-        if (!overflowRef.current) {
-          moveX = Math.min(Math.max(moveX, minLeft), maxLeft);
-          moveY = Math.min(Math.max(moveY, minTop), maxTop);
-        }
-        transform.current = {
-          offsetX: moveX,
-          offsetY: moveY
-        };
-        if (targetRef.current) {
-          targetRef.current.style.transform = `translate(${(0, import_Util.addUnit)(moveX)}, ${(0, import_Util.addUnit)(moveY)})`;
-        }
+  var overflowRef = useRef(overflow);
+  var onMousedown = useCallback(function (e) {
+    var _targetRef$current;
+    var downX = e.clientX;
+    var downY = e.clientY;
+    var _transform$current = transform.current,
+      offsetX = _transform$current.offsetX,
+      offsetY = _transform$current.offsetY;
+    var targetRect = (_targetRef$current = targetRef.current) === null || _targetRef$current === void 0 ? void 0 : _targetRef$current.getBoundingClientRect();
+    var targetLeft = targetRect.left;
+    var targetTop = targetRect.top;
+    var targetWidth = targetRect.width;
+    var targetHeight = targetRect.height;
+    var clientWidth = document.documentElement.clientWidth;
+    var clientHeight = document.documentElement.clientHeight;
+    var minLeft = -targetLeft + offsetX;
+    var minTop = -targetTop + offsetY;
+    var maxLeft = clientWidth - targetLeft - targetWidth + offsetX;
+    var maxTop = clientHeight - targetTop - targetHeight + offsetY;
+    var onMousemove = function onMousemove(evt) {
+      var moveX = offsetX + evt.clientX - downX;
+      var moveY = offsetY + evt.clientY - downY;
+      if (!overflowRef.current) {
+        moveX = Math.min(Math.max(moveX, minLeft), maxLeft);
+        moveY = Math.min(Math.max(moveY, minTop), maxTop);
+      }
+      transform.current = {
+        offsetX: moveX,
+        offsetY: moveY
       };
-      const onMouseup = () => {
-        document.removeEventListener("mousemove", onMousemove);
-        document.removeEventListener("mouseup", onMouseup);
-      };
-      document.addEventListener("mousemove", onMousemove);
-      document.addEventListener("mouseup", onMouseup);
-    },
-    [targetRef]
-  );
-  const onDraggable = (0, import_react.useCallback)(() => {
+      if (targetRef.current) {
+        targetRef.current.style.transform = "translate(".concat(addUnit(moveX), ", ").concat(addUnit(moveY), ")");
+      }
+    };
+    var onMouseup = function onMouseup() {
+      document.removeEventListener('mousemove', onMousemove);
+      document.removeEventListener('mouseup', onMouseup);
+    };
+    document.addEventListener('mousemove', onMousemove);
+    document.addEventListener('mouseup', onMouseup);
+  }, [targetRef]);
+  var onDraggable = useCallback(function () {
     if (dragRef.current && targetRef.current) {
-      dragRef.current.addEventListener("mousedown", onMousedown);
+      dragRef.current.addEventListener('mousedown', onMousedown);
     }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  const offDraggable = (0, import_react.useCallback)(() => {
+  var offDraggable = useCallback(function () {
     if (dragRef.current && targetRef.current) {
-      dragRef.current.removeEventListener("mousedown", onMousedown);
+      dragRef.current.removeEventListener('mousedown', onMousedown);
     }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  (0, import_react.useEffect)(() => {
+  useEffect(function () {
     if (draggable) {
       onDraggable();
     } else {
@@ -90,8 +67,4 @@ var useDraggable = (targetRef, dragRef, draggable, overflow) => {
     overflowRef.current = overflow;
     return offDraggable;
   }, [draggable, overflow, offDraggable, onDraggable]);
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  useDraggable
-});
+};

package/dist/Divider/Divider.d.ts

@@ -1,10 +1,14 @@
-import React from 'react';
+import React, { FC } from 'react';
 import { BaseProps, NativeProps } from '../types/common';
 export interface DividerProps extends BaseProps, NativeProps<'--el-divider-text-bg-color' | '--el-divider-border-color' | '--el-divider-margin' | '--el-divider-tip-bg-color' | '--el-border-style'> {
+    /** 设置分割线方向 */
     direction?: 'horizontal' | 'vertical';
+    /** 设置分隔符样式 */
     borderStyle?: string;
+    /** 自定义文本样式 */
     textStyle?: React.CSSProperties;
+    /** 设置分割线文案的位置 */
     contentPosition?: 'left' | 'right' | 'center';
 }
-declare const _default: React.NamedExoticComponent<DividerProps>;
-export default _default;
+declare const Divider: FC<DividerProps>;
+export default Divider;