@tagplus/components 5.2.19 → 5.3.1

package/dist/es/src/components/Autosuggest/Autosuggest.vue.mjs

@@ -0,0 +1,446 @@
+import { defineComponent, resolveComponent, resolveDirective, withDirectives, createElementBlock, openBlock, withModifiers, normalizeClass, createVNode, withCtx, createCommentVNode, Fragment, renderList, createBlock, renderSlot, createElementVNode, createTextVNode, toDisplayString, vShow, normalizeStyle, withKeys, vModelText } from "vue";
+import autosuggestCore from "./core.mjs";
+import autosuggestProps from "./autosuggest-props.mjs";
+/* empty css                  */
+import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.mjs";
+const autosuggestDefinition = autosuggestCore("TpAutosuggest", autosuggestProps);
+const _sfc_main = defineComponent(autosuggestDefinition);
+const _hoisted_1 = {
+  ref: "selectionRef",
+  class: "el-select__selection"
+};
+const _hoisted_2 = {
+  class: /* @__PURE__ */ normalizeClass(["el-select__input-wrapper"])
+};
+const _hoisted_3 = {
+  key: 0,
+  class: "el-input el-input-group el-input-group--append el-input-group--prepend el-select__input"
+};
+const _hoisted_4 = { class: "el-input-group__prepend" };
+const _hoisted_5 = { class: "el-input__wrapper" };
+const _hoisted_6 = ["id", "size", "aria-activedescendant", "aria-controls", "aria-expanded", "aria-label", "name"];
+const _hoisted_7 = { class: "el-input-group__append" };
+const _hoisted_8 = ["id"];
+const _hoisted_9 = {
+  key: 1,
+  class: "el-input el-select__input is-disabled"
+};
+const _hoisted_10 = { class: "el-input__wrapper" };
+const _hoisted_11 = ["id"];
+const _hoisted_12 = {
+  key: 0,
+  class: "el-select-dropdown__loading"
+};
+const _hoisted_13 = {
+  key: 1,
+  class: "el-select-dropdown__empty"
+};
+const _hoisted_14 = {
+  key: 2,
+  class: "el-select-dropdown__footer"
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_divider = resolveComponent("el-divider");
+  const _component_el_tag = resolveComponent("el-tag");
+  const _component_el_tooltip = resolveComponent("el-tooltip");
+  const _component_el_icon = resolveComponent("el-icon");
+  const _component_ArrowDown = resolveComponent("ArrowDown");
+  const _component_el_row = resolveComponent("el-row");
+  const _component_el_option = resolveComponent("el-option");
+  const _component_el_scrollbar = resolveComponent("el-scrollbar");
+  const _component_el_select_menu = resolveComponent("el-select-menu");
+  const _directive_click_outside = resolveDirective("click-outside");
+  return withDirectives((openBlock(), createElementBlock("div", {
+    ref: "selectRef",
+    class: normalizeClass(["tp-autosuggest", _ctx.nsSelect.b(), _ctx.nsSelect.m(_ctx.selectSize)]),
+    onMouseenter: _cache[14] || (_cache[14] = ($event) => _ctx.states.inputHovering = true),
+    onMouseleave: _cache[15] || (_cache[15] = ($event) => _ctx.states.inputHovering = false),
+    onClick: _cache[16] || (_cache[16] = withModifiers((...args) => _ctx.toggleMenu && _ctx.toggleMenu(...args), ["stop"]))
+  }, [
+    createVNode(_component_el_tooltip, {
+      ref: "tooltipRef",
+      visible: _ctx.dropdownMenuVisible,
+      placement: _ctx.placement,
+      teleported: _ctx.teleported,
+      "popper-options": _ctx.popperOptions,
+      "popper-class": ["el-select__popper", _ctx.popperClass],
+      "fallback-placements": ["bottom-start", "top-start", "right", "left"],
+      effect: _ctx.effect,
+      pure: "",
+      trigger: "click",
+      transition: `${_ctx.nsSelect.namespace.value}-zoom-in-top`,
+      "stop-popper-mouse-event": false,
+      "gpu-acceleration": false,
+      persistent: _ctx.persistent,
+      onBeforeShow: _ctx.handleMenuEnter,
+      onHide: _cache[13] || (_cache[13] = ($event) => _ctx.states.isBeforeHide = false)
+    }, {
+      default: withCtx(() => {
+        var _a;
+        return [
+          createElementVNode("div", {
+            ref: "wrapperRef",
+            class: normalizeClass([
+              _ctx.nsSelect.is("focused", _ctx.isFocused),
+              _ctx.nsSelect.is("hovering", _ctx.states.inputHovering),
+              _ctx.nsSelect.is("disabled", _ctx.selectDisabled)
+            ])
+          }, [
+            createElementVNode("div", _hoisted_1, [
+              createElementVNode("div", _hoisted_2, [
+                !_ctx.selectDisabled ? (openBlock(), createElementBlock("div", _hoisted_3, [
+                  createElementVNode("div", _hoisted_4, [
+                    _cache[17] || (_cache[17] = createElementVNode("div", { class: "tp-autosuggest-input-prepend-icon" }, [
+                      createElementVNode("em", { class: "far fa-search" })
+                    ], -1)),
+                    createVNode(_component_el_divider, {
+                      direction: "vertical",
+                      class: "tp-autosuggest-vertical-divider"
+                    })
+                  ]),
+                  createElementVNode("div", _hoisted_5, [
+                    _ctx.multiple ? renderSlot(_ctx.$slots, "tag", { key: 0 }, () => [
+                      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.showTagList, (item) => {
+                        return openBlock(), createElementBlock("div", {
+                          key: _ctx.getValueKey(item),
+                          class: normalizeClass(_ctx.nsSelect.e("selected-item"))
+                        }, [
+                          createVNode(_component_el_tag, {
+                            closable: !_ctx.selectDisabled && !item.isDisabled,
+                            size: _ctx.collapseTagSize,
+                            type: _ctx.tagType,
+                            "disable-transitions": "",
+                            style: normalizeStyle(_ctx.tagStyle),
+                            onClose: ($event) => _ctx.deleteTag($event, item)
+                          }, {
+                            default: withCtx(() => [
+                              createElementVNode("span", {
+                                class: normalizeClass(_ctx.nsSelect.e("tags-text"))
+                              }, toDisplayString(item.currentLabel), 3)
+                            ]),
+                            _: 2
+                          }, 1032, ["closable", "size", "type", "style", "onClose"])
+                        ], 2);
+                      }), 128)),
+                      _ctx.collapseTags && _ctx.states.selected.length > _ctx.maxCollapseTags ? (openBlock(), createBlock(_component_el_tooltip, {
+                        key: 0,
+                        ref: "tagTooltipRef",
+                        disabled: _ctx.dropdownMenuVisible || !_ctx.collapseTagsTooltip,
+                        "fallback-placements": ["bottom", "top", "right", "left"],
+                        effect: _ctx.effect,
+                        placement: "bottom",
+                        teleported: _ctx.teleported
+                      }, {
+                        default: withCtx(() => [
+                          createElementVNode("div", {
+                            ref: "collapseItemRef",
+                            class: normalizeClass(_ctx.nsSelect.e("selected-item"))
+                          }, [
+                            createVNode(_component_el_tag, {
+                              closable: false,
+                              size: _ctx.collapseTagSize,
+                              type: _ctx.tagType,
+                              "disable-transitions": "",
+                              style: normalizeStyle(_ctx.collapseTagStyle)
+                            }, {
+                              default: withCtx(() => [
+                                createElementVNode("span", {
+                                  class: normalizeClass(_ctx.nsSelect.e("tags-text"))
+                                }, " + " + toDisplayString(_ctx.states.selected.length - _ctx.maxCollapseTags), 3)
+                              ]),
+                              _: 1
+                            }, 8, ["size", "type", "style"])
+                          ], 2)
+                        ]),
+                        content: withCtx(() => [
+                          createElementVNode("div", {
+                            ref: "tagMenuRef",
+                            class: normalizeClass(_ctx.nsSelect.e("selection"))
+                          }, [
+                            (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.collapseTagList, (item) => {
+                              return openBlock(), createElementBlock("div", {
+                                key: _ctx.getValueKey(item),
+                                class: normalizeClass(_ctx.nsSelect.e("selected-item"))
+                              }, [
+                                createVNode(_component_el_tag, {
+                                  class: "in-tooltip",
+                                  closable: !_ctx.selectDisabled && !item.isDisabled,
+                                  size: _ctx.collapseTagSize,
+                                  type: _ctx.tagType,
+                                  "disable-transitions": "",
+                                  onClose: ($event) => _ctx.deleteTag($event, item)
+                                }, {
+                                  default: withCtx(() => [
+                                    createElementVNode("span", {
+                                      class: normalizeClass(_ctx.nsSelect.e("tags-text"))
+                                    }, toDisplayString(item.currentLabel), 3)
+                                  ]),
+                                  _: 2
+                                }, 1032, ["closable", "size", "type", "onClose"])
+                              ], 2);
+                            }), 128))
+                          ], 2)
+                        ]),
+                        _: 1
+                      }, 8, ["disabled", "effect", "teleported"])) : createCommentVNode("", true)
+                    ], true) : createCommentVNode("", true),
+                    withDirectives(createElementVNode("input", {
+                      id: `${_ctx.myId}-input`,
+                      ref: "inputRef",
+                      "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.states.inputValue = $event),
+                      type: "text",
+                      class: normalizeClass(["el-select__input el-input__inner", [_ctx.nsSelect.is(_ctx.selectSize)]]),
+                      autocomplete: "off",
+                      size: _ctx.selectSize,
+                      style: normalizeStyle(_ctx.inputStyle),
+                      role: "combobox",
+                      spellcheck: "false",
+                      "aria-activedescendant": ((_a = _ctx.hoverOption) == null ? void 0 : _a.id) || "",
+                      "aria-controls": _ctx.contentId,
+                      "aria-expanded": _ctx.dropdownMenuVisible,
+                      "aria-label": _ctx.ariaLabel,
+                      "aria-autocomplete": "none",
+                      "aria-haspopup": "listbox",
+                      name: _ctx.name,
+                      onFocus: _cache[1] || (_cache[1] = (...args) => _ctx.handleFocus && _ctx.handleFocus(...args)),
+                      onBlur: _cache[2] || (_cache[2] = (...args) => _ctx.handleBlur && _ctx.handleBlur(...args)),
+                      onKeydown: [
+                        _cache[3] || (_cache[3] = withKeys(withModifiers(($event) => _ctx.navigateOptions("next"), ["stop", "prevent"]), ["down"])),
+                        _cache[4] || (_cache[4] = withKeys(withModifiers(($event) => _ctx.navigateOptions("prev"), ["stop", "prevent"]), ["up"])),
+                        _cache[5] || (_cache[5] = withKeys(withModifiers((...args) => _ctx.handleEsc && _ctx.handleEsc(...args), ["stop", "prevent"]), ["esc"])),
+                        _cache[6] || (_cache[6] = withKeys(withModifiers((...args) => _ctx.selectOption && _ctx.selectOption(...args), ["stop", "prevent"]), ["enter"])),
+                        _cache[7] || (_cache[7] = withKeys(withModifiers((...args) => _ctx.deletePrevTag && _ctx.deletePrevTag(...args), ["stop"]), ["delete"]))
+                      ],
+                      onCompositionstart: _cache[8] || (_cache[8] = (...args) => _ctx.handleCompositionStart && _ctx.handleCompositionStart(...args)),
+                      onCompositionupdate: _cache[9] || (_cache[9] = (...args) => _ctx.handleCompositionUpdate && _ctx.handleCompositionUpdate(...args)),
+                      onCompositionend: _cache[10] || (_cache[10] = (...args) => _ctx.handleCompositionEnd && _ctx.handleCompositionEnd(...args)),
+                      onInput: _cache[11] || (_cache[11] = (...args) => _ctx.onInput && _ctx.onInput(...args)),
+                      onClick: _cache[12] || (_cache[12] = withModifiers((...args) => _ctx.toggleMenu && _ctx.toggleMenu(...args), ["stop"]))
+                    }, null, 46, _hoisted_6), [
+                      [vModelText, _ctx.states.inputValue]
+                    ]),
+                    _ctx.shouldShowPlaceholder ? (openBlock(), createElementBlock("div", {
+                      key: 1,
+                      class: normalizeClass([
+                        _ctx.nsSelect.e("selected-item"),
+                        _ctx.nsSelect.e("placeholder"),
+                        _ctx.nsSelect.is("transparent", !_ctx.hasModelValue || _ctx.expanded && !_ctx.states.inputValue)
+                      ])
+                    }, [
+                      createElementVNode("span", null, toDisplayString(_ctx.currentPlaceholder), 1)
+                    ], 2)) : createCommentVNode("", true)
+                  ]),
+                  createElementVNode("div", _hoisted_7, [
+                    _ctx.states.selectedLabel ? (openBlock(), createBlock(_component_el_icon, {
+                      key: 0,
+                      id: `${_ctx.myId}-btn-clear`,
+                      class: "tp-autosuggest-clear-icon fa fa-times-circle",
+                      onClick: withModifiers(_ctx.clearTags, ["stop", "prevent"])
+                    }, null, 8, ["id", "onClick"])) : createCommentVNode("", true),
+                    createVNode(_component_el_row, {
+                      justify: _ctx.states.selectedLabel ? "space-between" : "end",
+                      align: "middle"
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(_component_el_row, {
+                          align: "middle",
+                          justify: "space-around",
+                          class: "el-input__close"
+                        }, {
+                          default: withCtx(() => [
+                            createVNode(_component_el_divider, {
+                              direction: "vertical",
+                              class: "tp-autosuggest-vertical-divider"
+                            }),
+                            !_ctx.showClose ? (openBlock(), createElementBlock("div", {
+                              key: 0,
+                              id: `${_ctx.myId}-btn-close`,
+                              class: "tp-btn-close"
+                            }, [
+                              createVNode(_component_el_icon, {
+                                class: normalizeClass(["el-select__caret", "el-select__icon", _ctx.iconReverse])
+                              }, {
+                                default: withCtx(() => [
+                                  createVNode(_component_ArrowDown)
+                                ]),
+                                _: 1
+                              }, 8, ["class"])
+                            ], 8, _hoisted_8)) : createCommentVNode("", true)
+                          ]),
+                          _: 1
+                        })
+                      ]),
+                      _: 1
+                    }, 8, ["justify"])
+                  ])
+                ])) : (openBlock(), createElementBlock("div", _hoisted_9, [
+                  createElementVNode("div", _hoisted_10, [
+                    _ctx.multiple ? renderSlot(_ctx.$slots, "tag", { key: 0 }, () => [
+                      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.showTagList, (item) => {
+                        return openBlock(), createElementBlock("div", {
+                          key: _ctx.getValueKey(item),
+                          class: normalizeClass(_ctx.nsSelect.e("selected-item"))
+                        }, [
+                          createVNode(_component_el_tag, {
+                            closable: false,
+                            size: _ctx.collapseTagSize,
+                            type: _ctx.tagType,
+                            "disable-transitions": "",
+                            style: normalizeStyle(_ctx.tagStyle)
+                          }, {
+                            default: withCtx(() => [
+                              createElementVNode("span", {
+                                class: normalizeClass(_ctx.nsSelect.e("tags-text"))
+                              }, toDisplayString(item.currentLabel), 3)
+                            ]),
+                            _: 2
+                          }, 1032, ["size", "type", "style"])
+                        ], 2);
+                      }), 128)),
+                      _ctx.collapseTags && _ctx.states.selected.length > _ctx.maxCollapseTags ? (openBlock(), createBlock(_component_el_tooltip, {
+                        key: 0,
+                        ref: "tagTooltipRef",
+                        disabled: _ctx.dropdownMenuVisible || !_ctx.collapseTagsTooltip,
+                        "fallback-placements": ["bottom", "top", "right", "left"],
+                        effect: _ctx.effect,
+                        placement: "bottom",
+                        teleported: _ctx.teleported
+                      }, {
+                        default: withCtx(() => [
+                          createElementVNode("div", {
+                            ref: "collapseItemRef",
+                            class: normalizeClass(_ctx.nsSelect.e("selected-item"))
+                          }, [
+                            createVNode(_component_el_tag, {
+                              closable: false,
+                              size: _ctx.collapseTagSize,
+                              type: _ctx.tagType,
+                              "disable-transitions": "",
+                              style: normalizeStyle(_ctx.collapseTagStyle)
+                            }, {
+                              default: withCtx(() => [
+                                createElementVNode("span", {
+                                  class: normalizeClass(_ctx.nsSelect.e("tags-text"))
+                                }, " + " + toDisplayString(_ctx.states.selected.length - _ctx.maxCollapseTags), 3)
+                              ]),
+                              _: 1
+                            }, 8, ["size", "type", "style"])
+                          ], 2)
+                        ]),
+                        content: withCtx(() => [
+                          createElementVNode("div", {
+                            ref: "tagMenuRef",
+                            class: normalizeClass(_ctx.nsSelect.e("selection"))
+                          }, [
+                            (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.collapseTagList, (item) => {
+                              return openBlock(), createElementBlock("div", {
+                                key: _ctx.getValueKey(item),
+                                class: normalizeClass(_ctx.nsSelect.e("selected-item"))
+                              }, [
+                                createVNode(_component_el_tag, {
+                                  class: "in-tooltip",
+                                  closable: false,
+                                  size: _ctx.collapseTagSize,
+                                  type: _ctx.tagType,
+                                  "disable-transitions": ""
+                                }, {
+                                  default: withCtx(() => [
+                                    createElementVNode("span", {
+                                      class: normalizeClass(_ctx.nsSelect.e("tags-text"))
+                                    }, toDisplayString(item.currentLabel), 3)
+                                  ]),
+                                  _: 2
+                                }, 1032, ["size", "type"])
+                              ], 2);
+                            }), 128))
+                          ], 2)
+                        ]),
+                        _: 1
+                      }, 8, ["disabled", "effect", "teleported"])) : createCommentVNode("", true)
+                    ], true) : createCommentVNode("", true),
+                    _ctx.shouldShowPlaceholder ? (openBlock(), createElementBlock("div", {
+                      key: 1,
+                      class: normalizeClass([
+                        _ctx.nsSelect.e("selected-item"),
+                        _ctx.nsSelect.e("placeholder"),
+                        _ctx.nsSelect.is("transparent", !_ctx.hasModelValue || _ctx.expanded && !_ctx.states.inputValue)
+                      ])
+                    }, [
+                      createElementVNode("span", null, toDisplayString(_ctx.currentPlaceholder), 1)
+                    ], 2)) : createCommentVNode("", true)
+                  ])
+                ]))
+              ])
+            ], 512)
+          ], 2)
+        ];
+      }),
+      content: withCtx(() => [
+        createVNode(_component_el_select_menu, { ref: "menuRef" }, {
+          default: withCtx(() => [
+            withDirectives(createVNode(_component_el_scrollbar, {
+              id: _ctx.contentId,
+              ref: "scrollbarRef",
+              tag: "ul",
+              "wrap-class": "el-select-dropdown__wrap",
+              "view-class": "el-select-dropdown__list",
+              class: normalizeClass([_ctx.nsSelect.is("empty", _ctx.filteredOptionsCount === 0)]),
+              role: "listbox",
+              "aria-label": _ctx.ariaLabel,
+              "aria-orientation": "vertical"
+            }, {
+              default: withCtx(() => [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.suggestionsList, (item, i) => {
+                  return openBlock(), createBlock(_component_el_option, {
+                    id: `${_ctx.myId}-option-${i}`,
+                    key: i,
+                    label: item[_ctx.labelKey],
+                    value: item[_ctx.valueKey],
+                    item,
+                    created: item.created,
+                    class: normalizeClass({ "created": item.created })
+                  }, {
+                    default: withCtx(() => [
+                      item.created ? (openBlock(), createElementBlock("a", {
+                        key: 0,
+                        id: `${_ctx.myId}-btn-create`
+                      }, [
+                        _cache[18] || (_cache[18] = createElementVNode("em", { class: "far fa-plus" }, null, -1)),
+                        createTextVNode(" " + toDisplayString(_ctx.newItem), 1)
+                      ], 8, _hoisted_11)) : renderSlot(_ctx.$slots, "default", {
+                        key: 1,
+                        item
+                      }, void 0, true)
+                    ]),
+                    _: 2
+                  }, 1032, ["id", "label", "value", "item", "created", "class"]);
+                }), 128))
+              ]),
+              _: 3
+            }, 8, ["id", "class", "aria-label"]), [
+              [vShow, _ctx.states.options.size > 0 && !_ctx.loading]
+            ]),
+            _ctx.$slots.loading && _ctx.loading ? (openBlock(), createElementBlock("div", _hoisted_12, [
+              renderSlot(_ctx.$slots, "loading", {}, void 0, true)
+            ])) : _ctx.loading || _ctx.filteredOptionsCount === 0 ? (openBlock(), createElementBlock("div", _hoisted_13, [
+              renderSlot(_ctx.$slots, "empty", {}, () => [
+                createElementVNode("span", null, toDisplayString(_ctx.emptyText), 1)
+              ], true)
+            ])) : createCommentVNode("", true),
+            _ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_14, [
+              renderSlot(_ctx.$slots, "footer", {}, void 0, true)
+            ])) : createCommentVNode("", true)
+          ]),
+          _: 3
+        }, 512)
+      ]),
+      _: 3
+    }, 8, ["visible", "placement", "teleported", "popper-options", "popper-class", "effect", "transition", "persistent", "onBeforeShow"])
+  ], 34)), [
+    [_directive_click_outside, _ctx.handleClickOutside, _ctx.popperRef]
+  ]);
+}
+const Autosuggest = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-8f8ea081"]]);
+export {
+  Autosuggest as default
+};

package/dist/es/src/components/Autosuggest/Multisuggest.vue.mjs

@@ -0,0 +1,17 @@
+import { defineComponent } from "vue";
+import Autosuggest from "./Autosuggest.vue.mjs";
+import autosuggestCore from "./core.mjs";
+import multisuggestProps from "./multisuggest-props.mjs";
+/* empty css                   */
+import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.mjs";
+const multisuggestDefinition = autosuggestCore("TpMultisuggest", multisuggestProps);
+const _sfc_main = defineComponent(
+  {
+    ...multisuggestDefinition,
+    extends: Autosuggest
+  }
+);
+const Multisuggest = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-959c4f16"]]);
+export {
+  Multisuggest as default
+};

package/dist/es/src/components/Autosuggest/autosuggest-props.mjs

@@ -0,0 +1,204 @@
+import { placements } from "../../../node_modules/@popperjs/core/lib/enums.mjs";
+const autosuggestProps = {
+  /**
+   * @deprecated
+   * Faz o retorno do input imitar o comportamento antigo que voltava idValue/[...idValues] se recebesse modelValue Object/[...Objects]
+   * na versão nova vai sempre devolver o Objeto completo quando possível
+   */
+  legacyModel: {
+    type: Boolean,
+    default: false
+  },
+  /**
+  * @description native input id
+  */
+  id: String,
+  /**
+  * @description the name attribute of select input
+  */
+  name: String,
+  modelValue: {
+    type: [Array, String, Number, Boolean, Object],
+    default: ""
+  },
+  /**
+   * Lista ou Objeto contendo conjunto de itens como opções ou sugestões do componente
+   */
+  suggestions: {
+    type: [Array, Object],
+    required: true
+  },
+  /**
+   * Informa o campo correspondente em cada item referente ao valor sendo selecionado
+   */
+  valueKey: {
+    type: String,
+    default: "id"
+  },
+  /**
+   * Identificação do campo correspondente em cada item referente ao texto de exibição.
+   * Quando utilizado o slot de itens, este campo passa a não ser utilizado
+   */
+  labelKey: {
+    type: String,
+    default: "label"
+  },
+  /**
+  * @description placeholder, default is 'Select'
+  */
+  placeholder: {
+    type: String
+  },
+  /**
+   * Sobrescreve valor padrão do atributo no Select do ElementUI
+   */
+  defaultFirstOption: {
+    type: Boolean,
+    required: false,
+    default: true
+  },
+  /**
+   * Se a lista vai ser carregada no create ou o labelKey não venha por padrão na requisição loadOnCreate = true,
+   * caso deva ser carregada quando o usuário clica deixar vazio ou false.
+   */
+  loadOnCreate: {
+    type: Boolean,
+    required: false,
+    default: true
+  },
+  /**
+   * Método que realiza a busca dos registros remotos para as opções.
+   *
+   * *IMPORTANTE*: deve considerar o "valueKey" nas consultas
+   * pois o valor selecionado será baseado nas opções remotas carregadas ao criar o componente.
+   */
+  remoteMethod: {
+    type: Function,
+    required: true
+  },
+  /**
+   * Informa a mensagem de cadastrar novo item
+   */
+  msgNewItem: {
+    type: String,
+    required: false,
+    default: "Cadastrar novo item"
+  },
+  /**
+  * @description whether Select is disabled
+  */
+  disabled: Boolean,
+  /**
+  * @description whether creating new items is allowed. To use this, `filterable` must be true
+  */
+  allowCreate: Boolean,
+  /**
+  * @description whether Select is loading data from server
+  */
+  loading: Boolean,
+  /**
+  * @description custom class name for Select's dropdown
+  */
+  popperClass: {
+    type: String,
+    default: ""
+  },
+  /**
+  * @description [popper.js](https://popper.js.org/docs/v2/) parameters
+  */
+  popperOptions: {
+    type: Object,
+    default: () => ({})
+  },
+  /**
+  * @description displayed text while loading data from server, default is 'Loading'
+  */
+  loadingText: String,
+  /**
+  * @description displayed text when no data matches the filtering query, you can also use slot `empty`, default is 'No matching data'
+  */
+  noMatchText: String,
+  /**
+  * @description displayed text when there is no options, you can also use slot `empty`, default is 'No data'
+  */
+  noDataText: String,
+  /**
+  * @description tooltip theme, built-in theme: `dark` / `light`
+  */
+  effect: {
+    type: String,
+    default: "light"
+  },
+  /**
+  * @description tag type
+  */
+  tagType: { default: "info" },
+  /**
+   * @description position of dropdown
+   */
+  placement: {
+    type: String,
+    values: placements,
+    default: "bottom-start"
+  },
+  /**
+   * @tagplus
+   * Sobrescrito para ter o padrão true
+   * @description whether to collapse tags to a text when multiple selecting
+  */
+  collapseTags: {
+    type: Boolean,
+    default: true
+  },
+  /**
+   * @tagplus
+   * Sobrescrito para ter o padrão true
+   * @description whether show all selected tags when mouse hover text of collapse-tags. To use this, `collapse-tags` must be true
+  */
+  collapseTagsTooltip: {
+    type: Boolean,
+    default: true
+  },
+  /**
+  * @description the max tags number to be shown. To use this, `collapse-tags` must be true
+  */
+  maxCollapseTags: {
+    type: Number,
+    default: 1
+  },
+  /**
+  * @description whether select dropdown is teleported to the body
+  */
+  teleported: {
+    type: Boolean,
+    default: true
+  },
+  /**
+  * @description when select dropdown is inactive and `persistent` is `false`, select dropdown will be destroyed
+  */
+  persistent: {
+    type: Boolean,
+    default: true
+  },
+  /**
+  * @description native input aria-label
+  */
+  ariaLabel: {
+    type: String,
+    default: void 0
+  },
+  multiple: {
+    type: Boolean,
+    default: false
+  },
+  /**
+  * @description maximum number of options user can select when `multiple` is `true`. No limit when set to 0
+  */
+  multipleLimit: {
+    type: Number,
+    default: 0
+  }
+};
+export {
+  autosuggestProps as default
+};