@type-dom/ui 0.1.2 → 0.2.0

package/src/components/form/td-form-item/td-form-item.class.js

@@ -1,370 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TdFormItem = void 0;
-const tslib_1 = require("tslib");
-const utils_1 = require("@type-dom/utils");
-const async_validator_1 = require("@type-dom/async-validator");
-// import { clone } from 'lodash';
-const framework_1 = require("@type-dom/framework");
-const signals_1 = require("@type-dom/signals");
-const use_namespace_1 = require("../../../hooks/use-namespace");
-const use_id_1 = require("../../../hooks/use-id");
-const td_form_const_1 = require("../td-form/td-form.const");
-const use_form_common_props_1 = require("../td-form/hooks/use-form-common-props");
-const form_label_wrap_class_1 = require("../td-form/form-label-wrap/form-label-wrap.class");
-const td_form_item_const_1 = require("./td-form-item.const");
-require("./style/index");
-class TdFormItem extends framework_1.TypeDiv {
-    // new TdFormItem 是 发生在 TdForm slotChildren 之前的。
-    constructor(params = {}) {
-        super();
-        this.className = 'TdFormItem';
-        this.attr.addName('td-form-item');
-        this.assignProps(td_form_item_const_1.formItemProps);
-        this.props = this.useParams(params);
-    }
-    // @logMethod
-    setup() {
-        var _a;
-        const props = this.props;
-        const slots = (0, framework_1.useSlots)();
-        const formContext = (0, framework_1.inject)(td_form_const_1.formContextKey, undefined);
-        const parentFormItemContext = (0, framework_1.inject)(td_form_const_1.formItemContextKey, undefined);
-        const _size = (0, use_form_common_props_1.useFormSize)(undefined, { formItem: false });
-        const ns = (0, use_namespace_1.useNamespace)('form-item');
-        const labelId = (0, use_id_1.useId)().get();
-        const inputIds = (0, signals_1.signal)([]);
-        const validateState = (0, signals_1.signal)('');
-        const validateStateDebounced = (0, framework_1.refDebounced)(validateState, 100);
-        const validateMessage = (0, signals_1.signal)('');
-        const formItemRef = (0, signals_1.signal)();
-        // special inline value.
-        let initialValue = undefined;
-        let isResettingField = false;
-        const labelPosition = (0, signals_1.computed)(() => props.labelPosition || (formContext === null || formContext === void 0 ? void 0 : formContext.labelPosition));
-        const labelStyle = (0, signals_1.computed)(() => {
-            if (labelPosition.get() === 'top') {
-                return {};
-            }
-            const labelWidth = (0, utils_1.addUnit)(props.labelWidth || (formContext === null || formContext === void 0 ? void 0 : formContext.labelWidth) || '');
-            if (labelWidth)
-                return { width: labelWidth };
-            return {};
-        });
-        const contentStyle = (0, signals_1.computed)(() => {
-            if (labelPosition.get() === 'top' || (formContext === null || formContext === void 0 ? void 0 : formContext.inline)) {
-                return {};
-            }
-            if (!props.label && !props.labelWidth && isNested) {
-                return {};
-            }
-            const labelWidth = (0, utils_1.addUnit)(props.labelWidth || (formContext === null || formContext === void 0 ? void 0 : formContext.labelWidth) || '');
-            if (!props.label && !(slots === null || slots === void 0 ? void 0 : slots.label)) {
-                return { marginLeft: labelWidth };
-            }
-            return {};
-        });
-        const formItemClasses = (0, signals_1.computed)(() => [
-            ns.b(),
-            ns.m(_size.get()),
-            ns.is('error', validateState.get() === 'error'),
-            ns.is('validating', validateState.get() === 'validating'),
-            ns.is('success', validateState.get() === 'success'),
-            ns.is('required', isRequired.get() || props.required),
-            ns.is('no-asterisk', formContext === null || formContext === void 0 ? void 0 : formContext.hideRequiredAsterisk),
-            (formContext === null || formContext === void 0 ? void 0 : formContext.requireAsteriskPosition) === 'right'
-                ? 'asterisk-right'
-                : 'asterisk-left',
-            {
-                [ns.m('feedback')]: formContext === null || formContext === void 0 ? void 0 : formContext.statusIcon,
-                [ns.m(`label-${labelPosition.get()}`)]: labelPosition.get(),
-            },
-        ]);
-        const _inlineMessage = (0, signals_1.computed)(() => (0, utils_1.isBoolean)(props.inlineMessage)
-            ? props.inlineMessage
-            : (formContext === null || formContext === void 0 ? void 0 : formContext.inlineMessage) || false);
-        const validateClasses = (0, signals_1.computed)(() => [
-            ns.e('error'),
-            { [ns.em('error', 'inline')]: _inlineMessage.get() },
-        ]);
-        const propString = (0, signals_1.computed)(() => {
-            if (!props.prop)
-                return '';
-            return (0, utils_1.isString)(props.prop) ? props.prop : props.prop.join('.');
-        });
-        const hasLabel = (0, signals_1.computed)(() => {
-            return !!(props.label || (slots === null || slots === void 0 ? void 0 : slots.label));
-        });
-        const labelFor = (0, signals_1.computed)(() => {
-            return (props.for ||
-                (inputIds.get().length === 1 ? inputIds.get()[0] : undefined));
-        });
-        // console.error('labelFor', labelFor.get());
-        const isGroup = (0, signals_1.computed)(() => {
-            return !labelFor.get() && hasLabel.get();
-        });
-        const isNested = !!parentFormItemContext;
-        const fieldValue = (0, signals_1.computed)(() => {
-            const model = formContext === null || formContext === void 0 ? void 0 : formContext.model;
-            if (!model || !props.prop) {
-                return;
-            }
-            return (0, utils_1.getProp)(model, props.prop).value;
-        });
-        const normalizedRules = (0, signals_1.computed)(() => {
-            const { required } = props;
-            const rules = [];
-            if (props.rules) {
-                rules.push(...(0, utils_1.ensureArray)(props.rules));
-            }
-            const formRules = formContext === null || formContext === void 0 ? void 0 : formContext.rules;
-            if (formRules && props.prop) {
-                const _rules = (0, utils_1.getProp)(formRules, props.prop).value;
-                if (_rules) {
-                    rules.push(...(0, utils_1.ensureArray)(_rules));
-                }
-            }
-            if (required !== undefined) {
-                const requiredRules = rules
-                    .map((rule, i) => [rule, i])
-                    .filter(([rule]) => Object.keys(rule).includes('required'));
-                if (requiredRules.length > 0) {
-                    for (const [rule, i] of requiredRules) {
-                        if (rule.required === required)
-                            continue;
-                        rules[i] = Object.assign(Object.assign({}, rule), { required });
-                    }
-                }
-                else {
-                    rules.push({ required });
-                }
-            }
-            return rules;
-        });
-        const validateEnabled = (0, signals_1.computed)(() => normalizedRules.get().length > 0);
-        const getFilteredRule = (trigger) => {
-            const rules = normalizedRules.get();
-            return (rules
-                .filter((rule) => {
-                if (!rule.trigger || !trigger)
-                    return true;
-                if ((0, utils_1.isArray)(rule.trigger)) {
-                    return rule.trigger.includes(trigger);
-                }
-                else {
-                    return rule.trigger === trigger;
-                }
-            })
-                // exclude trigger
-                // eslint-disable-next-line @typescript-eslint/no-unused-vars
-                .map((_a) => {
-                var { trigger } = _a, rule = tslib_1.__rest(_a, ["trigger"]);
-                return rule;
-            }));
-        };
-        const isRequired = (0, signals_1.computed)(() => normalizedRules.get().some((rule) => rule.required));
-        const shouldShowError = (0, signals_1.computed)(() => {
-            var _a;
-            return validateStateDebounced.get() === 'error' &&
-                props.showMessage &&
-                ((_a = formContext === null || formContext === void 0 ? void 0 : formContext.showMessage) !== null && _a !== void 0 ? _a : true);
-        });
-        const currentLabel = (0, signals_1.computed)(() => `${props.label || ''}${(formContext === null || formContext === void 0 ? void 0 : formContext.labelSuffix) || ''}`);
-        const setValidationState = (state) => {
-            validateState.set(state);
-        };
-        const onValidationFailed = (error) => {
-            var _a, _b;
-            const { errors, fields } = error;
-            if (!errors || !fields) {
-                console.error(error);
-            }
-            setValidationState('error');
-            validateMessage.set(errors ? (_b = (_a = errors === null || errors === void 0 ? void 0 : errors[0]) === null || _a === void 0 ? void 0 : _a.message) !== null && _b !== void 0 ? _b : `${props.prop} is required` : '');
-            formContext === null || formContext === void 0 ? void 0 : formContext.emit('validate', props.prop, false, validateMessage.get());
-        };
-        const onValidationSucceeded = () => {
-            setValidationState('success');
-            formContext === null || formContext === void 0 ? void 0 : formContext.emit('validate', props.prop, true, '');
-        };
-        const doValidate = (rules) => tslib_1.__awaiter(this, void 0, void 0, function* () {
-            const modelName = propString.get();
-            const validator = new async_validator_1.default({
-                [modelName]: rules,
-            });
-            return validator
-                .validate({ [modelName]: fieldValue.get() }, { firstFields: true })
-                .then(() => {
-                onValidationSucceeded();
-                return true;
-            })
-                .catch((err) => {
-                onValidationFailed(err);
-                return Promise.reject(err);
-            });
-        });
-        const validate = (trigger, callback) => tslib_1.__awaiter(this, void 0, void 0, function* () {
-            // skip validation if its resetting
-            if (isResettingField || !props.prop) {
-                return false;
-            }
-            const hasCallback = (0, utils_1.isFunction)(callback);
-            if (!validateEnabled.get()) {
-                callback === null || callback === void 0 ? void 0 : callback(false);
-                return false;
-            }
-            const rules = getFilteredRule(trigger);
-            if (rules.length === 0) {
-                callback === null || callback === void 0 ? void 0 : callback(true);
-                return true;
-            }
-            setValidationState('validating');
-            return doValidate(rules)
-                .then(() => {
-                callback === null || callback === void 0 ? void 0 : callback(true);
-                return true;
-            })
-                .catch((err) => {
-                const { fields } = err;
-                callback === null || callback === void 0 ? void 0 : callback(false, fields);
-                return hasCallback ? false : Promise.reject(fields);
-            });
-        });
-        const clearValidate = () => {
-            setValidationState('');
-            validateMessage.set('');
-            isResettingField = false;
-        };
-        const resetField = () => tslib_1.__awaiter(this, void 0, void 0, function* () {
-            const model = formContext === null || formContext === void 0 ? void 0 : formContext.model;
-            if (!model || !props.prop)
-                return;
-            const computedValue = (0, utils_1.getProp)(model, props.prop);
-            // prevent validation from being triggered
-            isResettingField = true;
-            computedValue.value = (0, utils_1.clone)(initialValue);
-            // computedValue.set(clone(initialValue)); // todo
-            yield (0, framework_1.nextTick)();
-            clearValidate();
-            isResettingField = false;
-        });
-        const addInputId = (id) => {
-            // console.error('addInputId . ');
-            if (!inputIds.get().includes(id)) {
-                inputIds.get().push(id);
-            }
-        };
-        const removeInputId = (id) => {
-            inputIds.set(inputIds.get().filter((listId) => listId !== id));
-        };
-        (0, signals_1.watch)(() => props.error, (val) => {
-            validateMessage.set(val || '');
-            setValidationState(val ? 'error' : '');
-        }, { immediate: true });
-        (0, signals_1.watch)(() => props.validateStatus, (val) => setValidationState(val || ''));
-        const context = Object.assign(Object.assign({}, props), { $el: formItemRef, size: _size, validateState,
-            labelId,
-            inputIds,
-            isGroup,
-            hasLabel,
-            fieldValue,
-            addInputId,
-            removeInputId,
-            resetField,
-            clearValidate,
-            validate });
-        (0, framework_1.provide)(td_form_const_1.formItemContextKey, context);
-        (0, framework_1.onMounted)(() => {
-            if (props.prop) {
-                formContext === null || formContext === void 0 ? void 0 : formContext.addField(context);
-                initialValue = (0, utils_1.clone)(fieldValue.get());
-            }
-        });
-        (0, framework_1.onBeforeUnmount)(() => {
-            formContext === null || formContext === void 0 ? void 0 : formContext.removeField(context);
-        });
-        (0, framework_1.defineExpose)({
-            /**
-             * @description Form item size.
-             */
-            size: _size,
-            /**
-             * @description Validation message.
-             */
-            validateMessage,
-            /**
-             * @description Validation state.
-             */
-            validateState,
-            /**
-             * @description Validate form item.
-             */
-            validate,
-            /**
-             * @description Remove validation status of the field.
-             */
-            clearValidate,
-            /**
-             * @description Reset current field and remove validation result.
-             */
-            resetField,
-        });
-        this.assignProps({
-            refDom: formItemRef,
-        });
-        this.attr.addObj({
-            class: formItemClasses,
-            role: isGroup.get() ? 'group' : undefined,
-            ariaLabeledby: isGroup.get() ? labelId : undefined,
-        });
-        this.addChild(new form_label_wrap_class_1.FormLabelWrap({
-            isAutoWidth: labelStyle.get().width === 'auto',
-            updateAll: formContext.labelWidth === 'auto',
-            slot: new framework_1.XElement({
-                tag: labelFor.get() ? 'label' : 'div',
-                vIf: hasLabel,
-                attrObj: {
-                    id: labelId,
-                    for: labelFor.get(),
-                    class: ns.e('label'),
-                },
-                styleObj: labelStyle.get(),
-                slot: (slots === null || slots === void 0 ? void 0 : slots.label) || currentLabel.get(),
-            }),
-        }));
-        this.addChild(new framework_1.Div({
-            class: ns.e('content'),
-            styleObj: contentStyle,
-            slot: [
-                ...(0, framework_1.arraySlot)(props.slot || (slots === null || slots === void 0 ? void 0 : slots.default)),
-                new framework_1.TransitionGroup({
-                    // todo error
-                    //  <slot v-if="shouldShowError" name="error" :error="validateMessage">
-                    //           <div :class="validateClasses">
-                    //             {{ validateMessage }}
-                    //           </div>
-                    //         </slot>
-                    slot: shouldShowError.get()
-                        ? (_a = slots === null || slots === void 0 ? void 0 : slots.error) !== null && _a !== void 0 ? _a : new framework_1.Div({
-                            class: validateClasses,
-                            slot: validateMessage,
-                        })
-                        : undefined,
-                    // init: (element) => {
-                    //   if (shouldShowError.get()) {
-                    //     if (slots?.error) {
-                    //       element.slotChildren(slots.error)
-                    //     } else {
-                    //       element.addChild(new Div({
-                    //         class: validateClasses,
-                    //         slot: validateMessage
-                    //       }))
-                    //     }
-                    //   }
-                    // }
-                }),
-            ],
-        }));
-    }
-}
-exports.TdFormItem = TdFormItem;

package/src/components/form/td-form-item/td-form-item.const.d.ts

@@ -1,7 +0,0 @@
-import { InjectionKey } from '@type-dom/framework';
-import { FormContext, FormItemContext } from '../td-form/td-form.interface';
-import { FormItemProps } from './td-form-item.interface';
-export declare const formItemValidateStates: readonly ["", "error", "validating", "success"];
-export declare const formItemProps: FormItemProps;
-export declare const formContextKey: InjectionKey<FormContext>;
-export declare const formItemContextKey: InjectionKey<FormItemContext>;

package/src/components/form/td-form-item/td-form-item.const.js

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.formItemContextKey = exports.formContextKey = exports.formItemProps = exports.formItemValidateStates = void 0;
-exports.formItemValidateStates = [
-    '',
-    'error',
-    'validating',
-    'success',
-];
-exports.formItemProps = {
-    labelWidth: '',
-    labelPosition: '',
-    inlineMessage: '',
-    showMessage: true,
-};
-exports.formContextKey = Symbol('formContextKey');
-exports.formItemContextKey = Symbol('formItemContextKey');

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

@@ -1,75 +0,0 @@
-import { RuleItem, ValidateError, ValidateFieldsError } from '@type-dom/async-validator';
-import { TypeDivProps, ITypeElement } from '@type-dom/framework';
-import { MaybeRef } from '@type-dom/signals';
-import { Arrayable } from '@type-dom/utils';
-import { ComponentSize } from '../../../constants';
-export declare const formItemValidateStates: readonly ["", "error", "validating", "success"];
-export type IFormItemValidateState = (typeof formItemValidateStates)[number];
-export interface ITdFormItem extends ITypeElement {
-    className: 'TdFormItem';
-}
-export type FormItemProp = Arrayable<string>;
-export type FormItemValidateState = (typeof formItemValidateStates)[number];
-export interface FormItemProps extends TypeDivProps {
-    /**
-     * @description Label text.
-     */
-    label?: string;
-    /**
-     * @description Width of label, e.g. `'50px'`. `'auto'` is supported.
-     */
-    labelWidth?: string | number;
-    /**
-     * @description  A key of `model`. It could be an array of property paths (e.g `['a', 'b', '0']`). In the use of `validate` and `resetFields` method, the attribute is required.
-     */
-    prop?: FormItemProp;
-    /**
-     * @description Whether the field is required or not, will be determined by validation rules if omitted.
-     */
-    required?: boolean;
-    /**
-     * @description Validation rules of form, see the [following table](#formitemrule), more advanced usage at [async-validator](https://github.com/yiminghe/async-validator).
-     */
-    rules?: Arrayable<FormItemRule>;
-    /**
-     * @description Field error message, set its value and the field will validate error and show this message immediately.
-     */
-    error?: string;
-    /**
-     * @description Validation state of formItem.
-     */
-    validateStatus?: IFormItemValidateState;
-    /**
-     * @description Same as for in native label.
-     */
-    for?: string;
-    /**
-     * @description Inline style validate message.
-     */
-    inlineMessage?: string | boolean;
-    /**
-     * @description Whether to show the error message.
-     *     default: true,
-     */
-    showMessage?: boolean;
-    /**
-     * @description Control the size of components in this form-item.
-     */
-    size?: MaybeRef<ComponentSize>;
-    contentAlign?: 'left' | 'right' | 'center';
-    labelPosition?: ILabelPosition;
-}
-export type ILabelPosition = '' | 'left' | 'right' | 'top';
-export interface FormItemRule extends RuleItem {
-    trigger?: Arrayable<string>;
-}
-export type FormValidationResult = Promise<boolean>;
-export type FormValidateCallback = (isValid: boolean, invalidFields?: ValidateFieldsError) => Promise<void> | void;
-export interface FormValidateFailure {
-    errors: ValidateError[] | null;
-    fields: ValidateFieldsError;
-}
-export interface FormValidateFailure {
-    errors: ValidateError[] | null;
-    fields: ValidateFieldsError;
-}

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

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.formItemValidateStates = void 0;
-exports.formItemValidateStates = [
-    '',
-    'error',
-    'validating',
-    'success',
-];

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

@@ -1,32 +0,0 @@
-export declare const $formItem: {
-    display: string;
-};
-export declare const $formItemLabel: {};
-export declare const $formItemMarginBottom: {
-    '': string;
-    large: string;
-    default: string;
-    small: string;
-};
-export declare const $formItemLineHeight: {
-    '': string;
-    large: string;
-    default: string;
-    small: string;
-};
-export declare const $formItemErrorPaddingTop: {
-    '': string;
-    large: string;
-    default: string;
-    small: string;
-};
-export declare const $formItemLabelTopLineHeight: {
-    large: string;
-    default: string;
-    small: string;
-};
-export declare const $formItemLabelTopMarginBottom: {
-    large: string;
-    default: string;
-    small: string;
-};

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

@@ -1,37 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.$formItemLabelTopMarginBottom = exports.$formItemLabelTopLineHeight = exports.$formItemErrorPaddingTop = exports.$formItemLineHeight = exports.$formItemMarginBottom = exports.$formItemLabel = exports.$formItem = void 0;
-exports.$formItem = {
-    display: 'flex',
-    // --font-size: #{map.get($input-font-size, 'default')};
-    // margin-bottom: #{map.get($form-item-margin-bottom, 'default')};
-};
-exports.$formItemLabel = {};
-exports.$formItemMarginBottom = {
-    '': '18px',
-    large: '22px',
-    default: '18px',
-    small: '18px',
-};
-exports.$formItemLineHeight = {
-    '': '32px',
-    large: '40px',
-    default: '32px',
-    small: '24px',
-};
-exports.$formItemErrorPaddingTop = {
-    '': '2px',
-    large: '4px',
-    default: '2px',
-    small: '2px',
-};
-exports.$formItemLabelTopLineHeight = {
-    large: '22px',
-    default: '22px',
-    small: '20px',
-};
-exports.$formItemLabelTopMarginBottom = {
-    large: '12px',
-    default: '8px',
-    small: '4px',
-};

package/src/components/form/td-input/style/css.d.ts

@@ -1,2 +0,0 @@
-import '../../../base/style/css';
-import '@element-plus/theme-chalk/el-input.css';

package/src/components/form/td-input/style/css.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-require("../../../base/style/css");
-require("@element-plus/theme-chalk/el-input.css");

package/src/components/form/td-input/style/index.d.ts

@@ -1,2 +0,0 @@
-import '../../../base/style';
-import '../../../../theme-chalk/input.scss';

package/src/components/form/td-input/style/index.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-require("../../../base/style");
-require("../../../../theme-chalk/input.scss");

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

@@ -1,7 +0,0 @@
-import { FieldInput } from '../field-item/input/field-input.abstract';
-import { ITdInputField, ITdInputFieldConfig } from './td-input-field.interface';
-export declare class TdInputField extends FieldInput implements ITdInputField {
-    className: 'TdInputField';
-    constructor(params: ITdInputFieldConfig);
-    reset(value?: string): void;
-}

package/src/components/form/td-input/td-input-field.class.js

@@ -1,55 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TdInputField = void 0;
-const field_input_abstract_1 = require("../field-item/input/field-input.abstract");
-// 标题属性
-class TdInputField extends field_input_abstract_1.FieldInput {
-    constructor(params) {
-        super(params.labelTitle, params.placeholder);
-        // console.log('InputItem constructor . ');
-        this.className = 'TdInputField';
-        this.style.addObj({
-            padding: '2px 10px 2px 0',
-        });
-        this.attr.addName('input-item');
-        this.label.style.addObj({
-            fontSize: '16px',
-            width: params.labelWidth || '150px',
-        });
-        this.content.attr.addObj({
-            type: (params === null || params === void 0 ? void 0 : params.type) || 'text',
-        });
-        // todo 有后缀时才需要这样
-        // this.content.style.addObj({
-        //   borderRadius: '4px 0 0 4px',
-        // });
-        if (params.readonly) {
-            this.content.attr.addObj({
-                disabled: true,
-            });
-        }
-        // this.button.style.setObj({
-        //   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.style.get('display') === 'none') this.setStyle('display', 'block');
-        // if (OfdEditor.selectedControl?.formItem.labelText?.text) {
-        //   this.resetInputValue(OfdEditor.selectedControl.formItem.labelText.text);
-        // } else {
-        //   this.resetInputValue('');
-        // }
-    }
-}
-exports.TdInputField = TdInputField;

package/src/components/form/td-input/td-input-field.interface.d.ts

@@ -1,11 +0,0 @@
-import { ITypeDiv } from '@type-dom/framework';
-export interface ITdInputField extends ITypeDiv {
-    className: 'TdInputField';
-}
-export interface ITdInputFieldConfig {
-    labelTitle?: string;
-    labelWidth?: string;
-    placeholder?: string;
-    readonly?: boolean;
-    type?: 'text' | 'password' | 'radio' | 'checkbox' | 'submit' | 'reset' | 'hidden' | 'date' | 'time' | 'file' | 'number' | 'email' | 'url' | 'search';
-}

package/src/components/form/td-input/td-input-field.interface.js

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