@type-dom/ui 0.1.2 → 0.2.0

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

@@ -1,44 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RadioOption = void 0;
-const framework_1 = require("@type-dom/framework");
-class RadioOption extends framework_1.TypeSpan {
-    constructor(params = {}) {
-        super();
-        this.className = 'RadioOption';
-        this.style.addObj({
-            padding: '0 5px',
-        });
-        this.input = new framework_1.Input({ parent: this });
-        this.input.attr.addObj({
-            type: 'radio',
-            // name: optionSetting.name,
-            // label: opt.label,
-            // value: opt.value,
-            // checked: opt.checked || false
-        });
-        this.childNodes = [this.input, new framework_1.TextNode('')];
-        this.props = this.useParams(params);
-    }
-    setup(config) {
-        if (config === null || config === void 0 ? void 0 : config.name) {
-            this.input.attr.addName(config.name);
-        }
-        if (config === null || config === void 0 ? void 0 : config.value) {
-            this.input.attr.addObj({ value: config.value });
-        }
-        if (config === null || config === void 0 ? void 0 : config.checked) {
-            this.input.attr.addObj({ checked: config.checked || false });
-        }
-        this.input.addEvents({
-            click: () => {
-                var _a, _b;
-                console.log('this.input.dom click . ');
-                console.log('this.input.dom.value is ', (_a = this.input.dom) === null || _a === void 0 ? void 0 : _a.value);
-                if (this.parent)
-                    this.parent.value = (_b = this.input.dom) === null || _b === void 0 ? void 0 : _b.value;
-            },
-        });
-    }
-}
-exports.RadioOption = RadioOption;

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

@@ -1,10 +0,0 @@
-import { ITypeSpan, IInput, ITextNode, TypeSpanProps } from '@type-dom/framework';
-export interface IRadioOption extends ITypeSpan {
-    className: 'RadioOption';
-    childNodes: [IInput, ITextNode];
-}
-export interface IRadioOptionConfig extends TypeSpanProps {
-    value?: string | number;
-    name?: string;
-    checked?: boolean;
-}

package/src/components/form/radio-group/radio-option/radio-option.interface.js

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

package/src/components/form/select/select.class.d.ts

@@ -1,16 +0,0 @@
-import { Option, TypeSelect, IOptionSetting } from '@type-dom/framework';
-import { ISelect } from './select.interface';
-export declare class Select extends TypeSelect implements ISelect {
-    className: 'Select';
-    childNodes: Option[];
-    value?: string | number | boolean;
-    constructor();
-    setOptionSetting(optionSetting: IOptionSetting): void;
-    setup(): void;
-    jsSelectIsExitItem(objSelect: HTMLSelectElement, objItemValue: string): boolean;
-    jsAddItemToSelect(objSelect: HTMLSelectElement, objItemText: string | undefined, objItemValue: string): void;
-    jsRemoveItemFromSelect(objSelect: HTMLSelectElement, objItemValue: string): void;
-    jsRemoveSelectedItemFromSelect(objSelect: HTMLSelectElement): void;
-    jsUpdateItemToSelect(objSelect: HTMLSelectElement, objItemText: string, objItemValue: string): void;
-    jsSelectItemByValue(objSelect: HTMLSelectElement, objItemText: string): void;
-}

package/src/components/form/select/select.class.js

@@ -1,134 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Select = void 0;
-const framework_1 = require("@type-dom/framework");
-class Select extends framework_1.TypeSelect {
-    constructor() {
-        super();
-        this.className = 'Select';
-        this.childNodes = [];
-        this.value = '';
-    }
-    setOptionSetting(optionSetting) {
-        this.clearChildren();
-        optionSetting.options.forEach((opt) => {
-            const optionObj = new framework_1.Option({ parent: this });
-            optionObj.attr.setObj({
-                // label: opt.label,
-                value: opt.value,
-                selected: opt.selected || false,
-            });
-            if (opt.selected) {
-                this.value = opt.value;
-            }
-            const text = new framework_1.TextNode(opt.label);
-            optionObj.childNodes = [text];
-            this.addChild(optionObj);
-        });
-    }
-    setup() {
-        this.addEvents({
-            click: () => {
-                var _a, _b;
-                console.log('this.dom click . ');
-                console.log('this.dom.value is ', (_a = this.dom) === null || _a === void 0 ? void 0 : _a.value);
-                this.value = (_b = this.dom) === null || _b === void 0 ? void 0 : _b.value; // 对应的opt.label.
-                this.childNodes.forEach((opt) => {
-                    var _a, _b;
-                    if (((_a = opt.dom) === null || _a === void 0 ? void 0 : _a.value) === ((_b = this.dom) === null || _b === void 0 ? void 0 : _b.value)) {
-                        opt.attr.setObj({
-                            selected: true,
-                        });
-                    }
-                    else {
-                        opt.attr.remove('selected');
-                    }
-                });
-            },
-        });
-    }
-    // 1.判断select选项中 是否存在Value="paraValue"的Item
-    jsSelectIsExitItem(objSelect, objItemValue) {
-        let isExit = false;
-        for (let i = 0; i < objSelect.options.length; i++) {
-            if (objSelect.options[i].value === objItemValue) {
-                isExit = true;
-                break;
-            }
-        }
-        return isExit;
-    }
-    // 2.向select选项中 加入一个Item
-    jsAddItemToSelect(objSelect, objItemText, objItemValue) {
-        // 判断是否存在
-        if (this.jsSelectIsExitItem(objSelect, objItemValue)) {
-            alert('该Item的Value值已经存在');
-        }
-        else {
-            // let varItem = new Option(objItemText, objItemValue);
-            // objSelect.options.add(varItem);
-            alert('成功加入');
-        }
-    }
-    // 3.从select选项中 删除一个Item
-    jsRemoveItemFromSelect(objSelect, objItemValue) {
-        // 判断是否存在
-        if (this.jsSelectIsExitItem(objSelect, objItemValue)) {
-            for (let i = 0; i < objSelect.options.length; i++) {
-                if (objSelect.options[i].value === objItemValue) {
-                    objSelect.options.remove(i);
-                    break;
-                }
-            }
-            alert('成功删除');
-        }
-        else {
-            alert('该select中 不存在该项');
-        }
-    }
-    // 4.删除select中选中的项
-    jsRemoveSelectedItemFromSelect(objSelect) {
-        const length = objSelect.options.length - 1;
-        for (let i = length; i >= 0; i--) {
-            if (objSelect[i].selected === true) {
-                // objSelect.options[i] = null;
-            }
-        }
-    }
-    // 5.修改select选项中 value="paraValue"的text为"paraText"
-    jsUpdateItemToSelect(objSelect, objItemText, objItemValue) {
-        // 判断是否存在
-        if (this.jsSelectIsExitItem(objSelect, objItemValue)) {
-            for (let i = 0; i < objSelect.options.length; i++) {
-                if (objSelect.options[i].value === objItemValue) {
-                    objSelect.options[i].text = objItemText;
-                    break;
-                }
-            }
-            alert('成功修改');
-        }
-        else {
-            alert('该select中 不存在该项');
-        }
-    }
-    // 6.设置select中text="paraText"的第一个Item为选中
-    jsSelectItemByValue(objSelect, objItemText) {
-        // 判断是否存在
-        let isExit = false;
-        for (let i = 0; i < objSelect.options.length; i++) {
-            if (objSelect.options[i].text === objItemText) {
-                objSelect.options[i].selected = true;
-                isExit = true;
-                break;
-            }
-        }
-        // Show出结果
-        if (isExit) {
-            alert('成功选中');
-        }
-        else {
-            alert('该select中 不存在该项');
-        }
-    }
-}
-exports.Select = Select;

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

@@ -1,4 +0,0 @@
-import { ITypeSelect } from '@type-dom/framework';
-export interface ISelect extends ITypeSelect {
-    className: 'Select';
-}

package/src/components/form/select/select.interface.js

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

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

@@ -1,5 +0,0 @@
-import '../../../base/style/css';
-import '@element-plus/theme-chalk/el-autocomplete.css';
-import '@element-plus/components/input/style/css';
-import '@element-plus/components/scrollbar/style/css';
-import '@element-plus/components/popper/style/css';

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

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

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

@@ -1,5 +0,0 @@
-import '../../../../components/base/style';
-import '../../../../theme-chalk/autocomplete.scss';
-import '../../../../components/form/td-input/style';
-import '../../../../components/basic/td-scrollbar/style';
-import '../../../../components/feedback/td-popper/style';

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

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-require("../../../../components/base/style");
-require("../../../../theme-chalk/autocomplete.scss");
-require("../../../../components/form/td-input/style");
-require("../../../../components/basic/td-scrollbar/style");
-require("../../../../components/feedback/td-popper/style");

package/src/components/form/td-autocomplete/td-autocomplete.class.d.ts

@@ -1,8 +0,0 @@
-import { TypeFragment } from '@type-dom/framework';
-import { AutocompleteProps, ITdAutoComplete } from './td-autocomplete.interface';
-export declare class TdAutocomplete extends TypeFragment implements ITdAutoComplete {
-    className: 'TdAutoComplete';
-    props: AutocompleteProps;
-    constructor(params?: AutocompleteProps);
-    setup(): void;
-}

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

@@ -1,362 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TdAutocomplete = void 0;
-const tslib_1 = require("tslib");
-const framework_1 = require("@type-dom/framework");
-const utils_1 = require("@type-dom/utils");
-const signals_1 = require("@type-dom/signals");
-const use_attrs_1 = require("../../../hooks/use-attrs");
-const use_id_1 = require("../../../hooks/use-id");
-const event_1 = require("../../../constants/event");
-const use_namespace_1 = require("../../../hooks/use-namespace");
-const td_tooltip_class_1 = require("../../feedback/td-tooltip/td-tooltip.class");
-const td_input_class_1 = require("../td-input/td-input.class");
-const use_form_common_props_1 = require("../td-form/hooks/use-form-common-props");
-const td_autocomplete_const_1 = require("./td-autocomplete.const");
-class TdAutocomplete extends framework_1.TypeFragment {
-    constructor(params = {}) {
-        super();
-        this.className = 'TdAutoComplete';
-        this.addEmits(td_autocomplete_const_1.autocompleteEmits);
-        this.assignProps(td_autocomplete_const_1.autocompleteProps);
-        this.props = this.useParams(params);
-    }
-    setup() {
-        var _a, _b, _c, _d;
-        const COMPONENT_NAME = 'TdAutocomplete';
-        const props = this.props;
-        const emit = this.emit;
-        const attrs = (0, use_attrs_1.useAttrs)();
-        const rawAttrs = (0, framework_1.useAttrs)();
-        const disabled = (0, use_form_common_props_1.useFormDisabled)();
-        const ns = (0, use_namespace_1.useNamespace)('autocomplete');
-        const inputRef = (0, signals_1.signal)();
-        const regionRef = (0, signals_1.signal)();
-        const popperRef = (0, signals_1.signal)();
-        const listboxRef = (0, signals_1.signal)();
-        let readonly = false;
-        let ignoreFocusEvent = false;
-        const suggestions = (0, signals_1.signal)([]);
-        const highlightedIndex = (0, signals_1.signal)(-1);
-        const dropdownWidth = (0, signals_1.signal)('');
-        const activated = (0, signals_1.signal)(false);
-        const suggestionDisabled = (0, signals_1.signal)(false);
-        const loading = (0, signals_1.signal)(false);
-        const listboxId = (0, use_id_1.useId)();
-        const styles = (0, signals_1.computed)(() => rawAttrs === null || rawAttrs === void 0 ? void 0 : rawAttrs.style);
-        const suggestionVisible = (0, signals_1.computed)(() => {
-            const isValidData = suggestions.get().length > 0;
-            return (isValidData || loading.get()) && activated.get();
-        });
-        const suggestionLoading = (0, signals_1.computed)(() => !props.hideLoading && loading.get());
-        const refInput = (0, signals_1.computed)(() => {
-            var _a, _b;
-            if (inputRef.get()) {
-                return Array.from((_b = (_a = inputRef.get()) === null || _a === void 0 ? void 0 : _a.dom) === null || _b === void 0 ? void 0 : _b.querySelectorAll('input'));
-            }
-            return [];
-        });
-        const onSuggestionShow = () => {
-            if (suggestionVisible.get()) {
-                dropdownWidth.set(`${inputRef.get().dom.offsetWidth}px`);
-            }
-        };
-        const onHide = () => {
-            highlightedIndex.set(-1);
-        };
-        const getData = (queryString) => tslib_1.__awaiter(this, void 0, void 0, function* () {
-            var _a;
-            if (suggestionDisabled.get())
-                return;
-            const cb = (suggestionList) => {
-                loading.set(false);
-                if (suggestionDisabled.get())
-                    return;
-                if ((0, utils_1.isArray)(suggestionList)) {
-                    suggestions.set(suggestionList);
-                    highlightedIndex.set(props.highlightFirstItem ? 0 : -1);
-                }
-                else {
-                    (0, utils_1.throwError)(COMPONENT_NAME, 'autocomplete suggestions must be an array');
-                }
-            };
-            loading.set(true);
-            if ((0, utils_1.isArray)(props.fetchSuggestions)) {
-                cb(props.fetchSuggestions);
-            }
-            else {
-                const result = yield ((_a = props.fetchSuggestions) === null || _a === void 0 ? void 0 : _a.call(props, queryString, cb));
-                if ((0, utils_1.isArray)(result))
-                    cb(result);
-            }
-        });
-        const debouncedGetData = (0, utils_1.debounce)(getData, props.debounce);
-        const handleInput = (value) => {
-            const valuePresented = !!value;
-            emit(event_1.INPUT_EVENT, value);
-            emit(event_1.UPDATE_MODEL_EVENT, value);
-            // suggestionDisabled.set(false)
-            // activated.value ||= valuePresented
-            if (!activated.get()) {
-                activated.set(valuePresented);
-            }
-            if (!props.triggerOnFocus && !value) {
-                suggestionDisabled.set(true);
-                suggestions.set([]);
-                return;
-            }
-            debouncedGetData(value);
-        };
-        const handleMouseDown = (event) => {
-            var _a;
-            if (disabled.get())
-                return;
-            if (((_a = event === null || event === void 0 ? void 0 : event.target) === null || _a === void 0 ? void 0 : _a.tagName) !== 'INPUT' ||
-                refInput.get().includes(document.activeElement)) {
-                activated.set(true);
-            }
-        };
-        const handleChange = (value) => {
-            emit(event_1.CHANGE_EVENT, value);
-        };
-        const handleFocus = (evt) => {
-            if (!ignoreFocusEvent) {
-                activated.set(true);
-                emit('focus', evt);
-                if (props.triggerOnFocus && !readonly) {
-                    debouncedGetData(String(props.modelValue));
-                }
-            }
-            else {
-                ignoreFocusEvent = false;
-            }
-        };
-        const handleBlur = (evt) => {
-            setTimeout(() => {
-                var _a, _b;
-                // validate current focus event is inside el-tooltip-content
-                // if so, ignore the blur event and the next focus event
-                if ((_b = (_a = popperRef.get()) === null || _a === void 0 ? void 0 : _a.isFocusInsideContent) === null || _b === void 0 ? void 0 : _b.call(_a)) {
-                    ignoreFocusEvent = true;
-                    return;
-                }
-                activated.get() && close();
-                emit('blur', evt);
-            });
-        };
-        const handleClear = () => {
-            activated.set(false);
-            emit(event_1.UPDATE_MODEL_EVENT, '');
-            emit('clear');
-        };
-        const handleKeyEnter = () => tslib_1.__awaiter(this, void 0, void 0, function* () {
-            if (suggestionVisible.get() &&
-                highlightedIndex.get() >= 0 &&
-                highlightedIndex.get() < suggestions.get().length) {
-                handleSelect(suggestions.get()[highlightedIndex.get()]);
-            }
-            else if (props.selectWhenUnmatched) {
-                emit('select', { value: props.modelValue });
-                suggestions.set([]);
-                highlightedIndex.set(-1);
-            }
-        });
-        const handleKeyEscape = (evt) => {
-            if (suggestionVisible.get()) {
-                evt === null || evt === void 0 ? void 0 : evt.preventDefault();
-                evt === null || evt === void 0 ? void 0 : evt.stopPropagation();
-                close();
-            }
-        };
-        const close = () => {
-            activated.set(false);
-        };
-        const focus = () => {
-            var _a, _b;
-            (_b = (_a = inputRef.get()) === null || _a === void 0 ? void 0 : _a.dom) === null || _b === void 0 ? void 0 : _b.focus();
-        };
-        const blur = () => {
-            var _a, _b;
-            (_b = (_a = inputRef.get()) === null || _a === void 0 ? void 0 : _a.dom) === null || _b === void 0 ? void 0 : _b.blur();
-        };
-        const handleSelect = (item) => tslib_1.__awaiter(this, void 0, void 0, function* () {
-            emit(event_1.INPUT_EVENT, item[props.valueKey]);
-            emit(event_1.UPDATE_MODEL_EVENT, item[props.valueKey]);
-            emit('select', item);
-            suggestions.set([]);
-            highlightedIndex.set(-1);
-        });
-        const highlight = (index) => {
-            if (!suggestionVisible.get() || loading.get())
-                return;
-            if (index < 0) {
-                highlightedIndex.set(-1);
-                return;
-            }
-            if (index >= suggestions.get().length) {
-                index = suggestions.get().length - 1;
-            }
-            const suggestion = regionRef
-                .get()
-                .querySelector(`.${ns.be('suggestion', 'wrap')}`);
-            const suggestionList = suggestion.querySelectorAll(`.${ns.be('suggestion', 'list')} li`);
-            const highlightItem = suggestionList[index];
-            const scrollTop = suggestion.scrollTop;
-            const { offsetTop, scrollHeight } = highlightItem;
-            if (offsetTop + scrollHeight > scrollTop + suggestion.clientHeight) {
-                suggestion.scrollTop += scrollHeight;
-            }
-            if (offsetTop < scrollTop) {
-                suggestion.scrollTop -= scrollHeight;
-            }
-            highlightedIndex.set(index);
-            // TODO: use Volar generate dts to fix it.
-            inputRef.get().ref.setAttribute('aria-activedescendant', `${listboxId.get()}-item-${highlightedIndex.get()}`);
-        };
-        const stopHandle = (0, framework_1.onClickOutside)(listboxRef, () => {
-            suggestionVisible.get() && close();
-        });
-        (0, framework_1.onBeforeUnmount)(() => {
-            stopHandle === null || stopHandle === void 0 ? void 0 : stopHandle();
-        });
-        (0, framework_1.onMounted)(() => {
-            // TODO: use Volar generate dts to fix it.
-            inputRef.get().ref.setAttribute('role', 'textbox');
-            inputRef.get().ref.setAttribute('aria-autocomplete', 'list');
-            inputRef.get().ref.setAttribute('aria-controls', 'id');
-            inputRef.get().ref.setAttribute('aria-activedescendant', `${listboxId.get()}-item-${highlightedIndex.get()}`);
-            // get readonly attr
-            readonly = inputRef.get().ref.hasAttribute('readonly');
-        });
-        (0, framework_1.defineExpose)({
-            /** @description the index of the currently highlighted item */
-            highlightedIndex,
-            /** @description autocomplete whether activated */
-            activated,
-            /** @description remote search loading status */
-            loading,
-            /** @description el-input component instance */
-            inputRef,
-            /** @description el-tooltip component instance */
-            popperRef,
-            /** @description fetch suggestions result */
-            suggestions,
-            /** @description triggers when a suggestion is clicked */
-            handleSelect,
-            /** @description handle keyboard enter event */
-            handleKeyEnter,
-            /** @description focus the input element */
-            focus,
-            /** @description blur the input element */
-            blur,
-            /** @description close suggestion */
-            close,
-            /** @description highlight an item in a suggestion */
-            highlight,
-            /** @description loading suggestion list */
-            getData,
-        });
-        this.addChild(new td_tooltip_class_1.TdTooltip({
-            refEl: popperRef,
-            visible: suggestionVisible,
-            placement: props.placement,
-            fallbackPlacements: ['bottom-start', 'top-start'],
-            popperClass: [ns.e('popper'), props.popperClass],
-            teleported: props.teleported,
-            gpuAcceleration: false,
-            pure: true,
-            // manualMode: true, // todo 手动模式
-            effect: 'light',
-            trigger: 'click',
-            transition: `${ns.namespace.get()}-zoom-in-top`,
-            persistent: true,
-            attrObj: {
-                role: 'listbox',
-            },
-            emits: {
-                beforeShow: onSuggestionShow,
-                hide: onHide,
-            },
-            slot: new framework_1.Div({
-                refDom: listboxRef,
-                // todo attrs
-                class: [ns.b() /*, attrs.class*/],
-                styleObj: styles,
-                attrObj: {
-                    role: 'combobox',
-                    ariaHaspopup: 'listbox',
-                    ariaExpanded: suggestionVisible.get(),
-                    ariaOwns: 'listboxId',
-                },
-                slot: new td_input_class_1.TdInput({
-                    refEl: inputRef,
-                    // v-bind: attrs"
-                    clearable: props.clearable,
-                    disabled: disabled,
-                    // name: name as string,
-                    modelValue: props.modelValue,
-                    attrObj: {
-                        ariaLabel: 'ariaLabel',
-                    },
-                    emits: {
-                        input: (evt) => {
-                            // todo
-                            handleInput((evt === null || evt === void 0 ? void 0 : evt.target).value);
-                        },
-                        change: (evt) => {
-                            // todo
-                            handleChange((evt === null || evt === void 0 ? void 0 : evt.target).value);
-                        },
-                        focus: handleFocus,
-                        blur: handleBlur,
-                        clear: handleClear,
-                        keydown: (evt) => {
-                            // .up.prevent
-                            if ((evt === null || evt === void 0 ? void 0 : evt.code) === 'up') {
-                                highlight(highlightedIndex.get() - 1);
-                                evt.preventDefault();
-                            }
-                            else if ((evt === null || evt === void 0 ? void 0 : evt.code) === 'down') {
-                                highlight(highlightedIndex.get() + 1);
-                                evt.preventDefault();
-                            }
-                            else if ((evt === null || evt === void 0 ? void 0 : evt.code) === 'enter') {
-                                handleKeyEnter();
-                            }
-                            else if ((evt === null || evt === void 0 ? void 0 : evt.code) === 'tab') {
-                                close();
-                            }
-                            else if ((evt === null || evt === void 0 ? void 0 : evt.code) === 'esc') {
-                                handleKeyEscape(evt);
-                            }
-                        },
-                        mousedown: handleMouseDown,
-                    },
-                    slots: {
-                        prepend: (_a = props.slots) === null || _a === void 0 ? void 0 : _a.prepend,
-                        append: (_b = props.slots) === null || _b === void 0 ? void 0 : _b.append,
-                        prefix: (_c = props.slots) === null || _c === void 0 ? void 0 : _c.prefix,
-                        suffix: (_d = props.slots) === null || _d === void 0 ? void 0 : _d.suffix,
-                    },
-                }),
-                slots: {
-                    content: new framework_1.Div({
-                        refDom: regionRef,
-                        class: [
-                            ns.b('suggestion'),
-                            ns.is('loading', suggestionLoading.get()),
-                        ],
-                        styleObj: {
-                            [props.fitInputWidth ? 'width' : 'minWidth']: dropdownWidth,
-                            outline: 'none',
-                        },
-                        attrObj: {
-                            role: 'region',
-                        },
-                    }),
-                },
-            }),
-        }));
-    }
-}
-exports.TdAutocomplete = TdAutocomplete;

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

@@ -1,15 +0,0 @@
-import { Awaitable } from '@type-dom/utils';
-import { AutocompleteProps } from './td-autocomplete.interface';
-export type AutocompleteData = Record<string, any>[];
-export type AutocompleteFetchSuggestionsCallback = (data: AutocompleteData) => void;
-export type AutocompleteFetchSuggestions = ((queryString: string, cb: AutocompleteFetchSuggestionsCallback) => Awaitable<AutocompleteData> | void) | AutocompleteData;
-export declare const autocompleteProps: AutocompleteProps;
-export declare const autocompleteEmits: {
-    "update:modelValue": (value: string) => boolean;
-    input: (value: string) => boolean;
-    change: (value: string) => boolean;
-    focus: (evt: FocusEvent) => boolean;
-    blur: (evt: FocusEvent) => boolean;
-    clear: () => boolean;
-    select: (item: Record<string, any>) => boolean;
-};

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

@@ -1,29 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.autocompleteEmits = exports.autocompleteProps = void 0;
-const utils_1 = require("@type-dom/utils");
-const event_1 = require("../../../constants/event");
-exports.autocompleteProps = {
-    valueKey: 'value',
-    modelValue: '',
-    debounce: 300,
-    placement: 'bottom-start',
-    fetchSuggestions: utils_1.NOOP,
-    triggerOnFocus: true,
-    selectWhenUnmatched: false,
-    hideLoading: false,
-    highlightFirstItem: false,
-    fitInputWidth: false,
-    clearable: false,
-    disabled: false,
-    // ...useAriaProps(['ariaLabel']),
-};
-exports.autocompleteEmits = {
-    [event_1.UPDATE_MODEL_EVENT]: (value) => (0, utils_1.isString)(value),
-    [event_1.INPUT_EVENT]: (value) => (0, utils_1.isString)(value),
-    [event_1.CHANGE_EVENT]: (value) => (0, utils_1.isString)(value),
-    focus: (evt) => evt instanceof FocusEvent,
-    blur: (evt) => evt instanceof FocusEvent,
-    clear: () => true,
-    select: (item) => (0, utils_1.isObject)(item),
-};