@opensumi/ide-components 2.12.1-next-079c1930

package/lib/notification/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import './notification.less';
+import { MessageType } from '../common';
+export declare const notification: import("./notification").NotificationApi;
+export declare function open<T = string>(message: string | React.ReactNode, type: MessageType, closable: boolean | undefined, key: string, buttons?: string[], description?: string | React.ReactNode, duration?: number, onClose?: () => void): Promise<T | undefined> | undefined;
+export declare function close(key: string): void;
+export declare function update(key: string, message: string): void;
+//# sourceMappingURL=index.d.ts.map

package/lib/notification/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/notification/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,qBAAqB,CAAC;AAC7B,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAYxC,eAAO,MAAM,YAAY,0CAAmB,CAAC;AAI7C,wBAAgB,IAAI,CAAC,CAAC,GAAG,MAAM,EAC7B,OAAO,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,EACjC,IAAI,EAAE,WAAW,EACjB,QAAQ,qBAAgB,EACxB,GAAG,EAAE,MAAM,EACX,OAAO,CAAC,EAAE,MAAM,EAAE,EAClB,WAAW,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,EACtC,QAAQ,CAAC,EAAE,MAAM,EACjB,OAAO,CAAC,EAAE,MAAM,IAAI,GACnB,OAAO,CAAC,CAAC,GAAG,SAAS,CAAC,GAAG,SAAS,CAyCpC;AAED,wBAAgB,KAAK,CAAC,GAAG,EAAE,MAAM,QAEhC;AAED,wBAAgB,MAAM,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,QAOlD"}

package/lib/notification/index.js

@@ -0,0 +1,80 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.update = exports.close = exports.open = exports.notification = void 0;
+const tslib_1 = require("tslib");
+const classnames_1 = (0, tslib_1.__importDefault)(require("classnames"));
+const react_1 = (0, tslib_1.__importDefault)(require("react"));
+const notification_1 = (0, tslib_1.__importDefault)(require("./notification"));
+const button_1 = require("../button");
+require("./notification.less");
+const common_1 = require("../common");
+const DURATION = {
+    [common_1.MessageType.Info]: 15000,
+    [common_1.MessageType.Warning]: 18000,
+    [common_1.MessageType.Error]: 20000,
+};
+notification_1.default.config({
+    placement: 'bottomRight',
+});
+exports.notification = notification_1.default;
+const cachedArgs = new Map();
+function open(message, type, closable = true, key, buttons, description, duration, onClose) {
+    return new Promise((resolve) => {
+        const args = {
+            key,
+            className: (0, classnames_1.default)('kt-notification-wrapper', {
+                ['kt-notification-info']: type === common_1.MessageType.Info,
+                ['kt-notification-error']: type === common_1.MessageType.Error,
+                ['kt-notification-warn']: type === common_1.MessageType.Warning,
+            }),
+            duration: duration !== undefined ? null : (DURATION[type] / 1000),
+            onClose: () => {
+                onClose && onClose();
+                cachedArgs.delete(key);
+                resolve(undefined);
+            },
+            btn: buttons
+                ? buttons.map((button, index) => (react_1.default.createElement(button_1.Button, { className: (0, classnames_1.default)('kt-notification-button'), size: 'small', ghost: index === 0, onClick: () => {
+                        resolve(button);
+                        notification_1.default.close(key);
+                    }, key: button }, button)))
+                : null,
+            message,
+            description,
+        };
+        cachedArgs.set(key, [type, args]);
+        // closable 为 false 时，不展示 closeIcon
+        if (!closable) {
+            args.closeIcon = react_1.default.createElement("span", null);
+        }
+        doOpenNotification(type, args);
+    });
+}
+exports.open = open;
+function close(key) {
+    exports.notification.close(key);
+}
+exports.close = close;
+function update(key, message) {
+    const args = cachedArgs.get(key);
+    doOpenNotification(args[0], Object.assign(Object.assign({}, args[1]), { key,
+        message }));
+}
+exports.update = update;
+function doOpenNotification(type, args) {
+    switch (type) {
+        case common_1.MessageType.Info:
+            exports.notification.info(args);
+            break;
+        case common_1.MessageType.Warning:
+            exports.notification.warning(args);
+            break;
+        case common_1.MessageType.Error:
+            exports.notification.error(args);
+            break;
+        default:
+            exports.notification.open(args);
+            break;
+    }
+}
+//# sourceMappingURL=index.js.map

package/lib/notification/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/notification/index.tsx"],"names":[],"mappings":"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"}

package/lib/notification/notification.d.ts

@@ -0,0 +1,44 @@
+import React from 'react';
+export declare type NotificationPlacement = 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight';
+export declare type IconType = 'success' | 'info' | 'error' | 'warning';
+export interface ConfigProps {
+    top?: number;
+    bottom?: number;
+    duration?: number;
+    placement?: NotificationPlacement;
+    getContainer?: () => HTMLElement;
+    closeIcon?: React.ReactNode;
+}
+export interface ArgsProps {
+    message: React.ReactNode;
+    description?: React.ReactNode;
+    btn?: React.ReactNode;
+    key?: string;
+    onClose?: () => void;
+    duration?: number | null;
+    icon?: React.ReactNode;
+    placement?: NotificationPlacement;
+    style?: React.CSSProperties;
+    prefixCls?: string;
+    className?: string;
+    readonly type?: IconType;
+    onClick?: () => void;
+    top?: number;
+    bottom?: number;
+    getContainer?: () => HTMLElement;
+    closeIcon?: React.ReactNode;
+}
+export interface NotificationApi {
+    success(args: ArgsProps): void;
+    error(args: ArgsProps): void;
+    info(args: ArgsProps): void;
+    warn(args: ArgsProps): void;
+    warning(args: ArgsProps): void;
+    open(args: ArgsProps): void;
+    close(key: string): void;
+    config(options: ConfigProps): void;
+    destroy(): void;
+}
+declare const _default: NotificationApi;
+export default _default;
+//# sourceMappingURL=notification.d.ts.map

package/lib/notification/notification.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"notification.d.ts","sourceRoot":"","sources":["../../src/notification/notification.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,oBAAY,qBAAqB,GAAG,SAAS,GAAG,UAAU,GAAG,YAAY,GAAG,aAAa,CAAC;AAE1F,oBAAY,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;AAUhE,MAAM,WAAW,WAAW;IAC1B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,qBAAqB,CAAC;IAClC,YAAY,CAAC,EAAE,MAAM,WAAW,CAAC;IACjC,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAqHD,MAAM,WAAW,SAAS;IACxB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,SAAS,CAAC,EAAE,qBAAqB,CAAC;IAClC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,IAAI,CAAC,EAAE,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,WAAW,CAAC;IACjC,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAmFD,MAAM,WAAW,eAAe;IAC9B,OAAO,CAAC,IAAI,EAAE,SAAS,GAAG,IAAI,CAAC;IAC/B,KAAK,CAAC,IAAI,EAAE,SAAS,GAAG,IAAI,CAAC;IAC7B,IAAI,CAAC,IAAI,EAAE,SAAS,GAAG,IAAI,CAAC;IAC5B,IAAI,CAAC,IAAI,EAAE,SAAS,GAAG,IAAI,CAAC;IAC5B,OAAO,CAAC,IAAI,EAAE,SAAS,GAAG,IAAI,CAAC;IAC/B,IAAI,CAAC,IAAI,EAAE,SAAS,GAAG,IAAI,CAAC;IAC5B,KAAK,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,MAAM,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,CAAC;IACnC,OAAO,IAAI,IAAI,CAAC;CACjB;;AAED,wBAAsC"}

package/lib/notification/notification.js

@@ -0,0 +1,156 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = (0, tslib_1.__importDefault)(require("react"));
+const rc_notification_1 = (0, tslib_1.__importDefault)(require("rc-notification"));
+const CloseOutlined_1 = (0, tslib_1.__importDefault)(require("@ant-design/icons/CloseOutlined"));
+const CheckCircleOutlined_1 = (0, tslib_1.__importDefault)(require("@ant-design/icons/CheckCircleOutlined"));
+const CloseCircleOutlined_1 = (0, tslib_1.__importDefault)(require("@ant-design/icons/CloseCircleOutlined"));
+const ExclamationCircleOutlined_1 = (0, tslib_1.__importDefault)(require("@ant-design/icons/ExclamationCircleOutlined"));
+const InfoCircleOutlined_1 = (0, tslib_1.__importDefault)(require("@ant-design/icons/InfoCircleOutlined"));
+const notificationInstance = {};
+let defaultDuration = 4.5;
+let defaultTop = 24;
+let defaultBottom = 24;
+let defaultPlacement = 'topRight';
+let defaultGetContainer;
+let defaultCloseIcon;
+function setNotificationConfig(options) {
+    const { duration, placement, bottom, top, getContainer, closeIcon } = options;
+    if (duration !== undefined) {
+        defaultDuration = duration;
+    }
+    if (placement !== undefined) {
+        defaultPlacement = placement;
+    }
+    if (bottom !== undefined) {
+        defaultBottom = bottom;
+    }
+    if (top !== undefined) {
+        defaultTop = top;
+    }
+    if (getContainer !== undefined) {
+        defaultGetContainer = getContainer;
+    }
+    if (closeIcon !== undefined) {
+        defaultCloseIcon = closeIcon;
+    }
+}
+function getPlacementStyle(placement, top = defaultTop, bottom = defaultBottom) {
+    let style;
+    switch (placement) {
+        case 'topLeft':
+            style = {
+                left: 0,
+                top,
+                bottom: 'auto',
+            };
+            break;
+        case 'topRight':
+            style = {
+                right: 0,
+                top,
+                bottom: 'auto',
+            };
+            break;
+        case 'bottomLeft':
+            style = {
+                left: 0,
+                top: 'auto',
+                bottom,
+            };
+            break;
+        default:
+            style = {
+                right: 0,
+                top: 'auto',
+                bottom,
+            };
+            break;
+    }
+    return style;
+}
+function getNotificationInstance({ prefixCls, placement = defaultPlacement, getContainer = defaultGetContainer, top, bottom, closeIcon = defaultCloseIcon, }, callback) {
+    const cacheKey = `${prefixCls}-${placement}`;
+    if (notificationInstance[cacheKey]) {
+        callback(notificationInstance[cacheKey]);
+        return;
+    }
+    const closeIconToRender = (react_1.default.createElement("span", { className: `${prefixCls}-close-x` }, closeIcon || react_1.default.createElement(CloseOutlined_1.default, { className: `${prefixCls}-close-icon` })));
+    rc_notification_1.default.newInstance({
+        prefixCls,
+        className: `${prefixCls}-${placement}`,
+        style: getPlacementStyle(placement, top, bottom),
+        getContainer,
+        closeIcon: closeIconToRender,
+    }, (notification) => {
+        notificationInstance[cacheKey] = notification;
+        callback(notification);
+    });
+}
+const typeToIcon = {
+    success: CheckCircleOutlined_1.default,
+    info: InfoCircleOutlined_1.default,
+    error: CloseCircleOutlined_1.default,
+    warning: ExclamationCircleOutlined_1.default,
+};
+function notice(args) {
+    const outerPrefixCls = args.prefixCls || 'kt-notification';
+    const prefixCls = `${outerPrefixCls}-notice`;
+    const duration = args.duration === undefined ? defaultDuration : args.duration;
+    let iconNode = null;
+    if (args.icon) {
+        iconNode = react_1.default.createElement("span", { className: `${prefixCls}-icon` }, args.icon);
+    }
+    else if (args.type) {
+        iconNode = react_1.default.createElement(typeToIcon[args.type] || null, {
+            className: `${prefixCls}-icon ${prefixCls}-icon-${args.type}`,
+        });
+    }
+    const autoMarginTag = !args.description && iconNode ? (react_1.default.createElement("span", { className: `${prefixCls}-message-single-line-auto-margin` })) : null;
+    const { placement, top, bottom, getContainer, closeIcon } = args;
+    getNotificationInstance({
+        prefixCls: outerPrefixCls,
+        placement,
+        top,
+        bottom,
+        getContainer,
+        closeIcon,
+    }, (notification) => {
+        notification.notice({
+            content: (react_1.default.createElement("div", { className: iconNode ? `${prefixCls}-with-icon` : '' },
+                iconNode,
+                react_1.default.createElement("div", { className: `${prefixCls}-message` },
+                    autoMarginTag,
+                    args.message),
+                react_1.default.createElement("div", { className: `${prefixCls}-description` }, args.description),
+                args.btn ? react_1.default.createElement("span", { className: `${prefixCls}-btn` }, args.btn) : null)),
+            duration,
+            closable: true,
+            onClose: args.onClose,
+            onClick: args.onClick,
+            key: args.key,
+            style: args.style || {},
+            className: args.className,
+        });
+    });
+}
+const api = {
+    open: notice,
+    close(key) {
+        Object.keys(notificationInstance).forEach((cacheKey) => notificationInstance[cacheKey].removeNotice(key));
+    },
+    config: setNotificationConfig,
+    destroy() {
+        Object.keys(notificationInstance).forEach((cacheKey) => {
+            notificationInstance[cacheKey].destroy();
+            delete notificationInstance[cacheKey];
+        });
+    },
+};
+['success', 'info', 'warning', 'error'].forEach((type) => {
+    api[type] = (args) => api.open(Object.assign(Object.assign({}, args), { type }));
+});
+api.warn = api.warning;
+exports.default = api;
+//# sourceMappingURL=notification.js.map

package/lib/notification/notification.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"notification.js","sourceRoot":"","sources":["../../src/notification/notification.tsx"],"names":[],"mappings":"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"}

package/lib/notification/notification.less

@@ -0,0 +1,231 @@
+@import '../style/variable.less';
+@import '../style/mixins.less';
+
+@notification-prefix-cls: ~'@{kt-prefix}-notification';
+@notification-width: 384px;
+@notification-padding-vertical: 16px;
+@notification-padding-horizontal: 24px;
+@notification-padding: @notification-padding-vertical @notification-padding-horizontal;
+@notification-margin-bottom: 16px;
+
+.@{notification-prefix-cls} {
+  .reset-component;
+
+  position: fixed;
+  z-index: @zindex-notification;
+  width: @notification-width;
+  max-width: ~'calc(100vw - 32px)';
+  margin-right: 24px;
+
+  &-topLeft,
+  &-bottomLeft {
+    margin-right: 0;
+    margin-left: 24px;
+
+    .@{notification-prefix-cls}-fade-enter.@{notification-prefix-cls}-fade-enter-active,
+    .@{notification-prefix-cls}-fade-appear.@{notification-prefix-cls}-fade-appear-active {
+      animation-name: NotificationLeftFadeIn;
+    }
+  }
+
+  &-close-icon {
+    font-size: @font-size-base;
+    cursor: pointer;
+  }
+
+  &-notice {
+    position: relative;
+    margin-bottom: @notification-margin-bottom;
+    padding: @notification-padding;
+    overflow: hidden;
+    line-height: 1.5;
+    background: @component-background;
+    border-radius: @border-radius-base;
+    box-shadow: @shadow-2;
+
+    &-message {
+      display: inline-block;
+      margin-bottom: 8px;
+      color: @heading-color;
+      font-size: @font-size-lg;
+      line-height: 24px;
+
+      // https://github.com/ant-design/ant-design/issues/5846#issuecomment-296244140
+      &-single-line-auto-margin {
+        display: block;
+        width: ~'calc(@{notification-width} - @{notification-padding-horizontal} * 2 - 24px - 48px - 100%)';
+        max-width: 4px;
+        background-color: transparent;
+        pointer-events: none;
+        &::before {
+          display: block;
+          content: '';
+        }
+      }
+    }
+
+    &-description {
+      font-size: @font-size-base;
+    }
+
+    &-closable &-message {
+      padding-right: 24px;
+    }
+
+    &-with-icon &-message {
+      margin-bottom: 4px;
+      margin-left: 48px;
+      font-size: @font-size-lg;
+    }
+
+    &-with-icon &-description {
+      margin-left: 48px;
+      font-size: @font-size-base;
+    }
+
+    // Icon & color style in different selector level
+    // https://github.com/ant-design/ant-design/issues/16503
+    // https://github.com/ant-design/ant-design/issues/15512
+    &-icon {
+      position: absolute;
+      margin-left: 4px;
+      font-size: 24px;
+      line-height: 24px;
+    }
+
+    .@{iconfont-css-prefix}&-icon {
+      &-success {
+        color: @success-color;
+      }
+      &-info {
+        color: var(--notificationsInfoIcon-foreground);
+      }
+      &-warning {
+        color: var(--notificationsWarningIcon-foreground);
+      }
+      &-error {
+        color: var(--notificationsErrorIcon-foreground);
+      }
+    }
+
+    &-close {
+      position: absolute;
+      top: 16px;
+      right: 22px;
+      color: @text-color-secondary;
+      outline: none;
+
+      &:hover {
+        color: shade(@text-color-secondary, 40%);
+      }
+    }
+
+    &-btn {
+      float: right;
+      margin-top: 16px;
+    }
+  }
+
+  .notification-fade-effect {
+    animation-duration: 0.24s;
+    animation-timing-function: @ease-in-out;
+    animation-fill-mode: both;
+  }
+
+  &-fade-enter,
+  &-fade-appear {
+    opacity: 0;
+    .notification-fade-effect();
+
+    animation-play-state: paused;
+  }
+
+  &-fade-leave {
+    .notification-fade-effect();
+
+    animation-duration: 0.2s;
+    animation-play-state: paused;
+  }
+
+  &-fade-enter&-fade-enter-active,
+  &-fade-appear&-fade-appear-active {
+    animation-name: NotificationFadeIn;
+    animation-play-state: running;
+  }
+
+  &-fade-leave&-fade-leave-active {
+    animation-name: NotificationFadeOut;
+    animation-play-state: running;
+  }
+}
+
+@keyframes NotificationFadeIn {
+  0% {
+    left: @notification-width;
+    opacity: 0;
+  }
+  100% {
+    left: 0;
+    opacity: 1;
+  }
+}
+
+@keyframes NotificationLeftFadeIn {
+  0% {
+    right: @notification-width;
+    opacity: 0;
+  }
+  100% {
+    right: 0;
+    opacity: 1;
+  }
+}
+
+@keyframes NotificationFadeOut {
+  0% {
+    max-height: 150px;
+    margin-bottom: @notification-margin-bottom;
+    padding-top: @notification-padding;
+    padding-bottom: @notification-padding;
+    opacity: 1;
+  }
+  100% {
+    max-height: 0;
+    margin-bottom: 0;
+    padding-top: 0;
+    padding-bottom: 0;
+    opacity: 0;
+  }
+}
+
+
+.@{notification-prefix-cls}-wrapper {
+  background: var(--notifications-background) !important;
+  border-color: var(--notifications-border) !important;
+  word-break: break-word;
+  padding: 12px !important;
+  position: relative;
+
+  .@{iconfont-css-prefix} {
+    font-size: 12px;
+    margin-top: 5px;
+  }
+
+  .@{notification-prefix-cls}-notice {
+    &-close, &-message, &-description {
+      color: var(--notifications-foreground) !important;
+      font-size: 12px !important;
+      margin-left: 22px !important;
+      line-height: 20px !important;
+    }
+
+    &-close {
+      right: 14px;
+      top: 12px;
+    }
+
+    &-btn button {
+      margin: 0 0 0 10px;
+    }
+  }
+}

package/lib/overlay/index.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import { ModalProps } from '../modal';
+import './styles.less';
+declare type getContainerFunc = () => HTMLElement;
+export interface IOverlayProps {
+    className?: string;
+    width?: number;
+    maskClosable?: boolean;
+    visible: boolean;
+    afterClose: ModalProps['afterClose'];
+    onClose: ModalProps['onCancel'];
+    closable?: ModalProps['closable'];
+    title?: ModalProps['title'];
+    footer?: JSX.Element[] | JSX.Element;
+    getContainer?: string | HTMLElement | getContainerFunc | false | null;
+}
+export declare const Overlay: React.FC<IOverlayProps>;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/lib/overlay/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/overlay/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAS,UAAU,EAAE,MAAM,UAAU,CAAC;AAE7C,OAAO,eAAe,CAAC;AAEvB,OAAO,MAAM,gBAAgB,GAAG,MAAM,WAAW,CAAC;AAElD,MAAM,WAAW,aAAa;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,UAAU,CAAC,YAAY,CAAC,CAAC;IACrC,OAAO,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC;IAChC,QAAQ,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC;IAClC,KAAK,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;IAC5B,MAAM,CAAC,EAAE,GAAG,CAAC,OAAO,EAAE,GAAG,GAAG,CAAC,OAAO,CAAC;IACrC,YAAY,CAAC,EAAE,MAAM,GAAG,WAAW,GAAG,gBAAgB,GAAG,KAAK,GAAG,IAAI,CAAC;CACvE;AAED,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAe1C,CAAC"}

package/lib/overlay/index.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Overlay = void 0;
+const tslib_1 = require("tslib");
+const react_1 = (0, tslib_1.__importDefault)(require("react"));
+const classnames_1 = (0, tslib_1.__importDefault)(require("classnames"));
+const modal_1 = require("../modal");
+require("./styles.less");
+exports.Overlay = ((_a) => {
+    var { maskClosable = false, closable = true, className, onClose, children, footer, title, getContainer } = _a, restProps = (0, tslib_1.__rest)(_a, ["maskClosable", "closable", "className", "onClose", "children", "footer", "title", "getContainer"]);
+    return (react_1.default.createElement(modal_1.Modal, Object.assign({ footer: footer ? footer : null, maskClosable: maskClosable, closable: closable, onCancel: onClose, title: title, getContainer: getContainer, className: (0, classnames_1.default)('kt-overlay', className) }, restProps), children));
+});
+//# sourceMappingURL=index.js.map

package/lib/overlay/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/overlay/index.tsx"],"names":[],"mappings":";;;;AAAA,+DAA0B;AAC1B,yEAA8B;AAC9B,oCAA6C;AAE7C,yBAAuB;AAiBV,QAAA,OAAO,GAA4B,CAAC,CAAC,EAAkH,EAAE,EAAE;QAAtH,EAAE,YAAY,GAAG,KAAK,EAAE,QAAQ,GAAG,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,YAAY,OAAgB,EAAX,SAAS,2BAAhH,mGAAkH,CAAF;IAChK,OAAO,CACL,8BAAC,aAAK,kBACJ,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,EAC9B,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,OAAO,EACjB,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,IAAA,oBAAI,EAAC,YAAY,EAAE,SAAS,CAAC,IACpC,SAAS,GAEZ,QAAQ,CACH,CACT,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/lib/overlay/styles.less

@@ -0,0 +1,44 @@
+@import '../style/variable.less';
+
+@dialog-prefix-cls: ~'@{kt-prefix}-modal';
+
+.kt-overlay {
+  &.@{dialog-prefix-cls} {
+    padding: 24px 24px;
+    color: var(--kt-modal-foreground);
+  }
+
+  .@{dialog-prefix-cls} {
+    &-body {
+      background: var(--kt-modal-background);
+      border-color: var(--notifications-border);
+    }
+
+    &-header {
+      background-color: var(--kt-modal-background);
+      border-bottom-color: var(--kt-modal-separatorBackground);
+      height: 56px;
+      border-radius: 2px 2px 0 0;
+    }
+
+    &-title {
+      color: var(--kt-modal-foreground);
+    }
+
+    &-footer {
+      background-color: var(--kt-modal-background);
+      border-top-color: var(--kt-modal-separatorBackground);
+      height: 52px;
+      border-radius: 0 0 2px 2px;
+    }
+
+    &-close-x {
+      margin: 18px 24px 0 0;
+      width: 20px;
+      height: 20px;
+      line-height: 20px;
+      color: var(--kt-notificationsCloseIcon-foreground);
+    }
+  }
+
+}

package/lib/popover/index.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+import './styles.less';
+export declare enum PopoverTriggerType {
+    hover = 0,
+    program = 1
+}
+export declare enum PopoverPosition {
+    top = "top",
+    bottom = "bottom",
+    left = "left",
+    right = "right"
+}
+export declare const Popover: React.FC<{
+    id: string;
+    insertClass?: string;
+    content?: React.ReactElement;
+    trigger?: PopoverTriggerType;
+    display?: boolean;
+    [key: string]: any;
+    popoverClass?: string;
+    position?: PopoverPosition;
+    delay?: number;
+    title?: string;
+    titleClassName?: string;
+    action?: string;
+    onClickAction?: (args: any) => void;
+}>;
+//# sourceMappingURL=index.d.ts.map

package/lib/popover/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/popover/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,eAAe,CAAC;AAIvB,oBAAY,kBAAkB;IAC5B,KAAK,IAAA;IACL,OAAO,IAAA;CACR;AAED,oBAAY,eAAe;IACzB,GAAG,QAAQ;IACX,MAAM,WAAW;IACjB,IAAI,SAAS;IACb,KAAK,UAAU;CAChB;AAID,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC7B,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,eAAe,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;CACrC,CA0HA,CAAC"}