@opentiny/vue-search-box 0.1.6 → 2.27.1

package/dist/es/composables/use-dropdown.es.js

@@ -1,216 +0,0 @@
-import { hasTagItem, getTagId, createNewTag, resetInput, emitChangeModelEvent } from "../utils/tag.es.js";
-import { showDropdown } from "../utils/dropdown.es.js";
-import { setStateNumRange } from "../utils/validate.es.js";
-import { omitObj, deepClone } from "../utils/clone.es.js";
-function useDropdown({ props, emits, state, t, format }) {
-  const { instance } = state;
-  const showValueItem = (item) => {
-    var _a, _b, _c;
-    const { start, end, type } = item;
-    state.backupList = item.options;
-    if (type === "numRange") {
-      setStateNumRange(state, item, t);
-    } else if (type === "dateRange") {
-      const { dateRangeFormat } = state;
-      if (!state.startDate && start) {
-        const newStart = format(start, dateRangeFormat);
-        state.startDate = state.endDate < newStart ? null : newStart;
-      }
-      if (!state.endDate && end) {
-        const newEnd = format(end, dateRangeFormat);
-        state.endDate = newEnd < state.startDate ? null : newEnd;
-      }
-    } else if (type === "datetimeRange") {
-      const { datetimeRangeFormat } = state;
-      if (!state.startDateTime && start) {
-        const newStart = format(start, datetimeRangeFormat);
-        state.startDateTime = state.endDateTime < newStart ? null : newStart;
-      }
-      if (!state.endDateTime && end) {
-        const newEnd = format(end, datetimeRangeFormat);
-        state.endDateTime = newEnd < state.startDateTime ? null : newEnd;
-      }
-    } else if (state.backupList && type === "checkbox") {
-      state.filterList = state.backupList;
-      state.checkboxGroup = [];
-      (_a = state.backupList) == null ? void 0 : _a.forEach((subItem) => {
-        if (hasTagItem(state, subItem.label)) {
-          state.checkboxGroup.push(`${item.label}${subItem.label}`);
-        }
-        subItem.isFilter = false;
-      });
-    }
-    if (type !== "checkbox" && ((_b = state.backupList) == null ? void 0 : _b.length)) {
-      (_c = state.backupList) == null ? void 0 : _c.forEach((option) => {
-        option.isFilter = false;
-        option.isChecked = hasTagItem(state, option.label);
-      });
-    }
-    state.currentOperators = null;
-    if (!state.backupList && !["dateRange", "datetimeRange", "numRange", "custom"].includes(type)) {
-      showDropdown(state, false);
-    } else {
-      showDropdown(state);
-    }
-  };
-  const selectPropItem = (item) => {
-    const { field, label } = item;
-    state.propItem.label = label;
-    emits("first-level-select", field);
-    const inputRef = instance.refs.inputRef;
-    state.prevItem = item;
-    state.backupPrevItem = item;
-    const { operators } = item;
-    if (operators == null ? void 0 : operators.length) {
-      state.operatorValue = "";
-      state.currentOperators = operators;
-      showDropdown(state);
-    } else {
-      state.operatorValue = ":";
-      showValueItem(item);
-    }
-    state.inputValue = "";
-    inputRef.focus();
-  };
-  const setOperator = (operator) => {
-    state.operatorValue = operator;
-    showValueItem(state.prevItem);
-  };
-  const updateModelValue = (prevItem, item, label, value) => {
-    const { replace, operators, mergeTag } = prevItem;
-    const rest = omitObj(prevItem);
-    const { indexMap } = state;
-    const index = indexMap.get(label);
-    const id = getTagId(props, prevItem, item);
-    const operator = state.operatorValue && operators ? { operator: state.operatorValue } : null;
-    let newTag = null;
-    if (mergeTag) {
-      const options = { label: value, ...id };
-      if (index >= 0) {
-        const newValue2 = `${state.innerModelValue[index].value} | ${value}`;
-        const newOptions = [...state.innerModelValue[index].options, options];
-        newTag = createNewTag({ ...state.innerModelValue[index], value: newValue2, options: newOptions });
-      } else {
-        newTag = createNewTag({ ...rest, label, value, options: [options] });
-      }
-    } else {
-      newTag = createNewTag({ ...rest, label, value, ...id, ...operator });
-    }
-    if (hasTagItem(state, value, label)) {
-      resetInput(state);
-      return;
-    }
-    showDropdown(state, false);
-    const oldValue = deepClone(state.innerModelValue);
-    if ((replace || mergeTag) && index >= 0) {
-      state.innerModelValue.splice(index, 1);
-    }
-    state.innerModelValue.push(newTag);
-    const newValue = state.innerModelValue;
-    emitChangeModelEvent({ emits, state, newValue, oldValue });
-  };
-  const selectInputValue = (val) => {
-    var _a;
-    if ((_a = state.propItem) == null ? void 0 : _a.label) {
-      selectRadioItem({ label: val });
-    } else {
-      createTag();
-    }
-  };
-  const selectRadioItem = (item, isPotential = false) => {
-    showDropdown(state, false);
-    if (isPotential) {
-      state.prevItem = item;
-      state.backupPrevItem = item;
-    }
-    const { prevItem } = state;
-    const value = item.value || item.label;
-    const inputRef = instance.refs.inputRef;
-    if (!hasTagItem(state, value)) {
-      const tagLabel = state.propItem.label || item.label;
-      updateModelValue(prevItem, item, tagLabel, value);
-    }
-    inputRef.focus();
-  };
-  const hasNotInputValueCreateTag = (propItem, prevItem) => {
-    if (propItem.label) {
-      if (!prevItem.options) {
-        return;
-      }
-      const hasTag = props.modelValue.find((item) => item.value === prevItem.options[0].label);
-      if (!hasTag) {
-        const label = prevItem.label;
-        const value = prevItem.options && prevItem.options[0].label;
-        updateModelValue(prevItem, prevItem.options[0], label, value);
-        return;
-      }
-    } else {
-      emits("search", state.innerModelValue);
-    }
-  };
-  const newTagUpdateModelValue = (prevItem, propItem, tag) => {
-    var _a;
-    const item = (_a = state.backupList) == null ? void 0 : _a.find((subItem) => subItem.label === tag);
-    updateModelValue(prevItem, item, propItem.label, tag);
-  };
-  const hasInputValueCreateTag = (inputValue, propItem, prevItem) => {
-    var _a, _b;
-    if (propItem.label) {
-      const { regexp, replace, type, mergeTag } = prevItem;
-      const tagList = type !== "checkbox" && replace || type === "checkbox" && mergeTag ? [inputValue] : inputValue.split(props.splitInputValue);
-      if (regexp) {
-        for (const tag of tagList) {
-          if (regexp.test(tag)) {
-            newTagUpdateModelValue(prevItem, propItem, tag);
-          }
-        }
-      } else {
-        for (const tag of tagList) {
-          newTagUpdateModelValue(prevItem, propItem, tag);
-        }
-      }
-    } else {
-      const { items, defaultField } = props;
-      const currentItem = items.find((item) => {
-        const { regexp } = item;
-        return regexp && regexp.test(state.inputValue);
-      }) || (defaultField ? items.find((item) => item.field === defaultField) : state.allTypeAttri);
-      const { replace, type, mergeTag } = currentItem;
-      const tagList = type !== "checkbox" && replace || type === "checkbox" && mergeTag ? [inputValue] : inputValue.split(props.splitInputValue);
-      if ((_a = currentItem == null ? void 0 : currentItem.options) == null ? void 0 : _a.length) {
-        state.backupList = [...currentItem.options];
-        (_b = state.backupList) == null ? void 0 : _b.forEach((item) => {
-          const label2 = item.value || item.label;
-          if (tagList.includes(label2)) {
-            item.isChecked = true;
-          }
-        });
-      }
-      const label = currentItem.label;
-      for (const tag of tagList) {
-        updateModelValue(currentItem, {}, label, tag);
-      }
-    }
-  };
-  const createTag = () => {
-    const { inputValue, propItem, prevItem } = state;
-    showDropdown(state, false);
-    if (!inputValue) {
-      hasNotInputValueCreateTag(propItem, prevItem);
-    } else {
-      const { maxlength } = props;
-      if (maxlength && maxlength < inputValue.length) {
-        emits("exceed", maxlength);
-        return;
-      }
-      hasInputValueCreateTag(inputValue, propItem, prevItem);
-    }
-  };
-  const helpClick = () => {
-    emits("help");
-  };
-  return { selectPropItem, selectRadioItem, selectInputValue, createTag, helpClick, setOperator };
-}
-export {
-  useDropdown
-};

package/dist/es/composables/use-edit.es.js

@@ -1,108 +0,0 @@
-import { emitChangeModelEvent } from "../utils/tag.es.js";
-import { setStateNumRange, getVerifyNumTag, getVerifyDateTag, getVerifyTag } from "../utils/validate.es.js";
-import { showDropdown } from "../utils/dropdown.es.js";
-function useEdit({ props, state, t, nextTick, format, emits }) {
-  const { instance } = state;
-  const setDropdownProps = (curTag) => {
-    var _a;
-    const { operator, value, start, end } = curTag;
-    const { options, operators, type, mergeTag } = state.prevItem;
-    if (type === "custom") {
-      return;
-    } else if (type === "numRange") {
-      setStateNumRange(state, curTag, t);
-    } else if (type === "dateRange") {
-      const { dateRangeFormat } = state;
-      state.startDate = format(start, dateRangeFormat);
-      state.endDate = format(end, dateRangeFormat);
-    } else if (type === "datetimeRange") {
-      const { datetimeRangeFormat } = state;
-      state.startDateTime = format(start, datetimeRangeFormat);
-      state.endDateTime = format(end, datetimeRangeFormat);
-    } else {
-      if (mergeTag) {
-        state.inputEditValue = (_a = curTag.options) == null ? void 0 : _a.flatMap((item) => item.label);
-        state.currentEditSelectTags = state.inputEditValue;
-      } else {
-        state.inputEditValue = value;
-      }
-      state.currentEditValue = options;
-    }
-    state.operatorValue = operator;
-    state.currentOperators = operators;
-  };
-  const editTag = (tag, index, e) => {
-    if (!props.editable || tag.type && tag.type === "map") {
-      return;
-    }
-    showDropdown(state, false);
-    state.popoverVisible = false;
-    const dom = e.target.classList.contains("tiny-tag") ? e.target : e.srcElement.parentElement;
-    nextTick(() => {
-      const { popoverRef } = instance.refs;
-      popoverRef.state.referenceElm = dom;
-      popoverRef.state.popperElm && (popoverRef.state.popperElm.style.display = "none");
-      popoverRef.doDestroy();
-      state.popoverVisible = true;
-    });
-    state.prevItem = state.recordItems.find((item) => item.field === tag.field);
-    !state.prevItem && (state.prevItem = tag);
-    state.selectValue = tag.label;
-    state.currentModelValueIndex = index;
-    emits("tagClick", tag);
-    setDropdownProps(tag);
-  };
-  const selectPropChange = (item, disabled) => {
-    if (disabled) return;
-    state.prevItem = item;
-    setDropdownProps(item);
-  };
-  const confirmEditTag = async (isConfirm) => {
-    if (!isConfirm) {
-      state.popoverVisible = false;
-      return;
-    }
-    const { prevItem, currentModelValueIndex: index } = state;
-    let newTag = null;
-    if (prevItem.type === "numRange") {
-      newTag = await getVerifyNumTag(instance, state, props);
-    } else if (prevItem.type === "dateRange") {
-      newTag = await getVerifyDateTag(instance, state, props, false);
-    } else if (prevItem.type === "datetimeRange") {
-      newTag = await getVerifyDateTag(instance, state, props, true);
-    } else {
-      newTag = await getVerifyTag(instance, state, props);
-    }
-    if (newTag) {
-      showDropdown(state, false);
-      state.popoverVisible = false;
-      emitChangeModelEvent({ emits, state, index, newTag, isEdit: true });
-    } else {
-      state.popoverVisible = true;
-    }
-    state.currentEditValue = [];
-  };
-  const selectItemIsDisable = (item) => {
-    var _a, _b, _c, _d;
-    if (item.type && item.type === "map") {
-      return true;
-    }
-    if (((_a = state.prevItem) == null ? void 0 : _a.operators) || item.operators) {
-      return ((_b = state.prevItem.operators) == null ? void 0 : _b.length) !== ((_c = item.operators) == null ? void 0 : _c.length);
-    }
-    const typeArr = ["radio", "checkbox"];
-    if (state.prevItem.type && typeArr.includes(state.prevItem.type)) {
-      return !item.type ? false : !typeArr.includes(item.type);
-    }
-    return ((_d = state.prevItem) == null ? void 0 : _d.type) !== item.type;
-  };
-  return {
-    editTag,
-    confirmEditTag,
-    selectPropChange,
-    selectItemIsDisable
-  };
-}
-export {
-  useEdit
-};

package/dist/es/composables/use-init.es.js

@@ -1,78 +0,0 @@
-import { showDropdown, showPopover } from "../utils/dropdown.es.js";
-import { hasTagItem } from "../utils/tag.es.js";
-function useInit({ props, state }) {
-  const initItems = () => {
-    state.groupItems = {};
-    state.recordItems.forEach((item) => {
-      var _a;
-      const { groupKey = "0" } = item;
-      if (state.groupItems[groupKey]) {
-        state.groupItems[groupKey].push({ ...item });
-      } else {
-        state.groupItems[groupKey] = [{ ...item }];
-        state.matchItems[groupKey] = { attr: [], attrValue: [] };
-      }
-      if (state.prevItem && item.field === state.prevItem.field && item !== state.prevItem) {
-        const { options, type } = item;
-        state.prevItem = item;
-        if (options == null ? void 0 : options.length) {
-          state.backupList = options;
-        }
-        if (type === "checkbox") {
-          state.filterList = state.backupList;
-          state.checkboxGroup = [];
-          (_a = state.backupList) == null ? void 0 : _a.forEach((subItem) => {
-            const { label } = subItem;
-            if (hasTagItem(state, label)) {
-              state.checkboxGroup.push(`${item.label}${label}`);
-            }
-            subItem.isFilter = false;
-          });
-        }
-        showDropdown(state, item.field === state.prevItem.field && item !== state.prevItem);
-      }
-    });
-  };
-  const handleClick = (e) => {
-    var _a;
-    const { backupPrevItem, prevItem } = state;
-    e.stopPropagation();
-    if (props.editable) {
-      state.popoverVisible = false;
-      state.currentEditValue = [];
-      if (state.propItem.label && backupPrevItem && backupPrevItem !== prevItem) {
-        state.prevItem = backupPrevItem;
-      }
-    }
-    if (state.hasBackupList && (((_a = state.backupList) == null ? void 0 : _a.length) === 0 || !state.backupList) && !state.inputValue || props.items.length === 0) {
-      showDropdown(state, false);
-    } else {
-      showDropdown(state);
-    }
-  };
-  const watchOutsideClick = () => {
-    if (props.editable) {
-      showPopover(state, false);
-    }
-    state.isMouseDown = false;
-    showDropdown(state, false);
-  };
-  const watchMouseDown = () => {
-    state.isMouseDown = true;
-  };
-  const watchMouseMove = () => {
-    if (state.isMouseDown) {
-      state.isMouseDown = false;
-    }
-  };
-  return {
-    initItems,
-    watchOutsideClick,
-    watchMouseDown,
-    watchMouseMove,
-    handleClick
-  };
-}
-export {
-  useInit
-};

package/dist/es/composables/use-match.es.js

@@ -1,170 +0,0 @@
-import { ref } from "vue";
-import Loading from "@opentiny/vue-loading";
-import { debounce } from "../utils/index.es.js";
-import { hasTagItem, getTagId, createNewTag, emitChangeModelEvent } from "../utils/tag.es.js";
-import { showDropdown } from "../utils/dropdown.es.js";
-const escapeRegExp = (string) => string.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
-const getHighlightMatch = (labelRegex, label) => {
-  const match = [];
-  let lastIndex = 0;
-  let result;
-  while ((result = labelRegex.exec(label)) !== null) {
-    const startIndex = result.index;
-    const endIndex = labelRegex.lastIndex;
-    if (startIndex > lastIndex) {
-      match.push(label.slice(lastIndex, startIndex));
-    }
-    match.push(label.slice(startIndex, endIndex));
-    lastIndex = endIndex;
-  }
-  if (lastIndex < label.length) {
-    match.push(label.slice(lastIndex));
-  }
-  return match;
-};
-function useMatch({ props, state, emits }) {
-  const loadingInstance = ref(null);
-  const getMatchList = async (keyword) => {
-    if (typeof document !== "undefined") {
-      !loadingInstance.value && (loadingInstance.value = Loading.service({
-        target: document.getElementById("potential-loading")
-      }));
-    }
-    state.potentialOptions = await props.potentialOptions.getMatchList(keyword);
-    loadingInstance.value && loadingInstance.value.close();
-    showDropdown(state, true);
-  };
-  const handleSearch = (e) => {
-    var _a, _b, _c;
-    const { recordItems, propItem } = state;
-    const inputValue = e.target.value.trim();
-    const { maxlength } = props;
-    if (maxlength && maxlength < inputValue.length) {
-      emits("exceed", maxlength);
-      return;
-    }
-    if (inputValue.length === 0) {
-      showDropdown(state);
-      return;
-    }
-    Object.keys(state.matchItems).forEach((key) => {
-      state.matchItems[key].attr = [];
-      state.matchItems[key].attrValue = [];
-    });
-    const value = escapeRegExp(inputValue);
-    const patt = new RegExp(value, "i");
-    const hasItem = propItem.label || !value ? null : recordItems.find((item) => item.type === "map" && patt.test(item.label));
-    if (hasItem) {
-      state.propItem.label = hasItem.label;
-      state.inputValue = "";
-      state.prevItem = hasItem;
-      state.backupPrevItem = hasItem;
-      state.backupList = hasItem.options || [];
-      return;
-    }
-    state.filterList = (_a = state.backupList) == null ? void 0 : _a.filter((item) => {
-      if (patt.test(item.label)) {
-        delete item.isFilter;
-        if (hasTagItem(state, item.label)) {
-          state.checkboxGroup.push(`${state.prevItem.label}${item.label}`);
-        }
-        return true;
-      } else {
-        item.isFilter = true;
-        return false;
-      }
-    });
-    const labelRegex = new RegExp(value, "ig");
-    const hightlighStr = inputValue.toLowerCase();
-    if (state.propItem.label) {
-      (_b = state.backupList) == null ? void 0 : _b.forEach((item) => {
-        item.hightlighStr = hightlighStr;
-        const itemLabel = item.label;
-        if (patt.test(itemLabel)) {
-          item.match = getHighlightMatch(labelRegex, itemLabel);
-          item.isFilter = false;
-        } else {
-          item.isFilter = true;
-        }
-      });
-      if (((_c = state.backupList) == null ? void 0 : _c.length) || inputValue) {
-        showDropdown(state);
-      } else {
-        showDropdown(state, false);
-      }
-      return;
-    }
-    for (const item of recordItems) {
-      const { options = [], groupKey = "0", ...rest } = item;
-      const itemLabel = rest.label;
-      if (patt.test(itemLabel)) {
-        const match = getHighlightMatch(labelRegex, itemLabel);
-        state.matchItems[groupKey].attr.push({ ...item, match, hightlighStr });
-      }
-      for (const option of options) {
-        const optionLabel = state.propItem.label ? itemLabel : `${itemLabel}：${option.label}`;
-        if (patt.test(optionLabel)) {
-          const match = getHighlightMatch(labelRegex, optionLabel);
-          state.matchItems[groupKey].attrValue.push({
-            ...option,
-            ...rest,
-            options,
-            hightlighStr,
-            value: option.label,
-            match
-          });
-        }
-      }
-    }
-    if (value && props.potentialOptions && props.potentialOptions.getMatchList) {
-      getMatchList(value);
-    } else {
-      showDropdown(state);
-    }
-  };
-  const handleInput = debounce(handleSearch, 500);
-  const resetBackupList = () => {
-    var _a;
-    (_a = state.backupList) == null ? void 0 : _a.forEach((item) => item.isFilter && delete item.isFilter);
-  };
-  const selectFirstMap = (item, isFirst) => {
-    var _a;
-    const { options } = item;
-    const { prevItem, propItem } = state;
-    if (options) {
-      showDropdown(state, false);
-      state.propItem.value = `${item.label}=`;
-      state.isShowTagKey = false;
-      state.inputValue = "";
-      state.backupList = item.options || [];
-      resetBackupList();
-      (_a = state.backupList) == null ? void 0 : _a.forEach((subItem) => {
-        const value = propItem.value + subItem.label;
-        subItem.isChecked = hasTagItem(state, value);
-      });
-    } else {
-      if (item.isChecked) {
-        return;
-      }
-      showDropdown(state, false);
-      state.isShowTagKey = true;
-      resetBackupList();
-      const { field, type } = prevItem;
-      const value = propItem.value + item.label;
-      const id = getTagId(props, prevItem, item);
-      const newTag = createNewTag({ type, field, label: propItem.label, value, ...id });
-      const tagList = [newTag];
-      emitChangeModelEvent({ emits, state, tagList });
-    }
-    if (isFirst) {
-      showDropdown(state);
-    }
-  };
-  return {
-    handleInput,
-    selectFirstMap
-  };
-}
-export {
-  useMatch
-};

package/dist/es/composables/use-num-range.es.js

@@ -1,77 +0,0 @@
-import { showDropdown } from "../utils/dropdown.es.js";
-import { getVerifyNumTag } from "../utils/validate.es.js";
-import { emitChangeModelEvent } from "../utils/tag.es.js";
-function useNumRange({ props, state, t, emits }) {
-  const { instance } = state;
-  const sizeChange = async (confirm) => {
-    if (!confirm) {
-      state.propItem.label = "";
-      return;
-    }
-    const newTag = await getVerifyNumTag(instance, state, props);
-    if (newTag) {
-      showDropdown(state, false);
-      const newValue = props.modelValue.filter((prev) => prev.type !== newTag.type || prev.field !== newTag.field);
-      newValue.push(newTag);
-      emitChangeModelEvent({ emits, state, newValue });
-    } else {
-      showDropdown(state);
-    }
-  };
-  const createDateRules = (item, startKey, endKey) => {
-    const { maxTimeLength = 0 } = item;
-    return {
-      [startKey]: {
-        validator: (rule, value, cb) => {
-          if (maxTimeLength > 0 && !value) {
-            cb(new Error(t("tvp.tvpSearchbox.notBeNull")));
-          } else if (!value && !state[endKey]) {
-            cb(new Error(t("tvp.tvpSearchbox.rangeDateTitle")));
-          } else {
-            cb();
-          }
-        }
-      },
-      [endKey]: {
-        validator: (rule, value, cb) => {
-          if (maxTimeLength > 0 && !value) {
-            cb(new Error(t("tvp.tvpSearchbox.notBeNull")));
-          } else if (!value && !state[startKey]) {
-            cb(new Error(t("tvp.tvpSearchbox.rangeDateTitle")));
-          } else {
-            cb();
-          }
-        }
-      }
-    };
-  };
-  const initFormRule = () => {
-    let dateRules = {}, datetimeRules = {};
-    props.items.forEach((item) => {
-      if (item.type === "dateRange") {
-        dateRules = createDateRules(item, "startDate", "endDate");
-      }
-      if (item.type === "datetimeRange") {
-        datetimeRules = createDateRules(item, "startDateTime", "endDateTime");
-      }
-    });
-    state.formRules = {
-      ...dateRules,
-      ...datetimeRules
-    };
-    if (props.editable) {
-      state.formRules.inputEditValue = {
-        required: true,
-        message: t("tvp.tvpSearchbox.notBeNull"),
-        trigger: ["change", "blur"]
-      };
-    }
-  };
-  return {
-    initFormRule,
-    sizeChange
-  };
-}
-export {
-  useNumRange
-};

package/dist/es/composables/use-placeholder.es.js

@@ -1,41 +0,0 @@
-import { ref, watch } from "vue";
-function usePlaceholder({ props, state, t }) {
-  const placeholder = ref(props.emptyPlaceholder);
-  const setPlaceholder = (placeholderValue) => {
-    placeholder.value = placeholderValue;
-  };
-  if (props.modelValue.length > 0) {
-    setPlaceholder(t("tvp.tvpSearchbox.addPlaceholder"));
-  }
-  watch(
-    () => state.propItem.label,
-    (newValue) => {
-      var _a;
-      if (newValue) {
-        const { placeholder: placeholder2, type } = state.prevItem;
-        if (placeholder2) {
-          setPlaceholder(placeholder2);
-        } else if (type === "map") {
-          setPlaceholder(t("tvp.tvpSearchbox.tagPlaceholder"));
-        } else if ((_a = state.backupList) == null ? void 0 : _a.length) {
-          setPlaceholder(t("tvp.tvpSearchbox.dynamicPlaceholder", { newValue }));
-        } else {
-          setPlaceholder(t("tvp.tvpSearchbox.addPlaceholder"));
-        }
-      } else {
-        if (props.modelValue.length > 0) {
-          setPlaceholder(t("tvp.tvpSearchbox.addPlaceholder"));
-        } else {
-          setPlaceholder(props.emptyPlaceholder);
-        }
-      }
-    }
-  );
-  return {
-    placeholder,
-    setPlaceholder
-  };
-}
-export {
-  usePlaceholder
-};