@type-dom/ui 0.0.10 → 0.1.1

package/src/components/data/td-statistic/td-statistic.class.js

@@ -1,11 +1,76 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TdStatistic = void 0;
-const td_statistic_abstract_1 = require("./td-statistic.abstract");
-class TdStatistic extends td_statistic_abstract_1.TdStatisticAbstract {
-    constructor(params) {
-        super(params);
+const framework_1 = require("@type-dom/framework");
+const signals_1 = require("@type-dom/signals");
+const utils_1 = require("@type-dom/utils");
+const use_namespace_1 = require("../../../hooks/use-namespace");
+const td_statistic_const_1 = require("./td-statistic.const");
+require("./style/index");
+class TdStatistic extends framework_1.TypeDiv {
+    constructor(params = {}) {
+        super();
+        console.warn('TdStatistic constructor . ');
         this.className = 'TdStatistic';
+        this.assignProps(td_statistic_const_1.statisticProps);
+        this.props = this.useParams(params);
+    }
+    setup() {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+        const props = this.props;
+        const ns = (0, use_namespace_1.useNamespace)('statistic');
+        const displayValue = (0, signals_1.computed)(() => {
+            const { formatter, value, precision, decimalSeparator, groupSeparator } = props;
+            if ((0, utils_1.isFunction)(formatter)) {
+                return formatter(value);
+            }
+            // https://github.com/element-plus/element-plus/issues/17784
+            if (!(0, utils_1.isNumber)(value) || Number.isNaN(value)) {
+                return value;
+            }
+            let [integer, decimal = ''] = String(value).split('.');
+            decimal = decimal
+                .padEnd(precision, '0')
+                .slice(0, precision > 0 ? precision : 0);
+            integer = integer.replace(/\B(?=(\d{3})+(?!\d))/g, groupSeparator);
+            return [integer, decimal].join(decimal ? decimalSeparator : '');
+        });
+        (0, framework_1.defineExpose)({
+            /**
+             * @description current display value
+             */
+            displayValue,
+        });
+        // this.assignProps({ // 这样的class有问；
+        //   class: ns.b()
+        // });
+        this.attr.addClass(ns.b());
+        if (((_a = props.slots) === null || _a === void 0 ? void 0 : _a.title) || props.title) {
+            this.addChild(new framework_1.Div({
+                class: ns.e('head'),
+                slot: (_c = (_b = props.slots) === null || _b === void 0 ? void 0 : _b.title) !== null && _c !== void 0 ? _c : props.title,
+            }));
+        }
+        this.addChild(new framework_1.Div({
+            class: ns.e('content'),
+            slot: [
+                new framework_1.Div({
+                    vIf: ((_d = props.slots) === null || _d === void 0 ? void 0 : _d.prefix) || props.prefix,
+                    class: ns.e('prefix'),
+                    slot: (_f = (_e = props.slots) === null || _e === void 0 ? void 0 : _e.prefix) !== null && _f !== void 0 ? _f : props.prefix,
+                }),
+                new framework_1.Span({
+                    class: ns.e('number'),
+                    styleObj: props.valueStyle,
+                    slot: displayValue,
+                }),
+                new framework_1.Div({
+                    vIf: ((_g = props.slots) === null || _g === void 0 ? void 0 : _g.suffix) || props.suffix,
+                    class: ns.e('suffix'),
+                    slot: (_j = (_h = props.slots) === null || _h === void 0 ? void 0 : _h.suffix) !== null && _j !== void 0 ? _j : props.suffix,
+                }),
+            ],
+        }));
     }
 }
 exports.TdStatistic = TdStatistic;

package/src/components/data/td-statistic/td-statistic.const.d.ts

@@ -0,0 +1,2 @@
+import { StatisticProps } from './td-statistic.interface';
+export declare const statisticProps: StatisticProps;

package/src/components/data/td-statistic/td-statistic.const.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.statisticProps = void 0;
+exports.statisticProps = {
+    decimalSeparator: '.',
+    groupSeparator: ',',
+    precision: 0,
+    value: 0,
+};

package/src/components/data/td-statistic/td-statistic.interface.d.ts

@@ -1,14 +1,10 @@
-import { TypeElement } from '@type-dom/framework';
-import { IStyle } from '@type-dom/css-type';
+import { ISlotRaw, ITypeDiv, StyleValue, TypeDivProps } from '@type-dom/framework';
+import { MaybeRef } from '@type-dom/signals';
 import { Dayjs } from 'dayjs';
-import { IUI, IUIConfig } from '../../../ui/ui.interface';
-export interface ITdStatisticAbstract extends IUI {
-    className: 'TdStatistic' | 'TdCountDown';
-}
-export interface ITdStatistic extends ITdStatisticAbstract {
+export interface ITdStatistic extends ITypeDiv {
     className: 'TdStatistic';
 }
-export interface ITdStatisticConfig extends IUIConfig {
+export interface StatisticProps extends TypeDivProps {
     /**
      * @description Setting the decimal point
      *     default: '.',
@@ -27,12 +23,12 @@ export interface ITdStatisticConfig extends IUIConfig {
     /**
      * @description Custom numerical presentation
      */
-    formatter?: (value: number | Dayjs) => string;
+    formatter?: (value?: MaybeRef<number | number[] | string | Dayjs>) => string;
     /**
      * @description Numerical content
      *     default: 0,
      */
-    value?: number | Dayjs;
+    value?: MaybeRef<number | Dayjs>;
     /**
      * @description Sets the prefix of a number
      */
@@ -48,11 +44,11 @@ export interface ITdStatisticConfig extends IUIConfig {
     /**
      * @description Styles numeric values
      */
-    valueStyle?: IStyle;
+    valueStyle?: StyleValue;
     slots?: {
-        prefix?: TypeElement;
-        suffix?: TypeElement;
-        title?: TypeElement;
-        value?: TypeElement;
+        prefix?: ISlotRaw;
+        suffix?: ISlotRaw;
+        title?: ISlotRaw;
+        value?: ISlotRaw;
     };
 }

package/src/components/data/td-statistic/td-statistic.style.js

@@ -12,5 +12,5 @@ exports.$statistic = {
     // contentFontSize: getCssVar('font-size', 'extra-large'),
     contentFontSize: var_1.$fontSizes.extraLarge,
     // contentColor: getCssVar('text-color', 'primary'),
-    contentColor: var_1.$textColor.primary
+    contentColor: var_1.$textColor.primary,
 };

package/src/components/data/td-tag/style/css.d.ts

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

package/src/components/data/td-tag/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-tag.css");

package/src/components/data/td-tag/style/index.d.ts

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

package/src/components/data/td-tag/style/index.js

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

package/src/components/data/td-tag/td-tag.class.d.ts

@@ -1,12 +1,9 @@
-import { UI } from '../../../ui/ui.abstract';
-import { ITdTag, ITdTagConfig } from './td-tag.interface';
-export declare class TdTag extends UI implements ITdTag {
+import { TypeFragment } from '@type-dom/framework';
+import { ITdTag, TagProps } from './td-tag.interface';
+import './style/index';
+export declare class TdTag extends TypeFragment implements ITdTag {
     className: 'TdTag';
-    props: ITdTagConfig;
-    private content;
-    private closeIcon?;
-    private defaultSlot?;
-    constructor(params?: ITdTagConfig);
-    handleClose(): void;
-    handleClick(): void;
+    props: TagProps;
+    constructor(params?: TagProps);
+    setup(): void;
 }

package/src/components/data/td-tag/td-tag.class.js

@@ -2,143 +2,111 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TdTag = void 0;
 const framework_1 = require("@type-dom/framework");
+const signals_1 = require("@type-dom/signals");
 const svgs_1 = require("@type-dom/svgs");
-const ui_abstract_1 = require("../../../ui/ui.abstract");
+const use_namespace_1 = require("../../../hooks/use-namespace");
+const use_form_common_props_1 = require("../../form/td-form/hooks/use-form-common-props");
 const td_icon_class_1 = require("../../basic/td-icon/td-icon.class");
-const var_1 = require("../../../styles/var");
-const td_tag_style_1 = require("./td-tag.style");
-class TdTag extends ui_abstract_1.UI {
+const td_tag_const_1 = require("./td-tag.const");
+require("./style/index");
+class TdTag extends framework_1.TypeFragment {
     constructor(params = {}) {
-        super(params, 'span');
+        super();
         this.className = 'TdTag';
-        this.attr.addName('td-tag');
-        (0, td_tag_style_1.useType)();
-        const type = (params === null || params === void 0 ? void 0 : params.type) || 'primary';
-        const effect = (params === null || params === void 0 ? void 0 : params.effect) || 'light'; // 默认；
-        if (effect === 'dark') {
-            (0, td_tag_style_1.genTheme)('', '', 'light-3');
-            td_tag_style_1.$tag.textColor = var_1.$colorWhite;
-            td_tag_style_1.$tagTypes[type].textColor = var_1.$colorWhite;
-        }
-        else if (effect === 'plain') {
-            (0, td_tag_style_1.genTheme)(false, 'light-5', '');
-            td_tag_style_1.$tag.bgColor = var_1.$fillColor.blank;
-        }
-        else {
-            (0, td_tag_style_1.genTheme)('light-9', 'light-8', '');
-            console.log('genThem . then $tag is ', td_tag_style_1.$tag);
-            console.log('$tagTypes is ', td_tag_style_1.$tagTypes);
-        }
-        this.style.addObj({
-            // background-color: getCssVar('tag-bg-color'),
-            backgroundColor: td_tag_style_1.$tagTypes[type].bgColor,
-            // border-color: getCssVar('tag-border-color'),
-            borderColor: td_tag_style_1.$tagTypes[type].borderColor,
-            // color: getCssVar('tag-text-color'),
-            color: td_tag_style_1.$tagTypes[type].textColor,
-            display: 'inline-flex',
-            justifyContent: 'center',
-            alignItems: 'center',
-            verticalAlign: 'middle',
-            // height: map.get($tag-height, 'default'),
-            height: td_tag_style_1.$tagHeight.default,
-            // padding: 0 map.get($tag-padding, 'default') - $border-width,
-            padding: '0 ' +
-                (parseFloat(td_tag_style_1.$tagPadding.default) - parseFloat(var_1.$borderWidth) + 'px'),
-            // font-size: getCssVar('tag-font-size'),
-            fontSize: td_tag_style_1.$tag.fontSize,
-            lineHeight: 1,
-            // border-width: $tag-border-width,
-            borderWidth: var_1.$borderWidth,
-            borderStyle: 'solid',
-            // border-radius: getCssVar('tag-border-radius'),
-            borderRadius: td_tag_style_1.$tag.borderRadius,
-            boxSizing: 'border-box',
-            whiteSpace: 'nowrap'
-            // padding-right: map.get($tag-icon-span-gap, 'default') - $border-width; // isClosable
-            // paddingRight: params?.closable ? parseFloat($tagIconSpanGap.default) - parseFloat($borderWidth) + 'px' : ''
-        });
-        this.content = new framework_1.Span({
-            // add content slot
-            name: 'content'
-        });
-        this.addChild(this.content);
-        if (params === null || params === void 0 ? void 0 : params.slot) {
-            this.defaultSlot = new framework_1.SlotNode('default', params.slot);
-            this.content.addChild(this.defaultSlot);
-        }
-        // style样式应该在 style类中处理， useConfig useType useSize ....
-        if (params === null || params === void 0 ? void 0 : params.hit) {
-            this.style.addObj({
-                borderColor: var_1.$colorPrimary
-            });
-        }
-        if (params === null || params === void 0 ? void 0 : params.round) {
-            this.style.addObj({
-                borderRadius: td_tag_style_1.$tag.borderRadiusRounded
-            });
-        }
-        const size = (params === null || params === void 0 ? void 0 : params.size) || 'default';
-        this.style.addObj(td_tag_style_1.$tagSizes[size]);
-        // if (!params?.disableTransitions) { // TODO: 添加过渡
-        //   params?.parent?.addChild(new Transition({
-        //     childNodes: [this],
-        //   }))
-        // }
+        // this.attr.addName('td-tag');
+        this.addEmits(td_tag_const_1.tagEmits);
+        this.assignProps(td_tag_const_1.tagProps);
         this.props = this.useParams(params);
-        if (params === null || params === void 0 ? void 0 : params.closable) {
-            this.style.addObj({
-                paddingRight: parseFloat(td_tag_style_1.$tagIconSpanGap.default) - parseFloat(var_1.$borderWidth) + 'px'
-            });
-            this.closeIcon = new td_icon_class_1.TdIcon({
-                svgObj: new svgs_1.ElCloseSvg(),
-                styleObj: {
-                    flexShrink: 0,
-                    // color: getCssVar('tag', 'text-color'),
-                    // color: $tagTextColor,
-                    borderRadius: '50%',
-                    cursor: 'pointer',
-                    // font-size: calc(#{getCssVar('icon-size')} - #{$svg-margin-size * 2}),
-                    // height: getCssVar('icon-size'),
-                    height: td_tag_style_1.$tagIconSize[params.size || 'default'],
-                    // width: getCssVar('icon-size'),
-                    width: td_tag_style_1.$tagIconSize[params.size || 'default'],
-                    // margin-left: map.get($tag-icon-span-gap, 'default');
-                    marginLeft: td_tag_style_1.$tagIconSpanGap[params.size || 'default']
-                },
+    }
+    setup() {
+        var _a, _b;
+        const props = this.props;
+        const emit = this.emit;
+        const tagSize = (0, use_form_common_props_1.useFormSize)();
+        const ns = (0, use_namespace_1.useNamespace)('tag');
+        const containerKls = (0, signals_1.computed)(() => {
+            const { type, hit, effect, closable, round } = props;
+            return [
+                ns.b(),
+                ns.is('closable', closable),
+                ns.m(type || 'primary'),
+                ns.m(tagSize.get()),
+                ns.m(effect),
+                ns.is('hit', hit),
+                ns.is('round', round),
+            ];
+        });
+        // methods
+        const handleClose = (event) => {
+            emit('close', event);
+        };
+        const handleClick = (event) => {
+            emit('click', event);
+        };
+        const handleVNodeMounted = (vnode) => {
+            // // @ts-ignore
+            // if (vnode?.component?.subTree?.component?.bum) {
+            //   // @ts-ignore
+            //   vnode.component.subTree.component.bum = null;
+            // }
+        };
+        if (props.disableTransitions) {
+            this.addChild(new framework_1.Span({
+                vIf: props.disableTransitions,
+                class: containerKls,
+                styleObj: Object.assign(Object.assign({}, props.styleObj), { backgroundColor: props.color }),
                 events: {
-                    mouseenter: (evt, element) => {
-                        // console.log('mouseenter . ');
-                        evt === null || evt === void 0 ? void 0 : evt.stopPropagation();
-                        element === null || element === void 0 ? void 0 : element.style.setObj({
-                            backgroundColor: td_tag_style_1.$tagTypes[type].hoverColor,
-                            color: var_1.$colorWhite
-                        });
-                    },
-                    mouseleave: (evt, element) => {
-                        // console.log('mouseleave . ');
-                        evt === null || evt === void 0 ? void 0 : evt.stopPropagation();
-                        element === null || element === void 0 ? void 0 : element.style.setObj({
-                            backgroundColor: td_tag_style_1.$tagTypes[type].bgColor,
-                            color: td_tag_style_1.$tagTypes[type].textColor
-                        });
+                    click: handleClick,
+                },
+                slot: [
+                    new framework_1.Span({
+                        class: ns.e('content'),
+                        slot: props.slot || ((_a = props.slots) === null || _a === void 0 ? void 0 : _a.default),
+                    }),
+                    new td_icon_class_1.TdIcon({
+                        vIf: props.closable,
+                        class: ns.e('close'),
+                        events: {
+                            click: (evt) => {
+                                handleClose(evt);
+                                evt === null || evt === void 0 ? void 0 : evt.stopPropagation();
+                            },
+                        },
+                        slot: new svgs_1.ElCloseSvg(),
+                    }),
+                ],
+            }));
+        }
+        else {
+            this.addChild(new framework_1.Transition({
+                name: `${ns.namespace.get()}-zoom-in-center`,
+                appear: true,
+                slot: new framework_1.Span({
+                    class: containerKls,
+                    styleObj: Object.assign(Object.assign({}, props.styleObj), { backgroundColor: props.color }),
+                    events: {
+                        click: handleClick,
                     },
-                    click: (evt, element) => {
-                        // console.log('click . ');
-                        evt === null || evt === void 0 ? void 0 : evt.stopPropagation();
-                        this.handleClose();
-                    }
-                }
-            });
-            this.addChild(this.closeIcon);
+                    slot: [
+                        new framework_1.Span({
+                            class: ns.e('content'),
+                            slot: props.slot || ((_b = props.slots) === null || _b === void 0 ? void 0 : _b.default),
+                        }),
+                        new td_icon_class_1.TdIcon({
+                            vIf: props.closable,
+                            class: ns.e('close'),
+                            events: {
+                                click: (evt) => {
+                                    handleClose(evt);
+                                    evt === null || evt === void 0 ? void 0 : evt.stopPropagation();
+                                },
+                            },
+                            slot: new svgs_1.ElCloseSvg(),
+                        }),
+                    ],
+                }),
+            }));
         }
     }
-    handleClose() {
-        console.log('handleClose');
-        this.destroy();
-    }
-    handleClick() {
-        console.log('handleClick');
-    }
 }
 exports.TdTag = TdTag;

package/src/components/data/td-tag/td-tag.const.d.ts

@@ -0,0 +1,7 @@
+import { TagProps } from './td-tag.interface';
+export declare const tagProps: TagProps;
+export declare const tagEmits: {
+    close: (evt?: MouseEvent) => evt is MouseEvent;
+    click: (evt?: MouseEvent) => evt is MouseEvent;
+};
+export type TagEmits = typeof tagEmits;

package/src/components/data/td-tag/td-tag.const.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.tagEmits = exports.tagProps = void 0;
+exports.tagProps = {
+    type: 'primary',
+    effect: 'light',
+};
+exports.tagEmits = {
+    close: (evt) => evt instanceof MouseEvent,
+    click: (evt) => evt instanceof MouseEvent,
+};
+// export type TagInstance = InstanceType<typeof Tag>

package/src/components/data/td-tag/td-tag.interface.d.ts

@@ -1,10 +1,10 @@
-import { IUI, IUIConfig } from '../../../ui/ui.interface';
-import { ISize } from '../../../styles/size';
+import { ITypeFragment, TypeFragmentProps } from '@type-dom/framework';
+import { ComponentSize } from '../../../constants/size';
 import { IType } from '../../../styles';
-export interface ITdTag extends IUI {
+export interface ITdTag extends ITypeFragment {
     className: 'TdTag';
 }
-export interface ITdTagConfig extends IUIConfig {
+export interface TagProps extends TypeFragmentProps {
     /**
      * @description type of Tag
      *     default: 'primary',
@@ -29,7 +29,7 @@ export interface ITdTagConfig extends IUIConfig {
     /**
      * @description size of Tag
      */
-    size?: ISize;
+    size?: ComponentSize;
     /**
      * @description theme of Tag
      *     default: 'light',

package/src/components/data/td-tag/td-tag.style.d.ts

@@ -1,6 +1,6 @@
 import { IStyle } from '@type-dom/css-type';
+import { ComponentSize } from '../../../constants/size';
 import { IType } from '../../../styles/var';
-import { ISize } from '../../../styles/size';
 export declare const $tag: {
     fontSize: string;
     bgColor?: string;
@@ -12,22 +12,26 @@ export declare const $tag: {
     hit?: string;
 };
 export declare const $tagHeight: {
+    '': string;
     large: string;
     default: string;
     small: string;
 };
 export declare const $tagPadding: {
+    '': string;
     large: string;
     default: string;
     small: string;
 };
 export declare const $tagIconSize: {
+    '': string;
     large: string;
     default: string;
     small: string;
 };
 export declare const $tagBorderWidth = "1px";
 export declare const $tagIconSpanGap: {
+    '': string;
     large: string;
     default: string;
     small: string;
@@ -41,5 +45,5 @@ export declare const $tagTypes: Record<IType, {
     hit: string;
 }>;
 export declare function genTheme($backgroundColorWeight: string | false, $borderColorWeight: string, $hoverColorWeight: string): void;
-export declare const $tagSizes: Record<ISize, IStyle>;
+export declare const $tagSizes: Record<ComponentSize, IStyle>;
 export declare function useType(): void;

package/src/components/data/td-tag/td-tag.style.js

@@ -10,22 +10,26 @@ exports.$tag = {
     borderRadiusRounded: '9999px',
 };
 exports.$tagHeight = {
+    '': '24px',
     large: '32px',
     default: '24px',
     small: '20px',
 };
 exports.$tagPadding = {
+    '': '10px',
     large: '12px',
     default: '10px',
     small: '8px',
 };
 exports.$tagIconSize = {
+    '': '14px',
     large: '16px',
     default: '14px',
     small: '12px',
 };
 exports.$tagBorderWidth = '1px';
 exports.$tagIconSpanGap = {
+    '': '6px',
     large: '8px',
     default: '6px',
     small: '4px',
@@ -62,10 +66,11 @@ function returnVarList($var, $type = 'primary') {
 }
 exports.$tagSizes = {};
 function useType() {
-    for (const size of ['large', 'default', 'small']) {
+    for (const size of ['', 'large', 'default', 'small']) {
         exports.$tagSizes[size] = {
             padding: '0 ' +
-                (parseFloat(exports.$tagPadding[size]) - parseFloat(exports.$tagBorderWidth)) +
+                (parseFloat(exports.$tagPadding[size]) -
+                    parseFloat(exports.$tagBorderWidth)) +
                 'px',
             height: exports.$tagHeight[size],
             // iconSize: $tagIconSize[size as ISize],

package/src/components/feedback/index.d.ts

@@ -3,11 +3,13 @@ export type * from './td-alert/td-alert.interface';
 export { TdDialog } from './td-dialog/td-dialog.class';
 export type * from './td-dialog/td-dialog.interface';
 export * from './td-dialog/td-dialog.style';
-export { TdMessage } from './td-message/td-message.class';
+export { TdMessage } from './td-message/method';
 export type * from './td-message/td-message.interface';
-export { TdMessageBox } from './td-message-box/td-message-box.class';
-export type * from './td-message-box/td-message-box.interface';
-export { TdNotification } from './td-notification/td-notification.class';
-export type * from './td-notification/td-notification.interface';
-export { TdLoading } from './td-loading/td-loading.class';
-export type * from './td-loading/td-loading.interface';
+export * from './td-message-box/index';
+export { TdNotification } from './td-notification/index';
+export * from './td-loading/index';
+export type * from './td-popper/td-popper.interface';
+export { TdPopover } from './td-popover/td-popover.class';
+export type * from './td-popover/td-popover.interface';
+export { TdTooltip } from './td-tooltip/td-tooltip.class';
+export type * from './td-tooltip/td-tooltip.interface';

package/src/components/feedback/index.js

@@ -2,19 +2,23 @@
 // export { Dialog } from './dialog/dialog.class';
 // export { MessageBox } from './message-box/message-box';
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.TdLoading = exports.TdNotification = exports.TdMessageBox = exports.TdMessage = exports.TdDialog = exports.TdAlert = void 0;
+exports.TdTooltip = exports.TdPopover = exports.TdNotification = exports.TdMessage = exports.TdDialog = exports.TdAlert = void 0;
 const tslib_1 = require("tslib");
 var td_alert_class_1 = require("./td-alert/td-alert.class");
 Object.defineProperty(exports, "TdAlert", { enumerable: true, get: function () { return td_alert_class_1.TdAlert; } });
 var td_dialog_class_1 = require("./td-dialog/td-dialog.class");
 Object.defineProperty(exports, "TdDialog", { enumerable: true, get: function () { return td_dialog_class_1.TdDialog; } });
 tslib_1.__exportStar(require("./td-dialog/td-dialog.style"), exports);
-var td_message_class_1 = require("./td-message/td-message.class");
-Object.defineProperty(exports, "TdMessage", { enumerable: true, get: function () { return td_message_class_1.TdMessage; } });
-var td_message_box_class_1 = require("./td-message-box/td-message-box.class");
-Object.defineProperty(exports, "TdMessageBox", { enumerable: true, get: function () { return td_message_box_class_1.TdMessageBox; } });
-// export * from './td-message/td-message.style';
-var td_notification_class_1 = require("./td-notification/td-notification.class");
-Object.defineProperty(exports, "TdNotification", { enumerable: true, get: function () { return td_notification_class_1.TdNotification; } });
-var td_loading_class_1 = require("./td-loading/td-loading.class");
-Object.defineProperty(exports, "TdLoading", { enumerable: true, get: function () { return td_loading_class_1.TdLoading; } });
+var method_1 = require("./td-message/method");
+Object.defineProperty(exports, "TdMessage", { enumerable: true, get: function () { return method_1.TdMessage; } });
+tslib_1.__exportStar(require("./td-message-box/index"), exports);
+// export { TdMessageBox } from './td-message-box/td-message-box.class';
+// export type * from './td-message-box/td-message-box.interface';
+var index_1 = require("./td-notification/index");
+Object.defineProperty(exports, "TdNotification", { enumerable: true, get: function () { return index_1.TdNotification; } });
+// export type * from './td-notification/td-notification.interface';
+tslib_1.__exportStar(require("./td-loading/index"), exports);
+var td_popover_class_1 = require("./td-popover/td-popover.class");
+Object.defineProperty(exports, "TdPopover", { enumerable: true, get: function () { return td_popover_class_1.TdPopover; } });
+var td_tooltip_class_1 = require("./td-tooltip/td-tooltip.class");
+Object.defineProperty(exports, "TdTooltip", { enumerable: true, get: function () { return td_tooltip_class_1.TdTooltip; } });

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

@@ -0,0 +1,3 @@
+"use strict";
+// import '../../../../styles/base/style/css'
+// import '../../../../theme-chalk/el-alert.css'

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

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

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

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