@sheinx/base 3.0.0-alpha.1

package/cjs/message/func.type.d.ts

@@ -0,0 +1,67 @@
+import React from 'react';
+import { MessageClasses } from './message.type';
+import { AlertClasses } from '../alert/alert.type';
+export declare type MessageType = 'default' | 'success' | 'info' | 'warning' | 'danger';
+export declare type PositionType = 'top' | 'middle' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+export interface MessageFuncArg {
+    /**
+     * @en The message content
+     * @cn 消息内容
+     */
+    content: React.ReactNode;
+    /**
+     * @en Message duration, unit: s; If it is set to 0, it must be manually closed.
+     * @cn 消息持续时间，单位秒；如果设置为 0，必须手动关闭
+     * @default 3
+     */
+    duration?: number;
+}
+/**
+ * @title MessageOptions
+ */
+export interface MessageOptions {
+    /**
+     * @en extend className
+     * @cn 类名
+     */
+    className?: string;
+    /**
+     * @en The callback function when the message is closed.
+     * @cn 关闭后回调事件
+     */
+    onClose?: () => void;
+    /**
+     * @en The position where the message display
+     * @cn 消息显示的位置
+     * @default "top"
+     */
+    position?: 'top' | 'middle' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+    /**
+     * @en title
+     * @cn 标题文字
+     */
+    title?: string;
+    /**
+     * @en show close button
+     * @cn 是否隐藏关闭按钮
+     * @default false
+     */
+    hideClose?: boolean;
+    /**
+     * @en Distance from the top. Note that the Message container is 20px from the top by default. If you need the distance to be 0px from the top, you need to set it to -20px.
+     * @cn 距离顶部的距离。注意，Message 容器距离顶部默认为 20px，如果需要距离顶部 0px，需要设置为 -20px
+     * @default "auto"
+     */
+    top?: string;
+    /**
+     * @en target element
+     * @cn 渲染的目标节点
+     * @default document.body
+     */
+    container?: (() => HTMLElement) | HTMLElement;
+    jssStyle?: {
+        message?: () => MessageClasses;
+        alert?: () => AlertClasses;
+    };
+}
+//# sourceMappingURL=func.type.d.ts.map

package/cjs/message/func.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"func.type.d.ts","sourceRoot":"","sources":["func.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAEnD,oBAAY,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAC;AAEhF,oBAAY,YAAY,GACpB,KAAK,GACL,QAAQ,GACR,UAAU,GACV,WAAW,GACX,aAAa,GACb,cAAc,CAAC;AAEnB,MAAM,WAAW,cAAc;IAC7B;;;OAGG;IACH,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AACD;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,UAAU,GAAG,WAAW,GAAG,aAAa,GAAG,cAAc,CAAC;IACxF;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;;OAIG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;;;OAIG;IACH,SAAS,CAAC,EAAE,CAAC,MAAM,WAAW,CAAC,GAAG,WAAW,CAAC;IAC9C,QAAQ,CAAC,EAAE;QACT,OAAO,CAAC,EAAE,MAAM,cAAc,CAAC;QAC/B,KAAK,CAAC,EAAE,MAAM,YAAY,CAAC;KAC5B,CAAC;CACH"}

package/cjs/message/func.type.js

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

package/cjs/message/index.d.ts

@@ -0,0 +1,3 @@
+export { default, default as Message } from './func';
+export type { MessageType, MessageFuncArg, MessageOptions } from './func.type';
+//# sourceMappingURL=index.d.ts.map

package/cjs/message/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,QAAQ,CAAC;AAErD,YAAY,EAAE,WAAW,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC"}

package/cjs/message/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Message", {
+  enumerable: true,
+  get: function get() {
+    return _func.default;
+  }
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _func.default;
+  }
+});
+var _func = _interopRequireDefault(require("./func"));

package/cjs/message/manager.d.ts

@@ -0,0 +1,12 @@
+import Message from './message';
+import { MessageProps } from './message.type';
+export declare const destroy: (position: string) => void;
+interface Params {
+    position: string;
+    container?: (() => HTMLElement) | HTMLElement;
+    rootClassName?: string;
+    jssStyle: MessageProps['jssStyle'];
+}
+export declare function getComponent(params: Params): Promise<Message>;
+export default Message;
+//# sourceMappingURL=manager.d.ts.map

package/cjs/message/manager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"manager.d.ts","sourceRoot":"","sources":["manager.tsx"],"names":[],"mappings":"AAEA,OAAO,OAAO,MAAM,WAAW,CAAC;AAGhC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAc9C,eAAO,MAAM,OAAO,aAAc,MAAM,SAWvC,CAAC;AAEF,UAAU,MAAM;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,CAAC,MAAM,WAAW,CAAC,GAAG,WAAW,CAAC;IAC9C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,EAAE,YAAY,CAAC,UAAU,CAAC,CAAC;CACpC;AACD,wBAAgB,YAAY,CAAC,MAAM,EAAE,MAAM,oBA+B1C;AAED,eAAe,OAAO,CAAC"}

package/cjs/message/manager.js

@@ -0,0 +1,71 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.destroy = exports.default = void 0;
+exports.getComponent = getComponent;
+require("core-js/modules/es.promise.js");
+var _react = _interopRequireDefault(require("react"));
+var _message = _interopRequireDefault(require("./message"));
+var _config = require("../config");
+var _hooks = require("@sheinx/hooks");
+var _jsxRuntime = require("react/jsx-runtime");
+// import classNames from 'classnames';
+
+var lastContainer = null;
+var elements = {};
+var components = {};
+var getContainer = function getContainer(container) {
+  var target = _hooks.util.isFunc(container) ? container() : container;
+  if (target instanceof HTMLElement) return target;
+  return (0, _config.getDefaultContainer)();
+};
+var destroy = function destroy(position) {
+  var component = components[position];
+  var element = elements[position];
+  if (element) {
+    _hooks.util.ReactUnmount(element);
+    if (element.parentNode) element.parentNode.removeChild(element);
+    delete elements[position];
+  }
+  if (component) {
+    delete components[position];
+  }
+};
+exports.destroy = destroy;
+function getComponent(params) {
+  var position = params.position,
+    container = params.container,
+    rootClassName = params.rootClassName,
+    jssStyle = params.jssStyle;
+  return new Promise(function (resolve) {
+    var target = getContainer(container);
+    if (lastContainer && lastContainer !== target) {
+      destroy(position);
+    }
+    lastContainer = target;
+    var component = components[position];
+    if (component) {
+      resolve(component);
+    } else {
+      var div = document.createElement('div');
+      div.className = rootClassName || '';
+      elements[position] = div;
+      target.appendChild(div);
+      _hooks.util.ReactRender( /*#__PURE__*/(0, _jsxRuntime.jsx)(_message.default, {
+        ref: function ref(comp) {
+          if (!comp) return;
+          components[position] = comp;
+          resolve(comp);
+        },
+        position: position,
+        onDestroy: destroy.bind(null, position),
+        jssStyle: jssStyle
+      }), div);
+    }
+  });
+}
+var _default = _message.default;
+exports.default = _default;

package/cjs/message/message.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="node" />
+import React from 'react';
+import { MessageItemType, MessageProps } from './message.type';
+interface MessageState {
+    messages: Array<MessageItemType>;
+}
+declare class Message extends React.PureComponent<MessageProps, MessageState> {
+    cachedHeight: Record<string, number>;
+    timeoutMap: Record<string, NodeJS.Timeout>;
+    constructor(props: MessageProps);
+    addMessage(msg: Omit<MessageItemType, 'id'>): () => void;
+    removeMessage(id: string): void;
+    closeMessageForAnimation(id: string, duration?: number, msgHeight?: number): void;
+    render(): JSX.Element;
+}
+export default Message;
+//# sourceMappingURL=message.d.ts.map

package/cjs/message/message.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"message.d.ts","sourceRoot":"","sources":["message.tsx"],"names":[],"mappings":";AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAS/D,UAAU,YAAY;IACpB,QAAQ,EAAE,KAAK,CAAC,eAAe,CAAC,CAAC;CAClC;AAiHD,cAAM,OAAQ,SAAQ,KAAK,CAAC,aAAa,CAAC,YAAY,EAAE,YAAY,CAAC;IACnE,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACrC,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;gBAC/B,KAAK,EAAE,YAAY;IAW/B,UAAU,CAAC,GAAG,EAAE,IAAI,CAAC,eAAe,EAAE,IAAI,CAAC;IAiB3C,aAAa,CAAC,EAAE,EAAE,MAAM;IAmBxB,wBAAwB,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,MAAM;IAiB1E,MAAM;CAcP;AAED,eAAe,OAAO,CAAC"}

package/cjs/message/message.js

@@ -0,0 +1,232 @@
+"use strict";
+
+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;
+require("core-js/modules/es.array.map.js");
+require("core-js/modules/es.array.concat.js");
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _alert = _interopRequireDefault(require("../alert"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _hooks = require("@sheinx/hooks");
+var _immer = require("immer");
+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 _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+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 getUidStr = _hooks.util.getUidStr,
+  getDataAttribute = _hooks.util.getDataAttribute;
+var dismissDuration = 200;
+var MessagePure = function MessagePure(props) {
+  var _jssStyle$message;
+  var messages = props.messages,
+    jssStyle = props.jssStyle,
+    position = props.position,
+    timeoutMap = props.timeoutMap;
+  var _useState = (0, _react.useState)(timeoutMap),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    timeoutByIdMap = _useState2[0],
+    setTimeoutByIdMap = _useState2[1];
+  (0, _react.useEffect)(function () {
+    setTimeoutByIdMap(timeoutMap);
+  }, [Object.keys(timeoutMap).length]);
+
+  // hooks
+  var styles = jssStyle === null || jssStyle === void 0 ? void 0 : (_jssStyle$message = jssStyle.message) === null || _jssStyle$message === void 0 ? void 0 : _jssStyle$message.call(jssStyle);
+  var handleClassName = function handleClassName(position, closeMsg) {
+    return (0, _classnames.default)(styles === null || styles === void 0 ? void 0 : styles.item, closeMsg ? styles === null || styles === void 0 ? void 0 : styles.itemDismissed : styles === null || styles === void 0 ? void 0 : styles.itemShow);
+  };
+  var handleStyle = function handleStyle(closeMsg, h, position) {
+    // eslint-disable-next-line eqeqeq
+    if (!closeMsg || h == null) {
+      return null;
+    }
+    var styles = {};
+    // if bottom, switch left or right
+    switch (position) {
+      case 'bottom-right':
+      case 'bottom-left':
+        break;
+      default:
+        styles = {
+          zIndex: -1,
+          opacity: 0,
+          marginTop: -h
+        };
+        break;
+    }
+    return styles;
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({
+    className: styles === null || styles === void 0 ? void 0 : styles.wrapper
+  }, getDataAttribute({
+    position: position
+  })), {}, {
+    children: [messages.map(function (_ref) {
+      var id = _ref.id,
+        type = _ref.type,
+        content = _ref.content,
+        dismiss = _ref.dismiss,
+        h = _ref.h,
+        title = _ref.title,
+        top = _ref.top,
+        className = _ref.className,
+        position = _ref.position,
+        hideClose = _ref.hideClose,
+        duration = _ref.duration;
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "".concat(handleClassName(position, !!dismiss), " ").concat(className),
+        style: handleStyle(!!dismiss, h || 0, position),
+        onMouseEnter: function onMouseEnter() {
+          if (timeoutByIdMap[id]) {
+            clearTimeout(timeoutByIdMap[id]);
+          }
+        },
+        onMouseLeave: function onMouseLeave() {
+          if (duration > 0) {
+            var closeTimeDelay = setTimeout(function () {
+              props.onClose(id, dismissDuration, props.cachedHeight[id]);
+            }, duration * 1000);
+            setTimeoutByIdMap(function (prev) {
+              return _objectSpread(_objectSpread({}, prev), {}, (0, _defineProperty2.default)({}, id, closeTimeDelay));
+            });
+          }
+        },
+        ref: function ref(el) {
+          if (el && !dismiss) {
+            props.cachedHeight[id] = el.offsetHeight;
+          }
+        },
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_alert.default, {
+          className: styles === null || styles === void 0 ? void 0 : styles.message,
+          jssStyle: jssStyle,
+          closable: !hideClose && 'only',
+          onClose: function onClose() {
+            props.onClose(id, dismissDuration, props.cachedHeight[id]);
+          },
+          icon: type !== 'default',
+          iconSize: title ? 20 : 14,
+          style: {
+            top: top
+          },
+          title: title,
+          type: type === 'default' ? undefined : type,
+          children: content
+        })
+      }, id);
+    })]
+  }));
+};
+var Message = /*#__PURE__*/function (_React$PureComponent) {
+  (0, _inherits2.default)(Message, _React$PureComponent);
+  var _super = _createSuper(Message);
+  function Message(props) {
+    var _this;
+    (0, _classCallCheck2.default)(this, Message);
+    _this = _super.call(this, props);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "cachedHeight", void 0);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "timeoutMap", void 0);
+    _this.state = {
+      messages: []
+    };
+    _this.cachedHeight = {};
+    _this.timeoutMap = {};
+    _this.removeMessage = _this.removeMessage.bind((0, _assertThisInitialized2.default)(_this));
+    _this.closeMessageForAnimation = _this.closeMessageForAnimation.bind((0, _assertThisInitialized2.default)(_this));
+    return _this;
+  }
+  (0, _createClass2.default)(Message, [{
+    key: "addMessage",
+    value: function addMessage(msg) {
+      var _this2 = this;
+      var id = getUidStr();
+      this.setState((0, _immer.produce)(function (state) {
+        state.messages.push(Object.assign({
+          id: id
+        }, msg));
+      }));
+      if (msg.duration > 0) {
+        var closeTimeDelay = setTimeout(function () {
+          _this2.closeMessageForAnimation(id, dismissDuration, _this2.cachedHeight[id]);
+        }, msg.duration * 1000);
+        this.timeoutMap[id] = closeTimeDelay;
+      }
+      return this.closeMessageForAnimation.bind(this, id, dismissDuration, 200);
+    }
+  }, {
+    key: "removeMessage",
+    value: function removeMessage(id) {
+      var callback;
+      var messages = this.state.messages.filter(function (m) {
+        if (m.id !== id) return true;
+        if (m.onClose) {
+          callback = m.onClose;
+        }
+        return false;
+      });
+      if (messages.length === 0) {
+        var _this$props$onDestroy, _this$props;
+        (_this$props$onDestroy = (_this$props = this.props).onDestroy) === null || _this$props$onDestroy === void 0 ? void 0 : _this$props$onDestroy.call(_this$props);
+      } else {
+        this.setState({
+          messages: messages
+        });
+      }
+      if (callback) callback();
+    }
+  }, {
+    key: "closeMessageForAnimation",
+    value: function closeMessageForAnimation(id, duration, msgHeight) {
+      var _this3 = this;
+      // duration animation duration time
+      this.setState((0, _immer.produce)(function (state) {
+        state.messages.forEach(function (m) {
+          if (m.id === id) {
+            m.dismiss = true;
+            m.h = msgHeight || 0;
+          }
+        });
+      }));
+      setTimeout(function () {
+        _this3.removeMessage(id);
+      }, duration);
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var messages = this.state.messages;
+      var jssStyle = this.props.jssStyle;
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(MessagePure, {
+        messages: messages,
+        jssStyle: jssStyle,
+        cachedHeight: this.cachedHeight,
+        timeoutMap: this.timeoutMap,
+        position: this.props.position || 'top',
+        onClose: this.closeMessageForAnimation
+      });
+    }
+  }]);
+  return Message;
+}(_react.default.PureComponent);
+var _default = Message;
+exports.default = _default;

package/cjs/message/message.type.d.ts

@@ -0,0 +1,33 @@
+import React from 'react';
+export interface MessageItemType {
+    type: 'success' | 'info' | 'warning' | 'danger' | 'default';
+    content: React.ReactNode;
+    title?: string;
+    top?: number | string;
+    className: string;
+    position: string;
+    hideClose?: boolean;
+    onClose?: () => void;
+    duration: number;
+    id: string;
+    dismiss?: boolean;
+    h?: number;
+}
+export interface MessageClasses {
+    /**
+     * 最外层class
+     */
+    wrapper: string;
+    item: string;
+    itemDismissed: string;
+    itemShow: string;
+    message: string;
+}
+export interface MessageProps {
+    jssStyle?: {
+        message?: () => MessageClasses;
+    };
+    onDestroy?: () => void;
+    position?: string;
+}
+//# sourceMappingURL=message.type.d.ts.map

package/cjs/message/message.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"message.type.d.ts","sourceRoot":"","sources":["message.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAC;IAC5D,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IAEjB,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,CAAC,CAAC,EAAE,MAAM,CAAC;CACZ;AACD,MAAM,WAAW,cAAc;IAC7B;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,EAAE;QACT,OAAO,CAAC,EAAE,MAAM,cAAc,CAAC;KAChC,CAAC;IACF,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB"}

package/cjs/message/message.type.js

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

package/cjs/modal/__example__/01-base.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+declare const _default: () => JSX.Element;
+export default _default;
+//# sourceMappingURL=01-base.d.ts.map

package/cjs/modal/__example__/01-base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"01-base.d.ts","sourceRoot":"","sources":["01-base.tsx"],"names":[],"mappings":";;AAkBA,wBAwEE"}

package/cjs/modal/__example__/01-base.js

@@ -0,0 +1,88 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireDefault(require("react"));
+var _ = require("../..");
+var _shineoutStyle = require("@sheinx/shineout-style");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * cn - 基本用法
+ *    --
+ * en - Basic
+ *    --
+ */
+
+var jssStyle = {
+  modal: _shineoutStyle.useModalStyle,
+  alert: _shineoutStyle.useAlertStyle,
+  button: _shineoutStyle.useButtonStyle
+};
+var ModalSuccess = _.ModalMethods.type('success', jssStyle);
+var _default = function _default() {
+  var _React$useState = _react.default.useState(false),
+    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
+    v = _React$useState2[0],
+    setV = _React$useState2[1];
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.Button, {
+      jssStyle: jssStyle,
+      onClick: function onClick() {
+        setV(true);
+      },
+      children: "\u6253\u5F00"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Button, {
+      jssStyle: jssStyle,
+      onClick: function onClick() {
+        ModalSuccess({
+          title: '哈哈哈哈',
+          children: '哇哇哇',
+          onClose: function onClose() {
+            console.log('哈哈哈哈');
+          },
+          type: 'success'
+        });
+      },
+      children: "\u6253\u5F002"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Modal, {
+      jssStyle: jssStyle,
+      destroy: true,
+      visible: v,
+      onClose: function onClose() {
+        setV(false);
+      },
+      title: "Modal Title",
+      type: "success",
+      footer: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.Button, {
+        jssStyle: jssStyle,
+        onClick: function onClick() {
+          setV(false);
+        },
+        children: "Cancel"
+      }, 'cancel'), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Button, {
+        type: "primary",
+        jssStyle: jssStyle,
+        onClick: function onClick() {
+          ModalSuccess({
+            title: '哈哈哈哈',
+            children: '哇哇哇',
+            onClose: function onClose() {
+              console.log('哈哈哈哈');
+            },
+            onOk: function onOk() {
+              console.log('ok');
+            },
+            type: 'success'
+          });
+        },
+        children: "Ok"
+      }, 'ok')],
+      children: "i am modal content"
+    })]
+  });
+};
+exports.default = _default;

package/cjs/modal/index.d.ts

@@ -0,0 +1,6 @@
+export { default, default as Modal } from './modal';
+export { default as ModalMethods } from './modal-func';
+export { default as ModalSubmit } from './modal-submit';
+export type { ModalProps } from './modal.type';
+export type { ModalOptions } from './modal-func.type';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,cAAc,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,gBAAgB,CAAC;AACxD,YAAY,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC/C,YAAY,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC"}

package/cjs/modal/index.js

@@ -0,0 +1,33 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Modal", {
+  enumerable: true,
+  get: function get() {
+    return _modal.default;
+  }
+});
+Object.defineProperty(exports, "ModalMethods", {
+  enumerable: true,
+  get: function get() {
+    return _modalFunc.default;
+  }
+});
+Object.defineProperty(exports, "ModalSubmit", {
+  enumerable: true,
+  get: function get() {
+    return _modalSubmit.default;
+  }
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _modal.default;
+  }
+});
+var _modal = _interopRequireDefault(require("./modal"));
+var _modalFunc = _interopRequireDefault(require("./modal-func"));
+var _modalSubmit = _interopRequireDefault(require("./modal-submit"));

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"modal-content.d.ts","sourceRoot":"","sources":["modal-content.tsx"],"names":[],"mappings":";AASA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAkB9D,QAAA,MAAM,KAAK,UAAW,iBAAiB,uBAsRtC,CAAC;AAEF,eAAe,KAAK,CAAC"}