@apdesign/web-react 1.0.0 → 1.0.2

package/lib/Message/index.js

@@ -1,194 +1,194 @@
-"use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var react_transition_group_1 = require("react-transition-group");
-var CSSTransition_1 = __importDefault(require("../_util/CSSTransition"));
-var react_dom_1 = require("../_util/react-dom");
-var notification_1 = __importDefault(require("../_class/notification"));
-var notice_1 = __importDefault(require("../_class/notice"));
-var classNames_1 = __importDefault(require("../_util/classNames"));
-var is_1 = require("../_util/is");
-var useMessage_1 = __importDefault(require("./useMessage"));
-var messageTypes = ['info', 'success', 'error', 'warning', 'loading', 'normal'];
-var messageInstance = {};
-var maxCount;
-var prefixCls;
-var duration;
-var container;
-var rtl;
-var closable;
-function addInstance(noticeProps) {
-    var _noticeProps = __assign({ position: 'top', duration: duration }, noticeProps);
-    var position = _noticeProps.position, transitionClassNames = _noticeProps.transitionClassNames, transitionTimeout = _noticeProps.transitionTimeout;
-    var id;
-    var _a = messageInstance[position] || {}, instance = _a.instance, pending = _a.pending;
-    if (instance || pending) {
-        var add_1 = function () {
-            var instance = (messageInstance[position] || {}).instance;
-            var notices = instance.state.notices;
-            var updated = notices.find(function (notice) { return notice.id === noticeProps.id; });
-            var _mergerProps = __assign(__assign({}, _noticeProps), { update: updated });
-            if (notices.length >= maxCount) {
-                if (updated) {
-                    instance.add(__assign(__assign({}, _mergerProps), { id: updated.id }));
-                }
-                else {
-                    notices.shift();
-                    instance.add(_mergerProps);
-                }
-            }
-            else {
-                id = instance.add(_mergerProps);
-            }
-        };
-        if (instance) {
-            add_1();
-        }
-        else if (pending === null || pending === void 0 ? void 0 : pending.then) {
-            pending.then(function () {
-                add_1();
-                messageInstance[position].pending = null;
-            });
-        }
-    }
-    else {
-        var div_1 = document.createElement('div');
-        (container || document.body).appendChild(div_1);
-        messageInstance[position] = {};
-        messageInstance[position].pending = new Promise(function (resolve) {
-            (0, react_dom_1.render)(react_1.default.createElement(Message, { transitionClassNames: transitionClassNames, transitionTimeout: transitionTimeout, ref: function (instance) {
-                    if (!messageInstance[position]) {
-                        // getContainer 变化时，会重置 messageInstance
-                        // pending 中的逻辑执行晚于重置逻辑时，这里需判空
-                        messageInstance[position] = {};
-                    }
-                    messageInstance[position].instance = instance;
-                    id = instance.add(_noticeProps);
-                    resolve(null);
-                } }), div_1);
-        });
-    }
-    var result = function () {
-        var _a, _b;
-        (_b = (_a = messageInstance[position]) === null || _a === void 0 ? void 0 : _a.instance) === null || _b === void 0 ? void 0 : _b.remove(id);
-    };
-    return result;
-}
-var Message = /** @class */ (function (_super) {
-    __extends(Message, _super);
-    function Message() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.remove = function (id) {
-            var noticeItem = _this.state.notices.find(function (item) { return item.id === id; });
-            if (noticeItem) {
-                _this.update(__assign(__assign({}, noticeItem), { style: __assign(__assign({}, noticeItem.style), { opacity: 0 }) }));
-            }
-            // 100 是透明度动画结束的时间
-            setTimeout(function () {
-                _super.prototype.remove.call(_this, id);
-            }, 100);
-        };
-        return _this;
-    }
-    Message.prototype.render = function () {
-        var _this = this;
-        var _a = this.props, transitionClassNames = _a.transitionClassNames, _transitionTimeout = _a.transitionTimeout, _prefixCls = _a.prefixCls, _rtl = _a.rtl, _closable = _a.closable;
-        var _b = this.state, notices = _b.notices, position = _b.position;
-        var mergedPrefixCls = _prefixCls || prefixCls;
-        var mergedRtl = !(0, is_1.isUndefined)(_rtl) ? _rtl : rtl;
-        var mergeClosable = !(0, is_1.isUndefined)(_closable) ? _closable : closable;
-        var prefixClsMessage = mergedPrefixCls ? mergedPrefixCls + "-message" : 'arco-message';
-        var transitionTimeout = {
-            enter: (0, is_1.isNumber)(_transitionTimeout === null || _transitionTimeout === void 0 ? void 0 : _transitionTimeout.enter) ? _transitionTimeout === null || _transitionTimeout === void 0 ? void 0 : _transitionTimeout.enter : 100,
-            exit: (0, is_1.isNumber)(_transitionTimeout === null || _transitionTimeout === void 0 ? void 0 : _transitionTimeout.exit) ? _transitionTimeout === null || _transitionTimeout === void 0 ? void 0 : _transitionTimeout.exit : 300,
-        };
-        var classNames = (0, classNames_1.default)(prefixClsMessage + "-wrapper", prefixClsMessage + "-wrapper-" + position);
-        return (react_1.default.createElement("div", { className: classNames },
-            react_1.default.createElement(react_transition_group_1.TransitionGroup, { component: null }, notices.map(function (notice) { return (react_1.default.createElement(CSSTransition_1.default, { key: notice.id, timeout: transitionTimeout, classNames: transitionClassNames || "fadeMessage", onExit: function (e) {
-                    if (!e)
-                        return;
-                    e.style.height = e.scrollHeight + "px";
-                }, onExiting: function (e) {
-                    if (!e)
-                        return;
-                    e.style.height = 0;
-                }, onExited: function (e) {
-                    if (!e)
-                        return;
-                    e.style.height = 0;
-                    notice.onClose && notice.onClose();
-                } },
-                react_1.default.createElement(notice_1.default, __assign({}, notice, { prefixCls: prefixClsMessage, classPrefixCls: mergedPrefixCls, iconPrefix: mergedPrefixCls, onClose: _this.remove, noticeType: "message", rtl: mergedRtl }, ((0, is_1.isUndefined)(mergeClosable) ? {} : { closable: mergeClosable }))))); }))));
-    };
-    Message.config = function (options) {
-        if (options === void 0) { options = {}; }
-        if ((0, is_1.isNumber)(options.maxCount)) {
-            maxCount = options.maxCount;
-        }
-        if (options.prefixCls) {
-            prefixCls = options.prefixCls;
-        }
-        if ((0, is_1.isNumber)(options.duration)) {
-            duration = options.duration;
-        }
-        if (typeof options.rtl === 'boolean') {
-            rtl = options.rtl;
-        }
-        if (typeof options.closable === 'boolean') {
-            closable = options.closable;
-        }
-        if (options.getContainer && options.getContainer() !== container) {
-            container = options.getContainer();
-            Object.values(messageInstance).forEach(function (_a) {
-                var instance = _a.instance;
-                return instance === null || instance === void 0 ? void 0 : instance.clear();
-            });
-            messageInstance = {};
-        }
-    };
-    Message.clear = function () {
-        Object.values(messageInstance).forEach(function (_a) {
-            var instance = _a.instance;
-            instance === null || instance === void 0 ? void 0 : instance.clear();
-        });
-    };
-    Message.addInstance = addInstance;
-    return Message;
-}(notification_1.default));
-messageTypes.forEach(function (type) {
-    Message[type] = function (noticeProps) {
-        var props = typeof noticeProps === 'string' ? { content: noticeProps } : noticeProps;
-        return addInstance(__assign(__assign({}, props), { type: type }));
-    };
-});
-Message.useMessage = useMessage_1.default;
-exports.default = Message;
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var react_transition_group_1 = require("react-transition-group");
+var CSSTransition_1 = __importDefault(require("../_util/CSSTransition"));
+var react_dom_1 = require("../_util/react-dom");
+var notification_1 = __importDefault(require("../_class/notification"));
+var notice_1 = __importDefault(require("../_class/notice"));
+var classNames_1 = __importDefault(require("../_util/classNames"));
+var is_1 = require("../_util/is");
+var useMessage_1 = __importDefault(require("./useMessage"));
+var messageTypes = ['info', 'success', 'error', 'warning', 'loading', 'normal'];
+var messageInstance = {};
+var maxCount;
+var prefixCls;
+var duration;
+var container;
+var rtl;
+var closable;
+function addInstance(noticeProps) {
+    var _noticeProps = __assign({ position: 'top', duration: duration }, noticeProps);
+    var position = _noticeProps.position, transitionClassNames = _noticeProps.transitionClassNames, transitionTimeout = _noticeProps.transitionTimeout;
+    var id;
+    var _a = messageInstance[position] || {}, instance = _a.instance, pending = _a.pending;
+    if (instance || pending) {
+        var add_1 = function () {
+            var instance = (messageInstance[position] || {}).instance;
+            var notices = instance.state.notices;
+            var updated = notices.find(function (notice) { return notice.id === noticeProps.id; });
+            var _mergerProps = __assign(__assign({}, _noticeProps), { update: updated });
+            if (notices.length >= maxCount) {
+                if (updated) {
+                    instance.add(__assign(__assign({}, _mergerProps), { id: updated.id }));
+                }
+                else {
+                    notices.shift();
+                    instance.add(_mergerProps);
+                }
+            }
+            else {
+                id = instance.add(_mergerProps);
+            }
+        };
+        if (instance) {
+            add_1();
+        }
+        else if (pending === null || pending === void 0 ? void 0 : pending.then) {
+            pending.then(function () {
+                add_1();
+                messageInstance[position].pending = null;
+            });
+        }
+    }
+    else {
+        var div_1 = document.createElement('div');
+        (container || document.body).appendChild(div_1);
+        messageInstance[position] = {};
+        messageInstance[position].pending = new Promise(function (resolve) {
+            (0, react_dom_1.render)(react_1.default.createElement(Message, { transitionClassNames: transitionClassNames, transitionTimeout: transitionTimeout, ref: function (instance) {
+                    if (!messageInstance[position]) {
+                        // getContainer 变化时，会重置 messageInstance
+                        // pending 中的逻辑执行晚于重置逻辑时，这里需判空
+                        messageInstance[position] = {};
+                    }
+                    messageInstance[position].instance = instance;
+                    id = instance.add(_noticeProps);
+                    resolve(null);
+                } }), div_1);
+        });
+    }
+    var result = function () {
+        var _a, _b;
+        (_b = (_a = messageInstance[position]) === null || _a === void 0 ? void 0 : _a.instance) === null || _b === void 0 ? void 0 : _b.remove(id);
+    };
+    return result;
+}
+var Message = /** @class */ (function (_super) {
+    __extends(Message, _super);
+    function Message() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.remove = function (id) {
+            var noticeItem = _this.state.notices.find(function (item) { return item.id === id; });
+            if (noticeItem) {
+                _this.update(__assign(__assign({}, noticeItem), { style: __assign(__assign({}, noticeItem.style), { opacity: 0 }) }));
+            }
+            // 100 是透明度动画结束的时间
+            setTimeout(function () {
+                _super.prototype.remove.call(_this, id);
+            }, 100);
+        };
+        return _this;
+    }
+    Message.prototype.render = function () {
+        var _this = this;
+        var _a = this.props, transitionClassNames = _a.transitionClassNames, _transitionTimeout = _a.transitionTimeout, _prefixCls = _a.prefixCls, _rtl = _a.rtl, _closable = _a.closable;
+        var _b = this.state, notices = _b.notices, position = _b.position;
+        var mergedPrefixCls = _prefixCls || prefixCls;
+        var mergedRtl = !(0, is_1.isUndefined)(_rtl) ? _rtl : rtl;
+        var mergeClosable = !(0, is_1.isUndefined)(_closable) ? _closable : closable;
+        var prefixClsMessage = mergedPrefixCls ? mergedPrefixCls + "-message" : 'arco-message';
+        var transitionTimeout = {
+            enter: (0, is_1.isNumber)(_transitionTimeout === null || _transitionTimeout === void 0 ? void 0 : _transitionTimeout.enter) ? _transitionTimeout === null || _transitionTimeout === void 0 ? void 0 : _transitionTimeout.enter : 100,
+            exit: (0, is_1.isNumber)(_transitionTimeout === null || _transitionTimeout === void 0 ? void 0 : _transitionTimeout.exit) ? _transitionTimeout === null || _transitionTimeout === void 0 ? void 0 : _transitionTimeout.exit : 300,
+        };
+        var classNames = (0, classNames_1.default)(prefixClsMessage + "-wrapper", prefixClsMessage + "-wrapper-" + position);
+        return (react_1.default.createElement("div", { className: classNames },
+            react_1.default.createElement(react_transition_group_1.TransitionGroup, { component: null }, notices.map(function (notice) { return (react_1.default.createElement(CSSTransition_1.default, { key: notice.id, timeout: transitionTimeout, classNames: transitionClassNames || "fadeMessage", onExit: function (e) {
+                    if (!e)
+                        return;
+                    e.style.height = e.scrollHeight + "px";
+                }, onExiting: function (e) {
+                    if (!e)
+                        return;
+                    e.style.height = 0;
+                }, onExited: function (e) {
+                    if (!e)
+                        return;
+                    e.style.height = 0;
+                    notice.onClose && notice.onClose();
+                } },
+                react_1.default.createElement(notice_1.default, __assign({}, notice, { prefixCls: prefixClsMessage, classPrefixCls: mergedPrefixCls, iconPrefix: mergedPrefixCls, onClose: _this.remove, noticeType: "message", rtl: mergedRtl }, ((0, is_1.isUndefined)(mergeClosable) ? {} : { closable: mergeClosable }))))); }))));
+    };
+    Message.config = function (options) {
+        if (options === void 0) { options = {}; }
+        if ((0, is_1.isNumber)(options.maxCount)) {
+            maxCount = options.maxCount;
+        }
+        if (options.prefixCls) {
+            prefixCls = options.prefixCls;
+        }
+        if ((0, is_1.isNumber)(options.duration)) {
+            duration = options.duration;
+        }
+        if (typeof options.rtl === 'boolean') {
+            rtl = options.rtl;
+        }
+        if (typeof options.closable === 'boolean') {
+            closable = options.closable;
+        }
+        if (options.getContainer && options.getContainer() !== container) {
+            container = options.getContainer();
+            Object.values(messageInstance).forEach(function (_a) {
+                var instance = _a.instance;
+                return instance === null || instance === void 0 ? void 0 : instance.clear();
+            });
+            messageInstance = {};
+        }
+    };
+    Message.clear = function () {
+        Object.values(messageInstance).forEach(function (_a) {
+            var instance = _a.instance;
+            instance === null || instance === void 0 ? void 0 : instance.clear();
+        });
+    };
+    Message.addInstance = addInstance;
+    return Message;
+}(notification_1.default));
+messageTypes.forEach(function (type) {
+    Message[type] = function (noticeProps) {
+        var props = typeof noticeProps === 'string' ? { content: noticeProps } : noticeProps;
+        return addInstance(__assign(__assign({}, props), { type: type }));
+    };
+});
+Message.useMessage = useMessage_1.default;
+exports.default = Message;

package/lib/Message/interface.d.ts

@@ -1,83 +1,83 @@
-import { ReactNode, CSSProperties } from 'react';
-import { MessageType } from '.';
-/**
- * @title Message
- */
-export interface MessageProps {
-    style?: CSSProperties;
-    className?: string | string[];
-    /**
-     * @zh 消息弹出动画的类名，见 react-transition-group 的 `classNames`
-     * @en ClassNames of react-transition-group of the message pop-up animation, see `classNames`
-     */
-    transitionClassNames?: string;
-    /**
-     * @zh 动画持续时间，见 react-transition-group 的 `timeout`
-     * @en timeout of `react-transition-group` of the message pop-up animation, see `timeout`
-     * @defaultValue {enter: 100, exit: 300}
-     * @version 2.43.0
-     */
-    transitionTimeout?: {
-        enter?: number;
-        exit?: number;
-    };
-    /**
-     * @zh 消息内容
-     * @en Message content
-     */
-    content: ReactNode | string;
-    /**
-     * @zh 是否显示图标
-     * @en Whether to show the icon
-     * @defaultValue true
-     */
-    showIcon?: boolean;
-    /**
-     * @zh 自定义图标
-     * @en Custom icon
-     */
-    icon?: ReactNode;
-    /**
-     * @zh 自动关闭的时间，单位为 `ms`
-     * @en Automatic shutdown time, the unit is `ms`
-     * @defaultValue 3000
-     */
-    duration?: number;
-    /**
-     * @zh 关闭时的回调
-     * @en Callback when close
-     */
-    onClose?: () => void;
-    /**
-     * @zh 当前消息的唯一标识，可以用来更新消息
-     * @en The unique identifier of the current message, which can be used to update the message
-     */
-    id?: string;
-    /**
-     * @zh 消息的位置，分为 `top` 上方和 `bottom` 下方
-     * @en The position of the message
-     */
-    position?: 'top' | 'bottom';
-    /**
-     * @zh 是否显示关闭按钮
-     * @en Whether to show the close button
-     * @defaultValue true
-     */
-    closable?: boolean;
-    /**
-     * @zh 自定义右上角关闭按钮
-     * @en Custom the close button on top-right of the drawer dialog
-     * @version 2.50.0
-     */
-    closeIcon?: ReactNode;
-    type?: string;
-}
-declare type messageHookFunction = (config: MessageProps | string) => MessageType;
-export declare type MessageHookReturnType = {
-    info?: messageHookFunction;
-    success?: messageHookFunction;
-    warning?: messageHookFunction;
-    error?: messageHookFunction;
-    normal?: messageHookFunction;
-};
-export {};
+import { ReactNode, CSSProperties } from 'react';
+import { MessageType } from '.';
+/**
+ * @title Message
+ */
+export interface MessageProps {
+    style?: CSSProperties;
+    className?: string | string[];
+    /**
+     * @zh 消息弹出动画的类名，见 react-transition-group 的 `classNames`
+     * @en ClassNames of react-transition-group of the message pop-up animation, see `classNames`
+     */
+    transitionClassNames?: string;
+    /**
+     * @zh 动画持续时间，见 react-transition-group 的 `timeout`
+     * @en timeout of `react-transition-group` of the message pop-up animation, see `timeout`
+     * @defaultValue {enter: 100, exit: 300}
+     * @version 2.43.0
+     */
+    transitionTimeout?: {
+        enter?: number;
+        exit?: number;
+    };
+    /**
+     * @zh 消息内容
+     * @en Message content
+     */
+    content: ReactNode | string;
+    /**
+     * @zh 是否显示图标
+     * @en Whether to show the icon
+     * @defaultValue true
+     */
+    showIcon?: boolean;
+    /**
+     * @zh 自定义图标
+     * @en Custom icon
+     */
+    icon?: ReactNode;
+    /**
+     * @zh 自动关闭的时间，单位为 `ms`
+     * @en Automatic shutdown time, the unit is `ms`
+     * @defaultValue 3000
+     */
+    duration?: number;
+    /**
+     * @zh 关闭时的回调
+     * @en Callback when close
+     */
+    onClose?: () => void;
+    /**
+     * @zh 当前消息的唯一标识，可以用来更新消息
+     * @en The unique identifier of the current message, which can be used to update the message
+     */
+    id?: string;
+    /**
+     * @zh 消息的位置，分为 `top` 上方和 `bottom` 下方
+     * @en The position of the message
+     */
+    position?: 'top' | 'bottom';
+    /**
+     * @zh 是否显示关闭按钮
+     * @en Whether to show the close button
+     * @defaultValue true
+     */
+    closable?: boolean;
+    /**
+     * @zh 自定义右上角关闭按钮
+     * @en Custom the close button on top-right of the drawer dialog
+     * @version 2.50.0
+     */
+    closeIcon?: ReactNode;
+    type?: string;
+}
+declare type messageHookFunction = (config: MessageProps | string) => MessageType;
+export declare type MessageHookReturnType = {
+    info?: messageHookFunction;
+    success?: messageHookFunction;
+    warning?: messageHookFunction;
+    error?: messageHookFunction;
+    normal?: messageHookFunction;
+};
+export {};

package/lib/Message/interface.js

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

package/lib/Message/style/index.d.ts

@@ -1,2 +1,2 @@
-import '../../style/index.less';
-import './index.less';
+import '../../style/index.less';
+import './index.less';

package/lib/Message/style/index.js

@@ -1,4 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-require("../../style/index.less");
-require("./index.less");
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+require("../../style/index.less");
+require("./index.less");

package/lib/Message/useMessage.d.ts

@@ -1,5 +1,5 @@
-import { ConfigProps } from '.';
-import { MessageHookReturnType } from './interface';
-export declare type messageFuncType = MessageHookReturnType;
-declare function useMessage(commonConfig?: ConfigProps): [MessageHookReturnType, JSX.Element];
-export default useMessage;
+import { ConfigProps } from '.';
+import { MessageHookReturnType } from './interface';
+export declare type messageFuncType = MessageHookReturnType;
+declare function useMessage(commonConfig?: ConfigProps): [MessageHookReturnType, JSX.Element];
+export default useMessage;