@type-dom/ui 0.0.6 → 0.0.7

package/README.md

@@ -1,44 +1,44 @@
-## 项目说明
-
-> 这是一个基于自建前端框架TypeDom创建的ui组件库。
-
-## 安装
-
-> npm install @type-dom/ui
-
-## 框架介绍
-
-    1、技术栈
-        –	type-dom框架
-        –	webpack
-        –	typescript
-        –	抽象类
-        –	实体类
-    2、项目结构
-        –	src
-            –	lib
-                -   basic
-                -   data
-                -   feedback
-                -   form
-                -   navigation
-                -   other
-                -   styles
-            –
-        -   test
-
-# type-dom 自定义组件
-
-## basic 基础组件
-
-### button 按钮组件
-
-## data 数据组件
-
-## form 表单组件
-
-## feedback 反馈组件
-
-## navigation 导航组件
-
-## other 其它组件
+## 项目说明
+
+> 这是一个基于自建前端框架TypeDom创建的ui组件库。
+
+## 安装
+
+> npm install @type-dom/ui
+
+## 框架介绍
+
+    1、技术栈
+        –	type-dom框架
+        –	webpack
+        –	typescript
+        –	抽象类
+        –	实体类
+    2、项目结构
+        –	src
+            –	lib
+                -   basic
+                -   data
+                -   feedback
+                -   form
+                -   navigation
+                -   other
+                -   styles
+            –
+        -   test
+
+# type-dom 自定义组件
+
+## basic 基础组件
+
+### button 按钮组件
+
+## data 数据组件
+
+## form 表单组件
+
+## feedback 反馈组件
+
+## navigation 导航组件
+
+## other 其它组件

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@type-dom/ui",
-  "version": "0.0.6",
+  "version": "0.0.7",
   "dependencies": {
     "@type-dom/svgs": "*",
     "rxjs": "^7.5.7",

package/src/components/basic/td-button/td-button.abstract.js

@@ -10,8 +10,8 @@ const td_icon_class_1 = require("../td-icon/td-icon.class");
 const td_button_style_1 = require("./td-button.style");
 // import '../../styles/style.css';
 class TdButtonAbstract extends ui_abstract_1.UI {
-    constructor(params) {
-        super(params, (params === null || params === void 0 ? void 0 : params.tag) || 'button');
+    constructor(params = {}) {
+        super(params, params.tag || 'button');
         this.ctrl.addAttrObj({
             type: 'button' // 默认
         });

package/src/components/basic/td-button/td-button.class.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.TdButton = void 0;
 const td_button_abstract_1 = require("./td-button.abstract");
 class TdButton extends td_button_abstract_1.TdButtonAbstract {
-    constructor(params) {
+    constructor(params = {}) {
         super(params);
         this.className = 'TdButton';
     }

package/src/components/basic/td-container/td-aside/td-aside.class.js

@@ -4,7 +4,7 @@ exports.TdAside = void 0;
 const utils_1 = require("@type-dom/utils");
 const ui_abstract_1 = require("../../../../ui/ui.abstract");
 class TdAside extends ui_abstract_1.UI {
-    constructor(params) {
+    constructor(params = {}) {
         super(params);
         this.className = 'TdAside';
         this.ctrl.addStyleObj({

package/src/components/basic/td-container/td-container.class.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.TdContainer = void 0;
 const ui_abstract_1 = require("../../../ui/ui.abstract");
 class TdContainer extends ui_abstract_1.UI {
-    constructor(params) {
+    constructor(params = {}) {
         super(params, 'section');
         this.className = 'TdContainer';
         this.ctrl.addAttrName('td-container');

package/src/components/basic/td-container/td-footer/td-footer.class.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.TdFooter = void 0;
 const ui_abstract_1 = require("../../../../ui/ui.abstract");
 class TdFooter extends ui_abstract_1.UI {
-    constructor(params) {
+    constructor(params = {}) {
         super(params, 'footer');
         this.className = 'TdFooter';
         this.ctrl.addStyleObj({
@@ -14,7 +14,7 @@ class TdFooter extends ui_abstract_1.UI {
             backgroundColor: (params === null || params === void 0 ? void 0 : params.backgroundColor) || 'fff' // '#a0cfff'
         });
         if (params === null || params === void 0 ? void 0 : params.slot) {
-            this.slotChild(params === null || params === void 0 ? void 0 : params.slot);
+            this.slotChild(params.slot);
         }
         this.props = this.setParams(params);
     }

package/src/components/basic/td-container/td-header/td-header.class.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.TdHeader = void 0;
 const ui_abstract_1 = require("../../../../ui/ui.abstract");
 class TdHeader extends ui_abstract_1.UI {
-    constructor(params) {
+    constructor(params = {}) {
         super(params, 'header');
         this.className = 'TdHeader';
         this.ctrl.addAttrName('td-header');
@@ -12,14 +12,15 @@ class TdHeader extends ui_abstract_1.UI {
             alignItems: 'center',
             padding: '0 20px',
             boxSizing: 'border-box',
-            flexShrink: 0
+            flexShrink: 0,
+            height: 60,
+            backgroundColor: '#fff'
         });
+        this.addChild(this.getSlotNode());
         if (params === null || params === void 0 ? void 0 : params.slot) {
-            this.slotChild(params === null || params === void 0 ? void 0 : params.slot);
+            this.slotChild(params.slot);
         }
         this.props = this.setParams(params);
-        this.ctrl.addHeight((params === null || params === void 0 ? void 0 : params.height) || '60px');
-        this.ctrl.addBackgroundColor((params === null || params === void 0 ? void 0 : params.backgroundColor) || 'fff');
     }
 }
 exports.TdHeader = TdHeader;

package/src/components/basic/td-container/td-main/td-main.class.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.TdMain = void 0;
 const ui_abstract_1 = require("../../../../ui/ui.abstract");
 class TdMain extends ui_abstract_1.UI {
-    constructor(params) {
+    constructor(params = {}) {
         super(params, (params === null || params === void 0 ? void 0 : params.tag) || 'main');
         this.className = 'TdMain';
         this.ctrl.addStyleObj({

package/src/components/basic/td-icon/td-icon.class.js

@@ -14,7 +14,7 @@ class TdIcon extends ui_abstract_1.UI {
      * TdIcon 类的构造函数。
      * @param config 图标配置对象，可选参数。
      */
-    constructor(params) {
+    constructor(params = {}) {
         super(params, 'i');
         this.className = 'TdIcon';
         this.ctrl.addStyleObj(td_icon_style_1.$tdIcon);
@@ -24,17 +24,17 @@ class TdIcon extends ui_abstract_1.UI {
         // 首次创建时，添加style标签；避免重复创建
         if (!TdIcon.initCalled) {
             TdIcon.initCalled = true;
-            const cssText = `
-/* 选择所有带有 data-v-366071 属性的元素 */
-/* 在这里添加您的样式规则 */
-@keyframes rotating-${framework_1.vHash} {
-  0% {
-    transform: rotateZ(0deg);
-  }
-  100% {
-    transform: rotateZ(360deg);
-  }
-}
+            const cssText = `
+/* 选择所有带有 data-v-366071 属性的元素 */
+/* 在这里添加您的样式规则 */
+@keyframes rotating-${framework_1.vHash} {
+  0% {
+    transform: rotateZ(0deg);
+  }
+  100% {
+    transform: rotateZ(360deg);
+  }
+}
       `;
             (0, framework_1.createStyle)(cssText);
             // createClass('td-icon', $tdIcon);

package/src/components/basic/td-layout/td-col/td-col.class.js

@@ -5,7 +5,7 @@ const rxjs_1 = require("rxjs");
 const utils_1 = require("@type-dom/utils");
 const ui_abstract_1 = require("../../../../ui/ui.abstract");
 class TdCol extends ui_abstract_1.UI {
-    constructor(params) {
+    constructor(params = {}) {
         super(params);
         this.className = 'TdCol';
         this.addChild(this.getSlotNode());

package/src/components/basic/td-layout/td-row/td-row.class.js

@@ -7,7 +7,7 @@ class TdRow extends ui_abstract_1.UI {
     // justify: string = 'start';
     // align: string = 'top';
     // tag: string = 'div';
-    constructor(params) {
+    constructor(params = {}) {
         super(params);
         this.className = 'TdRow';
         this.ctrl.addStyleObj({

package/src/components/basic/td-scrollbar/bar/bar.class.js

@@ -4,7 +4,7 @@ exports.TdScrollbarBar = void 0;
 const ui_abstract_1 = require("../../../../ui/ui.abstract");
 const thumb_class_1 = require("../thumb/thumb.class");
 class TdScrollbarBar extends ui_abstract_1.UI {
-    constructor(params) {
+    constructor(params = {}) {
         super(params);
         this.className = 'TdScrollbarBar';
         this.ctrl.addAttrName('td-scrollbar-bar');

package/src/components/basic/td-scrollbar/bar/bar.interface.d.ts

@@ -4,5 +4,5 @@ export interface ITdScrollbarBar extends IUI {
 }
 export interface ITdScrollbarBarConfig extends IUIConfig {
     always?: boolean;
-    minSize: number;
+    minSize?: number;
 }

package/src/components/basic/td-scrollbar/td-scrollbar.class.js

@@ -5,7 +5,7 @@ const framework_1 = require("@type-dom/framework");
 const ui_abstract_1 = require("../../../ui/ui.abstract");
 const bar_class_1 = require("./bar/bar.class");
 class TdScrollbar extends ui_abstract_1.UI {
-    constructor(params) {
+    constructor(params = {}) {
         super(params, params === null || params === void 0 ? void 0 : params.tag);
         this.className = 'TdScrollbar';
         this.ctrl.addAttrName('td-scrollbar');

package/src/components/basic/td-scrollbar/thumb/thumb.class.js

@@ -5,7 +5,7 @@ const framework_1 = require("@type-dom/framework");
 const ui_abstract_1 = require("../../../../ui/ui.abstract");
 const var_1 = require("../../../../styles/var");
 class TdScrollbarThumb extends ui_abstract_1.UI {
-    constructor(params) {
+    constructor(params = {}) {
         super(params);
         this.className = 'TdScrollbarThumb';
         this.ctrl.addAttrName('td-scrollbar-thumb');

package/src/components/basic/td-scrollbar/thumb/thumb.interface.d.ts

@@ -6,6 +6,6 @@ export interface ITdScrollbarThumbConfig extends IUIConfig {
     vertical?: boolean;
     size?: string;
     move?: number;
-    ratio: number;
+    ratio?: number;
     always?: boolean;
 }

package/src/components/basic/td-space/td-space.class.js

@@ -6,7 +6,7 @@ const framework_1 = require("@type-dom/framework");
 const ui_abstract_1 = require("../../../ui/ui.abstract");
 const td_space_const_1 = require("./td-space.const");
 class TdSpace extends ui_abstract_1.UI {
-    constructor(params) {
+    constructor(params = {}) {
         super(params);
         this.className = 'TdSpace';
         this.ctrl.addStyleObj({

package/src/components/basic/td-text/td-text.class.js

@@ -4,7 +4,7 @@ exports.TdText = void 0;
 const ui_abstract_1 = require("../../../ui/ui.abstract");
 const td_text_style_1 = require("./td-text.style");
 class TdText extends ui_abstract_1.UI {
-    constructor(params) {
+    constructor(params = {}) {
         super(params, (params === null || params === void 0 ? void 0 : params.tag) || 'span');
         this.className = 'TdText';
         this.ctrl.addStyleObj(td_text_style_1.$baseText);

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

@@ -6,7 +6,7 @@ const framework_1 = require("@type-dom/framework");
 const td_avatar_style_1 = require("./td-avatar.style");
 const utils_1 = require("@type-dom/utils");
 class TdAvatar extends ui_abstract_1.UI {
-    constructor(params) {
+    constructor(params = {}) {
         super(params, 'span');
         this.className = 'TdAvatar';
         this.ctrl.addAttrName('td-avatar');

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

@@ -7,7 +7,7 @@ const ui_abstract_1 = require("../../../ui/ui.abstract");
 const var_1 = require("../../../styles/var");
 const td_badge_style_1 = require("./td-badge.style");
 class TdBadge extends ui_abstract_1.UI {
-    constructor(params) {
+    constructor(params = {}) {
         var _a, _b, _c, _d;
         super(params);
         console.log('TdBadge constructor . ');

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

@@ -7,7 +7,7 @@ const transition_1 = require("../../../styles/transition");
 const var_1 = require("../../../styles/var");
 const td_card_style_1 = require("./td-card.style");
 class TdCard extends ui_abstract_1.UI {
-    constructor(params) {
+    constructor(params = {}) {
         super(params);
         this.className = 'TdCard';
         this.ctrl.addAttrName('td-card');

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

@@ -6,7 +6,7 @@ const ui_abstract_1 = require("../../../ui/ui.abstract");
 const event_1 = require("../../../constants/event");
 const td_check_tag_style_1 = require("./td-check-tag.style");
 class TdCheckTag extends ui_abstract_1.UI {
-    constructor(params) {
+    constructor(params = {}) {
         super(params, 'span');
         this.className = 'TdCheckTag';
         this.ctrl.addAttrName('td-check-tag');

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

@@ -5,7 +5,7 @@ const utils_1 = require("@type-dom/utils");
 const ui_abstract_1 = require("../../../ui/ui.abstract");
 const td_collapse_style_1 = require("./td-collapse.style");
 class TdCollapse extends ui_abstract_1.UI {
-    constructor(params) {
+    constructor(params = {}) {
         var _a;
         super(params);
         this.className = 'TdCollapse';
@@ -19,9 +19,7 @@ class TdCollapse extends ui_abstract_1.UI {
         this.activeNames = (0, utils_1.isArray)(params === null || params === void 0 ? void 0 : params.modelValue)
             ? params.modelValue
             : [(_a = params === null || params === void 0 ? void 0 : params.modelValue) !== null && _a !== void 0 ? _a : ''];
-        if (params === null || params === void 0 ? void 0 : params.slot) {
-            this.slotChild(params === null || params === void 0 ? void 0 : params.slot);
-        }
+        this.addChild(this.getSlotNode());
         this.props = this.setParams(params);
     }
     mounted() {

package/src/components/data/td-collapse-item/td-collapse-item.class.js

@@ -10,7 +10,7 @@ const td_icon_class_1 = require("../../basic/td-icon/td-icon.class");
 const td_collapse_style_1 = require("../td-collapse/td-collapse.style");
 const td_collapse_transition_class_1 = require("../td-collapse-transition/td-collapse-transition.class");
 class TdCollapseItem extends ui_abstract_1.UI {
-    constructor(params) {
+    constructor(params = {}) {
         var _a;
         super(params, 'fragment');
         this.className = 'TdCollapseItem';

package/src/components/data/td-collapse-transition/td-collapse-transition.class.js

@@ -4,7 +4,7 @@ exports.TdCollapseTransition = void 0;
 const framework_1 = require("@type-dom/framework");
 const td_collapse_transition_util_1 = require("./td-collapse-transition.util");
 class TdCollapseTransition extends framework_1.TypeTransition {
-    constructor(params) {
+    constructor(params = {}) {
         super(Object.assign(td_collapse_transition_util_1.collapseTransitionConfig, params));
         this.className = 'TdCollapseTransition';
     }

package/src/components/data/td-count-down/td-count-down.class.js

@@ -13,9 +13,7 @@ class TdCountDown extends td_statistic_abstract_1.TdStatisticAbstract {
         this.className = 'TdCountDown';
         this.rawValue = (0, utils_2.getTime)((params === null || params === void 0 ? void 0 : params.value) || 0) - Date.now();
         this.setNumber(this.rawValue);
-        if (params === null || params === void 0 ? void 0 : params.slot) {
-            this.slotChild(params.slot);
-        }
+        this.addChild(this.getSlotNode());
         this.props = this.setParams(params);
     }
     mounted() {

package/src/components/data/td-descriptions/td-descriptions-row.d.ts

@@ -5,7 +5,7 @@ export interface ITdDescriptionsRow extends IUI {
     className: 'TdDescriptionsRow';
 }
 export interface ITdDescriptionsRowConfig extends IUIConfig {
-    row: TdDescriptionsItem[];
+    row?: TdDescriptionsItem[];
 }
 /**
  * @name TdDescriptionsRow

package/src/components/data/td-descriptions/td-descriptions-row.js

@@ -9,7 +9,7 @@ const td_descritions_cell_1 = require("./td-descritions-cell");
  * @author darcrand
  */
 class TdDescriptionsRow extends framework_1.TypeFragment {
-    constructor(params) {
+    constructor(params = {}) {
         super();
         this.className = 'TdDescriptionsRow';
         this.childNodes = [];

package/src/components/data/td-descriptions/td-descritions-cell.js

@@ -5,7 +5,7 @@ const framework_1 = require("@type-dom/framework");
 const ui_abstract_1 = require("../../../ui/ui.abstract");
 const td_descriptions_style_1 = require("./td-descriptions.style");
 class TdDescriptionsCell extends ui_abstract_1.UI {
-    constructor(params) {
+    constructor(params = {}) {
         super(params, (params === null || params === void 0 ? void 0 : params.tag) || 'td');
         this.className = 'TdDescriptionsCell';
         this.props = this.setParams(params);

package/src/components/data/td-descriptions-item/td-descriptions-item.class.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.TdDescriptionsItem = void 0;
 const ui_abstract_1 = require("../../../ui/ui.abstract");
 class TdDescriptionsItem extends ui_abstract_1.UI {
-    constructor(params) {
+    constructor(params = {}) {
         super(params);
         this.className = 'TdDescriptionsItem';
         // if (config?.slots?.label) {
@@ -11,9 +11,7 @@ class TdDescriptionsItem extends ui_abstract_1.UI {
         // } else if (config?.label) {
         //   this.label = new TextNode(config.label);
         // }
-        if (params === null || params === void 0 ? void 0 : params.slot) {
-            this.slotChild(params === null || params === void 0 ? void 0 : params.slot);
-        }
+        this.addChild(this.getSlotNode());
         this.props = this.setParams(params);
     }
 }

package/src/components/data/td-empty/img-empty.class.js

@@ -4,7 +4,7 @@ exports.ImgEmpty = void 0;
 const framework_1 = require("@type-dom/framework");
 const td_empty_style_1 = require("./td-empty.style");
 class ImgEmpty extends framework_1.TypeSvgSvg {
-    constructor(params) {
+    constructor(params = {}) {
         super();
         this.className = 'ImgEmpty';
         this.ctrl.addAttrObj({

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

@@ -7,7 +7,7 @@ const framework_1 = require("@type-dom/framework");
 const td_empty_style_1 = require("./td-empty.style");
 const img_empty_class_1 = require("./img-empty.class");
 class TdEmpty extends ui_abstract_1.UI {
-    constructor(params) {
+    constructor(params = {}) {
         var _a, _b;
         super(params);
         this.className = 'TdEmpty';

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

@@ -5,7 +5,7 @@ const framework_1 = require("@type-dom/framework");
 const ui_abstract_1 = require("../../../ui/ui.abstract");
 const td_image_style_1 = require("./td-image.style");
 class TdImage extends ui_abstract_1.UI {
-    constructor(params) {
+    constructor(params = {}) {
         super(params);
         this.className = 'TdImage';
         this.ctrl.addAttrName('td-image');

package/src/components/data/td-image-viewer/td-image-viewer.class.js

@@ -8,7 +8,7 @@ const ui_abstract_1 = require("../../../ui/ui.abstract");
 const td_icon_class_1 = require("../../basic/td-icon/td-icon.class");
 const td_image_viewer_style_1 = require("./td-image-viewer.style");
 class TdImageViewer extends ui_abstract_1.UI {
-    constructor(params) {
+    constructor(params = {}) {
         super(params, 'fragment');
         this.loading = false;
         this.className = 'TdImageViewer';

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

@@ -8,7 +8,7 @@ const td_result_constant_1 = require("./td-result.constant");
 class TdResult extends ui_abstract_1.UI {
     // private iconSlot?: SlotNode;
     // private titleSlot?: SlotNode;
-    constructor(params) {
+    constructor(params = {}) {
         var _a, _b, _c, _d, _e, _f;
         super(params);
         this.className = 'TdResult';
@@ -28,9 +28,7 @@ class TdResult extends ui_abstract_1.UI {
             name: 'icon',
             childNodes: [this.getSlotNode('icon')]
         }));
-        if ((_a = params === null || params === void 0 ? void 0 : params.slots) === null || _a === void 0 ? void 0 : _a.icon) {
-        }
-        else {
+        if (!((_a = params === null || params === void 0 ? void 0 : params.slots) === null || _a === void 0 ? void 0 : _a.icon)) {
             const resultIcon = this.resultIcon(params);
             this.getSlotNode('icon').addSlot(resultIcon);
         }
@@ -41,9 +39,7 @@ class TdResult extends ui_abstract_1.UI {
                 styleObj: td_result_style_1.$titleStyle,
                 childNodes: [this.getSlotNode('title')]
             }));
-            if ((_c = params.slots) === null || _c === void 0 ? void 0 : _c.title) {
-            }
-            else {
+            if (!((_c = params.slots) === null || _c === void 0 ? void 0 : _c.title)) {
                 this.getSlotNode('title').addSlot(new framework_1.P({
                     name: 'title',
                     text: params.title,
@@ -74,7 +70,7 @@ class TdResult extends ui_abstract_1.UI {
                 styleObj: td_result_style_1.$extraStyle,
                 childNodes: [this.getSlotNode('extra')]
             }));
-            this.getSlotNode('extra').addSlot(params.slots.extra);
+            // this.getSlotNode('extra').addSlot(params.slots.extra);
         }
         this.props = this.setParams(params);
     }

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

@@ -6,7 +6,7 @@ const ui_abstract_1 = require("../../../ui/ui.abstract");
 const event_1 = require("../../../constants/event");
 const td_segmented_style_1 = require("./td-segmented.style");
 class TdSegmented extends ui_abstract_1.UI {
-    constructor(params) {
+    constructor(params = {}) {
         super(params);
         this.className = 'TdSegmented';
         (0, td_segmented_style_1.useStyle)(params);

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

@@ -10,6 +10,6 @@ export declare abstract class TdStatisticAbstract extends UI implements ITdStati
     number: Span;
     suffix?: TypeElement;
     props: ITdStatisticConfig;
-    protected constructor(params: ITdStatisticConfig);
+    protected constructor(params?: ITdStatisticConfig);
     formatValue(value: number | string | Dayjs): string;
 }

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

@@ -6,7 +6,7 @@ const utils_1 = require("@type-dom/utils");
 const ui_abstract_1 = require("../../../ui/ui.abstract");
 const td_statistic_style_1 = require("./td-statistic.style");
 class TdStatisticAbstract extends ui_abstract_1.UI {
-    constructor(params) {
+    constructor(params = {}) {
         var _a, _b, _c, _d;
         super(params);
         if (params === null || params === void 0 ? void 0 : params.title) {

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

@@ -8,7 +8,7 @@ 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 {
-    constructor(params) {
+    constructor(params = {}) {
         super(params, 'span');
         this.className = 'TdTag';
         this.ctrl.addAttrName('td-tag');

package/src/components/feedback/dialog/dialog.class.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Dialog = void 0;
 const overlay_abstract_1 = require("../overlay/overlay.abstract");
 class Dialog extends overlay_abstract_1.Overlay {
-    constructor(params) {
+    constructor(params = {}) {
         super();
         this.className = 'Dialog';
         this.ctrl.addAttrObj({

package/src/components/feedback/message-box/message-box.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.MessageBox = void 0;
 const overlay_abstract_1 = require("../overlay/overlay.abstract");
 class MessageBox extends overlay_abstract_1.Overlay {
-    constructor(params) {
+    constructor(params = {}) {
         super();
         this.className = 'MessageBox';
         this.ctrl.addAttrObj({

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

@@ -7,7 +7,7 @@ const ui_abstract_1 = require("../../../ui/ui.abstract");
 const td_icon_class_1 = require("../../basic/td-icon/td-icon.class");
 const td_alert_style_1 = require("./td-alert.style");
 class TdAlert extends ui_abstract_1.UI {
-    constructor(params) {
+    constructor(params = {}) {
         super(params, 'fragment');
         this.className = 'TdAlert';
         this.transition = new framework_1.Transition({

package/src/components/feedback/td-dialog/td-dialog.class.d.ts

@@ -9,4 +9,7 @@ export declare class TdDialog extends UI<undefined> implements ITdDialog {
     constructor(params?: ITdDialogConfig);
     show(): void;
     handleClose(): void;
+    afterEnter(): void;
+    afterLeave(): void;
+    beforeLeave(): void;
 }