@type-dom/ui 0.0.5 → 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.5",
+  "version": "0.0.7",
   "dependencies": {
     "@type-dom/svgs": "*",
     "rxjs": "^7.5.7",
@@ -16,5 +16,6 @@
   "publishConfig": {
     "access": "public",
     "registry": "https://registry.npmjs.org/"
-  }
-}
+  },
+  "types": "./src/index.d.ts"
+}

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-button/td-button.style.js

@@ -1,6 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.$buttonBorderRadius = exports.$borderRightColor = exports.buttonPlain = exports.$buttonPlainColors = exports.buttonVariant = exports.$buttonStateColors = exports.$tdButtonBase = exports.$sizeOpts = exports.$buttonIconSpanGap = void 0;
+exports.$buttonBorderRadius = exports.$borderRightColor = exports.$buttonPlainColors = exports.$buttonStateColors = exports.$tdButtonBase = exports.$sizeOpts = exports.$buttonIconSpanGap = void 0;
+exports.buttonVariant = buttonVariant;
+exports.buttonPlain = buttonPlain;
 const var_1 = require("../../../styles/var");
 exports.$buttonIconSpanGap = {
     large: '8px',
@@ -108,7 +110,6 @@ function buttonVariant($type) {
     //   @include button-plain($type);
     // }
 }
-exports.buttonVariant = buttonVariant;
 for (const $type of [
     'default',
     'primary',
@@ -146,7 +147,6 @@ function buttonPlain($type) {
         }
     };
 }
-exports.buttonPlain = buttonPlain;
 for (const $type of [
     'default',
     'primary',

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-link/td-link.style.d.ts

@@ -12,5 +12,5 @@ export declare let $linkTextColor: string;
 export declare function useType(config?: ITdLinkConfig): void;
 export declare const $linkStyle: IStyle;
 export declare const $linkInnerStyle: IStyle;
-export declare const $linkStateColors: Record<IType, Record<string, IStyle<0 | (string & {}), string & {}>>>;
+export declare const $linkStateColors: Record<IType, Record<string, IStyle>>;
 export declare function buttonVariant($type: IType): void;

package/src/components/basic/td-link/td-link.style.js

@@ -1,6 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.buttonVariant = exports.$linkStateColors = exports.$linkInnerStyle = exports.$linkStyle = exports.useType = exports.$linkTextColor = exports.$link = void 0;
+exports.$linkStateColors = exports.$linkInnerStyle = exports.$linkStyle = exports.$linkTextColor = exports.$link = void 0;
+exports.useType = useType;
+exports.buttonVariant = buttonVariant;
 const var_1 = require("../../../styles/var");
 // Link
 // css3 var in packages/theme-chalk/src/link.scss
@@ -22,7 +24,6 @@ function useType(config) {
     exports.$link.disabledTextColor = var_1.$colors[(config === null || config === void 0 ? void 0 : config.type) || 'default']['light-5'];
     buttonVariant((config === null || config === void 0 ? void 0 : config.type) || 'default');
 }
-exports.useType = useType;
 exports.$linkStyle = {
     display: 'inline-flex',
     flexDirection: 'row',
@@ -72,4 +73,3 @@ function buttonVariant($type) {
         }
     };
 }
-exports.buttonVariant = buttonVariant;

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/basic/td-text/td-text.style.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.buttonVariant = exports.$textStateColors = exports.sizeOpts = exports.$baseText = void 0;
+exports.$textStateColors = exports.sizeOpts = exports.$baseText = void 0;
+exports.buttonVariant = buttonVariant;
 const var_1 = require("../../../styles/var");
 exports.$baseText = {
     alignSelf: 'center',
@@ -55,7 +56,6 @@ function buttonVariant($type) {
         }
     };
 }
-exports.buttonVariant = buttonVariant;
 for (const $type of [
     'primary',
     'success',

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-check-tag/td-check-tag.style.d.ts

@@ -2,6 +2,6 @@ import { IStyle } from '@type-dom/css-type';
 import { IType } from '../../../styles/var';
 export declare const $checkTag: IStyle;
 export declare const $checkTagHover: IStyle;
-export declare const $checkTagChecked: Record<IType, IStyle<0 | (string & {}), string & {}>>;
+export declare const $checkTagChecked: Record<IType, IStyle>;
 export declare const $checkTagCheckedHover: Record<IType, string>;
 export declare function useType(): void;

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

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useType = exports.$checkTagCheckedHover = exports.$checkTagChecked = exports.$checkTagHover = exports.$checkTag = void 0;
+exports.$checkTagCheckedHover = exports.$checkTagChecked = exports.$checkTagHover = exports.$checkTag = void 0;
+exports.useType = useType;
 const var_1 = require("../../../styles/var");
 const transition_1 = require("../../../styles/transition");
 exports.$checkTag = {
@@ -36,4 +37,3 @@ function useType() {
         exports.$checkTagCheckedHover[type] = var_1.$colors[type]['light-7'];
     }
 }
-exports.useType = useType;

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-descriptions.style.js

@@ -1,6 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useBordered = exports.$descriptionsCellContentStyle = exports.$descriptionsCellLabelStyle = exports.$descriptionsItemVerticalLabelPaddingBottom = exports.useSize = exports.$descriptionsItemLabelMarginRight = exports.$descriptionsBodyTableCellStyle = exports.$descriptionsBodyTableStyle = exports.$descriptionsBodyStyle = exports.$descriptionsHeaderTitleStyle = exports.$descriptionsHeaderStyle = exports.$descriptionsStyle = exports.$descriptions = exports.$descriptionsCellFontSize = exports.$descriptionsBorderedCellPadding = exports.$descriptionsCellPaddingBottom = exports.$descriptionsTitleFontSize = exports.$descriptionsHeaderMarginBottom = void 0;
+exports.$descriptionsCellContentStyle = exports.$descriptionsCellLabelStyle = exports.$descriptionsItemVerticalLabelPaddingBottom = exports.$descriptionsItemLabelMarginRight = exports.$descriptionsBodyTableCellStyle = exports.$descriptionsBodyTableStyle = exports.$descriptionsBodyStyle = exports.$descriptionsHeaderTitleStyle = exports.$descriptionsHeaderStyle = exports.$descriptionsStyle = exports.$descriptions = exports.$descriptionsCellFontSize = exports.$descriptionsBorderedCellPadding = exports.$descriptionsCellPaddingBottom = exports.$descriptionsTitleFontSize = exports.$descriptionsHeaderMarginBottom = void 0;
+exports.useSize = useSize;
+exports.useBordered = useBordered;
 const var_1 = require("../../../styles/var");
 const td_input_style_1 = require("../../form/td-input/td-input.style");
 exports.$descriptionsHeaderMarginBottom = {
@@ -101,7 +103,6 @@ function useSize(config) {
     }
     // }
 }
-exports.useSize = useSize;
 exports.$descriptionsItemVerticalLabelPaddingBottom = {
     large: '8px',
     default: '6px',
@@ -139,4 +140,3 @@ function useBordered(config) {
         }
     }
 }
-exports.useBordered = useBordered;

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');