@opentiny/vue-search-box-saas 2.27.1

package/index.js

@@ -0,0 +1,2804 @@
+import './index.css';
+import { defineComponent as X, $prefix as pe, $props as J, setup as ue } from "@opentiny/vue-common";
+import Oe from "@opentiny/vue-tag";
+import _e from "@opentiny/vue-input";
+import Fe from "@opentiny/vue-dropdown";
+import Ae from "@opentiny/vue-dropdown-menu";
+import ye from "@opentiny/vue-button";
+import Be from "@opentiny/vue-tooltip";
+import xe from "@opentiny/vue-date-picker";
+import ze from "@opentiny/vue-form";
+import we from "@opentiny/vue-form-item";
+import je from "@opentiny/vue-popover";
+import He from "@opentiny/vue-select";
+import Ge from "@opentiny/vue-option";
+import { iconSearch as Ke, iconClose as Ue, iconHelpQuery as qe } from "@opentiny/vue-icon";
+import Ie from "@opentiny/vue-dropdown-item";
+import Ze from "@opentiny/vue-checkbox";
+import Ye from "@opentiny/vue-checkbox-group";
+import We from "@opentiny/vue-loading";
+const Qe = (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 c = r.join("");
+      return t ? a + c : c + a;
+    }
+  }
+}, Xe = Object.prototype.toString, Je = Object.prototype.hasOwnProperty, et = Je.toString;
+et.call(Object);
+const tt = {
+  "[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"
+}, at = (a) => a == null, nt = (a) => at(a) ? String(a) : tt[Xe.call(a)] || "object", ke = (a) => typeof a == "number" && isFinite(a), rt = (a) => nt(a) === "date", Ve = [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}))?)?)?$"
+), ot = 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}))?)?)?$"
+), lt = 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]))$"
+), it = {
+  "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
+}, ct = "-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", pt = "-00:00,+00:00,+01:00,+02:00,+03:00,+03:30,+04:00,+04:30,+05:00,+05:30,+05:45,+06:00", ut = "+06:30,+07:00,+08:00,+09:00,+10:00,+10:30,+11:00,+11:30,+12:00,+12:45,+13:00,+14:00", dt = [].concat(ct.split(","), pt.split(","), ut.split(",")), mt = (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;
+}, Te = (a) => a % 400 === 0 || a % 4 === 0 && a % 100 !== 0, Ce = (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: c }) => {
+  let i = Ve[e];
+  if (Te(a) && e === 1 && (i += 1), t <= i)
+    return new Date(a, e, t, s, n, r, Ce(c));
+}, ft = (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, c = a[20] || 0, i = a[22] || 0;
+    return de({
+      date: s,
+      year: e,
+      hours: n,
+      month: t,
+      seconds: c,
+      minutes: r,
+      milliseconds: i
+    });
+  }
+}, ht = (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, c = a[19] || 0, i = a[21] || 0;
+    return de({
+      year: e,
+      month: t,
+      date: s,
+      hours: n,
+      minutes: r,
+      seconds: c,
+      milliseconds: i
+    });
+  }
+}, vt = (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, c = a[14] || 0, i = a[17] || 0, l = a[19] || 0;
+  let u = a[20];
+  const m = a[21], o = a[22] || 0, f = a[24] || 0;
+  let d = Ve[t], p, b;
+  if (Te(e) && t === 1 && (d += 1), s <= d) {
+    if (u === "Z")
+      p = r - n / 60, b = c;
+    else {
+      if (u.includes(":") || (u = u.substr(0, 3) + ":" + u.substr(3)), !dt.includes(u))
+        return;
+      p = m === "+" ? r - o - n / 60 : Number(r) + Number(o) - n / 60, b = m === "+" ? c - f : Number(c) + Number(f);
+    }
+    return new Date(e, t, s, p, b, i, Ce(l));
+  }
+}, se = [
+  [st, ft],
+  [ot, ht],
+  [lt, vt]
+], bt = (a) => {
+  for (let e = 0, t = se.length; e < t; e++) {
+    const s = se[e][0].exec(a);
+    if (s && s.length > 0)
+      return se[e][1](s);
+  }
+}, gt = (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;
+    }
+}, _t = (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, c = a.length; r < c; r++) {
+    const i = a.substr(r, 1), l = isNaN(Number(i)) || (i == null ? void 0 : i.trim()) === "";
+    if (l && i === e.substr(r, 1) || r === c - 1) {
+      let u, m;
+      if (l) {
+        u = a.substring(s, r), s = r + 1;
+        const o = e.indexOf(i, n);
+        m = e.substring(n, o === -1 ? e.length : o), n = o + 1;
+      } else
+        u = a.substring(s, c), m = e.substring(n, c);
+      (u.length === m.length || u) && gt(t, u, m);
+    }
+  }
+  return t;
+}, U = (a, e, t) => isNaN(a) || a < e || a > t, yt = ({ year: a, month: e, date: t, hours: s, minutes: n, seconds: r, milliseconds: c }) => 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(c, 0, z.MILLISECOND), xt = (a, e) => {
+  if (typeof e == "string") {
+    const t = _t(a, e), s = Number(t[0]), n = Number(t[1]), r = Number(t[2] || 1), c = Number(t[3] || 0), i = Number(t[4] || 0), l = Number(t[5] || 0), u = Number(t[6] || 0);
+    return yt({
+      year: s,
+      month: n,
+      date: r,
+      hours: c,
+      minutes: i,
+      seconds: l,
+      milliseconds: u
+    }) ? void 0 : de({
+      year: s,
+      date: r,
+      month: n,
+      minutes: i,
+      hours: c,
+      milliseconds: u,
+      seconds: l
+    });
+  } else
+    return bt(a);
+}, Se = (a, e, t) => {
+  let s;
+  if (ke(a) ? s = new Date(a) : typeof a == "string" && (s = xt(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 (rt(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}": mt(a)
+      };
+      return Object.keys(t).forEach((s) => {
+        const n = e.match(it[s]);
+        s && n && n.length && (e = e.replace(n[0], s === "Z{1,1}" ? t[s] : Qe(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) : "";
+  }
+}, k = (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);
+}, wt = (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;
+}, B = (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;
+}, O = (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: c = null, newValue: i = null, oldValue: l = null, isEdit: u } = s;
+  if (u || te(e), !n && r === -1 && !i)
+    return;
+  const m = l || j(e.innerModelValue);
+  let o = [];
+  i ? o = [...i] : r !== -1 ? (o = [...e.innerModelValue], c ? o.splice(r, 1, c) : o.splice(r, 1)) : o = [...e.innerModelValue, ...n], e.innerModelValue = o, a("update:modelValue", j(o)), a("change", j(o), m);
+}, H = (a) => a, G = (a, e, t) => {
+  const s = e.idMapKey || a.idMapKey;
+  return t && t[s] !== void 0 ? { [s]: t[s] } : null;
+};
+function It({ props: a, state: e, emit: t, nextTick: s }) {
+  let n = j(e.inputValue);
+  const r = (u) => {
+    if (u) {
+      const m = e.recordItems.find((o) => o.label === u.label);
+      if (m && m.options) {
+        const o = m.options.find((f) => f.label === u.value);
+        o && (o.isChecked = !1);
+      }
+    }
+  };
+  return {
+    deleteTag: (u) => {
+      k(e, !1), r(u);
+      const m = a.modelValue.filter((o) => o !== u);
+      R({ emit: t, state: e, nextTick: s, newValue: m });
+    },
+    clearTag: () => {
+      k(e, !1), a.modelValue.forEach((u) => r(u)), e.propItem = {}, e.inputValue = "", R({ emit: t, state: e, nextTick: s, newValue: [] }), t("clear");
+    },
+    backspaceDeleteTag: () => {
+      var u, m, o;
+      if (!e.inputValue) {
+        if (e.propItem.label) {
+          e.propItem = {};
+          return;
+        }
+        if (n === "" && e.inputValue === "") {
+          k(e, !1);
+          const f = a.modelValue.length - 1;
+          r(a.modelValue[f]);
+          const d = e.innerModelValue.slice(0, a.modelValue.length - 1);
+          R({ emit: t, state: e, nextTick: s, newValue: d });
+        }
+        n = e.inputValue, (o = (m = (u = e == null ? void 0 : e.instance) == null ? void 0 : u.refs) == null ? void 0 : m.inputRef) != null && o.$el && e.instance.refs.inputRef.$el.click();
+      }
+    }
+  };
+}
+const kt = async (a, e, t) => {
+  const { prevItem: s, inputEditValue: n } = e, { operators: r } = s, c = ee(s);
+  let i = null, l = !0;
+  if (await a.$refs.formRef.validateField(["inputEditValue"], (u) => {
+    u && (l = !1);
+  }), l) {
+    let u = null;
+    const m = e.operatorValue && r ? { operator: e.operatorValue } : null;
+    let o = n;
+    const f = {};
+    if (Array.isArray(n))
+      f.options = [], o = "", n.forEach((d) => {
+        const p = e.currentEditValue.find((h) => h.label === d), b = (p == null ? void 0 : p.label) || d;
+        if (o = o ? `${o} | ${b}` : b, p) {
+          const h = G(t, s, p);
+          f.options.push({ label: b, ...h });
+        } else
+          f.options.push({ label: b });
+      });
+    else if (Array.isArray(e.currentEditValue)) {
+      const d = e.currentEditValue.find((p) => p.label === o);
+      u = G(t, s, d);
+    }
+    i = H({ ...c, label: e.selectValue, ...m, value: o, ...u, ...f });
+  }
+  return i;
+}, De = async (a, e, t) => {
+  const { prevItem: s } = e, n = `min${s.field}`, r = `max${s.field}`, c = e[n], i = e[r], l = [n, r];
+  let u = !0, m = null;
+  if (await a.$refs.formRef.validateField(l, (o) => {
+    o && (u = !1);
+  }), u) {
+    const { field: o, label: f, unit: d, type: p, operators: b } = s, h = d ? `${f}(${d})` : f;
+    let v = "";
+    c && i ? v = `${c}-${i}` : v = c ? `≥${c}` : `≤${i}`;
+    const x = G(t, s, s), T = e.operatorValue && b ? { operator: e.operatorValue } : null;
+    m = H({ type: p, field: o, label: h, value: v, ...x, start: c, end: i, ...T });
+  }
+  return m;
+}, ie = async (a, e, t, s) => {
+  const { prevItem: n, startDate: r, endDate: c, startDateTime: i, endDateTime: l } = e;
+  let u = null, m = null, o = !0, f = null, d = null;
+  if (s ? (u = i, m = l, d = ["startDateTime", "endDateTime"]) : (u = r, m = c, d = ["startDate", "endDate"]), await a.$refs.formRef.validateField(d, (p) => {
+    p && (o = !1);
+  }), o) {
+    const { operators: p } = n, b = ee(n);
+    let h = "";
+    if (u && m) {
+      if (u > m)
+        return;
+      u === m ? h = u : h = `${u}-${m}`;
+    } else
+      h = u ? `≥${u}` : `≤${m}`;
+    const v = G(t, n, n), x = e.operatorValue && p ? { operator: e.operatorValue } : null;
+    f = H({ ...b, value: h, start: u, end: m, ...v, ...x });
+  }
+  return f;
+}, Me = (a, e, t) => {
+  const { prevItem: s } = a, { field: n, start: r, end: c, min: i = s.min, max: l = s.max } = e, u = `min${n}`, m = `max${n}`;
+  (a.curMinNumVar !== u || a.curMaxNumVar !== m) && (delete a[a.curMinNumVar], delete a[a.curMaxNumVar], delete a.formRules[a.curMinNumVar], delete a.formRules[a.curMaxNumVar], a.curMinNumVar = u, a.curMaxNumVar = m), a[a.curMinNumVar] = r, a[a.curMaxNumVar] = c;
+  const { curMinNumVar: o, curMaxNumVar: f } = a, d = B(i), p = B(l);
+  d || p ? (a.formRules[o] = {
+    validator: (b, h, v) => {
+      const x = B(h);
+      !x && B(a[f]) || x && (d && !p && h >= i || !d && p && h <= l || h >= i && h <= l) ? v() : (a.numberShowMessage = !!(h || a[f]), v(new Error(t("tvp.tvpSearchbox.rangeMinErr", [i, l]))));
+    }
+  }, a.formRules[f] = {
+    validator: (b, h, v) => {
+      const x = B(a[o]), T = x && i < a[o] ? Number(a[o]) : i, g = B(T), _ = B(h);
+      !_ && x || _ && (g && !p && h >= T || !g && p && h <= l || h >= T && h <= l) ? v() : v(!_ && !x ? new Error(t("tvp.tvpSearchbox.rangeNumberTitle")) : new Error(t("tvp.tvpSearchbox.rangeMaxErr")));
+    }
+  }) : a.formRules[f] = {
+    validator: (b, h, v) => {
+      const x = a[o], T = B(h), g = B(x);
+      T && !g || !T && g || T && g && h >= Number(x) ? v() : v(!T && !g ? new Error(t("tvp.tvpSearchbox.rangeNumberTitle")) : new Error(t("tvp.tvpSearchbox.rangeMaxErr")));
+    }
+  };
+};
+function Vt({ props: a, emit: e, state: t, t: s, format: n, nextTick: r, vm: c, cancelHandleInput: i }) {
+  const l = c || t.instance, u = (g) => {
+    var C, w, S;
+    const { start: _, end: I, type: y } = g;
+    if (t.backupList = g.options, y === "numRange")
+      Me(t, g, s);
+    else if (y === "dateRange") {
+      const { dateRangeFormat: V } = t;
+      if (!t.startDate && _) {
+        const D = n(_, V);
+        t.startDate = t.endDate < D ? null : D;
+      }
+      if (!t.endDate && I) {
+        const D = n(I, V);
+        t.endDate = D < t.startDate ? null : D;
+      }
+    } else if (y === "datetimeRange") {
+      const { datetimeRangeFormat: V } = t;
+      if (!t.startDateTime && _) {
+        const D = n(_, V);
+        t.startDateTime = t.endDateTime < D ? null : D;
+      }
+      if (!t.endDateTime && I) {
+        const D = n(I, V);
+        t.endDateTime = D < t.startDateTime ? null : D;
+      }
+    } else
+      t.backupList && y === "checkbox" && (t.filterList = t.backupList, t.checkboxGroup = [], (C = t.backupList) == null || C.forEach((V) => {
+        O(t, V.label) && t.checkboxGroup.push(`${g.label}${V.label}`), V.isFilter = !1;
+      }));
+    y !== "checkbox" && ((w = t.backupList) != null && w.length) && ((S = t.backupList) == null || S.forEach((V) => {
+      V.isFilter = !1, V.isChecked = O(t, V.label);
+    })), t.currentOperators = null, !t.backupList && !["dateRange", "datetimeRange", "numRange", "custom"].includes(y) ? k(t, !1) : k(t);
+  }, m = (g) => {
+    var w;
+    const { field: _, label: I } = g;
+    t.propItem = { ...t.propItem, label: I }, e("first-level-select", _);
+    const y = (w = l.$refs) == null ? void 0 : w.inputRef;
+    t.prevItem = g, t.backupPrevItem = g;
+    const { operators: C } = g;
+    C != null && C.length ? (t.operatorValue = "", t.currentOperators = C, k(t)) : (t.operatorValue = ":", u(g)), t.inputValue = "", y.focus();
+  }, o = (g) => {
+    t.operatorValue = g, u(t.prevItem);
+  }, f = (g, _, I, y) => {
+    const { replace: C, operators: w, mergeTag: S } = g, V = ee(g), { indexMap: D } = t, M = D.get(I), E = G(a, g, _), A = t.operatorValue && w ? { operator: t.operatorValue } : null;
+    let P = null;
+    if (S) {
+      const K = { label: y, ...E };
+      if (M >= 0) {
+        const ae = `${t.innerModelValue[M].value} | ${y}`, ne = [...t.innerModelValue[M].options, K];
+        P = H({ ...t.innerModelValue[M], value: ae, options: ne });
+      } else
+        P = H({ ...V, label: I, value: y, options: [K] });
+    } else
+      P = H({ ...V, label: I, value: y, ...E, ...A });
+    if (O(t, y, I)) {
+      te(t);
+      return;
+    }
+    k(t, !1);
+    const L = j(t.innerModelValue);
+    let F = [];
+    if ((C || S) && M >= 0) {
+      const K = [...t.innerModelValue];
+      K.splice(M, 1), F = [...K, P];
+    } else
+      F = [...t.innerModelValue, P];
+    R({ emit: e, state: t, newValue: F, oldValue: L });
+  }, d = (g) => {
+    var _;
+    (_ = t.propItem) != null && _.label ? p({ label: g }) : x();
+  }, p = (g, _ = !1) => {
+    var w;
+    k(t, !1), _ && (t.prevItem = g, t.backupPrevItem = g);
+    const { prevItem: I } = t, y = g.value || g.label, C = (w = l.$refs) == null ? void 0 : w.inputRef;
+    if (!O(t, y)) {
+      const S = t.propItem.label || g.label;
+      f(I, g, S, y);
+    }
+    C.focus();
+  }, b = (g, _) => {
+    if (g.label) {
+      if (!_.options)
+        return;
+      if (!a.modelValue.find((y) => y.value === _.options[0].label)) {
+        const y = _.label, C = _.options && _.options[0].label;
+        f(_, _.options[0], y, C);
+        return;
+      }
+    } else
+      e("search", t.innerModelValue);
+  }, h = (g, _, I) => {
+    var C;
+    const y = (C = t.backupList) == null ? void 0 : C.find((w) => w.label === I);
+    f(g, y, _.label, I);
+  }, v = (g, _, I) => {
+    var y, C;
+    if (_.label) {
+      const { regexp: w, replace: S, type: V, mergeTag: D } = I, M = V !== "checkbox" && S || V === "checkbox" && D ? [g] : g.split(a.splitInputValue);
+      if (w)
+        for (const E of M)
+          w.test(E) && h(I, _, E);
+      else
+        for (const E of M)
+          h(I, _, E);
+    } else {
+      const { items: w, defaultField: S } = a, V = w.find((L) => {
+        const { regexp: F } = L;
+        return F && F.test(t.inputValue);
+      }) || (S ? w.find((L) => L.field === S) : t.allTypeAttri), { replace: D, type: M, mergeTag: E } = V, A = M !== "checkbox" && D || M === "checkbox" && E ? [g] : g.split(a.splitInputValue);
+      (y = V == null ? void 0 : V.options) != null && y.length && (t.backupList = [...V.options], (C = t.backupList) == null || C.forEach((L) => {
+        const F = L.value || L.label;
+        A.includes(F) && (L.isChecked = !0);
+      }));
+      const P = V.label;
+      for (const L of A)
+        f(V, {}, P, L);
+    }
+  }, x = () => {
+    const { inputValue: g, propItem: _, prevItem: I } = t;
+    if (i && i(), k(t, !1), !g)
+      b(_, I);
+    else {
+      const { maxlength: y } = a;
+      if (y && y < g.length) {
+        e("exceed", y);
+        return;
+      }
+      v(g, _, I);
+    }
+  };
+  return { selectPropItem: m, selectRadioItem: p, selectInputValue: d, createTag: x, helpClick: () => {
+    e("help");
+  }, setOperator: o };
+}
+const Tt = (a) => a.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), oe = (a, e) => {
+  const t = [];
+  let s = 0, n;
+  for (; (n = a.exec(e)) !== null; ) {
+    const r = n.index, c = a.lastIndex;
+    r > s && t.push(e.slice(s, r)), t.push(e.slice(r, c)), s = c;
+  }
+  return s < e.length && t.push(e.slice(s)), t;
+};
+function Ct({ props: a, state: e, emit: t, nextTick: s }) {
+  const n = async (m) => {
+    e.potentialOptions = await a.potentialOptions.getMatchList(m), k(e, !0);
+  }, c = wt((m) => {
+    var _, I, y, C;
+    const { recordItems: o, propItem: f } = e, d = typeof m == "string" ? m : m && m.target && typeof m.target.value == "string" ? m.target.value : e.inputValue || "", p = (_ = String(d)) == null ? void 0 : _.trim(), { maxlength: b } = a;
+    if (b && b < p.length) {
+      t("exceed", b);
+      return;
+    }
+    if (p.length === 0) {
+      k(e);
+      return;
+    }
+    Object.keys(e.matchItems).forEach((w) => {
+      e.matchItems[w].attr = [], e.matchItems[w].attrValue = [];
+    });
+    const h = Tt(p), v = new RegExp(h, "i"), x = f.label || !h ? null : o.find((w) => w.type === "map" && v.test(w.label));
+    if (x) {
+      e.propItem = { ...e.propItem, label: x.label }, e.inputValue = "", e.prevItem = x, e.backupPrevItem = x, e.backupList = x.options || [];
+      return;
+    }
+    e.filterList = (I = e.backupList) == null ? void 0 : I.filter((w) => v.test(w.label) ? (delete w.isFilter, O(e, w.label) && e.checkboxGroup.push(`${e.prevItem.label}${w.label}`), !0) : (w.isFilter = !0, !1));
+    const T = new RegExp(h, "ig"), g = p.toLowerCase();
+    if (e.propItem.label) {
+      (y = e.backupList) == null || y.forEach((w) => {
+        w.hightlighStr = g;
+        const S = w.label;
+        v.test(S) ? (w.match = oe(T, S), w.isFilter = !1) : w.isFilter = !0;
+      }), (C = e.backupList) != null && C.length || p ? k(e) : k(e, !1);
+      return;
+    }
+    for (const w of o) {
+      const { options: S = [], groupKey: V = "0", ...D } = w, M = D.label;
+      if (v.test(M)) {
+        const E = oe(T, M);
+        e.matchItems[V].attr.push({ ...w, match: E, hightlighStr: g });
+      }
+      for (const E of S) {
+        const A = e.propItem.label ? M : `${M}：${E.label}`;
+        if (v.test(A)) {
+          const P = oe(T, A);
+          e.matchItems[V].attrValue.push({
+            ...E,
+            ...D,
+            options: S,
+            hightlighStr: g,
+            value: E.label,
+            match: P
+          });
+        }
+      }
+    }
+    h && a.potentialOptions && a.potentialOptions.getMatchList ? n(h) : k(e);
+  }, 500), i = () => {
+    c.cancel && c.cancel();
+  }, l = () => {
+    var m;
+    (m = e.backupList) == null || m.forEach((o) => o.isFilter && delete o.isFilter);
+  };
+  return {
+    handleInput: c,
+    selectFirstMap: (m, o) => {
+      var b;
+      const { options: f } = m, { prevItem: d, propItem: p } = e;
+      if (f)
+        k(e, !1), e.propItem = { ...e.propItem, value: `${m.label}=` }, e.isShowTagKey = !1, e.inputValue = "", e.backupList = m.options || [], l(), (b = e.backupList) == null || b.forEach((h) => {
+          const v = p.value + h.label;
+          h.isChecked = O(e, v);
+        });
+      else {
+        if (m.isChecked)
+          return;
+        k(e, !1), e.isShowTagKey = !0, l();
+        const { field: h, type: v } = d, x = p.value + m.label, T = G(a, d, m), _ = [H({ type: v, field: h, label: p.label, value: x, ...T })];
+        R({ emit: t, state: e, nextTick: s, tagList: _ });
+      }
+      o && k(e);
+    },
+    cancelHandleInput: i
+  };
+}
+function St({ props: a, state: e, emit: t, nextTick: s }) {
+  return {
+    selectCheckbox: (r) => {
+      var m, o;
+      k(e, !1);
+      const { checkboxGroup: c, prevItem: i, propItem: l } = e, u = ee(i);
+      if (r) {
+        const f = [], d = j(e.innerModelValue), { mergeTag: p, operators: b, label: h } = i;
+        if (p) {
+          let v = "";
+          const x = [], { indexMap: T } = e, g = T.get(h);
+          if (g !== void 0 && e.innerModelValue.splice(g, 1), (m = e.backupList) == null || m.forEach((_) => {
+            const { label: I } = _, y = `${h}${I}`;
+            if (c.includes(y)) {
+              delete _.isFilter;
+              const w = G(a, i, _), S = { label: _.label, ...w };
+              v += v ? ` | ${I}` : I, x.push(S);
+            }
+          }), x.length > 0) {
+            const _ = { ...u, value: v, options: x };
+            f.push(_);
+          }
+        } else {
+          const { valueMap: v } = e, x = [];
+          if ((o = e.backupList) == null || o.forEach((T) => {
+            const { label: g } = T, _ = `${h}${g}`, I = c.includes(_);
+            if (I && !O(e, g)) {
+              const y = G(a, i, T), C = e.operatorValue && b ? { operator: e.operatorValue } : null, w = H({ ...u, label: l.label, value: g, ...y, ...C });
+              f.push(w), T.isChecked = !0;
+            } else if (!I && O(e, g)) {
+              T.isChecked = !1;
+              const y = v.get(_);
+              x.push(y);
+            }
+          }), x.length) {
+            const T = e.innerModelValue.filter((g, _) => g && !x.includes(_));
+            R({ emit: t, state: e, nextTick: s, newValue: T, oldValue: d });
+            return;
+          }
+        }
+        R({ emit: t, state: e, nextTick: s, tagList: f, oldValue: d });
+      } else
+        e.propItem = { ...l, label: "" }, e.inputValue = "";
+    }
+  };
+}
+function Dt({ props: a, state: e, emit: t, nextTick: s, vm: n }) {
+  const r = n || e.instance;
+  return {
+    onConfirmDate: async (u, m = !1) => {
+      if (!u) {
+        e.propItem = { label: "" };
+        return;
+      }
+      const o = await ie(r, e, a, m);
+      if (o) {
+        k(e, !1);
+        const f = a.modelValue.filter((d) => d.type !== o.type || d.field !== o.field);
+        f.push(o), R({ emit: t, state: e, nextTick: s, newValue: f });
+      } else
+        k(e);
+    },
+    handleDateShow: () => k(e),
+    pickerOptions: (u, m = "") => ({
+      disabledDate(o) {
+        const { maxTimeLength: f = 0, min: d, max: p } = e.prevItem, b = e[m], h = o.getTime();
+        if (f > 0)
+          if (d || p)
+            if (m && b) {
+              const v = new Date(b).getTime(), x = !d && p ? v - f : Math.max(d.getTime(), v - f);
+              return h < x || h > v;
+            } else if (!m && u) {
+              const v = new Date(u).getTime(), x = d && !p ? v + f : Math.min(p.getTime(), v + f);
+              return h < v || h > x;
+            } else
+              return d && h < d.getTime() || p && h > p.getTime();
+          else if (m && b) {
+            const v = new Date(b).getTime(), x = v - f;
+            return h < x || h > v;
+          } else if (!m && u) {
+            const v = new Date(u).getTime(), x = v + f;
+            return h < v || h > x;
+          } else
+            return !1;
+        else if (d || p)
+          if (m && b) {
+            const v = new Date(b).getTime();
+            return d && h < d.getTime() || h > v;
+          } else if (!m && u) {
+            const v = new Date(u).getTime();
+            return h < v || p && h > p.getTime();
+          } else
+            return h < d || h > p;
+        else if (m && b) {
+          const v = new Date(b).getTime();
+          return h > v;
+        } else if (!m && u) {
+          const v = new Date(u).getTime();
+          return h < v;
+        } else
+          return !1;
+      }
+    })
+  };
+}
+function Mt({ props: a, state: e, t, emit: s, nextTick: n, vm: r }) {
+  const c = r || e.instance, i = async (m) => {
+    if (!m) {
+      e.propItem = { ...e.propItem, label: "" };
+      return;
+    }
+    const o = await De(c, e, a);
+    if (o) {
+      k(e, !1);
+      const f = a.modelValue.filter((d) => d.type !== o.type || d.field !== o.field);
+      f.push(o), R({ emit: s, state: e, nextTick: n, newValue: f });
+    } else
+      k(e);
+  }, l = (m, o, f) => {
+    const { maxTimeLength: d = 0 } = m;
+    return {
+      [o]: {
+        validator: (p, b, h) => {
+          d > 0 && !b ? h(new Error(t("tvp.tvpSearchbox.notBeNull"))) : !b && !e[f] ? h(new Error(t("tvp.tvpSearchbox.rangeDateTitle"))) : h();
+        }
+      },
+      [f]: {
+        validator: (p, b, h) => {
+          d > 0 && !b ? h(new Error(t("tvp.tvpSearchbox.notBeNull"))) : !b && !e[o] ? h(new Error(t("tvp.tvpSearchbox.rangeDateTitle"))) : h();
+        }
+      }
+    };
+  };
+  return {
+    initFormRule: () => {
+      let m = {}, o = {};
+      a.items.forEach((f) => {
+        f.type === "dateRange" && (m = l(f, "startDate", "endDate")), f.type === "datetimeRange" && (o = l(f, "startDateTime", "endDateTime"));
+      }), e.formRules = {
+        ...m,
+        ...o
+      }, a.editable && (e.formRules.inputEditValue = {
+        required: !0,
+        message: t("tvp.tvpSearchbox.notBeNull"),
+        trigger: ["change", "blur"]
+      });
+    },
+    sizeChange: i
+  };
+}
+function Et({ props: a, state: e, t, nextTick: s, format: n, emit: r, vm: c }) {
+  const i = (d) => {
+    var I;
+    const { operator: p, value: b, start: h, end: v } = d, { options: x, operators: T, type: g, mergeTag: _ } = e.prevItem;
+    if (g !== "custom") {
+      if (g === "numRange")
+        Me(e, d, t);
+      else if (g === "dateRange") {
+        const { dateRangeFormat: y } = e;
+        e.startDate = n(h, y), e.endDate = n(v, y);
+      } else if (g === "datetimeRange") {
+        const { datetimeRangeFormat: y } = e;
+        e.startDateTime = n(h, y), e.endDateTime = n(v, y);
+      } else {
+        if (_) {
+          const y = ((I = d.options) == null ? void 0 : I.flatMap((C) => C.label)) || [];
+          e.inputEditValue = y, e.currentEditSelectTags = y;
+        } else
+          e.inputEditValue = Array.isArray(b) ? b.join(",") : b || "";
+        e.currentEditValue = x;
+      }
+      e.operatorValue = p, e.currentOperators = T;
+    }
+  }, l = async () => {
+    var h, v;
+    if (!((v = (h = e.instance) == null ? void 0 : h.$refs) != null && v.formRef))
+      return;
+    const { prevItem: d } = e;
+    let p = [];
+    if (d.type === "numRange" ? p = [e.curMinNumVar, e.curMaxNumVar] : d.type === "dateRange" ? p = ["startDate", "endDate"] : d.type === "datetimeRange" ? p = ["startDateTime", "endDateTime"] : ["custom", "map"].includes(d.type) || (p = ["inputEditValue"]), (p == null ? void 0 : p.length) === 0) {
+      e.hasFormError = !1;
+      return;
+    }
+    let b = !1;
+    await e.instance.$refs.formRef.validateField(p, (x) => {
+      x && (b = !0);
+    }), e.hasFormError = b;
+  };
+  return {
+    editTag: (d, p, b) => {
+      if (!a.editable || d.type && d.type === "map")
+        return;
+      k(e, !1), e.popoverVisible = !1;
+      const h = b.target.classList.contains("tiny-tag") ? b.target : b.srcElement.parentElement;
+      s(() => {
+        const { popoverRef: v } = e.instance.$refs;
+        v.state.referenceElm = h, v.state.popperElm && (v.state.popperElm.style.display = "none"), v.doDestroy(), e.popoverVisible = !0, l();
+      }), e.prevItem = e.recordItems.find((v) => v.field === d.field), !e.prevItem && (e.prevItem = d), e.selectValue = d.label, e.currentModelValueIndex = p, r("tagClick", d), i(d);
+    },
+    confirmEditTag: async (d) => {
+      if (!d) {
+        e.popoverVisible = !1;
+        return;
+      }
+      const { prevItem: p, currentModelValueIndex: b } = e;
+      let h = null;
+      p.type === "numRange" ? h = await De(e.instance, e, a) : p.type === "dateRange" ? h = await ie(e.instance, e, a, !1) : p.type === "datetimeRange" ? h = await ie(e.instance, e, a, !0) : h = await kt(e.instance, e, a), h ? (k(e, !1), e.popoverVisible = !1, R({ emit: r, state: e, nextTick: s, index: b, newTag: h, isEdit: !0 })) : e.popoverVisible = !0, e.currentEditValue = [];
+    },
+    selectPropChange: (d, p) => {
+      p || (e.prevItem = d, i(d), s(() => {
+        l();
+      }));
+    },
+    selectItemIsDisable: (d) => {
+      var b, h, v, x;
+      if (d.type && d.type === "map")
+        return !0;
+      if ((b = e.prevItem) != null && b.operators || d.operators)
+        return ((h = e.prevItem.operators) == null ? void 0 : h.length) !== ((v = d.operators) == null ? void 0 : v.length);
+      const p = ["radio", "checkbox"];
+      return e.prevItem.type && p.includes(e.prevItem.type) ? d.type ? !p.includes(d.type) : !1 : ((x = e.prevItem) == null ? void 0 : x.type) !== d.type;
+    },
+    checkFormValidation: l
+  };
+}
+function $t({ state: a, emit: e, nextTick: t }) {
+  const s = (c) => {
+    k(a, !1);
+    const { prevItem: i, indexMap: l } = a, { replace: u, label: m } = i, o = [];
+    if (u && l.has(m)) {
+      const f = l.get(m), d = { ...i, ...c };
+      R({ emit: e, state: a, nextTick: t, newTag: d, index: f });
+      return;
+    } else
+      !u && Array.isArray(c) ? c.forEach((f) => {
+        O(a, f.value) || o.push({ ...i, ...f });
+      }) : O(a, c.value) || o.push({ ...i, ...c });
+    R({ emit: e, state: a, nextTick: t, tagList: o });
+  };
+  return {
+    handleConfirm: (c) => {
+      if (!c) {
+        te(a), k(a, !1);
+        return;
+      }
+      s(c);
+    },
+    handleEditConfirm: (c) => {
+      if (!c) {
+        Q(a, !1);
+        return;
+      }
+      s(c);
+    }
+  };
+}
+function Lt({ props: a, state: e }) {
+  return {
+    initItems: () => {
+      e.groupItems = {}, e.recordItems.forEach((i) => {
+        var u;
+        const { groupKey: l = "0" } = i;
+        if (e.groupItems[l] ? e.groupItems[l].push({ ...i }) : (e.groupItems[l] = [{ ...i }], e.matchItems[l] = { attr: [], attrValue: [] }), e.prevItem && i.field === e.prevItem.field && i !== e.prevItem) {
+          const { options: m, type: o } = i;
+          e.prevItem = i, m != null && m.length && (e.backupList = m), o === "checkbox" && (e.filterList = e.backupList, e.checkboxGroup = [], (u = e.backupList) == null || u.forEach((f) => {
+            const { label: d } = f;
+            O(e, d) && e.checkboxGroup.push(`${i.label}${d}`), f.isFilter = !1;
+          })), k(e, i.field === e.prevItem.field && i !== e.prevItem);
+        }
+      });
+    },
+    watchOutsideClick: () => {
+      a.editable && Q(e, !1), e.isMouseDown = !1, k(e, !1);
+    },
+    watchMouseDown: () => {
+      e.isMouseDown = !0;
+    },
+    watchMouseMove: () => {
+      e.isMouseDown && (e.isMouseDown = !1);
+    },
+    handleClick: (i) => {
+      var m;
+      const { backupPrevItem: l, prevItem: u } = e;
+      i.stopPropagation(), a.editable && (e.popoverVisible = !1, e.currentEditValue = [], e.propItem.label && l && l !== u && (e.prevItem = l)), e.hasBackupList && (((m = e.backupList) == null ? void 0 : m.length) === 0 || !e.backupList) && !e.inputValue || a.items.length === 0 ? k(e, !1) : k(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: "搜索"
+    }
+  }
+}, $e = {
+  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": $e
+};
+let $ = null;
+const Nt = (a) => {
+  $ = a;
+}, me = () => {
+  var a, e, t, s, n;
+  if ((t = (e = (a = $ == null ? void 0 : $.config) == null ? void 0 : a.globalProperties) == null ? void 0 : e.$i18n) != null && t.locale)
+    return $.config.globalProperties.$i18n.locale;
+  if ((s = $ == null ? void 0 : $.$i18n) != null && s.locale)
+    return $.$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 c, i;
+  if (!a)
+    return "";
+  if ((i = (c = $ == null ? void 0 : $.config) == null ? void 0 : c.globalProperties) != null && i.$t)
+    try {
+      const l = $.config.globalProperties.$t(a, e);
+      if (l && l !== a)
+        return l;
+    } catch (l) {
+      console.warn("[TinySearchBox] i18n translation failed:", l);
+    }
+  if ($ != null && $.$t)
+    try {
+      const l = $.$t(a, e);
+      if (l && l !== a)
+        return l;
+    } catch (l) {
+      console.warn("[TinySearchBox] i18n translation failed:", l);
+    }
+  const t = me(), s = ce(t), n = a.split(".");
+  let r = s;
+  for (const l of n)
+    if (r && typeof r == "object" && l in r)
+      r = r[l];
+    else {
+      if (t !== W) {
+        r = ce(W);
+        for (const m of n)
+          if (r && typeof r == "object" && m in r)
+            r = r[m];
+          else {
+            r = a;
+            break;
+          }
+      } else
+        r = a;
+      break;
+    }
+  return typeof r == "string" && Object.keys(e).length > 0 ? r.replace(/\{(\w+)\}/g, (l, u) => e[u] !== void 0 ? e[u] : l) : typeof r == "string" ? r : a;
+}, Rt = (a, e = {}) => a.map((t) => N(t, e)), Pt = (a) => a in q, Ot = () => Object.keys(q), Ft = (a, e) => {
+  q[a] = e;
+}, At = (a) => {
+  a !== W && delete q[a];
+}, Bt = {
+  t: N,
+  zhCN: Ee,
+  enUS: $e,
+  tArray: Rt,
+  setGlobalApp: Nt,
+  getCurrentLocale: me,
+  getLocaleMessages: ce,
+  isLocaleSupported: Pt,
+  getSupportedLocales: Ot,
+  addLocale: Ft,
+  removeLocale: At
+}, zt = [
+  "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"
+], jt = ({ reactive: a, computed: e, api: t, i18n: s, watch: n, props: r, emit: c, vm: i }) => {
+  const l = a({
+    innerModelValue: [...r.modelValue],
+    placeholder: r.emptyPlaceholder || N("tvp.tvpSearchbox.addPlaceholder"),
+    emitter: c,
+    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,
+    hasFormError: !1,
+    // 表单校验错误状态
+    hasBackupList: e(() => l.propItem.label && [void 0, "radio", "checkbox", "map"].includes(l.prevItem.type)),
+    isIndeterminate: e(() => l.checkboxGroup.length > 0 && l.checkboxGroup.length !== l.filterList.length),
+    checkAll: e({
+      get: () => l.checkboxGroup.length && l.checkboxGroup.length === l.filterList.length,
+      set: (u) => {
+        u ? l.checkboxGroup = l.filterList.flatMap((m) => `${l.prevItem.label}${m.label}`) : l.checkboxGroup = [];
+      }
+    })
+  });
+  return l;
+}, Ht = (a, { getCurrentInstance: e, onMounted: t, onBeforeUnmount: s, computed: n, reactive: r, watch: c }, { emit: i, nextTick: l, refs: u, vm: m }) => {
+  const o = {}, f = a.emitter ? a.emitter.emit : i, d = jt({ reactive: r, computed: n, api: o, i18n: Bt, watch: c, props: a, emit: f, vm: m });
+  return Gt({ api: o, state: d, t: N, props: a, emit: f, nextTick: l, vm: m, computed: n }), Kt({ watch: c, state: d, props: a, api: o, nextTick: l, vm: m }), d.instance = m, 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), d.localeCheckInterval && (clearInterval(d.localeCheckInterval), d.localeCheckInterval = null));
+  }), o;
+}, Gt = ({ api: a, state: e, t, props: s, emit: n, nextTick: r, vm: c, computed: i }) => {
+  const { deleteTag: l, clearTag: u, backspaceDeleteTag: m } = It({ props: s, state: e, emit: n, nextTick: r }), { editTag: o, confirmEditTag: f, selectPropChange: d, selectItemIsDisable: p, checkFormValidation: b } = Et({ props: s, state: e, t, nextTick: r, format: le, emit: n, vm: c }), { handleInput: h, selectFirstMap: v, cancelHandleInput: x } = Ct({ props: s, state: e, emit: n, nextTick: r }), { selectPropItem: T, selectRadioItem: g, selectInputValue: _, createTag: I, helpClick: y, setOperator: C } = Vt({ props: s, emit: n, state: e, t, format: le, nextTick: r, vm: c, cancelHandleInput: x }), { selectCheckbox: w } = St({ props: s, state: e, emit: n, nextTick: r }), { onConfirmDate: S, handleDateShow: V, pickerOptions: D } = Dt({ props: s, state: e, emit: n, nextTick: r, vm: c }), { sizeChange: M, initFormRule: E } = Mt({ props: s, state: e, t, emit: n, nextTick: r, vm: c }), { handleConfirm: A, handleEditConfirm: P } = $t({ state: e, emit: n, nextTick: r }), { initItems: L, watchOutsideClick: F, watchMouseDown: K, watchMouseMove: ae, handleClick: ne } = Lt({ props: s, state: e }), Le = i(() => s.modelValue.length || e.propItem.label || e.inputValue), Ne = () => ({
+    selectInputValue: _,
+    selectPropItem: T,
+    selectRadioItem: g,
+    setOperator: C,
+    selectCheckbox: w,
+    sizeChange: M,
+    onConfirmDate: S,
+    selectFirstMap: v,
+    handleDateShow: V
+  }), re = (Z) => {
+    e.placeholder = Z;
+  };
+  s.modelValue.length > 0, re(t("tvp.tvpSearchbox.addPlaceholder")), Object.assign(a, {
+    t,
+    state: e,
+    isShowClose: Le,
+    deleteTag: l,
+    editTag: o,
+    backspaceDeleteTag: m,
+    createTag: I,
+    clearTag: u,
+    helpClick: y,
+    handleInput: h,
+    handleClick: ne,
+    handleEvents: (Z, Re, Pe) => {
+      const he = Ne();
+      typeof he[Z] == "function" ? he[Z](Re, Pe) : console.warn(`[TinySearchBox] Unknown event: ${Z}`);
+    },
+    pickerOptions: D,
+    resetInput: te,
+    selectItemIsDisable: p,
+    selectPropChange: d,
+    confirmEditTag: f,
+    handleConfirm: A,
+    handleEditConfirm: P,
+    showDropdown: k,
+    showPopover: Q,
+    checkFormValidation: b,
+    setPlaceholder: re,
+    initItems: L,
+    initFormRule: E,
+    watchOutsideClick: F,
+    watchMouseDown: K,
+    watchMouseMove: ae
+  });
+}, Kt = ({ watch: a, state: e, props: t, api: s, nextTick: n, vm: r }) => {
+  var m;
+  const c = () => {
+    var o;
+    if (e.propItem.label) {
+      const { placeholder: f, type: d } = e.prevItem;
+      f ? s.setPlaceholder(f) : d === "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"));
+  }, i = () => {
+    var o, f, d;
+    return (o = r == null ? void 0 : r.$i18n) != null && o.locale ? r.$i18n.locale : (d = (f = r == null ? void 0 : r.proxy) == null ? void 0 : f.$i18n) != null && d.locale ? r.proxy.$i18n.locale : me();
+  };
+  let l = i();
+  if (r != null && r.$i18n)
+    try {
+      r.$watch(
+        () => r.$i18n.locale,
+        (o) => {
+          o !== l && (l = o, c());
+        },
+        { immediate: !1 }
+      );
+    } catch (o) {
+      console.warn("[TinySearchBox] Unable to watch i18n.locale via vm.$watch:", o);
+    }
+  if ((m = r == null ? void 0 : r.proxy) != null && m.$i18n)
+    try {
+      a(
+        () => r.proxy.$i18n.locale,
+        (o) => {
+          o !== l && (l = o, c());
+        },
+        { immediate: !1 }
+      );
+    } catch (o) {
+      console.warn("[TinySearchBox] Unable to watch i18n.locale via watch:", o);
+    }
+  const u = () => {
+    const o = i();
+    o !== l && (l = o, c());
+  };
+  typeof window < "u" && (e.localeCheckInterval = setInterval(u, 200)), a(
+    () => t.modelValue,
+    () => {
+      u();
+    }
+  ), a(
+    () => t.items,
+    (o) => {
+      const f = e.visible, d = e.prevItem && e.prevItem.field;
+      e.recordItems = j(o), s.initItems(), s.initFormRule(), n(() => {
+        if (s.initItems(), s.initFormRule(), f && e.propItem.label) {
+          const p = e.recordItems.find((b) => b.field === d) || e.prevItem;
+          e.prevItem = p || {}, e.backupList = p && p.options ? [...p.options] : [], e.filterList = e.backupList ? [...e.backupList] : [], k(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 || ""), o || (e.hasFormError = !1);
+    },
+    {
+      immediate: !0
+    }
+  ), a(
+    () => {
+      const o = {
+        inputEditValue: e.inputEditValue,
+        startDate: e.startDate,
+        endDate: e.endDate,
+        startDateTime: e.startDateTime,
+        endDateTime: e.endDateTime
+      };
+      return e.curMinNumVar && e.curMaxNumVar && (o[e.curMinNumVar] = e[e.curMinNumVar], o[e.curMaxNumVar] = e[e.curMaxNumVar]), o;
+    },
+    () => {
+      e.popoverVisible && n(() => {
+        s.checkFormValidation();
+      });
+    },
+    { deep: !0 }
+  ), a(
+    () => e.propItem.label,
+    (o) => {
+      c();
+    }
+  ), a(
+    () => t.modelValue,
+    (o) => {
+      if (o) {
+        if (e.indexMap.clear(), e.valueMap.clear(), o.forEach((f, d) => {
+          var b;
+          const p = `${f.label}${f.value}`;
+          e.indexMap.set(f.label, d), e.valueMap.set(p, d), ((b = f.options) == null ? void 0 : b.length) > 0 && f.options.forEach((h) => {
+            const v = `${f.label}${h.label}`;
+            e.valueMap.set(v, d);
+          });
+        }), Q(e, !1), o.length === 0 && s.setPlaceholder(N("tvp.tvpSearchbox.addPlaceholder")), t.editable && !e.inputEditValue.length && o[0]) {
+          const f = o[0];
+          if ((e.recordItems.find((p) => p.field === f.field) || f).mergeTag && f.options) {
+            const p = f.options.flatMap((b) => b.label) || [];
+            e.inputEditValue = p, e.currentEditSelectTags = p;
+          } else {
+            const p = f.value;
+            e.inputEditValue = Array.isArray(p) ? p.join(",") : p || "";
+          }
+        }
+        e.innerModelValue = [...o];
+      }
+    },
+    {
+      deep: !0,
+      immediate: !0
+    }
+  );
+};
+var Ut = function() {
+  var a, e, t = this, s = t.$createElement, n = t._self._c || s;
+  return n("div", {
+    attrs: {
+      tiny_mode: "pc"
+    }
+  }, [n("tiny-dropdown-item", {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: t.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: t.state.inputValue
+      }
+    },
+    on: {
+      "item-click": function() {
+        return t.selectInputValue(t.state.inputValue);
+      }
+    }
+  }, [n("span", [t._v(" " + t._s(t.t("tvp.tvpSearchbox.initUse")) + "＂" + t._s(t.state.inputValue) + "＂")])]), n("div", {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: !t.state.propItem.label && ((a = t.state.inputValue) === null || a === void 0 ? void 0 : a.trim()),
+      expression: "!state.propItem.label && state.inputValue?.trim()"
+    }]
+  }, [t._l(t.state.matchItems, function(r, c) {
+    return n("div", {
+      key: c
+    }, [r.attr.length ? n("div", [n("span", {
+      staticClass: "tvp-search-box__filter-type"
+    }, [t._v(t._s(c === "0" ? t.t("tvp.tvpSearchbox.attributeType") : c))]), t._l(r.attr, function(i, l) {
+      return n("tiny-dropdown-item", {
+        key: i.label + l,
+        staticClass: "tvp-search-box__filter-item tvp-search-box__dropdown-item",
+        attrs: {
+          "item-data": i
+        },
+        on: {
+          "item-click": function() {
+            return t.selectPropItem(i);
+          }
+        }
+      }, [n("span", t._l(i.match, function(u) {
+        return n("span", {
+          key: u
+        }, [u.toLowerCase() === i.hightlighStr ? n("span", {
+          staticClass: "tvp-search-box__text-highlight"
+        }, [t._v(t._s(u))]) : n("span", [t._v(t._s(u))])]);
+      }), 0)]);
+    })], 2) : t._e(), r.attrValue.length ? [n("span", {
+      staticClass: "tvp-search-box__filter-type"
+    }, [t._v(t._s(t.t("tvp.tvpSearchbox.propertyValue", [c === "0" ? t.t("tvp.tvpSearchbox.attributeType") : c])))]), t._l(r.attrValue, function(i, l) {
+      return n("tiny-dropdown-item", {
+        key: i.label + l,
+        staticClass: "tvp-search-box__filter-item tvp-search-box__dropdown-item",
+        attrs: {
+          disabled: i.isChecked,
+          "item-data": i
+        },
+        on: {
+          "item-click": function() {
+            return t.selectRadioItem(i, !0);
+          }
+        }
+      }, [n("span", t._l(i.match, function(u) {
+        return n("span", {
+          key: u
+        }, [u.toLowerCase() === i.hightlighStr ? n("span", {
+          staticClass: "tvp-search-box__text-highlight"
+        }, [t._v(t._s(u))]) : n("span", [t._v(t._s(u))])]);
+      }), 0)]);
+    })] : t._e()], 2);
+  }), n("div", {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: t.state.potentialOptions,
+      expression: "state.potentialOptions"
+    }]
+  }, [n("span", {
+    staticClass: "tvp-search-box__filter-type"
+  }, [t._v(t._s(t.t("tvp.tvpSearchbox.matched")))]), n("div", {
+    staticClass: "tvp-search-box__potential-box",
+    attrs: {
+      id: "potential-loading"
+    }
+  }, [t.state.potentialOptions ? n("div", t._l(t.state.potentialOptions, function(r, c) {
+    return n("tiny-dropdown-item", {
+      key: r.label + c,
+      staticClass: "tvp-search-box__filter-item tvp-search-box__dropdown-item",
+      attrs: {
+        "item-data": r
+      },
+      on: {
+        "item-click": function() {
+          return t.selectRadioItem(r, !0);
+        }
+      }
+    }, [t._v(" " + t._s(r.label) + "： "), n("span", {
+      staticClass: "tvp-search-box__text-highlight"
+    }, [t._v(t._s(r.value))])]);
+  }), 1) : t._e()])])], 2), n("div", {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: t.state.visible && !t.state.propItem.label && !((e = t.state.inputValue) !== null && e !== void 0 && e.trim()),
+      expression: "state.visible && !state.propItem.label && !state.inputValue?.trim()"
+    }],
+    staticClass: "tvp-search-box__first-panel"
+  }, t._l(t.state.groupItems, function(r, c) {
+    return n("div", {
+      key: c
+    }, [r.length ? n("span", {
+      staticClass: "tvp-search-box__filter-type"
+    }, [t._v(t._s(c === "0" ? t.t("tvp.tvpSearchbox.attributeType") : c))]) : t._e(), t._l(r, function(i, l) {
+      return n("tiny-dropdown-item", {
+        key: (i.field || i.label) + l,
+        staticClass: "tvp-search-box__dropdown-item",
+        attrs: {
+          "item-data": i
+        },
+        on: {
+          "item-click": function() {
+            return t.selectPropItem(i);
+          }
+        }
+      }, [n("span", {
+        attrs: {
+          title: i.label
+        }
+      }, [t._v(t._s(i.label))])]);
+    })], 2);
+  }), 0)], 1);
+}, qt = [];
+function fe(a, e, t, s, n, r, c, i) {
+  var l = typeof a == "function" ? a.options : a;
+  e && (l.render = e, l.staticRenderFns = t, l._compiled = !0), s && (l.functional = !0), r && (l._scopeId = "data-v-" + r);
+  var u;
+  if (c ? (u = function(f) {
+    f = f || // cached call
+    this.$vnode && this.$vnode.ssrContext || // stateful
+    this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext, !f && typeof __VUE_SSR_CONTEXT__ < "u" && (f = __VUE_SSR_CONTEXT__), n && n.call(this, f), f && f._registeredComponents && f._registeredComponents.add(c);
+  }, l._ssrRegister = u) : n && (u = i ? function() {
+    n.call(
+      this,
+      (l.functional ? this.parent : this).$root.$options.shadowRoot
+    );
+  } : n), u)
+    if (l.functional) {
+      l._injectStyles = u;
+      var m = l.render;
+      l.render = function(d, p) {
+        return u.call(p), m(d, p);
+      };
+    } else {
+      var o = l.beforeCreate;
+      l.beforeCreate = o ? [].concat(o, u) : [u];
+    }
+  return {
+    exports: a,
+    options: l
+  };
+}
+const Zt = (a, e, { emit: t }) => {
+  const s = a.handleEvents || a.events || ((i, l, u) => {
+    t("events", i, l, u);
+  });
+  return {
+    selectInputValue: (i) => {
+      s("selectInputValue", i);
+    },
+    selectPropItem: (i) => {
+      s("selectPropItem", i);
+    },
+    selectRadioItem: (i, l) => {
+      s("selectRadioItem", i, l);
+    },
+    t: N
+  };
+}, Yt = ["selectInputValue", "selectPropItem", "selectRadioItem", "t"], Wt = 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: Zt, api: Yt });
+  }
+}), ve = {};
+var Qt = /* @__PURE__ */ fe(
+  Wt,
+  Ut,
+  qt,
+  !1,
+  Xt,
+  null,
+  null,
+  null
+);
+function Xt(a) {
+  for (let e in ve)
+    this[e] = ve[e];
+}
+const Jt = /* @__PURE__ */ function() {
+  return Qt.exports;
+}();
+var ea = 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(c) {
+      return s("span", {
+        key: c
+      }, [c.toLowerCase() === n.hightlighStr ? s("span", {
+        staticClass: "tvp-search-box__text-highlight"
+      }, [e._v(e._s(c))]) : s("span", [e._v(e._s(c))])]);
+    }), 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()]);
+}, ta = [];
+const aa = (a, e, { emit: t }) => {
+  const { computed: s } = e, n = a.handleEvents || a.events || ((p, b, h) => {
+    t("events", p, b, h);
+  }), r = (p) => {
+    n("setOperator", p);
+  }, c = (p) => {
+    n("selectRadioItem", p);
+  }, i = (p) => {
+    n("selectCheckbox", p);
+  }, l = (p) => {
+    n("sizeChange", p);
+  }, u = (p, b) => {
+    n("onConfirmDate", p, b);
+  }, m = (p, b) => {
+    n("selectFirstMap", p, b);
+  }, o = (p) => {
+    n("handleDateShow", p);
+  }, f = s(() => {
+    var p;
+    return a.state.hasBackupList && ((p = a.state.backupList) == null ? void 0 : p.length) === 0;
+  }), d = s(() => {
+    var p;
+    return (p = a.state.backupList) == null ? void 0 : p.find((b) => !b.isFilter);
+  });
+  return {
+    setOperator: r,
+    selectRadioItem: c,
+    selectCheckbox: i,
+    sizeChange: l,
+    onConfirmDate: u,
+    selectFirstMap: m,
+    handleDateShow: o,
+    isLoading: f,
+    showCheckBoxList: d,
+    t: N
+  };
+}, na = [
+  "setOperator",
+  "selectRadioItem",
+  "selectCheckbox",
+  "sizeChange",
+  "onConfirmDate",
+  "selectFirstMap",
+  "handleDateShow",
+  "isLoading",
+  "showCheckBoxList",
+  "t"
+], ra = X({
+  name: pe + "SearchBoxSecondLevelPanel",
+  emits: ["events"],
+  components: {
+    TinyFormItem: we,
+    TinyDropdownItem: Ie,
+    TinyCheckbox: Ze,
+    TinyCheckboxGroup: Ye,
+    TinyDatePicker: xe,
+    TinyInput: _e,
+    TinyButton: ye
+  },
+  directives: {
+    loading: We.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: aa, api: na });
+  }
+}), be = {};
+var sa = /* @__PURE__ */ fe(
+  ra,
+  ea,
+  ta,
+  !1,
+  oa,
+  null,
+  null,
+  null
+);
+function oa(a) {
+  for (let e in be)
+    this[e] = be[e];
+}
+const la = /* @__PURE__ */ function() {
+  return sa.exports;
+}();
+const ia = 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: Oe,
+    TinyInput: _e,
+    TinyDropdown: Fe,
+    TinyDropdownMenu: Ae,
+    TinyButton: ye,
+    TinyTooltip: Be,
+    TinyDatePicker: xe,
+    TinyForm: ze,
+    TinyFormItem: we,
+    TinyPopover: je,
+    TinySelect: He,
+    TinyOption: Ge,
+    TinySearchBoxFirstLevelPanel: Jt,
+    TinySearchBoxSecondLevelPanel: la,
+    // 图标组件
+    TinyIconSearch: Ke(),
+    TinyIconClose: Ue(),
+    TinyIconHelpQuery: qe()
+  },
+  setup(a, e) {
+    return ue({ props: a, context: e, renderless: Ht, api: zt });
+  }
+});
+var ca = 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, c) {
+    return n("tiny-tag", {
+      key: r.field + c,
+      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(i) {
+          return t.deleteTag(r);
+        },
+        click: function(i) {
+          return i.stopPropagation(), t.editTag(r, c, i);
+        }
+      }
+    }, [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, c, i;
+        return [n("tiny-dropdown-menu", {
+          style: {
+            "max-height": t.panelMaxHeight
+          },
+          attrs: {
+            placement: "bottom-start",
+            "popper-class": "tvp-search-box__dropdown-menu"
+          },
+          on: {
+            mouseup: function(l) {
+              return l.stopPropagation(), (function() {
+              }).apply(null, arguments);
+            }
+          }
+        }, [n("div", {
+          directives: [{
+            name: "show",
+            rawName: "v-show",
+            value: !t.state.propItem.label || ((r = t.state.inputValue) === null || r === void 0 ? void 0 : r.trim()),
+            expression: "!state.propItem.label || state.inputValue?.trim()"
+          }]
+        }, [(c = t.state.instance) !== null && c !== void 0 && c.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"
+          }]
+        }, [(i = t.state.instance) !== null && i !== void 0 && i.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(l) {
+              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(c) {
+          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",
+      disabled: t.state.hasFormError
+    },
+    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);
+}, pa = [];
+const ge = {};
+var ua = /* @__PURE__ */ fe(
+  ia,
+  ca,
+  pa,
+  !1,
+  da,
+  null,
+  null,
+  null
+);
+function da(a) {
+  for (let e in ge)
+    this[e] = ge[e];
+}
+const ma = /* @__PURE__ */ function() {
+  return ua.exports;
+}(), fa = {
+  ...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: fa,
+  ...ma
+}), ha = "3.27.1";
+Y.install = function(a) {
+  a.component(Y.name, Y);
+};
+Y.version = ha;
+window && typeof window < "u" && window.Vue && Y.install(window.Vue);
+export {
+  Jt as TinySearchBoxFirstLevelPanel,
+  la as TinySearchBoxSecondLevelPanel,
+  Y as default,
+  $e as enUS,
+  Nt as setGlobalApp,
+  N as t,
+  Ee as zhCN
+};
+//# sourceMappingURL=index.js.map