@type-dom/ui 0.0.1

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

@@ -0,0 +1,52 @@
+"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");
+class FieldInput extends field_item_abstract_1.FieldItem {
+    constructor(labelText = '控件名称', placeholder = '请输入') {
+        super(labelText);
+        this.content = new framework_1.Input(this);
+        this.content.propObj = {
+            styleObj: Object.assign({}, field_item_style_1.itemContentStyle),
+            attrObj: {
+                type: 'text',
+                placeholder: placeholder,
+            }
+        };
+        if (this.mode === 'read') {
+            this.content.addAttrObj({
+                disabled: true,
+            });
+        }
+        // this.button.addStyleObj({
+        //   // position: 'absolute',
+        //   // right: '10px',
+        //   padding: '8px 3px 4px',
+        //   fontSize: '16px',
+        //   // border: 'none',
+        //   display: 'none',
+        //   border: '1px solid #DCDFE6',
+        //   borderRadius: '0 4px 4px 0',
+        // });
+        this.button.textNode.setText('');
+        this.childNodes = [this.label, this.content, this.button];
+    }
+    resetInputPlaceholder(placeholder) {
+        this.content.setAttribute('placeholder', placeholder);
+    }
+    resetInputValue(value = '') {
+        this.content.setAttribute('value', value);
+        this.content.dom.value = String(value);
+    }
+    initEvents() {
+        this.events.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);
+        }));
+    }
+}
+exports.FieldInput = FieldInput;

package/src/form/field-item/options/field-options.abstract.d.ts

@@ -0,0 +1,22 @@
+import { Observable } from 'rxjs';
+import { Button, Division, Label } from '@type-dom/framework';
+import { FieldItem } from '../field-item.abstract';
+import { IOptionConfig, IOption } from '../field-item.interface';
+export declare abstract class PropertyOptions extends FieldItem {
+    childNodes: [Label, Division, Button];
+    selectConfigDiv: Division;
+    private readonly firstDiv;
+    selectDiv: Division;
+    private readonly selectObj;
+    optionsContent: Division;
+    protected btn: Button;
+    private readonly dotsSvg;
+    optionsConfigObservable: Observable<Event>;
+    protected constructor(labelText?: string);
+    get optionConfig(): IOptionConfig | undefined;
+    set optionConfig(optConfig: IOptionConfig | undefined);
+    resetOptionConfigResultValue(value: string | number | boolean): void;
+    resetConfig(optionConfig: IOptionConfig): void;
+    resetOptions(options: IOption[]): void;
+    initEvents(): void;
+}

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

@@ -0,0 +1,246 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PropertyOptions = void 0;
+const rxjs_1 = require("rxjs");
+const framework_1 = require("@type-dom/framework");
+const svgs_1 = require("@type-dom/svgs");
+const td_select_class_1 = require("../../../basic/td-select/td-select.class");
+const field_item_abstract_1 = require("../field-item.abstract");
+const field_item_style_1 = require("../field-item.style");
+class PropertyOptions extends field_item_abstract_1.FieldItem {
+    constructor(labelText = '选项列表') {
+        super(labelText);
+        this.addAttrName('option-property');
+        this.selectConfigDiv = new framework_1.Division();
+        this.selectConfigDiv.addAttrName('select-config');
+        this.selectConfigDiv.addStyleObj({
+            height: '100%',
+            lineHeight: '32px',
+            textAlign: 'center',
+            backgroundColor: '#FFF',
+            backgroundImage: 'none',
+            borderRadius: '4px',
+            // border: '1px solid #DCDFE6',
+            // -webkit-box-sizing: border-box;
+            boxSizing: 'border-box',
+            color: '#606266',
+            display: framework_1.StyleDisplay.inlineBlock,
+            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)',
+        });
+        this.selectDiv = new framework_1.Division();
+        this.selectDiv.addStyleObj({
+            display: 'flex',
+            flexDirection: 'row',
+        });
+        // 单独的方法实现
+        this.selectObj = new td_select_class_1.TdSelect();
+        this.selectObj.addAttrName('select');
+        this.selectObj.addStyleObj(Object.assign({}, field_item_style_1.itemContentStyle, {
+            width: '100%',
+            borderRadius: '4px 0 0 4px',
+            borderRight: 'none',
+        }));
+        this.btn = new framework_1.Button(this.selectDiv);
+        this.btn.addStyleObj({
+            // position: 'absolute',
+            // right: '10px',
+            padding: '8px 3px 4px',
+            fontSize: '16px',
+            border: '1px solid #DCDFE6',
+            borderRadius: '0 4px 4px 0',
+        });
+        this.dotsSvg = new svgs_1.TdThreeDotsSvg(this.btn);
+        this.dotsSvg.resetSize(16, 16);
+        this.btn.textNode.setText('');
+        this.btn.addChild(this.dotsSvg);
+        this.selectDiv.childNodes = [this.selectObj, this.btn];
+        this.firstDiv = new framework_1.Division();
+        const labelDiv = new framework_1.Division();
+        labelDiv.addStyleObj({
+            display: 'inline-block',
+            width: '50%',
+        });
+        labelDiv.addChild(new framework_1.TextNode('标签'));
+        const valueDiv = new framework_1.Division();
+        valueDiv.addStyleObj({
+            display: 'inline-block',
+            width: '50%',
+        });
+        valueDiv.addChild(new framework_1.TextNode('值'));
+        this.firstDiv.childNodes = [labelDiv, valueDiv];
+        this.optionsContent = new framework_1.Division();
+        this.selectConfigDiv.childNodes = [this.selectDiv, this.firstDiv, this.optionsContent];
+        this.button.addStyleObj({
+            position: framework_1.StylePosition.absolute,
+            right: '10px',
+            padding: '8px 3px 4px',
+            fontSize: '16px',
+            // border: 'none',
+            display: 'none',
+            border: '1px solid #DCDFE6',
+            borderRadius: '0 4px 4px 0',
+        });
+        this.childNodes = [this.label, this.selectConfigDiv, this.button];
+        // 创建添加按钮
+        // this.addDiv = new Division(this.selectConfigDiv);
+        // this.addDiv.setStyleObj({
+        //   textAlign: 'center',
+        //   marginTop: '-10px',
+        //   display: 'none', // 现在不需要动态添加选项。
+        // });
+        // const svg = new AddSvg(this.addDiv);
+        // svg.addAttribute('width', '24px');
+        // this.addDiv.addChild(svg);
+        this.optionsConfigObservable = (0, rxjs_1.fromEvent)(this.btn.dom, 'click');
+    }
+    get optionConfig() {
+        var _a;
+        return (_a = this === null || this === void 0 ? void 0 : this.configs) === null || _a === void 0 ? void 0 : _a.optionConfig;
+    }
+    set optionConfig(optConfig) {
+        if (this.configs === undefined) {
+            if (optConfig !== undefined) {
+                this.configs = {
+                    optionConfig: optConfig
+                };
+            }
+        }
+        else {
+            if (optConfig === undefined) {
+                delete this.configs.optionConfig;
+            }
+            else {
+                this.configs.optionConfig = optConfig;
+            }
+        }
+    }
+    resetOptionConfigResultValue(value) {
+        // AppRoot.selectedControl?.propObj.attrObj.optionConfig''
+        // this.optionConfig = Object.assign(this.optionConfig, { resultValue: value });
+        if (this.optionConfig)
+            this.optionConfig.resultValue = value;
+    }
+    // vue项目中返回的是选中的项目。只有一层，没有两层。
+    resetConfig(optionConfig) {
+        console.log('optionConfig is ', optionConfig);
+        // this.selectConfigDiv.clearChildNodes();
+        // this.selectConfigDiv.clearChildDom();
+        // this.selectConfigDiv.appendChild(this.selectObj).appendChild(this.firstDiv);
+        this.selectObj.setOptions(optionConfig.options, optionConfig.resultValue);
+        // todo 监听事件
+        this.optionConfig = optionConfig;
+        this.optionsContent.clearChildNodes();
+        this.optionsContent.clearChildDom();
+        const styleObj = {
+            display: 'inline-block',
+            width: '45%',
+            border: '1px solid #ccc',
+            boxSizing: 'border-box',
+        };
+        // let optIndex = 0;
+        // config.options设置
+        const selectedOption = optionConfig.options.find(opt => String(opt.value) === String(optionConfig.resultValue).split('.')[0]);
+        if (!(selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.options)) {
+            throw Error('选项有问题');
+        }
+        selectedOption.options.forEach((opt, optIndex) => {
+            const optDiv = new framework_1.Division();
+            const labelDiv = new framework_1.Division();
+            labelDiv.addStyleObj(styleObj);
+            labelDiv.setAttrObj({
+                // contenteditable: 'true', // 现在选项不需要编辑
+                optIndex,
+                optType: 'label',
+            });
+            labelDiv.addChild(new framework_1.TextNode(opt.label));
+            const valueDiv = new framework_1.Division();
+            valueDiv.addStyleObj(styleObj);
+            valueDiv.addAttrObj({
+                // contenteditable: 'true', // 现在选项不需要编辑
+                optIndex,
+                optType: 'value',
+            });
+            valueDiv.addChild(new framework_1.TextNode(String(opt.value)));
+            // const deleteDiv = new Division(optDiv);
+            // deleteDiv.setStyleObj({
+            //   display: 'none',
+            //   // display: 'inline-block', // 现在不需要动态删除选项
+            //   width: '10%',
+            //   border: '1px solid #ccc',
+            //   boxSizing: 'border-box',
+            //   // float: 'right',
+            //   // marginTop: '10px',
+            // });
+            // const svg = new DeleteSvg(deleteDiv);
+            // svg.setStyleObj({
+            //   width: '20',
+            // });
+            // deleteDiv.appendChild(svg);
+            optDiv.childNodes = [labelDiv, valueDiv];
+            this.optionsContent.appendChild(optDiv);
+        });
+    }
+    resetOptions(options) {
+        // this.selectConfigDiv.clearChildNodes();
+        // this.selectConfigDiv.clearChildDom();
+        // this.selectConfigDiv.appendChild(this.selectObj).appendChild(this.firstDiv);
+        this.optionsContent.clearChildNodes();
+        this.optionsContent.clearChildDom();
+        const styleObj = {
+            display: 'inline-block',
+            width: '45%',
+            border: '1px solid #ccc',
+            boxSizing: 'border-box',
+        };
+        // let optIndex = 0;
+        // config.options设置
+        options.forEach((opt, optIndex) => {
+            const optDiv = new framework_1.Division();
+            optDiv.setAttrName('option');
+            const labelDiv = new framework_1.Division();
+            labelDiv.addStyleObj(styleObj);
+            labelDiv.setAttrObj({
+                // contenteditable: 'true', // 现在选项不需要编辑
+                optIndex,
+                optType: 'label',
+            });
+            labelDiv.addChild(new framework_1.TextNode(opt.label));
+            const valueDiv = new framework_1.Division();
+            valueDiv.addStyleObj(styleObj);
+            valueDiv.addAttrObj({
+                optIndex,
+                optType: 'value',
+            });
+            valueDiv.addChild(new framework_1.TextNode(String(opt.value)));
+            optDiv.childNodes = [labelDiv, valueDiv];
+            this.optionsContent.appendChild(optDiv);
+        });
+    }
+    initEvents() {
+        this.events.push(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.optionConfig) === 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.optionConfig) {
+                throw Error('无法获取optionConfig');
+            }
+            if (selectedOption && selectedOption.options) {
+                this.resetOptionConfigResultValue(selectedOption.value);
+                console.log('this.optionConfig is ', this.optionConfig);
+                console.log('selectOption is ', selectedOption);
+                this.resetOptions(selectedOption.options);
+                // this.resetControl();
+            }
+        }));
+    }
+}
+exports.PropertyOptions = PropertyOptions;

package/src/form/field-item/radio/field-radio.abstract.d.ts

@@ -0,0 +1,16 @@
+import { Button, Division, Label } from '@type-dom/framework';
+import { IOption, IOptionConfig } from '../field-item.interface';
+import { FieldItem } from '../field-item.abstract';
+export declare abstract class FieldRadio extends FieldItem {
+    config: IOptionConfig;
+    childNodes: [Label, Division, Button];
+    name: string;
+    resultValue: string | number | boolean;
+    optionDiv: Division;
+    private selectedOpt;
+    protected constructor(labelText: string | undefined, config: IOptionConfig);
+    abstract reset(value?: string): void;
+    setOptions(options: IOption[]): void;
+    resetResultValue(value: string): void;
+    initEvents(): void;
+}

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

@@ -0,0 +1,98 @@
+"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 {
+    constructor(labelText = '单选', config) {
+        super(labelText);
+        this.config = config;
+        this.name = config.name;
+        this.resultValue = config.resultValue;
+        this.optionDiv = new framework_1.Division();
+        this.childNodes = [this.label, this.optionDiv, this.button];
+        this.setOptions(config.options);
+    }
+    setOptions(options) {
+        options.forEach((option, index) => {
+            let button;
+            if (!this.optionDiv.childNodes[index]) {
+                button = new framework_1.Button(this);
+                button.setTitle(option.label);
+                // const label = new TextNode(button, option.label);
+                // button.childNodes = [label];
+                // button.setTitle(option.label);
+                this.optionDiv.addChild(button);
+            }
+            else {
+                button = this.optionDiv.childNodes[index];
+            }
+            button.addStyleObj({
+                height: '32px',
+                borderRadius: '0',
+                border: '1px solid #000',
+            });
+            button.addAttrObj({
+                type: 'radio',
+                value: option.value,
+                checked: option.checked
+            });
+            if (option.checked) {
+                button.propObj.styleObj.backgroundColor = '#00f';
+                button.propObj.styleObj.color = '#fff';
+                this.selectedOpt = button;
+            }
+            else {
+                button.propObj.styleObj.backgroundColor = '#fff';
+                button.propObj.styleObj.color = '#000';
+            }
+            // span.childNodes.push(label, inputRadio);
+            // this.optionDiv.childNodes.push(button);
+        });
+    }
+    //
+    resetResultValue(value) {
+        console.log('resetResultValue value is ', value);
+        this.resultValue = value;
+        this.config.options.forEach(item => {
+            item.checked = item.value === value;
+        });
+        console.log('this.config.options is ', this.config.options);
+        this.setOptions(this.config.options);
+        this.optionDiv.render();
+    }
+    initEvents() {
+        this.optionDiv.childNodes.forEach((btn) => {
+            if (btn.dom === undefined) {
+                return;
+            }
+            this.events.push((0, rxjs_1.fromEvent)(btn.dom, 'click').subscribe(() => {
+                // if (OfdEditor.mode === 'read') {
+                //   return;
+                // }
+                if (this.selectedOpt) {
+                    this.selectedOpt.setStyleObj({
+                        backgroundColor: '#fff',
+                        color: '#000',
+                    });
+                    this.selectedOpt.setAttribute('checked', false);
+                }
+                this.selectedOpt = btn;
+                if (btn instanceof framework_1.TypeElement) {
+                    btn.setStyleObj({
+                        backgroundColor: '#00f',
+                        color: '#fff',
+                    });
+                    btn.setAttribute('checked', true);
+                    this.resultValue = btn.attrObj.value;
+                    this.reset(this.resultValue);
+                }
+                else {
+                    return;
+                }
+            }));
+        });
+    }
+}
+exports.FieldRadio = FieldRadio;

package/src/form/field-item/select/field-select.abstract.d.ts

@@ -0,0 +1,12 @@
+import { Button, Label, TypeComponent } from '@type-dom/framework';
+import { Select } from '../../select/select.class';
+import { FieldItem } from '../field-item.abstract';
+export declare abstract class FieldSelect extends FieldItem {
+    abstract reset(value?: string): void;
+    parent?: TypeComponent;
+    childNodes: [Label, Select, Button];
+    select: Select;
+    mode: string;
+    protected constructor(labelText?: string);
+    initEvents(): void;
+}

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

@@ -0,0 +1,44 @@
+"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");
+class FieldSelect extends field_item_abstract_1.FieldItem {
+    constructor(labelText = '控件名称') {
+        super(labelText);
+        this.mode = 'editor';
+        this.select = new select_class_1.Select();
+        this.select.propObj = {
+            styleObj: Object.assign({}, field_item_style_1.itemContentStyle),
+            attrObj: {
+                name: 'property-select'
+                // type: 'text',
+                // placeholder: placeholder,
+            }
+        };
+        if (this.mode === 'read') {
+            this.select.addAttrObj({
+                disabled: true,
+            });
+        }
+        this.childNodes = [this.label, this.select, this.button];
+    }
+    initEvents() {
+        this.events.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);
+        }));
+    }
+}
+exports.FieldSelect = FieldSelect;

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

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

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

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FieldSpan = void 0;
+const framework_1 = require("@type-dom/framework");
+// import { TdButton } from '../../../basic';
+const field_item_abstract_1 = require("../field-item.abstract");
+class FieldSpan extends field_item_abstract_1.FieldItem {
+    constructor(labelText = '控件名称') {
+        super(labelText);
+        this.content = new framework_1.Span(this);
+        this.content.propObj = {
+            styleObj: {
+                height: '28px',
+                lineHeight: '28px',
+                textAlign: 'center',
+                backgroundColor: '#FFF',
+                backgroundImage: 'none',
+                borderRadius: '4px',
+                border: '1px solid #DCDFE6',
+                // -webkit-box-sizing: border-box;
+                boxSizing: 'border-box',
+                color: '#606266',
+                display: framework_1.StyleDisplay.inlineBlock,
+                outline: '0',
+                padding: '0 15px',
+                // paddingLeft: '43px',
+                // 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)',
+            },
+            attrObj: {
+                name: 'field-span',
+            }
+        };
+        this.text = new framework_1.TextNode('显示');
+        this.content.addChild(this.text);
+        this.button.setStyleObj({
+            // position: 'absolute',
+            // right: '10px',
+            padding: '8px 3px 4px',
+            fontSize: '16px',
+            display: 'none',
+            border: '1px solid #DCDFE6',
+            borderRadius: '0 4px 4px 0',
+        });
+        this.button.textNode.setText('');
+        this.childNodes = [this.label, this.content, this.button];
+    }
+    resetText(value = '') {
+        this.text.setText(value);
+    }
+}
+exports.FieldSpan = FieldSpan;

package/src/form/field-item/textarea/field-textarea.abstract.d.ts

@@ -0,0 +1,11 @@
+import { Label, Textarea, TypeComponent, Button } from '@type-dom/framework';
+import { FieldItem } from '../field-item.abstract';
+export declare abstract class FieldTextarea extends FieldItem {
+    parent?: TypeComponent;
+    childNodes: [Label, Textarea, Button];
+    content: Textarea;
+    mode: string;
+    protected constructor(labelText?: string, placeholder?: string);
+    resetInputPlaceholder(placeholder: string): void;
+    resetInputValue(value?: string): void;
+}

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

@@ -0,0 +1,63 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FieldTextarea = void 0;
+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");
+class FieldTextarea extends field_item_abstract_1.FieldItem {
+    constructor(labelText = '控件名称', placeholder = '请输入') {
+        super(labelText);
+        this.mode = 'edit';
+        this.addStyleObj({
+            display: 'block',
+            marginBottom: '20px',
+        });
+        this.content = new framework_1.Textarea(this);
+        this.content.propObj = {
+            styleObj: {
+                height: '100%',
+                minHeight: '80px',
+                // lineHeight: '32px',
+                textAlign: 'left',
+                backgroundColor: '#FFF',
+                backgroundImage: 'none',
+                borderRadius: '4px',
+                border: '1px solid #DCDFE6',
+                // -webkit-box-sizing: border-box;
+                boxSizing: 'border-box',
+                color: '#606266',
+                display: framework_1.StyleDisplay.inlineBlock,
+                outline: '0',
+                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 + ')',
+            },
+            attrObj: {
+                placeholder: placeholder,
+            }
+        };
+        console.log('this.parent is ', this.parent);
+        console.log('this.mode is ', this.mode);
+        if (this.mode === 'read') {
+            this.content.addAttrObj({
+                disabled: true,
+            });
+        }
+        this.button.textNode.setText('确定');
+        this.button.addStyleObj({
+            height: '24px',
+            float: 'right',
+            display: 'block',
+        });
+        this.childNodes = [this.label, this.content, this.button];
+    }
+    resetInputPlaceholder(placeholder) {
+        this.content.setAttribute('placeholder', placeholder);
+    }
+    resetInputValue(value = '') {
+        this.content.setAttribute('value', value);
+        this.content.dom.value = String(value);
+    }
+}
+exports.FieldTextarea = FieldTextarea;

package/src/form/index.d.ts

@@ -0,0 +1,11 @@
+export { RadioGroup } from './radio-group/radio-group.class';
+export { RadioOption } from './radio-group/radio-option/radio-option.class';
+export { CheckboxGroup } from './checkbox-group/checkbox-group.class';
+export { CheckboxOption } from './checkbox-group/checkbox-option/checkbox-option.class';
+export { FieldInput } from './field-item/input/field-input.abstract';
+export { FieldRadio } from './field-item/radio/field-radio.abstract';
+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 { TdInput } from './td-input/td-input.class';
+export type { ITdInputConfig } from './td-input/td-input.interface';