@qsxy/element-plus-react 1.0.0-next.2 → 1.0.0-next.22

package/dist/MessageBox/index.d.ts

@@ -1,9 +1,23 @@
 import React from 'react';
-import { MessageBoxData, MessageBoxProps } from './typings';
+import { Action, MessageBoxInputData, MessageBoxProps } from './typings';
 export declare const MessageBox: {
-    (options?: MessageBoxProps): Promise<unknown>;
-    alert: (message: string | React.ReactElement, title: string | React.ReactElement | MessageBoxProps, options?: MessageBoxProps) => Promise<MessageBoxData>;
-    confirm: (message: string | React.ReactElement, title: string | React.ReactElement | MessageBoxProps, options?: MessageBoxProps) => Promise<MessageBoxData>;
-    prompt: (message: string | React.ReactElement, title: string | React.ReactElement | MessageBoxProps, options?: MessageBoxProps) => Promise<MessageBoxData>;
+    (options?: MessageBoxProps): Promise<Action>;
+    /**
+     * 消息弹窗提示
+     * @param message 消息内容
+     * @param title 标题
+     * @param options 其他设置项
+     * @returns
+     */
+    alert: (message: string | React.ReactElement, title?: string | React.ReactElement | MessageBoxProps, options?: MessageBoxProps) => Promise<Action>;
+    /**
+     * 确认消息
+     * @param message 消息内容
+     * @param title 标题
+     * @param options 其他设置项
+     * @returns
+     */
+    confirm: (message: string | React.ReactElement, title?: string | React.ReactElement | MessageBoxProps, options?: MessageBoxProps) => Promise<Action>;
+    prompt: (message: string | React.ReactElement, title?: string | React.ReactElement | MessageBoxProps, options?: MessageBoxProps) => Promise<MessageBoxInputData>;
 };
 export type { Action as MessageBoxAction, MessageBoxMethod, MessageBoxProps, MessageBoxRef } from './typings';

package/dist/MessageBox/index.js

@@ -1,99 +1,95 @@
-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/MessageBox/index.ts
-var MessageBox_exports = {};
-__export(MessageBox_exports, {
-  MessageBox: () => MessageBox
-});
-module.exports = __toCommonJS(MessageBox_exports);
-var import_Util = require("../Util");
-var import_Main = __toESM(require("./Main"));
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { isObject, isUndefined } from "../Util";
+import Main from "./Main";
 var MESSAGE_BOX_DEFAULT_OPTS = {
-  alert: { closeOnClickModal: false },
-  confirm: { showCancelButton: true },
-  prompt: { showCancelButton: true, showInput: true }
+  alert: {
+    closeOnClickModal: false
+  },
+  confirm: {
+    showCancelButton: true
+  },
+  prompt: {
+    showCancelButton: true,
+    showInput: true
+  }
 };
-var instanceFactory = (boxType) => {
-  return (message, title, options) => {
-    let titleOrOpts = "";
-    if ((0, import_Util.isObject)(title)) {
+var instanceFactory = function instanceFactory(boxType) {
+  return function (message, title, options) {
+    var _options;
+    var titleOrOpts = '';
+    if (isObject(title)) {
       options = title;
-      titleOrOpts = "";
-    } else if ((0, import_Util.isUndefined)(title)) {
-      titleOrOpts = "";
+      titleOrOpts = '';
+    } else if (isUndefined(title)) {
+      titleOrOpts = '';
     } else {
       titleOrOpts = title;
     }
-    const { distinguishCancelAndClose } = options ?? {};
-    return new Promise((resolve, reject) => {
-      new import_Main.default({
-        boxType,
-        options: {
-          message,
-          title: titleOrOpts,
-          ...MESSAGE_BOX_DEFAULT_OPTS[boxType],
-          ...options
-        },
-        onAction: (action, value) => {
-          if (action === "confirm") {
-            resolve(boxType === "prompt" ? { value, action } : action);
-          } else if (action === "cancel") {
+    var _ref = (_options = options) !== null && _options !== void 0 ? _options : {},
+      distinguishCancelAndClose = _ref.distinguishCancelAndClose;
+    return new Promise(function (resolve, reject) {
+      new Main({
+        boxType: boxType,
+        options: _objectSpread(_objectSpread({
+          message: message,
+          title: titleOrOpts
+        }, MESSAGE_BOX_DEFAULT_OPTS[boxType]), options),
+        onAction: function onAction(action, value) {
+          if (action === 'confirm') {
+            // @ts-ignore
+            resolve(boxType === 'prompt' ? {
+              value: value,
+              action: action
+            } : action);
+          } else if (action === 'cancel') {
             reject(action);
-          } else if (action === "close") {
-            reject(distinguishCancelAndClose ? action : "cancel");
+          } else if (action === 'close') {
+            reject(distinguishCancelAndClose ? action : 'cancel');
           }
         }
       });
     });
   };
 };
-var MessageBox = (options = {}) => {
-  return new Promise((resolve, reject) => {
-    new import_Main.default({
-      options,
-      boxType: "",
-      onAction: (action) => {
-        if (action === "confirm") {
+export var MessageBox = function MessageBox() {
+  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return new Promise(function (resolve, reject) {
+    new Main({
+      options: options,
+      boxType: '',
+      onAction: function onAction(action) {
+        if (action === 'confirm') {
           resolve(action);
-        } else if (action === "cancel") {
+        } else if (action === 'cancel') {
           reject(action);
-        } else if (action === "close") {
-          reject((options == null ? void 0 : options.distinguishCancelAndClose) ? action : "cancel");
+        } else if (action === 'close') {
+          reject(options !== null && options !== void 0 && options.distinguishCancelAndClose ? action : 'cancel');
         }
       }
     });
   });
 };
-MessageBox.alert = instanceFactory("alert");
-MessageBox.confirm = instanceFactory("confirm");
-MessageBox.prompt = instanceFactory("prompt");
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  MessageBox
-});
+
+/**
+ * 消息弹窗提示
+ * @param message 消息内容
+ * @param title 标题
+ * @param options 其他设置项
+ * @returns
+ */
+MessageBox.alert = instanceFactory('alert');
+
+/**
+ * 确认消息
+ * @param message 消息内容
+ * @param title 标题
+ * @param options 其他设置项
+ * @returns
+ */
+MessageBox.confirm = instanceFactory('confirm');
+MessageBox.prompt = instanceFactory('prompt');

package/dist/MessageBox/typings.d.ts

@@ -3,37 +3,70 @@ import { DialogFooterProps, DialogProps } from '../Dialog/typings';
 import { IconName, IconProps } from '../Icon';
 import { AnimationEventProps, BaseProps, NativeProps, TypeAttributes } from '../types/common';
 export interface MessageBoxProps extends BaseProps, NativeProps, AnimationEventProps {
+    /** 标题 */
     title?: string | React.ReactElement;
+    /** 消息正文内容 */
     message?: string | React.ReactElement;
+    /** 是否将 message 属性作为 HTML 片段处理 */
+    /** 消息类型，用于显示图标 */
     type?: 'success' | 'info' | 'warning' | 'error';
+    /** 消息自定义图标，该属性会覆盖 type 的图标 */
     icon?: IconName | React.ReactElement<IconProps>;
+    /** 遮罩的自定义类名 */
     modalClass?: string;
+    /** 自定义确认按钮及取消按钮的大小 */
     width?: DialogProps['width'];
+    /** 若不使用 Promise，可以使用此参数指定 MessageBox 关闭后的回调函数, instance 为 MessageBox 实例， 可以通过它访问实例上的属性和方法 */
     callback?: (value: string, action: Action) => any | ((action: Action) => any);
+    /** 是否显示右上角关闭按钮 */
     showClose?: boolean;
+    /** 是否可以通过点击 modal 关闭 MessageBox */
     closeOnClickModal?: boolean;
+    /** 关闭前的回调，会暂停消息弹出框的关闭过程；instance为 MessageBox 实例，可以通过它访问实例上的属性和方法；done用于关闭 MessageBox 实例 */
     beforeClose?: (action?: Action, done?: () => void, ref?: RefObject<MessageBoxRef>) => void;
+    /** 是否显示取消按钮（以 confirm 和 prompt 方式调用时为 true） */
     showCancelButton?: boolean;
+    /** 是否显示确定按钮 */
     showConfirmButton?: boolean;
+    /** 取消按钮的文本内容 */
     cancelButtonText?: string;
+    /** 确定按钮的文本内容 */
     confirmButtonText?: string;
+    /** 取消按钮的自定义类名 */
     cancelButtonClass?: string;
+    /** 确定按钮的自定义类名 */
     confirmButtonClass?: string;
+    /** 自定义确认和取消按钮的尺寸 */
     buttonSize?: TypeAttributes.Size;
+    /** 按钮位置 */
     buttonPosition?: DialogFooterProps['position'];
+    /** 是否将取消（点击取消按钮）与关闭（点击关闭按钮或遮罩层、按下 Esc 键）进行区分 */
     distinguishCancelAndClose?: boolean;
+    /** 内容区域padding */
     padding?: string | number;
+    /** 是否在 MessageBox 出现时将 body 滚动锁定 */
     lockScroll?: boolean;
+    /** 是否显示输入框 */
     showInput?: boolean;
+    /** 输入框占位文本 */
     inputPlaceholder?: string;
+    /** 输入框的类型 */
     inputType?: string;
+    /** 输入框的初始文本 */
     inputValue?: string;
+    /** 输入框的校验表达式 */
     inputPattern?: RegExp;
+    /** 输入框的校验函数。 应该返回一个 boolean 或者 string， 如果返回的是一个 string 类型，那么该返回值会被赋值给 inputErrorMessage 用于向用户展示错误消息。 */
     inputValidator?: (value: string) => boolean | string;
+    /** 校验未通过时的提示文本 */
     inputErrorMessage?: string;
+    /** 是否居中布局 */
     center?: boolean;
+    /** 为 MessageBox 启用可拖拽功能 */
     draggable?: boolean;
+    /** 拖动范围可以超出可视区 */
     overflow?: boolean;
+    /** 是否使用圆角按钮 */
     roundButton?: boolean;
 }
 export type MessageState = {
@@ -51,13 +84,31 @@ export interface MessageBoxInputData {
 export type ElMessageBoxShortcutMethod = (((message: MessageBoxProps['message'], title: MessageBoxProps['title'], options?: Omit<MessageBoxProps, 'message' | 'title'>) => Promise<MessageBoxData>) & ((message: MessageBoxProps['message'], options?: Omit<MessageBoxProps, 'message' | 'title'>) => Promise<MessageBoxData>));
 export interface MessageBoxMethod {
     (options?: MessageBoxProps): Promise<MessageBoxData>;
+    /**
+     * 消息弹窗提示
+     * @param message 消息内容
+     * @param title 标题
+     * @param options 其他设置项
+     * @returns
+     */
     alert: ElMessageBoxShortcutMethod;
+    /**
+     * 确认消息
+     * @param message 消息内容
+     * @param title 标题
+     * @param options 其他设置项
+     * @returns
+     */
     confirm: ElMessageBoxShortcutMethod;
     prompt: ElMessageBoxShortcutMethod;
 }
 export interface MessageBoxRef {
     ref: RefObject<HTMLDivElement>;
+    inputValue?: string;
+    /** 关闭方法 */
     close: () => void;
+    /** 设置确认按钮是否加载状态 */
     setConfirmButtonLoading: (value: boolean) => void;
+    /** 修改确认按钮文本方法 */
     setConfirmButtonText: (value: string) => void;
 }

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

package/dist/Notification/Main.js

@@ -1,68 +1,36 @@
-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/Notification/Main.tsx
-var Main_exports = {};
-__export(Main_exports, {
-  Main: () => Main,
-  default: () => Main_default
-});
-module.exports = __toCommonJS(Main_exports);
-var import_react = __toESM(require("react"));
-var import_client = require("react-dom/client");
-var import_Notification = __toESM(require("./Notification"));
-var Main = class {
-  constructor(props) {
-    this.ref = (0, import_react.createRef)();
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+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 _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import React, { createRef } from 'react';
+import { createRoot } from 'react-dom/client';
+import Notification from "./Notification";
+export var Main = /*#__PURE__*/function () {
+  function Main(props) {
+    _classCallCheck(this, Main);
+    _defineProperty(this, "ref", /*#__PURE__*/createRef());
     this.render(props);
   }
-  render(props) {
-    const renderDom = document.createDocumentFragment();
-    const root = (0, import_client.createRoot)(renderDom);
-    root.render(
-      /* @__PURE__ */ import_react.default.createElement(
-        import_Notification.default,
-        {
-          ...props,
-          afterLeave: () => {
-            setTimeout(() => {
-              root.unmount();
-            }, 200);
-          },
-          key: props.id,
-          ref: this.ref
-        }
-      )
-    );
-  }
-};
-var Main_default = Main;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Main
-});
+  _createClass(Main, [{
+    key: "render",
+    value: function render(props) {
+      var renderDom = document.createDocumentFragment();
+      var root = createRoot(renderDom);
+      root.render( /*#__PURE__*/React.createElement(Notification, _extends({}, props, {
+        afterLeave: function afterLeave() {
+          setTimeout(function () {
+            root.unmount();
+          }, 200);
+        },
+        key: props.id,
+        ref: this.ref
+      })));
+    }
+  }]);
+  return Main;
+}();
+export default Main;