@opentiny/vue-search-box 0.1.6 → 2.27.0

package/es/index.es.js

@@ -0,0 +1,2772 @@
+import { defineComponent as X, $prefix as pe, $props as J, setup as ue } from "@opentiny/vue-common";
+import Pe from "@opentiny/vue-tag";
+import _e from "@opentiny/vue-input";
+import Oe from "@opentiny/vue-dropdown";
+import Fe from "@opentiny/vue-dropdown-menu";
+import ye from "@opentiny/vue-button";
+import Ae from "@opentiny/vue-tooltip";
+import xe from "@opentiny/vue-date-picker";
+import Be from "@opentiny/vue-form";
+import we from "@opentiny/vue-form-item";
+import ze from "@opentiny/vue-popover";
+import je from "@opentiny/vue-select";
+import He from "@opentiny/vue-option";
+import { iconSearch as Ge, iconClose as Ke, iconHelpQuery as Ue } from "@opentiny/vue-icon";
+import Ie from "@opentiny/vue-dropdown-item";
+import qe from "@opentiny/vue-checkbox";
+import Ze from "@opentiny/vue-checkbox-group";
+import Ye from "@opentiny/vue-loading";
+const We = (a, e, t, s = "0") => {
+  if (typeof a == "string" && typeof s == "string" && ke(e)) {
+    let n = a.length - e;
+    if (n > 0)
+      return t ? a.substr(0, e) : a.substr(n, e);
+    {
+      const r = [];
+      for (n = Math.abs(n) / s.length; n > 0; n--)
+        r.push(s);
+      const p = r.join("");
+      return t ? a + p : p + a;
+    }
+  }
+}, Qe = Object.prototype.toString, Xe = Object.prototype.hasOwnProperty, Je = Xe.toString;
+Je.call(Object);
+const et = {
+  "[object Error]": "error",
+  "[object Object]": "object",
+  "[object RegExp]": "regExp",
+  "[object Date]": "date",
+  "[object Array]": "array",
+  "[object Function]": "function",
+  "[object AsyncFunction]": "asyncFunction",
+  "[object String]": "string",
+  "[object Number]": "number",
+  "[object Boolean]": "boolean"
+}, tt = (a) => a == null, at = (a) => tt(a) ? String(a) : et[Qe.call(a)] || "object", ke = (a) => typeof a == "number" && isFinite(a), nt = (a) => at(a) === "date", Ce = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31], st = new RegExp(
+  "^(\\d{4})(/|-)(((0)?[1-9])|(1[0-2]))((/|-)(((0)?[1-9])|([1-2][0-9])|(3[0-1])))?( ((0)?[0-9]|1[0-9]|20|21|22|23):([0-5]?[0-9])((:([0-5]?[0-9]))?(.([0-9]{1,6}))?)?)?$"
+), rt = new RegExp(
+  "^(((0)?[1-9])|(1[0-2]))(/|-)(((0)?[1-9])|([1-2][0-9])|(3[0-1]))?(/|-)?(\\d{4})( ((0)?[0-9]|1[0-9]|20|21|22|23):([0-5]?[0-9])((:([0-5]?[0-9]))?(.([0-9]{1,6}))?)?)?$"
+), ot = new RegExp(
+  "^(\\d{4})-(((0)?[1-9])|(1[0-2]))-(((0)?[1-9])|([1-2][0-9])|(3[0-1]))T(((0)?[0-9]|1[0-9]|20|21|22|23):([0-5]?[0-9])((:([0-5]?[0-9]))?(.([0-9]{1,6}))?)?)?(Z|([+-])((0)?[0-9]|1[0-9]|20|21|22|23):?([0-5]?[0-9]))$"
+), lt = {
+  "y{1,4}": /y{1,4}/,
+  "M{1,2}": /M{1,2}/,
+  "d{1,2}": /d{1,2}/,
+  "h{1,2}": /h{1,2}/,
+  "H{1,2}": /H{1,2}/,
+  "m{1,2}": /m{1,2}/,
+  "s{1,2}": /s{1,2}/,
+  "S{1,3}": /S{1,3}/,
+  "Z{1,1}": /Z{1,1}/
+}, z = {
+  YEAR: 9999,
+  MONTH: 11,
+  DATE: 31,
+  HOUR: 23,
+  MINUTE: 59,
+  SECOND: 59,
+  MILLISECOND: 999
+}, it = "-12:00,-11:00,-10:00,-09:30,-08:00,-07:00,-06:00,-05:00,-04:30,-04:00,-03:30,-02:00,-01:00", ct = "-00:00,+00:00,+01:00,+02:00,+03:00,+03:30,+04:00,+04:30,+05:00,+05:30,+05:45,+06:00", pt = "+06:30,+07:00,+08:00,+09:00,+10:00,+10:30,+11:00,+11:30,+12:00,+12:45,+13:00,+14:00", ut = [].concat(it.split(","), ct.split(","), pt.split(",")), dt = (a) => {
+  const e = 0 - a.getTimezoneOffset() / 60;
+  let t;
+  return e === 0 ? t = "Z" : e > 0 ? t = "+" + (e > 10 ? e : "0" + e) + "00" : t = (e < -10 ? e : "-0" + -e) + "00", t;
+}, Ve = (a) => a % 400 === 0 || a % 4 === 0 && a % 100 !== 0, Te = (a) => a > z.MILLISECOND ? Number(String(a).substring(0, 3)) : a, de = ({ year: a, month: e, date: t, hours: s, minutes: n, seconds: r, milliseconds: p }) => {
+  let c = Ce[e];
+  if (Ve(a) && e === 1 && (c += 1), t <= c)
+    return new Date(a, e, t, s, n, r, Te(p));
+}, mt = (a) => {
+  if (a.length === 23) {
+    const e = Number(a[1]), t = a[3] - 1, s = Number(a[9] || 1), n = a[15] || 0, r = a[17] || 0, p = a[20] || 0, c = a[22] || 0;
+    return de({
+      date: s,
+      year: e,
+      hours: n,
+      month: t,
+      seconds: p,
+      minutes: r,
+      milliseconds: c
+    });
+  }
+}, ft = (a) => {
+  if (a.length === 22) {
+    const e = Number(a[12]), t = a[1] - 1, s = Number(a[6] || 1), n = a[14] || 0, r = a[16] || 0, p = a[19] || 0, c = a[21] || 0;
+    return de({
+      year: e,
+      month: t,
+      date: s,
+      hours: n,
+      minutes: r,
+      seconds: p,
+      milliseconds: c
+    });
+  }
+}, ht = (a) => {
+  if (a.length !== 25)
+    return;
+  const e = Number(a[1]), t = a[2] - 1, s = Number(a[6]), n = new Date(e, t, s).getTimezoneOffset(), r = a[12] || 0, p = a[14] || 0, c = a[17] || 0, i = a[19] || 0;
+  let m = a[20];
+  const u = a[21], o = a[22] || 0, l = a[24] || 0;
+  let f = Ce[t], d, v;
+  if (Ve(e) && t === 1 && (f += 1), s <= f) {
+    if (m === "Z")
+      d = r - n / 60, v = p;
+    else {
+      if (m.includes(":") || (m = m.substr(0, 3) + ":" + m.substr(3)), !ut.includes(m))
+        return;
+      d = u === "+" ? r - o - n / 60 : Number(r) + Number(o) - n / 60, v = u === "+" ? p - l : Number(p) + Number(l);
+    }
+    return new Date(e, t, s, d, v, c, Te(i));
+  }
+}, re = [
+  [st, mt],
+  [rt, ft],
+  [ot, ht]
+], vt = (a) => {
+  for (let e = 0, t = re.length; e < t; e++) {
+    const s = re[e][0].exec(a);
+    if (s && s.length > 0)
+      return re[e][1](s);
+  }
+}, bt = (a, e, t) => {
+  if (t)
+    switch (t) {
+      case "yyyy":
+      case "yy":
+        a[0] = e;
+        break;
+      case "M":
+      case "MM":
+        a[1] = e - 1;
+        break;
+      case "d":
+      case "dd":
+        a[2] = e;
+        break;
+      case "h":
+      case "hh":
+        a[3] = e;
+        break;
+      case "m":
+      case "mm":
+        a[4] = e;
+        break;
+      case "s":
+      case "ss":
+        a[5] = e;
+        break;
+      case "S":
+      case "SS":
+      case "SSS":
+        a[6] = e;
+        break;
+    }
+}, gt = (a, e) => {
+  const t = [0, -1, 0, 0, 0, 0];
+  if (a.length !== e.length)
+    return t;
+  let s = 0, n = 0;
+  for (let r = 0, p = a.length; r < p; r++) {
+    const c = a.substr(r, 1), i = isNaN(Number(c)) || c.trim() === "";
+    if (i && c === e.substr(r, 1) || r === p - 1) {
+      let m, u;
+      if (i) {
+        m = a.substring(s, r), s = r + 1;
+        const o = e.indexOf(c, n);
+        u = e.substring(n, o === -1 ? e.length : o), n = o + 1;
+      } else
+        m = a.substring(s, p), u = e.substring(n, p);
+      (m.length === u.length || m) && bt(t, m, u);
+    }
+  }
+  return t;
+}, U = (a, e, t) => isNaN(a) || a < e || a > t, _t = ({ year: a, month: e, date: t, hours: s, minutes: n, seconds: r, milliseconds: p }) => U(a, 0, z.YEAR) || U(e, 0, z.MONTH) || U(t, 0, z.DATE) || U(s, 0, z.HOUR) || U(n, 0, z.MINUTE) || U(r, 0, z.SECOND) || U(p, 0, z.MILLISECOND), yt = (a, e) => {
+  if (typeof e == "string") {
+    const t = gt(a, e), s = Number(t[0]), n = Number(t[1]), r = Number(t[2] || 1), p = Number(t[3] || 0), c = Number(t[4] || 0), i = Number(t[5] || 0), m = Number(t[6] || 0);
+    return _t({
+      year: s,
+      month: n,
+      date: r,
+      hours: p,
+      minutes: c,
+      seconds: i,
+      milliseconds: m
+    }) ? void 0 : de({
+      year: s,
+      date: r,
+      month: n,
+      minutes: c,
+      hours: p,
+      milliseconds: m,
+      seconds: i
+    });
+  } else
+    return vt(a);
+}, Se = (a, e, t) => {
+  let s;
+  if (ke(a) ? s = new Date(a) : typeof a == "string" && (s = yt(a, e)), t) {
+    const n = t && Se(t) || new Date(1, 1, 1, 0, 0, 0);
+    return s && s < n ? n : s;
+  }
+  return s;
+}, le = function(a, e = "yyyy/MM/dd hh:mm:ss") {
+  if (nt(a)) {
+    if (typeof e == "string") {
+      const t = {
+        "y{1,4}": a.getFullYear(),
+        "M{1,2}": a.getMonth() + 1,
+        "d{1,2}": a.getDate(),
+        "h{1,2}": a.getHours(),
+        "H{1,2}": a.getHours(),
+        "m{1,2}": a.getMinutes(),
+        "s{1,2}": a.getSeconds(),
+        "S{1,3}": a.getMilliseconds(),
+        "Z{1,1}": dt(a)
+      };
+      return Object.keys(t).forEach((s) => {
+        const n = e.match(lt[s]);
+        s && n && n.length && (e = e.replace(n[0], s === "Z{1,1}" ? t[s] : We(t[s].toString(), n[0].length)));
+      }), e;
+    }
+  } else if (typeof a == "string" && arguments.length >= 2) {
+    let t = e;
+    arguments.length === 2 ? e = void 0 : t = arguments[2];
+    const s = Se(a, e);
+    return s ? le(s, t) : "";
+  }
+}, C = (a, e = !0) => {
+  e ? a.visibleTimer = setTimeout(() => {
+    a.visible = !0;
+  }, 0) : (clearTimeout(a.visibleTimer), a.visibleTimer = null, a.visible = !1);
+}, Q = (a, e = !0) => {
+  if (!a.instance)
+    return;
+  a.popoverVisible = e;
+  const { dropdownRef: t } = a.instance;
+  e && t.state.visible && (clearTimeout(Number(t.state.timeout)), t.state.timeout = null, t.state.visible = !1);
+}, xt = (a, e = 200) => {
+  let t = null;
+  const s = function(...n) {
+    t && clearTimeout(t), t = setTimeout(() => {
+      a.apply(this, n), t = null;
+    }, e);
+  };
+  return s.cancel = () => {
+    t && (clearTimeout(t), t = null);
+  }, s;
+}, A = (a) => parseFloat(a).toString() !== "NaN", j = (a) => {
+  const e = Array.isArray(a) ? [] : {};
+  if (a && typeof a == "object") {
+    const t = Object.keys(a);
+    if (t.length)
+      t.forEach((s) => {
+        a[s] && typeof a[s] == "object" ? e[s] = j(a[s]) : e[s] = a[s];
+      });
+    else
+      return a;
+  }
+  return e;
+}, ee = (a, e = ["mergeTag", "options", "idMapKey"]) => {
+  const t = { ...a };
+  return e.forEach((s) => {
+    delete t[s];
+  }), t;
+}, P = (a, e, t = "") => {
+  const { valueMap: s, prevItem: n } = a, r = (n.label || t) + e;
+  return s.has(r);
+}, te = (a) => {
+  a.propItem = {}, a.inputValue = "";
+}, R = ({ emit: a, state: e, nextTick: t, ...s }) => {
+  Q(e, !1);
+  const { tagList: n = null, index: r = -1, newTag: p = null, newValue: c = null, oldValue: i = null, isEdit: m } = s;
+  if (m || te(e), !n && r === -1 && !c)
+    return;
+  const u = i || j(e.innerModelValue);
+  let o = [];
+  c ? o = [...c] : r !== -1 ? (o = [...e.innerModelValue], p ? o.splice(r, 1, p) : o.splice(r, 1)) : o = [...e.innerModelValue, ...n], e.innerModelValue = o, a("update:modelValue", j(o)), a("change", j(o), u);
+}, H = (a) => a, G = (a, e, t) => {
+  const s = e.idMapKey || a.idMapKey;
+  return t && t[s] !== void 0 ? { [s]: t[s] } : null;
+};
+function wt({ props: a, state: e, emit: t, nextTick: s }) {
+  let n = j(e.inputValue);
+  const r = (m) => {
+    if (m) {
+      const u = e.recordItems.find((o) => o.label === m.label);
+      if (u && u.options) {
+        const o = u.options.find((l) => l.label === m.value);
+        o && (o.isChecked = !1);
+      }
+    }
+  };
+  return {
+    deleteTag: (m) => {
+      C(e, !1), r(m);
+      const u = a.modelValue.filter((o) => o !== m);
+      R({ emit: t, state: e, nextTick: s, newValue: u });
+    },
+    clearTag: () => {
+      C(e, !1), a.modelValue.forEach((m) => r(m)), e.propItem = {}, e.inputValue = "", R({ emit: t, state: e, nextTick: s, newValue: [] }), t("clear");
+    },
+    backspaceDeleteTag: () => {
+      var m, u, o;
+      if (!e.inputValue) {
+        if (e.propItem.label) {
+          e.propItem = {};
+          return;
+        }
+        if (n === "" && e.inputValue === "") {
+          C(e, !1);
+          const l = a.modelValue.length - 1;
+          r(a.modelValue[l]);
+          const f = e.innerModelValue.slice(0, a.modelValue.length - 1);
+          R({ emit: t, state: e, nextTick: s, newValue: f });
+        }
+        n = e.inputValue, (o = (u = (m = e == null ? void 0 : e.instance) == null ? void 0 : m.refs) == null ? void 0 : u.inputRef) != null && o.$el && e.instance.refs.inputRef.$el.click();
+      }
+    }
+  };
+}
+const It = async (a, e, t) => {
+  const { prevItem: s, inputEditValue: n } = e, { operators: r } = s, p = ee(s);
+  let c = null, i = !0;
+  if (await a.$refs.formRef.validateField(["inputEditValue"], (m) => {
+    m && (i = !1);
+  }), i) {
+    let m = null;
+    const u = e.operatorValue && r ? { operator: e.operatorValue } : null;
+    let o = n;
+    const l = {};
+    if (Array.isArray(n))
+      l.options = [], o = "", n.forEach((f) => {
+        const d = e.currentEditValue.find((h) => h.label === f), v = (d == null ? void 0 : d.label) || f;
+        if (o = o ? `${o} | ${v}` : v, d) {
+          const h = G(t, s, d);
+          l.options.push({ label: v, ...h });
+        } else
+          l.options.push({ label: v });
+      });
+    else if (Array.isArray(e.currentEditValue)) {
+      const f = e.currentEditValue.find((d) => d.label === o);
+      m = G(t, s, f);
+    }
+    c = H({ ...p, label: e.selectValue, ...u, value: o, ...m, ...l });
+  }
+  return c;
+}, De = async (a, e, t) => {
+  const { prevItem: s } = e, n = `min${s.field}`, r = `max${s.field}`, p = e[n], c = e[r], i = [n, r];
+  let m = !0, u = null;
+  if (await a.$refs.formRef.validateField(i, (o) => {
+    o && (m = !1);
+  }), m) {
+    const { field: o, label: l, unit: f, type: d, operators: v } = s, h = f ? `${l}(${f})` : l;
+    let b = "";
+    p && c ? b = `${p}-${c}` : b = p ? `≥${p}` : `≤${c}`;
+    const w = G(t, s, s), k = e.operatorValue && v ? { operator: e.operatorValue } : null;
+    u = H({ type: d, field: o, label: h, value: b, ...w, start: p, end: c, ...k });
+  }
+  return u;
+}, ie = async (a, e, t, s) => {
+  const { prevItem: n, startDate: r, endDate: p, startDateTime: c, endDateTime: i } = e;
+  let m = null, u = null, o = !0, l = null, f = null;
+  if (s ? (m = c, u = i, f = ["startDateTime", "endDateTime"]) : (m = r, u = p, f = ["startDate", "endDate"]), await a.$refs.formRef.validateField(f, (d) => {
+    d && (o = !1);
+  }), o) {
+    const { operators: d } = n, v = ee(n);
+    let h = "";
+    if (m && u) {
+      if (m > u)
+        return;
+      m === u ? h = m : h = `${m}-${u}`;
+    } else
+      h = m ? `≥${m}` : `≤${u}`;
+    const b = G(t, n, n), w = e.operatorValue && d ? { operator: e.operatorValue } : null;
+    l = H({ ...v, value: h, start: m, end: u, ...b, ...w });
+  }
+  return l;
+}, Me = (a, e, t) => {
+  const { prevItem: s } = a, { field: n, start: r, end: p, min: c = s.min, max: i = s.max } = e, m = `min${n}`, u = `max${n}`;
+  (a.curMinNumVar !== m || a.curMaxNumVar !== u) && (delete a[a.curMinNumVar], delete a[a.curMaxNumVar], delete a.formRules[a.curMinNumVar], delete a.formRules[a.curMaxNumVar], a.curMinNumVar = m, a.curMaxNumVar = u), a[a.curMinNumVar] = r, a[a.curMaxNumVar] = p;
+  const { curMinNumVar: o, curMaxNumVar: l } = a, f = A(c), d = A(i);
+  f || d ? (a.formRules[o] = {
+    validator: (v, h, b) => {
+      const w = A(h);
+      !w && A(a[l]) || w && (f && !d && h >= c || !f && d && h <= i || h >= c && h <= i) ? b() : (a.numberShowMessage = !!(h || a[l]), b(new Error(t("tvp.tvpSearchbox.rangeMinErr", [c, i]))));
+    }
+  }, a.formRules[l] = {
+    validator: (v, h, b) => {
+      const w = A(a[o]), k = w && c < a[o] ? Number(a[o]) : c, g = A(k), _ = A(h);
+      !_ && w || _ && (g && !d && h >= k || !g && d && h <= i || h >= k && h <= i) ? b() : b(!_ && !w ? new Error(t("tvp.tvpSearchbox.rangeNumberTitle")) : new Error(t("tvp.tvpSearchbox.rangeMaxErr")));
+    }
+  }) : a.formRules[l] = {
+    validator: (v, h, b) => {
+      const w = a[o], k = A(h), g = A(w);
+      k && !g || !k && g || k && g && h >= Number(w) ? b() : b(!k && !g ? new Error(t("tvp.tvpSearchbox.rangeNumberTitle")) : new Error(t("tvp.tvpSearchbox.rangeMaxErr")));
+    }
+  };
+};
+function kt({ props: a, emit: e, state: t, t: s, format: n, nextTick: r, vm: p, cancelHandleInput: c }) {
+  const i = p || t.instance, m = (g) => {
+    var x, T, M;
+    const { start: _, end: y, type: I } = g;
+    if (t.backupList = g.options, I === "numRange")
+      Me(t, g, s);
+    else if (I === "dateRange") {
+      const { dateRangeFormat: V } = t;
+      if (!t.startDate && _) {
+        const S = n(_, V);
+        t.startDate = t.endDate < S ? null : S;
+      }
+      if (!t.endDate && y) {
+        const S = n(y, V);
+        t.endDate = S < t.startDate ? null : S;
+      }
+    } else if (I === "datetimeRange") {
+      const { datetimeRangeFormat: V } = t;
+      if (!t.startDateTime && _) {
+        const S = n(_, V);
+        t.startDateTime = t.endDateTime < S ? null : S;
+      }
+      if (!t.endDateTime && y) {
+        const S = n(y, V);
+        t.endDateTime = S < t.startDateTime ? null : S;
+      }
+    } else
+      t.backupList && I === "checkbox" && (t.filterList = t.backupList, t.checkboxGroup = [], (x = t.backupList) == null || x.forEach((V) => {
+        P(t, V.label) && t.checkboxGroup.push(`${g.label}${V.label}`), V.isFilter = !1;
+      }));
+    I !== "checkbox" && ((T = t.backupList) != null && T.length) && ((M = t.backupList) == null || M.forEach((V) => {
+      V.isFilter = !1, V.isChecked = P(t, V.label);
+    })), t.currentOperators = null, !t.backupList && !["dateRange", "datetimeRange", "numRange", "custom"].includes(I) ? C(t, !1) : C(t);
+  }, u = (g) => {
+    var T;
+    const { field: _, label: y } = g;
+    t.propItem = { ...t.propItem, label: y }, e("first-level-select", _);
+    const I = (T = i.$refs) == null ? void 0 : T.inputRef;
+    t.prevItem = g, t.backupPrevItem = g;
+    const { operators: x } = g;
+    x != null && x.length ? (t.operatorValue = "", t.currentOperators = x, C(t)) : (t.operatorValue = ":", m(g)), t.inputValue = "", I.focus();
+  }, o = (g) => {
+    t.operatorValue = g, m(t.prevItem);
+  }, l = (g, _, y, I) => {
+    const { replace: x, operators: T, mergeTag: M } = g, V = ee(g), { indexMap: S } = t, D = S.get(y), L = G(a, g, _), B = t.operatorValue && T ? { operator: t.operatorValue } : null;
+    let F = null;
+    if (M) {
+      const K = { label: I, ...L };
+      if (D >= 0) {
+        const ae = `${t.innerModelValue[D].value} | ${I}`, ne = [...t.innerModelValue[D].options, K];
+        F = H({ ...t.innerModelValue[D], value: ae, options: ne });
+      } else
+        F = H({ ...V, label: y, value: I, options: [K] });
+    } else
+      F = H({ ...V, label: y, value: I, ...L, ...B });
+    if (P(t, I, y)) {
+      te(t);
+      return;
+    }
+    C(t, !1);
+    const $ = j(t.innerModelValue);
+    let O = [];
+    if ((x || M) && D >= 0) {
+      const K = [...t.innerModelValue];
+      K.splice(D, 1), O = [...K, F];
+    } else
+      O = [...t.innerModelValue, F];
+    R({ emit: e, state: t, newValue: O, oldValue: $ });
+  }, f = (g) => {
+    var _;
+    (_ = t.propItem) != null && _.label ? d({ label: g }) : w();
+  }, d = (g, _ = !1) => {
+    var T;
+    C(t, !1), _ && (t.prevItem = g, t.backupPrevItem = g);
+    const { prevItem: y } = t, I = g.value || g.label, x = (T = i.$refs) == null ? void 0 : T.inputRef;
+    if (!P(t, I)) {
+      const M = t.propItem.label || g.label;
+      l(y, g, M, I);
+    }
+    x.focus();
+  }, v = (g, _) => {
+    if (g.label) {
+      if (!_.options)
+        return;
+      if (!a.modelValue.find((I) => I.value === _.options[0].label)) {
+        const I = _.label, x = _.options && _.options[0].label;
+        l(_, _.options[0], I, x);
+        return;
+      }
+    } else
+      e("search", t.innerModelValue);
+  }, h = (g, _, y) => {
+    var x;
+    const I = (x = t.backupList) == null ? void 0 : x.find((T) => T.label === y);
+    l(g, I, _.label, y);
+  }, b = (g, _, y) => {
+    var I, x;
+    if (_.label) {
+      const { regexp: T, replace: M, type: V, mergeTag: S } = y, D = V !== "checkbox" && M || V === "checkbox" && S ? [g] : g.split(a.splitInputValue);
+      if (T)
+        for (const L of D)
+          T.test(L) && h(y, _, L);
+      else
+        for (const L of D)
+          h(y, _, L);
+    } else {
+      const { items: T, defaultField: M } = a, V = T.find(($) => {
+        const { regexp: O } = $;
+        return O && O.test(t.inputValue);
+      }) || (M ? T.find(($) => $.field === M) : t.allTypeAttri), { replace: S, type: D, mergeTag: L } = V, B = D !== "checkbox" && S || D === "checkbox" && L ? [g] : g.split(a.splitInputValue);
+      (I = V == null ? void 0 : V.options) != null && I.length && (t.backupList = [...V.options], (x = t.backupList) == null || x.forEach(($) => {
+        const O = $.value || $.label;
+        B.includes(O) && ($.isChecked = !0);
+      }));
+      const F = V.label;
+      for (const $ of B)
+        l(V, {}, F, $);
+    }
+  }, w = () => {
+    const { inputValue: g, propItem: _, prevItem: y } = t;
+    if (c && c(), C(t, !1), !g)
+      v(_, y);
+    else {
+      const { maxlength: I } = a;
+      if (I && I < g.length) {
+        e("exceed", I);
+        return;
+      }
+      b(g, _, y);
+    }
+  };
+  return { selectPropItem: u, selectRadioItem: d, selectInputValue: f, createTag: w, helpClick: () => {
+    e("help");
+  }, setOperator: o };
+}
+const Ct = (a) => a.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), oe = (a, e) => {
+  const t = [];
+  let s = 0, n;
+  for (; (n = a.exec(e)) !== null; ) {
+    const r = n.index, p = a.lastIndex;
+    r > s && t.push(e.slice(s, r)), t.push(e.slice(r, p)), s = p;
+  }
+  return s < e.length && t.push(e.slice(s)), t;
+};
+function Vt({ props: a, state: e, emit: t, nextTick: s }) {
+  const n = async (u) => {
+    e.potentialOptions = await a.potentialOptions.getMatchList(u), C(e, !0);
+  }, p = xt((u) => {
+    var _, y, I;
+    const { recordItems: o, propItem: l } = e, f = typeof u == "string" ? u : u && u.target && typeof u.target.value == "string" ? u.target.value : e.inputValue || "", d = String(f).trim(), { maxlength: v } = a;
+    if (v && v < d.length) {
+      t("exceed", v);
+      return;
+    }
+    if (d.length === 0) {
+      C(e);
+      return;
+    }
+    Object.keys(e.matchItems).forEach((x) => {
+      e.matchItems[x].attr = [], e.matchItems[x].attrValue = [];
+    });
+    const h = Ct(d), b = new RegExp(h, "i"), w = l.label || !h ? null : o.find((x) => x.type === "map" && b.test(x.label));
+    if (w) {
+      e.propItem = { ...e.propItem, label: w.label }, e.inputValue = "", e.prevItem = w, e.backupPrevItem = w, e.backupList = w.options || [];
+      return;
+    }
+    e.filterList = (_ = e.backupList) == null ? void 0 : _.filter((x) => b.test(x.label) ? (delete x.isFilter, P(e, x.label) && e.checkboxGroup.push(`${e.prevItem.label}${x.label}`), !0) : (x.isFilter = !0, !1));
+    const k = new RegExp(h, "ig"), g = d.toLowerCase();
+    if (e.propItem.label) {
+      (y = e.backupList) == null || y.forEach((x) => {
+        x.hightlighStr = g;
+        const T = x.label;
+        b.test(T) ? (x.match = oe(k, T), x.isFilter = !1) : x.isFilter = !0;
+      }), (I = e.backupList) != null && I.length || d ? C(e) : C(e, !1);
+      return;
+    }
+    for (const x of o) {
+      const { options: T = [], groupKey: M = "0", ...V } = x, S = V.label;
+      if (b.test(S)) {
+        const D = oe(k, S);
+        e.matchItems[M].attr.push({ ...x, match: D, hightlighStr: g });
+      }
+      for (const D of T) {
+        const L = e.propItem.label ? S : `${S}：${D.label}`;
+        if (b.test(L)) {
+          const B = oe(k, L);
+          e.matchItems[M].attrValue.push({
+            ...D,
+            ...V,
+            options: T,
+            hightlighStr: g,
+            value: D.label,
+            match: B
+          });
+        }
+      }
+    }
+    h && a.potentialOptions && a.potentialOptions.getMatchList ? n(h) : C(e);
+  }, 500), c = () => {
+    p.cancel && p.cancel();
+  }, i = () => {
+    var u;
+    (u = e.backupList) == null || u.forEach((o) => o.isFilter && delete o.isFilter);
+  };
+  return {
+    handleInput: p,
+    selectFirstMap: (u, o) => {
+      var v;
+      const { options: l } = u, { prevItem: f, propItem: d } = e;
+      if (l)
+        C(e, !1), e.propItem = { ...e.propItem, value: `${u.label}=` }, e.isShowTagKey = !1, e.inputValue = "", e.backupList = u.options || [], i(), (v = e.backupList) == null || v.forEach((h) => {
+          const b = d.value + h.label;
+          h.isChecked = P(e, b);
+        });
+      else {
+        if (u.isChecked)
+          return;
+        C(e, !1), e.isShowTagKey = !0, i();
+        const { field: h, type: b } = f, w = d.value + u.label, k = G(a, f, u), _ = [H({ type: b, field: h, label: d.label, value: w, ...k })];
+        R({ emit: t, state: e, nextTick: s, tagList: _ });
+      }
+      o && C(e);
+    },
+    cancelHandleInput: c
+  };
+}
+function Tt({ props: a, state: e, emit: t, nextTick: s }) {
+  return {
+    selectCheckbox: (r) => {
+      var u, o;
+      C(e, !1);
+      const { checkboxGroup: p, prevItem: c, propItem: i } = e, m = ee(c);
+      if (r) {
+        const l = [], f = j(e.innerModelValue), { mergeTag: d, operators: v, label: h } = c;
+        if (d) {
+          let b = "";
+          const w = [], { indexMap: k } = e, g = k.get(h);
+          if (g !== void 0 && e.innerModelValue.splice(g, 1), (u = e.backupList) == null || u.forEach((_) => {
+            const { label: y } = _, I = `${h}${y}`;
+            if (p.includes(I)) {
+              delete _.isFilter;
+              const T = G(a, c, _), M = { label: _.label, ...T };
+              b += b ? ` | ${y}` : y, w.push(M);
+            }
+          }), w.length > 0) {
+            const _ = { ...m, value: b, options: w };
+            l.push(_);
+          }
+        } else {
+          const { valueMap: b } = e, w = [];
+          if ((o = e.backupList) == null || o.forEach((k) => {
+            const { label: g } = k, _ = `${h}${g}`, y = p.includes(_);
+            if (y && !P(e, g)) {
+              const I = G(a, c, k), x = e.operatorValue && v ? { operator: e.operatorValue } : null, T = H({ ...m, label: i.label, value: g, ...I, ...x });
+              l.push(T), k.isChecked = !0;
+            } else if (!y && P(e, g)) {
+              k.isChecked = !1;
+              const I = b.get(_);
+              w.push(I);
+            }
+          }), w.length) {
+            const k = e.innerModelValue.filter((g, _) => g && !w.includes(_));
+            R({ emit: t, state: e, nextTick: s, newValue: k, oldValue: f });
+            return;
+          }
+        }
+        R({ emit: t, state: e, nextTick: s, tagList: l, oldValue: f });
+      } else
+        e.propItem = { ...i, label: "" }, e.inputValue = "";
+    }
+  };
+}
+function St({ props: a, state: e, emit: t, nextTick: s, vm: n }) {
+  const r = n || e.instance;
+  return {
+    onConfirmDate: async (m, u = !1) => {
+      if (!m) {
+        e.propItem = { label: "" };
+        return;
+      }
+      const o = await ie(r, e, a, u);
+      if (o) {
+        C(e, !1);
+        const l = a.modelValue.filter((f) => f.type !== o.type || f.field !== o.field);
+        l.push(o), R({ emit: t, state: e, nextTick: s, newValue: l });
+      } else
+        C(e);
+    },
+    handleDateShow: () => C(e),
+    pickerOptions: (m, u = "") => ({
+      disabledDate(o) {
+        const { maxTimeLength: l = 0, min: f, max: d } = e.prevItem, v = e[u], h = o.getTime();
+        if (l > 0)
+          if (f || d)
+            if (u && v) {
+              const b = new Date(v).getTime(), w = !f && d ? b - l : Math.max(f.getTime(), b - l);
+              return h < w || h > b;
+            } else if (!u && m) {
+              const b = new Date(m).getTime(), w = f && !d ? b + l : Math.min(d.getTime(), b + l);
+              return h < b || h > w;
+            } else
+              return f && h < f.getTime() || d && h > d.getTime();
+          else if (u && v) {
+            const b = new Date(v).getTime(), w = b - l;
+            return h < w || h > b;
+          } else if (!u && m) {
+            const b = new Date(m).getTime(), w = b + l;
+            return h < b || h > w;
+          } else
+            return !1;
+        else if (f || d)
+          if (u && v) {
+            const b = new Date(v).getTime();
+            return f && h < f.getTime() || h > b;
+          } else if (!u && m) {
+            const b = new Date(m).getTime();
+            return h < b || d && h > d.getTime();
+          } else
+            return h < f || h > d;
+        else if (u && v) {
+          const b = new Date(v).getTime();
+          return h > b;
+        } else if (!u && m) {
+          const b = new Date(m).getTime();
+          return h < b;
+        } else
+          return !1;
+      }
+    })
+  };
+}
+function Dt({ props: a, state: e, t, emit: s, nextTick: n, vm: r }) {
+  const p = r || e.instance, c = async (u) => {
+    if (!u) {
+      e.propItem = { ...e.propItem, label: "" };
+      return;
+    }
+    const o = await De(p, e, a);
+    if (o) {
+      C(e, !1);
+      const l = a.modelValue.filter((f) => f.type !== o.type || f.field !== o.field);
+      l.push(o), R({ emit: s, state: e, nextTick: n, newValue: l });
+    } else
+      C(e);
+  }, i = (u, o, l) => {
+    const { maxTimeLength: f = 0 } = u;
+    return {
+      [o]: {
+        validator: (d, v, h) => {
+          f > 0 && !v ? h(new Error(t("tvp.tvpSearchbox.notBeNull"))) : !v && !e[l] ? h(new Error(t("tvp.tvpSearchbox.rangeDateTitle"))) : h();
+        }
+      },
+      [l]: {
+        validator: (d, v, h) => {
+          f > 0 && !v ? h(new Error(t("tvp.tvpSearchbox.notBeNull"))) : !v && !e[o] ? h(new Error(t("tvp.tvpSearchbox.rangeDateTitle"))) : h();
+        }
+      }
+    };
+  };
+  return {
+    initFormRule: () => {
+      let u = {}, o = {};
+      a.items.forEach((l) => {
+        l.type === "dateRange" && (u = i(l, "startDate", "endDate")), l.type === "datetimeRange" && (o = i(l, "startDateTime", "endDateTime"));
+      }), e.formRules = {
+        ...u,
+        ...o
+      }, a.editable && (e.formRules.inputEditValue = {
+        required: !0,
+        message: t("tvp.tvpSearchbox.notBeNull"),
+        trigger: ["change", "blur"]
+      });
+    },
+    sizeChange: c
+  };
+}
+function Mt({ props: a, state: e, t, nextTick: s, format: n, emit: r, vm: p }) {
+  const c = (l) => {
+    var _;
+    const { operator: f, value: d, start: v, end: h } = l, { options: b, operators: w, type: k, mergeTag: g } = e.prevItem;
+    if (k !== "custom") {
+      if (k === "numRange")
+        Me(e, l, t);
+      else if (k === "dateRange") {
+        const { dateRangeFormat: y } = e;
+        e.startDate = n(v, y), e.endDate = n(h, y);
+      } else if (k === "datetimeRange") {
+        const { datetimeRangeFormat: y } = e;
+        e.startDateTime = n(v, y), e.endDateTime = n(h, y);
+      } else {
+        if (g) {
+          const y = ((_ = l.options) == null ? void 0 : _.flatMap((I) => I.label)) || [];
+          e.inputEditValue = y, e.currentEditSelectTags = y;
+        } else
+          e.inputEditValue = Array.isArray(d) ? d.join(",") : d || "";
+        e.currentEditValue = b;
+      }
+      e.operatorValue = f, e.currentOperators = w;
+    }
+  };
+  return {
+    editTag: (l, f, d) => {
+      if (!a.editable || l.type && l.type === "map")
+        return;
+      C(e, !1), e.popoverVisible = !1;
+      const v = d.target.classList.contains("tiny-tag") ? d.target : d.srcElement.parentElement;
+      s(() => {
+        const { popoverRef: h } = e.instance.$refs;
+        h.state.referenceElm = v, h.state.popperElm && (h.state.popperElm.style.display = "none"), h.doDestroy(), e.popoverVisible = !0;
+      }), e.prevItem = e.recordItems.find((h) => h.field === l.field), !e.prevItem && (e.prevItem = l), e.selectValue = l.label, e.currentModelValueIndex = f, r("tagClick", l), c(l);
+    },
+    confirmEditTag: async (l) => {
+      if (!l) {
+        e.popoverVisible = !1;
+        return;
+      }
+      const { prevItem: f, currentModelValueIndex: d } = e;
+      let v = null;
+      f.type === "numRange" ? v = await De(e.instance, e, a) : f.type === "dateRange" ? v = await ie(e.instance, e, a, !1) : f.type === "datetimeRange" ? v = await ie(e.instance, e, a, !0) : v = await It(e.instance, e, a), v ? (C(e, !1), e.popoverVisible = !1, R({ emit: r, state: e, nextTick: s, index: d, newTag: v, isEdit: !0 })) : e.popoverVisible = !0, e.currentEditValue = [];
+    },
+    selectPropChange: (l, f) => {
+      f || (e.prevItem = l, c(l));
+    },
+    selectItemIsDisable: (l) => {
+      var d, v, h, b;
+      if (l.type && l.type === "map")
+        return !0;
+      if ((d = e.prevItem) != null && d.operators || l.operators)
+        return ((v = e.prevItem.operators) == null ? void 0 : v.length) !== ((h = l.operators) == null ? void 0 : h.length);
+      const f = ["radio", "checkbox"];
+      return e.prevItem.type && f.includes(e.prevItem.type) ? l.type ? !f.includes(l.type) : !1 : ((b = e.prevItem) == null ? void 0 : b.type) !== l.type;
+    }
+  };
+}
+function Et({ state: a, emit: e, nextTick: t }) {
+  const s = (p) => {
+    C(a, !1);
+    const { prevItem: c, indexMap: i } = a, { replace: m, label: u } = c, o = [];
+    if (m && i.has(u)) {
+      const l = i.get(u), f = { ...c, ...p };
+      R({ emit: e, state: a, nextTick: t, newTag: f, index: l });
+      return;
+    } else
+      !m && Array.isArray(p) ? p.forEach((l) => {
+        P(a, l.value) || o.push({ ...c, ...l });
+      }) : P(a, p.value) || o.push({ ...c, ...p });
+    R({ emit: e, state: a, nextTick: t, tagList: o });
+  };
+  return {
+    handleConfirm: (p) => {
+      if (!p) {
+        te(a), C(a, !1);
+        return;
+      }
+      s(p);
+    },
+    handleEditConfirm: (p) => {
+      if (!p) {
+        Q(a, !1);
+        return;
+      }
+      s(p);
+    }
+  };
+}
+function Lt({ props: a, state: e }) {
+  return {
+    initItems: () => {
+      e.groupItems = {}, e.recordItems.forEach((c) => {
+        var m;
+        const { groupKey: i = "0" } = c;
+        if (e.groupItems[i] ? e.groupItems[i].push({ ...c }) : (e.groupItems[i] = [{ ...c }], e.matchItems[i] = { attr: [], attrValue: [] }), e.prevItem && c.field === e.prevItem.field && c !== e.prevItem) {
+          const { options: u, type: o } = c;
+          e.prevItem = c, u != null && u.length && (e.backupList = u), o === "checkbox" && (e.filterList = e.backupList, e.checkboxGroup = [], (m = e.backupList) == null || m.forEach((l) => {
+            const { label: f } = l;
+            P(e, f) && e.checkboxGroup.push(`${c.label}${f}`), l.isFilter = !1;
+          })), C(e, c.field === e.prevItem.field && c !== e.prevItem);
+        }
+      });
+    },
+    watchOutsideClick: () => {
+      a.editable && Q(e, !1), e.isMouseDown = !1, C(e, !1);
+    },
+    watchMouseDown: () => {
+      e.isMouseDown = !0;
+    },
+    watchMouseMove: () => {
+      e.isMouseDown && (e.isMouseDown = !1);
+    },
+    handleClick: (c) => {
+      var u;
+      const { backupPrevItem: i, prevItem: m } = e;
+      c.stopPropagation(), a.editable && (e.popoverVisible = !1, e.currentEditValue = [], e.propItem.label && i && i !== m && (e.prevItem = i)), e.hasBackupList && (((u = e.backupList) == null ? void 0 : u.length) === 0 || !e.backupList) && !e.inputValue || a.items.length === 0 ? C(e, !1) : C(e);
+    }
+  };
+}
+const Ee = {
+  tvp: {
+    tvpSearchbox: {
+      defaultPlaceholder: "请选择属性筛选，或输入关键字",
+      addPlaceholder: "添加筛选条件",
+      tagPlaceholder: "请选择标签键/值搜索，或输入“键=值”搜索",
+      dynamicPlaceholder: "请选择{newValue}搜索",
+      attributeType: "属性类型",
+      propertyValue: "{0}的值",
+      matched: "潜在匹配项",
+      allValues: "所有值",
+      allProperty: "全部属性",
+      operator: "运算符",
+      clearAll: "清空",
+      emptyValue: "空 值",
+      help: "点击查看帮助",
+      switchText: "切换到默认搜索项",
+      tagKey: "键",
+      tagValue: "值",
+      minValueText: "最小值",
+      maxValueText: "最大值",
+      rangeMinErr: "输入值必须在{0}~{1}之间",
+      rangeMaxErr: "最大值必须大于等于最小值，或者为空",
+      rangeNumberTitle: "请至少输入一个值",
+      rangeDateTitle: "请至少输入一个日期",
+      timeLengthTitle: "可选时间跨度为{value}天内",
+      rangeBeginLabel: "开始日期",
+      rangeEndLabel: "结束日期",
+      rulekeyword1: "关键字",
+      notBeNull: "值不能为空",
+      noData: "暂无匹配数据...",
+      selectAll: "全选",
+      confirm: "确定",
+      cancel: "取消",
+      equal: "等于",
+      notEqual: "不等于",
+      contain: "包含",
+      notContain: "不包含",
+      initUse: "搜索"
+    }
+  }
+}, Le = {
+  tvp: {
+    tvpSearchbox: {
+      defaultPlaceholder: "Select attribute filtering or enter keywords",
+      addPlaceholder: "Add filtering criteria",
+      tagPlaceholder: 'Please select tag key/value search, or enter "key=value" to search',
+      dynamicPlaceholder: "Please select {newValue} to search",
+      attributeType: "Attribute Type",
+      propertyValue: "The value of {0}",
+      matched: "Potential matching items",
+      allValues: "All values",
+      allProperty: "All Properties",
+      operator: "Operator",
+      clearAll: "Clear",
+      emptyValue: "Empty value",
+      help: "Click to view help",
+      switchText: "Switch to default search terms",
+      tagKey: "Key",
+      tagValue: "Value",
+      minValueText: "Minimum value",
+      maxValueText: "Maximum value",
+      rangeMinErr: "The input value must be between {0} and {1}",
+      rangeMaxErr: "The maximum value must be greater than or equal to the minimum value, or empty",
+      rangeNumberTitle: "Please enter at least one value",
+      rangeDateTitle: "Please enter at least one date",
+      timeLengthTitle: "The optional time span is within {value} days",
+      rangeBeginLabel: "Start date",
+      rangeEndLabel: "End date",
+      rulekeyword1: "Keywords",
+      notBeNull: "The value cannot be empty",
+      noData: "There is currently no matching data available ..",
+      selectAll: "Select All",
+      confirm: "Confirm",
+      cancel: "Cancel",
+      equal: "Equal",
+      notEqual: "Not equal",
+      contain: "Contain",
+      notContain: "Does not contain",
+      initUse: "Search"
+    }
+  }
+}, W = "zh-CN", q = {
+  "zh-CN": Ee,
+  "en-US": Le
+};
+let E = null;
+const $t = (a) => {
+  E = a;
+}, me = () => {
+  var a, e, t, s, n;
+  if ((t = (e = (a = E == null ? void 0 : E.config) == null ? void 0 : a.globalProperties) == null ? void 0 : e.$i18n) != null && t.locale)
+    return E.config.globalProperties.$i18n.locale;
+  if ((s = E == null ? void 0 : E.$i18n) != null && s.locale)
+    return E.$i18n.locale;
+  if (typeof navigator < "u") {
+    const r = navigator.language || ((n = navigator.languages) == null ? void 0 : n[0]);
+    if (r)
+      return r.startsWith("zh") ? "zh-CN" : "en-US";
+  }
+  return W;
+}, ce = (a) => q[a] || q[W], N = (a, e = {}) => {
+  var p, c;
+  if (!a)
+    return "";
+  if ((c = (p = E == null ? void 0 : E.config) == null ? void 0 : p.globalProperties) != null && c.$t)
+    try {
+      const i = E.config.globalProperties.$t(a, e);
+      if (i && i !== a)
+        return i;
+    } catch (i) {
+      console.warn("[TinySearchBox] i18n translation failed:", i);
+    }
+  if (E != null && E.$t)
+    try {
+      const i = E.$t(a, e);
+      if (i && i !== a)
+        return i;
+    } catch (i) {
+      console.warn("[TinySearchBox] i18n translation failed:", i);
+    }
+  const t = me(), s = ce(t), n = a.split(".");
+  let r = s;
+  for (const i of n)
+    if (r && typeof r == "object" && i in r)
+      r = r[i];
+    else {
+      if (t !== W) {
+        r = ce(W);
+        for (const u of n)
+          if (r && typeof r == "object" && u in r)
+            r = r[u];
+          else {
+            r = a;
+            break;
+          }
+      } else
+        r = a;
+      break;
+    }
+  return typeof r == "string" && Object.keys(e).length > 0 ? r.replace(/\{(\w+)\}/g, (i, m) => e[m] !== void 0 ? e[m] : i) : typeof r == "string" ? r : a;
+}, Nt = (a, e = {}) => a.map((t) => N(t, e)), Rt = (a) => a in q, Pt = () => Object.keys(q), Ot = (a, e) => {
+  q[a] = e;
+}, Ft = (a) => {
+  a !== W && delete q[a];
+}, At = {
+  t: N,
+  zhCN: Ee,
+  enUS: Le,
+  tArray: Nt,
+  setGlobalApp: $t,
+  getCurrentLocale: me,
+  getLocaleMessages: ce,
+  isLocaleSupported: Rt,
+  getSupportedLocales: Pt,
+  addLocale: Ot,
+  removeLocale: Ft
+}, Bt = [
+  "t",
+  "state",
+  "isShowClose",
+  "showHelp",
+  "maxlength",
+  "panelMaxHeight",
+  "editable",
+  "emptyPlaceholder",
+  "deleteTag",
+  "editTag",
+  "backspaceDeleteTag",
+  "createTag",
+  "clearTag",
+  "helpClick",
+  "handleInput",
+  "handleClick",
+  "handleEvents",
+  "pickerOptions",
+  "resetInput",
+  "selectItemIsDisable",
+  "selectPropChange",
+  "confirmEditTag",
+  "handleConfirm",
+  "handleEditConfirm",
+  "showDropdown",
+  "showPopover"
+], zt = ({ reactive: a, computed: e, api: t, i18n: s, watch: n, props: r, emit: p, vm: c }) => {
+  const i = a({
+    innerModelValue: [...r.modelValue],
+    placeholder: r.emptyPlaceholder || N("tvp.tvpSearchbox.addPlaceholder"),
+    emitter: p,
+    recordItems: [],
+    groupItems: {},
+    inputValue: "",
+    matchItems: {},
+    propItem: {},
+    backupList: [],
+    filterList: [],
+    checkboxGroup: [],
+    prevItem: {},
+    backupPrevItem: "",
+    formRules: null,
+    validType: "text",
+    numberShowMessage: !0,
+    startDate: null,
+    startDateTime: null,
+    endDate: null,
+    endDateTime: null,
+    isShowTagKey: !0,
+    potentialOptions: null,
+    dateRangeFormat: "yyyy/MM/dd",
+    datetimeRangeFormat: "yyyy/MM/dd HH:mm:ss",
+    indexMap: /* @__PURE__ */ new Map(),
+    valueMap: /* @__PURE__ */ new Map(),
+    popoverVisible: !1,
+    selectValue: "",
+    allTypeAttri: { label: N("tvp.tvpSearchbox.rulekeyword1"), field: "tvpKeyword", type: "radio" },
+    operatorValue: ":",
+    inputEditValue: "",
+    currentOperators: "",
+    currentEditValue: "",
+    currentModelValueIndex: -1,
+    curMinNumVar: "",
+    curMaxNumVar: "",
+    instance: null,
+    isMouseDown: !1,
+    currentEditSelectTags: [],
+    visible: !1,
+    visibleTimer: null,
+    hasBackupList: e(() => i.propItem.label && [void 0, "radio", "checkbox", "map"].includes(i.prevItem.type)),
+    isIndeterminate: e(() => i.checkboxGroup.length > 0 && i.checkboxGroup.length !== i.filterList.length),
+    checkAll: e({
+      get: () => i.checkboxGroup.length && i.checkboxGroup.length === i.filterList.length,
+      set: (m) => {
+        m ? i.checkboxGroup = i.filterList.flatMap((u) => `${i.prevItem.label}${u.label}`) : i.checkboxGroup = [];
+      }
+    })
+  });
+  return i;
+}, jt = (a, { getCurrentInstance: e, onMounted: t, onBeforeUnmount: s, computed: n, reactive: r, watch: p }, { emit: c, nextTick: i, refs: m, vm: u }) => {
+  const o = {}, l = a.emitter ? a.emitter.emit : c, f = zt({ reactive: r, computed: n, api: o, i18n: At, watch: p, props: a, emit: l, vm: u });
+  return Ht({ api: o, state: f, t: N, props: a, emit: l, nextTick: i, vm: u, computed: n }), Gt({ watch: p, state: f, props: a, api: o, nextTick: i, vm: u }), f.instance = u, t(() => {
+    typeof document < "u" && (document.addEventListener("click", o.watchOutsideClick), document.addEventListener("mousedown", o.watchMouseDown), document.addEventListener("mousemove", o.watchMouseMove));
+  }), s(() => {
+    typeof document < "u" && (document.removeEventListener("click", o.watchOutsideClick), document.removeEventListener("mousedown", o.watchMouseDown), document.removeEventListener("mousemove", o.watchMouseMove), f.localeCheckInterval && (clearInterval(f.localeCheckInterval), f.localeCheckInterval = null));
+  }), o;
+}, Ht = ({ api: a, state: e, t, props: s, emit: n, nextTick: r, vm: p, computed: c }) => {
+  const { deleteTag: i, clearTag: m, backspaceDeleteTag: u } = wt({ props: s, state: e, emit: n, nextTick: r }), { editTag: o, confirmEditTag: l, selectPropChange: f, selectItemIsDisable: d } = Mt({ props: s, state: e, t, nextTick: r, format: le, emit: n, vm: p }), { handleInput: v, selectFirstMap: h, cancelHandleInput: b } = Vt({ props: s, state: e, emit: n, nextTick: r }), { selectPropItem: w, selectRadioItem: k, selectInputValue: g, createTag: _, helpClick: y, setOperator: I } = kt({ props: s, emit: n, state: e, t, format: le, nextTick: r, vm: p, cancelHandleInput: b }), { selectCheckbox: x } = Tt({ props: s, state: e, emit: n, nextTick: r }), { onConfirmDate: T, handleDateShow: M, pickerOptions: V } = St({ props: s, state: e, emit: n, nextTick: r, vm: p }), { sizeChange: S, initFormRule: D } = Dt({ props: s, state: e, t, emit: n, nextTick: r, vm: p }), { handleConfirm: L, handleEditConfirm: B } = Et({ state: e, emit: n, nextTick: r }), { initItems: F, watchOutsideClick: $, watchMouseDown: O, watchMouseMove: K, handleClick: ae } = Lt({ props: s, state: e }), ne = c(() => s.modelValue.length || e.propItem.label || e.inputValue), $e = () => ({
+    selectInputValue: g,
+    selectPropItem: w,
+    selectRadioItem: k,
+    setOperator: I,
+    selectCheckbox: x,
+    sizeChange: S,
+    onConfirmDate: T,
+    selectFirstMap: h,
+    handleDateShow: M
+  }), se = (Z) => {
+    e.placeholder = Z;
+  };
+  s.modelValue.length > 0, se(t("tvp.tvpSearchbox.addPlaceholder")), Object.assign(a, {
+    t,
+    state: e,
+    isShowClose: ne,
+    deleteTag: i,
+    editTag: o,
+    backspaceDeleteTag: u,
+    createTag: _,
+    clearTag: m,
+    helpClick: y,
+    handleInput: v,
+    handleClick: ae,
+    handleEvents: (Z, Ne, Re) => {
+      const he = $e();
+      typeof he[Z] == "function" ? he[Z](Ne, Re) : console.warn(`[TinySearchBox] Unknown event: ${Z}`);
+    },
+    pickerOptions: V,
+    resetInput: te,
+    selectItemIsDisable: d,
+    selectPropChange: f,
+    confirmEditTag: l,
+    handleConfirm: L,
+    handleEditConfirm: B,
+    showDropdown: C,
+    showPopover: Q,
+    setPlaceholder: se,
+    initItems: F,
+    initFormRule: D,
+    watchOutsideClick: $,
+    watchMouseDown: O,
+    watchMouseMove: K
+  });
+}, Gt = ({ watch: a, state: e, props: t, api: s, nextTick: n, vm: r }) => {
+  var u;
+  const p = () => {
+    var o;
+    if (e.propItem.label) {
+      const { placeholder: l, type: f } = e.prevItem;
+      l ? s.setPlaceholder(l) : f === "map" ? s.setPlaceholder(N("tvp.tvpSearchbox.tagPlaceholder")) : (o = e.backupList) != null && o.length ? s.setPlaceholder(N("tvp.tvpSearchbox.dynamicPlaceholder", { newValue: e.propItem.label })) : s.setPlaceholder(N("tvp.tvpSearchbox.addPlaceholder"));
+    } else
+      s.setPlaceholder(N("tvp.tvpSearchbox.addPlaceholder"));
+  }, c = () => {
+    var o, l, f;
+    return (o = r == null ? void 0 : r.$i18n) != null && o.locale ? r.$i18n.locale : (f = (l = r == null ? void 0 : r.proxy) == null ? void 0 : l.$i18n) != null && f.locale ? r.proxy.$i18n.locale : me();
+  };
+  let i = c();
+  if (r != null && r.$i18n)
+    try {
+      r.$watch(
+        () => r.$i18n.locale,
+        (o) => {
+          o !== i && (i = o, p());
+        },
+        { immediate: !1 }
+      );
+    } catch (o) {
+      console.warn("[TinySearchBox] Unable to watch i18n.locale via vm.$watch:", o);
+    }
+  if ((u = r == null ? void 0 : r.proxy) != null && u.$i18n)
+    try {
+      a(
+        () => r.proxy.$i18n.locale,
+        (o) => {
+          o !== i && (i = o, p());
+        },
+        { immediate: !1 }
+      );
+    } catch (o) {
+      console.warn("[TinySearchBox] Unable to watch i18n.locale via watch:", o);
+    }
+  const m = () => {
+    const o = c();
+    o !== i && (i = o, p());
+  };
+  typeof window < "u" && (e.localeCheckInterval = setInterval(m, 200)), a(
+    () => t.modelValue,
+    () => {
+      m();
+    }
+  ), a(
+    () => t.items,
+    (o) => {
+      const l = e.visible, f = e.prevItem && e.prevItem.field;
+      e.recordItems = j(o), s.initItems(), s.initFormRule(), n(() => {
+        if (s.initItems(), s.initFormRule(), l && e.propItem.label) {
+          const d = e.recordItems.find((v) => v.field === f) || e.prevItem;
+          e.prevItem = d || {}, e.backupList = d && d.options ? [...d.options] : [], e.filterList = e.backupList ? [...e.backupList] : [], C(e);
+        }
+      });
+    },
+    {
+      deep: !0,
+      immediate: !0
+    }
+  ), a(
+    () => e.inputValue,
+    (o) => {
+      !o && !e.propItem.type && (e.visible = !1);
+    },
+    {
+      immediate: !0
+    }
+  ), a(
+    () => e.popoverVisible,
+    (o) => {
+      !o && !e.inputEditValue.length && (e.prevItem && e.prevItem.mergeTag ? e.inputEditValue = Array.isArray(e.currentEditSelectTags) ? e.currentEditSelectTags : [] : e.inputEditValue = Array.isArray(e.currentEditSelectTags) ? e.currentEditSelectTags.join(",") : e.currentEditSelectTags || "");
+    },
+    {
+      immediate: !0
+    }
+  ), a(
+    () => e.propItem.label,
+    (o) => {
+      p();
+    }
+  ), a(
+    () => t.modelValue,
+    (o) => {
+      if (o) {
+        if (e.indexMap.clear(), e.valueMap.clear(), o.forEach((l, f) => {
+          var v;
+          const d = `${l.label}${l.value}`;
+          e.indexMap.set(l.label, f), e.valueMap.set(d, f), ((v = l.options) == null ? void 0 : v.length) > 0 && l.options.forEach((h) => {
+            const b = `${l.label}${h.label}`;
+            e.valueMap.set(b, f);
+          });
+        }), Q(e, !1), o.length === 0 && s.setPlaceholder(N("tvp.tvpSearchbox.addPlaceholder")), t.editable && !e.inputEditValue.length && o[0]) {
+          const l = o[0];
+          if ((e.recordItems.find((d) => d.field === l.field) || l).mergeTag && l.options) {
+            const d = l.options.flatMap((v) => v.label) || [];
+            e.inputEditValue = d, e.currentEditSelectTags = d;
+          } else {
+            const d = l.value;
+            e.inputEditValue = Array.isArray(d) ? d.join(",") : d || "";
+          }
+        }
+        e.innerModelValue = [...o];
+      }
+    },
+    {
+      deep: !0,
+      immediate: !0
+    }
+  );
+};
+var Kt = function() {
+  var a = this, e = a.$createElement, t = a._self._c || e;
+  return t("div", {
+    attrs: {
+      tiny_mode: "pc"
+    }
+  }, [t("tiny-dropdown-item", {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: a.state.inputValue.trim(),
+      expression: "state.inputValue.trim()"
+    }],
+    staticClass: "tvp-search-box__filter-item tvp-search-box__dropdown-item tvp-search-box__dropdown-item-init",
+    attrs: {
+      "item-data": {
+        label: a.state.inputValue
+      }
+    },
+    on: {
+      "item-click": function() {
+        return a.selectInputValue(a.state.inputValue);
+      }
+    }
+  }, [t("span", [a._v(" " + a._s(a.t("tvp.tvpSearchbox.initUse")) + "＂" + a._s(a.state.inputValue) + "＂")])]), t("div", {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: !a.state.propItem.label && a.state.inputValue.trim(),
+      expression: "!state.propItem.label && state.inputValue.trim()"
+    }]
+  }, [a._l(a.state.matchItems, function(s, n) {
+    return t("div", {
+      key: n
+    }, [s.attr.length ? t("div", [t("span", {
+      staticClass: "tvp-search-box__filter-type"
+    }, [a._v(a._s(n === "0" ? a.t("tvp.tvpSearchbox.attributeType") : n))]), a._l(s.attr, function(r, p) {
+      return t("tiny-dropdown-item", {
+        key: r.label + p,
+        staticClass: "tvp-search-box__filter-item tvp-search-box__dropdown-item",
+        attrs: {
+          "item-data": r
+        },
+        on: {
+          "item-click": function() {
+            return a.selectPropItem(r);
+          }
+        }
+      }, [t("span", a._l(r.match, function(c) {
+        return t("span", {
+          key: c
+        }, [c.toLowerCase() === r.hightlighStr ? t("span", {
+          staticClass: "tvp-search-box__text-highlight"
+        }, [a._v(a._s(c))]) : t("span", [a._v(a._s(c))])]);
+      }), 0)]);
+    })], 2) : a._e(), s.attrValue.length ? [t("span", {
+      staticClass: "tvp-search-box__filter-type"
+    }, [a._v(a._s(a.t("tvp.tvpSearchbox.propertyValue", [n === "0" ? a.t("tvp.tvpSearchbox.attributeType") : n])))]), a._l(s.attrValue, function(r, p) {
+      return t("tiny-dropdown-item", {
+        key: r.label + p,
+        staticClass: "tvp-search-box__filter-item tvp-search-box__dropdown-item",
+        attrs: {
+          disabled: r.isChecked,
+          "item-data": r
+        },
+        on: {
+          "item-click": function() {
+            return a.selectRadioItem(r, !0);
+          }
+        }
+      }, [t("span", a._l(r.match, function(c) {
+        return t("span", {
+          key: c
+        }, [c.toLowerCase() === r.hightlighStr ? t("span", {
+          staticClass: "tvp-search-box__text-highlight"
+        }, [a._v(a._s(c))]) : t("span", [a._v(a._s(c))])]);
+      }), 0)]);
+    })] : a._e()], 2);
+  }), t("div", {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: a.state.potentialOptions,
+      expression: "state.potentialOptions"
+    }]
+  }, [t("span", {
+    staticClass: "tvp-search-box__filter-type"
+  }, [a._v(a._s(a.t("tvp.tvpSearchbox.matched")))]), t("div", {
+    staticClass: "tvp-search-box__potential-box",
+    attrs: {
+      id: "potential-loading"
+    }
+  }, [a.state.potentialOptions ? t("div", a._l(a.state.potentialOptions, function(s, n) {
+    return t("tiny-dropdown-item", {
+      key: s.label + n,
+      staticClass: "tvp-search-box__filter-item tvp-search-box__dropdown-item",
+      attrs: {
+        "item-data": s
+      },
+      on: {
+        "item-click": function() {
+          return a.selectRadioItem(s, !0);
+        }
+      }
+    }, [a._v(" " + a._s(s.label) + "： "), t("span", {
+      staticClass: "tvp-search-box__text-highlight"
+    }, [a._v(a._s(s.value))])]);
+  }), 1) : a._e()])])], 2), t("div", {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: a.state.visible && !a.state.propItem.label && !a.state.inputValue.trim(),
+      expression: "state.visible && !state.propItem.label && !state.inputValue.trim()"
+    }],
+    staticClass: "tvp-search-box__first-panel"
+  }, a._l(a.state.groupItems, function(s, n) {
+    return t("div", {
+      key: n
+    }, [s.length ? t("span", {
+      staticClass: "tvp-search-box__filter-type"
+    }, [a._v(a._s(n === "0" ? a.t("tvp.tvpSearchbox.attributeType") : n))]) : a._e(), a._l(s, function(r, p) {
+      return t("tiny-dropdown-item", {
+        key: (r.field || r.label) + p,
+        staticClass: "tvp-search-box__dropdown-item",
+        attrs: {
+          "item-data": r
+        },
+        on: {
+          "item-click": function() {
+            return a.selectPropItem(r);
+          }
+        }
+      }, [t("span", {
+        attrs: {
+          title: r.label
+        }
+      }, [a._v(a._s(r.label))])]);
+    })], 2);
+  }), 0)], 1);
+}, Ut = [];
+function fe(a, e, t, s, n, r, p, c) {
+  var i = typeof a == "function" ? a.options : a;
+  e && (i.render = e, i.staticRenderFns = t, i._compiled = !0), s && (i.functional = !0), r && (i._scopeId = "data-v-" + r);
+  var m;
+  if (p ? (m = function(l) {
+    l = l || // cached call
+    this.$vnode && this.$vnode.ssrContext || // stateful
+    this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext, !l && typeof __VUE_SSR_CONTEXT__ < "u" && (l = __VUE_SSR_CONTEXT__), n && n.call(this, l), l && l._registeredComponents && l._registeredComponents.add(p);
+  }, i._ssrRegister = m) : n && (m = c ? function() {
+    n.call(
+      this,
+      (i.functional ? this.parent : this).$root.$options.shadowRoot
+    );
+  } : n), m)
+    if (i.functional) {
+      i._injectStyles = m;
+      var u = i.render;
+      i.render = function(f, d) {
+        return m.call(d), u(f, d);
+      };
+    } else {
+      var o = i.beforeCreate;
+      i.beforeCreate = o ? [].concat(o, m) : [m];
+    }
+  return {
+    exports: a,
+    options: i
+  };
+}
+const qt = (a, e, { emit: t }) => {
+  const s = a.handleEvents || a.events || ((c, i, m) => {
+    t("events", c, i, m);
+  });
+  return {
+    selectInputValue: (c) => {
+      s("selectInputValue", c);
+    },
+    selectPropItem: (c) => {
+      s("selectPropItem", c);
+    },
+    selectRadioItem: (c, i) => {
+      s("selectRadioItem", c, i);
+    },
+    t: N
+  };
+}, Zt = ["selectInputValue", "selectPropItem", "selectRadioItem", "t"], Yt = X({
+  name: pe + "SearchBoxFirstLevelPanel",
+  components: {
+    TinyDropdownItem: Ie
+  },
+  props: {
+    ...J,
+    state: {
+      type: Object,
+      default: () => ({})
+    },
+    potentialOptions: {
+      type: Array,
+      default: () => []
+    },
+    events: {
+      type: Function,
+      default: null
+    },
+    handleEvents: {
+      type: Function,
+      default: null
+    }
+  },
+  emits: ["events"],
+  setup(a, e) {
+    return ue({ props: a, context: e, renderless: qt, api: Zt });
+  }
+}), ve = {};
+var Wt = /* @__PURE__ */ fe(
+  Yt,
+  Kt,
+  Ut,
+  !1,
+  Qt,
+  null,
+  null,
+  null
+);
+function Qt(a) {
+  for (let e in ve)
+    this[e] = ve[e];
+}
+const Xt = /* @__PURE__ */ function() {
+  return Wt.exports;
+}();
+var Jt = function() {
+  var a, e = this, t = e.$createElement, s = e._self._c || t;
+  return s("div", {
+    attrs: {
+      tiny_mode: "pc"
+    }
+  }, [(a = e.state.currentOperators) !== null && a !== void 0 && a.length ? s("div", [s("span", {
+    staticClass: "tvp-search-box__filter-type"
+  }, [e._v(e._s(e.t("tvp.tvpSearchbox.operator")))]), e._l(e.state.currentOperators, function(n, r) {
+    return s("tiny-dropdown-item", {
+      directives: [{
+        name: "show",
+        rawName: "v-show",
+        value: n.includes(e.state.inputValue),
+        expression: "item.includes(state.inputValue)"
+      }],
+      key: n + r,
+      staticClass: "tvp-search-box__dropdown-item",
+      attrs: {
+        "item-data": {
+          label: n
+        }
+      },
+      on: {
+        "item-click": function() {
+          return e.setOperator(n);
+        }
+      }
+    }, [e._v(" " + e._s(n) + " ")]);
+  })], 2) : !e.state.prevItem.type || e.state.prevItem.type === "radio" ? s("div", {
+    directives: [{
+      name: "loading",
+      rawName: "v-loading",
+      value: e.isLoading,
+      expression: "isLoading"
+    }],
+    class: ["tvp-search-box__radio-wrap", e.isLoading && "tvp-search-box__loading-box"]
+  }, e._l(e.state.backupList, function(n, r) {
+    return s("tiny-dropdown-item", {
+      directives: [{
+        name: "show",
+        rawName: "v-show",
+        value: !n.isFilter || !e.state.inputValue,
+        expression: "!item.isFilter || !state.inputValue"
+      }],
+      key: r + (n.field || n.label),
+      staticClass: "tvp-search-box__dropdown-item",
+      attrs: {
+        disabled: n.isChecked,
+        "item-data": n
+      },
+      on: {
+        "item-click": function() {
+          return e.selectRadioItem(n);
+        }
+      }
+    }, [n.match ? s("span", {
+      attrs: {
+        title: n.label
+      }
+    }, e._l(n.match, function(p) {
+      return s("span", {
+        key: p
+      }, [p.toLowerCase() === n.hightlighStr ? s("span", {
+        staticClass: "tvp-search-box__text-highlight"
+      }, [e._v(e._s(p))]) : s("span", [e._v(e._s(p))])]);
+    }), 0) : s("span", {
+      attrs: {
+        title: n.label
+      }
+    }, [e._v(e._s(n.label))])]);
+  }), 1) : e.state.prevItem.type === "checkbox" ? s("div", {
+    directives: [{
+      name: "loading",
+      rawName: "v-loading",
+      value: e.isLoading,
+      expression: "isLoading"
+    }],
+    class: e.isLoading && "tvp-search-box__loading-box"
+  }, [e.showCheckBoxList ? s("div", [s("div", {
+    staticClass: "tvp-search-box__checkbox-wrap"
+  }, [s("tiny-checkbox-group", {
+    staticClass: "tvp-search-box__checkbox",
+    model: {
+      value: e.state.checkAll,
+      callback: function(n) {
+        e.$set(e.state, "checkAll", n);
+      },
+      expression: "state.checkAll"
+    }
+  }, [s("tiny-dropdown-item", {
+    staticClass: "tvp-search-box__dropdown-item tvp-search-box__checkbox-item"
+  }, [s("tiny-checkbox", {
+    attrs: {
+      indeterminate: e.state.isIndeterminate
+    },
+    model: {
+      value: e.state.checkAll,
+      callback: function(n) {
+        e.$set(e.state, "checkAll", n);
+      },
+      expression: "state.checkAll"
+    }
+  }, [e._v(" " + e._s(e.t("tvp.tvpSearchbox.selectAll")) + " ")])], 1)], 1), s("tiny-checkbox-group", {
+    staticClass: "tvp-search-box__checkbox",
+    model: {
+      value: e.state.checkboxGroup,
+      callback: function(n) {
+        e.$set(e.state, "checkboxGroup", n);
+      },
+      expression: "state.checkboxGroup"
+    }
+  }, e._l(e.state.backupList, function(n, r) {
+    return s("tiny-dropdown-item", {
+      directives: [{
+        name: "show",
+        rawName: "v-show",
+        value: !n.isFilter,
+        expression: "!item.isFilter"
+      }],
+      key: (n.field || n.label) + r,
+      staticClass: "tvp-search-box__dropdown-item tvp-search-box__checkbox-item"
+    }, [s("tiny-checkbox", {
+      staticClass: "tvp-search-box__checkbox-item-label",
+      attrs: {
+        label: e.state.prevItem.label + n.label,
+        title: n.label
+      }
+    }, [e._v(" " + e._s(n.label) + " ")])], 1);
+  }), 1)], 1), s("div", {
+    staticClass: "tvp-search-box__checkbox-btn"
+  }, [s("tiny-button", {
+    attrs: {
+      size: "mini"
+    },
+    on: {
+      click: function(n) {
+        return e.selectCheckbox(!1);
+      }
+    }
+  }, [e._v(" " + e._s(e.t("tvp.tvpSearchbox.cancel")) + " ")]), s("tiny-button", {
+    attrs: {
+      size: "mini"
+    },
+    on: {
+      click: function(n) {
+        return e.selectCheckbox(!0);
+      }
+    }
+  }, [e._v(" " + e._s(e.t("tvp.tvpSearchbox.confirm")) + " ")])], 1)]) : e._e()]) : e.state.prevItem.type === "numRange" ? s("div", {
+    staticClass: "tvp-search-box__panel-box"
+  }, [s("div", {
+    staticClass: "tvp-search-box__number"
+  }, [s("div", {
+    staticClass: "tvp-search-box__dropdown-title"
+  }, [e._v(" " + e._s(e.t("tvp.tvpSearchbox.rangeNumberTitle")) + " ")]), s("div", {
+    staticClass: "tvp-search-box__dropdown-start"
+  }, [e._v(" " + e._s(e.t("tvp.tvpSearchbox.minValueText")) + "(" + e._s(e.state.prevItem.unit) + ") ")]), s("tiny-form-item", {
+    staticClass: "tvp-search-box__number-item",
+    attrs: {
+      prop: e.state.curMinNumVar,
+      "show-message": e.state.numberShowMessage
+    }
+  }, [s("tiny-input", {
+    staticClass: "tvp-search-box__number-input",
+    attrs: {
+      type: "number"
+    },
+    model: {
+      value: e.state[e.state.curMinNumVar],
+      callback: function(n) {
+        e.$set(e.state, e.state.curMinNumVar, n);
+      },
+      expression: "state[state.curMinNumVar]"
+    }
+  })], 1), s("div", {
+    staticClass: "tvp-search-box__dropdown-end"
+  }, [e._v(" " + e._s(e.t("tvp.tvpSearchbox.maxValueText")) + "(" + e._s(e.state.prevItem.unit) + ") ")]), s("tiny-form-item", {
+    staticClass: "tvp-search-box__number-item",
+    attrs: {
+      prop: e.state.curMaxNumVar
+    }
+  }, [s("tiny-input", {
+    staticClass: "tvp-search-box__number-input",
+    attrs: {
+      type: "number"
+    },
+    model: {
+      value: e.state[e.state.curMaxNumVar],
+      callback: function(n) {
+        e.$set(e.state, e.state.curMaxNumVar, n);
+      },
+      expression: "state[state.curMaxNumVar]"
+    }
+  })], 1)], 1), s("div", {
+    staticClass: "tvp-search-box__bottom-btn"
+  }, [s("tiny-button", {
+    attrs: {
+      size: "mini"
+    },
+    on: {
+      click: function(n) {
+        return e.sizeChange(!1);
+      }
+    }
+  }, [e._v(e._s(e.t("tvp.tvpSearchbox.cancel")))]), s("tiny-button", {
+    attrs: {
+      size: "mini"
+    },
+    on: {
+      click: function(n) {
+        return n.stopPropagation(), e.sizeChange(!0);
+      }
+    }
+  }, [e._v(" " + e._s(e.t("tvp.tvpSearchbox.confirm")) + " ")])], 1)]) : e.state.prevItem.type === "dateRange" ? s("div", {
+    staticClass: "tvp-search-box__panel-box"
+  }, [s("div", {
+    staticClass: "tvp-search-box__date-wrap"
+  }, [s("div", {
+    staticClass: "tvp-search-box__dropdown-title"
+  }, [e._v(" " + e._s(e.state.prevItem.maxTimeLength > 0 ? e.t("tvp.tvpSearchbox.timeLengthTitle", {
+    value: (e.state.prevItem.maxTimeLength / 864e5).toFixed(1)
+  }) : e.t("tvp.tvpSearchbox.rangeDateTitle")) + " ")]), s("div", {
+    staticClass: "tvp-search-box__dropdown-start"
+  }, [e._v(" " + e._s(e.t("tvp.tvpSearchbox.rangeBeginLabel")) + " ")]), s("tiny-form-item", {
+    staticClass: "tvp-search-box__date-item",
+    attrs: {
+      prop: "startDate",
+      "show-message": !!e.state.prevItem.maxTimeLength
+    }
+  }, [s("tiny-date-picker", {
+    staticClass: "tvp-search-box__date-picker",
+    attrs: {
+      format: e.state.prevItem.format || e.state.dateRangeFormat,
+      "value-format": e.state.prevItem.format || e.state.dateRangeFormat,
+      "picker-options": e.pickerOptions(e.state.startDate, "endDate")
+    },
+    on: {
+      "visible-change": e.handleDateShow
+    },
+    model: {
+      value: e.state.startDate,
+      callback: function(n) {
+        e.$set(e.state, "startDate", n);
+      },
+      expression: "state.startDate"
+    }
+  })], 1), s("div", {
+    staticClass: "tvp-search-box__dropdown-end"
+  }, [e._v(" " + e._s(e.t("tvp.tvpSearchbox.rangeEndLabel")) + " ")]), s("tiny-form-item", {
+    staticClass: "tvp-search-box__date-item",
+    attrs: {
+      prop: "endDate"
+    }
+  }, [s("tiny-date-picker", {
+    staticClass: "tvp-search-box__date-picker",
+    attrs: {
+      format: e.state.prevItem.format || e.state.dateRangeFormat,
+      "value-format": e.state.prevItem.format || e.state.dateRangeFormat,
+      "picker-options": e.pickerOptions(e.state.startDate)
+    },
+    on: {
+      change: e.handleDateShow,
+      blur: e.handleDateShow
+    },
+    model: {
+      value: e.state.endDate,
+      callback: function(n) {
+        e.$set(e.state, "endDate", n);
+      },
+      expression: "state.endDate"
+    }
+  })], 1)], 1), s("div", {
+    staticClass: "tvp-search-box__bottom-btn"
+  }, [s("tiny-button", {
+    attrs: {
+      size: "mini"
+    },
+    on: {
+      click: function(n) {
+        return e.onConfirmDate(!1);
+      }
+    }
+  }, [e._v(" " + e._s(e.t("tvp.tvpSearchbox.cancel")) + " ")]), s("tiny-button", {
+    attrs: {
+      size: "mini"
+    },
+    on: {
+      click: function(n) {
+        return e.onConfirmDate(!0);
+      }
+    }
+  }, [e._v(" " + e._s(e.t("tvp.tvpSearchbox.confirm")) + " ")])], 1)]) : e.state.prevItem.type === "datetimeRange" ? s("div", {
+    staticClass: "tvp-search-box__panel-box"
+  }, [s("div", {
+    staticClass: "tvp-search-box__date-wrap"
+  }, [s("div", {
+    staticClass: "tvp-search-box__dropdown-title"
+  }, [e._v(" " + e._s(e.state.prevItem.maxTimeLength > 0 ? e.t("tvp.tvpSearchbox.timeLengthTitle", {
+    value: (e.state.prevItem.maxTimeLength / 864e5).toFixed(1)
+  }) : e.t("tvp.tvpSearchbox.rangeDateTitle")) + " ")]), s("div", {
+    staticClass: "tvp-search-box__dropdown-start"
+  }, [e._v(" " + e._s(e.t("tvp.tvpSearchbox.rangeBeginLabel")) + " ")]), s("tiny-form-item", {
+    staticClass: "tvp-search-box__date-item",
+    attrs: {
+      prop: "startDateTime",
+      "show-message": !!e.state.prevItem.maxTimeLength
+    }
+  }, [s("tiny-date-picker", {
+    staticClass: "tvp-search-box__date-picker",
+    attrs: {
+      type: "datetime",
+      isutc8: !0,
+      format: e.state.prevItem.format || e.state.datetimeRangeFormat,
+      "value-format": e.state.prevItem.format || e.state.datetimeRangeFormat,
+      "picker-options": e.pickerOptions(e.state.startDateTime, "endDateTime")
+    },
+    on: {
+      change: e.handleDateShow,
+      blur: e.handleDateShow
+    },
+    model: {
+      value: e.state.startDateTime,
+      callback: function(n) {
+        e.$set(e.state, "startDateTime", n);
+      },
+      expression: "state.startDateTime"
+    }
+  })], 1), s("div", {
+    staticClass: "tvp-search-box__dropdown-end"
+  }, [e._v(" " + e._s(e.t("tvp.tvpSearchbox.rangeEndLabel")) + " ")]), s("tiny-form-item", {
+    staticClass: "tvp-search-box__date-item",
+    attrs: {
+      prop: "endDateTime"
+    }
+  }, [s("tiny-date-picker", {
+    staticClass: "tvp-search-box__date-picker",
+    attrs: {
+      type: "datetime",
+      isutc8: !0,
+      format: e.state.prevItem.format || e.state.datetimeRangeFormat,
+      "value-format": e.state.prevItem.format || e.state.datetimeRangeFormat,
+      "picker-options": e.pickerOptions(e.state.startDateTime)
+    },
+    on: {
+      change: e.handleDateShow,
+      blur: e.handleDateShow
+    },
+    model: {
+      value: e.state.endDateTime,
+      callback: function(n) {
+        e.$set(e.state, "endDateTime", n);
+      },
+      expression: "state.endDateTime"
+    }
+  })], 1)], 1), s("div", {
+    staticClass: "tvp-search-box__bottom-btn"
+  }, [s("tiny-button", {
+    attrs: {
+      size: "mini"
+    },
+    on: {
+      click: function(n) {
+        return e.onConfirmDate(!1, !0);
+      }
+    }
+  }, [e._v(" " + e._s(e.t("tvp.tvpSearchbox.cancel")) + " ")]), s("tiny-button", {
+    attrs: {
+      size: "mini"
+    },
+    on: {
+      click: function(n) {
+        return e.onConfirmDate(!0, !0);
+      }
+    }
+  }, [e._v(" " + e._s(e.t("tvp.tvpSearchbox.confirm")) + " ")])], 1)]) : e.state.prevItem.type === "map" ? s("div", {
+    directives: [{
+      name: "loading",
+      rawName: "v-loading",
+      value: e.isLoading,
+      expression: "isLoading"
+    }]
+  }, [e.state.isShowTagKey ? s("span", {
+    staticClass: "tvp-search-box__filter-type"
+  }, [e._v(e._s(e.t("tvp.tvpSearchbox.tagKey")))]) : s("span", {
+    staticClass: "tvp-search-box__filter-type"
+  }, [e._v(e._s(e.t("tvp.tvpSearchbox.tagValue")))]), e._l(e.state.backupList, function(n, r) {
+    return s("tiny-dropdown-item", {
+      directives: [{
+        name: "show",
+        rawName: "v-show",
+        value: !n.isFilter,
+        expression: "!item.isFilter"
+      }],
+      key: n.label + n.value + r,
+      staticClass: "tvp-search-box__dropdown-item",
+      attrs: {
+        disabled: n.isChecked,
+        "item-data": n
+      },
+      on: {
+        "item-click": function() {
+          return e.selectFirstMap(n, e.state.isShowTagKey);
+        }
+      }
+    }, [s("span", {
+      attrs: {
+        title: n.label
+      }
+    }, [e._v(e._s(n.label))])]);
+  })], 2) : e._e()]);
+}, ea = [];
+const ta = (a, e, { emit: t }) => {
+  const { computed: s } = e, n = a.handleEvents || a.events || ((d, v, h) => {
+    t("events", d, v, h);
+  }), r = (d) => {
+    n("setOperator", d);
+  }, p = (d) => {
+    n("selectRadioItem", d);
+  }, c = (d) => {
+    n("selectCheckbox", d);
+  }, i = (d) => {
+    n("sizeChange", d);
+  }, m = (d, v) => {
+    n("onConfirmDate", d, v);
+  }, u = (d, v) => {
+    n("selectFirstMap", d, v);
+  }, o = (d) => {
+    n("handleDateShow", d);
+  }, l = s(() => {
+    var d;
+    return a.state.hasBackupList && ((d = a.state.backupList) == null ? void 0 : d.length) === 0;
+  }), f = s(() => {
+    var d;
+    return (d = a.state.backupList) == null ? void 0 : d.find((v) => !v.isFilter);
+  });
+  return {
+    setOperator: r,
+    selectRadioItem: p,
+    selectCheckbox: c,
+    sizeChange: i,
+    onConfirmDate: m,
+    selectFirstMap: u,
+    handleDateShow: o,
+    isLoading: l,
+    showCheckBoxList: f,
+    t: N
+  };
+}, aa = [
+  "setOperator",
+  "selectRadioItem",
+  "selectCheckbox",
+  "sizeChange",
+  "onConfirmDate",
+  "selectFirstMap",
+  "handleDateShow",
+  "isLoading",
+  "showCheckBoxList",
+  "t"
+], na = X({
+  name: pe + "SearchBoxSecondLevelPanel",
+  emits: ["events"],
+  components: {
+    TinyFormItem: we,
+    TinyDropdownItem: Ie,
+    TinyCheckbox: qe,
+    TinyCheckboxGroup: Ze,
+    TinyDatePicker: xe,
+    TinyInput: _e,
+    TinyButton: ye
+  },
+  directives: {
+    loading: Ye.directive
+  },
+  props: {
+    ...J,
+    state: {
+      type: Object,
+      default: () => ({})
+    },
+    pickerOptions: {
+      type: Function,
+      default: () => {
+      }
+    },
+    events: {
+      type: Function,
+      default: null
+    },
+    handleEvents: {
+      type: Function,
+      default: null
+    }
+  },
+  setup(a, e) {
+    return ue({ props: a, context: e, renderless: ta, api: aa });
+  }
+}), be = {};
+var sa = /* @__PURE__ */ fe(
+  na,
+  Jt,
+  ea,
+  !1,
+  ra,
+  null,
+  null,
+  null
+);
+function ra(a) {
+  for (let e in be)
+    this[e] = be[e];
+}
+const oa = /* @__PURE__ */ function() {
+  return sa.exports;
+}();
+const la = X({
+  model: {
+    prop: "modelValue",
+    event: "update:modelValue"
+  },
+  props: {
+    ...J,
+    tiny_mode: {
+      type: String,
+      default: "pc"
+    },
+    modelValue: {
+      type: Array,
+      default: () => []
+    },
+    items: {
+      type: Array,
+      default: () => []
+    },
+    emptyPlaceholder: {
+      type: String,
+      default: ""
+    },
+    potentialOptions: {
+      type: Object,
+      default: () => null
+    },
+    showHelp: {
+      type: Boolean,
+      default: !0
+    },
+    idMapKey: {
+      type: String,
+      default: "id"
+    },
+    defaultField: {
+      type: String,
+      default: ""
+    },
+    editable: {
+      type: Boolean,
+      default: !1
+    },
+    maxlength: {
+      type: Number,
+      default: void 0
+    },
+    panelMaxHeight: {
+      type: String,
+      default: "999px"
+    },
+    splitInputValue: {
+      type: String,
+      default: ","
+    },
+    // 尺寸
+    size: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: [
+    "update:modelValue",
+    "change",
+    "search",
+    "exceed",
+    "first-level-select",
+    "clear"
+  ],
+  components: {
+    TinyTag: Pe,
+    TinyInput: _e,
+    TinyDropdown: Oe,
+    TinyDropdownMenu: Fe,
+    TinyButton: ye,
+    TinyTooltip: Ae,
+    TinyDatePicker: xe,
+    TinyForm: Be,
+    TinyFormItem: we,
+    TinyPopover: ze,
+    TinySelect: je,
+    TinyOption: He,
+    TinySearchBoxFirstLevelPanel: Xt,
+    TinySearchBoxSecondLevelPanel: oa,
+    // 图标组件
+    TinyIconSearch: Ge(),
+    TinyIconClose: Ke(),
+    TinyIconHelpQuery: Ue()
+  },
+  setup(a, e) {
+    return ue({ props: a, context: e, renderless: jt, api: Bt });
+  }
+});
+var ia = function() {
+  var a, e, t = this, s = t.$createElement, n = t._self._c || s;
+  return n("div", {
+    class: ["tvp-search-box", t.size === "small" ? "tvp-search-box--small" : ""],
+    on: {
+      click: function(r) {
+        return r.stopPropagation(), t.showPopover(t.state, !1);
+      }
+    }
+  }, [n("tiny-icon-search", {
+    staticClass: "tvp-search-box__prefix"
+  }), t._l(t.modelValue, function(r, p) {
+    return n("tiny-tag", {
+      key: r.field + p,
+      staticClass: "tvp-search-box__tag",
+      class: t.editable && r.type !== "map" ? "tvp-search-box__tag-editor" : "",
+      attrs: {
+        closable: "",
+        title: `${r.label} ${r.operator || ":"} ${r.value}`
+      },
+      on: {
+        close: function(c) {
+          return t.deleteTag(r);
+        },
+        click: function(c) {
+          return c.stopPropagation(), t.editTag(r, p, c);
+        }
+      }
+    }, [n("span", {
+      staticClass: "tvp-search-box__tag-value"
+    }, [t._v(t._s(r.label) + " " + t._s(r.operator || ":") + " " + t._s(r.value) + " ")])]);
+  }), t.modelValue.length ? n("span", {
+    staticClass: "tvp-search-box__placeholder"
+  }) : t._e(), n("tiny-form", {
+    ref: "formRef",
+    staticClass: "tvp-search-box__form",
+    attrs: {
+      model: t.state,
+      rules: t.state.formRules,
+      "validate-type": t.state.validType,
+      size: t.size === "small" ? "small" : "",
+      "label-width": "0px",
+      "message-type": "block"
+    }
+  }, [n("div", {
+    staticClass: "tvp-search-box__input-wrapper"
+  }, [n("section", {
+    staticClass: "tvp-search-box__prop"
+  }, [n("span", {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: t.state.propItem.label,
+      expression: "state.propItem.label"
+    }]
+  }, [t._v(t._s(t.state.propItem.label) + " " + t._s(`${t.state.operatorValue ? t.state.operatorValue : ""} `))]), n("span", {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: t.state.propItem.value,
+      expression: "state.propItem.value"
+    }]
+  }, [t._v(t._s(t.state.propItem.value))])]), n("tiny-dropdown", {
+    ref: "dropdownRef",
+    staticClass: "tvp-search-box__dropdown",
+    attrs: {
+      trigger: "click",
+      "show-icon": !1,
+      size: t.size === "small" ? "small" : "",
+      "lazy-show-popper": "",
+      "close-on-click-outside": !0
+    },
+    scopedSlots: t._u([{
+      key: "dropdown",
+      fn: function() {
+        var r, p;
+        return [n("tiny-dropdown-menu", {
+          style: {
+            "max-height": t.panelMaxHeight
+          },
+          attrs: {
+            placement: "bottom-start",
+            "popper-class": "tvp-search-box__dropdown-menu"
+          },
+          on: {
+            mouseup: function(c) {
+              return c.stopPropagation(), (function() {
+              }).apply(null, arguments);
+            }
+          }
+        }, [n("div", {
+          directives: [{
+            name: "show",
+            rawName: "v-show",
+            value: !t.state.propItem.label || t.state.inputValue.trim(),
+            expression: "!state.propItem.label || state.inputValue.trim()"
+          }]
+        }, [(r = t.state.instance) !== null && r !== void 0 && r.slots["first-panel"] ? t._t("first-panel", null, null, {
+          state: t.state,
+          handleEvents: t.handleEvents
+        }) : n("TinySearchBoxFirstLevelPanel", {
+          attrs: {
+            state: t.state,
+            handleEvents: t.handleEvents
+          }
+        })], 2), n("div", {
+          directives: [{
+            name: "show",
+            rawName: "v-show",
+            value: t.state.propItem.label,
+            expression: "state.propItem.label"
+          }]
+        }, [(p = t.state.instance) !== null && p !== void 0 && p.slots["second-panel"] ? t._t("second-panel", null, null, {
+          state: t.state,
+          pickerOptions: t.pickerOptions,
+          handleEvents: t.handleEvents,
+          back: function() {
+            return t.resetInput(t.state);
+          }
+        }) : t.state.prevItem.type !== "custom" ? n("TinySearchBoxSecondLevelPanel", {
+          attrs: {
+            state: t.state,
+            "picker-options": t.pickerOptions
+          },
+          on: {
+            events: t.handleEvents
+          }
+        }) : n("div", {
+          staticClass: "tvp-search-box__panel-box",
+          on: {
+            click: function(c) {
+              return t.showDropdown(t.state);
+            }
+          }
+        }, [t._t(t.state.prevItem.slotName, null, null, {
+          showDropdown: function() {
+            return t.showDropdown(t.state);
+          },
+          onConfirm: t.handleConfirm
+        })], 2)], 2)])];
+      },
+      proxy: !0
+    }], null, !0),
+    model: {
+      value: t.state.visible,
+      callback: function(r) {
+        t.$set(t.state, "visible", r);
+      },
+      expression: "state.visible"
+    }
+  }, [n("tiny-input", {
+    ref: "inputRef",
+    staticClass: "tvp-search-box__input",
+    attrs: {
+      placeholder: t.state.placeholder,
+      maxlength: t.maxlength && t.maxlength + 1
+    },
+    on: {
+      keydown: [function(r) {
+        return !r.type.indexOf("key") && t._k(r.keyCode, "delete", [8, 46], r.key, ["Backspace", "Delete", "Del"]) ? null : (r.stopPropagation(), t.backspaceDeleteTag.apply(null, arguments));
+      }, function(r) {
+        return !r.type.indexOf("key") && t._k(r.keyCode, "enter", 13, r.key, "Enter") ? null : (r.stopPropagation(), t.createTag.apply(null, arguments));
+      }],
+      input: t.handleInput,
+      click: t.handleClick
+    },
+    scopedSlots: t._u([{
+      key: "suffix",
+      fn: function() {
+        return [n("tiny-icon-close", {
+          directives: [{
+            name: "show",
+            rawName: "v-show",
+            value: t.isShowClose,
+            expression: "isShowClose"
+          }],
+          staticClass: "tvp-search-box__input-close",
+          on: {
+            click: function(r) {
+              return r.stopPropagation(), t.clearTag.apply(null, arguments);
+            }
+          }
+        }), n("span", {
+          directives: [{
+            name: "show",
+            rawName: "v-show",
+            value: t.isShowClose,
+            expression: "isShowClose"
+          }],
+          staticClass: "tvp-search-box__input-separator"
+        }), t.showHelp ? n("tiny-tooltip", {
+          attrs: {
+            effect: "light",
+            content: t.t("tvp.tvpSearchbox.help"),
+            placement: "top"
+          }
+        }, [n("tiny-icon-help-query", {
+          staticClass: "tvp-search-box__input-help",
+          on: {
+            click: function(r) {
+              return r.stopPropagation(), t.helpClick.apply(null, arguments);
+            }
+          }
+        })], 1) : t._e(), n("tiny-icon-search", {
+          staticClass: "tvp-search-box__input-search",
+          on: {
+            click: function(r) {
+              return r.stopPropagation(), t.createTag.apply(null, arguments);
+            }
+          }
+        })];
+      },
+      proxy: !0
+    }]),
+    model: {
+      value: t.state.inputValue,
+      callback: function(r) {
+        t.$set(t.state, "inputValue", r);
+      },
+      expression: "state.inputValue"
+    }
+  })], 1)], 1), t.editable ? [n("tiny-popover", {
+    ref: "popoverRef",
+    staticClass: "tvp-search-box__form-popover",
+    attrs: {
+      placement: "bottom-start",
+      "visible-arrow": !1,
+      trigger: "manual",
+      "popper-class": "tvp-search-box__popover"
+    },
+    model: {
+      value: t.state.popoverVisible,
+      callback: function(r) {
+        t.$set(t.state, "popoverVisible", r);
+      },
+      expression: "state.popoverVisible"
+    }
+  }, [t.state.prevItem.type !== "custom" ? [n("div", {
+    staticClass: "tvp-search-box__date-wrap"
+  }, [n("div", {
+    staticClass: "tvp-search-box__dropdown-start"
+  }, [t._v(" " + t._s(t.t("tvp.tvpSearchbox.attributeType")) + " ")]), n("tiny-form-item", {
+    staticClass: "tvp-search-box__number-item"
+  }, [n("tiny-select", {
+    attrs: {
+      searchable: "",
+      disabled: t.state.prevItem.editAttrDisabled
+    },
+    model: {
+      value: t.state.selectValue,
+      callback: function(r) {
+        t.$set(t.state, "selectValue", r);
+      },
+      expression: "state.selectValue"
+    }
+  }, [n("tiny-option", {
+    key: t.state.allTypeAttri.label,
+    attrs: {
+      label: t.t("tvp.tvpSearchbox.allProperty"),
+      value: t.state.allTypeAttri.label,
+      disabled: t.selectItemIsDisable(t.state.allTypeAttri)
+    },
+    on: {
+      click: function(r) {
+        t.selectPropChange(t.state.allTypeAttri, t.selectItemIsDisable(t.state.allTypeAttri));
+      }
+    }
+  }), t._l(t.state.recordItems, function(r) {
+    return n("tiny-option", {
+      key: r.label,
+      attrs: {
+        label: r.label,
+        value: r.label,
+        disabled: t.selectItemIsDisable(r)
+      },
+      on: {
+        click: function(p) {
+          t.selectPropChange(r, t.selectItemIsDisable(r));
+        }
+      }
+    });
+  })], 2)], 1), t.state.prevItem.operators ? n("div", {
+    staticClass: "tvp-search-box__dropdown-end"
+  }, [t._v(" " + t._s(t.t("tvp.tvpSearchbox.operator")) + " ")]) : t._e(), t.state.prevItem.operators ? n("tiny-form-item", {
+    staticClass: "tvp-search-box__number-item"
+  }, [n("tiny-select", {
+    model: {
+      value: t.state.operatorValue,
+      callback: function(r) {
+        t.$set(t.state, "operatorValue", r);
+      },
+      expression: "state.operatorValue"
+    }
+  }, t._l(t.state.currentOperators, function(r) {
+    return n("tiny-option", {
+      key: r,
+      attrs: {
+        label: r,
+        value: r
+      }
+    });
+  }), 1)], 1) : t._e(), t.state.prevItem.type !== "numRange" ? n("div", {
+    staticClass: "tvp-search-box__dropdown-end"
+  }, [t._v(" " + t._s(t.t("tvp.tvpSearchbox.tagValue")) + " ")]) : t._e(), ["numRange", "dateRange", "datetimeRange", "custom"].includes(t.state.prevItem.type) ? t._e() : n("tiny-form-item", {
+    staticClass: "tvp-search-box__number-item",
+    attrs: {
+      prop: "inputEditValue"
+    }
+  }, [((a = t.state.currentEditValue) === null || a === void 0 ? void 0 : a.length) > 0 ? n("tiny-select", {
+    staticClass: "tvp-search-box-select",
+    attrs: {
+      multiple: !!t.state.prevItem.mergeTag,
+      "allow-create": (e = t.state.prevItem) === null || e === void 0 ? void 0 : e.allowCreate,
+      filterable: "",
+      "default-first-option": "",
+      clearable: ""
+    },
+    model: {
+      value: t.state.inputEditValue,
+      callback: function(r) {
+        t.$set(t.state, "inputEditValue", r);
+      },
+      expression: "state.inputEditValue"
+    }
+  }, t._l(t.state.currentEditValue, function(r) {
+    return n("tiny-option", {
+      key: r.label,
+      attrs: {
+        label: r.label,
+        value: r.label
+      }
+    });
+  }), 1) : n("tiny-input", {
+    attrs: {
+      clearable: ""
+    },
+    model: {
+      value: t.state.inputEditValue,
+      callback: function(r) {
+        t.$set(t.state, "inputEditValue", r);
+      },
+      expression: "state.inputEditValue"
+    }
+  })], 1), t.state.prevItem.type === "numRange" ? n("div", {
+    staticClass: "tvp-search-box__number"
+  }, [n("div", {
+    staticClass: "tvp-search-box__dropdown-start"
+  }, [t._v(" " + t._s(t.t("tvp.tvpSearchbox.minValueText")) + "(" + t._s(t.state.prevItem.unit) + ") ")]), n("tiny-form-item", {
+    staticClass: "tvp-search-box__number-item",
+    attrs: {
+      prop: t.state.curMinNumVar,
+      "show-message": t.state.numberShowMessage
+    }
+  }, [n("tiny-input", {
+    staticClass: "tvp-search-box__number-input",
+    attrs: {
+      type: "number"
+    },
+    model: {
+      value: t.state[t.state.curMinNumVar],
+      callback: function(r) {
+        t.$set(t.state, t.state.curMinNumVar, r);
+      },
+      expression: "state[state.curMinNumVar]"
+    }
+  })], 1), n("div", {
+    staticClass: "tvp-search-box__dropdown-end"
+  }, [t._v(" " + t._s(t.t("tvp.tvpSearchbox.maxValueText")) + "(" + t._s(t.state.prevItem.unit) + ") ")]), n("tiny-form-item", {
+    staticClass: "tvp-search-box__number-item",
+    attrs: {
+      prop: t.state.curMaxNumVar
+    }
+  }, [n("tiny-input", {
+    staticClass: "tvp-search-box__number-input",
+    attrs: {
+      type: "number"
+    },
+    model: {
+      value: t.state[t.state.curMaxNumVar],
+      callback: function(r) {
+        t.$set(t.state, t.state.curMaxNumVar, r);
+      },
+      expression: "state[state.curMaxNumVar]"
+    }
+  })], 1)], 1) : t._e(), t.state.prevItem.type === "dateRange" ? n("div", {
+    staticClass: "tvp-search-box__date-wrap"
+  }, [n("div", {
+    staticClass: "tvp-search-box__dropdown-title"
+  }, [t._v(" " + t._s(t.state.prevItem.maxTimeLength > 0 ? t.t("tvp.tvpSearchbox.timeLengthTitle", {
+    value: (t.state.prevItem.maxTimeLength / 864e5).toFixed(1)
+  }) : t.t("tvp.tvpSearchbox.rangeDateTitle")) + " ")]), n("div", {
+    staticClass: "tvp-search-box__dropdown-start"
+  }, [t._v(" " + t._s(t.t("tvp.tvpSearchbox.rangeBeginLabel")) + " ")]), n("tiny-form-item", {
+    staticClass: "tvp-search-box__date-item",
+    attrs: {
+      prop: "startDate",
+      "show-message": !!t.state.prevItem.maxTimeLength
+    }
+  }, [n("tiny-date-picker", {
+    staticClass: "tvp-search-box__date-picker",
+    attrs: {
+      format: t.state.prevItem.format || t.state.dateRangeFormat,
+      "value-format": t.state.prevItem.format || t.state.dateRangeFormat,
+      "picker-options": t.pickerOptions(t.state.startDate, "endDate")
+    },
+    model: {
+      value: t.state.startDate,
+      callback: function(r) {
+        t.$set(t.state, "startDate", r);
+      },
+      expression: "state.startDate"
+    }
+  })], 1), n("div", {
+    staticClass: "tvp-search-box__dropdown-end"
+  }, [t._v(" " + t._s(t.t("tvp.tvpSearchbox.rangeEndLabel")) + " ")]), n("tiny-form-item", {
+    staticClass: "tvp-search-box__date-item",
+    attrs: {
+      prop: "endDate"
+    }
+  }, [n("tiny-date-picker", {
+    staticClass: "tvp-search-box__date-picker",
+    attrs: {
+      format: t.state.prevItem.format || t.state.dateRangeFormat,
+      "value-format": t.state.prevItem.format || t.state.dateRangeFormat,
+      "picker-options": t.pickerOptions(t.state.startDate)
+    },
+    model: {
+      value: t.state.endDate,
+      callback: function(r) {
+        t.$set(t.state, "endDate", r);
+      },
+      expression: "state.endDate"
+    }
+  })], 1)], 1) : t._e(), t.state.prevItem.type === "datetimeRange" ? n("div", {
+    staticClass: "tvp-search-box__date-wrap"
+  }, [n("div", {
+    staticClass: "tvp-search-box__dropdown-title"
+  }, [t._v(" " + t._s(t.state.prevItem.maxTimeLength > 0 ? t.t("tvp.tvpSearchbox.timeLengthTitle", {
+    value: (t.state.prevItem.maxTimeLength / 864e5).toFixed(1)
+  }) : t.t("tvp.tvpSearchbox.rangeDateTitle")) + " ")]), n("div", {
+    staticClass: "tvp-search-box__dropdown-start"
+  }, [t._v(" " + t._s(t.t("tvp.tvpSearchbox.rangeBeginLabel")) + " ")]), n("tiny-form-item", {
+    staticClass: "tvp-search-box__date-item",
+    attrs: {
+      prop: "startDateTime",
+      "show-message": !!t.state.prevItem.maxTimeLength
+    }
+  }, [n("tiny-date-picker", {
+    staticClass: "tvp-search-box__date-picker",
+    attrs: {
+      type: "datetime",
+      isutc8: !0,
+      format: t.state.prevItem.format || t.state.datetimeRangeFormat,
+      "value-format": t.state.prevItem.format || t.state.datetimeRangeFormat,
+      "picker-options": t.pickerOptions(t.state.startDateTime, "endDateTime")
+    },
+    model: {
+      value: t.state.startDateTime,
+      callback: function(r) {
+        t.$set(t.state, "startDateTime", r);
+      },
+      expression: "state.startDateTime"
+    }
+  })], 1), n("div", {
+    staticClass: "tvp-search-box__dropdown-end"
+  }, [t._v(" " + t._s(t.t("tvp.tvpSearchbox.rangeEndLabel")) + " ")]), n("tiny-form-item", {
+    staticClass: "tvp-search-box__date-item",
+    attrs: {
+      prop: "endDateTime"
+    }
+  }, [n("tiny-date-picker", {
+    staticClass: "tvp-search-box__date-picker",
+    attrs: {
+      type: "datetime",
+      isutc8: !0,
+      format: t.state.prevItem.format || t.state.datetimeRangeFormat,
+      "value-format": t.state.prevItem.format || t.state.datetimeRangeFormat,
+      "picker-options": t.pickerOptions(t.state.startDateTime)
+    },
+    model: {
+      value: t.state.endDateTime,
+      callback: function(r) {
+        t.$set(t.state, "endDateTime", r);
+      },
+      expression: "state.endDateTime"
+    }
+  })], 1)], 1) : t._e()], 1), n("div", {
+    staticClass: "tvp-search-box__bottom-btn"
+  }, [n("tiny-button", {
+    attrs: {
+      size: "mini"
+    },
+    on: {
+      click: function(r) {
+        return t.confirmEditTag(!1);
+      }
+    }
+  }, [t._v(" " + t._s(t.t("tvp.tvpSearchbox.cancel")) + " ")]), n("tiny-button", {
+    attrs: {
+      size: "mini"
+    },
+    on: {
+      click: function(r) {
+        return t.confirmEditTag(!0);
+      }
+    }
+  }, [t._v(" " + t._s(t.t("tvp.tvpSearchbox.confirm")) + " ")])], 1)] : n("div", {
+    staticClass: "tvp-search-box__panel-box"
+  }, [t._t(`${t.state.prevItem.slotName}-edit`, null, null, {
+    showDropdown: function() {
+      return t.showPopover(t.state);
+    },
+    onConfirm: t.handleEditConfirm
+  })], 2)], 2)] : t._e()], 2)], 2);
+}, ca = [];
+const ge = {};
+var pa = /* @__PURE__ */ fe(
+  la,
+  ia,
+  ca,
+  !1,
+  ua,
+  null,
+  null,
+  null
+);
+function ua(a) {
+  for (let e in ge)
+    this[e] = ge[e];
+}
+const da = /* @__PURE__ */ function() {
+  return pa.exports;
+}(), ma = {
+  ...J,
+  tiny_mode: {
+    type: String,
+    default: "pc"
+  },
+  /** 搜索框的值，支持v-model */
+  modelValue: {
+    type: Array,
+    default: () => []
+  },
+  /** 搜索项配置数组 */
+  items: {
+    type: Array,
+    default: () => []
+  },
+  /** 空状态时的占位符文本 */
+  emptyPlaceholder: {
+    type: String,
+    default: ""
+  },
+  /** 潜在选项配置 */
+  potentialOptions: {
+    type: Object,
+    default: () => null
+  },
+  /** 是否显示帮助按钮 */
+  showHelp: {
+    type: Boolean,
+    default: !0
+  },
+  /** ID映射键名 */
+  idMapKey: {
+    type: String,
+    default: "id"
+  },
+  /** 默认字段 */
+  defaultField: {
+    type: String,
+    default: ""
+  },
+  /** 是否可编辑 */
+  editable: {
+    type: Boolean,
+    default: !1
+  },
+  /** 最大长度限制 */
+  maxlength: {
+    type: Number,
+    default: void 0
+  },
+  /** 面板最大高度 */
+  panelMaxHeight: {
+    type: String,
+    default: "999px"
+  },
+  /** 输入值分隔符 */
+  splitInputValue: {
+    type: String,
+    default: ","
+  },
+  /** 自定义类名 */
+  customClass: {
+    type: String,
+    default: ""
+  },
+  /** 自定义样式 */
+  customStyle: {
+    type: Object,
+    default: () => ({})
+  },
+  /** 组件尺寸 */
+  size: {
+    type: String,
+    default: ""
+  }
+}, Y = X({
+  name: pe + "SearchBox",
+  props: ma,
+  ...da
+}), fa = "3.27.0";
+Y.install = function(a) {
+  a.component(Y.name, Y);
+};
+Y.version = fa;
+window && typeof window < "u" && window.Vue && Y.install(window.Vue);
+export {
+  Xt as TinySearchBoxFirstLevelPanel,
+  oa as TinySearchBoxSecondLevelPanel,
+  Y as default,
+  Le as enUS,
+  $t as setGlobalApp,
+  N as t,
+  Ee as zhCN
+};
+//# sourceMappingURL=index.es.js.map