@web-utils/component 4.0.16 → 5.0.0-beta01

package/vue-tags-input/index.mjs

@@ -1,431 +1,348 @@
-import { n } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-const l = {
-  name: "VueTagsInput",
-  props: {
-    elementId: {
-      type: String
-    },
-    existingTags: {
-      type: Array,
-      default: () => []
-    },
-    value: {
-      type: Array,
-      default: () => []
-    },
-    typeahead: {
-      type: Boolean,
-      default: !1
-    },
-    typeaheadStyle: {
-      type: String,
-      default: "badges"
-    },
-    typeaheadActivationThreshold: {
-      type: Number,
-      default: 1
-    },
-    typeaheadMaxResults: {
-      type: Number,
-      default: 0
-    },
-    typeaheadAlwaysShow: {
-      type: Boolean,
-      default: !1
-    },
-    typeaheadHideDiscard: {
-      type: Boolean,
-      default: !1
-    },
-    placeholder: {
-      type: String,
-      default: "请输入..."
-    },
-    discardSearchText: {
-      type: String,
-      default: "取消"
-    },
-    limit: {
-      type: Number,
-      default: 0
-    },
-    onlyExistingTags: {
-      type: Boolean,
-      default: !1
-    },
-    deleteOnBackspace: {
-      type: Boolean,
-      default: !0
-    },
-    allowDuplicates: {
-      type: Boolean,
-      default: !1
-    },
-    validate: {
-      type: Function,
-      default: () => !0
-    },
-    addTagsOnComma: {
-      type: Boolean,
-      default: !1
-    },
-    addTagsOnSpace: {
-      type: Boolean,
-      default: !1
-    },
-    addTagsOnBlur: {
-      type: Boolean,
-      default: !1
-    },
-    wrapperClass: {
-      type: String,
-      default: "tags-input-wrapper-default"
-    },
-    sortSearchResults: {
-      type: Boolean,
-      default: !0
-    },
-    caseSensitiveTags: {
-      type: Boolean,
-      default: !1
-    },
-    beforeAddingTag: {
-      type: Function,
-      default: () => !0
-    },
-    beforeRemovingTag: {
-      type: Function,
-      default: () => !0
-    }
-  },
-  data() {
-    return {
-      tags: [],
-      input: "",
-      oldInput: "",
-      hiddenInput: "",
-      searchResults: [],
-      searchSelection: 0
-    };
-  },
-  watch: {
-    input(t, e) {
-      this.$emit("input-changed", t), this.searchTag(!1), t.length && t !== e && (this.addTagsOnSpace && t.endsWith(" ") && (this.input = t.trim(), this.tagFromInput(!0)), this.addTagsOnComma && (t = t.trim(), t.endsWith(",") && (this.input = t.substring(0, t.length - 1), this.tagFromInput(!0))), this.$emit("change", t));
-    },
-    tags() {
-      this.hiddenInput = JSON.stringify(this.tags), this.$emit("input", this.tags);
-    },
-    value() {
-      this.tagsFromValue();
-    },
-    typeaheadAlwaysShow(t) {
-      t ? this.searchTag(!1) : this.clearSearchResults();
-    }
-  },
-  created() {
-    this.tagsFromValue(), this.typeaheadAlwaysShow && this.searchTag(!1), this.$emit("initialized");
-  },
-  methods: {
-    /**
-     * Remove reserved regex characters from a string so that they don't
-     * affect search results
-     *
-     * @param string
-     * @returns String
-     */
-    escapeRegExp(t) {
-      return t.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
-    },
-    /**
-     * Add a tag whether from user input or from search results (typeahead)
-     *
-     * @param ignoreSearchResults
-     * @returns void
-     */
-    tagFromInput(t = !1) {
-      if (this.searchResults.length && this.searchSelection >= 0 && !t)
-        this.tagFromSearch(this.searchResults[this.searchSelection]), this.input = "";
-      else {
-        const e = this.input.trim();
-        if (!this.onlyExistingTags && e.length && this.validate(e)) {
-          this.input = "";
-          let s = {
-            key: "",
-            value: e
-          };
-          const a = this.escapeRegExp(this.caseSensitiveTags ? s.value : s.value.toLowerCase());
-          for (const i of this.existingTags) {
-            const r = this.caseSensitiveTags ? i.value : i.value.toLowerCase();
-            if (a === r) {
-              s = { ...i };
-              break;
-            }
-          }
-          this.addTag(s);
-        }
-      }
-    },
-    /**
-     * Add a tag from search results when a user clicks on it
-     *
-     * @param tag
-     * @returns void
-     */
-    tagFromSearchOnClick(t) {
-      this.tagFromSearch(t), this.$refs.taginput.blur();
-    },
-    /**
-     * Add the selected tag from the search results.
-     * Clear search results.
-     * Clear user input.
-     *
-     * @param tag
-     * @return void
-     */
-    tagFromSearch(t) {
-      this.clearSearchResults(), this.addTag(t), this.$nextTick(() => {
-        this.input = "", this.oldInput = "";
-      });
-    },
-    /**
-     * Add/Select a tag
-     *
-     * @param tag
-     * @returns void | Boolean
-     */
-    addTag(t) {
-      if (!this.beforeAddingTag(t))
-        return !1;
-      if (this.limit > 0 && this.tags.length >= this.limit)
-        return this.$emit("limit-reached"), !1;
-      this.tagSelected(t) || (this.tags.push(t), this.$nextTick(() => {
-        this.$emit("tag-added", t), this.$emit("tags-updated");
-      }));
-    },
-    /**
-     * Remove the last tag in the tags array.
-     *
-     * @returns void
-     */
-    removeLastTag() {
-      !this.input.length && this.deleteOnBackspace && this.tags.length && this.removeTag(this.tags.length - 1);
-    },
-    /**
-     * Remove the selected tag at the specified index.
-     *
-     * @param index
-     * @returns void
-     */
-    removeTag(t) {
-      const e = this.tags[t];
-      if (!this.beforeRemovingTag(e))
-        return !1;
-      this.tags.splice(t, 1), this.$nextTick(() => {
-        this.$emit("tag-removed", e), this.$emit("tags-updated"), this.typeaheadAlwaysShow && this.searchTag();
-      });
-    },
-    /**
-     * Search the currently entered text in the list of existing tags
-     *
-     * @returns void | Boolean
-     */
-    searchTag() {
-      if (this.typeahead !== !0)
-        return !1;
-      if (this.oldInput !== this.input || !this.searchResults.length && this.typeaheadActivationThreshold === 0 || this.typeaheadAlwaysShow) {
-        this.searchResults = [], this.searchSelection = 0;
-        const t = this.input.trim();
-        if (t.length && t.length >= this.typeaheadActivationThreshold || this.typeaheadActivationThreshold === 0 || this.typeaheadAlwaysShow) {
-          const e = this.escapeRegExp(this.caseSensitiveTags ? t : t.toLowerCase());
-          for (const s of this.existingTags)
-            (this.caseSensitiveTags ? s.value : s.value.toLowerCase()).search(e) > -1 && !this.tagSelected(s) && this.searchResults.push(s);
-          this.sortSearchResults && this.searchResults.sort((s, a) => s.value < a.value ? -1 : s.value > a.value ? 1 : 0), this.typeaheadMaxResults > 0 && (this.searchResults = this.searchResults.slice(0, this.typeaheadMaxResults));
-        }
-        this.oldInput = this.input;
-      }
-    },
-    /**
-     * Hide the typeahead if there's nothing intered into the input field.
-     *
-     * @returns void
-     */
-    hideTypeahead() {
-      this.input.length || this.$nextTick(() => {
-        this.clearSearchResults();
-      });
-    },
-    /**
-     * Select the next search result in typeahead.
-     *
-     * @returns void
-     */
-    nextSearchResult() {
-      this.searchSelection + 1 <= this.searchResults.length - 1 && this.searchSelection++;
-    },
-    /**
-     * Select the previous search result in typeahead.
-     *
-     * @returns void
-     */
-    prevSearchResult() {
-      this.searchSelection > 0 && this.searchSelection--;
-    },
-    /**
-     * Clear/Empty the search results.
-     *
-     * @reutrns void
-     */
-    clearSearchResults() {
-      this.searchResults = [], this.searchSelection = 0, this.typeaheadAlwaysShow && this.$nextTick(() => {
-        this.searchTag();
-      });
-    },
-    /**
-     * Clear the list of selected tags.
-     *
-     * @returns void
-     */
-    clearTags() {
-      this.tags.splice(0, this.tags.length);
-    },
-    /**
-     * Replace the currently selected tags with the tags from the value.
-     *
-     * @returns void
-     */
-    tagsFromValue() {
-      if (this.value && this.value.length) {
-        if (!Array.isArray(this.value)) {
-          console.error("Voerro Tags Input: the v-model value must be an array!");
-          return;
-        }
-        const t = this.value;
-        if (this.tags === t)
-          return;
-        this.clearTags();
-        for (const e of t)
-          this.addTag(e);
-      } else {
-        if (this.tags.length === 0)
-          return;
-        this.clearTags();
-      }
-    },
-    /**
-     * Check if a tag is already selected.
-     *
-     * @param tag
-     * @returns Boolean
-     */
-    tagSelected(t) {
-      if (this.allowDuplicates || !t)
-        return !1;
-      const e = this.escapeRegExp(this.caseSensitiveTags ? t.value : t.value.toLowerCase());
-      for (const s of this.tags) {
-        const a = this.caseSensitiveTags ? s.value : s.value.toLowerCase();
-        if (s.key === t.key && a.search(e) > -1)
-          return !0;
-      }
-      return !1;
-    },
-    /**
-     * Clear the input.
-     *
-     * @returns void
-     */
-    clearInput() {
-      this.input = "";
-    },
-    /**
-     * Process all the keyup events.
-     *
-     * @param e
-     * @returns void
-     */
-    onKeyUp(t) {
-      this.$emit("keyup", t);
-    },
-    /**
-     * Process all the keydown events.
-     *
-     * @param e
-     * @returns void
-     */
-    onKeyDown(t) {
-      this.$emit("keydown", t);
-    },
-    /**
-     * Process the onfocus event.
-     *
-     * @param e
-     * @returns void
-     */
-    onFocus(t) {
-      this.$emit("focus", t), this.searchTag();
-    },
-    /**
-     * Process the onblur event.
-     *
-     * @param e
-     * @returns void
-     */
-    onBlur(t) {
-      this.$emit("blur", t), this.addTagsOnBlur && this.tagFromInput(!0), this.typeaheadAlwaysShow ? this.searchTag() : this.hideTypeahead();
-    }
-  }
-};
-var h = function() {
-  var e = this, s = e._self._c;
-  return s("div", { staticClass: "tags-input-root" }, [s("div", { class: `${e.wrapperClass} tags-input` }, [e._l(e.tags, function(a, i) {
-    return s("span", { key: i, staticClass: "el-tag el-tag--medium el-tag--light" }, [s("span", { domProps: { innerHTML: e._s(a.value) } }), s("i", { staticClass: "tags-input-remove ov", attrs: { href: "#" }, on: { click: function(r) {
-      return r.preventDefault(), e.removeTag(i);
-    } } })]);
-  }), s("input", { directives: [{ name: "model", rawName: "v-model", value: e.input, expression: "input" }], ref: "taginput", staticStyle: { height: "28px", "margin-top": "5px", "line-height": "28px" }, attrs: { type: "text", placeholder: e.placeholder }, domProps: { value: e.input }, on: { keydown: [function(a) {
-    return !a.type.indexOf("key") && e._k(a.keyCode, "enter", 13, a.key, "Enter") ? null : (a.preventDefault(), e.tagFromInput(!1));
-  }, function(a) {
-    return !a.type.indexOf("key") && a.keyCode !== 8 ? null : e.removeLastTag.apply(null, arguments);
-  }, function(a) {
-    return !a.type.indexOf("key") && e._k(a.keyCode, "down", 40, a.key, ["Down", "ArrowDown"]) ? null : e.nextSearchResult.apply(null, arguments);
-  }, function(a) {
-    return !a.type.indexOf("key") && e._k(a.keyCode, "up", 38, a.key, ["Up", "ArrowUp"]) ? null : e.prevSearchResult.apply(null, arguments);
-  }, e.onKeyDown], keyup: [e.onKeyUp, function(a) {
-    return !a.type.indexOf("key") && e._k(a.keyCode, "esc", 27, a.key, ["Esc", "Escape"]) ? null : e.clearSearchResults.apply(null, arguments);
-  }], focus: e.onFocus, blur: e.onBlur, value: e.tags, input: function(a) {
-    a.target.composing || (e.input = a.target.value);
-  } } }), e.elementId ? s("input", { directives: [{ name: "model", rawName: "v-model", value: e.hiddenInput, expression: "hiddenInput" }], attrs: { id: e.elementId, type: "hidden", name: e.elementId }, domProps: { value: e.hiddenInput }, on: { input: function(a) {
-    a.target.composing || (e.hiddenInput = a.target.value);
-  } } }) : e._e()], 2), s("div", { directives: [{ name: "show", rawName: "v-show", value: e.searchResults.length, expression: "searchResults.length" }] }, [e.typeaheadStyle === "badges" ? s("p", { class: `typeahead-${e.typeaheadStyle}` }, [e.typeaheadHideDiscard ? e._e() : s("span", { staticClass: "tags-input-badge typeahead-hide-btn tags-input-typeahead-item-default", domProps: { textContent: e._s(e.discardSearchText) }, on: { click: function(a) {
-    return a.preventDefault(), e.clearSearchResults.apply(null, arguments);
-  } } }), e._l(e.searchResults, function(a, i) {
-    return s("span", { key: i, staticClass: "tags-input-badge", class: {
-      "tags-input-typeahead-item-default": i != e.searchSelection,
-      "tags-input-typeahead-item-highlighted-default": i == e.searchSelection
-    }, domProps: { innerHTML: e._s(a.value) }, on: { mouseover: function(r) {
-      e.searchSelection = i;
-    }, mousedown: function(r) {
-      return r.preventDefault(), e.tagFromSearchOnClick(a);
-    } } });
-  })], 2) : e.typeaheadStyle === "dropdown" ? s("ul", { class: `typeahead-${e.typeaheadStyle}` }, [e.typeaheadHideDiscard ? e._e() : s("li", { staticClass: "tags-input-typeahead-item-default typeahead-hide-btn", domProps: { textContent: e._s(e.discardSearchText) }, on: { mousedown: function(a) {
-    return a.preventDefault(), e.clearSearchResults.apply(null, arguments);
-  } } }), e._l(e.searchResults, function(a, i) {
-    return s("li", { key: i, class: {
-      "tags-input-typeahead-item-default": i != e.searchSelection,
-      "tags-input-typeahead-item-highlighted-default": i == e.searchSelection
-    }, domProps: { innerHTML: e._s(a.value) }, on: { mouseover: function(r) {
-      e.searchSelection = i;
-    }, mousedown: function(r) {
-      return r.preventDefault(), e.tagFromSearchOnClick(a);
-    } } });
-  })], 2) : e._e()])]);
-}, u = [], o = /* @__PURE__ */ n(
-  l,
-  h,
-  u,
-  !1,
-  null,
-  null
-);
-const p = o.exports;
-export {
-  p as default
-};
+import { t as e } from "../chunks/_plugin-vue_export-helper.7vrlOII_.mjs";
+import { Fragment as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, normalizeClass as a, openBlock as o, renderList as s, toDisplayString as c, vModelText as l, vShow as u, withDirectives as d, withKeys as f, withModifiers as p } from "vue";
+//#region src/components/VueTagsInput.vue
+var m = {
+	name: "VueTagsInput",
+	props: {
+		elementId: { type: String },
+		existingTags: {
+			type: Array,
+			default: () => []
+		},
+		modelValue: {
+			type: Array,
+			default: () => []
+		},
+		typeahead: {
+			type: Boolean,
+			default: !1
+		},
+		typeaheadStyle: {
+			type: String,
+			default: "badges"
+		},
+		typeaheadActivationThreshold: {
+			type: Number,
+			default: 1
+		},
+		typeaheadMaxResults: {
+			type: Number,
+			default: 0
+		},
+		typeaheadAlwaysShow: {
+			type: Boolean,
+			default: !1
+		},
+		typeaheadHideDiscard: {
+			type: Boolean,
+			default: !1
+		},
+		placeholder: {
+			type: String,
+			default: "请输入..."
+		},
+		discardSearchText: {
+			type: String,
+			default: "取消"
+		},
+		limit: {
+			type: Number,
+			default: 0
+		},
+		onlyExistingTags: {
+			type: Boolean,
+			default: !1
+		},
+		deleteOnBackspace: {
+			type: Boolean,
+			default: !0
+		},
+		allowDuplicates: {
+			type: Boolean,
+			default: !1
+		},
+		validate: {
+			type: Function,
+			default: () => !0
+		},
+		addTagsOnComma: {
+			type: Boolean,
+			default: !1
+		},
+		addTagsOnSpace: {
+			type: Boolean,
+			default: !1
+		},
+		addTagsOnBlur: {
+			type: Boolean,
+			default: !1
+		},
+		wrapperClass: {
+			type: String,
+			default: "tags-input-wrapper-default"
+		},
+		sortSearchResults: {
+			type: Boolean,
+			default: !0
+		},
+		caseSensitiveTags: {
+			type: Boolean,
+			default: !1
+		},
+		beforeAddingTag: {
+			type: Function,
+			default: () => !0
+		},
+		beforeRemovingTag: {
+			type: Function,
+			default: () => !0
+		}
+	},
+	emits: [
+		"input-changed",
+		"change",
+		"update:modelValue",
+		"initialized",
+		"tag-removed",
+		"tags-updated",
+		"keyup",
+		"keydown",
+		"focus",
+		"blur"
+	],
+	data() {
+		return {
+			tags: [],
+			input: "",
+			oldInput: "",
+			hiddenInput: "",
+			searchResults: [],
+			searchSelection: 0
+		};
+	},
+	watch: {
+		input(e, t) {
+			this.$emit("input-changed", e), this.searchTag(!1), e.length && e !== t && (this.addTagsOnSpace && e.endsWith(" ") && (this.input = e.trim(), this.tagFromInput(!0)), this.addTagsOnComma && (e = e.trim(), e.endsWith(",") && (this.input = e.substring(0, e.length - 1), this.tagFromInput(!0))), this.$emit("change", e));
+		},
+		tags() {
+			this.hiddenInput = JSON.stringify(this.tags), this.$emit("update:modelValue", this.tags);
+		},
+		modelValue() {
+			this.tagsFromValue();
+		},
+		typeaheadAlwaysShow(e) {
+			e ? this.searchTag(!1) : this.clearSearchResults();
+		}
+	},
+	created() {
+		this.tagsFromValue(), this.typeaheadAlwaysShow && this.searchTag(!1), this.$emit("initialized");
+	},
+	methods: {
+		escapeRegExp(e) {
+			return e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+		},
+		tagFromInput(e = !1) {
+			if (this.searchResults.length && this.searchSelection >= 0 && !e) this.tagFromSearch(this.searchResults[this.searchSelection]), this.input = "";
+			else {
+				let e = this.input.trim();
+				if (!this.onlyExistingTags && e.length && this.validate(e)) {
+					this.input = "";
+					let t = {
+						key: "",
+						value: e
+					}, n = this.escapeRegExp(this.caseSensitiveTags ? t.value : t.value.toLowerCase());
+					for (let e of this.existingTags) if (n === (this.caseSensitiveTags ? e.value : e.value.toLowerCase())) {
+						t = { ...e };
+						break;
+					}
+					this.addTag(t);
+				}
+			}
+		},
+		tagFromSearchOnClick(e) {
+			this.tagFromSearch(e), this.$refs.taginput.blur();
+		},
+		tagFromSearch(e) {
+			this.clearSearchResults(), this.addTag(e), this.$nextTick(() => {
+				this.input = "", this.oldInput = "";
+			});
+		},
+		addTag(e) {
+			if (!this.beforeAddingTag(e)) return !1;
+			if (this.limit > 0 && this.tags.length >= this.limit) return this.$emit("limit-reached"), !1;
+			this.tagSelected(e) || (this.tags.push(e), this.$nextTick(() => {
+				this.$emit("tag-added", e), this.$emit("tags-updated");
+			}));
+		},
+		removeLastTag() {
+			!this.input.length && this.deleteOnBackspace && this.tags.length && this.removeTag(this.tags.length - 1);
+		},
+		removeTag(e) {
+			let t = this.tags[e];
+			if (!this.beforeRemovingTag(t)) return !1;
+			this.tags.splice(e, 1), this.$nextTick(() => {
+				this.$emit("tag-removed", t), this.$emit("tags-updated"), this.typeaheadAlwaysShow && this.searchTag();
+			});
+		},
+		searchTag() {
+			if (this.typeahead !== !0) return !1;
+			if (this.oldInput !== this.input || !this.searchResults.length && this.typeaheadActivationThreshold === 0 || this.typeaheadAlwaysShow) {
+				this.searchResults = [], this.searchSelection = 0;
+				let e = this.input.trim();
+				if (e.length && e.length >= this.typeaheadActivationThreshold || this.typeaheadActivationThreshold === 0 || this.typeaheadAlwaysShow) {
+					let t = this.escapeRegExp(this.caseSensitiveTags ? e : e.toLowerCase());
+					for (let e of this.existingTags) (this.caseSensitiveTags ? e.value : e.value.toLowerCase()).search(t) > -1 && !this.tagSelected(e) && this.searchResults.push(e);
+					this.sortSearchResults && this.searchResults.sort((e, t) => e.value < t.value ? -1 : e.value > t.value ? 1 : 0), this.typeaheadMaxResults > 0 && (this.searchResults = this.searchResults.slice(0, this.typeaheadMaxResults));
+				}
+				this.oldInput = this.input;
+			}
+		},
+		hideTypeahead() {
+			this.input.length || this.$nextTick(() => {
+				this.clearSearchResults();
+			});
+		},
+		nextSearchResult() {
+			this.searchSelection + 1 <= this.searchResults.length - 1 && this.searchSelection++;
+		},
+		prevSearchResult() {
+			this.searchSelection > 0 && this.searchSelection--;
+		},
+		clearSearchResults() {
+			this.searchResults = [], this.searchSelection = 0, this.typeaheadAlwaysShow && this.$nextTick(() => {
+				this.searchTag();
+			});
+		},
+		clearTags() {
+			this.tags.splice(0, this.tags.length);
+		},
+		tagsFromValue() {
+			if (this.modelValue && this.modelValue.length) {
+				if (!Array.isArray(this.modelValue)) {
+					console.error("Voerro Tags Input: the v-model modelValue must be an array!");
+					return;
+				}
+				let e = this.modelValue;
+				if (this.tags === e) return;
+				this.clearTags();
+				for (let t of e) this.addTag(t);
+			} else {
+				if (this.tags.length === 0) return;
+				this.clearTags();
+			}
+		},
+		tagSelected(e) {
+			if (this.allowDuplicates || !e) return !1;
+			let t = this.escapeRegExp(this.caseSensitiveTags ? e.value : e.value.toLowerCase());
+			for (let n of this.tags) {
+				let r = this.caseSensitiveTags ? n.value : n.value.toLowerCase();
+				if (n.key === e.key && r.search(t) > -1) return !0;
+			}
+			return !1;
+		},
+		clearInput() {
+			this.input = "";
+		},
+		onKeyUp(e) {
+			this.$emit("keyup", e);
+		},
+		onKeyDown(e) {
+			this.$emit("keydown", e);
+		},
+		onFocus(e) {
+			this.$emit("focus", e), this.searchTag();
+		},
+		onBlur(e) {
+			this.$emit("blur", e), this.addTagsOnBlur && this.tagFromInput(!0), this.typeaheadAlwaysShow ? this.searchTag() : this.hideTypeahead();
+		}
+	}
+}, h = { class: "tags-input-root" }, g = ["innerHTML"], _ = ["onClick"], v = ["placeholder"], y = ["id", "name"], b = ["textContent"], x = [
+	"onMouseover",
+	"onMousedown",
+	"innerHTML"
+], S = ["textContent"], C = [
+	"onMouseover",
+	"onMousedown",
+	"innerHTML"
+];
+function w(e, m, w, T, E, D) {
+	return o(), r("div", h, [
+		i("div", { class: a(`${w.wrapperClass} tags-input`) }, [
+			n("标签"),
+			(o(!0), r(t, null, s(E.tags, (e, t) => (o(), r("span", {
+				key: t,
+				class: "el-tag el-tag--medium el-tag--light"
+			}, [i("span", { innerHTML: e.value }, null, 8, g), i("i", {
+				href: "#",
+				class: "tags-input-remove ov",
+				onClick: p((e) => D.removeTag(t), ["prevent"])
+			}, null, 8, _)]))), 128)),
+			n("输入框"),
+			d(i("input", {
+				ref: "taginput",
+				"onUpdate:modelValue": m[0] || (m[0] = (e) => E.input = e),
+				type: "text",
+				placeholder: w.placeholder,
+				style: {
+					height: "28px",
+					"margin-top": "5px",
+					"line-height": "28px"
+				},
+				onKeydown: [
+					m[1] || (m[1] = f(p((e) => D.tagFromInput(!1), ["prevent"]), ["enter"])),
+					m[2] || (m[2] = f((...e) => D.removeLastTag && D.removeLastTag(...e), ["8"])),
+					m[3] || (m[3] = f((...e) => D.nextSearchResult && D.nextSearchResult(...e), ["down"])),
+					m[4] || (m[4] = f((...e) => D.prevSearchResult && D.prevSearchResult(...e), ["up"])),
+					m[5] || (m[5] = (...e) => D.onKeyDown && D.onKeyDown(...e))
+				],
+				onKeyup: [m[6] || (m[6] = (...e) => D.onKeyUp && D.onKeyUp(...e)), m[7] || (m[7] = f((...e) => D.clearSearchResults && D.clearSearchResults(...e), ["esc"]))],
+				onFocus: m[8] || (m[8] = (...e) => D.onFocus && D.onFocus(...e)),
+				onBlur: m[9] || (m[9] = (...e) => D.onBlur && D.onBlur(...e)),
+				onValue: m[10] || (m[10] = (...e) => E.tags && E.tags(...e))
+			}, null, 40, v), [[l, E.input]]),
+			w.elementId ? d((o(), r("input", {
+				key: 0,
+				id: w.elementId,
+				"onUpdate:modelValue": m[11] || (m[11] = (e) => E.hiddenInput = e),
+				type: "hidden",
+				name: w.elementId
+			}, null, 8, y)), [[l, E.hiddenInput]]) : n("v-if", !0)
+		], 2),
+		n(" 建议列表 "),
+		d(i("div", null, [n(" 标签风格一 "), w.typeaheadStyle === "badges" ? (o(), r("p", {
+			key: 0,
+			class: a(`typeahead-${w.typeaheadStyle}`)
+		}, [w.typeaheadHideDiscard ? n("v-if", !0) : (o(), r("span", {
+			key: 0,
+			class: "tags-input-badge typeahead-hide-btn tags-input-typeahead-item-default",
+			onClick: m[12] || (m[12] = p((...e) => D.clearSearchResults && D.clearSearchResults(...e), ["prevent"])),
+			textContent: c(w.discardSearchText)
+		}, null, 8, b)), (o(!0), r(t, null, s(E.searchResults, (e, t) => (o(), r("span", {
+			key: t,
+			class: a(["tags-input-badge", {
+				"tags-input-typeahead-item-default": t != E.searchSelection,
+				"tags-input-typeahead-item-highlighted-default": t == E.searchSelection
+			}]),
+			onMouseover: (e) => E.searchSelection = t,
+			onMousedown: p((t) => D.tagFromSearchOnClick(e), ["prevent"]),
+			innerHTML: e.value
+		}, null, 42, x))), 128))], 2)) : w.typeaheadStyle === "dropdown" ? (o(), r(t, { key: 1 }, [n(" 下拉风格二 "), i("ul", { class: a(`typeahead-${w.typeaheadStyle}`) }, [w.typeaheadHideDiscard ? n("v-if", !0) : (o(), r("li", {
+			key: 0,
+			class: "tags-input-typeahead-item-default typeahead-hide-btn",
+			onMousedown: m[13] || (m[13] = p((...e) => D.clearSearchResults && D.clearSearchResults(...e), ["prevent"])),
+			textContent: c(w.discardSearchText)
+		}, null, 40, S)), (o(!0), r(t, null, s(E.searchResults, (e, t) => (o(), r("li", {
+			key: t,
+			class: a({
+				"tags-input-typeahead-item-default": t != E.searchSelection,
+				"tags-input-typeahead-item-highlighted-default": t == E.searchSelection
+			}),
+			onMouseover: (e) => E.searchSelection = t,
+			onMousedown: p((t) => D.tagFromSearchOnClick(e), ["prevent"]),
+			innerHTML: e.value
+		}, null, 42, C))), 128))], 2)], 2112)) : n("v-if", !0)], 512), [[u, E.searchResults.length]])
+	]);
+}
+var T = /* @__PURE__ */ e(m, [["render", w]]);
+//#endregion
+export { T as default };