@tagplus/components 5.3.7 → 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 (73) 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 +15 -21
  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 +15 -21
  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 +24 -32
  60. package/dist/demo.html +0 -1
  61. package/dist/fonts/bevi-bold.7e4dcd11.woff +0 -0
  62. package/dist/fonts/bevi-bold.873def84.woff2 +0 -0
  63. package/dist/fonts/bevi-medium.6187e050.woff2 +0 -0
  64. package/dist/fonts/bevi-medium.65b3056d.woff +0 -0
  65. package/dist/fonts/bevi-regular.c89f126e.woff +0 -0
  66. package/dist/fonts/bevi-regular.f81e4b8f.woff2 +0 -0
  67. package/dist/tp.common.js +0 -2
  68. package/dist/tp.common.js.map +0 -1
  69. package/dist/tp.css +0 -167
  70. package/dist/tp.umd.js +0 -2
  71. package/dist/tp.umd.js.map +0 -1
  72. package/dist/tp.umd.min.js +0 -2
  73. package/dist/tp.umd.min.js.map +0 -1
package/dist/lib/src/components/Autosuggest/Autosuggest.vue.js CHANGED
@@ -1,8 +1,8 @@
1
1
  "use strict";
2
2
  Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
3
- const vue = require("vue");
4
- const core = require("./core.js");
5
3
  const autosuggestProps = require("./autosuggest-props.js");
4
+ const core = require("./core.js");
5
+ const vue = require("vue");
6
6
  ;/* empty css */
7
7
  const _pluginVue_exportHelper = require("../../../_virtual/_plugin-vue_export-helper.js");
8
8
  const autosuggestDefinition = core.default("TpAutosuggest", autosuggestProps.default);
@@ -77,210 +77,238 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
77
77
  onBeforeShow: _ctx.handleMenuEnter,
78
78
  onHide: _cache[13] || (_cache[13] = ($event) => _ctx.states.isBeforeHide = false)
79
79
  }, {
80
- default: vue.withCtx(() => {
81
- var _a;
82
- return [
83
- vue.createElementVNode("div", {
84
- ref: "wrapperRef",
85
- class: vue.normalizeClass([
86
- _ctx.nsSelect.is("focused", _ctx.isFocused),
87
- _ctx.nsSelect.is("hovering", _ctx.states.inputHovering),
88
- _ctx.nsSelect.is("disabled", _ctx.selectDisabled)
89
- ])
90
- }, [
91
- vue.createElementVNode("div", _hoisted_1, [
92
- vue.createElementVNode("div", _hoisted_2, [
93
- !_ctx.selectDisabled ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
94
- vue.createElementVNode("div", _hoisted_4, [
95
- _cache[17] || (_cache[17] = vue.createElementVNode("div", { class: "tp-autosuggest-input-prepend-icon" }, [
96
- vue.createElementVNode("em", { class: "far fa-search" })
97
- ], -1)),
98
- vue.createVNode(_component_el_divider, {
99
- direction: "vertical",
100
- class: "tp-autosuggest-vertical-divider"
101
- })
102
- ]),
103
- vue.createElementVNode("div", _hoisted_5, [
104
- _ctx.multiple ? vue.renderSlot(_ctx.$slots, "tag", { key: 0 }, () => [
105
- (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.showTagList, (item) => {
106
- return vue.openBlock(), vue.createElementBlock("div", {
107
- key: _ctx.getValueKey(item),
80
+ default: vue.withCtx(() => [
81
+ vue.createElementVNode("div", {
82
+ ref: "wrapperRef",
83
+ class: vue.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
+ vue.createElementVNode("div", _hoisted_1, [
90
+ vue.createElementVNode("div", _hoisted_2, [
91
+ !_ctx.selectDisabled ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
92
+ vue.createElementVNode("div", _hoisted_4, [
93
+ _cache[17] || (_cache[17] = vue.createElementVNode("div", { class: "tp-autosuggest-input-prepend-icon" }, [
94
+ vue.createElementVNode("em", { class: "far fa-search" })
95
+ ], -1)),
96
+ vue.createVNode(_component_el_divider, {
97
+ direction: "vertical",
98
+ class: "tp-autosuggest-vertical-divider"
99
+ })
100
+ ]),
101
+ vue.createElementVNode("div", _hoisted_5, [
102
+ _ctx.multiple ? vue.renderSlot(_ctx.$slots, "tag", { key: 0 }, () => [
103
+ (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.showTagList, (item) => {
104
+ return vue.openBlock(), vue.createElementBlock("div", {
105
+ key: _ctx.getValueKey(item),
106
+ class: vue.normalizeClass(_ctx.nsSelect.e("selected-item"))
107
+ }, [
108
+ vue.createVNode(_component_el_tag, {
109
+ closable: !_ctx.selectDisabled && !item.isDisabled,
110
+ size: _ctx.collapseTagSize,
111
+ type: _ctx.tagType,
112
+ "disable-transitions": "",
113
+ style: vue.normalizeStyle(_ctx.tagStyle),
114
+ onClose: ($event) => _ctx.deleteTag($event, item)
115
+ }, {
116
+ default: vue.withCtx(() => [
117
+ vue.createElementVNode("span", {
118
+ class: vue.normalizeClass(_ctx.nsSelect.e("tags-text"))
119
+ }, vue.toDisplayString(item.currentLabel), 3)
120
+ ]),
121
+ _: 2
122
+ }, 1032, ["closable", "size", "type", "style", "onClose"])
123
+ ], 2);
124
+ }), 128)),
125
+ _ctx.collapseTags && _ctx.states.selected.length > _ctx.maxCollapseTags ? (vue.openBlock(), vue.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
133
+ }, {
134
+ default: vue.withCtx(() => [
135
+ vue.createElementVNode("div", {
136
+ ref: "collapseItemRef",
108
137
  class: vue.normalizeClass(_ctx.nsSelect.e("selected-item"))
109
138
  }, [
110
139
  vue.createVNode(_component_el_tag, {
111
- closable: !_ctx.selectDisabled && !item.isDisabled,
140
+ closable: false,
112
141
  size: _ctx.collapseTagSize,
113
142
  type: _ctx.tagType,
114
143
  "disable-transitions": "",
115
- style: vue.normalizeStyle(_ctx.tagStyle),
116
- onClose: ($event) => _ctx.deleteTag($event, item)
144
+ style: vue.normalizeStyle(_ctx.collapseTagStyle)
117
145
  }, {
118
146
  default: vue.withCtx(() => [
119
147
  vue.createElementVNode("span", {
120
148
  class: vue.normalizeClass(_ctx.nsSelect.e("tags-text"))
121
- }, vue.toDisplayString(item.currentLabel), 3)
149
+ }, " + " + vue.toDisplayString(_ctx.states.selected.length - _ctx.maxCollapseTags), 3)
122
150
  ]),
123
- _: 2
124
- }, 1032, ["closable", "size", "type", "style", "onClose"])
125
- ], 2);
126
- }), 128)),
127
- _ctx.collapseTags && _ctx.states.selected.length > _ctx.maxCollapseTags ? (vue.openBlock(), vue.createBlock(_component_el_tooltip, {
128
- key: 0,
129
- ref: "tagTooltipRef",
130
- disabled: _ctx.dropdownMenuVisible || !_ctx.collapseTagsTooltip,
131
- "fallback-placements": ["bottom", "top", "right", "left"],
132
- effect: _ctx.effect,
133
- placement: "bottom",
134
- teleported: _ctx.teleported
151
+ _: 1
152
+ }, 8, ["size", "type", "style"])
153
+ ], 2)
154
+ ]),
155
+ content: vue.withCtx(() => [
156
+ vue.createElementVNode("div", {
157
+ ref: "tagMenuRef",
158
+ class: vue.normalizeClass(_ctx.nsSelect.e("selection"))
159
+ }, [
160
+ (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.collapseTagList, (item) => {
161
+ return vue.openBlock(), vue.createElementBlock("div", {
162
+ key: _ctx.getValueKey(item),
163
+ class: vue.normalizeClass(_ctx.nsSelect.e("selected-item"))
164
+ }, [
165
+ vue.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: vue.withCtx(() => [
174
+ vue.createElementVNode("span", {
175
+ class: vue.normalizeClass(_ctx.nsSelect.e("tags-text"))
176
+ }, vue.toDisplayString(item.currentLabel), 3)
177
+ ]),
178
+ _: 2
179
+ }, 1032, ["closable", "size", "type", "onClose"])
180
+ ], 2);
181
+ }), 128))
182
+ ], 2)
183
+ ]),
184
+ _: 1
185
+ }, 8, ["disabled", "effect", "teleported"])) : vue.createCommentVNode("", true)
186
+ ], true) : vue.createCommentVNode("", true),
187
+ vue.withDirectives(vue.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: vue.normalizeClass(["el-select__input el-input__inner", [_ctx.nsSelect.is(_ctx.selectSize)]]),
193
+ autocomplete: "off",
194
+ size: _ctx.selectSize,
195
+ style: vue.normalizeStyle(_ctx.inputStyle),
196
+ role: "combobox",
197
+ spellcheck: "false",
198
+ "aria-activedescendant": _ctx.hoverOption?.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] = vue.withKeys(vue.withModifiers(($event) => _ctx.navigateOptions("next"), ["stop", "prevent"]), ["down"])),
209
+ _cache[4] || (_cache[4] = vue.withKeys(vue.withModifiers(($event) => _ctx.navigateOptions("prev"), ["stop", "prevent"]), ["up"])),
210
+ _cache[5] || (_cache[5] = vue.withKeys(vue.withModifiers((...args) => _ctx.handleEsc && _ctx.handleEsc(...args), ["stop", "prevent"]), ["esc"])),
211
+ _cache[6] || (_cache[6] = vue.withKeys(vue.withModifiers((...args) => _ctx.selectOption && _ctx.selectOption(...args), ["stop", "prevent"]), ["enter"])),
212
+ _cache[7] || (_cache[7] = vue.withKeys(vue.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] = vue.withModifiers((...args) => _ctx.toggleMenu && _ctx.toggleMenu(...args), ["stop"]))
219
+ }, null, 46, _hoisted_6), [
220
+ [vue.vModelText, _ctx.states.inputValue]
221
+ ]),
222
+ _ctx.shouldShowPlaceholder ? (vue.openBlock(), vue.createElementBlock("div", {
223
+ key: 1,
224
+ class: vue.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
+ vue.createElementVNode("span", null, vue.toDisplayString(_ctx.currentPlaceholder), 1)
231
+ ], 2)) : vue.createCommentVNode("", true)
232
+ ]),
233
+ vue.createElementVNode("div", _hoisted_7, [
234
+ _ctx.states.selectedLabel ? (vue.openBlock(), vue.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: vue.withModifiers(_ctx.clearTags, ["stop", "prevent"])
239
+ }, null, 8, ["id", "onClick"])) : vue.createCommentVNode("", true),
240
+ vue.createVNode(_component_el_row, {
241
+ justify: _ctx.states.selectedLabel ? "space-between" : "end",
242
+ align: "middle"
243
+ }, {
244
+ default: vue.withCtx(() => [
245
+ vue.createVNode(_component_el_row, {
246
+ align: "middle",
247
+ justify: "space-around",
248
+ class: "el-input__close"
135
249
  }, {
136
250
  default: vue.withCtx(() => [
137
- vue.createElementVNode("div", {
138
- ref: "collapseItemRef",
139
- class: vue.normalizeClass(_ctx.nsSelect.e("selected-item"))
251
+ vue.createVNode(_component_el_divider, {
252
+ direction: "vertical",
253
+ class: "tp-autosuggest-vertical-divider"
254
+ }),
255
+ !_ctx.showClose ? (vue.openBlock(), vue.createElementBlock("div", {
256
+ key: 0,
257
+ id: `${_ctx.myId}-btn-close`,
258
+ class: "tp-btn-close"
140
259
  }, [
141
- vue.createVNode(_component_el_tag, {
142
- closable: false,
143
- size: _ctx.collapseTagSize,
144
- type: _ctx.tagType,
145
- "disable-transitions": "",
146
- style: vue.normalizeStyle(_ctx.collapseTagStyle)
260
+ vue.createVNode(_component_el_icon, {
261
+ class: vue.normalizeClass(["el-select__caret", "el-select__icon", _ctx.iconReverse])
147
262
  }, {
148
263
  default: vue.withCtx(() => [
149
- vue.createElementVNode("span", {
150
- class: vue.normalizeClass(_ctx.nsSelect.e("tags-text"))
151
- }, " + " + vue.toDisplayString(_ctx.states.selected.length - _ctx.maxCollapseTags), 3)
264
+ vue.createVNode(_component_ArrowDown)
152
265
  ]),
153
266
  _: 1
154
- }, 8, ["size", "type", "style"])
155
- ], 2)
156
- ]),
157
- content: vue.withCtx(() => [
158
- vue.createElementVNode("div", {
159
- ref: "tagMenuRef",
160
- class: vue.normalizeClass(_ctx.nsSelect.e("selection"))
161
- }, [
162
- (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.collapseTagList, (item) => {
163
- return vue.openBlock(), vue.createElementBlock("div", {
164
- key: _ctx.getValueKey(item),
165
- class: vue.normalizeClass(_ctx.nsSelect.e("selected-item"))
166
- }, [
167
- vue.createVNode(_component_el_tag, {
168
- class: "in-tooltip",
169
- closable: !_ctx.selectDisabled && !item.isDisabled,
170
- size: _ctx.collapseTagSize,
171
- type: _ctx.tagType,
172
- "disable-transitions": "",
173
- onClose: ($event) => _ctx.deleteTag($event, item)
174
- }, {
175
- default: vue.withCtx(() => [
176
- vue.createElementVNode("span", {
177
- class: vue.normalizeClass(_ctx.nsSelect.e("tags-text"))
178
- }, vue.toDisplayString(item.currentLabel), 3)
179
- ]),
180
- _: 2
181
- }, 1032, ["closable", "size", "type", "onClose"])
182
- ], 2);
183
- }), 128))
184
- ], 2)
267
+ }, 8, ["class"])
268
+ ], 8, _hoisted_8)) : vue.createCommentVNode("", true)
185
269
  ]),
186
270
  _: 1
187
- }, 8, ["disabled", "effect", "teleported"])) : vue.createCommentVNode("", true)
188
- ], true) : vue.createCommentVNode("", true),
189
- vue.withDirectives(vue.createElementVNode("input", {
190
- id: `${_ctx.myId}-input`,
191
- ref: "inputRef",
192
- "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.states.inputValue = $event),
193
- type: "text",
194
- class: vue.normalizeClass(["el-select__input el-input__inner", [_ctx.nsSelect.is(_ctx.selectSize)]]),
195
- autocomplete: "off",
196
- size: _ctx.selectSize,
197
- style: vue.normalizeStyle(_ctx.inputStyle),
198
- role: "combobox",
199
- spellcheck: "false",
200
- "aria-activedescendant": ((_a = _ctx.hoverOption) == null ? void 0 : _a.id) || "",
201
- "aria-controls": _ctx.contentId,
202
- "aria-expanded": _ctx.dropdownMenuVisible,
203
- "aria-label": _ctx.ariaLabel,
204
- "aria-autocomplete": "none",
205
- "aria-haspopup": "listbox",
206
- name: _ctx.name,
207
- onFocus: _cache[1] || (_cache[1] = (...args) => _ctx.handleFocus && _ctx.handleFocus(...args)),
208
- onBlur: _cache[2] || (_cache[2] = (...args) => _ctx.handleBlur && _ctx.handleBlur(...args)),
209
- onKeydown: [
210
- _cache[3] || (_cache[3] = vue.withKeys(vue.withModifiers(($event) => _ctx.navigateOptions("next"), ["stop", "prevent"]), ["down"])),
211
- _cache[4] || (_cache[4] = vue.withKeys(vue.withModifiers(($event) => _ctx.navigateOptions("prev"), ["stop", "prevent"]), ["up"])),
212
- _cache[5] || (_cache[5] = vue.withKeys(vue.withModifiers((...args) => _ctx.handleEsc && _ctx.handleEsc(...args), ["stop", "prevent"]), ["esc"])),
213
- _cache[6] || (_cache[6] = vue.withKeys(vue.withModifiers((...args) => _ctx.selectOption && _ctx.selectOption(...args), ["stop", "prevent"]), ["enter"])),
214
- _cache[7] || (_cache[7] = vue.withKeys(vue.withModifiers((...args) => _ctx.deletePrevTag && _ctx.deletePrevTag(...args), ["stop"]), ["delete"]))
215
- ],
216
- onCompositionstart: _cache[8] || (_cache[8] = (...args) => _ctx.handleCompositionStart && _ctx.handleCompositionStart(...args)),
217
- onCompositionupdate: _cache[9] || (_cache[9] = (...args) => _ctx.handleCompositionUpdate && _ctx.handleCompositionUpdate(...args)),
218
- onCompositionend: _cache[10] || (_cache[10] = (...args) => _ctx.handleCompositionEnd && _ctx.handleCompositionEnd(...args)),
219
- onInput: _cache[11] || (_cache[11] = (...args) => _ctx.onInput && _ctx.onInput(...args)),
220
- onClick: _cache[12] || (_cache[12] = vue.withModifiers((...args) => _ctx.toggleMenu && _ctx.toggleMenu(...args), ["stop"]))
221
- }, null, 46, _hoisted_6), [
222
- [vue.vModelText, _ctx.states.inputValue]
271
+ })
223
272
  ]),
224
- _ctx.shouldShowPlaceholder ? (vue.openBlock(), vue.createElementBlock("div", {
225
- key: 1,
226
- class: vue.normalizeClass([
227
- _ctx.nsSelect.e("selected-item"),
228
- _ctx.nsSelect.e("placeholder"),
229
- _ctx.nsSelect.is("transparent", !_ctx.hasModelValue || _ctx.expanded && !_ctx.states.inputValue)
230
- ])
231
- }, [
232
- vue.createElementVNode("span", null, vue.toDisplayString(_ctx.currentPlaceholder), 1)
233
- ], 2)) : vue.createCommentVNode("", true)
234
- ]),
235
- vue.createElementVNode("div", _hoisted_7, [
236
- _ctx.states.selectedLabel ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
237
- key: 0,
238
- id: `${_ctx.myId}-btn-clear`,
239
- class: "tp-autosuggest-clear-icon fa fa-times-circle",
240
- onClick: vue.withModifiers(_ctx.clearTags, ["stop", "prevent"])
241
- }, null, 8, ["id", "onClick"])) : vue.createCommentVNode("", true),
242
- vue.createVNode(_component_el_row, {
243
- justify: _ctx.states.selectedLabel ? "space-between" : "end",
244
- align: "middle"
245
- }, {
246
- default: vue.withCtx(() => [
247
- vue.createVNode(_component_el_row, {
248
- align: "middle",
249
- justify: "space-around",
250
- class: "el-input__close"
273
+ _: 1
274
+ }, 8, ["justify"])
275
+ ])
276
+ ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_9, [
277
+ vue.createElementVNode("div", _hoisted_10, [
278
+ _ctx.multiple ? vue.renderSlot(_ctx.$slots, "tag", { key: 0 }, () => [
279
+ (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.showTagList, (item) => {
280
+ return vue.openBlock(), vue.createElementBlock("div", {
281
+ key: _ctx.getValueKey(item),
282
+ class: vue.normalizeClass(_ctx.nsSelect.e("selected-item"))
283
+ }, [
284
+ vue.createVNode(_component_el_tag, {
285
+ closable: false,
286
+ size: _ctx.collapseTagSize,
287
+ type: _ctx.tagType,
288
+ "disable-transitions": "",
289
+ style: vue.normalizeStyle(_ctx.tagStyle)
251
290
  }, {
252
291
  default: vue.withCtx(() => [
253
- vue.createVNode(_component_el_divider, {
254
- direction: "vertical",
255
- class: "tp-autosuggest-vertical-divider"
256
- }),
257
- !_ctx.showClose ? (vue.openBlock(), vue.createElementBlock("div", {
258
- key: 0,
259
- id: `${_ctx.myId}-btn-close`,
260
- class: "tp-btn-close"
261
- }, [
262
- vue.createVNode(_component_el_icon, {
263
- class: vue.normalizeClass(["el-select__caret", "el-select__icon", _ctx.iconReverse])
264
- }, {
265
- default: vue.withCtx(() => [
266
- vue.createVNode(_component_ArrowDown)
267
- ]),
268
- _: 1
269
- }, 8, ["class"])
270
- ], 8, _hoisted_8)) : vue.createCommentVNode("", true)
292
+ vue.createElementVNode("span", {
293
+ class: vue.normalizeClass(_ctx.nsSelect.e("tags-text"))
294
+ }, vue.toDisplayString(item.currentLabel), 3)
271
295
  ]),
272
- _: 1
273
- })
274
- ]),
275
- _: 1
276
- }, 8, ["justify"])
277
- ])
278
- ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_9, [
279
- vue.createElementVNode("div", _hoisted_10, [
280
- _ctx.multiple ? vue.renderSlot(_ctx.$slots, "tag", { key: 0 }, () => [
281
- (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.showTagList, (item) => {
282
- return vue.openBlock(), vue.createElementBlock("div", {
283
- key: _ctx.getValueKey(item),
296
+ _: 2
297
+ }, 1032, ["size", "type", "style"])
298
+ ], 2);
299
+ }), 128)),
300
+ _ctx.collapseTags && _ctx.states.selected.length > _ctx.maxCollapseTags ? (vue.openBlock(), vue.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: vue.withCtx(() => [
310
+ vue.createElementVNode("div", {
311
+ ref: "collapseItemRef",
284
312
  class: vue.normalizeClass(_ctx.nsSelect.e("selected-item"))
285
313
  }, [
286
314
  vue.createVNode(_component_el_tag, {
@@ -288,95 +316,64 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
288
316
  size: _ctx.collapseTagSize,
289
317
  type: _ctx.tagType,
290
318
  "disable-transitions": "",
291
- style: vue.normalizeStyle(_ctx.tagStyle)
319
+ style: vue.normalizeStyle(_ctx.collapseTagStyle)
292
320
  }, {
293
321
  default: vue.withCtx(() => [
294
322
  vue.createElementVNode("span", {
295
323
  class: vue.normalizeClass(_ctx.nsSelect.e("tags-text"))
296
- }, vue.toDisplayString(item.currentLabel), 3)
324
+ }, " + " + vue.toDisplayString(_ctx.states.selected.length - _ctx.maxCollapseTags), 3)
297
325
  ]),
298
- _: 2
299
- }, 1032, ["size", "type", "style"])
300
- ], 2);
301
- }), 128)),
302
- _ctx.collapseTags && _ctx.states.selected.length > _ctx.maxCollapseTags ? (vue.openBlock(), vue.createBlock(_component_el_tooltip, {
303
- key: 0,
304
- ref: "tagTooltipRef",
305
- disabled: _ctx.dropdownMenuVisible || !_ctx.collapseTagsTooltip,
306
- "fallback-placements": ["bottom", "top", "right", "left"],
307
- effect: _ctx.effect,
308
- placement: "bottom",
309
- teleported: _ctx.teleported
310
- }, {
311
- default: vue.withCtx(() => [
312
- vue.createElementVNode("div", {
313
- ref: "collapseItemRef",
314
- class: vue.normalizeClass(_ctx.nsSelect.e("selected-item"))
315
- }, [
316
- vue.createVNode(_component_el_tag, {
317
- closable: false,
318
- size: _ctx.collapseTagSize,
319
- type: _ctx.tagType,
320
- "disable-transitions": "",
321
- style: vue.normalizeStyle(_ctx.collapseTagStyle)
322
- }, {
323
- default: vue.withCtx(() => [
324
- vue.createElementVNode("span", {
325
- class: vue.normalizeClass(_ctx.nsSelect.e("tags-text"))
326
- }, " + " + vue.toDisplayString(_ctx.states.selected.length - _ctx.maxCollapseTags), 3)
327
- ]),
328
- _: 1
329
- }, 8, ["size", "type", "style"])
330
- ], 2)
331
- ]),
332
- content: vue.withCtx(() => [
333
- vue.createElementVNode("div", {
334
- ref: "tagMenuRef",
335
- class: vue.normalizeClass(_ctx.nsSelect.e("selection"))
336
- }, [
337
- (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.collapseTagList, (item) => {
338
- return vue.openBlock(), vue.createElementBlock("div", {
339
- key: _ctx.getValueKey(item),
340
- class: vue.normalizeClass(_ctx.nsSelect.e("selected-item"))
341
- }, [
342
- vue.createVNode(_component_el_tag, {
343
- class: "in-tooltip",
344
- closable: false,
345
- size: _ctx.collapseTagSize,
346
- type: _ctx.tagType,
347
- "disable-transitions": ""
348
- }, {
349
- default: vue.withCtx(() => [
350
- vue.createElementVNode("span", {
351
- class: vue.normalizeClass(_ctx.nsSelect.e("tags-text"))
352
- }, vue.toDisplayString(item.currentLabel), 3)
353
- ]),
354
- _: 2
355
- }, 1032, ["size", "type"])
356
- ], 2);
357
- }), 128))
358
- ], 2)
359
- ]),
360
- _: 1
361
- }, 8, ["disabled", "effect", "teleported"])) : vue.createCommentVNode("", true)
362
- ], true) : vue.createCommentVNode("", true),
363
- _ctx.shouldShowPlaceholder ? (vue.openBlock(), vue.createElementBlock("div", {
364
- key: 1,
365
- class: vue.normalizeClass([
366
- _ctx.nsSelect.e("selected-item"),
367
- _ctx.nsSelect.e("placeholder"),
368
- _ctx.nsSelect.is("transparent", !_ctx.hasModelValue || _ctx.expanded && !_ctx.states.inputValue)
369
- ])
370
- }, [
371
- vue.createElementVNode("span", null, vue.toDisplayString(_ctx.currentPlaceholder), 1)
372
- ], 2)) : vue.createCommentVNode("", true)
373
- ])
374
- ]))
375
- ])
376
- ], 512)
377
- ], 2)
378
- ];
379
- }),
326
+ _: 1
327
+ }, 8, ["size", "type", "style"])
328
+ ], 2)
329
+ ]),
330
+ content: vue.withCtx(() => [
331
+ vue.createElementVNode("div", {
332
+ ref: "tagMenuRef",
333
+ class: vue.normalizeClass(_ctx.nsSelect.e("selection"))
334
+ }, [
335
+ (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.collapseTagList, (item) => {
336
+ return vue.openBlock(), vue.createElementBlock("div", {
337
+ key: _ctx.getValueKey(item),
338
+ class: vue.normalizeClass(_ctx.nsSelect.e("selected-item"))
339
+ }, [
340
+ vue.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: vue.withCtx(() => [
348
+ vue.createElementVNode("span", {
349
+ class: vue.normalizeClass(_ctx.nsSelect.e("tags-text"))
350
+ }, vue.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"])) : vue.createCommentVNode("", true)
360
+ ], true) : vue.createCommentVNode("", true),
361
+ _ctx.shouldShowPlaceholder ? (vue.openBlock(), vue.createElementBlock("div", {
362
+ key: 1,
363
+ class: vue.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
+ vue.createElementVNode("span", null, vue.toDisplayString(_ctx.currentPlaceholder), 1)
370
+ ], 2)) : vue.createCommentVNode("", true)
371
+ ])
372
+ ]))
373
+ ])
374
+ ], 512)
375
+ ], 2)
376
+ ]),
380
377
  content: vue.withCtx(() => [
381
378
  vue.createVNode(_component_el_select_menu, { ref: "menuRef" }, {
382
379
  default: vue.withCtx(() => [
@@ -442,5 +439,5 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
442
439
  [_directive_click_outside, _ctx.handleClickOutside, _ctx.popperRef]
443
440
  ]);
444
441
  }
445
- const Autosuggest = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-8f8ea081"]]);
442
+ const Autosuggest = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-928a98d1"]]);
446
443
  exports.default = Autosuggest;
package/dist/lib/src/components/Autosuggest/Multisuggest.vue.js CHANGED
@@ -1,17 +1,19 @@
1
1
  "use strict";
2
2
  Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
3
- const vue = require("vue");
4
3
  const Autosuggest = require("./Autosuggest.vue.js");
5
4
  const core = require("./core.js");
6
5
  const multisuggestProps = require("./multisuggest-props.js");
6
+ const vue = require("vue");
7
7
  ;/* empty css */
8
8
  const _pluginVue_exportHelper = require("../../../_virtual/_plugin-vue_export-helper.js");
9
- const multisuggestDefinition = core.default("TpMultisuggest", multisuggestProps.default);
9
+ const name = "TpMultisuggest";
10
+ const multisuggestDefinition = core.default(name, multisuggestProps.default);
10
11
  const _sfc_main = vue.defineComponent(
11
12
  {
13
+ name,
12
14
  ...multisuggestDefinition,
13
15
  extends: Autosuggest.default
14
16
  }
15
17
  );
16
- const Multisuggest = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-959c4f16"]]);
18
+ const Multisuggest = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-72c56a97"]]);
17
19
  exports.default = Multisuggest;