@type-dom/ui 0.2.1 → 0.3.0

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

@@ -0,0 +1,250 @@
+import { Button, Div, TextNode, } from '@type-dom/framework';
+import { TdThreeDotsSvg } from '@type-dom/svgs';
+import { FieldSelect } from '../../../form/field-select/field-select.class';
+import { FieldItem } from '../field-item.abstract';
+import { itemContentStyle } from '../field-item.style';
+export class PropertyOptions extends FieldItem {
+    // optionsConfigObservable: Observable<Event>;
+    constructor(labelText = '选项列表') {
+        var _a;
+        super(labelText);
+        this.attr.addName('option-property');
+        this.selectConfigDiv = new Div();
+        this.selectConfigDiv.attr.addName('select-config');
+        this.selectConfigDiv.style.addObj({
+            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: '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 Div();
+        this.selectDiv.style.addObj({
+            display: 'flex',
+            flexDirection: 'row',
+        });
+        // 单独的方法实现
+        this.selectObj = new FieldSelect();
+        this.selectObj.attr.addName('select');
+        this.selectObj.style.addObj(Object.assign({}, itemContentStyle, {
+            width: '100%',
+            borderRadius: '4px 0 0 4px',
+            borderRight: 'none',
+        }));
+        this.btn = new Button({ parent: this.selectDiv });
+        this.btn.style.addObj({
+            // position: 'absolute',
+            // right: '10px',
+            padding: '8px 3px 4px',
+            fontSize: '16px',
+            border: '1px solid #DCDFE6',
+            borderRadius: '0 4px 4px 0',
+        });
+        this.dotsSvg = new TdThreeDotsSvg({ parent: this.btn });
+        this.dotsSvg.resetSize(16, 16);
+        (_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 Div();
+        const labelDiv = new Div();
+        labelDiv.style.addObj({
+            display: 'inline-block',
+            width: '50%',
+        });
+        labelDiv.addChild(new TextNode('标签'));
+        const valueDiv = new Div();
+        valueDiv.style.addObj({
+            display: 'inline-block',
+            width: '50%',
+        });
+        valueDiv.addChild(new TextNode('值'));
+        this.firstDiv.childNodes = [labelDiv, valueDiv];
+        this.optionsContent = new Div();
+        this.selectConfigDiv.childNodes = [
+            this.selectDiv,
+            this.firstDiv,
+            this.optionsContent,
+        ];
+        this.button.style.addObj({
+            position: '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 Div(this.selectConfigDiv);
+        // this.addDiv.style.setObj({
+        //   textAlign: 'center',
+        //   marginTop: '-10px',
+        //   display: 'none', // 现在不需要动态添加选项。
+        // });
+        // const svg = new AddSvg({ parent: this.addDiv });
+        // svg.addAttribute('width', '24px');
+        // this.addDiv.addChild(svg);
+        // this.optionsConfigObservable = fromEvent(this.btn.dom, 'click');
+    }
+    get optionSetting() {
+        var _a;
+        return (_a = this.settings) === null || _a === void 0 ? void 0 : _a.optionSetting;
+    }
+    set optionSetting(optConfig) {
+        if (this.settings === undefined) {
+            if (optConfig !== undefined) {
+                this.settings = {
+                    optionSetting: optConfig,
+                };
+            }
+        }
+        else {
+            if (optConfig === undefined) {
+                delete this.settings.optionSetting;
+            }
+            else {
+                this.settings.optionSetting = optConfig;
+            }
+        }
+    }
+    resetOptionSettingResultValue(value) {
+        // AppRoot.selectedControl?.attr.get('optionSetting')''
+        // this.optionSetting = Object.assign(this.optionSetting, { resultValue: value });
+        if (this.optionSetting) {
+            this.optionSetting.resultValue = value;
+        }
+    }
+    // vue项目中返回的是选中的项目。只有一层，没有两层。
+    resetConfig(optionSetting) {
+        console.log('optionSetting is ', optionSetting);
+        // this.selectConfigDiv.clearChildNodes();
+        // this.selectConfigDiv.clearChildDom();
+        // this.selectConfigDiv.appendChild(this.selectObj).appendChild(this.firstDiv);
+        this.selectObj.setOptions(optionSetting.options, optionSetting.resultValue);
+        // todo 监听事件
+        this.optionSetting = optionSetting;
+        this.optionsContent.clearChildren();
+        const styleObj = {
+            display: 'inline-block',
+            width: '45%',
+            border: '1px solid #ccc',
+            boxSizing: 'border-box',
+        };
+        // let optIndex = 0;
+        // config.options设置
+        const selectedOption = optionSetting.options.find((opt) => String(opt.value) === String(optionSetting.resultValue).split('.')[0]);
+        if (!(selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.options)) {
+            throw Error('选项有问题');
+        }
+        selectedOption.options.forEach((opt, optIndex) => {
+            const optDiv = new Div();
+            const labelDiv = new Div();
+            labelDiv.style.addObj(styleObj);
+            labelDiv.attr.setObj({
+                // contenteditable: 'true', // 现在选项不需要编辑
+                optIndex,
+                optType: 'label',
+            });
+            labelDiv.addChild(new TextNode(opt.label));
+            const valueDiv = new Div();
+            valueDiv.style.addObj(styleObj);
+            valueDiv.attr.addObj({
+                // contenteditable: 'true', // 现在选项不需要编辑
+                optIndex,
+                optType: 'value',
+            });
+            valueDiv.addChild(new TextNode(String(opt.value)));
+            // const deleteDiv = new Div(optDiv);
+            // deleteDiv.style.setObj({
+            //   display: 'none',
+            //   // display: 'inline-block', // 现在不需要动态删除选项
+            //   width: '10%',
+            //   border: '1px solid #ccc',
+            //   boxSizing: 'border-box',
+            //   // float: 'right',
+            //   // marginTop: '10px',
+            // });
+            // const svg = new DeleteSvg(deleteDiv);
+            // svg.style.setObj({
+            //   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.clearChildren();
+        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 Div();
+            optDiv.attr.setName('option');
+            const labelDiv = new Div();
+            labelDiv.style.addObj(styleObj);
+            labelDiv.attr.setObj({
+                // contenteditable: 'true', // 现在选项不需要编辑
+                optIndex,
+                optType: 'label',
+            });
+            labelDiv.addChild(new TextNode(opt.label));
+            const valueDiv = new Div();
+            valueDiv.style.addObj(styleObj);
+            valueDiv.attr.addObj({
+                optIndex,
+                optType: 'value',
+            });
+            valueDiv.addChild(new TextNode(String(opt.value)));
+            optDiv.childNodes = [labelDiv, valueDiv];
+            this.optionsContent.appendChild(optDiv);
+        });
+    }
+    setup() {
+        this.btn.addEvents({
+            click: () => {
+                console.log('this.btn click . ');
+            },
+        });
+        this.selectObj.addEvents({
+            change: () => {
+                var _a, _b, _c;
+                console.log('this.selectObj.dom change . ');
+                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');
+                }
+                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();
+                }
+            },
+        });
+    }
+}
+//# sourceMappingURL=field-options.abstract.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"field-options.abstract.js","sourceRoot":"","sources":["../../../../../../src/components/form/field-item/options/field-options.abstract.ts"],"names":[],"mappings":"AACA,OAAO,EACL,MAAM,EACN,GAAG,EAEH,QAAQ,GAGT,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,+CAA+C,CAAC;AAC5E,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAEvD,MAAM,OAAgB,eAAgB,SAAQ,SAAS;IAWrD,8CAA8C;IAE9C,YAAsB,SAAS,GAAG,MAAM;;QACtC,KAAK,CAAC,SAAS,CAAC,CAAC;QACjB,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC;QACrC,IAAI,CAAC,eAAe,GAAG,IAAI,GAAG,EAAE,CAAC;QACjC,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,CAAC;QACnD,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,MAAM,CAAC;YAChC,MAAM,EAAE,MAAM;YACd,UAAU,EAAE,MAAM;YAClB,SAAS,EAAE,QAAQ;YACnB,eAAe,EAAE,MAAM;YACvB,eAAe,EAAE,MAAM;YACvB,YAAY,EAAE,KAAK;YACnB,+BAA+B;YAC/B,kCAAkC;YAClC,SAAS,EAAE,YAAY;YACvB,KAAK,EAAE,SAAS;YAChB,OAAO,EAAE,aAAa;YACtB,OAAO,EAAE,GAAG;YACZ,uEAAuE;YACvE,UAAU,EAAE,iDAAiD;YAC7D,KAAK,EAAE,oBAAoB;SAC5B,CAAC,CAAC;QACH,IAAI,CAAC,SAAS,GAAG,IAAI,GAAG,EAAE,CAAC;QAC3B,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC;YAC1B,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,KAAK;SACrB,CAAC,CAAC;QACH,UAAU;QACV,IAAI,CAAC,SAAS,GAAG,IAAI,WAAW,EAAE,CAAC;QACnC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;QACtC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CACzB,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,gBAAgB,EAAE;YAClC,KAAK,EAAE,MAAM;YACb,YAAY,EAAE,aAAa;YAC3B,WAAW,EAAE,MAAM;SACpB,CAAC,CACH,CAAC;QAEF,IAAI,CAAC,GAAG,GAAG,IAAI,MAAM,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC;QAClD,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,MAAM,CAAC;YACpB,wBAAwB;YACxB,iBAAiB;YACjB,OAAO,EAAE,aAAa;YACtB,QAAQ,EAAE,MAAM;YAChB,MAAM,EAAE,mBAAmB;YAC3B,YAAY,EAAE,aAAa;SAC5B,CAAC,CAAC;QACH,IAAI,CAAC,OAAO,GAAG,IAAI,cAAc,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC;QACxD,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC;QAC/B,MAAA,IAAI,CAAC,GAAG,CAAC,QAAQ,0CAAE,OAAO,CAAC,EAAE,CAAC,CAAC;QAC/B,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAChC,IAAI,CAAC,SAAS,CAAC,UAAU,GAAG,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC;QACvD,IAAI,CAAC,QAAQ,GAAG,IAAI,GAAG,EAAE,CAAC;QAC1B,MAAM,QAAQ,GAAG,IAAI,GAAG,EAAE,CAAC;QAC3B,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC;YACpB,OAAO,EAAE,cAAc;YACvB,KAAK,EAAE,KAAK;SACb,CAAC,CAAC;QACH,QAAQ,CAAC,QAAQ,CAAC,IAAI,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC;QACtC,MAAM,QAAQ,GAAG,IAAI,GAAG,EAAE,CAAC;QAC3B,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC;YACpB,OAAO,EAAE,cAAc;YACvB,KAAK,EAAE,KAAK;SACb,CAAC,CAAC;QACH,QAAQ,CAAC,QAAQ,CAAC,IAAI,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC;QACrC,IAAI,CAAC,QAAQ,CAAC,UAAU,GAAG,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;QAChD,IAAI,CAAC,cAAc,GAAG,IAAI,GAAG,EAAE,CAAC;QAChC,IAAI,CAAC,eAAe,CAAC,UAAU,GAAG;YAChC,IAAI,CAAC,SAAS;YACd,IAAI,CAAC,QAAQ;YACb,IAAI,CAAC,cAAc;SACpB,CAAC;QAEF,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC;YACvB,QAAQ,EAAE,UAAU;YACpB,KAAK,EAAE,MAAM;YACb,OAAO,EAAE,aAAa;YACtB,QAAQ,EAAE,MAAM;YAChB,kBAAkB;YAClB,OAAO,EAAE,MAAM;YACf,MAAM,EAAE,mBAAmB;YAC3B,YAAY,EAAE,aAAa;SAC5B,CAAC,CAAC;QACH,IAAI,CAAC,UAAU,GAAG,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,eAAe,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;QAClE,SAAS;QACT,+CAA+C;QAC/C,6BAA6B;QAC7B,yBAAyB;QACzB,wBAAwB;QACxB,qCAAqC;QACrC,MAAM;QACN,mDAAmD;QACnD,qCAAqC;QACrC,6BAA6B;QAC7B,mEAAmE;IACrE,CAAC;IAED,IAAI,aAAa;;QACf,OAAO,MAAA,IAAI,CAAC,QAAQ,0CAAE,aAA+B,CAAC;IACxD,CAAC;IAED,IAAI,aAAa,CAAC,SAAqC;QACrD,IAAI,IAAI,CAAC,QAAQ,KAAK,SAAS,EAAE,CAAC;YAChC,IAAI,SAAS,KAAK,SAAS,EAAE,CAAC;gBAC5B,IAAI,CAAC,QAAQ,GAAG;oBACd,aAAa,EAAE,SAAS;iBACzB,CAAC;YACJ,CAAC;QACH,CAAC;aAAM,CAAC;YACN,IAAI,SAAS,KAAK,SAAS,EAAE,CAAC;gBAC5B,OAAO,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC;YACrC,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,QAAQ,CAAC,aAAa,GAAG,SAAS,CAAC;YAC1C,CAAC;QACH,CAAC;IACH,CAAC;IAED,6BAA6B,CAAC,KAAgC;QAC5D,uDAAuD;QACvD,kFAAkF;QAClF,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;YACvB,IAAI,CAAC,aAAa,CAAC,WAAW,GAAG,KAAK,CAAC;QACzC,CAAC;IACH,CAAC;IAED,6BAA6B;IAC7B,WAAW,CAAC,aAA6B;QACvC,OAAO,CAAC,GAAG,CAAC,mBAAmB,EAAE,aAAa,CAAC,CAAC;QAChD,0CAA0C;QAC1C,wCAAwC;QACxC,+EAA+E;QAC/E,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,aAAa,CAAC,OAAO,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;QAC5E,YAAY;QACZ,IAAI,CAAC,aAAa,GAAG,aAAa,CAAC;QACnC,IAAI,CAAC,cAAc,CAAC,aAAa,EAAE,CAAC;QACpC,MAAM,QAAQ,GAAW;YACvB,OAAO,EAAE,cAAc;YACvB,KAAK,EAAE,KAAK;YACZ,MAAM,EAAE,gBAAgB;YACxB,SAAS,EAAE,YAAY;SACxB,CAAC;QACF,oBAAoB;QACpB,mBAAmB;QACnB,MAAM,cAAc,GAAG,aAAa,CAAC,OAAO,CAAC,IAAI,CAC/C,CAAC,GAAG,EAAE,EAAE,CACN,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,KAAK,MAAM,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CACxE,CAAC;QACF,IAAI,CAAC,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,OAAO,CAAA,EAAE,CAAC;YAC7B,MAAM,KAAK,CAAC,OAAO,CAAC,CAAC;QACvB,CAAC;QACD,cAAc,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,QAAQ,EAAE,EAAE;YAC/C,MAAM,MAAM,GAAG,IAAI,GAAG,EAAE,CAAC;YACzB,MAAM,QAAQ,GAAG,IAAI,GAAG,EAAE,CAAC;YAC3B,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;YAChC,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC;gBACnB,wCAAwC;gBACxC,QAAQ;gBACR,OAAO,EAAE,OAAO;aACjB,CAAC,CAAC;YACH,QAAQ,CAAC,QAAQ,CAAC,IAAI,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC;YAC3C,MAAM,QAAQ,GAAG,IAAI,GAAG,EAAE,CAAC;YAC3B,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;YAChC,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC;gBACnB,wCAAwC;gBACxC,QAAQ;gBACR,OAAO,EAAE,OAAO;aACjB,CAAC,CAAC;YACH,QAAQ,CAAC,QAAQ,CAAC,IAAI,QAAQ,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;YAEnD,qCAAqC;YACrC,2BAA2B;YAC3B,qBAAqB;YACrB,+CAA+C;YAC/C,kBAAkB;YAClB,8BAA8B;YAC9B,6BAA6B;YAC7B,uBAAuB;YACvB,0BAA0B;YAC1B,MAAM;YACN,wCAAwC;YACxC,qBAAqB;YACrB,iBAAiB;YACjB,MAAM;YACN,8BAA8B;YAC9B,MAAM,CAAC,UAAU,GAAG,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;YACzC,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;QAC1C,CAAC,CAAC,CAAC;IACL,CAAC;IAED,YAAY,CAAC,OAAqB;QAChC,0CAA0C;QAC1C,wCAAwC;QACxC,+EAA+E;QAC/E,IAAI,CAAC,cAAc,CAAC,aAAa,EAAE,CAAC;QACpC,MAAM,QAAQ,GAAW;YACvB,OAAO,EAAE,cAAc;YACvB,KAAK,EAAE,KAAK;YACZ,MAAM,EAAE,gBAAgB;YACxB,SAAS,EAAE,YAAY;SACxB,CAAC;QACF,oBAAoB;QACpB,mBAAmB;QACnB,OAAO,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,QAAQ,EAAE,EAAE;YAChC,MAAM,MAAM,GAAG,IAAI,GAAG,EAAE,CAAC;YACzB,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;YAC9B,MAAM,QAAQ,GAAG,IAAI,GAAG,EAAE,CAAC;YAC3B,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;YAChC,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC;gBACnB,wCAAwC;gBACxC,QAAQ;gBACR,OAAO,EAAE,OAAO;aACjB,CAAC,CAAC;YACH,QAAQ,CAAC,QAAQ,CAAC,IAAI,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC;YAC3C,MAAM,QAAQ,GAAG,IAAI,GAAG,EAAE,CAAC;YAC3B,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;YAChC,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC;gBACnB,QAAQ;gBACR,OAAO,EAAE,OAAO;aACjB,CAAC,CAAC;YACH,QAAQ,CAAC,QAAQ,CAAC,IAAI,QAAQ,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;YACnD,MAAM,CAAC,UAAU,GAAG,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;YACzC,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;QAC1C,CAAC,CAAC,CAAC;IACL,CAAC;IAEQ,KAAK;QACZ,IAAI,CAAC,GAAG,CAAC,SAAS,CAAC;YACjB,KAAK,EAAE,GAAG,EAAE;gBACV,OAAO,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAC;YACnC,CAAC;SACF,CAAC,CAAC;QACH,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC;YACvB,MAAM,EAAE,GAAG,EAAE;;gBACX,OAAO,CAAC,GAAG,CAAC,8BAA8B,CAAC,CAAC;gBAC5C,OAAO,CAAC,GAAG,CAAC,8BAA8B,EAAE,MAAA,IAAI,CAAC,SAAS,CAAC,GAAG,0CAAE,KAAK,CAAC,CAAC;gBACvE,MAAM,cAAc,GAClB,CAAA,MAAA,IAAI,CAAC,aAAa,0CAAE,OAAO;qBAC3B,MAAA,IAAI,CAAC,aAAa,0CAAE,OAAO,CAAC,IAAI,CAC9B,CAAC,GAAG,EAAE,EAAE,WAAC,OAAA,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,MAAK,MAAA,IAAI,CAAC,SAAS,CAAC,GAAG,0CAAE,KAAK,CAAA,CAAA,EAAA,CACzD,CAAA,CAAC;gBACJ,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC;oBACxB,MAAM,KAAK,CAAC,mBAAmB,CAAC,CAAC;gBACnC,CAAC;gBACD,IAAI,cAAc,IAAI,cAAc,CAAC,OAAO,EAAE,CAAC;oBAC7C,IAAI,CAAC,6BAA6B,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;oBACzD,OAAO,CAAC,GAAG,CAAC,wBAAwB,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;oBAC1D,OAAO,CAAC,GAAG,CAAC,kBAAkB,EAAE,cAAc,CAAC,CAAC;oBAChD,IAAI,CAAC,YAAY,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;oBAC1C,uBAAuB;gBACzB,CAAC;YACH,CAAC;SACF,CAAC,CAAC;IACL,CAAC;CACF"}

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

@@ -0,0 +1,16 @@
+import { Button, Div, Label, IOptionSet, IOptionSetting } from '@type-dom/framework';
+import { FieldItem } from '../field-item.abstract';
+export declare abstract class FieldRadio extends FieldItem {
+    childNodes: [Label, Div, Button];
+    name: string;
+    resultValue: string | number | boolean;
+    optionDiv: Div;
+    params: IOptionSetting;
+    private selectedOpt;
+    protected constructor(labelText: string | undefined, params: IOptionSetting);
+    abstract reset(value?: string): void;
+    setOptions(options: IOptionSet[]): void;
+    resetResultValue(value: string): void;
+    mounted(): void;
+}
+//# sourceMappingURL=field-radio.abstract.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"field-radio.abstract.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/field-item/radio/field-radio.abstract.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,EACN,GAAG,EACH,KAAK,EACL,UAAU,EACV,cAAc,EAGf,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAEnD,8BAAsB,UAAW,SAAQ,SAAS;IAChD,UAAU,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,MAAM,CAAC,CAAC;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;IACvC,SAAS,EAAE,GAAG,CAAC;IACN,MAAM,EAAE,cAAc,CAAC;IAChC,OAAO,CAAC,WAAW,CAAU;IAE7B,SAAS,aAAa,SAAS,oBAAO,EAAE,MAAM,EAAE,cAAc;IAU9D,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI;IAEpC,UAAU,CAAC,OAAO,EAAE,UAAU,EAAE,GAAG,IAAI;IAyCvC,gBAAgB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAW5B,OAAO,IAAI,IAAI;CAiCzB"}

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

@@ -0,0 +1,100 @@
+import { Button, Div, TypeHtml, TypeElement, } from '@type-dom/framework';
+import { FieldItem } from '../field-item.abstract';
+export class FieldRadio extends FieldItem {
+    constructor(labelText = '单选', params) {
+        super(labelText);
+        this.name = params.name;
+        this.resultValue = params.resultValue;
+        this.optionDiv = new Div();
+        this.childNodes = [this.label, this.optionDiv, this.button];
+        this.params = params;
+        this.setOptions(params.options);
+    }
+    setOptions(options) {
+        options.forEach((option, index) => {
+            let button;
+            if (!this.optionDiv.childNodes[index]) {
+                button = new Button({ parent: 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.style.addObj({
+                height: '32px',
+                borderRadius: '0',
+                border: '1px solid #000',
+            });
+            button.attr.addObj({
+                type: 'radio',
+                value: option.value,
+                checked: option.checked,
+            });
+            if (option.checked) {
+                button.style.addObj({
+                    backgroundColor: '#00f',
+                    color: '#fff',
+                });
+                this.selectedOpt = button;
+            }
+            else {
+                button.style.addObj({
+                    backgroundColor: '#fff',
+                    color: '#000',
+                });
+            }
+            // span.childNodes.push(label, inputRadio);
+            // this.optionDiv.childNodes.push(button);
+        });
+    }
+    //
+    resetResultValue(value) {
+        console.log('resetResultValue value is ', value);
+        this.resultValue = value;
+        this.params.options.forEach((item) => {
+            item.checked = item.value === value;
+        });
+        console.log('this.config.options is ', this.params.options);
+        this.setOptions(this.params.options);
+        this.optionDiv.mount();
+    }
+    mounted() {
+        this.optionDiv.childNodes.forEach((btn) => {
+            if (btn.dom === undefined) {
+                return;
+            }
+            if (btn instanceof TypeElement) {
+                btn.addEvent('click', () => {
+                    // if (OfdEditor.mode === 'read') {
+                    //   return;
+                    // }
+                    if (this.selectedOpt) {
+                        this.selectedOpt.style.setObj({
+                            backgroundColor: '#fff',
+                            color: '#000',
+                        });
+                        this.selectedOpt.attr.set('checked', false);
+                    }
+                    this.selectedOpt = btn;
+                    if (btn instanceof TypeHtml) {
+                        btn.style.setObj({
+                            backgroundColor: '#00f',
+                            color: '#fff',
+                        });
+                        btn.attr.set('checked', true);
+                        this.resultValue = btn.attr.get('value');
+                        this.reset(this.resultValue);
+                    }
+                    else {
+                        return;
+                    }
+                });
+            }
+        });
+    }
+}
+//# sourceMappingURL=field-radio.abstract.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"field-radio.abstract.js","sourceRoot":"","sources":["../../../../../../src/components/form/field-item/radio/field-radio.abstract.ts"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,12 @@
+import { Button, Label } 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;
+    childNodes: [Label, Select, Button];
+    select: Select;
+    mode: string;
+    protected constructor(labelText?: string);
+    setup(): void;
+}
+//# sourceMappingURL=field-select.abstract.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"field-select.abstract.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/field-item/select/field-select.abstract.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAGnD,8BAAsB,WAAY,SAAQ,SAAS;IACjD,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI;IAEpC,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IACpC,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,SAAY;IAEhB,SAAS,aAAa,SAAS,SAAS;IAiB/B,KAAK,IAAI,IAAI;CAgBvB"}

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

@@ -0,0 +1,41 @@
+import { Select } from '../../select/select.class';
+import { FieldItem } from '../field-item.abstract';
+import { itemContentStyle } from '../field-item.style';
+export class FieldSelect extends FieldItem {
+    constructor(labelText = '控件名称') {
+        super(labelText);
+        this.mode = 'editor';
+        this.select = new Select();
+        this.select.style.addObj(Object.assign({}, itemContentStyle));
+        this.select.attr.addObj({
+            name: 'property-select',
+            // type: 'text',
+            // placeholder: placeholder,
+        });
+        if (this.mode === 'read') {
+            this.select.attr.addObj({
+                disabled: true,
+            });
+        }
+        this.childNodes = [this.label, this.select, this.button];
+    }
+    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 ', (_a = this.select.dom) === null || _a === void 0 ? void 0 : _a.value);
+                // console.log(this.reset);
+                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 ', (_a = this.select.dom) === null || _a === void 0 ? void 0 : _a.value);
+                // console.log(this.reset);
+                this.reset((_b = this.select.dom) === null || _b === void 0 ? void 0 : _b.value);
+            },
+        });
+    }
+}
+//# sourceMappingURL=field-select.abstract.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"field-select.abstract.js","sourceRoot":"","sources":["../../../../../../src/components/form/field-item/select/field-select.abstract.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAEvD,MAAM,OAAgB,WAAY,SAAQ,SAAS;IAOjD,YAAsB,SAAS,GAAG,MAAM;QACtC,KAAK,CAAC,SAAS,CAAC,CAAC;QAHnB,SAAI,GAAG,QAAQ,CAAC;QAId,IAAI,CAAC,MAAM,GAAG,IAAI,MAAM,EAAE,CAAC;QAC3B,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,gBAAgB,CAAC,CAAC,CAAC;QAC9D,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC;YACtB,IAAI,EAAE,iBAAiB;YACvB,gBAAgB;YAChB,4BAA4B;SAC7B,CAAC,CAAC;QACH,IAAI,IAAI,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC;YACzB,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC;gBACtB,QAAQ,EAAE,IAAI;aACf,CAAC,CAAC;QACL,CAAC;QACD,IAAI,CAAC,UAAU,GAAG,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;IAC3D,CAAC;IAEQ,KAAK;QACZ,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC;YACpB,KAAK,EAAE,CAAC,GAAG,EAAE,EAAE;;gBACb,OAAO,CAAC,GAAG,CAAC,kCAAkC,EAAE,GAAG,CAAC,CAAC;gBACrD,OAAO,CAAC,GAAG,CAAC,2BAA2B,EAAE,MAAA,IAAI,CAAC,MAAM,CAAC,GAAG,0CAAE,KAAK,CAAC,CAAC;gBACjE,2BAA2B;gBAC3B,IAAI,CAAC,KAAK,CAAC,MAAA,IAAI,CAAC,MAAM,CAAC,GAAG,0CAAE,KAAK,CAAC,CAAC;YACrC,CAAC;YACD,MAAM,EAAE,CAAC,GAAG,EAAE,EAAE;;gBACd,OAAO,CAAC,GAAG,CAAC,mCAAmC,EAAE,GAAG,CAAC,CAAC;gBACtD,OAAO,CAAC,GAAG,CAAC,2BAA2B,EAAE,MAAA,IAAI,CAAC,MAAM,CAAC,GAAG,0CAAE,KAAK,CAAC,CAAC;gBACjE,2BAA2B;gBAC3B,IAAI,CAAC,KAAK,CAAC,MAAA,IAAI,CAAC,MAAM,CAAC,GAAG,0CAAE,KAAK,CAAC,CAAC;YACrC,CAAC;SACF,CAAC,CAAC;IACL,CAAC;CACF"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"field-span.abstract.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/field-item/span/field-span.abstract.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,IAAI,EAAY,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAEpE,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAEnD,8BAAsB,SAAU,SAAQ,SAAS;IAC/C,UAAU,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC;IAClC,OAAO,EAAE,IAAI,CAAC;IAEd,SAAS,aAAa,SAAS,SAAS;IAyCxC,SAAS,CAAC,KAAK,SAAK,GAAG,IAAI;CAG5B"}

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

@@ -0,0 +1,50 @@
+import { Span, TextNode } from '@type-dom/framework';
+// import { TdButton } from '../../../basic';
+import { FieldItem } from '../field-item.abstract';
+export class FieldSpan extends FieldItem {
+    constructor(labelText = '控件名称') {
+        var _a;
+        super(labelText);
+        this.content = new Span({ parent: this });
+        this.content.style.addObj({
+            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: '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)',
+        });
+        this.attr.addObj({
+            name: 'field-span',
+        });
+        this.content.addChild(new TextNode('显示'));
+        this.button.style.setObj({
+            // position: 'absolute',
+            // right: '10px',
+            padding: '8px 3px 4px',
+            fontSize: '16px',
+            display: 'none',
+            border: '1px solid #DCDFE6',
+            borderRadius: '0 4px 4px 0',
+        });
+        (_a = this.button.textNode) === null || _a === void 0 ? void 0 : _a.setText('');
+        this.childNodes = [this.label, this.content, this.button];
+    }
+    resetText(value = '') {
+        var _a;
+        (_a = this.textNode) === null || _a === void 0 ? void 0 : _a.setText(value);
+    }
+}
+//# sourceMappingURL=field-span.abstract.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"field-span.abstract.js","sourceRoot":"","sources":["../../../../../../src/components/form/field-item/span/field-span.abstract.ts"],"names":[],"mappings":"AAAA,OAAO,EAAS,IAAI,EAAE,QAAQ,EAAU,MAAM,qBAAqB,CAAC;AACpE,6CAA6C;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAEnD,MAAM,OAAgB,SAAU,SAAQ,SAAS;IAI/C,YAAsB,SAAS,GAAG,MAAM;;QACtC,KAAK,CAAC,SAAS,CAAC,CAAC;QACjB,IAAI,CAAC,OAAO,GAAG,IAAI,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;QAC1C,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC;YACxB,MAAM,EAAE,MAAM;YACd,UAAU,EAAE,MAAM;YAClB,SAAS,EAAE,QAAQ;YACnB,eAAe,EAAE,MAAM;YACvB,eAAe,EAAE,MAAM;YACvB,YAAY,EAAE,KAAK;YACnB,MAAM,EAAE,mBAAmB;YAC3B,kCAAkC;YAClC,SAAS,EAAE,YAAY;YACvB,KAAK,EAAE,SAAS;YAChB,OAAO,EAAE,aAAa;YACtB,OAAO,EAAE,GAAG;YACZ,OAAO,EAAE,QAAQ;YACjB,uBAAuB;YACvB,wBAAwB;YACxB,uEAAuE;YACvE,UAAU,EAAE,iDAAiD;YAC7D,KAAK,EAAE,mBAAmB;SAC3B,CAAC,CAAC;QACH,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC;YACf,IAAI,EAAE,YAAY;SACnB,CAAC,CAAC;QACH,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC;QAE1C,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC;YACvB,wBAAwB;YACxB,iBAAiB;YACjB,OAAO,EAAE,aAAa;YACtB,QAAQ,EAAE,MAAM;YAChB,OAAO,EAAE,MAAM;YACf,MAAM,EAAE,mBAAmB;YAC3B,YAAY,EAAE,aAAa;SAC5B,CAAC,CAAC;QACH,MAAA,IAAI,CAAC,MAAM,CAAC,QAAQ,0CAAE,OAAO,CAAC,EAAE,CAAC,CAAC;QAClC,IAAI,CAAC,UAAU,GAAG,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;IAC5D,CAAC;IAED,SAAS,CAAC,KAAK,GAAG,EAAE;;QAClB,MAAA,IAAI,CAAC,QAAQ,0CAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IAChC,CAAC;CACF"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"field-textarea.abstract.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/field-item/textarea/field-textarea.abstract.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAGnD,8BAAsB,aAAc,SAAQ,SAAS;IAEnD,UAAU,EAAE,CAAC,KAAK,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;IACtC,OAAO,EAAE,QAAQ,CAAC;IAClB,IAAI,SAAU;IAEd,SAAS,aAAa,SAAS,SAAS,EAAE,WAAW,SAAQ;IA+C7D,qBAAqB,CAAC,WAAW,EAAE,MAAM,GAAG,IAAI;IAIhD,eAAe,CAAC,KAAK,SAAK,GAAG,IAAI;CAclC"}

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

@@ -0,0 +1,61 @@
+import { Textarea } from '@type-dom/framework';
+import { FieldItem } from '../field-item.abstract';
+import { labelStyle } from '../field-item.style';
+export class FieldTextarea extends FieldItem {
+    constructor(labelText = '控件名称', placeholder = '请输入') {
+        var _a;
+        super(labelText);
+        this.mode = 'edit';
+        this.style.addObj({
+            display: 'block', // 不是 flex
+            marginBottom: '20px',
+        });
+        this.content = new Textarea({
+            parent: this,
+            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: '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% - ' + 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.attr.addObj({
+                disabled: true,
+            });
+        }
+        (_a = this.button.textNode) === null || _a === void 0 ? void 0 : _a.setText('确定');
+        this.button.style.addObj({
+            height: '24px',
+            float: 'right',
+            display: 'block',
+        });
+        this.childNodes = [this.label, this.content, this.button];
+    }
+    resetInputPlaceholder(placeholder) {
+        this.content.attr.set('placeholder', placeholder);
+    }
+    resetInputValue(value = '') {
+        this.content.attr.set('value', value);
+        this.content.dom.value = String(value);
+    }
+}
+//# sourceMappingURL=field-textarea.abstract.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"field-textarea.abstract.js","sourceRoot":"","sources":["../../../../../../src/components/form/field-item/textarea/field-textarea.abstract.ts"],"names":[],"mappings":"AAAA,OAAO,EAAS,QAAQ,EAAU,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEjD,MAAM,OAAgB,aAAc,SAAQ,SAAS;IAMnD,YAAsB,SAAS,GAAG,MAAM,EAAE,WAAW,GAAG,KAAK;;QAC3D,KAAK,CAAC,SAAS,CAAC,CAAC;QAHnB,SAAI,GAAG,MAAM,CAAC;QAIZ,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC;YAChB,OAAO,EAAE,OAAO,EAAE,UAAU;YAC5B,YAAY,EAAE,MAAM;SACrB,CAAC,CAAC;QACH,IAAI,CAAC,OAAO,GAAG,IAAI,QAAQ,CAAC;YAC1B,MAAM,EAAE,IAAI;YACZ,QAAQ,EAAE;gBACR,MAAM,EAAE,MAAM;gBACd,SAAS,EAAE,MAAM;gBACjB,sBAAsB;gBACtB,SAAS,EAAE,MAAM;gBACjB,eAAe,EAAE,MAAM;gBACvB,eAAe,EAAE,MAAM;gBACvB,YAAY,EAAE,KAAK;gBACnB,MAAM,EAAE,mBAAmB;gBAC3B,kCAAkC;gBAClC,SAAS,EAAE,YAAY;gBACvB,KAAK,EAAE,SAAS;gBAChB,OAAO,EAAE,aAAa;gBACtB,OAAO,EAAE,GAAG;gBACZ,OAAO,EAAE,OAAO;gBAChB,uEAAuE;gBACvE,UAAU,EAAE,iDAAiD;gBAC7D,KAAK,EAAE,cAAc,GAAG,UAAU,CAAC,KAAK,GAAG,GAAG;aAC/C;YACD,OAAO,EAAE;gBACP,WAAW,EAAE,WAAW;aACzB;SACF,CAAC,CAAC;QACH,OAAO,CAAC,GAAG,CAAC,iBAAiB,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;QAC5C,OAAO,CAAC,GAAG,CAAC,eAAe,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;QACxC,IAAI,IAAI,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC;YACzB,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC;gBACvB,QAAQ,EAAE,IAAI;aACf,CAAC,CAAC;QACL,CAAC;QACD,MAAA,IAAI,CAAC,MAAM,CAAC,QAAQ,0CAAE,OAAO,CAAC,IAAI,CAAC,CAAC;QACpC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC;YACvB,MAAM,EAAE,MAAM;YACd,KAAK,EAAE,OAAO;YACd,OAAO,EAAE,OAAO;SACjB,CAAC,CAAC;QACH,IAAI,CAAC,UAAU,GAAG,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;IAC5D,CAAC;IAED,qBAAqB,CAAC,WAAmB;QACvC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,WAAW,CAAC,CAAC;IACpD,CAAC;IAED,eAAe,CAAC,KAAK,GAAG,EAAE;QACxB,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;QACtC,IAAI,CAAC,OAAO,CAAC,GAAI,CAAC,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAC1C,CAAC;CAWF"}

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

@@ -0,0 +1,13 @@
+import { TypeSelect, IOptionSet } from '@type-dom/framework';
+import { SelectOption } from './option/option.class';
+import { IFieldSelect } from './field-select.interface';
+export declare class FieldSelect extends TypeSelect implements IFieldSelect {
+    className: 'FieldSelect';
+    childNodes: SelectOption[];
+    value?: string | number | boolean;
+    constructor();
+    setOptions(options: IOptionSet[], value: string | number | boolean): void;
+    resetOptions(options: IOptionSet[], value: string | number | boolean): void;
+    setup(): void;
+}
+//# sourceMappingURL=field-select.class.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"field-select.class.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/field-select/field-select.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAExD,qBAAa,WAAY,SAAQ,UAAW,YAAW,YAAY;IACjE,SAAS,EAAE,aAAa,CAAC;IAChB,UAAU,EAAE,YAAY,EAAE,CAAC;IACpC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;;IASlC,UAAU,CAAC,OAAO,EAAE,UAAU,EAAE,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI;IA8BzE,YAAY,CAAC,OAAO,EAAE,UAAU,EAAE,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI;IAMlE,KAAK,IAAI,IAAI;CAkBvB"}