@type-dom/ui 0.1.0 → 0.1.1

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

@@ -30,12 +30,12 @@ class FieldRadio extends field_item_abstract_1.FieldItem {
             button.style.addObj({
                 height: '32px',
                 borderRadius: '0',
-                border: '1px solid #000'
+                border: '1px solid #000',
             });
             button.attr.addObj({
                 type: 'radio',
                 value: option.value,
-                checked: option.checked
+                checked: option.checked,
             });
             if (option.checked) {
                 button.style.addObj({
@@ -47,7 +47,7 @@ class FieldRadio extends field_item_abstract_1.FieldItem {
             else {
                 button.style.addObj({
                     backgroundColor: '#fff',
-                    color: '#000'
+                    color: '#000',
                 });
             }
             // span.childNodes.push(label, inputRadio);
@@ -78,7 +78,7 @@ class FieldRadio extends field_item_abstract_1.FieldItem {
                     if (this.selectedOpt) {
                         this.selectedOpt.style.setObj({
                             backgroundColor: '#fff',
-                            color: '#000'
+                            color: '#000',
                         });
                         this.selectedOpt.attr.set('checked', false);
                     }
@@ -86,7 +86,7 @@ class FieldRadio extends field_item_abstract_1.FieldItem {
                     if (btn instanceof framework_1.TypeHtml) {
                         btn.style.setObj({
                             backgroundColor: '#00f',
-                            color: '#fff'
+                            color: '#fff',
                         });
                         btn.attr.set('checked', true);
                         this.resultValue = btn.attr.get('value');

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

@@ -11,13 +11,13 @@ class FieldSelect extends field_item_abstract_1.FieldItem {
         this.select = new select_class_1.Select();
         this.select.style.addObj(Object.assign({}, field_item_style_1.itemContentStyle));
         this.select.attr.addObj({
-            name: 'property-select'
+            name: 'property-select',
             // type: 'text',
             // placeholder: placeholder,
         });
         if (this.mode === 'read') {
             this.select.attr.addObj({
-                disabled: true
+                disabled: true,
             });
         }
         this.childNodes = [this.label, this.select, this.button];
@@ -25,17 +25,19 @@ class FieldSelect extends field_item_abstract_1.FieldItem {
     setup() {
         this.select.addEvents({
             click: (evt) => {
+                var _a, _b;
                 console.log('this.select.dom click, event is ', evt);
-                console.log('this.select.dom.value is ', this.select.dom.value);
+                console.log('this.select.dom.value is ', (_a = this.select.dom) === null || _a === void 0 ? void 0 : _a.value);
                 // console.log(this.reset);
-                this.reset(this.select.dom.value);
+                this.reset((_b = this.select.dom) === null || _b === void 0 ? void 0 : _b.value);
             },
             change: (evt) => {
+                var _a, _b;
                 console.log('this.select.dom change, event is ', evt);
-                console.log('this.select.dom.value is ', this.select.dom.value);
+                console.log('this.select.dom.value is ', (_a = this.select.dom) === null || _a === void 0 ? void 0 : _a.value);
                 // console.log(this.reset);
-                this.reset(this.select.dom.value);
-            }
+                this.reset((_b = this.select.dom) === null || _b === void 0 ? void 0 : _b.value);
+            },
         });
     }
 }

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

@@ -1,7 +1,6 @@
-import { Label, Span, TextNode, Button } from '@type-dom/framework';
+import { Label, Span, Button } from '@type-dom/framework';
 import { FieldItem } from '../field-item.abstract';
 export declare abstract class FieldSpan extends FieldItem {
-    textNode: TextNode;
     childNodes: [Label, Span, Button];
     content: Span;
     protected constructor(labelText?: string);

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

@@ -6,6 +6,7 @@ const framework_1 = require("@type-dom/framework");
 const field_item_abstract_1 = require("../field-item.abstract");
 class FieldSpan extends field_item_abstract_1.FieldItem {
     constructor(labelText = '控件名称') {
+        var _a;
         super(labelText);
         this.content = new framework_1.Span({ parent: this });
         this.content.style.addObj({
@@ -26,13 +27,12 @@ class FieldSpan extends field_item_abstract_1.FieldItem {
             // 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)'
+            width: 'calc(100% - 80px)',
         });
         this.attr.addObj({
-            name: 'field-span'
+            name: 'field-span',
         });
-        this.textNode = new framework_1.TextNode('显示');
-        this.content.addChild(this.textNode);
+        this.content.addChild(new framework_1.TextNode('显示'));
         this.button.style.setObj({
             // position: 'absolute',
             // right: '10px',
@@ -40,13 +40,14 @@ class FieldSpan extends field_item_abstract_1.FieldItem {
             fontSize: '16px',
             display: 'none',
             border: '1px solid #DCDFE6',
-            borderRadius: '0 4px 4px 0'
+            borderRadius: '0 4px 4px 0',
         });
-        this.button.textNode.setText('');
+        (_a = this.button.textNode) === null || _a === void 0 ? void 0 : _a.setText('');
         this.childNodes = [this.label, this.content, this.button];
     }
     resetText(value = '') {
-        this.textNode.setText(value);
+        var _a;
+        (_a = this.textNode) === null || _a === void 0 ? void 0 : _a.setText(value);
     }
 }
 exports.FieldSpan = FieldSpan;

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

@@ -6,11 +6,12 @@ const field_item_abstract_1 = require("../field-item.abstract");
 const field_item_style_1 = require("../field-item.style");
 class FieldTextarea extends field_item_abstract_1.FieldItem {
     constructor(labelText = '控件名称', placeholder = '请输入') {
+        var _a;
         super(labelText);
         this.mode = 'edit';
         this.style.addObj({
             display: 'block', // 不是 flex
-            marginBottom: '20px'
+            marginBottom: '20px',
         });
         this.content = new framework_1.Textarea({
             parent: this,
@@ -31,24 +32,24 @@ class FieldTextarea extends field_item_abstract_1.FieldItem {
                 padding: '0 5px',
                 // -webkit-transition: border-color .2s cubic-bezier(.645,.045,.355,1);
                 transition: 'border-color .2s cubic-bezier(.645,.045,.355,1)',
-                width: 'calc(100% - ' + field_item_style_1.labelStyle.width + ')'
+                width: 'calc(100% - ' + field_item_style_1.labelStyle.width + ')',
             },
             attrObj: {
-                placeholder: placeholder
-            }
+                placeholder: placeholder,
+            },
         });
         console.log('this.parent is ', this.parent);
         console.log('this.mode is ', this.mode);
         if (this.mode === 'read') {
             this.content.attr.addObj({
-                disabled: true
+                disabled: true,
             });
         }
-        this.button.textNode.setText('确定');
+        (_a = this.button.textNode) === null || _a === void 0 ? void 0 : _a.setText('确定');
         this.button.style.addObj({
             height: '24px',
             float: 'right',
-            display: 'block'
+            display: 'block',
         });
         this.childNodes = [this.label, this.content, this.button];
     }

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

@@ -11,20 +11,22 @@ class FieldSelect extends framework_1.TypeSelect {
         this.childNodes = [];
     }
     setOptions(options, value) {
+        var _a;
         this.clearChildren();
         const firstOpt = new option_class_1.SelectOption();
-        firstOpt.textNode.setText('请选择');
+        (_a = firstOpt.textNode) === null || _a === void 0 ? void 0 : _a.setText('请选择');
         firstOpt.attr.addObj({
             label: '请选择',
-            value: 0
+            value: 0,
         });
         this.addChild(firstOpt);
         options.forEach((opt) => {
+            var _a;
             const optObj = new option_class_1.SelectOption();
-            optObj.textNode.setText(opt.label);
+            (_a = optObj.textNode) === null || _a === void 0 ? void 0 : _a.setText(opt.label);
             optObj.attr.addObj({
                 label: opt.label,
-                value: opt.value
+                value: opt.value,
             });
             // console.log('opt is ', opt);
             // opt.selected && optObj.addAttribute('selected', true);
@@ -48,19 +50,21 @@ class FieldSelect extends framework_1.TypeSelect {
     setup() {
         this.addEvents({
             click: (evt) => {
+                var _a, _b;
                 console.log('this.select.dom click, event is ', evt);
-                console.log('this.select.dom.value is ', this.dom.value);
+                console.log('this.select.dom.value is ', (_a = this.dom) === null || _a === void 0 ? void 0 : _a.value);
                 // console.log(this.reset);
                 // this.setValue(this.dom.value);
-                this.value = this.dom.value;
+                this.value = (_b = this.dom) === null || _b === void 0 ? void 0 : _b.value;
             },
             change: (evt) => {
+                var _a, _b;
                 console.log('this.select.dom change, event is ', evt);
-                console.log('this.select.dom.value is ', this.dom.value);
+                console.log('this.select.dom.value is ', (_a = this.dom) === null || _a === void 0 ? void 0 : _a.value);
                 // console.log(this.reset);
                 // this.setValue(this.dom.value);
-                this.value = this.dom.value;
-            }
+                this.value = (_b = this.dom) === null || _b === void 0 ? void 0 : _b.value;
+            },
         });
     }
 }

package/src/components/form/field-select/option/option.class.d.ts

@@ -1,10 +1,9 @@
-import { TextNode, TypeNode, TypeOption } from '@type-dom/framework';
+import { TypeNode, TypeOption } from '@type-dom/framework';
 import { FieldSelect } from '../field-select.class';
 import { ISelectOption } from './option.interface';
 export declare class SelectOption extends TypeOption implements ISelectOption {
     className: 'SelectOption';
     parent?: FieldSelect;
     childNodes: TypeNode[];
-    textNode: TextNode;
     constructor();
 }

package/src/components/form/field-select/option/option.class.js

@@ -7,8 +7,7 @@ class SelectOption extends framework_1.TypeOption {
         super();
         this.className = 'SelectOption';
         this.attr.addName('option');
-        this.textNode = new framework_1.TextNode('一个选项');
-        this.childNodes = [this.textNode];
+        this.childNodes = [new framework_1.TextNode('一个选项')];
     }
 }
 exports.SelectOption = SelectOption;

package/src/components/form/field-select/option/option.interface.d.ts

@@ -1,5 +1,4 @@
 import { ITypeOption } from '@type-dom/framework';
 export interface ISelectOption extends ITypeOption {
-    nodeName: 'option';
     className: 'SelectOption';
 }

package/src/components/form/index.d.ts

@@ -18,20 +18,24 @@ export { TdCheckboxButton } from './td-checkbox-button/td-checkbox-button.class'
 export { TdForm } from './td-form/td-form.class';
 export type { ITdForm } from './td-form/td-form.interface';
 export { TdFormItem } from './td-form-item/td-form-item.class';
-export type { ITdFormItem, ILabelPosition } from './td-form-item/td-form-item.interface';
+export type { ITdFormItem, ILabelPosition, } from './td-form-item/td-form-item.interface';
 export { TdInput } from './td-input/td-input.class';
-export type { ITdInputConfig } from './td-input/td-input.interface';
+export type * from './td-input/td-input.interface';
 export { TdOption } from './td-option/td-option.class';
-export type { ITdOptionConfig } from './td-option/td-option.interface';
+export type * from './td-option/td-option.interface';
 export { TdOptionGroup } from './td-option-group/td-option-group.class';
-export type { ITdOptionGroupConfig } from './td-option-group/td-option-group.interface';
+export type { OptionGroupProps } from './td-option-group/td-option-group.interface';
 export { TdRadio } from './td-radio/td-radio.class';
-export type { ITdRadioConfig } from './td-radio/td-radio.interface';
+export type * from './td-radio/td-radio.interface';
 export { TdRadioButton } from './td-radio-button/td-radio-button.class';
-export type { ITdRadioButtonConfig } from './td-radio-button/td-radio-button.interface';
+export type * from './td-radio-button/td-radio-button.interface';
 export { TdRadioGroup } from './td-radio-group/td-radio-group.class';
-export type { ITdRadioGroupConfig } from './td-radio-group/td-radio-group.interface';
+export type * from './td-radio-group/td-radio-group.interface';
+export { TdRate } from './td-rate/td-rate.class';
+export type * from './td-rate/td-rate.interface';
 export { TdSelect } from './td-select/td-select.class';
-export type { ITdSelectConfig } from './td-select/td-select.interface';
+export type * from './td-select/td-select.interface';
+export { TdSlider } from './td-slider/td-slider.class';
+export type * from './td-slider/td-slider.interface';
 export { TdSwitch } from './td-switch/td-switch.class';
-export type { ITdSwitchConfig } from './td-switch/td-switch.interface';
+export type * from './td-switch/td-switch.interface';

package/src/components/form/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.TdSwitch = exports.TdSelect = exports.TdRadioGroup = exports.TdRadioButton = exports.TdRadio = exports.TdOptionGroup = exports.TdOption = exports.TdInput = exports.TdFormItem = exports.TdForm = exports.TdCheckboxButton = exports.TdCheckboxGroup = exports.TdCheckbox = exports.RadioOption = exports.RadioGroup = exports.TdInputField = exports.FieldTextarea = exports.FieldSpan = exports.FieldSelect = exports.FieldRadio = exports.FieldInput = exports.CheckboxOption = exports.CheckboxGroup = void 0;
+exports.TdSwitch = exports.TdSlider = exports.TdSelect = exports.TdRate = exports.TdRadioGroup = exports.TdRadioButton = exports.TdRadio = exports.TdOptionGroup = exports.TdOption = exports.TdInput = exports.TdFormItem = exports.TdForm = exports.TdCheckboxButton = exports.TdCheckboxGroup = exports.TdCheckbox = exports.RadioOption = exports.RadioGroup = exports.TdInputField = exports.FieldTextarea = exports.FieldSpan = exports.FieldSelect = exports.FieldRadio = exports.FieldInput = exports.CheckboxOption = exports.CheckboxGroup = void 0;
 const tslib_1 = require("tslib");
 var checkbox_group_class_1 = require("./checkbox-group/checkbox-group.class");
 Object.defineProperty(exports, "CheckboxGroup", { enumerable: true, get: function () { return checkbox_group_class_1.CheckboxGroup; } });
@@ -45,7 +45,11 @@ var td_radio_button_class_1 = require("./td-radio-button/td-radio-button.class")
 Object.defineProperty(exports, "TdRadioButton", { enumerable: true, get: function () { return td_radio_button_class_1.TdRadioButton; } });
 var td_radio_group_class_1 = require("./td-radio-group/td-radio-group.class");
 Object.defineProperty(exports, "TdRadioGroup", { enumerable: true, get: function () { return td_radio_group_class_1.TdRadioGroup; } });
+var td_rate_class_1 = require("./td-rate/td-rate.class");
+Object.defineProperty(exports, "TdRate", { enumerable: true, get: function () { return td_rate_class_1.TdRate; } });
 var td_select_class_1 = require("./td-select/td-select.class");
 Object.defineProperty(exports, "TdSelect", { enumerable: true, get: function () { return td_select_class_1.TdSelect; } });
+var td_slider_class_1 = require("./td-slider/td-slider.class");
+Object.defineProperty(exports, "TdSlider", { enumerable: true, get: function () { return td_slider_class_1.TdSlider; } });
 var td_switch_class_1 = require("./td-switch/td-switch.class");
 Object.defineProperty(exports, "TdSwitch", { enumerable: true, get: function () { return td_switch_class_1.TdSwitch; } });

package/src/components/form/radio-group/radio-group.class.d.ts

@@ -1,13 +1,13 @@
-import { IOptionConfig, TypeDiv } from '@type-dom/framework';
+import { OptionProps, TypeDiv } from '@type-dom/framework';
 import { RadioOption } from './radio-option/radio-option.class';
-import { IRadioGroup, IRadioGroupConfig } from './radio-group.interface';
+import { IRadioGroup, RadioGroupProps } from './radio-group.interface';
 export declare class RadioGroup extends TypeDiv implements IRadioGroup {
     className: 'RadioGroup';
-    props: IRadioGroupConfig;
+    props: RadioGroupProps;
     childNodes: RadioOption[];
-    value: string | number | boolean;
-    constructor(params?: IRadioGroupConfig);
+    value?: string | number | boolean;
+    constructor(params?: RadioGroupProps);
     setup(): void;
-    setOptions(options: IOptionConfig[]): void;
+    setOptions(options: OptionProps[]): void;
     setValue(value: string | number | boolean): void;
 }

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

@@ -22,17 +22,18 @@ class RadioGroup extends framework_1.TypeDiv {
         this.clearChildren();
         const random = Math.random();
         options.forEach((opt) => {
+            var _a;
             const optObj = new radio_option_class_1.RadioOption({ parent: this });
             optObj.input.attr.addObj({
                 name: 'radio' + random,
                 label: opt.label,
                 value: opt.value,
-                checked: opt.checked || false
+                checked: opt.checked || false,
             });
             if (opt.checked) {
                 this.value = opt.value;
             }
-            optObj.textNode.setText(opt.label);
+            (_a = optObj.textNode) === null || _a === void 0 ? void 0 : _a.setText(opt.label);
             this.addChild(optObj);
         });
     }
@@ -42,7 +43,7 @@ class RadioGroup extends framework_1.TypeDiv {
         this.childNodes.forEach((opt) => {
             if (String(opt.input.attr.get('value')) === String(value)) {
                 opt.input.attr.setObj({
-                    checked: true
+                    checked: true,
                 });
             }
             else {

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

@@ -1,11 +1,11 @@
-import { IOptionConfig, ITypeConfig, ITypeDiv } from '@type-dom/framework';
+import { OptionProps, ITypeDiv, TypeDivProps } from '@type-dom/framework';
 import { IRadioOption } from './radio-option/radio-option.interface';
 export interface IRadioGroup extends ITypeDiv {
     className: 'RadioGroup';
     childNodes: IRadioOption[];
 }
-export interface IRadioGroupConfig extends ITypeConfig {
+export interface RadioGroupProps extends TypeDivProps {
     name?: string;
-    options?: IOptionConfig[];
+    options?: OptionProps[];
     value?: string | number;
 }

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

@@ -7,7 +7,6 @@ export declare class RadioOption extends TypeSpan implements IRadioOption {
     input: Input;
     parent?: RadioGroup;
     childNodes: [Input, TextNode];
-    textNode: TextNode;
     constructor(params?: IRadioOptionConfig);
     setup(config?: IRadioOptionConfig): void;
 }

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

@@ -7,18 +7,17 @@ class RadioOption extends framework_1.TypeSpan {
         super();
         this.className = 'RadioOption';
         this.style.addObj({
-            padding: '0 5px'
+            padding: '0 5px',
         });
         this.input = new framework_1.Input({ parent: this });
         this.input.attr.addObj({
-            type: 'radio'
+            type: 'radio',
             // name: optionSetting.name,
             // label: opt.label,
             // value: opt.value,
             // checked: opt.checked || false
         });
-        this.textNode = new framework_1.TextNode('');
-        this.childNodes = [this.input, this.textNode];
+        this.childNodes = [this.input, new framework_1.TextNode('')];
         this.props = this.useParams(params);
     }
     setup(config) {
@@ -33,11 +32,12 @@ class RadioOption extends framework_1.TypeSpan {
         }
         this.input.addEvents({
             click: () => {
+                var _a, _b;
                 console.log('this.input.dom click . ');
-                console.log('this.input.dom.value is ', this.input.dom.value);
+                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 = this.input.dom.value;
-            }
+                    this.parent.value = (_b = this.input.dom) === null || _b === void 0 ? void 0 : _b.value;
+            },
         });
     }
 }

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

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

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

@@ -3,7 +3,7 @@ import { ISelect } from './select.interface';
 export declare class Select extends TypeSelect implements ISelect {
     className: 'Select';
     childNodes: Option[];
-    value: string | number | boolean;
+    value?: string | number | boolean;
     constructor();
     setOptionSetting(optionSetting: IOptionSetting): void;
     setup(): void;

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

@@ -16,7 +16,7 @@ class Select extends framework_1.TypeSelect {
             optionObj.attr.setObj({
                 // label: opt.label,
                 value: opt.value,
-                selected: opt.selected || false
+                selected: opt.selected || false,
             });
             if (opt.selected) {
                 this.value = opt.value;
@@ -29,20 +29,22 @@ class Select extends framework_1.TypeSelect {
     setup() {
         this.addEvents({
             click: () => {
+                var _a, _b;
                 console.log('this.dom click . ');
-                console.log('this.dom.value is ', this.dom.value);
-                this.value = this.dom.value; // 对应的opt.label.
+                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) => {
-                    if (opt.dom.value === this.dom.value) {
+                    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
+                            selected: true,
                         });
                     }
                     else {
                         opt.attr.remove('selected');
                     }
                 });
-            }
+            },
         });
     }
     // 1.判断select选项中 是否存在Value="paraValue"的Item

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

@@ -0,0 +1,5 @@
+import '@element-plus/components/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

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+require("@element-plus/components/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

@@ -0,0 +1,5 @@
+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

@@ -0,0 +1,7 @@
+"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

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