@type-dom/ui 0.0.6 → 0.0.8

package/src/components/form/field-item/options/field-options.abstract.js

@@ -222,27 +222,28 @@ class PropertyOptions extends field_item_abstract_1.FieldItem {
         });
     }
     initEvents() {
-        this.subscriptions.push(this.optionsConfigObservable.subscribe(() => {
+        this.optionsConfigObservable.subscribe(() => {
             console.log('this.btn click . ');
             console.log('this.optionsConfigObservable is ', this.optionsConfigObservable);
-        }), 
-        // todo 没有改变值 ？？？？？ 是否要加click监听
-        (0, rxjs_1.fromEvent)(this.selectObj.dom, 'change').subscribe(() => {
-            var _a, _b;
-            console.log('this.selectObj.dom change . ');
-            console.log('this.selectObj.dom.value is ', this.selectObj.dom.value);
-            const selectedOption = (_b = (_a = this.optionSetting) === null || _a === void 0 ? void 0 : _a.options) === null || _b === void 0 ? void 0 : _b.find((opt) => String(opt.value) === this.selectObj.dom.value);
-            if (!this.optionSetting) {
-                throw Error('无法获取optionSetting');
-            }
-            if (selectedOption && selectedOption.options) {
-                this.resetOptionSettingResultValue(selectedOption.value);
-                console.log('this.optionSetting is ', this.optionSetting);
-                console.log('selectOption is ', selectedOption);
-                this.resetOptions(selectedOption.options);
-                // this.resetControl();
+        });
+        this.selectObj.addEvents({
+            change: () => {
+                var _a, _b;
+                console.log('this.selectObj.dom change . ');
+                console.log('this.selectObj.dom.value is ', this.selectObj.dom.value);
+                const selectedOption = ((_a = this.optionSetting) === null || _a === void 0 ? void 0 : _a.options) && ((_b = this.optionSetting) === null || _b === void 0 ? void 0 : _b.options.find((opt) => String(opt.value) === this.selectObj.dom.value));
+                if (!this.optionSetting) {
+                    throw Error('无法获取optionSetting');
+                }
+                if (selectedOption && selectedOption.options) {
+                    this.resetOptionSettingResultValue(selectedOption.value);
+                    console.log('this.optionSetting is ', this.optionSetting);
+                    console.log('selectOption is ', selectedOption);
+                    this.resetOptions(selectedOption.options);
+                    // this.resetControl();
+                }
             }
-        }));
+        });
     }
 }
 exports.PropertyOptions = PropertyOptions;

package/src/components/form/field-item/radio/field-radio.abstract.js

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FieldRadio = void 0;
-const rxjs_1 = require("rxjs");
 const framework_1 = require("@type-dom/framework");
 const field_item_abstract_1 = require("../field-item.abstract");
 class FieldRadio extends field_item_abstract_1.FieldItem {
@@ -75,7 +74,7 @@ class FieldRadio extends field_item_abstract_1.FieldItem {
             if (btn.dom === undefined) {
                 return;
             }
-            this.subscriptions.push((0, rxjs_1.fromEvent)(btn.dom, 'click').subscribe(() => {
+            this.addEvent('click', btn.dom, () => {
                 var _a;
                 // if (OfdEditor.mode === 'read') {
                 //   return;
@@ -100,7 +99,7 @@ class FieldRadio extends field_item_abstract_1.FieldItem {
                 else {
                     return;
                 }
-            }));
+            });
         });
     }
 }

package/src/components/form/field-item/select/field-select.abstract.js

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FieldSelect = void 0;
-const rxjs_1 = require("rxjs");
 const select_class_1 = require("../../select/select.class");
 const field_item_abstract_1 = require("../field-item.abstract");
 const field_item_style_1 = require("../field-item.style");
@@ -24,19 +23,20 @@ class FieldSelect extends field_item_abstract_1.FieldItem {
         this.childNodes = [this.label, this.select, this.button];
     }
     initEvents() {
-        this.subscriptions.push(
-        // 如果只有一个选项时，监听change，input有问题。
-        (0, rxjs_1.fromEvent)(this.select.dom, 'click').subscribe((evt) => {
-            console.log('this.select.dom click, event is ', evt);
-            console.log('this.select.dom.value is ', this.select.dom.value);
-            // console.log(this.reset);
-            this.reset(this.select.dom.value);
-        }), (0, rxjs_1.fromEvent)(this.select.dom, 'change').subscribe((evt) => {
-            console.log('this.select.dom change, event is ', evt);
-            console.log('this.select.dom.value is ', this.select.dom.value);
-            // console.log(this.reset);
-            this.reset(this.select.dom.value);
-        }));
+        this.select.addEvents({
+            click: (evt) => {
+                console.log('this.select.dom click, event is ', evt);
+                console.log('this.select.dom.value is ', this.select.dom.value);
+                // console.log(this.reset);
+                this.reset(this.select.dom.value);
+            },
+            change: (evt) => {
+                console.log('this.select.dom change, event is ', evt);
+                console.log('this.select.dom.value is ', this.select.dom.value);
+                // console.log(this.reset);
+                this.reset(this.select.dom.value);
+            }
+        });
     }
 }
 exports.FieldSelect = FieldSelect;

package/src/components/form/field-select/field-select.class.js

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FieldSelect = void 0;
-const rxjs_1 = require("rxjs");
 const framework_1 = require("@type-dom/framework");
 const option_class_1 = require("./option/option.class");
 class FieldSelect extends framework_1.TypeSelect {
@@ -48,21 +47,22 @@ class FieldSelect extends framework_1.TypeSelect {
         // console.error('this.dom.value is ', this.dom.value);
     }
     initEvents() {
-        this.subscriptions.push(
-        // 如果只有一个选项时，监听change，input有问题。
-        (0, rxjs_1.fromEvent)(this.dom, 'click').subscribe((evt) => {
-            console.log('this.select.dom click, event is ', evt);
-            console.log('this.select.dom.value is ', this.dom.value);
-            // console.log(this.reset);
-            // this.setValue(this.dom.value);
-            this.value = this.dom.value;
-        }), (0, rxjs_1.fromEvent)(this.dom, 'change').subscribe((evt) => {
-            console.log('this.select.dom change, event is ', evt);
-            console.log('this.select.dom.value is ', this.dom.value);
-            // console.log(this.reset);
-            // this.setValue(this.dom.value);
-            this.value = this.dom.value;
-        }));
+        this.addEvents({
+            click: (evt) => {
+                console.log('this.select.dom click, event is ', evt);
+                console.log('this.select.dom.value is ', this.dom.value);
+                // console.log(this.reset);
+                // this.setValue(this.dom.value);
+                this.value = this.dom.value;
+            },
+            change: (evt) => {
+                console.log('this.select.dom change, event is ', evt);
+                console.log('this.select.dom.value is ', this.dom.value);
+                // console.log(this.reset);
+                // this.setValue(this.dom.value);
+                this.value = this.dom.value;
+            }
+        });
     }
 }
 exports.FieldSelect = FieldSelect;

package/src/components/form/radio-group/radio-group.class.js

@@ -4,13 +4,13 @@ exports.RadioGroup = void 0;
 const framework_1 = require("@type-dom/framework");
 const radio_option_class_1 = require("./radio-option/radio-option.class");
 class RadioGroup extends framework_1.TypeDiv {
-    constructor(params) {
+    constructor(params = {}) {
         super();
         this.className = 'RadioGroup';
         this.ctrl.addAttrName('radio-group');
         this.value = '';
         this.childNodes = [];
-        this.props = this.setParams(params);
+        this.props = this.setProps(params);
     }
     setup() {
         const props = this.props;

package/src/components/form/radio-group/radio-group.interface.d.ts

@@ -5,7 +5,7 @@ export interface IRadioGroup extends ITypeDiv {
     childNodes: IRadioOption[];
 }
 export interface IRadioGroupConfig extends ITypeConfig {
-    name: string;
-    options: IOptionConfig[];
+    name?: string;
+    options?: IOptionConfig[];
     value?: string | number;
 }

package/src/components/form/radio-group/radio-option/radio-option.class.js

@@ -1,10 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.RadioOption = void 0;
-const rxjs_1 = require("rxjs");
 const framework_1 = require("@type-dom/framework");
 class RadioOption extends framework_1.TypeSpan {
-    constructor(params) {
+    constructor(params = {}) {
         super();
         this.className = 'RadioOption';
         this.ctrl.addStyleObj({
@@ -20,7 +19,7 @@ class RadioOption extends framework_1.TypeSpan {
         });
         this.textNode = new framework_1.TextNode('');
         this.childNodes = [this.input, this.textNode];
-        this.props = this.setParams(params);
+        this.props = this.setProps(params);
     }
     setup(config) {
         if (config === null || config === void 0 ? void 0 : config.name) {
@@ -34,12 +33,14 @@ class RadioOption extends framework_1.TypeSpan {
         }
     }
     initEvents() {
-        this.subscriptions.push((0, rxjs_1.fromEvent)(this.input.dom, 'click').subscribe(() => {
-            console.log('this.input.dom click . ');
-            console.log('this.input.dom.value is ', this.input.dom.value);
-            if (this.parent)
-                this.parent.value = this.input.dom.value;
-        }));
+        this.input.addEvents({
+            click: () => {
+                console.log('this.input.dom click . ');
+                console.log('this.input.dom.value is ', this.input.dom.value);
+                if (this.parent)
+                    this.parent.value = this.input.dom.value;
+            }
+        });
     }
 }
 exports.RadioOption = RadioOption;

package/src/components/form/select/select.class.js

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Select = void 0;
-const rxjs_1 = require("rxjs");
 const framework_1 = require("@type-dom/framework");
 class Select extends framework_1.TypeSelect {
     constructor() {
@@ -28,21 +27,23 @@ class Select extends framework_1.TypeSelect {
         });
     }
     initEvents() {
-        this.subscriptions.push((0, rxjs_1.fromEvent)(this.dom, 'click').subscribe(() => {
-            console.log('this.dom click . ');
-            console.log('this.dom.value is ', this.dom.value);
-            this.value = this.dom.value; // 对应的opt.label.
-            this.childNodes.forEach((opt) => {
-                if (opt.dom.value === this.dom.value) {
-                    opt.ctrl.setAttrObj({
-                        selected: true
-                    });
-                }
-                else {
-                    opt.ctrl.removeAttribute('selected');
-                }
-            });
-        }));
+        this.addEvents({
+            click: () => {
+                console.log('this.dom click . ');
+                console.log('this.dom.value is ', this.dom.value);
+                this.value = this.dom.value; // 对应的opt.label.
+                this.childNodes.forEach((opt) => {
+                    if (opt.dom.value === this.dom.value) {
+                        opt.ctrl.setAttrObj({
+                            selected: true
+                        });
+                    }
+                    else {
+                        opt.ctrl.removeAttribute('selected');
+                    }
+                });
+            }
+        });
     }
     // 1.判断select选项中 是否存在Value="paraValue"的Item
     jsSelectIsExitItem(objSelect, objItemValue) {

package/src/components/form/td-checkbox/td-checkbox.class.js

@@ -6,7 +6,7 @@ const ui_abstract_1 = require("../../../ui/ui.abstract");
 const td_checkbox_style_1 = require("./td-checkbox.style");
 const use_checkbox_1 = require("./composables/use-checkbox");
 class TdCheckbox extends ui_abstract_1.UI {
-    constructor(params) {
+    constructor(params = {}) {
         const { hasOwnLabel } = (0, use_checkbox_1.useCheckbox)(params);
         const tag = !hasOwnLabel ? 'span' : 'label';
         super(params, tag); // label | span
@@ -71,7 +71,7 @@ class TdCheckbox extends ui_abstract_1.UI {
             }
             this.addChild(labelSpan);
         }
-        this.props = this.setParams(params);
+        this.props = this.setProps(params);
     }
     handleChange(ev) {
         if (this.isLimitExceeded)

package/src/components/form/td-checkbox/td-checkbox.style.js

@@ -106,8 +106,8 @@ exports.$checkboxInnerStyle = {
     backgroundColor: var_1.$bgColor.default,
     // z-index: getCssVar('index-normal'),
     zIndex: var_1.$zIndex.normal,
-    transition: `border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46),
-      background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46),
+    transition: `border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46),
+      background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46),
       outline 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46)`
 };
 exports.$checkboxInnerAfterStyle = {

package/src/components/form/td-checkbox-button/td-checkbox-button.class.js

@@ -7,7 +7,7 @@ const use_checkbox_1 = require("../td-checkbox/composables/use-checkbox");
 const td_checkbox_style_1 = require("../td-checkbox/td-checkbox.style");
 const td_checkbox_button_style_1 = require("./td-checkbox-button.style");
 class TdCheckboxButton extends ui_abstract_1.UI {
-    constructor(params) {
+    constructor(params = {}) {
         super(params, 'label'); // label | span
         this.className = 'TdCheckboxButton';
         this.ctrl.addAttrObj({
@@ -53,7 +53,7 @@ class TdCheckboxButton extends ui_abstract_1.UI {
             }
             this.addChild(labelSpan);
         }
-        this.props = this.setParams(params);
+        this.props = this.setProps(params);
     }
     handleChange(ev) {
         if (this.isLimitExceeded)

package/src/components/form/td-checkbox-group/td-checkbox-group.class.js

@@ -4,7 +4,7 @@ exports.TdCheckboxGroup = void 0;
 const ui_abstract_1 = require("../../../ui/ui.abstract");
 const td_checkbox_style_1 = require("../td-checkbox/td-checkbox.style");
 class TdCheckboxGroup extends ui_abstract_1.UI {
-    constructor(params) {
+    constructor(params = {}) {
         super(params);
         this.className = 'TdCheckboxGroup';
         this.ctrl.addAttrObj({
@@ -14,7 +14,7 @@ class TdCheckboxGroup extends ui_abstract_1.UI {
         });
         this.ctrl.addStyleObj(td_checkbox_style_1.$checkboxGroupStyle);
         this.addChild(this.getSlotNode());
-        this.props = this.setParams(params);
+        this.props = this.setProps(params);
     }
 }
 exports.TdCheckboxGroup = TdCheckboxGroup;

package/src/components/form/td-form/td-form.class.js

@@ -13,7 +13,7 @@ class TdForm extends ui_abstract_1.UI {
      * 构造函数，初始化表单配置。
      * @param params
      */
-    constructor(params) {
+    constructor(params = {}) {
         super(params, 'form');
         this.className = 'TdForm';
         this.ctrl.addAttrName('td-form');
@@ -22,7 +22,7 @@ class TdForm extends ui_abstract_1.UI {
         if (params === null || params === void 0 ? void 0 : params.model) {
             this.model = params.model;
         }
-        this.props = this.setParams(params);
+        this.props = this.setProps(params);
     }
 }
 exports.TdForm = TdForm;

package/src/components/form/td-form-item/td-form-item.class.js

@@ -10,7 +10,7 @@ const var_1 = require("../../../styles/var");
 const td_form_item_style_1 = require("./td-form-item.style");
 class TdFormItem extends ui_abstract_1.UI {
     // new TdFormItem 是 发生在 TdForm slotChild 之前的。
-    constructor(params) {
+    constructor(params = {}) {
         super(params);
         this.className = 'TdFormItem';
         this.ctrl.addAttrName('td-form-item');
@@ -64,7 +64,7 @@ class TdFormItem extends ui_abstract_1.UI {
         // this.content.addChild(this.error);
         this.addChild(this.content);
         this.content.addChild(this.getSlotNode());
-        this.props = this.setParams(params);
+        this.props = this.setProps(params);
     }
     created() {
         // inject 要在 created 之中，否则无法确定 parent .

package/src/components/form/td-input/td-input.class.js

@@ -9,7 +9,7 @@ const td_input_wrapper_class_1 = require("./widget/td-input-wrapper.class");
 const td_input_style_1 = require("./td-input.style");
 const td_textarea_wrapper_1 = require("./widget/td-textarea-wrapper");
 class TdInput extends ui_abstract_1.UI {
-    constructor(params) {
+    constructor(params = {}) {
         super(params);
         console.log('TdInput constructor . ');
         this.className = 'TdInput';
@@ -33,7 +33,7 @@ class TdInput extends ui_abstract_1.UI {
         if (params === null || params === void 0 ? void 0 : params.modelValue) {
             this.modelValue = params.modelValue;
         }
-        this.props = this.setParams(params);
+        this.props = this.setProps(params);
     }
     get value() {
         return this.panel.inner.value;

package/src/components/form/td-input/widget/td-input-wrapper.class.js

@@ -7,7 +7,7 @@ const td_input_style_1 = require("../td-input.style");
 const suffix_1 = require("./suffix");
 const prefix_1 = require("./prefix");
 class TdInputWrapper extends framework_1.TypeDiv {
-    constructor(params) {
+    constructor(params = {}) {
         super();
         this.className = 'TdInputWrapper';
         this.parent = params === null || params === void 0 ? void 0 : params.parent;
@@ -118,7 +118,7 @@ class TdInputWrapper extends framework_1.TypeDiv {
         this.addChild(this.inner);
         this.suffix = new suffix_1.TdInputSuffix(this, params);
         this.addChild(this.suffix);
-        this.props = this.setParams(params);
+        this.props = this.setProps(params);
     }
     setup() {
         const props = this.props;

package/src/components/form/td-input/widget/td-textarea-wrapper.js

@@ -5,7 +5,7 @@ const framework_1 = require("@type-dom/framework");
 const var_1 = require("../../../../styles/var");
 const td_input_style_1 = require("../td-input.style");
 class TdTextareaWrapper extends framework_1.TypeDiv {
-    constructor(params) {
+    constructor(params = {}) {
         super();
         this.className = 'TextareaWrapper';
         this.ctrl.addStyleObj({
@@ -100,7 +100,7 @@ class TdTextareaWrapper extends framework_1.TypeDiv {
         });
         this.addChildren(this.inner, this.countSpan);
         // this.childNodes = [this.inner, this.countSpan];
-        this.props = this.setParams(params);
+        this.props = this.setProps(params);
     }
     // todo
     handleInput(event, element) {

package/src/components/form/td-input/widget/utils.js

@@ -3,14 +3,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.calcTextareaHeight = calcTextareaHeight;
 const utils_1 = require("@type-dom/utils");
 let hiddenTextarea = undefined;
-const HIDDEN_STYLE = `
-  height:0 !important;
-  visibility:hidden !important;
-  ${utils_1.isFireFox ? '' : 'overflow:hidden !important;'}
-  position:absolute !important;
-  z-index:-1000 !important;
-  top:0 !important;
-  right:0 !important;
+const HIDDEN_STYLE = `
+  height:0 !important;
+  visibility:hidden !important;
+  ${utils_1.isFireFox ? '' : 'overflow:hidden !important;'}
+  position:absolute !important;
+  z-index:-1000 !important;
+  top:0 !important;
+  right:0 !important;
 `;
 const CONTEXT_STYLE = [
     'letter-spacing',

package/src/components/form/td-option/td-option.class.js

@@ -4,7 +4,7 @@ exports.TdOption = void 0;
 const ui_abstract_1 = require("../../../ui/ui.abstract");
 const td_select_style_1 = require("../td-select/td-select.style");
 class TdOption extends ui_abstract_1.UI {
-    constructor(params) {
+    constructor(params = {}) {
         super(params, 'li');
         this.className = 'TdOption';
         this.ctrl.addAttrObj({
@@ -29,7 +29,7 @@ class TdOption extends ui_abstract_1.UI {
             boxSizing: 'border-box',
             cursor: 'pointer'
         });
-        this.props = this.setParams(params);
+        this.props = this.setProps(params);
     }
 }
 exports.TdOption = TdOption;

package/src/components/form/td-option/td-option.interface.d.ts

@@ -7,7 +7,7 @@ export interface ITdOptionConfig extends IUIConfig {
      * @description value of option
      *     required: true,
      */
-    value: string | number | boolean | object;
+    value?: string | number | boolean | object;
     /**
      * @description label of option, same as `value` if omitted
      */

package/src/components/form/td-option-group/td-option-group.class.js

@@ -5,7 +5,7 @@ const framework_1 = require("@type-dom/framework");
 const ui_abstract_1 = require("../../../ui/ui.abstract");
 const td_select_style_1 = require("../td-select/td-select.style");
 class TdOptionGroup extends ui_abstract_1.UI {
-    constructor(params) {
+    constructor(params = {}) {
         super(params, 'ul');
         this.className = 'TdOptionGroup';
         this.ctrl.addAttrObj({
@@ -44,7 +44,7 @@ class TdOptionGroup extends ui_abstract_1.UI {
                 })
             ]
         }));
-        this.props = this.setParams(params);
+        this.props = this.setProps(params);
     }
 }
 exports.TdOptionGroup = TdOptionGroup;

package/src/components/form/td-radio/td-radio.class.js

@@ -6,7 +6,7 @@ const ui_abstract_1 = require("../../../ui/ui.abstract");
 const var_1 = require("../../../styles/var");
 const td_radio_group_class_1 = require("../td-radio-group/td-radio-group.class");
 class TdRadio extends ui_abstract_1.UI {
-    constructor(params) {
+    constructor(params = {}) {
         super(params, 'label');
         this.className = 'TdRadio';
         this.ctrl.addStyleObj({
@@ -87,7 +87,7 @@ class TdRadio extends ui_abstract_1.UI {
             }
         });
         this.addChildren(this.radioInput, this.radioLabel);
-        this.props = this.setParams(params);
+        this.props = this.setProps(params);
     }
     setup() {
         var _a;
@@ -207,7 +207,6 @@ class TdRadio extends ui_abstract_1.UI {
         this.addEvents({
             click: (evt) => {
                 var _a;
-                console.log('this.subscriptions is ', this.subscriptions);
                 console.log('this.inputOriginal.dom click . ');
                 console.log('this.inputOriginal.dom.value is ', this.inputOriginal.dom.value);
                 if (this.disabled) {

package/src/components/form/td-radio-button/td-radio-button.class.js

@@ -6,7 +6,7 @@ const var_1 = require("../../../styles/var");
 const ui_abstract_1 = require("../../../ui/ui.abstract");
 const td_radio_group_class_1 = require("../td-radio-group/td-radio-group.class");
 class TdRadioButton extends ui_abstract_1.UI {
-    constructor(params) {
+    constructor(params = {}) {
         super(params, 'label');
         this.className = 'TdRadioButton';
         this.ctrl.addAttrName('radio-button');
@@ -65,7 +65,7 @@ class TdRadioButton extends ui_abstract_1.UI {
             }
         });
         this.addChildren(this.inputOriginal, this.radioLabel);
-        this.props = this.setParams(params);
+        this.props = this.setProps(params);
     }
     setup() {
         var _a;
@@ -169,7 +169,6 @@ class TdRadioButton extends ui_abstract_1.UI {
             // 点击事件 todo 会触发两次，先不管。
             click: (evt) => {
                 var _a;
-                console.log('radio-button this.subscriptions is ', this.subscriptions);
                 console.log('radio-button this.inputOriginal.dom click . ');
                 console.log('radio-button this.inputOriginal.dom.value is ', this.inputOriginal.dom.value);
                 if (this.disabled) {

package/src/components/form/td-radio-group/td-radio-group.class.js

@@ -6,7 +6,7 @@ const ui_abstract_1 = require("../../../ui/ui.abstract");
 const td_radio_class_1 = require("../td-radio/td-radio.class");
 const td_radio_button_class_1 = require("../td-radio-button/td-radio-button.class");
 class TdRadioGroup extends ui_abstract_1.UI {
-    constructor(params) {
+    constructor(params = {}) {
         super(params);
         this.className = 'TdRadioGroup';
         this.ctrl.addStyleObj({
@@ -17,7 +17,7 @@ class TdRadioGroup extends ui_abstract_1.UI {
             marginRight: '12px',
         });
         this.childNodes = [];
-        this.props = this.setParams(params);
+        this.props = this.setProps(params);
     }
     get resultValue() {
         if (this.modelValue instanceof framework_1.XProxy) {

package/src/components/form/td-select/dropdown/dropdown.class.js

@@ -6,7 +6,7 @@ const ui_abstract_1 = require("../../../../ui/ui.abstract");
 const framework_1 = require("@type-dom/framework");
 const td_select_style_1 = require("../td-select.style");
 class TdSelectDropDown extends ui_abstract_1.UI {
-    constructor(params) {
+    constructor(params = {}) {
         super(params);
         this.className = 'TdSelectDropdown';
         this.ctrl.addStyleObj({
@@ -15,7 +15,7 @@ class TdSelectDropDown extends ui_abstract_1.UI {
             borderRadius: var_1.$borderRadius.base,
             boxSizing: 'border-box'
         });
-        this.props = this.setParams(params);
+        this.props = this.setProps(params);
     }
     setup() {
         const props = this.props;

package/src/components/form/td-select/td-select.class.js

@@ -7,7 +7,7 @@ const td_tooltip_class_1 = require("../../feedback/td-tooltip/td-tooltip.class")
 const dropdown_class_1 = require("./dropdown/dropdown.class");
 const td_select_style_1 = require("./td-select.style");
 class TdSelect extends ui_abstract_1.UI {
-    constructor(params) {
+    constructor(params = {}) {
         super(params);
         this.className = 'TdSelect';
         this.ctrl.addStyleObj(td_select_style_1.$select);
@@ -26,7 +26,7 @@ class TdSelect extends ui_abstract_1.UI {
                 })
             ]
         }));
-        this.props = this.setParams(params);
+        this.props = this.setProps(params);
     }
 }
 exports.TdSelect = TdSelect;