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

package/dist/Dialog/DialogContext.js

@@ -0,0 +1,51 @@
+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)({
+  backdrop: true,
+  setVisible: import_noop.default,
+  doClose: import_noop.default,
+  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.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { DialogFooterProps } from './typings';
+declare const DialogFooter: FC<DialogFooterProps>;
+export default DialogFooter;

package/dist/Dialog/DialogFooter.js

@@ -0,0 +1,46 @@
+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
+});
+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;

package/dist/Dialog/DialogHeader.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { DialogHeaderProps } from './typings';
+declare const DialogHeader: React.ForwardRefExoticComponent<DialogHeaderProps & React.RefAttributes<HTMLDivElement>>;
+export default DialogHeader;

package/dist/Dialog/DialogHeader.js

@@ -0,0 +1,53 @@
+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;

package/dist/Dialog/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Dialog } from './Dialog';
+export type { DialogBeforeCloseFn, DialogProps } from './typings';

package/dist/Dialog/index.js

@@ -0,0 +1,39 @@
+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
+});

package/dist/Dialog/typings.d.ts

@@ -0,0 +1,48 @@
+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;
+    defaultVisible?: boolean;
+    modal?: boolean;
+    className?: string;
+    closeOnClickModal?: boolean;
+    backdropClassName?: string;
+    width?: string | number;
+    headerClass?: string;
+    title?: string | React.ReactElement;
+    showClose?: boolean;
+    border?: boolean;
+    top?: string;
+    center?: boolean;
+    alignCenter?: boolean;
+    draggable?: boolean;
+    overflow?: boolean;
+    fullscreen?: boolean;
+    lockScroll?: boolean;
+    zIndex?: number;
+    onOpen?: () => void;
+    onOpened?: () => void;
+    onClose?: () => void;
+    onClosed?: () => void;
+    close?: () => void;
+    beforeClose?: DialogBeforeCloseFn;
+}
+type DoneFn = (cancel?: boolean) => void;
+export type DialogBeforeCloseFn = (done: DoneFn) => void;
+export interface DialogHeaderProps extends BaseProps {
+    headerClass?: string;
+    showClose?: boolean;
+    border?: boolean;
+    classPrefix?: string;
+    titleStyle?: React.CSSProperties;
+}
+export interface DialogBodyProps extends BaseProps, NativeProps {
+    classPrefix?: string;
+    padding?: string | number;
+}
+export interface DialogFooterProps extends BaseProps, NativeProps {
+    classPrefix?: string;
+    position?: 'left' | 'center' | 'right';
+}
+export {};

package/dist/Dialog/typings.js

@@ -0,0 +1,17 @@
+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);

package/dist/Dialog/useDraggable.d.ts

@@ -0,0 +1,2 @@
+import { RefObject } from 'react';
+export declare const useDraggable: (targetRef: RefObject<HTMLElement | undefined>, dragRef: RefObject<HTMLElement | undefined>, draggable: boolean, overflow?: boolean) => void;

package/dist/Dialog/useDraggable.js

@@ -0,0 +1,97 @@
+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)({
+    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)})`;
+        }
+      };
+      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 (dragRef.current && targetRef.current) {
+      dragRef.current.addEventListener("mousedown", onMousedown);
+    }
+  }, []);
+  const offDraggable = (0, import_react.useCallback)(() => {
+    if (dragRef.current && targetRef.current) {
+      dragRef.current.removeEventListener("mousedown", onMousedown);
+    }
+  }, []);
+  (0, import_react.useEffect)(() => {
+    if (draggable) {
+      onDraggable();
+    } else {
+      offDraggable();
+    }
+    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

@@ -0,0 +1,10 @@
+import React 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;

package/dist/Divider/Divider.js

@@ -0,0 +1,52 @@
+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/Divider/Divider.tsx
+var Divider_exports = {};
+__export(Divider_exports, {
+  default: () => Divider_default
+});
+module.exports = __toCommonJS(Divider_exports);
+var import_classnames = __toESM(require("classnames"));
+var import_react = __toESM(require("react"));
+var import_hooks = require("../hooks");
+var Divider = (props) => {
+  const { direction, borderStyle, contentPosition, classPrefix = "divider" } = props;
+  const { b, m, e, is } = (0, import_hooks.useClassNames)(classPrefix);
+  return (
+    // @ts-ignore
+    /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(b(), m(direction), props.className), style: { ...props.style, "--el-border-style": borderStyle } }, props.children && /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(e`text`, is(contentPosition)), style: props.textStyle }, props.children))
+  );
+};
+Divider.defaultProps = {
+  direction: "horizontal",
+  borderStyle: "solid",
+  contentPosition: "left"
+};
+Divider.displayName = "Divider";
+var Divider_default = (0, import_react.memo)(Divider);

package/dist/Divider/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Divider } from './Divider';
+export type { DividerProps } from './Divider';

package/dist/Divider/index.js

@@ -0,0 +1,39 @@
+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/Divider/index.ts
+var Divider_exports = {};
+__export(Divider_exports, {
+  Divider: () => import_Divider.default
+});
+module.exports = __toCommonJS(Divider_exports);
+var import_Divider = __toESM(require("./Divider"));
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Divider
+});

package/dist/Drawer/Drawer.d.ts

@@ -0,0 +1,18 @@
+import React, { RefObject } from 'react';
+import DrawerBody from './DrawerBody';
+import DrawerFooter from './DrawerFooter';
+import DrawerHeader from './DrawerHeader';
+import { DrawerProps } from './typings';
+declare const Comp: (props: DrawerProps & {
+    ref?: RefObject<HTMLDivElement> | React.ForwardedRef<HTMLDivElement>;
+}) => React.ReactElement;
+type InternalType = typeof Comp;
+interface CompInterface extends InternalType {
+    displayName?: string;
+    defaultProps?: Partial<DrawerProps>;
+    Header: typeof DrawerHeader;
+    Body: typeof DrawerBody;
+    Footer: typeof DrawerFooter;
+}
+declare const Drawer: CompInterface;
+export default Drawer;

package/dist/Drawer/Drawer.js

@@ -0,0 +1,136 @@
+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/Drawer.tsx
+var Drawer_exports = {};
+__export(Drawer_exports, {
+  default: () => Drawer_default
+});
+module.exports = __toCommonJS(Drawer_exports);
+var import_classnames = __toESM(require("classnames"));
+var import_dom_lib = require("dom-lib");
+var import_react = __toESM(require("react"));
+var import_react_dom = require("react-dom");
+var import_Transition = require("../Transition");
+var import_Util = require("../Util");
+var import_hooks = require("../hooks");
+var import_DrawerBody = __toESM(require("./DrawerBody"));
+var import_DrawerContext = require("./DrawerContext");
+var import_DrawerFooter = __toESM(require("./DrawerFooter"));
+var import_DrawerHeader = __toESM(require("./DrawerHeader"));
+function InternalComp(props, ref) {
+  const { backdrop, size, placement, children, onClose, classPrefix = "drawer" } = props;
+  const { b, wb } = (0, import_hooks.useClassNames)(classPrefix);
+  const [visible, setVisible, isControlled] = (0, import_hooks.useControlled)(props.visible, props.defaultVisible);
+  const wrapperRef = (0, import_react.useRef)();
+  const drawerRef = (0, import_react.useRef)();
+  const backdropRef = (0, import_react.useRef)();
+  (0, import_react.useEffect)(() => {
+    if (visible) {
+      let mousedown;
+      const shadowRef = (ref == null ? void 0 : ref.current) ?? (wrapperRef == null ? void 0 : wrapperRef.current);
+      shadowRef == null ? void 0 : shadowRef.addEventListener("mousedown", (e) => mousedown = e);
+      shadowRef == null ? void 0 : shadowRef.addEventListener("mouseup", (mouseup) => {
+        var _a, _b;
+        const mouseUpTarget = mouseup == null ? void 0 : mouseup.target;
+        const mouseDownTarget = mousedown == null ? void 0 : mousedown.target;
+        const isTargetExists = !mouseUpTarget || !mouseDownTarget;
+        const isContainedByPopper = ((_a = drawerRef == null ? void 0 : drawerRef.current) == null ? void 0 : _a.contains(mouseUpTarget)) || ((_b = drawerRef == null ? void 0 : drawerRef.current) == null ? void 0 : _b.contains(mouseDownTarget));
+        if (isTargetExists || isContainedByPopper) {
+          return;
+        }
+        if (backdrop === true) {
+          setVisible(false);
+          onClose == null ? void 0 : onClose();
+        } else if (backdrop === "static") {
+          (0, import_dom_lib.addClass)(drawerRef.current, "r-drawer-shake");
+          setTimeout(() => {
+            (0, import_dom_lib.removeClass)(drawerRef.current, "r-drawer-shake");
+          }, 300);
+        }
+      });
+    }
+  }, [backdrop, onClose, ref, setVisible, visible]);
+  return /* @__PURE__ */ import_react.default.createElement(import_DrawerContext.DrawerContext.Provider, { value: { backdrop, setVisible, isControlled, onClose } }, backdrop && (0, import_react_dom.createPortal)(
+    /* @__PURE__ */ import_react.default.createElement(
+      import_Transition.Transition,
+      {
+        visible,
+        transitionAppear: true,
+        unmountOnExit: true,
+        duration: 300,
+        onEnter: () => {
+          setTimeout(() => {
+            (0, import_dom_lib.addClass)(backdropRef.current, "r-anim-in");
+          }, 10);
+        },
+        beforeLeave: () => (0, import_dom_lib.removeClass)(backdropRef.current, "r-anim-in")
+      },
+      /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(b`backdrop`, "r-anim-fade"), style: { zIndex: import_Util.PopupManager.nextZIndex() }, ref: backdropRef })
+    ),
+    document.body
+  ), (0, import_react_dom.createPortal)(
+    /* @__PURE__ */ import_react.default.createElement(
+      import_Transition.Transition,
+      {
+        visible,
+        transitionAppear: true,
+        unmountOnExit: true,
+        beforeEnter: props.beforeEnter,
+        onEnter: () => {
+          var _a, _b;
+          (_a = props.onOpen) == null ? void 0 : _a.call(props);
+          (_b = props.onEnter) == null ? void 0 : _b.call(props);
+        },
+        beforeLeave: () => {
+          var _a;
+          (0, import_dom_lib.removeClass)(drawerRef.current, "r-anim-slide-in");
+          (0, import_dom_lib.addClass)(drawerRef.current, "r-anim-slide-out");
+          (_a = props.beforeLeave) == null ? void 0 : _a.call(props);
+        },
+        onLeave: props.onLeave,
+        afterLeave: props.afterLeave,
+        duration: 300
+      },
+      /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(b`wrapper`, props.className), style: { ...props.style, zIndex: import_Util.PopupManager.nextZIndex() }, ref: ref || wrapperRef }, /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(wb(size, placement), "r-anim-slide-in", `r-anim-${placement}`), style: { display: "block" }, ref: drawerRef }, /* @__PURE__ */ import_react.default.createElement("div", { className: b`dialog` }, /* @__PURE__ */ import_react.default.createElement("div", { className: b`content` }, children))))
+    ),
+    document.body
+  ));
+}
+var Comp = (0, import_react.forwardRef)(InternalComp);
+var Drawer = Comp;
+Drawer.defaultProps = {
+  placement: "right",
+  backdrop: true,
+  size: "small"
+};
+Drawer.Header = import_DrawerHeader.default;
+Drawer.Body = import_DrawerBody.default;
+Drawer.Footer = import_DrawerFooter.default;
+Drawer.displayName = "Drawer";
+var Drawer_default = Drawer;

package/dist/Drawer/DrawerBody.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { DrawerBodyProps } from './typings';
+declare const DrawerBody: React.ForwardRefExoticComponent<DrawerBodyProps & React.RefAttributes<HTMLDivElement>>;
+export default DrawerBody;