@type-dom/ui 0.0.7 → 0.0.8

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

@@ -10,7 +10,7 @@ class RadioGroup extends framework_1.TypeDiv {
         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-option/radio-option.class.js

@@ -1,7 +1,6 @@
 "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 = {}) {
@@ -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

@@ -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-button/td-checkbox-button.class.js

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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-option/td-option.class.js

@@ -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-group/td-option-group.class.js

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -26,7 +26,7 @@ class TdSelect extends ui_abstract_1.UI {
                 })
             ]
         }));
-        this.props = this.setParams(params);
+        this.props = this.setProps(params);
     }
 }
 exports.TdSelect = TdSelect;

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

@@ -62,7 +62,7 @@ class TdSwitch extends ui_abstract_1.UI {
             this.right = new td_switch_right_1.TdSwitchRight(params);
             this.addChild(this.right);
         }
-        this.props = this.setParams(params);
+        this.props = this.setProps(params);
     }
     get actualValue() {
         return this.isControlled ? this.props.modelValue : false;
@@ -90,19 +90,18 @@ class TdSwitch extends ui_abstract_1.UI {
         });
     }
     handleChange() {
-        var _a, _b, _c, _d, _e, _f;
         console.log('handleChange . ');
         const props = this.props;
         const checked = this.modelValue === this.activeValue;
         // this.modelValue = !this.modelValue;
         this.modelValue = checked ? this.inactiveValue : this.activeValue;
         const val = checked ? this.inactiveValue : this.activeValue;
-        // emit(UPDATE_MODEL_EVENT, val)
-        (_b = (_a = this.props.emits) === null || _a === void 0 ? void 0 : _a[event_1.UPDATE_MODEL_EVENT]) === null || _b === void 0 ? void 0 : _b.call(_a, val);
-        // emit(CHANGE_EVENT, val)
-        (_d = (_c = this.props.emits) === null || _c === void 0 ? void 0 : _c[event_1.CHANGE_EVENT]) === null || _d === void 0 ? void 0 : _d.call(_c, val);
-        // emit(INPUT_EVENT, val)
-        (_f = (_e = this.props.emits) === null || _e === void 0 ? void 0 : _e[event_1.INPUT_EVENT]) === null || _f === void 0 ? void 0 : _f.call(_e, val);
+        this.emit(event_1.UPDATE_MODEL_EVENT, val);
+        // this.props.emits?.[UPDATE_MODEL_EVENT]?.(val);
+        this.emit(event_1.CHANGE_EVENT, val);
+        // this.props.emits?.[CHANGE_EVENT]?.(val);
+        this.emit(event_1.INPUT_EVENT, val);
+        // this.props.emits?.[INPUT_EVENT]?.(val);
         (0, framework_1.nextTick)(() => {
             this.input.dom.checked = !checked;
             console.log('handleChange . this.input.dom.checked is ', checked);

package/src/components/form/td-switch/widget/td-switch-core.js

@@ -166,7 +166,7 @@ class TdSwitchCore extends framework_1.TypeSpan {
             }
         }
         this.addChild(this.action);
-        this.props = this.setParams(params);
+        this.props = this.setProps(params);
     }
     setInnerChecked(checked) {
         var _a, _b, _c, _d, _e, _f, _g, _h;

package/src/components/form/td-switch/widget/td-switch-left.js

@@ -20,7 +20,7 @@ class TdSwitchLeft extends framework_1.TypeSpan {
                 text: params.inactiveText
             }));
         }
-        this.props = this.setParams(params);
+        this.props = this.setProps(params);
     }
 }
 exports.TdSwitchLeft = TdSwitchLeft;

package/src/components/form/td-switch/widget/td-switch-right.js

@@ -19,7 +19,7 @@ class TdSwitchRight extends framework_1.TypeSpan {
                 text: params.activeText
             }));
         }
-        this.props = this.setParams(params);
+        this.props = this.setProps(params);
     }
 }
 exports.TdSwitchRight = TdSwitchRight;

package/src/components/navigation/td-affix/td-affix.class.js

@@ -38,7 +38,7 @@ class TdAffix extends ui_abstract_1.UI {
             this.affix.slotChild(params.slot);
         }
         this.addChild(this.affix);
-        this.props = this.setParams(params);
+        this.props = this.setProps(params);
     }
     get rootStyle() {
         return {

package/src/components/navigation/td-anchor/td-anchor-link/td-anchor-link.class.js

@@ -24,7 +24,7 @@ class TdAnchorLink extends ui_abstract_1.UI {
             this.list.addChildren(...params.contents);
             this.addChild(this.list);
         }
-        this.setParams(params);
+        this.setProps(params);
     }
 }
 exports.TdAnchorLink = TdAnchorLink;

package/src/components/navigation/td-anchor/td-anchor.class.js

@@ -108,7 +108,7 @@ class TdAnchor extends ui_abstract_1.UI {
                 });
             }
         }
-        this.props = this.setParams(params);
+        this.props = this.setProps(params);
     }
     handleClick(e, href) {
         // emit('click', e, href)

package/src/components/navigation/td-backtop/td-backtop.class.js

@@ -51,7 +51,7 @@ class TdBackTop extends ui_abstract_1.UI {
         });
         this.transition = new framework_1.Transition({
             name: 'fade',
-            slot: this.division
+            childNodes: [this.division]
         });
         this.addChild(this.transition);
         // this.ctrl.addAttrName('td-back-top');
@@ -93,7 +93,7 @@ class TdBackTop extends ui_abstract_1.UI {
         }
         this.container = document;
         this.el = document.documentElement; // todo 监听不生效 ？？？？
-        this.props = this.setParams(params);
+        this.props = this.setProps(params);
     }
     mounted() {
         var _a;
@@ -113,13 +113,12 @@ class TdBackTop extends ui_abstract_1.UI {
         console.log('TdBackTop initEvents');
         // nextTick(() => {
         console.log('TdBackTop initEvents 2');
-        this.subscriptions.push((0, rxjs_1.fromEvent)(this.container, 'scroll')
+        (0, rxjs_1.fromEvent)(this.container, 'scroll')
             .pipe((0, rxjs_1.throttleTime)(300))
             .subscribe((event) => {
             // console.error('handleScroll . 1');
             this.handleScroll(event);
-        }));
-        // });
+        });
     }
     handleScroll(event) {
         var _a;

package/src/components/navigation/td-breadcrumb/td-breadcrumb.class.js

@@ -14,7 +14,7 @@ class TdBreadcrumb extends ui_abstract_1.UI {
         });
         this.childNodes = [];
         this.addChild(this.getSlotNode());
-        this.props = this.setParams(params);
+        this.props = this.setProps(params);
     }
     created() {
         console.log('TdBreadcrumb created . ');

package/src/components/navigation/td-breadcrumb-item/td-breadcrumb-item.class.js

@@ -39,7 +39,7 @@ class TdBreadcrumbItem extends ui_abstract_1.UI {
         if (params === null || params === void 0 ? void 0 : params.slot) {
             this.slotChild(params === null || params === void 0 ? void 0 : params.slot);
         }
-        this.setParams(params);
+        this.setProps(params);
     }
     addSeparator(breadcrumbConfig) {
         if (breadcrumbConfig === null || breadcrumbConfig === void 0 ? void 0 : breadcrumbConfig.separatorIcon) {

package/src/components/navigation/td-menu/td-menu.class.js

@@ -22,7 +22,7 @@ class TdMenu extends ui_abstract_1.UI {
             backgroundColor: var_1.$borderColor.base,
             boxSizing: 'border-box'
         });
-        this.props = this.setParams(params);
+        this.props = this.setProps(params);
     }
     setup() {
         const props = this.props;

package/src/components/navigation/td-tabs/td-tab-bar.class.js

@@ -11,7 +11,7 @@ class TdTabBar extends ui_abstract_1.UI {
         this.ctrl.addAttrName('td-tab-bar');
         this.ctrl.addStyleObj(td_tabs_style_1.$tabsActiveBarStyle);
         this.rootTabs = params === null || params === void 0 ? void 0 : params.rootTabs;
-        this.props = this.setParams(params);
+        this.props = this.setProps(params);
     }
     getBarStyle() {
         var _a;

package/src/components/navigation/td-tabs/td-tab-nav.class.js

@@ -188,7 +188,7 @@ class TdTabNav extends ui_abstract_1.UI {
         console.log('this.tabs is ', this.tabs);
         this.nav.addChildren(...this.tabs);
         this.nav.ctrl.addStyleObj(this.navStyle);
-        this.props = this.setParams(params);
+        this.props = this.setProps(params);
     }
     mounted() {
         setTimeout(() => this.scrollToActiveTab(), 0);

package/src/components/navigation/td-tabs/td-tab-pane.class.js

@@ -26,7 +26,7 @@ class TdTabPane extends ui_abstract_1.UI {
             }
             this.addChild(this.panel);
         }
-        this.props = this.setParams(params);
+        this.props = this.setProps(params);
     }
     setActive(active) {
         var _a, _b;

package/src/components/navigation/td-tabs/td-tabs.class.js

@@ -92,11 +92,11 @@ class TdTabs extends ui_abstract_1.UI {
         else {
             this.childNodes = [this.panel, this.header];
         }
-        this.props = this.setParams(params);
+        this.props = this.setProps(params);
     }
     setCurrentName(value_1) {
         return tslib_1.__awaiter(this, arguments, void 0, function* (value, trigger = false) {
-            var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+            var _a, _b, _c, _d, _e;
             console.log('setCurrentName .');
             // should do nothing.
             if (this.currentName === value || (0, utils_1.isUndefined)(value))
@@ -106,12 +106,12 @@ class TdTabs extends ui_abstract_1.UI {
                 if (canLeave !== false) {
                     this.currentName = value;
                     if (trigger) {
-                        // emit(UPDATE_MODEL_EVENT, value)
-                        (_d = (_c = this.props.emits) === null || _c === void 0 ? void 0 : _c[event_1.UPDATE_MODEL_EVENT]) === null || _d === void 0 ? void 0 : _d.call(_c, value);
-                        // emit('tabChange', value)
-                        (_f = (_e = this.props.emits) === null || _e === void 0 ? void 0 : _e.tabChange) === null || _f === void 0 ? void 0 : _f.call(_e, value);
+                        this.emit(event_1.UPDATE_MODEL_EVENT, value);
+                        // this.props.emits?.[UPDATE_MODEL_EVENT]?.(value);
+                        this.emit('tabChange', value);
+                        // this.props.emits?.tabChange?.(value);
                     }
-                    (_g = this.props.slot) === null || _g === void 0 ? void 0 : _g.forEach((pane, index) => {
+                    (_c = this.props.slot) === null || _c === void 0 ? void 0 : _c.forEach((pane, index) => {
                         var _a;
                         const tabName = (_a = pane.props.name) !== null && _a !== void 0 ? _a : (index + 1);
                         if (tabName === this.currentName) {
@@ -121,39 +121,36 @@ class TdTabs extends ui_abstract_1.UI {
                             pane.setActive(false);
                         }
                     });
-                    (_j = (_h = this.tabNav) === null || _h === void 0 ? void 0 : _h.removeFocus) === null || _j === void 0 ? void 0 : _j.call(_h);
+                    (_e = (_d = this.tabNav) === null || _d === void 0 ? void 0 : _d.removeFocus) === null || _e === void 0 ? void 0 : _e.call(_d);
                 }
             }
-            catch (_k) {
+            catch (_f) {
                 console.error('tab change error');
             }
         });
     }
     handleTabClick(tab, tabName, event) {
-        var _a, _b;
         console.log('handleTabClick . ');
         if (tab.disabled)
             return;
         this.setCurrentName(tabName, true);
-        // emit('tabClick', tab, event)
-        (_b = (_a = this.props.emits) === null || _a === void 0 ? void 0 : _a.tabClick) === null || _b === void 0 ? void 0 : _b.call(_a, tab, event);
+        this.emit('tabClick', tab, event);
+        // this.props.emits?.tabClick?.(tab, event);
     }
     handleTabRemove(pane, ev) {
-        var _a, _b, _c, _d;
         if (pane.disabled || (0, utils_1.isUndefined)(pane.name))
             return;
         ev.stopPropagation();
-        // emit('edit', pane.props.name, 'remove')
-        (_b = (_a = this.props.emits) === null || _a === void 0 ? void 0 : _a.edit) === null || _b === void 0 ? void 0 : _b.call(_a, pane.name, 'remove');
-        // emit('tabRemove', pane.props.name)
-        (_d = (_c = this.props.emits) === null || _c === void 0 ? void 0 : _c.tabRemove) === null || _d === void 0 ? void 0 : _d.call(_c, pane.name);
+        this.emit('edit', pane.name, 'remove');
+        // this.props.emits?.edit?.(pane.name, 'remove');
+        this.emit('tabRemove', pane.name);
+        // this.props.emits?.tabRemove?.(pane.name);
     }
     handleTabAdd() {
-        var _a, _b, _c, _d;
-        // emit('edit', undefined, 'add')
-        (_b = (_a = this.props.emits) === null || _a === void 0 ? void 0 : _a.edit) === null || _b === void 0 ? void 0 : _b.call(_a, undefined, 'add');
-        // emit('tabAdd')
-        (_d = (_c = this.props.emits) === null || _c === void 0 ? void 0 : _c.tabAdd) === null || _d === void 0 ? void 0 : _d.call(_c);
+        this.emit('edit', undefined, 'add');
+        // this.props.emits?.edit?.(undefined, 'add');
+        this.emit('tabAdd');
+        // this.props.emits?.tabAdd?.();
     }
 }
 exports.TdTabs = TdTabs;