@type-dom/ui 0.1.0 → 0.1.2

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

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

@@ -7,8 +7,7 @@ class SelectOption extends framework_1.TypeOption {
         super();
         this.className = 'SelectOption';
         this.attr.addName('option');
-        this.textNode = new framework_1.TextNode('一个选项');
-        this.childNodes = [this.textNode];
+        this.childNodes = [new framework_1.TextNode('一个选项')];
     }
 }
 exports.SelectOption = SelectOption;

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

@@ -1,5 +1,4 @@
 import { ITypeOption } from '@type-dom/framework';
 export interface ISelectOption extends ITypeOption {
-    nodeName: 'option';
     className: 'SelectOption';
 }

package/src/components/form/index.d.ts

@@ -6,8 +6,6 @@ export { FieldSelect } from './field-item/select/field-select.abstract';
 export { FieldSpan } from './field-item/span/field-span.abstract';
 export { FieldTextarea } from './field-item/textarea/field-textarea.abstract';
 export * from './field-item/field-item.interface';
-export { TdInputField } from './td-input/td-input-field.class';
-export type { ITdInputFieldConfig } from './td-input/td-input-field.interface';
 export { RadioGroup } from './radio-group/radio-group.class';
 export { RadioOption } from './radio-group/radio-option/radio-option.class';
 export { TdCheckbox } from './td-checkbox/td-checkbox.class';
@@ -18,20 +16,29 @@ export { TdCheckboxButton } from './td-checkbox-button/td-checkbox-button.class'
 export { TdForm } from './td-form/td-form.class';
 export type { ITdForm } from './td-form/td-form.interface';
 export { TdFormItem } from './td-form-item/td-form-item.class';
-export type { ITdFormItem, ILabelPosition } from './td-form-item/td-form-item.interface';
+export type { ITdFormItem, ILabelPosition, } from './td-form-item/td-form-item.interface';
 export { TdInput } from './td-input/td-input.class';
-export type { ITdInputConfig } from './td-input/td-input.interface';
+export type * from './td-input/td-input.interface';
+export { TdInputNumber } from './td-input-number/td-input-number.class';
+export type * from './td-input-number/td-input-number.interface';
 export { TdOption } from './td-option/td-option.class';
-export type { ITdOptionConfig } from './td-option/td-option.interface';
+export type * from './td-option/td-option.interface';
 export { TdOptionGroup } from './td-option-group/td-option-group.class';
-export type { ITdOptionGroupConfig } from './td-option-group/td-option-group.interface';
+export type { OptionGroupProps } from './td-option-group/td-option-group.interface';
 export { TdRadio } from './td-radio/td-radio.class';
-export type { ITdRadioConfig } from './td-radio/td-radio.interface';
+export type * from './td-radio/td-radio.interface';
 export { TdRadioButton } from './td-radio-button/td-radio-button.class';
-export type { ITdRadioButtonConfig } from './td-radio-button/td-radio-button.interface';
+export type * from './td-radio-button/td-radio-button.interface';
 export { TdRadioGroup } from './td-radio-group/td-radio-group.class';
-export type { ITdRadioGroupConfig } from './td-radio-group/td-radio-group.interface';
+export type * from './td-radio-group/td-radio-group.interface';
+export { TdRate } from './td-rate/td-rate.class';
+export type * from './td-rate/td-rate.interface';
 export { TdSelect } from './td-select/td-select.class';
-export type { ITdSelectConfig } from './td-select/td-select.interface';
+export type * from './td-select/td-select.interface';
+export { TdSlider } from './td-slider/td-slider.class';
+export type * from './td-slider/td-slider.interface';
 export { TdSwitch } from './td-switch/td-switch.class';
-export type { ITdSwitchConfig } from './td-switch/td-switch.interface';
+export type * from './td-switch/td-switch.interface';
+export { TdUpload } from './td-upload/td-upload.class';
+export type * from './td-upload/td-upload.interface';
+export * from './td-upload/td-upload.const';

package/src/components/form/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.TdSwitch = exports.TdSelect = exports.TdRadioGroup = exports.TdRadioButton = exports.TdRadio = exports.TdOptionGroup = exports.TdOption = exports.TdInput = exports.TdFormItem = exports.TdForm = exports.TdCheckboxButton = exports.TdCheckboxGroup = exports.TdCheckbox = exports.RadioOption = exports.RadioGroup = exports.TdInputField = exports.FieldTextarea = exports.FieldSpan = exports.FieldSelect = exports.FieldRadio = exports.FieldInput = exports.CheckboxOption = exports.CheckboxGroup = void 0;
+exports.TdUpload = exports.TdSwitch = exports.TdSlider = exports.TdSelect = exports.TdRate = exports.TdRadioGroup = exports.TdRadioButton = exports.TdRadio = exports.TdOptionGroup = exports.TdOption = exports.TdInputNumber = exports.TdInput = exports.TdFormItem = exports.TdForm = exports.TdCheckboxButton = exports.TdCheckboxGroup = exports.TdCheckbox = exports.RadioOption = exports.RadioGroup = exports.FieldTextarea = exports.FieldSpan = exports.FieldSelect = exports.FieldRadio = exports.FieldInput = exports.CheckboxOption = exports.CheckboxGroup = void 0;
 const tslib_1 = require("tslib");
 var checkbox_group_class_1 = require("./checkbox-group/checkbox-group.class");
 Object.defineProperty(exports, "CheckboxGroup", { enumerable: true, get: function () { return checkbox_group_class_1.CheckboxGroup; } });
@@ -17,8 +17,6 @@ Object.defineProperty(exports, "FieldSpan", { enumerable: true, get: function ()
 var field_textarea_abstract_1 = require("./field-item/textarea/field-textarea.abstract");
 Object.defineProperty(exports, "FieldTextarea", { enumerable: true, get: function () { return field_textarea_abstract_1.FieldTextarea; } });
 tslib_1.__exportStar(require("./field-item/field-item.interface"), exports);
-var td_input_field_class_1 = require("./td-input/td-input-field.class");
-Object.defineProperty(exports, "TdInputField", { enumerable: true, get: function () { return td_input_field_class_1.TdInputField; } });
 var radio_group_class_1 = require("./radio-group/radio-group.class");
 Object.defineProperty(exports, "RadioGroup", { enumerable: true, get: function () { return radio_group_class_1.RadioGroup; } });
 var radio_option_class_1 = require("./radio-group/radio-option/radio-option.class");
@@ -35,6 +33,8 @@ var td_form_item_class_1 = require("./td-form-item/td-form-item.class");
 Object.defineProperty(exports, "TdFormItem", { enumerable: true, get: function () { return td_form_item_class_1.TdFormItem; } });
 var td_input_class_1 = require("./td-input/td-input.class");
 Object.defineProperty(exports, "TdInput", { enumerable: true, get: function () { return td_input_class_1.TdInput; } });
+var td_input_number_class_1 = require("./td-input-number/td-input-number.class");
+Object.defineProperty(exports, "TdInputNumber", { enumerable: true, get: function () { return td_input_number_class_1.TdInputNumber; } });
 var td_option_class_1 = require("./td-option/td-option.class");
 Object.defineProperty(exports, "TdOption", { enumerable: true, get: function () { return td_option_class_1.TdOption; } });
 var td_option_group_class_1 = require("./td-option-group/td-option-group.class");
@@ -45,7 +45,14 @@ var td_radio_button_class_1 = require("./td-radio-button/td-radio-button.class")
 Object.defineProperty(exports, "TdRadioButton", { enumerable: true, get: function () { return td_radio_button_class_1.TdRadioButton; } });
 var td_radio_group_class_1 = require("./td-radio-group/td-radio-group.class");
 Object.defineProperty(exports, "TdRadioGroup", { enumerable: true, get: function () { return td_radio_group_class_1.TdRadioGroup; } });
+var td_rate_class_1 = require("./td-rate/td-rate.class");
+Object.defineProperty(exports, "TdRate", { enumerable: true, get: function () { return td_rate_class_1.TdRate; } });
 var td_select_class_1 = require("./td-select/td-select.class");
 Object.defineProperty(exports, "TdSelect", { enumerable: true, get: function () { return td_select_class_1.TdSelect; } });
+var td_slider_class_1 = require("./td-slider/td-slider.class");
+Object.defineProperty(exports, "TdSlider", { enumerable: true, get: function () { return td_slider_class_1.TdSlider; } });
 var td_switch_class_1 = require("./td-switch/td-switch.class");
 Object.defineProperty(exports, "TdSwitch", { enumerable: true, get: function () { return td_switch_class_1.TdSwitch; } });
+var td_upload_class_1 = require("./td-upload/td-upload.class");
+Object.defineProperty(exports, "TdUpload", { enumerable: true, get: function () { return td_upload_class_1.TdUpload; } });
+tslib_1.__exportStar(require("./td-upload/td-upload.const"), exports);

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

@@ -1,13 +1,13 @@
-import { IOptionConfig, TypeDiv } from '@type-dom/framework';
+import { OptionProps, TypeDiv } from '@type-dom/framework';
 import { RadioOption } from './radio-option/radio-option.class';
-import { IRadioGroup, IRadioGroupConfig } from './radio-group.interface';
+import { IRadioGroup, RadioGroupProps } from './radio-group.interface';
 export declare class RadioGroup extends TypeDiv implements IRadioGroup {
     className: 'RadioGroup';
-    props: IRadioGroupConfig;
+    props: RadioGroupProps;
     childNodes: RadioOption[];
-    value: string | number | boolean;
-    constructor(params?: IRadioGroupConfig);
+    value?: string | number | boolean;
+    constructor(params?: RadioGroupProps);
     setup(): void;
-    setOptions(options: IOptionConfig[]): void;
+    setOptions(options: OptionProps[]): void;
     setValue(value: string | number | boolean): void;
 }

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

@@ -22,17 +22,18 @@ class RadioGroup extends framework_1.TypeDiv {
         this.clearChildren();
         const random = Math.random();
         options.forEach((opt) => {
+            var _a;
             const optObj = new radio_option_class_1.RadioOption({ parent: this });
             optObj.input.attr.addObj({
                 name: 'radio' + random,
                 label: opt.label,
                 value: opt.value,
-                checked: opt.checked || false
+                checked: opt.checked || false,
             });
             if (opt.checked) {
                 this.value = opt.value;
             }
-            optObj.textNode.setText(opt.label);
+            (_a = optObj.textNode) === null || _a === void 0 ? void 0 : _a.setText(opt.label);
             this.addChild(optObj);
         });
     }
@@ -42,7 +43,7 @@ class RadioGroup extends framework_1.TypeDiv {
         this.childNodes.forEach((opt) => {
             if (String(opt.input.attr.get('value')) === String(value)) {
                 opt.input.attr.setObj({
-                    checked: true
+                    checked: true,
                 });
             }
             else {

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

@@ -1,11 +1,11 @@
-import { IOptionConfig, ITypeConfig, ITypeDiv } from '@type-dom/framework';
+import { OptionProps, ITypeDiv, TypeDivProps } from '@type-dom/framework';
 import { IRadioOption } from './radio-option/radio-option.interface';
 export interface IRadioGroup extends ITypeDiv {
     className: 'RadioGroup';
     childNodes: IRadioOption[];
 }
-export interface IRadioGroupConfig extends ITypeConfig {
+export interface RadioGroupProps extends TypeDivProps {
     name?: string;
-    options?: IOptionConfig[];
+    options?: OptionProps[];
     value?: string | number;
 }

package/src/components/form/radio-group/radio-option/radio-option.class.d.ts

@@ -7,7 +7,6 @@ export declare class RadioOption extends TypeSpan implements IRadioOption {
     input: Input;
     parent?: RadioGroup;
     childNodes: [Input, TextNode];
-    textNode: TextNode;
     constructor(params?: IRadioOptionConfig);
     setup(config?: IRadioOptionConfig): void;
 }

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

@@ -7,18 +7,17 @@ class RadioOption extends framework_1.TypeSpan {
         super();
         this.className = 'RadioOption';
         this.style.addObj({
-            padding: '0 5px'
+            padding: '0 5px',
         });
         this.input = new framework_1.Input({ parent: this });
         this.input.attr.addObj({
-            type: 'radio'
+            type: 'radio',
             // 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('')];
         this.props = this.useParams(params);
     }
     setup(config) {
@@ -33,11 +32,12 @@ class RadioOption extends framework_1.TypeSpan {
         }
         this.input.addEvents({
             click: () => {
+                var _a, _b;
                 console.log('this.input.dom click . ');
-                console.log('this.input.dom.value is ', this.input.dom.value);
+                console.log('this.input.dom.value is ', (_a = this.input.dom) === null || _a === void 0 ? void 0 : _a.value);
                 if (this.parent)
-                    this.parent.value = this.input.dom.value;
-            }
+                    this.parent.value = (_b = this.input.dom) === null || _b === void 0 ? void 0 : _b.value;
+            },
         });
     }
 }