@type-dom/ui 0.0.10 → 0.1.1

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

@@ -8,37 +8,36 @@ class CheckboxOption extends framework_1.TypeSpan {
         this.className = 'CheckboxOption';
         this.input = new framework_1.Input({ parent: this });
         this.input.attr.addObj({
-            type: 'checkbox'
+            type: 'checkbox',
             // name: optionSetting.name,
             // label: opt.label,
             // value: opt.value,
             // checked: opt.checked || false
         });
-        this.textNode = new framework_1.TextNode();
-        this.childNodes = [this.input, this.textNode];
+        this.childNodes = [this.input, new framework_1.TextNode()];
     }
     setup() {
         this.input.addEvents({
             click: () => {
-                var _a, _b, _c, _d;
+                var _a, _b, _c, _d, _e, _f, _g;
                 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) {
+                console.log('this.input.dom.value is ', (_a = this.input.dom) === null || _a === void 0 ? void 0 : _a.value);
+                const flag = (_b = this.parent) === null || _b === void 0 ? void 0 : _b.value.findIndex((item) => { var _a; return item === ((_a = this.input.dom) === null || _a === void 0 ? void 0 : _a.value); });
+                if ((_c = this.input.dom) === null || _c === void 0 ? void 0 : _c.checked) {
                     if (flag === -1) {
-                        (_b = this.parent) === null || _b === void 0 ? void 0 : _b.value.push(this.input.dom.value);
+                        (_d = this.parent) === null || _d === void 0 ? void 0 : _d.value.push((_e = this.input.dom) === null || _e === void 0 ? void 0 : _e.value);
                         this.input.attr.setObj({
-                            checked: true
+                            checked: true,
                         });
                     }
                 }
                 else {
                     this.input.attr.remove('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));
+                        ((_f = this.parent) === null || _f === void 0 ? void 0 : _f.value) && ((_g = this.parent) === null || _g === void 0 ? void 0 : _g.value.splice(flag, 1));
                     }
                 }
-            }
+            },
         });
     }
 }

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

@@ -30,25 +30,25 @@ class PropertyCascade extends field_item_abstract_1.FieldItem {
             outline: '0',
             // -webkit-transition: border-color .2s cubic-bezier(.645,.045,.355,1);
             transition: 'border-color .2s cubic-bezier(.645,.045,.355,1)',
-            width: 'calc(100% - 100px)'
+            width: 'calc(100% - 100px)',
         });
         // 单独的方法实现
         this.firstStageSelectObj = new field_select_class_1.FieldSelect();
         this.firstStageSelectObj.attr.addName('first-stage-select');
         this.firstStageSelectObj.style.setObj(Object.assign({}, field_item_style_1.itemContentStyle, {
             width: '100%',
-            margin: '5px 0'
+            margin: '5px 0',
             // borderRadius: '4px 0 0 4px',
             // borderRight: 'none',
         }));
         this.secondStageSelectObj = new field_select_class_1.FieldSelect();
         this.secondStageSelectObj.attr.addName('second-stage-select');
         this.secondStageSelectObj.style.setObj(Object.assign({}, field_item_style_1.itemContentStyle, {
-            width: '100%'
+            width: '100%',
         }));
         this.cascadeDiv.childNodes = [
             this.firstStageSelectObj,
-            this.secondStageSelectObj
+            this.secondStageSelectObj,
         ];
         this.childNodes = [this.label, this.cascadeDiv, this.button];
     }
@@ -59,7 +59,7 @@ class PropertyCascade extends field_item_abstract_1.FieldItem {
             const optionSetting = {
                 name: fieldSetting.name,
                 resultValue: fieldSetting.resultValue,
-                options: []
+                options: [],
             };
             if (fieldSetting.options[0].options === undefined) {
                 // 如果只有一级，应该是老数据，要重新组装
@@ -73,7 +73,7 @@ class PropertyCascade extends field_item_abstract_1.FieldItem {
                     const tableLabel = opt.label.split('.')[0];
                     values.push(JSON.stringify({
                         label: tableLabel,
-                        value: tableValue
+                        value: tableValue,
                     }));
                 });
                 // todo 如何去重
@@ -153,10 +153,10 @@ class PropertyCascade extends field_item_abstract_1.FieldItem {
     setup() {
         this.firstStageSelectObj.addEvents({
             change: () => {
-                var _a, _b;
+                var _a, _b, _c;
                 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);
+                console.log('this.firstStageSelectObj.dom.value is ', (_a = this.firstStageSelectObj.dom) === null || _a === void 0 ? void 0 : _a.value);
+                const selectedOption = (_c = (_b = this.cascadeConfig) === null || _b === void 0 ? void 0 : _b.options) === null || _c === void 0 ? void 0 : _c.find((opt) => { var _a; return String(opt.value) === ((_a = this.firstStageSelectObj.dom) === null || _a === void 0 ? void 0 : _a.value); });
                 if (!this.cascadeConfig) {
                     throw Error('无法获取cascadeConfig');
                 }
@@ -168,8 +168,8 @@ class PropertyCascade extends field_item_abstract_1.FieldItem {
                     this.secondStageSelectObj.resetOptions([
                         {
                             label: '请先选择上级',
-                            value: 0
-                        }
+                            value: 0,
+                        },
                     ], 0);
                     return;
                 }
@@ -178,17 +178,19 @@ class PropertyCascade extends field_item_abstract_1.FieldItem {
                     console.log('selectedOption is ', selectedOption);
                     this.secondStageSelectObj.resetOptions(selectedOption.options, 0);
                 }
-            }
+            },
         });
         this.secondStageSelectObj.addEvents({
             click: () => {
+                var _a;
                 console.log('this.secondStageSelectObj.dom change . ');
-                this.reset(this.secondStageSelectObj.dom.value);
+                this.reset((_a = this.secondStageSelectObj.dom) === null || _a === void 0 ? void 0 : _a.value);
             },
             change: () => {
+                var _a;
                 console.log('this.secondStageSelectObj.dom change . ');
-                this.reset(this.secondStageSelectObj.dom.value);
-            }
+                this.reset((_a = this.secondStageSelectObj.dom) === null || _a === void 0 ? void 0 : _a.value);
+            },
         });
     }
 }

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

@@ -13,11 +13,11 @@ class FieldItem extends framework_1.TypeDiv {
             flexDirection: 'row',
             padding: '10px 0',
             // marginBottom: '10px!important',
-            fontSize: '14px'
+            fontSize: '14px',
         });
         this.label = new framework_1.Label({
             parent: this,
-            text: labelText
+            slot: labelText,
         });
         // if (this.label?.textNode) {
         //   this.label.textNode.setText(labelText);
@@ -32,11 +32,11 @@ class FieldItem extends framework_1.TypeDiv {
             borderStyle: 'solid',
             borderLeft: 'none',
             borderColor: '#dcdfe6',
-            display: 'none'
+            display: 'none',
         });
     }
     setLabelTitle(text) {
-        this.label.childNodes[0].nodeValue = text;
+        this.label.childNodes[0].props.nodeValue = text;
     }
 }
 exports.FieldItem = FieldItem;

package/src/components/form/field-item/field-item.style.js

@@ -12,7 +12,7 @@ exports.labelStyle = {
     paddingRight: '2px',
     // padding: '0 12px 0 0',
     // '-webkit-box-sizing': 'border-box',
-    boxSizing: 'border-box'
+    boxSizing: 'border-box',
 };
 exports.itemContentStyle = {
     height: '28px',
@@ -34,5 +34,5 @@ exports.itemContentStyle = {
     margin: '0',
     // -webkit-transition: border-color .2s cubic-bezier(.645,.045,.355,1);
     transition: 'border-color .2s cubic-bezier(.645,.045,.355,1)',
-    width: 'calc(100% - ' + exports.labelStyle.width + ')'
+    width: 'calc(100% - ' + exports.labelStyle.width + ')',
 };

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

@@ -6,16 +6,17 @@ const field_item_abstract_1 = require("../field-item.abstract");
 const field_item_style_1 = require("../field-item.style");
 class FieldInput extends field_item_abstract_1.FieldItem {
     constructor(labelText = '控件名称', placeholder = '请输入') {
+        var _a;
         super(labelText);
         this.content = new framework_1.Input({ parent: this });
         this.content.style.addObj(field_item_style_1.itemContentStyle);
         this.content.attr.addObj({
             type: 'text',
-            placeholder: placeholder
+            placeholder: placeholder,
         });
         if (this.mode === 'read') {
             this.content.attr.addObj({
-                disabled: true
+                disabled: true,
             });
         }
         // this.button.style.addObj({
@@ -28,7 +29,7 @@ class FieldInput extends field_item_abstract_1.FieldItem {
         //   border: '1px solid #DCDFE6',
         //   borderRadius: '0 4px 4px 0',
         // });
-        this.button.textNode.setText('');
+        (_a = this.button.textNode) === null || _a === void 0 ? void 0 : _a.setText('');
         this.childNodes = [this.label, this.content, this.button];
     }
     resetInputPlaceholder(placeholder) {
@@ -41,10 +42,11 @@ class FieldInput extends field_item_abstract_1.FieldItem {
     setup() {
         this.content.addEvents({
             input: () => {
+                var _a;
                 // 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.reset((_a = this.content.dom) === null || _a === void 0 ? void 0 : _a.value);
+            },
         });
     }
 }

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

@@ -9,6 +9,7 @@ const field_item_style_1 = require("../field-item.style");
 class PropertyOptions extends field_item_abstract_1.FieldItem {
     // optionsConfigObservable: Observable<Event>;
     constructor(labelText = '选项列表') {
+        var _a;
         super(labelText);
         this.attr.addName('option-property');
         this.selectConfigDiv = new framework_1.Div();
@@ -28,12 +29,12 @@ class PropertyOptions extends field_item_abstract_1.FieldItem {
             outline: '0',
             // -webkit-transition: border-color .2s cubic-bezier(.645,.045,.355,1);
             transition: 'border-color .2s cubic-bezier(.645,.045,.355,1)',
-            width: 'calc(100% - 100px)'
+            width: 'calc(100% - 100px)',
         });
         this.selectDiv = new framework_1.Div();
         this.selectDiv.style.addObj({
             display: 'flex',
-            flexDirection: 'row'
+            flexDirection: 'row',
         });
         // 单独的方法实现
         this.selectObj = new field_select_class_1.FieldSelect();
@@ -41,7 +42,7 @@ class PropertyOptions extends field_item_abstract_1.FieldItem {
         this.selectObj.style.addObj(Object.assign({}, field_item_style_1.itemContentStyle, {
             width: '100%',
             borderRadius: '4px 0 0 4px',
-            borderRight: 'none'
+            borderRight: 'none',
         }));
         this.btn = new framework_1.Button({ parent: this.selectDiv });
         this.btn.style.addObj({
@@ -50,24 +51,24 @@ class PropertyOptions extends field_item_abstract_1.FieldItem {
             padding: '8px 3px 4px',
             fontSize: '16px',
             border: '1px solid #DCDFE6',
-            borderRadius: '0 4px 4px 0'
+            borderRadius: '0 4px 4px 0',
         });
         this.dotsSvg = new svgs_1.TdThreeDotsSvg({ parent: this.btn });
         this.dotsSvg.resetSize(16, 16);
-        this.btn.textNode.setText('');
+        (_a = this.btn.textNode) === null || _a === void 0 ? void 0 : _a.setText('');
         this.btn.addChild(this.dotsSvg);
         this.selectDiv.childNodes = [this.selectObj, this.btn];
         this.firstDiv = new framework_1.Div();
         const labelDiv = new framework_1.Div();
         labelDiv.style.addObj({
             display: 'inline-block',
-            width: '50%'
+            width: '50%',
         });
         labelDiv.addChild(new framework_1.TextNode('标签'));
         const valueDiv = new framework_1.Div();
         valueDiv.style.addObj({
             display: 'inline-block',
-            width: '50%'
+            width: '50%',
         });
         valueDiv.addChild(new framework_1.TextNode('值'));
         this.firstDiv.childNodes = [labelDiv, valueDiv];
@@ -75,7 +76,7 @@ class PropertyOptions extends field_item_abstract_1.FieldItem {
         this.selectConfigDiv.childNodes = [
             this.selectDiv,
             this.firstDiv,
-            this.optionsContent
+            this.optionsContent,
         ];
         this.button.style.addObj({
             position: 'absolute',
@@ -85,7 +86,7 @@ class PropertyOptions extends field_item_abstract_1.FieldItem {
             // border: 'none',
             display: 'none',
             border: '1px solid #DCDFE6',
-            borderRadius: '0 4px 4px 0'
+            borderRadius: '0 4px 4px 0',
         });
         this.childNodes = [this.label, this.selectConfigDiv, this.button];
         // 创建添加按钮
@@ -108,7 +109,7 @@ class PropertyOptions extends field_item_abstract_1.FieldItem {
         if (this.settings === undefined) {
             if (optConfig !== undefined) {
                 this.settings = {
-                    optionSetting: optConfig
+                    optionSetting: optConfig,
                 };
             }
         }
@@ -142,7 +143,7 @@ class PropertyOptions extends field_item_abstract_1.FieldItem {
             display: 'inline-block',
             width: '45%',
             border: '1px solid #ccc',
-            boxSizing: 'border-box'
+            boxSizing: 'border-box',
         };
         // let optIndex = 0;
         // config.options设置
@@ -157,7 +158,7 @@ class PropertyOptions extends field_item_abstract_1.FieldItem {
             labelDiv.attr.setObj({
                 // contenteditable: 'true', // 现在选项不需要编辑
                 optIndex,
-                optType: 'label'
+                optType: 'label',
             });
             labelDiv.addChild(new framework_1.TextNode(opt.label));
             const valueDiv = new framework_1.Div();
@@ -165,7 +166,7 @@ class PropertyOptions extends field_item_abstract_1.FieldItem {
             valueDiv.attr.addObj({
                 // contenteditable: 'true', // 现在选项不需要编辑
                 optIndex,
-                optType: 'value'
+                optType: 'value',
             });
             valueDiv.addChild(new framework_1.TextNode(String(opt.value)));
             // const deleteDiv = new Div(optDiv);
@@ -196,7 +197,7 @@ class PropertyOptions extends field_item_abstract_1.FieldItem {
             display: 'inline-block',
             width: '45%',
             border: '1px solid #ccc',
-            boxSizing: 'border-box'
+            boxSizing: 'border-box',
         };
         // let optIndex = 0;
         // config.options设置
@@ -208,14 +209,14 @@ class PropertyOptions extends field_item_abstract_1.FieldItem {
             labelDiv.attr.setObj({
                 // contenteditable: 'true', // 现在选项不需要编辑
                 optIndex,
-                optType: 'label'
+                optType: 'label',
             });
             labelDiv.addChild(new framework_1.TextNode(opt.label));
             const valueDiv = new framework_1.Div();
             valueDiv.style.addObj(styleObj);
             valueDiv.attr.addObj({
                 optIndex,
-                optType: 'value'
+                optType: 'value',
             });
             valueDiv.addChild(new framework_1.TextNode(String(opt.value)));
             optDiv.childNodes = [labelDiv, valueDiv];
@@ -226,14 +227,15 @@ class PropertyOptions extends field_item_abstract_1.FieldItem {
         this.btn.addEvents({
             click: () => {
                 console.log('this.btn click . ');
-            }
+            },
         });
         this.selectObj.addEvents({
             change: () => {
-                var _a, _b;
+                var _a, _b, _c;
                 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));
+                console.log('this.selectObj.dom.value is ', (_a = this.selectObj.dom) === null || _a === void 0 ? void 0 : _a.value);
+                const selectedOption = ((_b = this.optionSetting) === null || _b === void 0 ? void 0 : _b.options) &&
+                    ((_c = this.optionSetting) === null || _c === void 0 ? void 0 : _c.options.find((opt) => { var _a; return String(opt.value) === ((_a = this.selectObj.dom) === null || _a === void 0 ? void 0 : _a.value); }));
                 if (!this.optionSetting) {
                     throw Error('无法获取optionSetting');
                 }
@@ -244,7 +246,7 @@ class PropertyOptions extends field_item_abstract_1.FieldItem {
                     this.resetOptions(selectedOption.options);
                     // this.resetControl();
                 }
-            }
+            },
         });
     }
 }

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

@@ -30,12 +30,12 @@ class FieldRadio extends field_item_abstract_1.FieldItem {
             button.style.addObj({
                 height: '32px',
                 borderRadius: '0',
-                border: '1px solid #000'
+                border: '1px solid #000',
             });
             button.attr.addObj({
                 type: 'radio',
                 value: option.value,
-                checked: option.checked
+                checked: option.checked,
             });
             if (option.checked) {
                 button.style.addObj({
@@ -47,7 +47,7 @@ class FieldRadio extends field_item_abstract_1.FieldItem {
             else {
                 button.style.addObj({
                     backgroundColor: '#fff',
-                    color: '#000'
+                    color: '#000',
                 });
             }
             // span.childNodes.push(label, inputRadio);
@@ -78,7 +78,7 @@ class FieldRadio extends field_item_abstract_1.FieldItem {
                     if (this.selectedOpt) {
                         this.selectedOpt.style.setObj({
                             backgroundColor: '#fff',
-                            color: '#000'
+                            color: '#000',
                         });
                         this.selectedOpt.attr.set('checked', false);
                     }
@@ -86,7 +86,7 @@ class FieldRadio extends field_item_abstract_1.FieldItem {
                     if (btn instanceof framework_1.TypeHtml) {
                         btn.style.setObj({
                             backgroundColor: '#00f',
-                            color: '#fff'
+                            color: '#fff',
                         });
                         btn.attr.set('checked', true);
                         this.resultValue = btn.attr.get('value');

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

@@ -11,13 +11,13 @@ class FieldSelect extends field_item_abstract_1.FieldItem {
         this.select = new select_class_1.Select();
         this.select.style.addObj(Object.assign({}, field_item_style_1.itemContentStyle));
         this.select.attr.addObj({
-            name: 'property-select'
+            name: 'property-select',
             // type: 'text',
             // placeholder: placeholder,
         });
         if (this.mode === 'read') {
             this.select.attr.addObj({
-                disabled: true
+                disabled: true,
             });
         }
         this.childNodes = [this.label, this.select, this.button];
@@ -25,17 +25,19 @@ class FieldSelect extends field_item_abstract_1.FieldItem {
     setup() {
         this.select.addEvents({
             click: (evt) => {
+                var _a, _b;
                 console.log('this.select.dom click, event is ', evt);
-                console.log('this.select.dom.value is ', this.select.dom.value);
+                console.log('this.select.dom.value is ', (_a = this.select.dom) === null || _a === void 0 ? void 0 : _a.value);
                 // console.log(this.reset);
-                this.reset(this.select.dom.value);
+                this.reset((_b = this.select.dom) === null || _b === void 0 ? void 0 : _b.value);
             },
             change: (evt) => {
+                var _a, _b;
                 console.log('this.select.dom change, event is ', evt);
-                console.log('this.select.dom.value is ', this.select.dom.value);
+                console.log('this.select.dom.value is ', (_a = this.select.dom) === null || _a === void 0 ? void 0 : _a.value);
                 // console.log(this.reset);
-                this.reset(this.select.dom.value);
-            }
+                this.reset((_b = this.select.dom) === null || _b === void 0 ? void 0 : _b.value);
+            },
         });
     }
 }

package/src/components/form/field-item/span/field-span.abstract.d.ts

@@ -1,7 +1,6 @@
-import { Label, Span, TextNode, Button } from '@type-dom/framework';
+import { Label, Span, Button } from '@type-dom/framework';
 import { FieldItem } from '../field-item.abstract';
 export declare abstract class FieldSpan extends FieldItem {
-    textNode: TextNode;
     childNodes: [Label, Span, Button];
     content: Span;
     protected constructor(labelText?: string);

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

@@ -6,6 +6,7 @@ const framework_1 = require("@type-dom/framework");
 const field_item_abstract_1 = require("../field-item.abstract");
 class FieldSpan extends field_item_abstract_1.FieldItem {
     constructor(labelText = '控件名称') {
+        var _a;
         super(labelText);
         this.content = new framework_1.Span({ parent: this });
         this.content.style.addObj({
@@ -26,13 +27,12 @@ class FieldSpan extends field_item_abstract_1.FieldItem {
             // paddingRight: '43px',
             // -webkit-transition: border-color .2s cubic-bezier(.645,.045,.355,1);
             transition: 'border-color .2s cubic-bezier(.645,.045,.355,1)',
-            width: 'calc(100% - 80px)'
+            width: 'calc(100% - 80px)',
         });
         this.attr.addObj({
-            name: 'field-span'
+            name: 'field-span',
         });
-        this.textNode = new framework_1.TextNode('显示');
-        this.content.addChild(this.textNode);
+        this.content.addChild(new framework_1.TextNode('显示'));
         this.button.style.setObj({
             // position: 'absolute',
             // right: '10px',
@@ -40,13 +40,14 @@ class FieldSpan extends field_item_abstract_1.FieldItem {
             fontSize: '16px',
             display: 'none',
             border: '1px solid #DCDFE6',
-            borderRadius: '0 4px 4px 0'
+            borderRadius: '0 4px 4px 0',
         });
-        this.button.textNode.setText('');
+        (_a = this.button.textNode) === null || _a === void 0 ? void 0 : _a.setText('');
         this.childNodes = [this.label, this.content, this.button];
     }
     resetText(value = '') {
-        this.textNode.setText(value);
+        var _a;
+        (_a = this.textNode) === null || _a === void 0 ? void 0 : _a.setText(value);
     }
 }
 exports.FieldSpan = FieldSpan;

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

@@ -6,11 +6,12 @@ const field_item_abstract_1 = require("../field-item.abstract");
 const field_item_style_1 = require("../field-item.style");
 class FieldTextarea extends field_item_abstract_1.FieldItem {
     constructor(labelText = '控件名称', placeholder = '请输入') {
+        var _a;
         super(labelText);
         this.mode = 'edit';
         this.style.addObj({
             display: 'block', // 不是 flex
-            marginBottom: '20px'
+            marginBottom: '20px',
         });
         this.content = new framework_1.Textarea({
             parent: this,
@@ -31,24 +32,24 @@ class FieldTextarea extends field_item_abstract_1.FieldItem {
                 padding: '0 5px',
                 // -webkit-transition: border-color .2s cubic-bezier(.645,.045,.355,1);
                 transition: 'border-color .2s cubic-bezier(.645,.045,.355,1)',
-                width: 'calc(100% - ' + field_item_style_1.labelStyle.width + ')'
+                width: 'calc(100% - ' + field_item_style_1.labelStyle.width + ')',
             },
             attrObj: {
-                placeholder: placeholder
-            }
+                placeholder: placeholder,
+            },
         });
         console.log('this.parent is ', this.parent);
         console.log('this.mode is ', this.mode);
         if (this.mode === 'read') {
             this.content.attr.addObj({
-                disabled: true
+                disabled: true,
             });
         }
-        this.button.textNode.setText('确定');
+        (_a = this.button.textNode) === null || _a === void 0 ? void 0 : _a.setText('确定');
         this.button.style.addObj({
             height: '24px',
             float: 'right',
-            display: 'block'
+            display: 'block',
         });
         this.childNodes = [this.label, this.content, this.button];
     }

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

@@ -11,20 +11,22 @@ class FieldSelect extends framework_1.TypeSelect {
         this.childNodes = [];
     }
     setOptions(options, value) {
+        var _a;
         this.clearChildren();
         const firstOpt = new option_class_1.SelectOption();
-        firstOpt.textNode.setText('请选择');
+        (_a = firstOpt.textNode) === null || _a === void 0 ? void 0 : _a.setText('请选择');
         firstOpt.attr.addObj({
             label: '请选择',
-            value: 0
+            value: 0,
         });
         this.addChild(firstOpt);
         options.forEach((opt) => {
+            var _a;
             const optObj = new option_class_1.SelectOption();
-            optObj.textNode.setText(opt.label);
+            (_a = optObj.textNode) === null || _a === void 0 ? void 0 : _a.setText(opt.label);
             optObj.attr.addObj({
                 label: opt.label,
-                value: opt.value
+                value: opt.value,
             });
             // console.log('opt is ', opt);
             // opt.selected && optObj.addAttribute('selected', true);
@@ -48,19 +50,21 @@ class FieldSelect extends framework_1.TypeSelect {
     setup() {
         this.addEvents({
             click: (evt) => {
+                var _a, _b;
                 console.log('this.select.dom click, event is ', evt);
-                console.log('this.select.dom.value is ', this.dom.value);
+                console.log('this.select.dom.value is ', (_a = this.dom) === null || _a === void 0 ? void 0 : _a.value);
                 // console.log(this.reset);
                 // this.setValue(this.dom.value);
-                this.value = this.dom.value;
+                this.value = (_b = this.dom) === null || _b === void 0 ? void 0 : _b.value;
             },
             change: (evt) => {
+                var _a, _b;
                 console.log('this.select.dom change, event is ', evt);
-                console.log('this.select.dom.value is ', this.dom.value);
+                console.log('this.select.dom.value is ', (_a = this.dom) === null || _a === void 0 ? void 0 : _a.value);
                 // console.log(this.reset);
                 // this.setValue(this.dom.value);
-                this.value = this.dom.value;
-            }
+                this.value = (_b = this.dom) === null || _b === void 0 ? void 0 : _b.value;
+            },
         });
     }
 }

package/src/components/form/field-select/option/option.class.d.ts

@@ -1,10 +1,9 @@
-import { TextNode, TypeNode, TypeOption } from '@type-dom/framework';
+import { TypeNode, TypeOption } from '@type-dom/framework';
 import { FieldSelect } from '../field-select.class';
 import { ISelectOption } from './option.interface';
 export declare class SelectOption extends TypeOption implements ISelectOption {
     className: 'SelectOption';
     parent?: FieldSelect;
     childNodes: TypeNode[];
-    textNode: TextNode;
     constructor();
 }