@tagplus/components 5.3.6 → 5.3.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (59) hide show
  1. package/dist/es/components.css +132 -132
  2. package/dist/es/node_modules/element-plus/es/hooks/use-focus-controller/index.mjs +13 -7
  3. package/dist/es/node_modules/element-plus/es/utils/dom/aria.mjs +27 -0
  4. package/dist/es/src/components/Autosuggest/Autosuggest.vue.mjs +264 -267
  5. package/dist/es/src/components/Autosuggest/Multisuggest.vue.mjs +5 -3
  6. package/dist/es/src/components/Autosuggest/core.mjs +4 -4
  7. package/dist/es/src/components/Autosuggest/option.vue.mjs +1 -1
  8. package/dist/es/src/components/Autosuggest/select-dropdown.vue.mjs +2 -3
  9. package/dist/es/src/components/Autosuggest/useOption.mjs +2 -2
  10. package/dist/es/src/components/Autosuggest/useSelect.mjs +26 -23
  11. package/dist/es/src/components/Inline/Inline.vue.mjs +2 -2
  12. package/dist/es/src/components/InputNumber/InputNumber.vue.mjs +12 -18
  13. package/dist/es/src/components/InputNumber/input-number.mjs +1 -1
  14. package/dist/es/src/components/Loader/Loader.vue.mjs +2 -2
  15. package/dist/es/src/components/Money/Money.vue.mjs +2 -2
  16. package/dist/es/src/components/OptionsList/OptionsList.vue.mjs +1 -1
  17. package/dist/es/src/components/OptionsListItem/OptionsListItem.vue.mjs +1 -1
  18. package/dist/es/src/components/Percent/Percent.vue.mjs +2 -2
  19. package/dist/es/src/components/Skeleton/Skeleton.vue.mjs +1 -1
  20. package/dist/es/src/components/Step/Step.vue.mjs +1 -1
  21. package/dist/es/src/components/Steps/Steps.vue.mjs +1 -1
  22. package/dist/es/src/components/Tip/Tip.vue.mjs +5 -3
  23. package/dist/es/src/locale/i18nCreator.mjs +1 -1
  24. package/dist/es/src/plugins/currency.mjs +4 -6
  25. package/dist/es/src/utils/runtime.mjs +3 -3
  26. package/dist/es/src/utils/use-form-common-props.mjs +3 -3
  27. package/dist/es/src/utils/use-form-item.mjs +5 -6
  28. package/dist/es/src/utils/use-id.mjs +1 -1
  29. package/dist/es/src/utils/use-input.mjs +2 -2
  30. package/dist/lib/components.css +132 -132
  31. package/dist/lib/node_modules/element-plus/es/hooks/use-focus-controller/index.js +12 -6
  32. package/dist/lib/node_modules/element-plus/es/utils/dom/aria.js +27 -0
  33. package/dist/lib/src/components/Autosuggest/Autosuggest.vue.js +264 -267
  34. package/dist/lib/src/components/Autosuggest/Multisuggest.vue.js +5 -3
  35. package/dist/lib/src/components/Autosuggest/core.js +4 -4
  36. package/dist/lib/src/components/Autosuggest/option.vue.js +1 -1
  37. package/dist/lib/src/components/Autosuggest/select-dropdown.vue.js +2 -3
  38. package/dist/lib/src/components/Autosuggest/useOption.js +2 -2
  39. package/dist/lib/src/components/Autosuggest/useSelect.js +26 -23
  40. package/dist/lib/src/components/Inline/Inline.vue.js +2 -2
  41. package/dist/lib/src/components/InputNumber/InputNumber.vue.js +12 -18
  42. package/dist/lib/src/components/InputNumber/input-number.js +1 -1
  43. package/dist/lib/src/components/Loader/Loader.vue.js +2 -2
  44. package/dist/lib/src/components/Money/Money.vue.js +2 -2
  45. package/dist/lib/src/components/OptionsList/OptionsList.vue.js +1 -1
  46. package/dist/lib/src/components/OptionsListItem/OptionsListItem.vue.js +1 -1
  47. package/dist/lib/src/components/Percent/Percent.vue.js +2 -2
  48. package/dist/lib/src/components/Skeleton/Skeleton.vue.js +1 -1
  49. package/dist/lib/src/components/Step/Step.vue.js +1 -1
  50. package/dist/lib/src/components/Steps/Steps.vue.js +1 -1
  51. package/dist/lib/src/components/Tip/Tip.vue.js +5 -3
  52. package/dist/lib/src/locale/i18nCreator.js +1 -1
  53. package/dist/lib/src/plugins/currency.js +4 -6
  54. package/dist/lib/src/utils/runtime.js +3 -3
  55. package/dist/lib/src/utils/use-form-common-props.js +3 -3
  56. package/dist/lib/src/utils/use-form-item.js +5 -6
  57. package/dist/lib/src/utils/use-id.js +1 -1
  58. package/dist/lib/src/utils/use-input.js +2 -2
  59. package/package.json +28 -36
@@ -1,6 +1,6 @@
1
- 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";
2
- import autosuggestCore from "./core.mjs";
3
1
  import autosuggestProps from "./autosuggest-props.mjs";
2
+ import autosuggestCore from "./core.mjs";
3
+ 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";
4
4
  /* empty css */
5
5
  import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.mjs";
6
6
  const autosuggestDefinition = autosuggestCore("TpAutosuggest", autosuggestProps);
@@ -75,210 +75,238 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
75
75
  onBeforeShow: _ctx.handleMenuEnter,
76
76
  onHide: _cache[13] || (_cache[13] = ($event) => _ctx.states.isBeforeHide = false)
77
77
  }, {
78
- default: withCtx(() => {
79
- var _a;
80
- return [
81
- createElementVNode("div", {
82
- ref: "wrapperRef",
83
- class: normalizeClass([
84
- _ctx.nsSelect.is("focused", _ctx.isFocused),
85
- _ctx.nsSelect.is("hovering", _ctx.states.inputHovering),
86
- _ctx.nsSelect.is("disabled", _ctx.selectDisabled)
87
- ])
88
- }, [
89
- createElementVNode("div", _hoisted_1, [
90
- createElementVNode("div", _hoisted_2, [
91
- !_ctx.selectDisabled ? (openBlock(), createElementBlock("div", _hoisted_3, [
92
- createElementVNode("div", _hoisted_4, [
93
- _cache[17] || (_cache[17] = createElementVNode("div", { class: "tp-autosuggest-input-prepend-icon" }, [
94
- createElementVNode("em", { class: "far fa-search" })
95
- ], -1)),
96
- createVNode(_component_el_divider, {
97
- direction: "vertical",
98
- class: "tp-autosuggest-vertical-divider"
99
- })
100
- ]),
101
- createElementVNode("div", _hoisted_5, [
102
- _ctx.multiple ? renderSlot(_ctx.$slots, "tag", { key: 0 }, () => [
103
- (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.showTagList, (item) => {
104
- return openBlock(), createElementBlock("div", {
105
- key: _ctx.getValueKey(item),
78
+ default: withCtx(() => [
79
+ createElementVNode("div", {
80
+ ref: "wrapperRef",
81
+ class: normalizeClass([
82
+ _ctx.nsSelect.is("focused", _ctx.isFocused),
83
+ _ctx.nsSelect.is("hovering", _ctx.states.inputHovering),
84
+ _ctx.nsSelect.is("disabled", _ctx.selectDisabled)
85
+ ])
86
+ }, [
87
+ createElementVNode("div", _hoisted_1, [
88
+ createElementVNode("div", _hoisted_2, [
89
+ !_ctx.selectDisabled ? (openBlock(), createElementBlock("div", _hoisted_3, [
90
+ createElementVNode("div", _hoisted_4, [
91
+ _cache[17] || (_cache[17] = createElementVNode("div", { class: "tp-autosuggest-input-prepend-icon" }, [
92
+ createElementVNode("em", { class: "far fa-search" })
93
+ ], -1)),
94
+ createVNode(_component_el_divider, {
95
+ direction: "vertical",
96
+ class: "tp-autosuggest-vertical-divider"
97
+ })
98
+ ]),
99
+ createElementVNode("div", _hoisted_5, [
100
+ _ctx.multiple ? renderSlot(_ctx.$slots, "tag", { key: 0 }, () => [
101
+ (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.showTagList, (item) => {
102
+ return openBlock(), createElementBlock("div", {
103
+ key: _ctx.getValueKey(item),
104
+ class: normalizeClass(_ctx.nsSelect.e("selected-item"))
105
+ }, [
106
+ createVNode(_component_el_tag, {
107
+ closable: !_ctx.selectDisabled && !item.isDisabled,
108
+ size: _ctx.collapseTagSize,
109
+ type: _ctx.tagType,
110
+ "disable-transitions": "",
111
+ style: normalizeStyle(_ctx.tagStyle),
112
+ onClose: ($event) => _ctx.deleteTag($event, item)
113
+ }, {
114
+ default: withCtx(() => [
115
+ createElementVNode("span", {
116
+ class: normalizeClass(_ctx.nsSelect.e("tags-text"))
117
+ }, toDisplayString(item.currentLabel), 3)
118
+ ]),
119
+ _: 2
120
+ }, 1032, ["closable", "size", "type", "style", "onClose"])
121
+ ], 2);
122
+ }), 128)),
123
+ _ctx.collapseTags && _ctx.states.selected.length > _ctx.maxCollapseTags ? (openBlock(), createBlock(_component_el_tooltip, {
124
+ key: 0,
125
+ ref: "tagTooltipRef",
126
+ disabled: _ctx.dropdownMenuVisible || !_ctx.collapseTagsTooltip,
127
+ "fallback-placements": ["bottom", "top", "right", "left"],
128
+ effect: _ctx.effect,
129
+ placement: "bottom",
130
+ teleported: _ctx.teleported
131
+ }, {
132
+ default: withCtx(() => [
133
+ createElementVNode("div", {
134
+ ref: "collapseItemRef",
106
135
  class: normalizeClass(_ctx.nsSelect.e("selected-item"))
107
136
  }, [
108
137
  createVNode(_component_el_tag, {
109
- closable: !_ctx.selectDisabled && !item.isDisabled,
138
+ closable: false,
110
139
  size: _ctx.collapseTagSize,
111
140
  type: _ctx.tagType,
112
141
  "disable-transitions": "",
113
- style: normalizeStyle(_ctx.tagStyle),
114
- onClose: ($event) => _ctx.deleteTag($event, item)
142
+ style: normalizeStyle(_ctx.collapseTagStyle)
115
143
  }, {
116
144
  default: withCtx(() => [
117
145
  createElementVNode("span", {
118
146
  class: normalizeClass(_ctx.nsSelect.e("tags-text"))
119
- }, toDisplayString(item.currentLabel), 3)
147
+ }, " + " + toDisplayString(_ctx.states.selected.length - _ctx.maxCollapseTags), 3)
120
148
  ]),
121
- _: 2
122
- }, 1032, ["closable", "size", "type", "style", "onClose"])
123
- ], 2);
124
- }), 128)),
125
- _ctx.collapseTags && _ctx.states.selected.length > _ctx.maxCollapseTags ? (openBlock(), createBlock(_component_el_tooltip, {
126
- key: 0,
127
- ref: "tagTooltipRef",
128
- disabled: _ctx.dropdownMenuVisible || !_ctx.collapseTagsTooltip,
129
- "fallback-placements": ["bottom", "top", "right", "left"],
130
- effect: _ctx.effect,
131
- placement: "bottom",
132
- teleported: _ctx.teleported
149
+ _: 1
150
+ }, 8, ["size", "type", "style"])
151
+ ], 2)
152
+ ]),
153
+ content: withCtx(() => [
154
+ createElementVNode("div", {
155
+ ref: "tagMenuRef",
156
+ class: normalizeClass(_ctx.nsSelect.e("selection"))
157
+ }, [
158
+ (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.collapseTagList, (item) => {
159
+ return openBlock(), createElementBlock("div", {
160
+ key: _ctx.getValueKey(item),
161
+ class: normalizeClass(_ctx.nsSelect.e("selected-item"))
162
+ }, [
163
+ createVNode(_component_el_tag, {
164
+ class: "in-tooltip",
165
+ closable: !_ctx.selectDisabled && !item.isDisabled,
166
+ size: _ctx.collapseTagSize,
167
+ type: _ctx.tagType,
168
+ "disable-transitions": "",
169
+ onClose: ($event) => _ctx.deleteTag($event, item)
170
+ }, {
171
+ default: withCtx(() => [
172
+ createElementVNode("span", {
173
+ class: normalizeClass(_ctx.nsSelect.e("tags-text"))
174
+ }, toDisplayString(item.currentLabel), 3)
175
+ ]),
176
+ _: 2
177
+ }, 1032, ["closable", "size", "type", "onClose"])
178
+ ], 2);
179
+ }), 128))
180
+ ], 2)
181
+ ]),
182
+ _: 1
183
+ }, 8, ["disabled", "effect", "teleported"])) : createCommentVNode("", true)
184
+ ], true) : createCommentVNode("", true),
185
+ withDirectives(createElementVNode("input", {
186
+ id: `${_ctx.myId}-input`,
187
+ ref: "inputRef",
188
+ "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.states.inputValue = $event),
189
+ type: "text",
190
+ class: normalizeClass(["el-select__input el-input__inner", [_ctx.nsSelect.is(_ctx.selectSize)]]),
191
+ autocomplete: "off",
192
+ size: _ctx.selectSize,
193
+ style: normalizeStyle(_ctx.inputStyle),
194
+ role: "combobox",
195
+ spellcheck: "false",
196
+ "aria-activedescendant": _ctx.hoverOption?.id || "",
197
+ "aria-controls": _ctx.contentId,
198
+ "aria-expanded": _ctx.dropdownMenuVisible,
199
+ "aria-label": _ctx.ariaLabel,
200
+ "aria-autocomplete": "none",
201
+ "aria-haspopup": "listbox",
202
+ name: _ctx.name,
203
+ onFocus: _cache[1] || (_cache[1] = (...args) => _ctx.handleFocus && _ctx.handleFocus(...args)),
204
+ onBlur: _cache[2] || (_cache[2] = (...args) => _ctx.handleBlur && _ctx.handleBlur(...args)),
205
+ onKeydown: [
206
+ _cache[3] || (_cache[3] = withKeys(withModifiers(($event) => _ctx.navigateOptions("next"), ["stop", "prevent"]), ["down"])),
207
+ _cache[4] || (_cache[4] = withKeys(withModifiers(($event) => _ctx.navigateOptions("prev"), ["stop", "prevent"]), ["up"])),
208
+ _cache[5] || (_cache[5] = withKeys(withModifiers((...args) => _ctx.handleEsc && _ctx.handleEsc(...args), ["stop", "prevent"]), ["esc"])),
209
+ _cache[6] || (_cache[6] = withKeys(withModifiers((...args) => _ctx.selectOption && _ctx.selectOption(...args), ["stop", "prevent"]), ["enter"])),
210
+ _cache[7] || (_cache[7] = withKeys(withModifiers((...args) => _ctx.deletePrevTag && _ctx.deletePrevTag(...args), ["stop"]), ["delete"]))
211
+ ],
212
+ onCompositionstart: _cache[8] || (_cache[8] = (...args) => _ctx.handleCompositionStart && _ctx.handleCompositionStart(...args)),
213
+ onCompositionupdate: _cache[9] || (_cache[9] = (...args) => _ctx.handleCompositionUpdate && _ctx.handleCompositionUpdate(...args)),
214
+ onCompositionend: _cache[10] || (_cache[10] = (...args) => _ctx.handleCompositionEnd && _ctx.handleCompositionEnd(...args)),
215
+ onInput: _cache[11] || (_cache[11] = (...args) => _ctx.onInput && _ctx.onInput(...args)),
216
+ onClick: _cache[12] || (_cache[12] = withModifiers((...args) => _ctx.toggleMenu && _ctx.toggleMenu(...args), ["stop"]))
217
+ }, null, 46, _hoisted_6), [
218
+ [vModelText, _ctx.states.inputValue]
219
+ ]),
220
+ _ctx.shouldShowPlaceholder ? (openBlock(), createElementBlock("div", {
221
+ key: 1,
222
+ class: normalizeClass([
223
+ _ctx.nsSelect.e("selected-item"),
224
+ _ctx.nsSelect.e("placeholder"),
225
+ _ctx.nsSelect.is("transparent", !_ctx.hasModelValue || _ctx.expanded && !_ctx.states.inputValue)
226
+ ])
227
+ }, [
228
+ createElementVNode("span", null, toDisplayString(_ctx.currentPlaceholder), 1)
229
+ ], 2)) : createCommentVNode("", true)
230
+ ]),
231
+ createElementVNode("div", _hoisted_7, [
232
+ _ctx.states.selectedLabel ? (openBlock(), createBlock(_component_el_icon, {
233
+ key: 0,
234
+ id: `${_ctx.myId}-btn-clear`,
235
+ class: "tp-autosuggest-clear-icon fa fa-times-circle",
236
+ onClick: withModifiers(_ctx.clearTags, ["stop", "prevent"])
237
+ }, null, 8, ["id", "onClick"])) : createCommentVNode("", true),
238
+ createVNode(_component_el_row, {
239
+ justify: _ctx.states.selectedLabel ? "space-between" : "end",
240
+ align: "middle"
241
+ }, {
242
+ default: withCtx(() => [
243
+ createVNode(_component_el_row, {
244
+ align: "middle",
245
+ justify: "space-around",
246
+ class: "el-input__close"
133
247
  }, {
134
248
  default: withCtx(() => [
135
- createElementVNode("div", {
136
- ref: "collapseItemRef",
137
- class: normalizeClass(_ctx.nsSelect.e("selected-item"))
249
+ createVNode(_component_el_divider, {
250
+ direction: "vertical",
251
+ class: "tp-autosuggest-vertical-divider"
252
+ }),
253
+ !_ctx.showClose ? (openBlock(), createElementBlock("div", {
254
+ key: 0,
255
+ id: `${_ctx.myId}-btn-close`,
256
+ class: "tp-btn-close"
138
257
  }, [
139
- createVNode(_component_el_tag, {
140
- closable: false,
141
- size: _ctx.collapseTagSize,
142
- type: _ctx.tagType,
143
- "disable-transitions": "",
144
- style: normalizeStyle(_ctx.collapseTagStyle)
258
+ createVNode(_component_el_icon, {
259
+ class: normalizeClass(["el-select__caret", "el-select__icon", _ctx.iconReverse])
145
260
  }, {
146
261
  default: withCtx(() => [
147
- createElementVNode("span", {
148
- class: normalizeClass(_ctx.nsSelect.e("tags-text"))
149
- }, " + " + toDisplayString(_ctx.states.selected.length - _ctx.maxCollapseTags), 3)
262
+ createVNode(_component_ArrowDown)
150
263
  ]),
151
264
  _: 1
152
- }, 8, ["size", "type", "style"])
153
- ], 2)
154
- ]),
155
- content: withCtx(() => [
156
- createElementVNode("div", {
157
- ref: "tagMenuRef",
158
- class: normalizeClass(_ctx.nsSelect.e("selection"))
159
- }, [
160
- (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.collapseTagList, (item) => {
161
- return openBlock(), createElementBlock("div", {
162
- key: _ctx.getValueKey(item),
163
- class: normalizeClass(_ctx.nsSelect.e("selected-item"))
164
- }, [
165
- createVNode(_component_el_tag, {
166
- class: "in-tooltip",
167
- closable: !_ctx.selectDisabled && !item.isDisabled,
168
- size: _ctx.collapseTagSize,
169
- type: _ctx.tagType,
170
- "disable-transitions": "",
171
- onClose: ($event) => _ctx.deleteTag($event, item)
172
- }, {
173
- default: withCtx(() => [
174
- createElementVNode("span", {
175
- class: normalizeClass(_ctx.nsSelect.e("tags-text"))
176
- }, toDisplayString(item.currentLabel), 3)
177
- ]),
178
- _: 2
179
- }, 1032, ["closable", "size", "type", "onClose"])
180
- ], 2);
181
- }), 128))
182
- ], 2)
265
+ }, 8, ["class"])
266
+ ], 8, _hoisted_8)) : createCommentVNode("", true)
183
267
  ]),
184
268
  _: 1
185
- }, 8, ["disabled", "effect", "teleported"])) : createCommentVNode("", true)
186
- ], true) : createCommentVNode("", true),
187
- withDirectives(createElementVNode("input", {
188
- id: `${_ctx.myId}-input`,
189
- ref: "inputRef",
190
- "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.states.inputValue = $event),
191
- type: "text",
192
- class: normalizeClass(["el-select__input el-input__inner", [_ctx.nsSelect.is(_ctx.selectSize)]]),
193
- autocomplete: "off",
194
- size: _ctx.selectSize,
195
- style: normalizeStyle(_ctx.inputStyle),
196
- role: "combobox",
197
- spellcheck: "false",
198
- "aria-activedescendant": ((_a = _ctx.hoverOption) == null ? void 0 : _a.id) || "",
199
- "aria-controls": _ctx.contentId,
200
- "aria-expanded": _ctx.dropdownMenuVisible,
201
- "aria-label": _ctx.ariaLabel,
202
- "aria-autocomplete": "none",
203
- "aria-haspopup": "listbox",
204
- name: _ctx.name,
205
- onFocus: _cache[1] || (_cache[1] = (...args) => _ctx.handleFocus && _ctx.handleFocus(...args)),
206
- onBlur: _cache[2] || (_cache[2] = (...args) => _ctx.handleBlur && _ctx.handleBlur(...args)),
207
- onKeydown: [
208
- _cache[3] || (_cache[3] = withKeys(withModifiers(($event) => _ctx.navigateOptions("next"), ["stop", "prevent"]), ["down"])),
209
- _cache[4] || (_cache[4] = withKeys(withModifiers(($event) => _ctx.navigateOptions("prev"), ["stop", "prevent"]), ["up"])),
210
- _cache[5] || (_cache[5] = withKeys(withModifiers((...args) => _ctx.handleEsc && _ctx.handleEsc(...args), ["stop", "prevent"]), ["esc"])),
211
- _cache[6] || (_cache[6] = withKeys(withModifiers((...args) => _ctx.selectOption && _ctx.selectOption(...args), ["stop", "prevent"]), ["enter"])),
212
- _cache[7] || (_cache[7] = withKeys(withModifiers((...args) => _ctx.deletePrevTag && _ctx.deletePrevTag(...args), ["stop"]), ["delete"]))
213
- ],
214
- onCompositionstart: _cache[8] || (_cache[8] = (...args) => _ctx.handleCompositionStart && _ctx.handleCompositionStart(...args)),
215
- onCompositionupdate: _cache[9] || (_cache[9] = (...args) => _ctx.handleCompositionUpdate && _ctx.handleCompositionUpdate(...args)),
216
- onCompositionend: _cache[10] || (_cache[10] = (...args) => _ctx.handleCompositionEnd && _ctx.handleCompositionEnd(...args)),
217
- onInput: _cache[11] || (_cache[11] = (...args) => _ctx.onInput && _ctx.onInput(...args)),
218
- onClick: _cache[12] || (_cache[12] = withModifiers((...args) => _ctx.toggleMenu && _ctx.toggleMenu(...args), ["stop"]))
219
- }, null, 46, _hoisted_6), [
220
- [vModelText, _ctx.states.inputValue]
269
+ })
221
270
  ]),
222
- _ctx.shouldShowPlaceholder ? (openBlock(), createElementBlock("div", {
223
- key: 1,
224
- class: normalizeClass([
225
- _ctx.nsSelect.e("selected-item"),
226
- _ctx.nsSelect.e("placeholder"),
227
- _ctx.nsSelect.is("transparent", !_ctx.hasModelValue || _ctx.expanded && !_ctx.states.inputValue)
228
- ])
229
- }, [
230
- createElementVNode("span", null, toDisplayString(_ctx.currentPlaceholder), 1)
231
- ], 2)) : createCommentVNode("", true)
232
- ]),
233
- createElementVNode("div", _hoisted_7, [
234
- _ctx.states.selectedLabel ? (openBlock(), createBlock(_component_el_icon, {
235
- key: 0,
236
- id: `${_ctx.myId}-btn-clear`,
237
- class: "tp-autosuggest-clear-icon fa fa-times-circle",
238
- onClick: withModifiers(_ctx.clearTags, ["stop", "prevent"])
239
- }, null, 8, ["id", "onClick"])) : createCommentVNode("", true),
240
- createVNode(_component_el_row, {
241
- justify: _ctx.states.selectedLabel ? "space-between" : "end",
242
- align: "middle"
243
- }, {
244
- default: withCtx(() => [
245
- createVNode(_component_el_row, {
246
- align: "middle",
247
- justify: "space-around",
248
- class: "el-input__close"
271
+ _: 1
272
+ }, 8, ["justify"])
273
+ ])
274
+ ])) : (openBlock(), createElementBlock("div", _hoisted_9, [
275
+ createElementVNode("div", _hoisted_10, [
276
+ _ctx.multiple ? renderSlot(_ctx.$slots, "tag", { key: 0 }, () => [
277
+ (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.showTagList, (item) => {
278
+ return openBlock(), createElementBlock("div", {
279
+ key: _ctx.getValueKey(item),
280
+ class: normalizeClass(_ctx.nsSelect.e("selected-item"))
281
+ }, [
282
+ createVNode(_component_el_tag, {
283
+ closable: false,
284
+ size: _ctx.collapseTagSize,
285
+ type: _ctx.tagType,
286
+ "disable-transitions": "",
287
+ style: normalizeStyle(_ctx.tagStyle)
249
288
  }, {
250
289
  default: withCtx(() => [
251
- createVNode(_component_el_divider, {
252
- direction: "vertical",
253
- class: "tp-autosuggest-vertical-divider"
254
- }),
255
- !_ctx.showClose ? (openBlock(), createElementBlock("div", {
256
- key: 0,
257
- id: `${_ctx.myId}-btn-close`,
258
- class: "tp-btn-close"
259
- }, [
260
- createVNode(_component_el_icon, {
261
- class: normalizeClass(["el-select__caret", "el-select__icon", _ctx.iconReverse])
262
- }, {
263
- default: withCtx(() => [
264
- createVNode(_component_ArrowDown)
265
- ]),
266
- _: 1
267
- }, 8, ["class"])
268
- ], 8, _hoisted_8)) : createCommentVNode("", true)
290
+ createElementVNode("span", {
291
+ class: normalizeClass(_ctx.nsSelect.e("tags-text"))
292
+ }, toDisplayString(item.currentLabel), 3)
269
293
  ]),
270
- _: 1
271
- })
272
- ]),
273
- _: 1
274
- }, 8, ["justify"])
275
- ])
276
- ])) : (openBlock(), createElementBlock("div", _hoisted_9, [
277
- createElementVNode("div", _hoisted_10, [
278
- _ctx.multiple ? renderSlot(_ctx.$slots, "tag", { key: 0 }, () => [
279
- (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.showTagList, (item) => {
280
- return openBlock(), createElementBlock("div", {
281
- key: _ctx.getValueKey(item),
294
+ _: 2
295
+ }, 1032, ["size", "type", "style"])
296
+ ], 2);
297
+ }), 128)),
298
+ _ctx.collapseTags && _ctx.states.selected.length > _ctx.maxCollapseTags ? (openBlock(), createBlock(_component_el_tooltip, {
299
+ key: 0,
300
+ ref: "tagTooltipRef",
301
+ disabled: _ctx.dropdownMenuVisible || !_ctx.collapseTagsTooltip,
302
+ "fallback-placements": ["bottom", "top", "right", "left"],
303
+ effect: _ctx.effect,
304
+ placement: "bottom",
305
+ teleported: _ctx.teleported
306
+ }, {
307
+ default: withCtx(() => [
308
+ createElementVNode("div", {
309
+ ref: "collapseItemRef",
282
310
  class: normalizeClass(_ctx.nsSelect.e("selected-item"))
283
311
  }, [
284
312
  createVNode(_component_el_tag, {
@@ -286,95 +314,64 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
286
314
  size: _ctx.collapseTagSize,
287
315
  type: _ctx.tagType,
288
316
  "disable-transitions": "",
289
- style: normalizeStyle(_ctx.tagStyle)
317
+ style: normalizeStyle(_ctx.collapseTagStyle)
290
318
  }, {
291
319
  default: withCtx(() => [
292
320
  createElementVNode("span", {
293
321
  class: normalizeClass(_ctx.nsSelect.e("tags-text"))
294
- }, toDisplayString(item.currentLabel), 3)
322
+ }, " + " + toDisplayString(_ctx.states.selected.length - _ctx.maxCollapseTags), 3)
295
323
  ]),
296
- _: 2
297
- }, 1032, ["size", "type", "style"])
298
- ], 2);
299
- }), 128)),
300
- _ctx.collapseTags && _ctx.states.selected.length > _ctx.maxCollapseTags ? (openBlock(), createBlock(_component_el_tooltip, {
301
- key: 0,
302
- ref: "tagTooltipRef",
303
- disabled: _ctx.dropdownMenuVisible || !_ctx.collapseTagsTooltip,
304
- "fallback-placements": ["bottom", "top", "right", "left"],
305
- effect: _ctx.effect,
306
- placement: "bottom",
307
- teleported: _ctx.teleported
308
- }, {
309
- default: withCtx(() => [
310
- createElementVNode("div", {
311
- ref: "collapseItemRef",
312
- class: normalizeClass(_ctx.nsSelect.e("selected-item"))
313
- }, [
314
- createVNode(_component_el_tag, {
315
- closable: false,
316
- size: _ctx.collapseTagSize,
317
- type: _ctx.tagType,
318
- "disable-transitions": "",
319
- style: normalizeStyle(_ctx.collapseTagStyle)
320
- }, {
321
- default: withCtx(() => [
322
- createElementVNode("span", {
323
- class: normalizeClass(_ctx.nsSelect.e("tags-text"))
324
- }, " + " + toDisplayString(_ctx.states.selected.length - _ctx.maxCollapseTags), 3)
325
- ]),
326
- _: 1
327
- }, 8, ["size", "type", "style"])
328
- ], 2)
329
- ]),
330
- content: withCtx(() => [
331
- createElementVNode("div", {
332
- ref: "tagMenuRef",
333
- class: normalizeClass(_ctx.nsSelect.e("selection"))
334
- }, [
335
- (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.collapseTagList, (item) => {
336
- return openBlock(), createElementBlock("div", {
337
- key: _ctx.getValueKey(item),
338
- class: normalizeClass(_ctx.nsSelect.e("selected-item"))
339
- }, [
340
- createVNode(_component_el_tag, {
341
- class: "in-tooltip",
342
- closable: false,
343
- size: _ctx.collapseTagSize,
344
- type: _ctx.tagType,
345
- "disable-transitions": ""
346
- }, {
347
- default: withCtx(() => [
348
- createElementVNode("span", {
349
- class: normalizeClass(_ctx.nsSelect.e("tags-text"))
350
- }, toDisplayString(item.currentLabel), 3)
351
- ]),
352
- _: 2
353
- }, 1032, ["size", "type"])
354
- ], 2);
355
- }), 128))
356
- ], 2)
357
- ]),
358
- _: 1
359
- }, 8, ["disabled", "effect", "teleported"])) : createCommentVNode("", true)
360
- ], true) : createCommentVNode("", true),
361
- _ctx.shouldShowPlaceholder ? (openBlock(), createElementBlock("div", {
362
- key: 1,
363
- class: normalizeClass([
364
- _ctx.nsSelect.e("selected-item"),
365
- _ctx.nsSelect.e("placeholder"),
366
- _ctx.nsSelect.is("transparent", !_ctx.hasModelValue || _ctx.expanded && !_ctx.states.inputValue)
367
- ])
368
- }, [
369
- createElementVNode("span", null, toDisplayString(_ctx.currentPlaceholder), 1)
370
- ], 2)) : createCommentVNode("", true)
371
- ])
372
- ]))
373
- ])
374
- ], 512)
375
- ], 2)
376
- ];
377
- }),
324
+ _: 1
325
+ }, 8, ["size", "type", "style"])
326
+ ], 2)
327
+ ]),
328
+ content: withCtx(() => [
329
+ createElementVNode("div", {
330
+ ref: "tagMenuRef",
331
+ class: normalizeClass(_ctx.nsSelect.e("selection"))
332
+ }, [
333
+ (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.collapseTagList, (item) => {
334
+ return openBlock(), createElementBlock("div", {
335
+ key: _ctx.getValueKey(item),
336
+ class: normalizeClass(_ctx.nsSelect.e("selected-item"))
337
+ }, [
338
+ createVNode(_component_el_tag, {
339
+ class: "in-tooltip",
340
+ closable: false,
341
+ size: _ctx.collapseTagSize,
342
+ type: _ctx.tagType,
343
+ "disable-transitions": ""
344
+ }, {
345
+ default: withCtx(() => [
346
+ createElementVNode("span", {
347
+ class: normalizeClass(_ctx.nsSelect.e("tags-text"))
348
+ }, toDisplayString(item.currentLabel), 3)
349
+ ]),
350
+ _: 2
351
+ }, 1032, ["size", "type"])
352
+ ], 2);
353
+ }), 128))
354
+ ], 2)
355
+ ]),
356
+ _: 1
357
+ }, 8, ["disabled", "effect", "teleported"])) : createCommentVNode("", true)
358
+ ], true) : createCommentVNode("", true),
359
+ _ctx.shouldShowPlaceholder ? (openBlock(), createElementBlock("div", {
360
+ key: 1,
361
+ class: normalizeClass([
362
+ _ctx.nsSelect.e("selected-item"),
363
+ _ctx.nsSelect.e("placeholder"),
364
+ _ctx.nsSelect.is("transparent", !_ctx.hasModelValue || _ctx.expanded && !_ctx.states.inputValue)
365
+ ])
366
+ }, [
367
+ createElementVNode("span", null, toDisplayString(_ctx.currentPlaceholder), 1)
368
+ ], 2)) : createCommentVNode("", true)
369
+ ])
370
+ ]))
371
+ ])
372
+ ], 512)
373
+ ], 2)
374
+ ]),
378
375
  content: withCtx(() => [
379
376
  createVNode(_component_el_select_menu, { ref: "menuRef" }, {
380
377
  default: withCtx(() => [
@@ -440,7 +437,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
440
437
  [_directive_click_outside, _ctx.handleClickOutside, _ctx.popperRef]
441
438
  ]);
442
439
  }
443
- const Autosuggest = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-8f8ea081"]]);
440
+ const Autosuggest = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-928a98d1"]]);
444
441
  export {
445
442
  Autosuggest as default
446
443
  };
@@ -1,17 +1,19 @@
1
- import { defineComponent } from "vue";
2
1
  import Autosuggest from "./Autosuggest.vue.mjs";
3
2
  import autosuggestCore from "./core.mjs";
4
3
  import multisuggestProps from "./multisuggest-props.mjs";
4
+ import { defineComponent } from "vue";
5
5
  /* empty css */
6
6
  import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.mjs";
7
- const multisuggestDefinition = autosuggestCore("TpMultisuggest", multisuggestProps);
7
+ const name = "TpMultisuggest";
8
+ const multisuggestDefinition = autosuggestCore(name, multisuggestProps);
8
9
  const _sfc_main = defineComponent(
9
10
  {
11
+ name,
10
12
  ...multisuggestDefinition,
11
13
  extends: Autosuggest
12
14
  }
13
15
  );
14
- const Multisuggest = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-959c4f16"]]);
16
+ const Multisuggest = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-72c56a97"]]);
15
17
  export {
16
18
  Multisuggest as default
17
19
  };
@@ -1,9 +1,9 @@
1
- import { provide, reactive } from "vue";
2
- import { ElScrollbar, ElRow, ElIcon, ElTag, ElDivider, ElTooltip, ClickOutside } from "element-plus";
3
- import { ArrowDown as arrow_down_default } from "../../../node_modules/@element-plus/icons-vue/dist/index.mjs";
4
- import ElSelectMenu from "./select-dropdown.vue.mjs";
5
1
  import ElOption from "./option.vue.mjs";
2
+ import ElSelectMenu from "./select-dropdown.vue.mjs";
6
3
  import { useSelect } from "./useSelect.mjs";
4
+ import { ArrowDown as arrow_down_default } from "../../../node_modules/@element-plus/icons-vue/dist/index.mjs";
5
+ import { ElScrollbar, ElRow, ElIcon, ElTag, ElDivider, ElTooltip, ClickOutside } from "element-plus";
6
+ import { provide, reactive } from "vue";
7
7
  function autosuggestCore(component_name, propsDefinition) {
8
8
  return {
9
9
  name: component_name,