@type-dom/ui 0.0.7 → 0.0.9

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

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TdInputWrapper = void 0;
 const framework_1 = require("@type-dom/framework");
+const use_cursor_1 = require("../../../../hooks/use-cursor");
 const var_1 = require("../../../../styles/var");
 const td_input_style_1 = require("../td-input.style");
 const suffix_1 = require("./suffix");
@@ -11,7 +12,7 @@ class TdInputWrapper extends framework_1.TypeDiv {
         super();
         this.className = 'TdInputWrapper';
         this.parent = params === null || params === void 0 ? void 0 : params.parent;
-        this.ctrl.addStyleObj({
+        this.style.addObj({
             display: 'inline-flex',
             flexGrow: 1,
             alignItems: 'center',
@@ -118,7 +119,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.useParams(params);
     }
     setup() {
         const props = this.props;
@@ -126,7 +127,7 @@ class TdInputWrapper extends framework_1.TypeDiv {
             //   todo
         }
         if (props === null || props === void 0 ? void 0 : props.size) {
-            this.ctrl.addStyleObj({
+            this.style.addObj({
                 padding: td_input_style_1.$wrapperPadding[props.size || 'default'],
                 fontSize: td_input_style_1.$inputFontSize[props.size || 'default'],
                 height: td_input_style_1.$inputHeight[props.size || 'default']
@@ -175,8 +176,8 @@ class TdInputWrapper extends framework_1.TypeDiv {
     }
     setDisabled(disabled) {
         if (disabled) {
-            this.inner.ctrl.setAttrObj({ disabled: 'disabled' });
-            this.inner.ctrl.setStyleObj({
+            this.inner.attr.setObj({ disabled: 'disabled' });
+            this.inner.style.setObj({
                 // color: var(--el-disabled-text-color),
                 color: var_1.$textColor.disabled,
                 // -webkit-text-fill-color: var(--el-disabled-text-color),
@@ -185,8 +186,8 @@ class TdInputWrapper extends framework_1.TypeDiv {
             });
         }
         else {
-            this.inner.ctrl.removeAttribute('disabled');
-            this.inner.ctrl.setStyleObj({
+            this.inner.attr.remove('disabled');
+            this.inner.style.setObj({
                 // color: var(--el-text-color),
                 color: var_1.$textColor.regular,
                 // -webkit-text-fill-color: var(--el-text-color),
@@ -227,12 +228,12 @@ class TdInputWrapper extends framework_1.TypeDiv {
     setShowClear(showClear) {
         var _a;
         console.log('setShowClear . showClear is ', showClear);
-        this.suffix.ctrl.show(this.suffixVisible ? 'inline-flex' : 'none');
-        (_a = this.suffix.clearIcon) === null || _a === void 0 ? void 0 : _a.ctrl.show(showClear ? 'inline-flex' : 'none');
+        this.suffix.style.show(this.suffixVisible ? 'inline-flex' : 'none');
+        (_a = this.suffix.clearIcon) === null || _a === void 0 ? void 0 : _a.style.show(showClear ? 'inline-flex' : 'none');
     }
     setShowPassword(showPassword) {
         var _a;
-        (_a = this.suffix.passwordIcon) === null || _a === void 0 ? void 0 : _a.ctrl.show(showPassword ? 'inline-flex' : 'none');
+        (_a = this.suffix.passwordIcon) === null || _a === void 0 ? void 0 : _a.style.show(showPassword ? 'inline-flex' : 'none');
     }
     setNativeInputValue() {
         console.log('setNativeInputValue . ');
@@ -246,7 +247,7 @@ class TdInputWrapper extends framework_1.TypeDiv {
     }
     handleInput(event, element) {
         console.log('input . this is ', this);
-        const [recordCursor, setCursor] = (0, framework_1.useCursor)(element === null || element === void 0 ? void 0 : element.dom);
+        const [recordCursor, setCursor] = (0, use_cursor_1.useCursor)(element === null || element === void 0 ? void 0 : element.dom);
         recordCursor();
         let { value } = event === null || event === void 0 ? void 0 : event.target;
         if (this.props.formatter) {

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

@@ -8,7 +8,7 @@ class TdTextareaWrapper extends framework_1.TypeDiv {
     constructor(params = {}) {
         super();
         this.className = 'TextareaWrapper';
-        this.ctrl.addStyleObj({
+        this.style.addObj({
             position: 'relative',
             display: 'inline-block',
             width: '100%',
@@ -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.useParams(params);
     }
     // todo
     handleInput(event, element) {
@@ -110,7 +110,7 @@ class TdTextareaWrapper extends framework_1.TypeDiv {
         if (this.isComposing)
             return;
         if (this.props.autosize) {
-            this.inner.ctrl.setStyleObj({
+            this.inner.style.setObj({
                 // height: 'auto',
                 height: this.inner.dom.scrollHeight + 'px'
             });

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

@@ -7,11 +7,11 @@ class TdOption extends ui_abstract_1.UI {
     constructor(params = {}) {
         super(params, 'li');
         this.className = 'TdOption';
-        this.ctrl.addAttrObj({
+        this.attr.addObj({
             name: 'td-option',
             role: 'option'
         });
-        this.ctrl.addStyleObj({
+        this.style.addObj({
             // font-size: map.get($select, 'font-size'),
             fontSize: td_select_style_1.$select.fontSize, // $fontSizes.base,
             // 20 as the padding of option item, 12 as the size of ✓ icon size
@@ -29,7 +29,7 @@ class TdOption extends ui_abstract_1.UI {
             boxSizing: 'border-box',
             cursor: 'pointer'
         });
-        this.props = this.setParams(params);
+        this.props = this.useParams(params);
     }
 }
 exports.TdOption = TdOption;

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

@@ -8,10 +8,10 @@ class TdOptionGroup extends ui_abstract_1.UI {
     constructor(params = {}) {
         super(params, 'ul');
         this.className = 'TdOptionGroup';
-        this.ctrl.addAttrObj({
+        this.attr.addObj({
             name: 'option-group-wrap'
         });
-        this.ctrl.addStyleObj({
+        this.style.addObj({
             margin: '0',
             padding: '0',
             position: 'relative',
@@ -44,7 +44,7 @@ class TdOptionGroup extends ui_abstract_1.UI {
                 })
             ]
         }));
-        this.props = this.setParams(params);
+        this.props = this.useParams(params);
     }
 }
 exports.TdOptionGroup = TdOptionGroup;

package/src/components/form/td-radio/td-radio.class.d.ts

@@ -13,5 +13,4 @@ export declare class TdRadio extends UI implements ITdRadio {
     setup(): void;
     setDisabled(disabled?: boolean): void;
     setChecked(checked: boolean): void;
-    initEvents(): void;
 }

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

@@ -9,7 +9,7 @@ class TdRadio extends ui_abstract_1.UI {
     constructor(params = {}) {
         super(params, 'label');
         this.className = 'TdRadio';
-        this.ctrl.addStyleObj({
+        this.style.addObj({
             color: var_1.$textColor.regular,
             fontWeight: var_1.$fontWeightPrimary,
             position: 'relative',
@@ -87,36 +87,61 @@ class TdRadio extends ui_abstract_1.UI {
             }
         });
         this.addChildren(this.radioInput, this.radioLabel);
-        this.props = this.setParams(params);
+        this.props = this.useParams(params);
+        // 点击事件 todo 会触发两次，先不管。
+        this.addEvents({
+            click: (evt) => {
+                var _a;
+                console.log('this.inputOriginal.dom click . ');
+                console.log('this.inputOriginal.dom.value is ', this.inputOriginal.dom.value);
+                if (this.disabled) {
+                    evt === null || evt === void 0 ? void 0 : evt.preventDefault();
+                    return;
+                }
+                // this.inputOriginal.dom.click();
+                if (this.parent instanceof td_radio_group_class_1.TdRadioGroup) {
+                    this.parent.setModelValue(this.inputOriginal.value); // 触发父级的事件，重置整个组。
+                }
+                this.setChecked(true);
+                (_a = this.parent) === null || _a === void 0 ? void 0 : _a.childNodes.forEach((node) => {
+                    if (node instanceof TdRadio &&
+                        node.inputOriginal.attr.get('name') ===
+                            this.inputOriginal.attr.get('name') &&
+                        node !== this) {
+                        node.setChecked(false);
+                    }
+                });
+            }
+        });
     }
     setup() {
         var _a;
         const props = this.props;
         if (props === null || props === void 0 ? void 0 : props.name) {
             console.log('setConfig props?.name', props === null || props === void 0 ? void 0 : props.name);
-            this.inputOriginal.ctrl.addAttrName(props.name);
+            this.inputOriginal.attr.addName(props.name);
         }
         if (props === null || props === void 0 ? void 0 : props.value) {
-            this.inputOriginal.ctrl.addAttrObj({ value: props.value });
+            this.inputOriginal.attr.addObj({ value: props.value });
         }
         if (props === null || props === void 0 ? void 0 : props.checked) {
-            this.inputOriginal.ctrl.addAttrObj({ checked: props.checked || false });
+            this.inputOriginal.attr.addObj({ checked: props.checked || false });
         }
         if (props === null || props === void 0 ? void 0 : props.label) {
             (_a = this.radioLabel.textNode) === null || _a === void 0 ? void 0 : _a.setText(props.label);
         }
         if (props === null || props === void 0 ? void 0 : props.disabled) {
-            this.inputOriginal.ctrl.addAttrObj({ disabled: props.disabled });
+            this.inputOriginal.attr.addObj({ disabled: props.disabled });
             //   todo 样式
         }
         if (props === null || props === void 0 ? void 0 : props.size) {
-            this.ctrl.addStyleObj({
+            this.style.addObj({
                 height: var_1.$commonComponentSize[props.size],
                 fontSize: var_1.$fontSizes[props.size]
             });
         }
         if (props === null || props === void 0 ? void 0 : props.border) {
-            this.ctrl.addStyleObj({
+            this.style.addObj({
                 borderWidth: var_1.$borderWidth,
                 borderStyle: var_1.$borderStyle,
                 borderColor: var_1.$borderColor.base,
@@ -125,26 +150,26 @@ class TdRadio extends ui_abstract_1.UI {
             });
         }
         if (props === null || props === void 0 ? void 0 : props.checked) {
-            this.setChecked(props === null || props === void 0 ? void 0 : props.checked);
+            this.setChecked(props.checked);
         }
         if (props === null || props === void 0 ? void 0 : props.disabled) {
-            this.setDisabled(props === null || props === void 0 ? void 0 : props.disabled);
+            this.setDisabled(props.disabled);
         }
     }
     setDisabled(disabled) {
         this.disabled = disabled;
         if (disabled) {
-            this.ctrl.setStyleObj({
+            this.style.setObj({
                 cursor: 'notAllowed',
                 opacity: 0.5
                 //   禁用事件
                 //   pointerEvents: 'none',
             });
-            this.radioLabel.ctrl.setStyleObj({
+            this.radioLabel.style.setObj({
                 color: var_1.$colors.default.base
             });
-            this.inputOriginal.ctrl.setAttrObj({ disabled: true });
-            this.inputInner.ctrl.setStyleObj({
+            this.inputOriginal.attr.setObj({ disabled: true });
+            this.inputInner.style.setObj({
                 cursor: 'notAllowed',
                 // color: $colors.default.base,
                 // borderWidth: '1px',
@@ -155,30 +180,30 @@ class TdRadio extends ui_abstract_1.UI {
             });
         }
         else {
-            this.ctrl.setStyleObj({
+            this.style.setObj({
                 cursor: 'pointer',
                 opacity: 1,
                 pointerEvents: 'auto'
             });
-            this.inputOriginal.ctrl.removeAttribute('disabled');
-            this.inputInner.ctrl.setStyleObj({
+            this.inputOriginal.attr.remove('disabled');
+            this.inputInner.style.setObj({
                 cursor: 'auto'
             });
         }
     }
     setChecked(checked) {
         if (checked) {
-            this.ctrl.setStyleObj({
+            this.style.setObj({
                 borderColor: var_1.$colors.primary.base
             });
-            this.inputOriginal.ctrl.setAttrObj({
+            this.inputOriginal.attr.setObj({
                 checked: true
             });
             //  设置选中样式
-            this.radioLabel.ctrl.setStyleObj({
+            this.radioLabel.style.setObj({
                 color: var_1.$colors.primary.base
             });
-            this.inputInner.ctrl.setStyleObj({
+            this.inputInner.style.setObj({
                 color: var_1.$colors.primary.base,
                 borderWidth: '5px',
                 borderStyle: 'solid',
@@ -187,14 +212,14 @@ class TdRadio extends ui_abstract_1.UI {
         }
         else {
             // 设置非选中样式
-            this.ctrl.setStyleObj({
+            this.style.setObj({
                 borderColor: var_1.$borderColor.base
             });
-            this.inputOriginal.ctrl.removeAttribute('checked');
-            this.radioLabel.ctrl.setStyleObj({
+            this.inputOriginal.attr.remove('checked');
+            this.radioLabel.style.setObj({
                 color: var_1.$colors.default.base
             });
-            this.inputInner.ctrl.setStyleObj({
+            this.inputInner.style.setObj({
                 borderWidth: '1px',
                 borderStyle: 'solid',
                 borderColor: var_1.$borderColor.base,
@@ -202,34 +227,5 @@ class TdRadio extends ui_abstract_1.UI {
             });
         }
     }
-    initEvents() {
-        // 点击事件 todo 会触发两次，先不管。
-        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) {
-                    evt === null || evt === void 0 ? void 0 : evt.preventDefault();
-                    return;
-                }
-                // this.inputOriginal.dom.click();
-                if (this.parent instanceof td_radio_group_class_1.TdRadioGroup) {
-                    this.parent.setModelValue(this.inputOriginal.value); // 触发父级的事件，重置整个组。
-                }
-                this.setChecked(true);
-                (_a = this.parent) === null || _a === void 0 ? void 0 : _a.childNodes.forEach((node) => {
-                    var _a, _b;
-                    if (node instanceof TdRadio &&
-                        ((_a = node.inputOriginal.props.attrObj) === null || _a === void 0 ? void 0 : _a.name) ===
-                            ((_b = this.inputOriginal.props.attrObj) === null || _b === void 0 ? void 0 : _b.name) &&
-                        node !== this) {
-                        node.setChecked(false);
-                    }
-                });
-            }
-        });
-    }
 }
 exports.TdRadio = TdRadio;

package/src/components/form/td-radio-button/td-radio-button.class.d.ts

@@ -11,5 +11,4 @@ export declare class TdRadioButton extends UI implements ITdRadioButton {
     setup(): void;
     setDisabled(disabled?: boolean): void;
     setChecked(checked: boolean): void;
-    initEvents(): void;
 }

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

@@ -9,8 +9,8 @@ class TdRadioButton extends ui_abstract_1.UI {
     constructor(params = {}) {
         super(params, 'label');
         this.className = 'TdRadioButton';
-        this.ctrl.addAttrName('radio-button');
-        this.ctrl.addStyleObj({
+        this.attr.addName('radio-button');
+        this.style.addObj({
             position: 'relative',
             display: 'inline-block',
             outline: 'none'
@@ -65,51 +65,51 @@ class TdRadioButton extends ui_abstract_1.UI {
             }
         });
         this.addChildren(this.inputOriginal, this.radioLabel);
-        this.props = this.setParams(params);
+        this.props = this.useParams(params);
     }
     setup() {
         var _a;
         const props = this.props;
         if (props.name) {
             console.log('setConfig props.name', props.name);
-            this.inputOriginal.ctrl.addAttrName(props.name);
+            this.inputOriginal.attr.addName(props.name);
         }
         if (props.value) {
-            this.inputOriginal.ctrl.addAttrObj({ value: props.value });
+            this.inputOriginal.attr.addObj({ value: props.value });
         }
         if (props.checked) {
-            this.inputOriginal.ctrl.addAttrObj({ checked: props.checked || false });
+            this.inputOriginal.attr.addObj({ checked: props.checked || false });
         }
         if (props === null || props === void 0 ? void 0 : props.label) {
             (_a = this.radioLabel.textNode) === null || _a === void 0 ? void 0 : _a.setText(props.label);
         }
         if (props === null || props === void 0 ? void 0 : props.disabled) {
-            this.inputOriginal.ctrl.addAttrObj({ disabled: props.disabled });
+            this.inputOriginal.attr.addObj({ disabled: props.disabled });
             //   todo 样式
         }
         // size 默认值是 default
         const size = (props === null || props === void 0 ? void 0 : props.size) || 'default';
-        this.ctrl.addStyleObj({
+        this.style.addObj({
             height: var_1.$commonComponentSize[size]
         });
-        this.radioLabel.ctrl.addStyleObj({
+        this.radioLabel.style.addObj({
             padding: var_1.$paddingVerticalMap[size] + ' ' + var_1.$paddingHorizontalMap[size],
             fontSize: var_1.$fontSizes[size]
         });
         if (props === null || props === void 0 ? void 0 : props.isFirst) {
             const radius = var_1.$borderRadiusMap[size];
-            this.radioLabel.ctrl.addStyleObj({
+            this.radioLabel.style.addObj({
                 borderRadius: radius + ' 0 0 ' + radius
             });
         }
         else {
-            this.radioLabel.ctrl.addStyleObj({
+            this.radioLabel.style.addObj({
                 borderLeft: '0'
             });
         }
         if (props === null || props === void 0 ? void 0 : props.isLast) {
             const radius = var_1.$borderRadiusMap[size];
-            this.radioLabel.ctrl.addStyleObj({
+            this.radioLabel.style.addObj({
                 borderRadius: '0 ' + radius + ' ' + radius + ' 0'
             });
         }
@@ -119,79 +119,75 @@ class TdRadioButton extends ui_abstract_1.UI {
         if (props === null || props === void 0 ? void 0 : props.disabled) {
             this.setDisabled(props === null || props === void 0 ? void 0 : props.disabled);
         }
+        this.addEvents({
+            // 点击事件 todo 会触发两次，先不管。
+            click: (evt) => {
+                var _a;
+                console.log('radio-button this.inputOriginal.dom click . ');
+                console.log('radio-button this.inputOriginal.dom.value is ', this.inputOriginal.dom.value);
+                if (this.disabled) {
+                    evt === null || evt === void 0 ? void 0 : evt.preventDefault();
+                    return;
+                }
+                // this.inputOriginal.dom.click();
+                if (this.parent instanceof td_radio_group_class_1.TdRadioGroup) {
+                    this.parent.setModelValue(this.inputOriginal.value); // 触发父级的事件，重置整个组。
+                }
+                this.setChecked(true);
+                (_a = this.parent) === null || _a === void 0 ? void 0 : _a.childNodes.forEach((node) => {
+                    if (node instanceof TdRadioButton &&
+                        node.inputOriginal.attr.get('name') ===
+                            this.inputOriginal.attr.get('name') &&
+                        node !== this) {
+                        node.setChecked(false);
+                    }
+                });
+            }
+        });
     }
     setDisabled(disabled) {
         this.disabled = disabled;
         if (disabled) {
-            this.ctrl.setStyleObj({
+            this.style.setObj({
                 cursor: 'notAllowed',
                 opacity: 0.5
                 //   禁用事件
                 //   pointerEvents: 'none',
             });
-            this.radioLabel.ctrl.setStyleObj({
+            this.radioLabel.style.setObj({
                 color: var_1.$colors.default.base
             });
-            this.inputOriginal.ctrl.setAttrObj({ disabled: true });
+            this.inputOriginal.attr.setObj({ disabled: true });
         }
         else {
-            this.ctrl.setStyleObj({
+            this.style.setObj({
                 cursor: 'pointer',
                 opacity: 1,
                 pointerEvents: 'auto'
             });
-            this.inputOriginal.ctrl.removeAttribute('disabled');
+            this.inputOriginal.attr.remove('disabled');
         }
     }
     setChecked(checked) {
         if (checked) {
-            this.inputOriginal.ctrl.setAttrObj({
+            this.inputOriginal.attr.setObj({
                 checked: true
             });
             //  设置选中样式
-            this.radioLabel.ctrl.setStyleObj({
+            this.radioLabel.style.setObj({
                 color: var_1.$colorWhite,
                 backgroundColor: var_1.$colors.primary.base
             });
         }
         else {
-            this.inputOriginal.ctrl.removeAttribute('checked');
+            this.inputOriginal.attr.remove('checked');
             // 设置非选中样式
-            this.radioLabel.ctrl.setStyleObj({
+            this.radioLabel.style.setObj({
                 borderColor: var_1.$borderColor.base,
                 background: var_1.$fillColor.blank,
                 color: var_1.$colors.default.base
             });
         }
     }
-    initEvents() {
-        this.addEvents({
-            // 点击事件 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) {
-                    evt === null || evt === void 0 ? void 0 : evt.preventDefault();
-                    return;
-                }
-                // this.inputOriginal.dom.click();
-                if (this.parent instanceof td_radio_group_class_1.TdRadioGroup) {
-                    this.parent.setModelValue(this.inputOriginal.value); // 触发父级的事件，重置整个组。
-                }
-                this.setChecked(true);
-                (_a = this.parent) === null || _a === void 0 ? void 0 : _a.childNodes.forEach((node) => {
-                    var _a, _b;
-                    if (node instanceof TdRadioButton &&
-                        ((_a = node.inputOriginal.props.attrObj) === null || _a === void 0 ? void 0 : _a.name) ===
-                            ((_b = this.inputOriginal.props.attrObj) === null || _b === void 0 ? void 0 : _b.name) &&
-                        node !== this) {
-                        node.setChecked(false);
-                    }
-                });
-            }
-        });
-    }
 }
 exports.TdRadioButton = TdRadioButton;

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

@@ -9,7 +9,7 @@ class TdRadioGroup extends ui_abstract_1.UI {
     constructor(params = {}) {
         super(params);
         this.className = 'TdRadioGroup';
-        this.ctrl.addStyleObj({
+        this.style.addObj({
             display: 'inline-flex',
             alignItems: 'center',
             flexWrap: 'wrap',
@@ -17,7 +17,7 @@ class TdRadioGroup extends ui_abstract_1.UI {
             marginRight: '12px',
         });
         this.childNodes = [];
-        this.props = this.setParams(params);
+        this.props = this.useParams(params);
     }
     get resultValue() {
         if (this.modelValue instanceof framework_1.XProxy) {
@@ -92,8 +92,7 @@ class TdRadioGroup extends ui_abstract_1.UI {
         }
         // console.error('value is ', value);
         this.childNodes.forEach((opt) => {
-            var _a;
-            if (String((_a = opt.inputOriginal.props.attrObj) === null || _a === void 0 ? void 0 : _a.value) === String(value)) {
+            if (String(opt.inputOriginal.attr.get('value')) === String(value)) {
                 // 设置选中样式
                 opt.setChecked(true);
             }

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

@@ -9,13 +9,13 @@ class TdSelectDropDown extends ui_abstract_1.UI {
     constructor(params = {}) {
         super(params);
         this.className = 'TdSelectDropdown';
-        this.ctrl.addStyleObj({
+        this.style.addObj({
             // z-index: calc(#{getCssVar('index-top')} + 1);
             // border-radius: getCssVar('border-radius-base');
             borderRadius: var_1.$borderRadius.base,
             boxSizing: 'border-box'
         });
-        this.props = this.setParams(params);
+        this.props = this.useParams(params);
     }
     setup() {
         const props = this.props;

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

@@ -10,7 +10,7 @@ class TdSelect extends ui_abstract_1.UI {
     constructor(params = {}) {
         super(params);
         this.className = 'TdSelect';
-        this.ctrl.addStyleObj(td_select_style_1.$select);
+        this.style.addObj(td_select_style_1.$select);
         this.addChild(new td_tooltip_class_1.TdTooltip({
             slot: [
                 new framework_1.Div({
@@ -26,7 +26,7 @@ class TdSelect extends ui_abstract_1.UI {
                 })
             ]
         }));
-        this.props = this.setParams(params);
+        this.props = this.useParams(params);
     }
 }
 exports.TdSelect = TdSelect;

package/src/components/form/td-switch/td-switch.class.d.ts

@@ -15,7 +15,7 @@ export declare class TdSwitch extends UI implements ITdSwitch {
     get actualValue(): string | number | boolean | undefined;
     get checked(): boolean;
     mounted(): void;
-    initEvents(): void;
+    setup(): void;
     handleChange(): void;
     setDisabled(disabled: boolean): void;
     setChecked(checked: boolean): void;