@type-dom/ui 0.0.7 → 0.0.8

package/src/components/feedback/overlay/container/header/close-button/close-button.js

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CloseButton = void 0;
-const rxjs_1 = require("rxjs");
 const framework_1 = require("@type-dom/framework");
 const svgs_1 = require("@type-dom/svgs");
 class CloseButton extends framework_1.TypeButton {
@@ -24,10 +23,12 @@ class CloseButton extends framework_1.TypeButton {
         this.childNodes = [this.svg];
     }
     initEvents() {
-        this.subscriptions.push((0, rxjs_1.fromEvent)(this.dom, 'click').subscribe(() => {
-            var _a, _b, _c;
-            (_c = (_b = (_a = this.parent) === null || _a === void 0 ? void 0 : _a.parent) === null || _b === void 0 ? void 0 : _b.parent) === null || _c === void 0 ? void 0 : _c.ctrl.hide();
-        }));
+        this.addEvents({
+            click: () => {
+                var _a, _b, _c;
+                (_c = (_b = (_a = this.parent) === null || _a === void 0 ? void 0 : _a.parent) === null || _b === void 0 ? void 0 : _b.parent) === null || _c === void 0 ? void 0 : _c.ctrl.hide();
+            }
+        });
     }
 }
 exports.CloseButton = CloseButton;

package/src/components/feedback/overlay/overlay.abstract.js

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Overlay = void 0;
-const rxjs_1 = require("rxjs");
 const framework_1 = require("@type-dom/framework");
 const container_1 = require("./container/container");
 class Overlay extends framework_1.TypeDiv {
@@ -51,9 +50,11 @@ class Overlay extends framework_1.TypeDiv {
         // this.container.body.clearChildDom();
     }
     initEvents() {
-        this.subscriptions.push((0, rxjs_1.fromEvent)(this.dom, 'click').subscribe(() => {
-            this.ctrl.hide();
-        }));
+        this.addEvents({
+            click: () => {
+                this.ctrl.hide();
+            }
+        });
     }
 }
 exports.Overlay = Overlay;

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

@@ -39,7 +39,7 @@ class TdAlert extends ui_abstract_1.UI {
         this.addTitle(params);
         this.addDescription(params);
         this.addCloseElement(params);
-        this.props = this.setParams(params);
+        this.props = this.setProps(params);
     }
     addTitle(params) {
         var _a, _b;

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

@@ -45,12 +45,12 @@ class TdDialog extends ui_abstract_1.UI {
                             this.beforeLeave();
                         }
                     },
-                    slot: this.overlay,
+                    childNodes: [this.overlay],
                 }),
             ]
         });
         this.addChild(this.teleport);
-        this.props = this.setParams(params);
+        this.props = this.setProps(params);
     }
     show() {
         console.log('TdDialog . show . ');

package/src/components/feedback/td-dialog-content/td-dialog-content.class.js

@@ -73,7 +73,7 @@ class TdDialogContent extends ui_abstract_1.UI {
             this.footer.addChild(this.getSlotNode('footer'));
             this.addChild(this.footer);
         }
-        this.props = this.setParams(params);
+        this.props = this.setProps(params);
     }
 }
 exports.TdDialogContent = TdDialogContent;

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

@@ -21,19 +21,21 @@ class TdDrawer extends ui_abstract_1.UI {
                     console.log('beforeEnter');
                 },
             },
-            slot: new td_overlay_class_1.TdOverlay({
-                mask: params === null || params === void 0 ? void 0 : params.modal,
-                zIndex: 1000, // todo zIndex
-                events: {
-                    click: () => {
-                        //
-                        console.log('click . ');
+            childNodes: [
+                new td_overlay_class_1.TdOverlay({
+                    mask: params === null || params === void 0 ? void 0 : params.modal,
+                    zIndex: 1000, // todo zIndex
+                    events: {
+                        click: () => {
+                            //
+                            console.log('click . ');
+                        }
                     }
-                }
-            })
+                })
+            ]
         });
         this.addChild(this.transition);
-        this.props = this.setParams(params);
+        this.props = this.setProps(params);
     }
 }
 exports.TdDrawer = TdDrawer;

package/src/components/feedback/td-focus-trap/td-focus-trap.class.js

@@ -9,7 +9,7 @@ class TdFocusTrap extends ui_abstract_1.UI {
         super(params, 'fragment');
         this.className = 'TdFocusTrap';
         this.inheritAttrs = false;
-        this.props = this.setParams(params);
+        this.props = this.setProps(params);
     }
     initEvents() {
         const focusLayer = {

package/src/components/feedback/td-focus-trap/utils.d.ts

@@ -1,4 +1,4 @@
-declare const focusReason: import("dist/libs/framework/src/reactivity/ref").Ref<"pointer" | "keyboard" | undefined>;
+declare const focusReason: import("@type-dom/framework").Ref<"pointer" | "keyboard" | undefined>;
 export type FocusLayer = {
     paused: boolean;
     pause: () => void;

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

@@ -59,7 +59,7 @@ class TdLoading extends ui_abstract_1.UI {
         });
         this.transition.addChild(this.mask);
         this.addChild(this.transition);
-        this.props = this.setParams(params);
+        this.props = this.setProps(params);
     }
 }
 exports.TdLoading = TdLoading;

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

@@ -10,6 +10,7 @@ export declare class TdMessage extends UI<undefined> implements ITdMessage {
     static msgId: number;
     static msgList: TdMessage[];
     private repeatNum?;
+    private badge?;
     constructor(option?: string | ITdMessageConfig);
     initEvents(): void;
     mounted(): void;

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

@@ -11,6 +11,7 @@ const td_message_interface_1 = require("./td-message.interface");
 const td_message_style_1 = require("./td-message.style");
 class TdMessage extends ui_abstract_1.UI {
     constructor(option) {
+        var _a;
         let params = {};
         if (typeof option === 'string') {
             params.message = option;
@@ -59,7 +60,7 @@ class TdMessage extends ui_abstract_1.UI {
         });
         // this.message.ctrl.hide();
         // this.transition.setSlot(this.message);
-        this.transition.addSlot(this.message);
+        this.transition.addChild(this.message);
         const type = (params === null || params === void 0 ? void 0 : params.type) || 'info';
         const iconComponent = (params === null || params === void 0 ? void 0 : params.icon) || (new svgs_1.TypeComponentsMap[type]()) || '';
         console.log('iconComponent', iconComponent);
@@ -123,12 +124,11 @@ class TdMessage extends ui_abstract_1.UI {
                 }
             }));
         }
-        this.props = this.setParams(params);
+        this.props = this.setProps(params);
         const offset = (TdMessage.msgId * 60 + 20) + 'px';
-        const customStyle = {
+        this.message.ctrl.addStyleObj({
             top: offset
-        };
-        this.message.ctrl.addStyleObj(customStyle);
+        });
         if (params.grouping) {
             if (TdMessage.msgList.length === 0) {
                 TdMessage.msgId = TdMessage.msgId + 1;
@@ -141,12 +141,19 @@ class TdMessage extends ui_abstract_1.UI {
                 msg.repeatNum = (msg.repeatNum || 1) + 1;
                 console.log('msg.repeatNum is ', msg.repeatNum);
                 if (msg.repeatNum > 1) {
-                    const badgeType = msg.props.type ? (msg.props.type === 'error' ? 'danger' : msg.props.type) : 'info';
-                    msg.message.addChild(new td_badge_class_1.TdBadge({
-                        value: msg.repeatNum,
-                        type: badgeType,
-                        styleObj: td_message_style_1.$messageBadgeStyle
-                    }));
+                    if (msg.repeatNum === 2) {
+                        const badgeType = msg.props.type ? (msg.props.type === 'error' ? 'danger' : msg.props.type) : 'info';
+                        msg.badge = new td_badge_class_1.TdBadge({
+                            value: msg.repeatNum,
+                            type: badgeType,
+                            styleObj: td_message_style_1.$messageBadgeStyle
+                        });
+                        msg.message.addChild(msg.badge);
+                    }
+                    else {
+                        // msg.badge!.props.value = msg.repeatNum;
+                        (_a = msg.badge) === null || _a === void 0 ? void 0 : _a.changeValue(msg.repeatNum);
+                    }
                 }
                 this.clearTimer();
                 msg.clearTimer();

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

@@ -83,7 +83,7 @@ class TdMessageBox extends ui_abstract_1.UI {
             // styleObj: $messageBoxStyle,
         });
         this.overlayEvent = (0, framework_1.useSameTarget)(this.handleWrapperClick);
-        this.transition.addSlot(this.overlay);
+        this.transition.addChild(this.overlay);
         this.dialog = new framework_1.Div({
             name: 'message-box-overlay',
             attrObj: {
@@ -336,7 +336,7 @@ class TdMessageBox extends ui_abstract_1.UI {
             },
         });
         this.btns.addChild(this.confirmBtn);
-        this.props = this.setParams(params);
+        this.props = this.setProps(params);
         const draggable = params === null || params === void 0 ? void 0 : params.draggable;
         const overflow = params === null || params === void 0 ? void 0 : params.overflow;
         const { onDraggable, offDraggable } = (0, framework_1.useDraggable)(this.messageBox.dom, (_b = this.header) === null || _b === void 0 ? void 0 : _b.dom, draggable, overflow);
@@ -393,7 +393,6 @@ class TdMessageBox extends ui_abstract_1.UI {
                 resolve({ action: 'confirm', value });
             });
             if ((_a = this.cancelBtn) === null || _a === void 0 ? void 0 : _a.dom) {
-                console.log('this.cancelBtn.subscriptions is ', this.cancelBtn.subscriptions);
                 // this.cancelBtn.removeEvent('click', this.cancelBtn.dom);
                 this.cancelBtn.addEvents({
                     click: () => {

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

@@ -57,7 +57,7 @@ class TdNotification extends ui_abstract_1.UI {
                 },
             },
         });
-        this.transition.addSlot(this.notification);
+        this.transition.addChild(this.notification);
         let iconComponent;
         if ((params === null || params === void 0 ? void 0 : params.type) && svgs_1.TypeComponentsMap[params.type]) {
             console.log('params.type is ', params.type);
@@ -150,7 +150,7 @@ class TdNotification extends ui_abstract_1.UI {
         this.notification.ctrl.addStyleObj(positionStyle);
         TdNotification.notifyId = TdNotification.notifyId + 1;
         TdNotification.notifications[position].push(this);
-        this.props = this.setParams(params);
+        this.props = this.setProps(params);
         this.mount(this.to);
     }
     mounted() {
@@ -176,9 +176,9 @@ class TdNotification extends ui_abstract_1.UI {
         new TdNotification(Object.assign({ type: 'info' }, params));
     }
     startTimer() {
-        var _a;
+        var _a, _b;
         console.log('startTimer . ');
-        const duration = (_a = this.props.duration) !== null && _a !== void 0 ? _a : 4500;
+        const duration = (_b = (_a = this.props) === null || _a === void 0 ? void 0 : _a.duration) !== null && _b !== void 0 ? _b : 4500;
         if (duration > 0) {
             ({ stop: this.timer } = (0, framework_1.useTimeoutFn)(() => {
                 if (this.visible)

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

@@ -26,7 +26,7 @@ class TdOverlay extends ui_abstract_1.UI {
             });
         }
         this.addChild(this.getSlotNode());
-        this.props = this.setParams(params);
+        this.props = this.setProps(params);
     }
     addSlot(slot) {
         this.getSlotNode('default').resetSlot(slot);

package/src/components/feedback/td-popper/arrow/arrow.class.js

@@ -26,7 +26,7 @@ class TdPopperArrow extends ui_abstract_1.UI {
             boxSizing: 'border-box'
             // }
         });
-        this.props = this.setParams(params);
+        this.props = this.setProps(params);
     }
 }
 exports.TdPopperArrow = TdPopperArrow;

package/src/components/feedback/td-popper/content/content.class.js

@@ -19,7 +19,7 @@ class TdPopperContent extends ui_abstract_1.UI {
         });
         this.focusTrap = new td_focus_trap_class_1.TdFocusTrap();
         this.addChild(this.focusTrap);
-        this.props = this.setParams(params);
+        this.props = this.setProps(params);
     }
 }
 exports.TdPopperContent = TdPopperContent;

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

@@ -6,7 +6,7 @@ class TdPopper extends ui_abstract_1.UI {
     constructor(params = {}) {
         super(params, 'fragment');
         this.className = 'TdPopper';
-        this.props = this.setParams(params);
+        this.props = this.setProps(params);
     }
 }
 exports.TdPopper = TdPopper;

package/src/components/feedback/td-popper/trigger/trigger.class.js

@@ -6,7 +6,7 @@ class TdPopperTrigger extends ui_abstract_1.UI {
     constructor(params = {}) {
         super(params);
         this.className = 'TdPopperTrigger';
-        this.props = this.setParams(params);
+        this.props = this.setProps(params);
     }
 }
 exports.TdPopperTrigger = TdPopperTrigger;

package/src/components/feedback/td-tooltip/content/content.class.js

@@ -6,7 +6,7 @@ class TdTooltipContent extends ui_abstract_1.UI {
     constructor(params = {}) {
         super(params);
         this.className = 'TdTooltipContent';
-        this.props = this.setParams(params);
+        this.props = this.setProps(params);
     }
 }
 exports.TdTooltipContent = TdTooltipContent;

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

@@ -18,7 +18,7 @@ class TdTooltip extends ui_abstract_1.UI {
         this.addChild(new td_popper_class_1.TdPopper({
             slot: [this.trigger, this.content]
         }));
-        this.props = this.setParams(params);
+        this.props = this.setProps(params);
     }
 }
 exports.TdTooltip = TdTooltip;

package/src/components/feedback/td-tooltip/trigger/trigger.class.js

@@ -6,7 +6,7 @@ class TdTooltipTrigger extends ui_abstract_1.UI {
     constructor(params = {}) {
         super(params);
         this.className = 'TdTooltipTrigger';
-        this.props = this.setParams(params);
+        this.props = this.setProps(params);
     }
 }
 exports.TdTooltipTrigger = TdTooltipTrigger;

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

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CheckboxOption = void 0;
-const rxjs_1 = require("rxjs");
 const framework_1 = require("@type-dom/framework");
 class CheckboxOption extends framework_1.TypeSpan {
     constructor() {
@@ -19,26 +18,28 @@ class CheckboxOption extends framework_1.TypeSpan {
         this.childNodes = [this.input, this.textNode];
     }
     initEvents() {
-        this.subscriptions.push((0, rxjs_1.fromEvent)(this.input.dom, 'click').subscribe(() => {
-            var _a, _b, _c;
-            console.log('this.input.dom click . ');
-            console.log('this.input.dom.value is ', this.input.dom.value);
-            const flag = (_a = this.parent) === null || _a === void 0 ? void 0 : _a.value.findIndex((item) => item === this.input.dom.value);
-            if (this.input.dom.checked) {
-                if (flag === -1) {
-                    (_b = this.parent) === null || _b === void 0 ? void 0 : _b.value.push(this.input.dom.value);
-                    this.input.ctrl.setAttrObj({
-                        checked: true
-                    });
+        this.input.addEvents({
+            click: () => {
+                var _a, _b, _c, _d;
+                console.log('this.input.dom click . ');
+                console.log('this.input.dom.value is ', this.input.dom.value);
+                const flag = (_a = this.parent) === null || _a === void 0 ? void 0 : _a.value.findIndex((item) => item === this.input.dom.value);
+                if (this.input.dom.checked) {
+                    if (flag === -1) {
+                        (_b = this.parent) === null || _b === void 0 ? void 0 : _b.value.push(this.input.dom.value);
+                        this.input.ctrl.setAttrObj({
+                            checked: true
+                        });
+                    }
                 }
-            }
-            else {
-                this.input.ctrl.removeAttribute('checked');
-                if (flag && flag !== -1) {
-                    (_c = this.parent) === null || _c === void 0 ? void 0 : _c.value.splice(flag, 1);
+                else {
+                    this.input.ctrl.removeAttribute('checked');
+                    if (flag && flag !== -1) {
+                        ((_c = this.parent) === null || _c === void 0 ? void 0 : _c.value) && ((_d = this.parent) === null || _d === void 0 ? void 0 : _d.value.splice(flag, 1));
+                    }
                 }
             }
-        }));
+        });
     }
 }
 exports.CheckboxOption = CheckboxOption;

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

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PropertyCascade = void 0;
-const rxjs_1 = require("rxjs");
 const framework_1 = require("@type-dom/framework");
 const field_select_class_1 = require("../../../form/field-select/field-select.class");
 const field_item_abstract_1 = require("../field-item.abstract");
@@ -55,7 +54,7 @@ class PropertyCascade extends field_item_abstract_1.FieldItem {
     }
     get fieldSetting() {
         var _a;
-        const fieldSetting = (_a = this.settings) === null || _a === void 0 ? void 0 : _a.fieldSetting;
+        const fieldSetting = (_a = this.props) === null || _a === void 0 ? void 0 : _a.fieldSetting;
         if (fieldSetting) {
             const optionSetting = {
                 name: fieldSetting.name,
@@ -104,7 +103,7 @@ class PropertyCascade extends field_item_abstract_1.FieldItem {
         // TypeFormDesigner.webDocument.setAttribute('field-config', JSON.stringify(value));
         if (this.settings === undefined) {
             if (value !== undefined) {
-                this.setSetting('fieldSetting', value);
+                this.setProp('fieldSetting', value);
             }
         }
         else {
@@ -112,7 +111,7 @@ class PropertyCascade extends field_item_abstract_1.FieldItem {
                 delete this.settings.fieldSetting;
             }
             else {
-                this.setSetting('fieldSetting', value);
+                this.setProp('fieldSetting', value);
             }
         }
     }
@@ -152,39 +151,45 @@ class PropertyCascade extends field_item_abstract_1.FieldItem {
         }
     }
     initEvents() {
-        this.subscriptions.push((0, rxjs_1.fromEvent)(this.firstStageSelectObj.dom, 'change').subscribe(() => {
-            var _a, _b;
-            console.log('this.firstStageSelectObj.dom change . ');
-            console.log('this.firstStageSelectObj.dom.value is ', this.firstStageSelectObj.dom.value);
-            const selectedOption = (_b = (_a = this.cascadeConfig) === null || _a === void 0 ? void 0 : _a.options) === null || _b === void 0 ? void 0 : _b.find((opt) => String(opt.value) === this.firstStageSelectObj.dom.value);
-            if (!this.cascadeConfig) {
-                throw Error('无法获取cascadeConfig');
-            }
-            // todo 没有改变值 ？？？？？
-            if (selectedOption) {
-                this.resetCascadeConfigResultValue(selectedOption.value);
-            }
-            else {
-                this.secondStageSelectObj.resetOptions([
-                    {
-                        label: '请先选择上级',
-                        value: 0
-                    }
-                ], 0);
-                return;
+        this.firstStageSelectObj.addEvents({
+            change: () => {
+                var _a, _b;
+                console.log('this.firstStageSelectObj.dom change . ');
+                console.log('this.firstStageSelectObj.dom.value is ', this.firstStageSelectObj.dom.value);
+                const selectedOption = (_b = (_a = this.cascadeConfig) === null || _a === void 0 ? void 0 : _a.options) === null || _b === void 0 ? void 0 : _b.find((opt) => String(opt.value) === this.firstStageSelectObj.dom.value);
+                if (!this.cascadeConfig) {
+                    throw Error('无法获取cascadeConfig');
+                }
+                // todo 没有改变值 ？？？？？
+                if (selectedOption) {
+                    this.resetCascadeConfigResultValue(selectedOption.value);
+                }
+                else {
+                    this.secondStageSelectObj.resetOptions([
+                        {
+                            label: '请先选择上级',
+                            value: 0
+                        }
+                    ], 0);
+                    return;
+                }
+                if (selectedOption && selectedOption.options) {
+                    console.log('this.cascadeConfig is ', this.cascadeConfig);
+                    console.log('selectedOption is ', selectedOption);
+                    this.secondStageSelectObj.resetOptions(selectedOption.options, 0);
+                }
             }
-            if (selectedOption && selectedOption.options) {
-                console.log('this.cascadeConfig is ', this.cascadeConfig);
-                console.log('selectedOption is ', selectedOption);
-                this.secondStageSelectObj.resetOptions(selectedOption.options, 0);
+        });
+        this.secondStageSelectObj.addEvents({
+            click: () => {
+                console.log('this.secondStageSelectObj.dom change . ');
+                this.reset(this.secondStageSelectObj.dom.value);
+            },
+            change: () => {
+                console.log('this.secondStageSelectObj.dom change . ');
+                this.reset(this.secondStageSelectObj.dom.value);
             }
-        }), (0, rxjs_1.fromEvent)(this.secondStageSelectObj.dom, 'click').subscribe(() => {
-            console.log('this.secondStageSelectObj.dom change . ');
-            this.reset(this.secondStageSelectObj.dom.value);
-        }), (0, rxjs_1.fromEvent)(this.secondStageSelectObj.dom, 'change').subscribe(() => {
-            console.log('this.secondStageSelectObj.dom change . ');
-            this.reset(this.secondStageSelectObj.dom.value);
-        }));
+        });
     }
 }
 exports.PropertyCascade = PropertyCascade;

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

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FieldInput = void 0;
-const rxjs_1 = require("rxjs");
 const framework_1 = require("@type-dom/framework");
 const field_item_abstract_1 = require("../field-item.abstract");
 const field_item_style_1 = require("../field-item.style");
@@ -40,11 +39,13 @@ class FieldInput extends field_item_abstract_1.FieldItem {
         this.content.dom.value = String(value);
     }
     initEvents() {
-        this.subscriptions.push((0, rxjs_1.fromEvent)(this.content.dom, 'input').subscribe(() => {
-            // console.log('this.input input, event is ', evt);
-            // console.log('this.input.dom.value is ', this.input.dom.value);
-            this.reset(this.content.dom.value);
-        }));
+        this.content.addEvents({
+            input: () => {
+                // console.log('this.input input, event is ', evt);
+                // console.log('this.input.dom.value is ', this.input.dom.value);
+                this.reset(this.content.dom.value);
+            }
+        });
     }
 }
 exports.FieldInput = FieldInput;

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;
                 }
-            }));
+            });
         });
     }
 }