@type-dom/ui 0.1.0 → 0.1.1

package/src/components/feedback/td-notification/td-notification.class.js

@@ -1,233 +1,160 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TdNotification = void 0;
-const utils_1 = require("@type-dom/utils");
 const framework_1 = require("@type-dom/framework");
+const signals_1 = require("@type-dom/signals");
 const svgs_1 = require("@type-dom/svgs");
+const aria_1 = require("../../../constants/aria");
 const td_icon_class_1 = require("../../basic/td-icon/td-icon.class");
-const td_notification_style_1 = require("./td-notification.style");
+const td_config_provider_1 = require("../../configuration/td-config-provider");
+const td_notification_const_1 = require("./td-notification.const");
 class TdNotification extends framework_1.TypeFragment {
-    constructor(option) {
+    // todo option 基于notify中的调用设置
+    constructor(params = {}) {
         super();
-        this.visible = false;
-        // the gap size between each notification
-        this.GAP_SIZE = 16;
-        this.seed = 1;
-        this.timer = undefined;
-        this.onKeydown = ({ code }) => {
-            console.log('onKeydown ', code);
-            if (code === utils_1.EVENT_CODE.delete || code === utils_1.EVENT_CODE.backspace) {
-                this.clearTimer(); // press delete/backspace clear timer
-            }
-            else if (code === utils_1.EVENT_CODE.esc) {
-                // press esc to close the notification
-                if (this.visible) {
-                    this.close();
-                }
-            }
-            else {
-                this.startTimer(); // resume timer
-            }
-        };
-        let params;
-        if (typeof option === 'string') {
-            params = { message: option };
-        }
-        else {
-            params = option;
-        }
         this.className = 'TdNotification';
-        (0, td_notification_style_1.useStyle)(params);
-        this.to = document.body;
-        this.content = new framework_1.Transition({
-            name: 'fade',
-            emits: {
-                beforeLeave: (el, done) => {
-                    console.log('beforeLeave');
-                    (params === null || params === void 0 ? void 0 : params.onClose) && params.onClose();
-                },
-                afterLeave: (el, done) => {
-                    console.log('afterLeave');
-                    //   destroy
-                    this.destroy();
-                },
-            },
+        this.divRef = (0, signals_1.signal)();
+        this.addEmits(td_notification_const_1.notificationEmits);
+        this.assignProps(td_notification_const_1.notificationProps);
+        this.props = this.useParams(params);
+    }
+    setup() {
+        var _a, _b, _c;
+        const props = this.props;
+        const emit = this.emit;
+        const { ns, zIndex } = (0, td_config_provider_1.useGlobalComponentSettings)('notification');
+        const { nextZIndex, currentZIndex } = zIndex;
+        const { Close } = svgs_1.CloseComponents;
+        const visible = (0, signals_1.signal)(false);
+        let timer = undefined;
+        const typeClass = (0, signals_1.computed)(() => {
+            const type = props.type;
+            return type && svgs_1.TypeComponentsMap[type] ? ns.m(type) : '';
         });
-        this.addChild(this.content);
-        this.notification = new framework_1.Div({
-            attrObj: {
-                role: 'alert',
-            },
-            styleObj: td_notification_style_1.$notificationStyle,
-            events: {
-                mouseenter: () => {
-                    console.log('mouseenter');
-                },
-                mouseleave: () => {
-                    console.log('mouseleave');
-                },
-                click: () => {
-                    console.log('click');
-                },
-            },
+        const iconComponent = (0, signals_1.computed)(() => {
+            if (!props.type)
+                return props.icon;
+            return svgs_1.TypeComponentsMap[props.type] || props.icon;
         });
-        this.content.addChild(this.notification);
-        let iconComponent;
-        if ((params === null || params === void 0 ? void 0 : params.type) && svgs_1.TypeComponentsMap[params.type]) {
-            console.log('params.type is ', params.type);
-            iconComponent = new svgs_1.TypeComponentsMap[params.type]();
-        }
-        else {
-            iconComponent = params === null || params === void 0 ? void 0 : params.icon;
+        const horizontalClass = (0, signals_1.computed)(() => { var _a; return ((_a = props.position) === null || _a === void 0 ? void 0 : _a.endsWith('right')) ? 'right' : 'left'; });
+        const verticalProperty = (0, signals_1.computed)(() => { var _a; return ((_a = props.position) === null || _a === void 0 ? void 0 : _a.startsWith('top')) ? 'top' : 'bottom'; });
+        const positionStyle = (0, signals_1.computed)(() => {
+            var _a;
+            return {
+                [verticalProperty.get()]: `${props.offset}px`,
+                zIndex: (_a = props.zIndex) !== null && _a !== void 0 ? _a : currentZIndex.get(),
+            };
+        });
+        function startTimer() {
+            if (props.duration > 0) {
+                ({ stop: timer } = (0, framework_1.useTimeoutFn)(() => {
+                    if (visible.get())
+                        close();
+                }, props.duration));
+            }
         }
-        let icon;
-        if (iconComponent) {
-            icon = new td_icon_class_1.TdIcon({
-                name: 'icon',
-                styleObj: td_notification_style_1.$notificationIconStyle,
-                svgObj: iconComponent,
-            });
-            this.notification.addChild(icon);
+        function clearTimer() {
+            timer === null || timer === void 0 ? void 0 : timer();
         }
-        this.group = new framework_1.Div({
-            name: 'group',
-            styleObj: td_notification_style_1.$notificationGroupStyle,
-        });
-        this.title = new framework_1.Head({
-            name: 'title',
-            nodeName: 'h2',
-            text: params === null || params === void 0 ? void 0 : params.title,
-            styleObj: td_notification_style_1.$notificationTitleStyle,
-        });
-        this.group.addChild(this.title);
-        this.groupContent = new framework_1.Div({
-            name: 'content',
-            styleObj: td_notification_style_1.$notificationContentStyle,
-        });
-        if (params === null || params === void 0 ? void 0 : params.slot) {
-            this.groupContent.slotChild(params.slot);
+        function close() {
+            visible.set(false);
         }
-        else {
-            if (params === null || params === void 0 ? void 0 : params.dangerouslyUseHTMLString) {
-                if (typeof params.message === 'string') {
-                    const parser = new framework_1.Parser();
-                    const el = parser.parseFromString(params.message);
-                    this.groupContent.addChild(new framework_1.P({
-                        childNodes: [el],
-                    }));
-                }
-                else {
-                    console.warn('params.message is not a string . ');
+        function onKeydown({ code }) {
+            if (code === aria_1.EVENT_CODE.delete || code === aria_1.EVENT_CODE.backspace) {
+                clearTimer(); // press delete/backspace clear timer
+            }
+            else if (code === aria_1.EVENT_CODE.esc) {
+                // press esc to close the notification
+                if (visible.get()) {
+                    close();
                 }
             }
             else {
-                const p = new framework_1.P();
-                if ((params === null || params === void 0 ? void 0 : params.message) instanceof framework_1.TypeElement) {
-                    p.addChild(params.message);
-                }
-                else {
-                    p.addChild(new framework_1.TextNode(params === null || params === void 0 ? void 0 : params.message));
-                }
-                this.groupContent.addChild(p);
+                startTimer(); // resume timer
             }
         }
-        this.group.addChild(this.groupContent);
-        if ((params === null || params === void 0 ? void 0 : params.showClose) !== false) {
-            this.closeBtn = new td_icon_class_1.TdIcon({
-                name: 'close-btn',
-                styleObj: td_notification_style_1.$notificationCloseBtnStyle,
-                svgObj: new svgs_1.ElCloseSvg(),
-                events: {
-                    click: (evt) => {
-                        evt === null || evt === void 0 ? void 0 : evt.stopPropagation();
-                        this.close();
-                    },
-                },
-            });
-            this.group.addChild(this.closeBtn);
-        }
-        this.notification.addChild(this.group);
-        const position = (params === null || params === void 0 ? void 0 : params.position) || 'top-right';
-        const horizontal = position.endsWith('right') ? 'right' : 'left';
-        this.notification.style.addObj({ [horizontal]: '16px' });
-        this.verticalProperty = position.startsWith('top') ? 'top' : 'bottom';
-        let verticalOffset = (params === null || params === void 0 ? void 0 : params.offset) || 0;
-        console.log('verticalOffset is ', verticalOffset);
-        TdNotification.notifications[position].forEach((item) => {
-            verticalOffset += item.notification.dom.offsetHeight + this.GAP_SIZE;
+        // lifecycle
+        (0, framework_1.onMounted)(() => {
+            startTimer();
+            nextZIndex();
+            visible.set(true);
         });
-        verticalOffset = verticalOffset + this.GAP_SIZE;
-        const positionStyle = {
-            [this.verticalProperty]: `${verticalOffset}px`,
-            zIndex: 9999, // params?.zIndex ?? currentZIndex,
-        };
-        this.notification.style.addObj(positionStyle);
-        TdNotification.notifyId = TdNotification.notifyId + 1;
-        TdNotification.notifications[position].push(this);
-        this.props = this.useParams(params);
-        this.mount(this.to);
-    }
-    mounted() {
-        this.startTimer();
-        // nextZIndex()
-        this.visible = true;
-        document.addEventListener('keydown', this.onKeydown);
-    }
-    destroy(root) {
-        document.removeEventListener('keydown', this.onKeydown);
-        super.destroy(root);
-    }
-    static success(params) {
-        new TdNotification(Object.assign({ type: 'success' }, params));
-    }
-    static warning(params) {
-        new TdNotification(Object.assign({ type: 'warning' }, params));
-    }
-    static error(params) {
-        new TdNotification(Object.assign({ type: 'error' }, params));
-    }
-    static info(params) {
-        new TdNotification(Object.assign({ type: 'info' }, params));
-    }
-    startTimer() {
-        var _a, _b;
-        console.log('startTimer . ');
-        const duration = (_b = (_a = this.props) === null || _a === void 0 ? void 0 : _a.duration) !== null && _b !== void 0 ? _b : 4500;
-        if (duration > 0) {
-            ({ stop: this.timer } = (0, framework_1.useTimeoutFn)(() => {
-                if (this.visible)
-                    this.close();
-            }, duration));
-        }
-    }
-    clearTimer() {
-        var _a;
-        (_a = this.timer) === null || _a === void 0 ? void 0 : _a.call(this);
-    }
-    close() {
-        this.visible = false;
-        this.notification.style.hide();
-        const position = this.props.position || 'top-right';
-        TdNotification.notifications[position] = TdNotification.notifications[position].filter((notification) => notification !== this);
-        TdNotification.notifyId = TdNotification.notifyId - 1;
-        let verticalOffset = this.props.offset || 0;
-        console.log('height is ', verticalOffset);
-        TdNotification.notifications[position].forEach((item, index) => {
-            verticalOffset = verticalOffset + this.GAP_SIZE;
-            item.notification.style.setObj({
-                [this.verticalProperty]: `${verticalOffset}px`,
-            });
-            verticalOffset += item.notification.dom.offsetHeight; // + this.GAP_SIZE;
+        (0, framework_1.useEventListener)(document, 'keydown', onKeydown);
+        (0, framework_1.defineExpose)({
+            visible,
+            /** @description close notification */
+            close,
         });
-        this.destroy(); // todo 应该是 Transition 的 afterLeave 触发 destroy；  会删除props
+        this.addChild(new framework_1.Transition({
+            name: 'fade',
+            onBeforeLeave: () => {
+                var _a;
+                console.log('beforeLeave');
+                (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props);
+            },
+            onAfterLeave: () => {
+                console.log('afterLeave');
+                emit('destroy');
+            },
+            slot: new framework_1.Div({
+                refDom: this.divRef,
+                vShow: visible,
+                class: [ns.b(), props.customClass, horizontalClass.get()],
+                attrObj: {
+                    id: props.id,
+                    role: 'alert',
+                },
+                styleObj: positionStyle,
+                events: {
+                    mouseenter: clearTimer,
+                    mouseleave: startTimer,
+                    click: props.onClick,
+                },
+                slot: [
+                    new td_icon_class_1.TdIcon({
+                        vIf: iconComponent,
+                        class: [ns.e('icon'), typeClass.get()],
+                        slot: iconComponent.get() &&
+                            new (iconComponent.get())(),
+                    }),
+                    new framework_1.Div({
+                        class: 'group',
+                        slot: [
+                            new framework_1.Head({
+                                class: ns.e('title'),
+                                nodeName: 'h2',
+                                slot: props.title,
+                            }),
+                            new framework_1.Div({
+                                vShow: props.message,
+                                class: ns.e('content'),
+                                styleObj: !!props.title ? undefined : { margin: 0 },
+                                slot: (_c = (_a = props.slot) !== null && _a !== void 0 ? _a : (_b = props.slots) === null || _b === void 0 ? void 0 : _b.default) !== null && _c !== void 0 ? _c : [
+                                    !props.dangerouslyUseHTMLString
+                                        ? new framework_1.P({
+                                            slot: props.message,
+                                        })
+                                        : new framework_1.P({
+                                            html: props.message,
+                                        }),
+                                ],
+                            }),
+                            new td_icon_class_1.TdIcon({
+                                vIf: props.showClose,
+                                class: ns.e('closeBtn'),
+                                slot: new Close(),
+                                events: {
+                                    click: (evt) => {
+                                        evt === null || evt === void 0 ? void 0 : evt.stopPropagation();
+                                        close();
+                                    },
+                                },
+                            }),
+                        ],
+                    }),
+                ],
+            }),
+        }));
     }
 }
 exports.TdNotification = TdNotification;
-TdNotification.notifyId = 0;
-// This should be a queue but considering there were `non-autoclosable` notifications.
-TdNotification.notifications = {
-    'top-left': [],
-    'top-right': [],
-    'bottom-left': [],
-    'bottom-right': [],
-};

package/src/components/feedback/td-notification/td-notification.const.d.ts

@@ -0,0 +1,6 @@
+import { NotificationProps } from './td-notification.interface';
+export declare const notificationTypes: readonly ["success", "info", "warning", "error"];
+export declare const notificationProps: NotificationProps;
+export declare const notificationEmits: {
+    destroy: () => boolean;
+};

package/src/components/feedback/td-notification/td-notification.const.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.notificationEmits = exports.notificationProps = exports.notificationTypes = void 0;
+exports.notificationTypes = [
+    'success',
+    'info',
+    'warning',
+    'error',
+];
+exports.notificationProps = {
+    customClass: '',
+    duration: 4500,
+    id: '',
+    message: '',
+    offset: 0,
+    onClick: () => undefined,
+    position: 'top-right',
+    showClose: true,
+    title: '',
+    type: '',
+};
+exports.notificationEmits = {
+    destroy: () => true,
+};

package/src/components/feedback/td-notification/td-notification.interface.d.ts

@@ -1,10 +1,12 @@
-import { ITypeConfig, ITypeElement, TypeElement, TypeSvgSvg } from '@type-dom/framework';
+import { ITypeFragment, TypeFragmentProps, TypeSvgSvg, TypeNode } from '@type-dom/framework';
+import { TdNotification } from './td-notification.class';
 export type INotificationPosition = 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';
-export type INotificationType = 'success' | 'info' | 'warning' | 'error';
-export interface ITdNotification extends ITypeElement {
+export type INotificationType = 'success' | 'info' | 'warning' | 'error' | '';
+export interface ITdNotification extends ITypeFragment {
     className: 'TdNotification';
+    props: NotificationProps;
 }
-export interface ITdNotificationConfig extends ITypeConfig {
+export interface NotificationProps extends TypeFragmentProps {
     /**
      * @description custom class name for Notification
      *     default: ''
@@ -22,7 +24,7 @@ export interface ITdNotificationConfig extends ITypeConfig {
     /**
      * @description custom icon component. It will be overridden by `type`
      */
-    icon?: TypeSvgSvg;
+    icon?: typeof TypeSvgSvg;
     /**
      * @description notification dom id
      *     default: ''
@@ -32,7 +34,7 @@ export interface ITdNotificationConfig extends ITypeConfig {
      * @description description text
      *     default: ''
      */
-    message?: string | TypeElement;
+    message?: string | TypeNode;
     /**
      * @description offset from the top edge of the screen. Every Notification instance of the same moment should have the same offset
      *     default: 0
@@ -73,3 +75,34 @@ export interface ITdNotificationConfig extends ITypeConfig {
      */
     zIndex?: number;
 }
+export type NotificationOptions = Omit<NotificationProps, 'id' | 'onClose'> & {
+    /**
+     * @description set the root element for the notification, default to `document.body`
+     */
+    appendTo?: HTMLElement | string;
+    /**
+     * @description callback function when closed
+     */
+    onClose?(vm: TypeNode): void;
+};
+export type NotificationOptionsTyped = Omit<NotificationOptions, 'type'>;
+export interface NotificationHandle {
+    close: () => void;
+}
+export type NotificationParams = Partial<NotificationOptions> | string | TypeNode;
+export type NotificationParamsTyped = Partial<NotificationOptionsTyped> | string | TypeNode;
+export interface NotifyFn {
+    (options?: NotificationParams): NotificationHandle;
+    closeAll(): void;
+}
+export type NotifyTypedFn = (options?: NotificationParamsTyped) => NotificationHandle;
+export interface Notify extends NotifyFn {
+    success: NotifyTypedFn;
+    warning: NotifyTypedFn;
+    error: NotifyTypedFn;
+    info: NotifyTypedFn;
+}
+export interface NotificationQueueItem {
+    vm: TdNotification;
+}
+export type NotificationQueue = NotificationQueueItem[];

package/src/components/feedback/td-notification/td-notification.style.d.ts

@@ -1,5 +1,5 @@
 import { IStyle } from '@type-dom/css-type';
-import { ITdNotificationConfig } from './td-notification.interface';
+import { NotificationProps } from './td-notification.interface';
 export declare const $messageCloseSize: string;
 export declare const $notification: {
     width: string;
@@ -24,5 +24,5 @@ export declare const $notificationTitleStyle: IStyle;
 export declare const $notificationContentStyle: IStyle;
 export declare const $notificationIconStyle: IStyle;
 export declare const $notificationCloseBtnStyle: IStyle;
-export declare function useStyle(config?: ITdNotificationConfig): void;
-export declare function useType(config?: ITdNotificationConfig): void;
+export declare function useStyle(config?: NotificationProps): void;
+export declare function useType(config?: NotificationProps): void;

package/src/components/feedback/td-only-child/td-only-child.class.d.ts

@@ -1,7 +1,7 @@
-import { ITypeConfig, SlotNode, TypeFragment } from '@type-dom/framework';
+import { TypeFragmentProps, TypeFragment } from '@type-dom/framework';
 export declare class TdOnlyChild extends TypeFragment {
     className: 'TdOnlyChild';
-    content: SlotNode;
-    constructor(params?: ITypeConfig);
-    setup(): null;
+    props: TypeFragmentProps;
+    constructor(params?: TypeFragmentProps);
+    setup(): void;
 }

package/src/components/feedback/td-only-child/td-only-child.class.js

@@ -4,33 +4,57 @@ exports.TdOnlyChild = void 0;
 const framework_1 = require("@type-dom/framework");
 const utils_1 = require("@type-dom/utils");
 const use_forward_ref_1 = require("../../../hooks/use-forward-ref");
+const use_namespace_1 = require("../../../hooks/use-namespace");
 class TdOnlyChild extends framework_1.TypeFragment {
     constructor(params = {}) {
         super();
         this.className = 'TdOnlyChild';
-        this.content = new framework_1.SlotNode();
+        console.log('TdOnlyChild.constructor', params);
+        this.slotChildren(params.slot);
         this.props = this.useParams(params);
     }
+    // todo
     setup() {
         var _a;
+        console.log('TdOnlyChild.setup', this.props);
         const forwardRefInjection = this.inject(use_forward_ref_1.FORWARD_REF_INJECTION_KEY);
         const forwardRefDirective = (0, use_forward_ref_1.useForwardRefDirective)((_a = forwardRefInjection === null || forwardRefInjection === void 0 ? void 0 : forwardRefInjection.setForwardRef) !== null && _a !== void 0 ? _a : utils_1.NOOP);
-        const defaultSlot = this.slotNodes['default'];
-        if (!defaultSlot)
-            return null;
-        // if (defaultSlot.length > 1) {
-        //   // debugWarn('TdOnlyChild', 'requires exact only one valid child.')
-        //   return null
-        // }
-        // const firstLegitNode = findFirstLegitChild(defaultSlot!)
-        // if (!firstLegitNode) {
-        //   // debugWarn(NAME, 'no valid child node found')
-        //   return null
+        // const defaultSlot = this.props.slots?.default || this.props.slot;
+        // if (!defaultSlot) {
+        //   //   empty slot
+        // } else if (isString(defaultSlot) || isRef(defaultSlot)) {
+        //   //  一个文本节点
+        // } else if (defaultSlot instanceof Array) {
+        //   if (defaultSlot.length > 1) {
+        //     debugWarn('TdOnlyChild', 'requires exact only one valid child.');
+        //     // return null
+        //   }
+        //
+        //   const firstLegitNode = findFirstLegitChild(defaultSlot);
+        //   if (!firstLegitNode) {
+        //     debugWarn('TdOnlyChild', 'no valid child node found');
+        //     // return null
+        //   }
+        //   console.log('TdOnlyChild.setup firstLegitNode is ', firstLegitNode)
+        // } else {
+        //   //  一个组件节点
         // }
         // return withDirectives(cloneVNode(firstLegitNode!, attrs), [
         //   [forwardRefDirective],
         // ])
-        return null; // add by me todo
+        // return null; // add by me todo
+        const legitChild = findFirstLegitChild(this.childNodes);
+        if (legitChild instanceof framework_1.TypeElement) {
+            legitChild === null || legitChild === void 0 ? void 0 : legitChild.onMounted(() => {
+                forwardRefInjection === null || forwardRefInjection === void 0 ? void 0 : forwardRefInjection.setForwardRef(legitChild.dom);
+            });
+            legitChild.onUpdated(() => {
+                forwardRefInjection === null || forwardRefInjection === void 0 ? void 0 : forwardRefInjection.setForwardRef(legitChild.dom);
+            });
+            legitChild.onUnmounted(() => {
+                forwardRefInjection === null || forwardRefInjection === void 0 ? void 0 : forwardRefInjection.setForwardRef(null);
+            });
+        }
     }
 }
 exports.TdOnlyChild = TdOnlyChild;
@@ -45,30 +69,27 @@ function findFirstLegitChild(node) {
          * we should just return the wrapped string
          */
         if ((0, utils_1.isObject)(child)) {
-            // switch (child.dom) { // todo
-            //   case Comment:
-            //     continue
-            //   case Text:
-            //   case SVGElement:
-            //     return wrapTextContent(child)
-            //   case undefined:
-            //     return findFirstLegitChild(child.children as TypeNode[])
-            //   default:
-            //     return child
-            // }
+            switch (child.props.nodeName // todo
+            ) {
+                case '#comment':
+                    continue;
+                case '#text':
+                    // case SVGElement:
+                    return wrapTextContent(child);
+                case 'fragment':
+                    return findFirstLegitChild(child.children);
+                default:
+                    return child;
+            }
         }
         return wrapTextContent(child);
     }
     return null;
 }
 function wrapTextContent(slot) {
-    // const ns = 'only-child';
-    // return `<span class=${ns + '-content'}>${s}</span>`;
+    const ns = (0, use_namespace_1.useNamespace)('only-child');
     return new framework_1.Span({
-        // text: s,
-        attrObj: {
-            class: 'only-child-content',
-        },
-        childNodes: typeof slot === 'string' ? [new framework_1.TextNode(slot)] : [slot],
+        class: ns.e('content'),
+        slot: slot,
     });
 }

package/src/components/feedback/td-only-child/td-only-child.interface.d.ts

@@ -0,0 +1,4 @@
+import { Ref } from '@type-dom/signals';
+export type OnlyChildExpose = {
+    forwardRef: Ref<HTMLElement>;
+};

package/src/components/feedback/td-overlay/style/css.d.ts

@@ -0,0 +1,2 @@
+import '@element-plus/components/base/style/css';
+import '@element-plus/theme-chalk/el-overlay.css';

package/src/components/feedback/td-overlay/style/css.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+require("@element-plus/components/base/style/css");
+require("@element-plus/theme-chalk/el-overlay.css");

package/src/components/feedback/td-overlay/style/index.d.ts

@@ -0,0 +1,2 @@
+import '../../../../components/base/style';
+import '../../../../theme-chalk/overlay.scss';

package/src/components/feedback/td-overlay/style/index.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+require("../../../../components/base/style");
+require("../../../../theme-chalk/overlay.scss");