@type-dom/ui 0.1.3 → 0.2.1

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

@@ -1,197 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PropertyCascade = void 0;
-const framework_1 = require("@type-dom/framework");
-const field_select_class_1 = require("../../../form/field-select/field-select.class");
-const field_item_abstract_1 = require("../field-item.abstract");
-const field_item_style_1 = require("../field-item.style");
-/**
- * 两级联动，
- * 目前只有 字段名称属性项用到。 控件属性栏 control-field 字段属性栏 field-name
- */
-class PropertyCascade extends field_item_abstract_1.FieldItem {
-    constructor(labelText = '二级级联') {
-        super(labelText);
-        this.attr.addName('cascade-property');
-        this.cascadeDiv = new framework_1.Div();
-        this.cascadeDiv.attr.addName('cascade');
-        this.cascadeDiv.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.firstStageSelectObj = new field_select_class_1.FieldSelect();
-        this.firstStageSelectObj.attr.addName('first-stage-select');
-        this.firstStageSelectObj.style.setObj(Object.assign({}, field_item_style_1.itemContentStyle, {
-            width: '100%',
-            margin: '5px 0',
-            // borderRadius: '4px 0 0 4px',
-            // borderRight: 'none',
-        }));
-        this.secondStageSelectObj = new field_select_class_1.FieldSelect();
-        this.secondStageSelectObj.attr.addName('second-stage-select');
-        this.secondStageSelectObj.style.setObj(Object.assign({}, field_item_style_1.itemContentStyle, {
-            width: '100%',
-        }));
-        this.cascadeDiv.childNodes = [
-            this.firstStageSelectObj,
-            this.secondStageSelectObj,
-        ];
-        this.childNodes = [this.label, this.cascadeDiv, this.button];
-    }
-    get fieldSetting() {
-        var _a;
-        const fieldSetting = (_a = this.props) === null || _a === void 0 ? void 0 : _a.fieldSetting;
-        if (fieldSetting) {
-            const optionSetting = {
-                name: fieldSetting.name,
-                resultValue: fieldSetting.resultValue,
-                options: [],
-            };
-            if (fieldSetting.options[0].options === undefined) {
-                // 如果只有一级，应该是老数据，要重新组装
-                const values = [];
-                fieldSetting.options.forEach((opt) => {
-                    if (opt.value.indexOf('.') === -1) {
-                        // 错误的测试数据，业务数据不会有这个问题。
-                        throw Error('字段名称不是二级组装的 。 ');
-                    }
-                    const tableValue = opt.value.split('.')[0];
-                    const tableLabel = opt.label.split('.')[0];
-                    values.push(JSON.stringify({
-                        label: tableLabel,
-                        value: tableValue,
-                    }));
-                });
-                // todo 如何去重
-                const firstStageValues = Array.from(new Set(values));
-                firstStageValues.forEach((value) => {
-                    optionSetting.options.push(Object.assign({}, JSON.parse(value), { options: [] }));
-                });
-                fieldSetting.options.forEach((opt2) => {
-                    optionSetting.options.forEach((opt1) => {
-                        var _a;
-                        if (String(opt1.value) ===
-                            String(opt2.value.split('.')[0])) {
-                            (_a = opt1.options) === null || _a === void 0 ? void 0 : _a.push(opt2);
-                        }
-                    });
-                });
-                // this.fieldSetting = optionSetting;
-                return optionSetting;
-            }
-            else {
-                return fieldSetting;
-            }
-        }
-        return undefined;
-    }
-    set fieldSetting(value) {
-        // TypeFormDesigner.webDocument.setAttribute('field-config', JSON.stringify(value));
-        if (this.settings === undefined) {
-            if (value !== undefined) {
-                this.setProp('fieldSetting', value);
-            }
-        }
-        else {
-            if (value === undefined) {
-                delete this.settings.fieldSetting;
-            }
-            else {
-                this.setProp('fieldSetting', value);
-            }
-        }
-    }
-    resetCascadeConfigResultValue(value) {
-        // this.cascadeConfig = Object.assign(this.cascadeConfig, { resultValue: value });
-        if (this.cascadeConfig) {
-            this.cascadeConfig.resultValue = value;
-        }
-    }
-    // todo vue项目中返回的是选中的项目。只有一层，没有两层。
-    resetCascadeConfig(optionSetting) {
-        console.log('optionSetting is ', optionSetting);
-        // this.cascadeDiv.clearChildNodes();
-        // this.cascadeDiv.clearChildDom();
-        this.cascadeConfig = optionSetting;
-        if (optionSetting.resultValue === 0) {
-            // 如果第1级还没有选择
-            this.firstStageSelectObj.resetOptions(optionSetting.options, optionSetting.resultValue);
-            //  todo 第2级，应该没有可选项。
-            this.secondStageSelectObj.resetOptions([], 0);
-            return;
-        }
-        //  todo config.options设置
-        if (String(optionSetting.resultValue).indexOf('.') !== -1) {
-            const firstStageValue = String(optionSetting.resultValue).split('.')[0];
-            this.firstStageSelectObj.resetOptions(optionSetting.options, firstStageValue);
-            // const firstStageValue = optionSetting.resultValue.split('.')[0];
-            const selectedOption = optionSetting.options.find((opt) => opt.value === firstStageValue);
-            if (!(selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.options)) {
-                // throw Error('选项有问题'); // 会阻塞修改单元格的控件类型
-                this.secondStageSelectObj.resetOptions([], 0);
-                console.error('选项有问题');
-                return;
-            }
-            this.secondStageSelectObj.resetOptions(selectedOption.options, optionSetting.resultValue);
-            // this.secondStageSelectObj.setSelectedValue(secondStageValue);
-        }
-    }
-    setup() {
-        this.firstStageSelectObj.addEvents({
-            change: () => {
-                var _a, _b, _c;
-                console.log('this.firstStageSelectObj.dom change . ');
-                console.log('this.firstStageSelectObj.dom.value is ', (_a = this.firstStageSelectObj.dom) === null || _a === void 0 ? void 0 : _a.value);
-                const selectedOption = (_c = (_b = this.cascadeConfig) === null || _b === void 0 ? void 0 : _b.options) === null || _c === void 0 ? void 0 : _c.find((opt) => { var _a; return String(opt.value) === ((_a = this.firstStageSelectObj.dom) === null || _a === void 0 ? void 0 : _a.value); });
-                if (!this.cascadeConfig) {
-                    throw Error('无法获取cascadeConfig');
-                }
-                // todo 没有改变值 ？？？？？
-                if (selectedOption) {
-                    this.resetCascadeConfigResultValue(selectedOption.value);
-                }
-                else {
-                    this.secondStageSelectObj.resetOptions([
-                        {
-                            label: '请先选择上级',
-                            value: 0,
-                        },
-                    ], 0);
-                    return;
-                }
-                if (selectedOption && selectedOption.options) {
-                    console.log('this.cascadeConfig is ', this.cascadeConfig);
-                    console.log('selectedOption is ', selectedOption);
-                    this.secondStageSelectObj.resetOptions(selectedOption.options, 0);
-                }
-            },
-        });
-        this.secondStageSelectObj.addEvents({
-            click: () => {
-                var _a;
-                console.log('this.secondStageSelectObj.dom change . ');
-                this.reset((_a = this.secondStageSelectObj.dom) === null || _a === void 0 ? void 0 : _a.value);
-            },
-            change: () => {
-                var _a;
-                console.log('this.secondStageSelectObj.dom change . ');
-                this.reset((_a = this.secondStageSelectObj.dom) === null || _a === void 0 ? void 0 : _a.value);
-            },
-        });
-    }
-}
-exports.PropertyCascade = PropertyCascade;

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

@@ -1,14 +0,0 @@
-import { Div, Input, Label, Span, Textarea, Button, TypeDiv } from '@type-dom/framework';
-import { Select } from '../select/select.class';
-import { IFieldItem } from './field-item.interface';
-export declare abstract class FieldItem extends TypeDiv implements IFieldItem {
-    abstract childNodes: [
-        Label,
-        ...(Span | Input | Textarea | Select | Div)[],
-        Button
-    ];
-    label: Label;
-    button: Button;
-    protected constructor(labelText: string);
-    setLabelTitle(text: string): void;
-}

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

@@ -1,42 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FieldItem = void 0;
-const framework_1 = require("@type-dom/framework");
-const field_item_style_1 = require("./field-item.style");
-class FieldItem extends framework_1.TypeDiv {
-    constructor(labelText) {
-        super();
-        this.style.addObj({
-            // border: '1px solid #1890ff',
-            // background: '#f3f9ff',
-            display: 'flex',
-            flexDirection: 'row',
-            padding: '10px 0',
-            // marginBottom: '10px!important',
-            fontSize: '14px',
-        });
-        this.label = new framework_1.Label({
-            parent: this,
-            slot: labelText,
-        });
-        // if (this.label?.textNode) {
-        //   this.label.textNode.setText(labelText);
-        //   this.label.childNodes.push(this.label.textNode);
-        // }
-        this.label.style.addObj(Object.assign({}, field_item_style_1.labelStyle));
-        this.button = new framework_1.Button({ parent: this });
-        this.button.style.addObj({
-            height: '28px',
-            background: '#ffffff',
-            borderWidth: '1px',
-            borderStyle: 'solid',
-            borderLeft: 'none',
-            borderColor: '#dcdfe6',
-            display: 'none',
-        });
-    }
-    setLabelTitle(text) {
-        this.label.childNodes[0].props.nodeValue = text;
-    }
-}
-exports.FieldItem = FieldItem;

package/src/components/form/field-item/field-item.interface.d.ts

@@ -1,5 +0,0 @@
-import { IButton, ILabel, ITypeNode } from '@type-dom/framework';
-export interface IFieldItem extends ITypeNode {
-    label: ILabel;
-    button: IButton;
-}

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

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/src/components/form/field-item/field-item.style.d.ts

@@ -1,3 +0,0 @@
-import { IStyle } from '@type-dom/css-type';
-export declare const labelStyle: Partial<IStyle>;
-export declare const itemContentStyle: Partial<IStyle>;

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

@@ -1,38 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.itemContentStyle = exports.labelStyle = void 0;
-exports.labelStyle = {
-    width: '80px',
-    lineHeight: '28px',
-    textAlign: 'right',
-    verticalAlign: 'middle',
-    float: 'left',
-    fontSize: '14px',
-    color: '#606266',
-    paddingRight: '2px',
-    // padding: '0 12px 0 0',
-    // '-webkit-box-sizing': 'border-box',
-    boxSizing: 'border-box',
-};
-exports.itemContentStyle = {
-    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',
-    fontSize: 'inherit',
-    outline: '0',
-    // padding: '0 5px',
-    paddingLeft: '15px',
-    paddingRight: '5px',
-    margin: '0',
-    // -webkit-transition: border-color .2s cubic-bezier(.645,.045,.355,1);
-    transition: 'border-color .2s cubic-bezier(.645,.045,.355,1)',
-    width: 'calc(100% - ' + exports.labelStyle.width + ')',
-};

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

@@ -1,12 +0,0 @@
-import { Input, Label, Button } from '@type-dom/framework';
-import { FieldItem } from '../field-item.abstract';
-export declare abstract class FieldInput extends FieldItem {
-    mode?: string;
-    abstract reset(value?: string): void;
-    childNodes: [Label, Input, Button];
-    content: Input;
-    protected constructor(labelText?: string, placeholder?: string);
-    resetInputPlaceholder(placeholder: string): void;
-    resetInputValue(value?: string | number): void;
-    setup(): void;
-}

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

@@ -1,53 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FieldInput = 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 FieldInput extends field_item_abstract_1.FieldItem {
-    constructor(labelText = '控件名称', placeholder = '请输入') {
-        var _a;
-        super(labelText);
-        this.content = new framework_1.Input({ parent: this });
-        this.content.style.addObj(field_item_style_1.itemContentStyle);
-        this.content.attr.addObj({
-            type: 'text',
-            placeholder: placeholder,
-        });
-        if (this.mode === 'read') {
-            this.content.attr.addObj({
-                disabled: true,
-            });
-        }
-        // 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',
-        // });
-        (_a = this.button.textNode) === null || _a === void 0 ? void 0 : _a.setText('');
-        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);
-    }
-    setup() {
-        this.content.addEvents({
-            input: () => {
-                var _a;
-                // console.log('this.input input, event is ', evt);
-                // console.log('this.input.dom.value is ', this.input.dom.value);
-                this.reset((_a = this.content.dom) === null || _a === void 0 ? void 0 : _a.value);
-            },
-        });
-    }
-}
-exports.FieldInput = FieldInput;

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

@@ -1,19 +0,0 @@
-import { Button, Div, Label, IOptionSetting, IOptionSet } from '@type-dom/framework';
-import { FieldItem } from '../field-item.abstract';
-export declare abstract class PropertyOptions extends FieldItem {
-    childNodes: [Label, Div, Button];
-    selectConfigDiv: Div;
-    private readonly firstDiv;
-    selectDiv: Div;
-    private readonly selectObj;
-    optionsContent: Div;
-    protected btn: Button;
-    private readonly dotsSvg;
-    protected constructor(labelText?: string);
-    get optionSetting(): IOptionSetting | undefined;
-    set optionSetting(optConfig: IOptionSetting | undefined);
-    resetOptionSettingResultValue(value: string | number | boolean): void;
-    resetConfig(optionSetting: IOptionSetting): void;
-    resetOptions(options: IOptionSet[]): void;
-    setup(): void;
-}

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

@@ -1,253 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PropertyOptions = void 0;
-const framework_1 = require("@type-dom/framework");
-const svgs_1 = require("@type-dom/svgs");
-const field_select_class_1 = require("../../../form/field-select/field-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 {
-    // optionsConfigObservable: Observable<Event>;
-    constructor(labelText = '选项列表') {
-        var _a;
-        super(labelText);
-        this.attr.addName('option-property');
-        this.selectConfigDiv = new framework_1.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 framework_1.Div();
-        this.selectDiv.style.addObj({
-            display: 'flex',
-            flexDirection: 'row',
-        });
-        // 单独的方法实现
-        this.selectObj = new field_select_class_1.FieldSelect();
-        this.selectObj.attr.addName('select');
-        this.selectObj.style.addObj(Object.assign({}, field_item_style_1.itemContentStyle, {
-            width: '100%',
-            borderRadius: '4px 0 0 4px',
-            borderRight: 'none',
-        }));
-        this.btn = new framework_1.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 svgs_1.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 framework_1.Div();
-        const labelDiv = new framework_1.Div();
-        labelDiv.style.addObj({
-            display: 'inline-block',
-            width: '50%',
-        });
-        labelDiv.addChild(new framework_1.TextNode('标签'));
-        const valueDiv = new framework_1.Div();
-        valueDiv.style.addObj({
-            display: 'inline-block',
-            width: '50%',
-        });
-        valueDiv.addChild(new framework_1.TextNode('值'));
-        this.firstDiv.childNodes = [labelDiv, valueDiv];
-        this.optionsContent = new framework_1.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 framework_1.Div();
-            const labelDiv = new framework_1.Div();
-            labelDiv.style.addObj(styleObj);
-            labelDiv.attr.setObj({
-                // contenteditable: 'true', // 现在选项不需要编辑
-                optIndex,
-                optType: 'label',
-            });
-            labelDiv.addChild(new framework_1.TextNode(opt.label));
-            const valueDiv = new framework_1.Div();
-            valueDiv.style.addObj(styleObj);
-            valueDiv.attr.addObj({
-                // contenteditable: 'true', // 现在选项不需要编辑
-                optIndex,
-                optType: 'value',
-            });
-            valueDiv.addChild(new framework_1.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 framework_1.Div();
-            optDiv.attr.setName('option');
-            const labelDiv = new framework_1.Div();
-            labelDiv.style.addObj(styleObj);
-            labelDiv.attr.setObj({
-                // contenteditable: 'true', // 现在选项不需要编辑
-                optIndex,
-                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',
-            });
-            valueDiv.addChild(new framework_1.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();
-                }
-            },
-        });
-    }
-}
-exports.PropertyOptions = PropertyOptions;

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

@@ -1,15 +0,0 @@
-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;
-}