@opentiny/vue-search-box 0.1.6 → 2.27.0

package/dist/lib/composables/use-match.cjs.js

@@ -1,170 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const vue = require("vue");
-const Loading = require("@opentiny/vue-loading");
-const index = require("../utils/index.cjs.js");
-const tag = require("../utils/tag.cjs.js");
-const dropdown = require("../utils/dropdown.cjs.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 = vue.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();
-    dropdown.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) {
-      dropdown.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 (tag.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) {
-        dropdown.showDropdown(state);
-      } else {
-        dropdown.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 {
-      dropdown.showDropdown(state);
-    }
-  };
-  const handleInput = index.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) {
-      dropdown.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 = tag.hasTagItem(state, value);
-      });
-    } else {
-      if (item.isChecked) {
-        return;
-      }
-      dropdown.showDropdown(state, false);
-      state.isShowTagKey = true;
-      resetBackupList();
-      const { field, type } = prevItem;
-      const value = propItem.value + item.label;
-      const id = tag.getTagId(props, prevItem, item);
-      const newTag = tag.createNewTag({ type, field, label: propItem.label, value, ...id });
-      const tagList = [newTag];
-      tag.emitChangeModelEvent({ emits, state, tagList });
-    }
-    if (isFirst) {
-      dropdown.showDropdown(state);
-    }
-  };
-  return {
-    handleInput,
-    selectFirstMap
-  };
-}
-exports.useMatch = useMatch;

package/dist/lib/composables/use-num-range.cjs.js

@@ -1,77 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const dropdown = require("../utils/dropdown.cjs.js");
-const validate = require("../utils/validate.cjs.js");
-const tag = require("../utils/tag.cjs.js");
-function useNumRange({ props, state, t, emits }) {
-  const { instance } = state;
-  const sizeChange = async (confirm) => {
-    if (!confirm) {
-      state.propItem.label = "";
-      return;
-    }
-    const newTag = await validate.getVerifyNumTag(instance, state, props);
-    if (newTag) {
-      dropdown.showDropdown(state, false);
-      const newValue = props.modelValue.filter((prev) => prev.type !== newTag.type || prev.field !== newTag.field);
-      newValue.push(newTag);
-      tag.emitChangeModelEvent({ emits, state, newValue });
-    } else {
-      dropdown.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
-  };
-}
-exports.useNumRange = useNumRange;

package/dist/lib/composables/use-placeholder.cjs.js

@@ -1,41 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const vue = require("vue");
-function usePlaceholder({ props, state, t }) {
-  const placeholder = vue.ref(props.emptyPlaceholder);
-  const setPlaceholder = (placeholderValue) => {
-    placeholder.value = placeholderValue;
-  };
-  if (props.modelValue.length > 0) {
-    setPlaceholder(t("tvp.tvpSearchbox.addPlaceholder"));
-  }
-  vue.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
-  };
-}
-exports.usePlaceholder = usePlaceholder;

package/dist/lib/composables/use-tag.cjs.js

@@ -1,56 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const vue = require("vue");
-const dropdown = require("../utils/dropdown.cjs.js");
-const tag = require("../utils/tag.cjs.js");
-function useTag({ props, state, emits }) {
-  const lastInputValue = vue.ref(state.inputValue);
-  const changeIsChecked = (tag2) => {
-    if (tag2) {
-      const parent = state.recordItems.find((item) => item.label === tag2.label);
-      if (parent && parent.options) {
-        const child = parent.options.find((item) => item.label === tag2.value);
-        child && (child.isChecked = false);
-      }
-    }
-  };
-  const deleteTag = (tag$1) => {
-    dropdown.showDropdown(state, false);
-    changeIsChecked(tag$1);
-    const newValue = props.modelValue.filter((item) => item !== tag$1);
-    tag.emitChangeModelEvent({ emits, state, newValue });
-  };
-  const clearTag = () => {
-    dropdown.showDropdown(state, false);
-    props.modelValue.forEach((item) => changeIsChecked(item));
-    state.propItem = {};
-    state.inputValue = "";
-    tag.emitChangeModelEvent({ emits, state, newValue: [] });
-    emits("clear");
-  };
-  const backspaceDeleteTag = () => {
-    var _a, _b;
-    if (state.inputValue) {
-      return;
-    }
-    if (state.propItem.label) {
-      state.propItem = {};
-      return;
-    }
-    if (lastInputValue.value === "" && state.inputValue === "") {
-      dropdown.showDropdown(state, false);
-      const lastIndex = props.modelValue.length - 1;
-      changeIsChecked(props.modelValue[lastIndex]);
-      const newValue = state.innerModelValue.slice(0, props.modelValue.length - 1);
-      tag.emitChangeModelEvent({ emits, state, newValue });
-    }
-    lastInputValue.value = state.inputValue;
-    (_b = (_a = state == null ? void 0 : state.instance) == null ? void 0 : _a.refs) == null ? void 0 : _b.inputRef.$el.click();
-  };
-  return {
-    deleteTag,
-    clearTag,
-    backspaceDeleteTag
-  };
-}
-exports.useTag = useTag;