@sheinx/base 3.0.0-alpha.1

package/cjs/modal/modal-content.js

@@ -0,0 +1,289 @@
+"use strict";
+
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.weak-map.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+require("core-js/modules/es.array.includes.js");
+require("core-js/modules/es.array.concat.js");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = _interopRequireWildcard(require("react"));
+var _alertIcon = _interopRequireWildcard(require("../alert/alert-icon"));
+var _icons = _interopRequireDefault(require("../icons"));
+var _hooks = require("@sheinx/hooks");
+var _modalContext = require("./modal-context");
+var _useModalMove = require("./use-modal-move");
+var _useModalResize = require("./use-modal-resize");
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var hasMask = false;
+var mousePosition = null;
+var getClickPosition = function getClickPosition(e) {
+  mousePosition = {
+    x: e.clientX,
+    y: e.clientY
+  };
+  setTimeout(function () {
+    mousePosition = null;
+  }, 100);
+};
+document.addEventListener('click', getClickPosition, true);
+var Modal = function Modal(props) {
+  var _props$jssStyle, _props$jssStyle$modal;
+  var modalClasses = (_props$jssStyle = props.jssStyle) === null || _props$jssStyle === void 0 ? void 0 : (_props$jssStyle$modal = _props$jssStyle.modal) === null || _props$jssStyle$modal === void 0 ? void 0 : _props$jssStyle$modal.call(_props$jssStyle);
+  var panelRef = (0, _react.useRef)(null);
+  var isPositionX = ['left', 'right'].includes(props.position || '');
+  var isPositionY = ['top', 'bottom'].includes(props.position || '');
+  var defaultWidth = isPositionX ? 'auto' : 500;
+  var _props$events = props.events,
+    events = _props$events === void 0 ? {} : _props$events,
+    _props$width = props.width,
+    width = _props$width === void 0 ? defaultWidth : _props$width,
+    _props$maskCloseAble = props.maskCloseAble,
+    maskCloseAble = _props$maskCloseAble === void 0 ? true : _props$maskCloseAble,
+    _props$esc = props.esc,
+    esc = _props$esc === void 0 ? true : _props$esc,
+    _props$top = props.top,
+    top = _props$top === void 0 ? '10vh' : _props$top;
+  var _useState = (0, _react.useState)(''),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    origin = _useState2[0],
+    setOrigin = _useState2[1];
+  var _useRef = (0, _react.useRef)({
+      renderEd: false,
+      isMask: false,
+      mouseDownTarget: null,
+      mouseUpTarget: null
+    }),
+    context = _useRef.current;
+  var _useState3 = (0, _react.useState)(props.visible || props.autoShow),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    animation = _useState4[0],
+    setAnimation = _useState4[1];
+  var _useState5 = (0, _react.useState)(props.visible || props.autoShow),
+    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+    visible = _useState6[0],
+    setVisible = _useState6[1];
+  var moveInfo = (0, _useModalMove.useModalMove)();
+  var resizeInfo = (0, _useModalResize.useModalResize)({
+    defaultWidth: width,
+    defaultHeight: props.height,
+    panelRef: panelRef
+  });
+  var handleMaskVisible = function handleMaskVisible() {
+    // 多个moal 只有第一个显示的时候才显示遮罩
+    // context.isMask 用来判断是否是第一个显示的modal
+    if (visible && !hasMask) {
+      context.isMask = true;
+      hasMask = true;
+    }
+  };
+  handleMaskVisible();
+  var updateOrigin = function updateOrigin() {
+    if (props.position || props.moveable || !props.zoom) return;
+    if (!props.visible) return;
+    if (!panelRef.current) return;
+    var node = panelRef.current;
+    if (mousePosition) {
+      var _node$getBoundingClie = node.getBoundingClientRect(),
+        left = _node$getBoundingClie.left,
+        _top = _node$getBoundingClie.top;
+      var ol = mousePosition.x - left;
+      var ot = mousePosition.y - _top;
+      setOrigin("".concat(ol, "px ").concat(ot, "px"));
+    } else {
+      setOrigin('');
+    }
+  };
+  var handleAnimationEnd = (0, _hooks.usePersistFn)(function () {
+    setAnimation(false);
+    if (props.zoom && !visible) {
+      setOrigin('');
+    }
+    if (!visible && context.isMask) {
+      hasMask = false;
+      context.isMask = false;
+    }
+  });
+  var handleClose = (0, _hooks.usePersistFn)(function () {
+    var _props$onClose;
+    if (!visible) return;
+    if (props.autoShow) {
+      setVisible(false);
+      setAnimation(true);
+    }
+    (_props$onClose = props.onClose) === null || _props$onClose === void 0 ? void 0 : _props$onClose.call(props);
+  });
+  var handleMaskClick = function handleMaskClick(e) {
+    if (e.currentTarget !== e.target) return;
+    if (context.mouseDownTarget !== context.mouseUpTarget) return;
+    if (maskCloseAble) {
+      handleClose();
+    }
+  };
+  var handleMaskMouseDown = function handleMaskMouseDown(e) {
+    context.mouseDownTarget = e.target;
+  };
+  var handleMaskMouseUp = function handleMaskMouseUp(e) {
+    context.mouseUpTarget = e.target;
+  };
+
+  // logic
+  (0, _react.useEffect)(function () {
+    // bind esc events
+    if (esc) {
+      var handleEsc = function handleEsc(e) {
+        if (e.keyCode === 27 || e.key === 'Escape') {
+          handleClose();
+        }
+      };
+      document.addEventListener('keydown', handleEsc);
+      return function () {
+        document.removeEventListener('keydown', handleEsc);
+      };
+    }
+  }, []);
+  (0, _react.useEffect)(function () {
+    // sync aniamtion
+    if (props.autoShow) return;
+    setVisible(!!props.visible);
+    setAnimation(true);
+  }, [props.visible]);
+  var canDestroy = !visible && !animation;
+  (0, _react.useEffect)(function () {
+    var _props$shouldDestroy;
+    // notify parent destroy
+    (_props$shouldDestroy = props.shouldDestroy) === null || _props$shouldDestroy === void 0 ? void 0 : _props$shouldDestroy.call(props, canDestroy);
+  }, [canDestroy]);
+  (0, _react.useEffect)(function () {
+    // unmount
+    return function () {
+      var _props$shouldDestroy2;
+      (_props$shouldDestroy2 = props.shouldDestroy) === null || _props$shouldDestroy2 === void 0 ? void 0 : _props$shouldDestroy2.call(props, true);
+      if (props.autoShow) {
+        var _props$onClose2;
+        (_props$onClose2 = props.onClose) === null || _props$onClose2 === void 0 ? void 0 : _props$onClose2.call(props);
+      }
+      if (context.isMask) {
+        context.isMask = false;
+        hasMask = false;
+      }
+    };
+  }, []);
+
+  // render
+
+  var renderIcon = function renderIcon() {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_alertIcon.default, {
+      jssStyle: props.jssStyle,
+      type: props.type,
+      className: modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.headerIcon
+    });
+  };
+  var renderHeader = function renderHeader() {
+    var showCloseIcon = maskCloseAble === null || !!maskCloseAble;
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.header,
+      onMouseDown: props.moveable ? moveInfo.handleMouseDown : undefined,
+      children: [renderIcon(), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.headerTitle,
+        children: props.title
+      }), showCloseIcon && !props.hideClose && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.headerClose,
+        onClick: handleClose,
+        children: _icons.default === null || _icons.default === void 0 ? void 0 : _icons.default.Close
+      })]
+    });
+  };
+  var renderBody = function renderBody() {
+    var bodyStyle = _objectSpread({
+      padding: props.padding
+    }, props.bodyStyle);
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: (0, _classnames.default)(modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.body, props.type && !!_alertIcon.AlertIconMap[props.type] && (modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.bodyWithIcon)),
+      style: bodyStyle,
+      children: props.children
+    });
+  };
+  var renderFooter = function renderFooter() {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.footer,
+      children: props.footer
+    });
+  };
+  var renderResize = function renderResize() {
+    if (!props.resizable) return null;
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [!isPositionY && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.resizeX,
+        "data-position": props.position,
+        onMouseDown: resizeInfo.handleXMouseDown
+      }), !isPositionX && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.resizeY,
+        "data-position": props.position,
+        onMouseDown: resizeInfo.handleYMouseDown
+      }), !isPositionX && !isPositionY && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.resizeXY,
+        onMouseDown: resizeInfo.handleXYMouseDown
+      })]
+    });
+  };
+  if (!context.renderEd && !visible) return null;
+  context.renderEd = true;
+  var panelStyle = _objectSpread({
+    width: props.fullScreen ? undefined : resizeInfo.width,
+    height: resizeInfo.height,
+    transformOrigin: origin,
+    top: props.fullScreen ? undefined : top
+  }, props.style);
+  if (isPositionX) {
+    panelStyle.top = undefined;
+    panelStyle.height = undefined;
+  }
+  if (isPositionY) {
+    panelStyle.top = undefined;
+    panelStyle.width = undefined;
+  }
+  if (props.moveable) {
+    panelStyle.transform = "translate(".concat(moveInfo.pos.x, "px, ").concat(moveInfo.pos.y, "px)");
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_modalContext.ModalFormProvider, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: (0, _classnames.default)(props.rootClassName, modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.wrapper, animation && (modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.wrapperAnimation), visible ? modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.wrapperShow : modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.wrapperHide, (context.isMask || props.forceMask) && (modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.wrapperIsMask), props.fullScreen && (modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.wrapperFullScreen), props.moveable && (modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.wrapperMoveable), props.hideMask && (modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.wrapperHideMask), props.zoom && !props.moveable && (modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.wrapperZoom), (isPositionX || isPositionY) && (modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.wrapperDrawer), props.position === 'left' && (modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.wrapperDrawerLeft), props.position === 'right' && (modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.wrapperDrawerRight), props.position === 'top' && (modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.wrapperDrawerTop), props.position === 'bottom' && (modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.wrapperDrawerBottom)),
+      onAnimationEnd: handleAnimationEnd,
+      style: {
+        background: props.maskBackground,
+        zIndex: props.zIndex
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({
+        className: modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.mask
+      }, events), {}, {
+        onMouseDown: handleMaskMouseDown,
+        onMouseUp: handleMaskMouseUp,
+        onClick: handleMaskClick,
+        onAnimationStart: updateOrigin,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          ref: panelRef,
+          className: (0, _classnames.default)(modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.panel, props.className),
+          style: panelStyle,
+          children: [renderHeader(), renderBody(), renderFooter(), renderResize()]
+        })
+      }))
+    })
+  });
+};
+var _default = Modal;
+exports.default = _default;

package/cjs/modal/modal-content.type.d.ts

@@ -0,0 +1,6 @@
+import { ModalProps } from './modal.type';
+export interface ModalContentProps extends ModalProps {
+    shouldDestroy: (state: boolean) => void;
+    autoShow: boolean;
+}
+//# sourceMappingURL=modal-content.type.d.ts.map

package/cjs/modal/modal-content.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-content.type.d.ts","sourceRoot":"","sources":["modal-content.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,MAAM,WAAW,iBAAkB,SAAQ,UAAU;IACnD,aAAa,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACxC,QAAQ,EAAE,OAAO,CAAC;CACnB"}

package/cjs/modal/modal-content.type.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/cjs/modal/modal-context.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+export interface ModalFormContextValue {
+    setFormStats: (disabled?: 'disabled' | 'pending') => void;
+    setFormInfo: (info: {
+        submit: () => void;
+    }) => void;
+    formStats: 'disabled' | 'pending' | undefined;
+    func: {
+        submit: () => void;
+    };
+}
+export declare const ModalFormContext: React.Context<ModalFormContextValue | null>;
+export declare const ModalFormProvider: (props: {
+    children: React.ReactNode;
+}) => JSX.Element;
+//# sourceMappingURL=modal-context.d.ts.map

package/cjs/modal/modal-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-context.d.ts","sourceRoot":"","sources":["modal-context.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAExE,MAAM,WAAW,qBAAqB;IACpC,YAAY,EAAE,CAAC,QAAQ,CAAC,EAAE,UAAU,GAAG,SAAS,KAAK,IAAI,CAAC;IAC1D,WAAW,EAAE,CAAC,IAAI,EAAE;QAAE,MAAM,EAAE,MAAM,IAAI,CAAA;KAAE,KAAK,IAAI,CAAC;IACpD,SAAS,EAAE,UAAU,GAAG,SAAS,GAAG,SAAS,CAAC;IAC9C,IAAI,EAAE;QACJ,MAAM,EAAE,MAAM,IAAI,CAAC;KACpB,CAAC;CACH;AAED,eAAO,MAAM,gBAAgB,6CAAoD,CAAC;AAElF,eAAO,MAAM,iBAAiB,UAAW;IAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;CAAE,gBAarE,CAAC"}

package/cjs/modal/modal-context.js

@@ -0,0 +1,45 @@
+"use strict";
+
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.weak-map.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ModalFormProvider = exports.ModalFormContext = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _hooks = require("@sheinx/hooks");
+var _react = _interopRequireWildcard(require("react"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var ModalFormContext = /*#__PURE__*/(0, _react.createContext)(null);
+exports.ModalFormContext = ModalFormContext;
+var ModalFormProvider = function ModalFormProvider(props) {
+  var _useState = (0, _react.useState)(undefined),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    formStats = _useState2[0],
+    setFormStats = _useState2[1];
+  var _useRef = (0, _react.useRef)({
+      submit: function submit() {}
+    }),
+    context = _useRef.current;
+  var setFormInfo = (0, _hooks.usePersistFn)(function (info) {
+    context.submit = info.submit;
+  });
+  var value = (0, _react.useMemo)(function () {
+    return {
+      setFormStats: setFormStats,
+      setFormInfo: setFormInfo,
+      formStats: formStats,
+      func: context
+    };
+  }, [formStats]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ModalFormContext.Provider, {
+    value: value,
+    children: props.children
+  });
+};
+exports.ModalFormProvider = ModalFormProvider;

package/cjs/modal/modal-func.d.ts

@@ -0,0 +1,10 @@
+import type { ModalJssStyle } from './modal.type';
+import type { ModalOptions } from './modal-func.type';
+export declare const closeAll: () => void;
+declare type MethodType = 'info' | 'warning' | 'error' | 'confirm' | 'show' | 'success';
+declare const _default: {
+    type: (type: MethodType, jssStyle: ModalJssStyle) => (options: Omit<ModalOptions, "jssStyle">) => void;
+    closeAll: () => void;
+};
+export default _default;
+//# sourceMappingURL=modal-func.d.ts.map

package/cjs/modal/modal-func.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-func.d.ts","sourceRoot":"","sources":["modal-func.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAWtD,eAAO,MAAM,QAAQ,YAIpB,CAAC;AA6CF,aAAK,UAAU,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAAC;;;;;AA2DhF,wBAGE"}

package/cjs/modal/modal-func.js

@@ -0,0 +1,129 @@
+"use strict";
+
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.closeAll = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.set.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+var _react = require("react");
+var _hooks = require("@sheinx/hooks");
+var _modalContent = _interopRequireDefault(require("./modal-content"));
+var _button = _interopRequireDefault(require("../button/button"));
+var _config = require("../config");
+var _useContainer = require("../absolute-list/use-container");
+var _jsxRuntime = require("react/jsx-runtime");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var modals = new Set();
+var destroy = function destroy(root) {
+  _hooks.util.ReactUnmount(root);
+  if (root && root.parentElement) {
+    root.parentElement.removeChild(root);
+  }
+  modals.delete(root);
+};
+var closeAll = function closeAll() {
+  modals.forEach(function (modal) {
+    destroy(modal);
+  });
+};
+exports.closeAll = closeAll;
+var closeCallback = function closeCallback(fn, close, setLoading) {
+  return function () {
+    var callback;
+    if (fn) callback = fn();
+    if (callback && typeof callback.then === 'function') {
+      if (setLoading) setLoading(true);
+      callback.then(function () {
+        close();
+      }).catch(function () {
+        if (setLoading) setLoading(false);
+      });
+    } else {
+      close();
+    }
+  };
+};
+var LoadingOk = function LoadingOk(props) {
+  var _useConfig = (0, _config.useConfig)(),
+    locale = _useConfig.locale;
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    loading = _useState2[0],
+    setLoading = _useState2[1];
+  var callback = closeCallback(props.onOk, props.destroy, setLoading);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.default, {
+    autoFocus: props.autoFocus,
+    type: "primary",
+    jssStyle: props.jssStyle,
+    loading: loading,
+    onClick: callback,
+    children: (0, _config.getLocale)(locale, 'ok', props.text)
+  });
+};
+var BtnCancel = function BtnCancel(option) {
+  var onClick = closeCallback(option.onCancel, option.destroy);
+  var _useConfig2 = (0, _config.useConfig)(),
+    locale = _useConfig2.locale;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.default, {
+    autoFocus: option.autoFocus,
+    mode: "outline",
+    id: "".concat(option.id, "-cancel"),
+    onClick: onClick,
+    jssStyle: option.jssStyle,
+    children: (0, _config.getLocale)(locale, 'cancel', option.text)
+  }, 'cancel');
+};
+var method = function method(type, jssStyle) {
+  return function (options) {
+    var id = _hooks.util.getUidStr();
+    var root = (0, _useContainer.getRoot)({
+      container: options.container
+    });
+    var destroyModal = function destroyModal() {
+      destroy(root);
+    };
+    modals.add(root);
+    var btnOptions = {
+      jssStyle: jssStyle,
+      destroy: destroyModal,
+      onOk: options.onOk,
+      onCancel: options.onCancel,
+      text: options.text,
+      id: id
+    };
+    var ok = /*#__PURE__*/(0, _react.createElement)(LoadingOk, _objectSpread(_objectSpread({}, btnOptions), {}, {
+      autoFocus: options.autoFocusButton === 'ok',
+      key: "ok"
+    }));
+    var cancel = /*#__PURE__*/(0, _react.createElement)(BtnCancel, _objectSpread(_objectSpread({}, btnOptions), {}, {
+      autoFocus: options.autoFocusButton === 'cancel',
+      key: "cancel"
+    }));
+    var footer = type === 'confirm' ? [cancel, ok] : options.footer !== undefined ? options.footer : [ok];
+    var Content = /*#__PURE__*/(0, _jsxRuntime.jsx)(_modalContent.default, _objectSpread(_objectSpread({}, options), {}, {
+      autoShow: true,
+      jssStyle: jssStyle,
+      type: type,
+      footer: footer,
+      shouldDestroy: function shouldDestroy(can) {
+        if (can) destroyModal();
+      },
+      children: options.content || options.children
+    }));
+    _hooks.util.ReactRender(Content, root);
+  };
+};
+var _default = {
+  type: method,
+  closeAll: closeAll
+};
+exports.default = _default;

package/cjs/modal/modal-func.type.d.ts

@@ -0,0 +1,45 @@
+import { ReactNode } from 'react';
+import { ModalProps } from './modal.type';
+/**
+ * @title ModalMethods
+ */
+interface ModalFunctionExternalOptions {
+    /**
+     * @en Content body
+     * @cn 提示内容主体
+     */
+    content?: ReactNode;
+    /**
+     * @en The event is triggered when the cancel button is clicked.
+     * @cn 点击取消按钮时触发事件，仅在 confirm 方法中有效
+     */
+    onCancel?: () => void;
+    /**
+     * @en The event is triggered when the modal is closed.
+     * @cn 关闭 Modal 时触发
+     */
+    onClose?: () => void;
+    /**
+     * @en The event is triggered when the ok button is clicked.
+     * @cn 点击确定按钮时触发事件，返回 Promise 时，会在 Promise resolve 后关闭Modal
+     */
+    onOk?: () => void | Promise<any>;
+    /**
+     * @en The text of button
+     * @cn 按钮文字
+     * @default { ok: 'Ok', cancel: 'Cancel' }
+     */
+    text?: {
+        ok?: string;
+        cancel?: string;
+    };
+    /**
+     * @en auto focus button
+     * @cn 默认聚焦的按钮
+     */
+    autoFocusButton?: 'ok' | 'cancel';
+}
+export interface ModalOptions extends ModalFunctionExternalOptions, Omit<ModalProps, 'destroy' | 'visible' | 'type'> {
+}
+export {};
+//# sourceMappingURL=modal-func.type.d.ts.map

package/cjs/modal/modal-func.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-func.type.d.ts","sourceRoot":"","sources":["modal-func.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C;;GAEG;AACH,UAAU,4BAA4B;IACpC;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IAEpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IAEtB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC;IAEjC;;;;OAIG;IACH,IAAI,CAAC,EAAE;QAAE,EAAE,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAExC;;;OAGG;IACH,eAAe,CAAC,EAAE,IAAI,GAAG,QAAQ,CAAC;CACnC;AACD,MAAM,WAAW,YACf,SAAQ,4BAA4B,EAClC,IAAI,CAAC,UAAU,EAAE,SAAS,GAAG,SAAS,GAAG,MAAM,CAAC;CAAG"}

package/cjs/modal/modal-func.type.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/cjs/modal/modal-submit.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import type { ButtonProps } from '../button/button.type';
+declare const ModalSubmit: (props: ButtonProps) => JSX.Element;
+export default ModalSubmit;
+//# sourceMappingURL=modal-submit.d.ts.map

package/cjs/modal/modal-submit.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-submit.d.ts","sourceRoot":"","sources":["modal-submit.tsx"],"names":[],"mappings":";AAMA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEzD,QAAA,MAAM,WAAW,UAAW,WAAW,gBAgBtC,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/cjs/modal/modal-submit.js

@@ -0,0 +1,42 @@
+"use strict";
+
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.weak-map.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireWildcard(require("react"));
+var _hooks = require("@sheinx/hooks");
+var _button = _interopRequireDefault(require("../button/button"));
+var _modalContext = require("./modal-context");
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var ModalSubmit = function ModalSubmit(props) {
+  var modalFormContext = (0, _react.useContext)(_modalContext.ModalFormContext);
+  var handleClick = (0, _hooks.usePersistFn)(function (e) {
+    var _props$onClick;
+    (_props$onClick = props.onClick) === null || _props$onClick === void 0 ? void 0 : _props$onClick.call(props, e);
+    modalFormContext === null || modalFormContext === void 0 ? void 0 : modalFormContext.func.submit();
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.default, _objectSpread(_objectSpread({
+    htmlType: "button",
+    type: "primary",
+    loading: (modalFormContext === null || modalFormContext === void 0 ? void 0 : modalFormContext.formStats) === 'pending',
+    disabled: (modalFormContext === null || modalFormContext === void 0 ? void 0 : modalFormContext.formStats) === 'disabled'
+  }, props), {}, {
+    onClick: handleClick
+  }));
+};
+var _default = ModalSubmit;
+exports.default = _default;

package/cjs/modal/modal.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { ModalProps } from './modal.type';
+declare const Modal: (props: ModalProps) => import("react").ReactPortal | null;
+export default Modal;
+//# sourceMappingURL=modal.d.ts.map

package/cjs/modal/modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["modal.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG1C,QAAA,MAAM,KAAK,UAAW,UAAU,uCAc/B,CAAC;AAEF,eAAe,KAAK,CAAC"}