@type-dom/ui 0.1.0 → 0.1.2

package/src/components/form/td-input/widget/prefix.js

@@ -1,63 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TdInputPrefix = void 0;
-const framework_1 = require("@type-dom/framework");
-const td_icon_class_1 = require("../../../basic/td-icon/td-icon.class");
-const td_input_style_1 = require("../td-input.style");
-class TdInputPrefix extends framework_1.TypeSpan {
-    constructor(parent, config) {
-        super();
-        this.parent = parent;
-        this.className = 'TdInputPrefix';
-        this.style.addObj({
-            display: (config === null || config === void 0 ? void 0 : config.prefixIcon) ? 'inline-flex' : 'none',
-            whiteSpace: 'nowrap',
-            flexShrink: 0,
-            flexWrap: 'nowrap',
-            height: '100%',
-            textAlign: 'center',
-            //   color: var,
-            //     #{getCssVarName('input-icon-color')},
-            //     map.get($input, 'icon-color',
-            // ),
-            color: td_input_style_1.$input.iconColor,
-            // transition: all getCssVar('transition-duration'),
-            transition: 'all 0.3s',
-            pointerEvents: 'none'
-        });
-        this.prefixInner = new framework_1.Span({
-            attrObj: {
-                name: 'prefix-inner'
-            },
-            styleObj: {
-                pointerEvents: 'all',
-                display: 'inline-flex',
-                alignItems: 'center',
-                justifyContent: 'center',
-                marginRight: '8px'
-            }
-        });
-        this.addChild(this.prefixInner);
-        if (config === null || config === void 0 ? void 0 : config.prefixIcon) {
-            this.prefixIcon = new td_icon_class_1.TdIcon({
-                svgObj: config.prefixIcon,
-                attrObj: {
-                    name: 'prefix-icon'
-                },
-                styleObj: {
-                    display: 'inline-flex',
-                    fontSize: td_input_style_1.$inputFontSize[(config === null || config === void 0 ? void 0 : config.size) || 'default']
-                    // cursor: 'pointer',
-                },
-                events: {
-                    click: (evt, icon) => {
-                        console.log('prefixIcon click . ');
-                        this.parent.inner.focus();
-                    }
-                }
-            });
-            this.prefixInner.addChild(this.prefixIcon);
-        }
-    }
-}
-exports.TdInputPrefix = TdInputPrefix;

package/src/components/form/td-input/widget/suffix.d.ts

@@ -1,14 +0,0 @@
-import { TypeSpan } from '@type-dom/framework';
-import { TdIcon } from '../../../basic/td-icon/td-icon.class';
-import { ITdInputConfig } from '../td-input.interface';
-import { TdInputWrapper } from './td-input-wrapper.class';
-export declare class TdInputSuffix extends TypeSpan {
-    className: 'TdInputSuffix';
-    parent: TdInputWrapper;
-    private suffixInner;
-    private suffixIcon?;
-    clearIcon?: TdIcon;
-    passwordIcon?: TdIcon;
-    constructor(parent: TdInputWrapper, config?: ITdInputConfig);
-    setup(): void;
-}

package/src/components/form/td-input/widget/suffix.js

@@ -1,125 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TdInputSuffix = void 0;
-const framework_1 = require("@type-dom/framework");
-const svgs_1 = require("@type-dom/svgs");
-const td_icon_class_1 = require("../../../basic/td-icon/td-icon.class");
-const td_input_style_1 = require("../td-input.style");
-class TdInputSuffix extends framework_1.TypeSpan {
-    constructor(parent, config) {
-        super();
-        this.parent = parent;
-        this.className = 'TdInputSuffix';
-        this.style.addObj({
-            display: 'inline-flex',
-            whiteSpace: 'nowrap',
-            flexShrink: 0,
-            flexWrap: 'nowrap',
-            height: '100%',
-            textAlign: 'center',
-            //   color: var,
-            //     #{getCssVarName('input-icon-color')},
-            //     map.get($input, 'icon-color',
-            // ),
-            color: td_input_style_1.$input.iconColor,
-            // transition: all getCssVar('transition-duration'),
-            transition: 'all 0.3s',
-            pointerEvents: 'none'
-        });
-        this.suffixInner = new framework_1.Span({
-            attrObj: {
-                name: 'suffix-inner'
-            },
-            styleObj: {
-                pointerEvents: 'all',
-                display: 'inline-flex',
-                alignItems: 'center',
-                justifyContent: 'center',
-                marginLeft: '8px'
-            }
-        });
-        this.addChild(this.suffixInner);
-        if (config === null || config === void 0 ? void 0 : config.clearable) {
-            this.clearIcon = new td_icon_class_1.TdIcon({
-                svgObj: new svgs_1.ElCircleCloseSvg(),
-                attrObj: {
-                    name: 'suffix-icon'
-                },
-                styleObj: {
-                    display: 'none',
-                    fontSize: td_input_style_1.$inputFontSize[(config === null || config === void 0 ? void 0 : config.size) || 'default'],
-                    cursor: 'pointer'
-                },
-                events: {
-                    click: (evt, icon) => {
-                        console.log('click icon is ', icon);
-                        this.parent.inner.setValue('');
-                        this.parent.setShowClear(false);
-                        this.parent.inner.focus();
-                    },
-                    mousedown: (evt, icon) => {
-                        console.log('mousedown, icon is ', icon);
-                        evt === null || evt === void 0 ? void 0 : evt.preventDefault();
-                    }
-                }
-            });
-            this.suffixInner.addChild(this.clearIcon);
-        }
-        if (config === null || config === void 0 ? void 0 : config.showPassword) {
-            this.passwordIcon = new td_icon_class_1.TdIcon({
-                svgObj: new svgs_1.ElHideSvg(),
-                styleObj: {
-                    display: this.parent.showPwdVisible ? 'inline-flex' : 'none',
-                    fontSize: td_input_style_1.$inputFontSize[(config === null || config === void 0 ? void 0 : config.size) || 'default'],
-                    cursor: 'pointer'
-                },
-                events: {
-                    click: () => {
-                        var _a;
-                        console.log('click showPassword ');
-                        this.parent.passwordVisible = !this.parent.passwordVisible;
-                        (_a = this.passwordIcon) === null || _a === void 0 ? void 0 : _a.replaceSvg(this.parent.passwordVisible ? new svgs_1.ElViewSvg() : new svgs_1.ElHideSvg());
-                        if (this.parent.passwordVisible) {
-                            this.parent.inner.attr.setObj({
-                                type: 'text'
-                            });
-                        }
-                        else {
-                            this.parent.inner.attr.setObj({
-                                type: 'password'
-                            });
-                        }
-                        this.parent.inner.focus();
-                    }
-                }
-            });
-            this.suffixInner.addChild(this.passwordIcon);
-        }
-        if (config === null || config === void 0 ? void 0 : config.suffixIcon) {
-            this.suffixIcon = new td_icon_class_1.TdIcon({
-                svgObj: config.suffixIcon,
-                attrObj: {
-                    name: 'suffix-icon'
-                },
-                styleObj: {
-                    display: 'inline-flex',
-                    fontSize: td_input_style_1.$inputFontSize[(config === null || config === void 0 ? void 0 : config.size) || 'default']
-                    // cursor: 'pointer',
-                },
-                events: {
-                    click: (evt, icon) => {
-                        console.log('suffixIcon click . ');
-                        this.parent.inner.focus();
-                    }
-                }
-            });
-            this.suffixInner.addChild(this.suffixIcon);
-        }
-    }
-    setup() {
-        this.style.addObj({
-            display: this.parent.suffixVisible ? 'inline-flex' : 'none' // constructor 中this.parent.suffixVisible是undefined
-        });
-    }
-}
-exports.TdInputSuffix = TdInputSuffix;

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

@@ -1,33 +0,0 @@
-import { Div, Input, TypeDiv, TypeElement } from '@type-dom/framework';
-import { TdInput } from '../td-input.class';
-import { ITdInputConfig } from '../td-input.interface';
-import { ITdInputWrapper } from './td-input-wrapper.interface';
-import { TdInputSuffix } from './suffix';
-import { TdInputPrefix } from './prefix';
-export declare class TdInputWrapper extends TypeDiv implements ITdInputWrapper {
-    className: 'TdInputWrapper';
-    props: ITdInputConfig;
-    parent?: TdInput;
-    prepend?: Div;
-    append?: Div;
-    prefix?: TdInputPrefix;
-    suffix: TdInputSuffix;
-    inner: Input;
-    private isComposing?;
-    passwordVisible?: boolean;
-    private isWordLimitVisible?;
-    private validateState?;
-    private needStatusIcon?;
-    constructor(params?: ITdInputConfig);
-    setup(): void;
-    get suffixVisible(): boolean;
-    get showClear(): boolean | undefined;
-    get showPwdVisible(): boolean | undefined;
-    get nativeInputValue(): string;
-    set nativeInputValue(value: string);
-    setDisabled(disabled: boolean): void;
-    setShowClear(showClear: boolean | undefined): void;
-    setShowPassword(showPassword: boolean | undefined): void;
-    setNativeInputValue(): void;
-    handleInput(event?: Event, element?: TypeElement): void;
-}

package/src/components/form/td-input/widget/td-input-wrapper.class.js

@@ -1,284 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TdInputWrapper = void 0;
-const framework_1 = require("@type-dom/framework");
-const use_cursor_1 = require("../../../../hooks/use-cursor");
-const var_1 = require("../../../../styles/var");
-const td_input_style_1 = require("../td-input.style");
-const suffix_1 = require("./suffix");
-const prefix_1 = require("./prefix");
-class TdInputWrapper extends framework_1.TypeDiv {
-    constructor(params = {}) {
-        super();
-        this.className = 'TdInputWrapper';
-        this.parent = params === null || params === void 0 ? void 0 : params.parent;
-        this.style.addObj({
-            display: 'inline-flex',
-            flexGrow: 1,
-            alignItems: 'center',
-            justifyContent: 'center',
-            cursor: 'text',
-            transform: 'translate3d(0, 0, 0)',
-            // transform: 'translateZ(0)',
-            // padding: $border-width map.get($input-padding-horizontal, 'default')-$border-width,
-            padding: td_input_style_1.$wrapperPadding[(params === null || params === void 0 ? void 0 : params.size) || 'default'],
-            //   background-color: var(
-            //     #{getCssVarName('input-bg-color')},
-            //     map.get($input, 'bg-color')
-            // ),
-            backgroundColor: td_input_style_1.$input.bgColor,
-            backgroundImage: 'none',
-            //   border-radius: getCssVarWithDefault(
-            //     'input-border-radius',
-            //     map.get($input, 'border-radius')
-            //   ),
-            borderRadius: td_input_style_1.$input.borderRadius,
-            //   transition: getCssVar('transition-box-shadow'),
-            //       transition: var(--el-transition-box-shadow),
-            boxShadow: '0 0 0 1px ' + td_input_style_1.$input.borderColor + ' inset'
-        });
-        this.prefix = new prefix_1.TdInputPrefix(this, params);
-        this.unshiftChild(this.prefix);
-        let placeholder = '';
-        if ((params === null || params === void 0 ? void 0 : params.placeholder) instanceof framework_1.XProxy) {
-            placeholder = params.placeholder.value;
-        }
-        else if (params === null || params === void 0 ? void 0 : params.placeholder) {
-            placeholder = params.placeholder;
-        }
-        this.inner = new framework_1.Input({
-            attrObj: {
-                type: (params === null || params === void 0 ? void 0 : params.showPassword)
-                    ? (params === null || params === void 0 ? void 0 : params.passwordVisible)
-                        ? 'text'
-                        : 'password'
-                    : params === null || params === void 0 ? void 0 : params.type,
-                placeholder: placeholder
-            },
-            styleObj: {
-                width: '100%',
-                flexGrow: 1,
-                fontSize: 'inherit',
-                padding: '0',
-                outline: 'none',
-                border: 'none',
-                background: 'none',
-                boxSizing: 'border-box',
-                WebkitAppearance: 'none',
-                //   color: var(
-                //     #{getCssVarName('input-text-color')},
-                //     map.get($input, 'text-color')
-                // );
-                color: td_input_style_1.$inputTextColor,
-                //   height: getCssVar('input-inner-height');
-                height: td_input_style_1.$inputInnerHeight,
-                //   line-height: getCssVar('input-inner-height');
-                lineHeight: td_input_style_1.$inputInnerHeight
-            },
-            events: {
-                compositionstart: () => {
-                    console.log('compositionstart . ');
-                    this.isComposing = true;
-                },
-                compositionupdate: () => {
-                    console.log('compositionupdate . ');
-                },
-                compositionend: (event) => {
-                    console.log('compositionend . ');
-                    this.isComposing = false;
-                    if (this.isComposing) {
-                        this.isComposing = false;
-                        this.handleInput(event);
-                    }
-                },
-                input: (event, element) => this.handleInput(event, element),
-                focus: (i) => {
-                    var _a;
-                    console.log('td-input focus . this.parent is ', this.parent);
-                    (_a = this.parent) === null || _a === void 0 ? void 0 : _a.setFocus(true);
-                },
-                blur: () => {
-                    var _a;
-                    console.log('blur . ');
-                    (_a = this.parent) === null || _a === void 0 ? void 0 : _a.setFocus(false);
-                    if (this.props.clearable) {
-                        this.setShowClear(this.showClear);
-                    }
-                    if (this.props.showPassword) {
-                        this.setShowPassword(this.showPwdVisible);
-                    }
-                },
-                change: () => {
-                    console.log('change . ');
-                },
-                keydown: () => {
-                    console.log('keydown . ');
-                }
-            }
-        });
-        this.addChild(this.inner);
-        this.suffix = new suffix_1.TdInputSuffix(this, params);
-        this.addChild(this.suffix);
-        this.props = this.useParams(params);
-    }
-    setup() {
-        const props = this.props;
-        if (props === null || props === void 0 ? void 0 : props.prefix) {
-            //   todo
-        }
-        if (props === null || props === void 0 ? void 0 : props.size) {
-            this.style.addObj({
-                padding: td_input_style_1.$wrapperPadding[props.size || 'default'],
-                fontSize: td_input_style_1.$inputFontSize[props.size || 'default'],
-                height: td_input_style_1.$inputHeight[props.size || 'default']
-            });
-        }
-        if (props === null || props === void 0 ? void 0 : props.disabled) {
-            this.setDisabled(props.disabled);
-        }
-        this.setNativeInputValue();
-    }
-    get suffixVisible() {
-        return (!!this.suffix ||
-            !!this.props.suffixIcon ||
-            this.showClear ||
-            this.props.showPassword ||
-            this.isWordLimitVisible ||
-            (!!this.validateState && this.needStatusIcon));
-    }
-    get showClear() {
-        var _a, _b;
-        // console.error('compute showClear . this.props is ', this.props);
-        // console.log('!this.props.disabled is ', !this.props.disabled);
-        // console.log('!this.props.readonly is ', !this.props.readonly);
-        // console.log('this.nativeInputValue is ', this.nativeInputValue);
-        // console.log('this.parent?.isFocused is ', this.parent?.isFocused);
-        // console.log('this.parent?.hovering is ', this.parent?.hovering);
-        return (this.props.clearable &&
-            !this.props.disabled &&
-            !this.props.readonly &&
-            !!this.nativeInputValue &&
-            (((_a = this.parent) === null || _a === void 0 ? void 0 : _a.isFocused) || ((_b = this.parent) === null || _b === void 0 ? void 0 : _b.hovering)));
-    }
-    get showPwdVisible() {
-        var _a;
-        return (this.props.showPassword &&
-            !this.props.disabled &&
-            !this.props.readonly &&
-            !!this.nativeInputValue &&
-            (!!this.nativeInputValue || ((_a = this.parent) === null || _a === void 0 ? void 0 : _a.isFocused)));
-    }
-    get nativeInputValue() {
-        return this.inner.dom.value || '';
-    }
-    set nativeInputValue(value) {
-        this.inner.dom.value = value;
-    }
-    setDisabled(disabled) {
-        if (disabled) {
-            this.inner.attr.setObj({ disabled: 'disabled' });
-            this.inner.style.setObj({
-                // color: var(--el-disabled-text-color),
-                color: var_1.$textColor.disabled,
-                // -webkit-text-fill-color: var(--el-disabled-text-color),
-                WebkitTextFillColor: var_1.$textColor.disabled,
-                cursor: 'not-allowed'
-            });
-        }
-        else {
-            this.inner.attr.remove('disabled');
-            this.inner.style.setObj({
-                // color: var(--el-text-color),
-                color: var_1.$textColor.regular,
-                // -webkit-text-fill-color: var(--el-text-color),
-                WebkitTextFillColor: var_1.$textColor.regular,
-                cursor: 'text'
-            });
-        }
-    }
-    // setFocus(isFocused: boolean) {
-    //   this.isFocused = isFocused;
-    //   if (isFocused) {
-    //     this.setStyleObj({
-    //       boxShadow: '0 0 0 1px ' + $input.focusBorderColor + ' inset',
-    //     });
-    //   } else {
-    //     this.setStyleObj({
-    //       boxShadow: '0 0 0 1px ' + $input.borderColor + ' inset',
-    //     });
-    //   }
-    // }
-    //
-    // setHovering(hovering: boolean) {
-    //   this.hovering = hovering;
-    //   if (hovering) {
-    //     if (!this.isFocused) {
-    //       this.setStyleObj({
-    //         boxShadow: '0 0 0 1px ' + $input.hoverBorderColor + ' inset',
-    //       });
-    //     }
-    //   } else {
-    //     if (!this.isFocused) {
-    //       this.setStyleObj({
-    //         boxShadow: '0 0 0 1px ' + $input.borderColor + ' inset',
-    //       });
-    //     }
-    //   }
-    // }
-    setShowClear(showClear) {
-        var _a, _b, _c;
-        console.log('setShowClear . showClear is ', showClear);
-        this.suffix.style.show(this.suffixVisible ? 'inline-flex' : 'none');
-        (_c = (_b = (_a = this.suffix) === null || _a === void 0 ? void 0 : _a.clearIcon) === null || _b === void 0 ? void 0 : _b.style) === null || _c === void 0 ? void 0 : _c.show(showClear ? 'inline-flex' : 'none');
-    }
-    setShowPassword(showPassword) {
-        var _a, _b;
-        (_b = (_a = this.suffix.passwordIcon) === null || _a === void 0 ? void 0 : _a.style) === null || _b === void 0 ? void 0 : _b.show(showPassword ? 'inline-flex' : 'none');
-    }
-    setNativeInputValue() {
-        console.log('setNativeInputValue . ');
-        const input = this.inner;
-        const formatterValue = this.props.formatter
-            ? this.props.formatter(this.nativeInputValue)
-            : this.nativeInputValue;
-        if (!input || input.value === formatterValue)
-            return;
-        input.setValue(formatterValue);
-    }
-    handleInput(event, element) {
-        console.log('input . this is ', this);
-        const [recordCursor, setCursor] = (0, use_cursor_1.useCursor)(element === null || element === void 0 ? void 0 : element.dom);
-        recordCursor();
-        let { value } = event === null || event === void 0 ? void 0 : event.target;
-        if (this.props.formatter) {
-            value = this.props.parser ? this.props.parser(value) : value;
-            console.log('parser value is ', value);
-        }
-        // should not emit input during composition
-        // see: https://github.com/ElemeFE/element/issues/10516
-        if (this.isComposing)
-            return;
-        // hack for https://github.com/ElemeFE/element/issues/8548
-        // should remove the following line when we don't support IE
-        // if (value === this.nativeInputValue) {
-        //   this.setNativeInputValue();
-        //   return;
-        // }
-        // emit(UPDATE_MODEL_EVENT, value)
-        // emit('input', value)
-        // ensure native input value is controlled
-        // see: https://github.com/ElemeFE/element/issues/12850
-        // await nextTick()
-        this.nativeInputValue = value;
-        this.setNativeInputValue();
-        setCursor();
-        console.log('handleInput then setShowClear . ');
-        if (this.props.clearable) {
-            this.setShowClear(this.showClear);
-        }
-        if (this.props.showPassword) {
-            this.setShowPassword(this.showPwdVisible);
-        }
-    }
-}
-exports.TdInputWrapper = TdInputWrapper;

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

@@ -1,4 +0,0 @@
-import { ITypeDiv } from '@type-dom/framework';
-export interface ITdInputWrapper extends ITypeDiv {
-    className: 'TdInputWrapper';
-}

package/src/components/form/td-input/widget/td-textarea-wrapper.d.ts

@@ -1,13 +0,0 @@
-import { Span, Textarea, TypeDiv, TypeElement } from '@type-dom/framework';
-import { ITdInputConfig } from '../td-input.interface';
-import { TdInput } from '../td-input.class';
-export declare class TdTextareaWrapper extends TypeDiv {
-    className: 'TextareaWrapper';
-    props: ITdInputConfig;
-    inner: Textarea;
-    countSpan: Span;
-    parent?: TdInput;
-    private isComposing?;
-    constructor(params?: ITdInputConfig);
-    handleInput(event?: Event, element?: TypeElement): void;
-}

package/src/components/form/td-input/widget/td-textarea-wrapper.js

@@ -1,122 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TdTextareaWrapper = void 0;
-const framework_1 = require("@type-dom/framework");
-const var_1 = require("../../../../styles/var");
-const td_input_style_1 = require("../td-input.style");
-class TdTextareaWrapper extends framework_1.TypeDiv {
-    constructor(params = {}) {
-        super();
-        this.className = 'TextareaWrapper';
-        this.style.addObj({
-            position: 'relative',
-            display: 'inline-block',
-            width: '100%',
-            verticalAlign: 'bottom',
-            // font-size: getCssVar('font-size', 'base'),
-            fontSize: var_1.$fontSizes.base,
-            borderRadius: td_input_style_1.$input.borderRadius
-        });
-        this.inner = new framework_1.Textarea({
-            attrObj: {
-                type: (params === null || params === void 0 ? void 0 : params.type) || 'text'
-            },
-            styleObj: {
-                position: 'relative',
-                display: 'block',
-                resize: 'vertical',
-                // padding: 5px map.get($input-padding-horizontal, 'default')-$border-width,
-                padding: '5px ' + td_input_style_1.$inputPaddingHorizontal[(params === null || params === void 0 ? void 0 : params.size) || 'default'] + 'px',
-                lineHeight: '1.5',
-                boxSizing: 'border-box',
-                width: '100%',
-                fontSize: 'inherit',
-                fontFamily: 'inherit',
-                //   color: var(
-                //     #{getCssVarName('input-text-color')},
-                //     map.get($input, 'text-color')
-                // );
-                color: td_input_style_1.$inputTextColor,
-                //   background-color: var(
-                //     #{getCssVarName('input-bg-color')},
-                //     map.get($input, 'bg-color')
-                // );
-                backgroundColor: td_input_style_1.$input.bgColor,
-                backgroundImage: 'none',
-                WebkitAppearance: 'none',
-                // @include inset-input-border(
-                //   var(
-                //     #{getCssVarName('input-border-color')},
-                //     map.get($input, 'border-color')
-                // )
-                // )
-                boxShadow: '0 0 0 1px ' + td_input_style_1.$input.borderColor + ' inset',
-                //   border-radius: getCssVarWithDefault(
-                //     'input-border-radius',
-                //     map.get($input, 'border-radius')
-                //   );
-                borderRadius: td_input_style_1.$input.borderRadius,
-                //   transition: getCssVar('transition-box-shadow')
-                border: 'none',
-                outline: 'none' // add by me 2024-4-6
-            },
-            events: {
-                compositionstart: () => {
-                    console.log('compositionstart . ');
-                    this.isComposing = true;
-                },
-                compositionupdate: () => {
-                    console.log('compositionupdate . ');
-                },
-                compositionend: (event) => {
-                    console.log('compositionend . ');
-                    this.isComposing = false;
-                    if (this.isComposing) {
-                        this.isComposing = false;
-                        this.handleInput(event);
-                    }
-                },
-                input: (event, element) => this.handleInput(event, element),
-                focus: (i) => {
-                    var _a;
-                    console.log('td-input focus . this.parent is ', this.parent);
-                    (_a = this.parent) === null || _a === void 0 ? void 0 : _a.setFocus(true);
-                },
-                blur: () => {
-                    var _a;
-                    console.log('blur . ');
-                    (_a = this.parent) === null || _a === void 0 ? void 0 : _a.setFocus(false);
-                },
-                change: () => {
-                    console.log('change . ');
-                },
-                keydown: () => {
-                    console.log('keydown . ');
-                }
-            }
-        });
-        this.countSpan = new framework_1.Span({
-            styleObj: {}
-        });
-        this.addChildren(this.inner, this.countSpan);
-        // this.childNodes = [this.inner, this.countSpan];
-        this.props = this.useParams(params);
-    }
-    // todo
-    handleInput(event, element) {
-        console.log('input . this is ', this);
-        // should not emit input during composition
-        // see: https://github.com/ElemeFE/element/issues/10516
-        if (this.isComposing)
-            return;
-        if (this.props.autosize) {
-            this.inner.style.setObj({
-                // height: 'auto',
-                height: this.inner.dom.scrollHeight + 'px'
-            });
-            // this.style.height = "auto";
-            // this.style.height = this.scrollHeight + "px"; // 自动调整高度至内容所需的最小高度
-        }
-    }
-}
-exports.TdTextareaWrapper = TdTextareaWrapper;

package/src/components/form/td-select/dropdown/dropdown.class.d.ts

@@ -1,10 +0,0 @@
-import { ITdSelectDropdown, ITdSelectDropdownConfig } from './dropdown.interface';
-import { TypeDiv } from '@type-dom/framework';
-export declare class TdSelectDropDown extends TypeDiv implements ITdSelectDropdown {
-    className: 'TdSelectDropdown';
-    props: ITdSelectDropdownConfig;
-    private header?;
-    private footer?;
-    constructor(params?: ITdSelectDropdownConfig);
-    setup(): void;
-}