@type-dom/ui 0.0.2 → 0.0.4

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

@@ -1,22 +0,0 @@
-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/span/field-span.abstract.js

@@ -1,54 +0,0 @@
-"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({ parent: 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/index.d.ts

@@ -1,11 +0,0 @@
-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';

package/src/form/input-number/td-input-number.class.d.ts

@@ -1,9 +0,0 @@
-import { TypeHtml } from '@type-dom/framework';
-import { FieldInput } from '../field-item/input/field-input.abstract';
-import { ITdInputNumberConfig } from './td-input-number.interface';
-export declare class TdInputNumber extends FieldInput {
-    className: 'InputNumber';
-    parent?: TypeHtml;
-    constructor(config: Partial<ITdInputNumberConfig>);
-    reset(value?: string): void;
-}

package/src/form/input-number/td-input-number.class.js

@@ -1,55 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TdInputNumber = void 0;
-const field_input_abstract_1 = require("../field-item/input/field-input.abstract");
-// 标题属性
-class TdInputNumber extends field_input_abstract_1.FieldInput {
-    constructor(config) {
-        super(config.labelTitle, config.placeholder);
-        console.log('InputNumber constructor . ');
-        this.className = 'InputNumber';
-        this.addStyleObj({
-            padding: '2px 10px 2px 0',
-        });
-        this.addAttrName('input-number');
-        this.label.addStyleObj({
-            fontSize: '16px',
-            width: '100px',
-        });
-        this.content.addAttrObj({
-            type: 'number',
-        });
-        // todo 有后缀时才需要这样
-        // this.content.addStyleObj({
-        //   borderRadius: '4px 0 0 4px',
-        // });
-        if (config.readonly) {
-            this.content.addAttrObj({
-                disabled: true,
-            });
-        }
-        // this.button.setStyleObj({
-        //   display: 'inline-block',
-        //   padding: '4px 3px',
-        //   fontSize: '14px',
-        //   borderRadius: '0 4px 4px 0',
-        //   height: '28px'
-        // });
-        // this.button.setTitle('');
-        // console.log('this.dom is ', this.dom);
-    }
-    reset(value) {
-        // console.log('value is ', value);
-        // if (value !== undefined) {
-        //   OfdEditor.selectedControl?.resetLabelText(this.content.dom.value);
-        //   return;
-        // }
-        // if (this.styleObj.display === 'none') this.setStyle('display', 'block');
-        // if (OfdEditor.selectedControl?.formItem.labelText?.text) {
-        //   this.resetInputValue(OfdEditor.selectedControl.formItem.labelText.text);
-        // } else {
-        //   this.resetInputValue('');
-        // }
-    }
-}
-exports.TdInputNumber = TdInputNumber;

package/src/form/input-number/td-input-number.interface.d.ts

@@ -1,9 +0,0 @@
-import { TypeComponent } from '@type-dom/framework';
-export interface ITdInputNumber extends TypeComponent {
-    className: 'TdInputNumber';
-}
-export interface ITdInputNumberConfig {
-    labelTitle?: string;
-    placeholder?: string;
-    readonly?: boolean;
-}

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

@@ -1,6 +0,0 @@
-import { ITypeDiv } from '@type-dom/framework';
-import { IRadioOption } from './radio-option/radio-option.interface';
-export interface IRadioGroup extends ITypeDiv {
-    className: 'RadioGroup';
-    childNodes: IRadioOption[];
-}

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

@@ -1,33 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RadioOption = void 0;
-const rxjs_1 = require("rxjs");
-const framework_1 = require("@type-dom/framework");
-class RadioOption extends framework_1.TypeSpan {
-    constructor() {
-        super();
-        this.className = 'RadioOption';
-        this.addStyleObj({
-            padding: '0 5px',
-        });
-        this.input = new framework_1.Input({ parent: this });
-        this.input.addAttrObj({
-            type: 'radio',
-            // name: optionConfig.name,
-            // label: opt.label,
-            // value: opt.value,
-            // checked: opt.checked || false
-        });
-        this.text = new framework_1.TextNode('');
-        this.childNodes = [this.input, this.text];
-    }
-    initEvents() {
-        this.events.push((0, rxjs_1.fromEvent)(this.input.dom, 'click').subscribe(() => {
-            console.log('this.input.dom click . ');
-            console.log('this.input.dom.value is ', this.input.dom.value);
-            if (this.parent)
-                this.parent.value = this.input.dom.value;
-        }));
-    }
-}
-exports.RadioOption = RadioOption;

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

@@ -1,5 +0,0 @@
-import { ITypeSpan, IInput, ITextNode } from '@type-dom/framework';
-export interface IRadioOption extends ITypeSpan {
-    className: 'RadioOption';
-    childNodes: [IInput, ITextNode];
-}

package/src/form/select/select.interface.d.ts

@@ -1,10 +0,0 @@
-import { ITypeSelect } from '@type-dom/framework';
-import { IOption } from '../field-item/field-item.interface';
-export interface ISelect extends ITypeSelect {
-    className: 'Select';
-}
-export interface IOptionConfig {
-    name: string;
-    resultValue: string | number | boolean;
-    options: IOption[];
-}

package/src/form/td-input/td-input.class.d.ts

@@ -1,9 +0,0 @@
-import { TypeHtml } from '@type-dom/framework';
-import { FieldInput } from '../field-item/input/field-input.abstract';
-import { ITdInput, ITdInputConfig } from './td-input.interface';
-export declare class TdInput extends FieldInput implements ITdInput {
-    className: 'TdInput';
-    parent?: TypeHtml;
-    constructor(config: Partial<ITdInputConfig>);
-    reset(value?: string): void;
-}