npm - @opentiny/vue-search-box - Versions diffs - 2.28.5 → 2.29.1 - Mend

@opentiny/vue-search-box 2.28.5 → 2.29.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/index.css +54 -5
package/index.js +1279 -1147
package/index.js.map +1 -1
package/package.json +1 -1
package/types/{index.type.d.ts → index.d.ts} +22 -6

package/index.js CHANGED Viewed

@@ -1,23 +1,23 @@
 import './index.css';
-import { defineComponent as J, $prefix as de, $props as ee, setup as me } from "@opentiny/vue-common";
-import { TinyDropdownItem as ye, TinyFormItem as we, TinyCheckbox as Ae, TinyCheckboxGroup as ze, TinyDatePicker as Ie, TinyInput as ke, TinyButton as Ve, TinyLoading as je, TinyTag as He, TinyDropdown as Ge, TinyDropdownMenu as Ke, TinyTooltip as Ue, TinyForm as qe, TinyPopover as Ze, TinySelect as Ye, TinyOption as We } from "@opentiny/vue";
-import { iconSearch as Qe, iconClose as Xe, iconHelpQuery as Je } from "@opentiny/vue-icon";
-const et = (a, e, n, s = "0") => {
-  if (typeof a == "string" && typeof s == "string" && Te(e)) {
-    let o = a.length - e;
-    if (o > 0)
-      return n ? a.substr(0, e) : a.substr(o, e);
+import { defineComponent as ne, $prefix as ve, $props as se, setup as me } from "@opentiny/vue-common";
+import { TinyDropdownItem as Ve, TinyFormItem as Te, TinyCheckbox as Ae, TinyCheckboxGroup as ze, TinyDatePicker as ke, TinyInput as Ce, TinyButton as Se, TinyLoading as je, TinyTag as Ge, TinyDropdown as Ke, TinyDropdownMenu as Ue, TinyTooltip as Ye, TinyForm as qe, TinyPopover as Ze, TinySelect as Xe, TinyOption as We } from "@opentiny/vue";
+import { iconSearch as Qe, iconClose as Je, iconHelpQuery as et } from "@opentiny/vue-icon";
+const tt = (a, e, n, s = "0") => {
+  if (typeof a == "string" && typeof s == "string" && Me(e)) {
+    let l = a.length - e;
+    if (l > 0)
+      return n ? a.substr(0, e) : a.substr(l, e);
     {
       const t = [];
-      for (o = Math.abs(o) / s.length; o > 0; o--)
+      for (l = Math.abs(l) / s.length; l > 0; l--)
         t.push(s);
-      const m = t.join("");
-      return n ? a + m : m + a;
+      const d = t.join("");
+      return n ? a + d : d + a;
     }
   }
-}, tt = Object.prototype.toString, at = Object.prototype.hasOwnProperty, nt = at.toString;
-nt.call(Object);
-const st = {
+}, at = Object.prototype.toString, nt = Object.prototype.hasOwnProperty, st = nt.toString;
+st.call(Object);
+const lt = {
   "[object Error]": "error",
   "[object Object]": "object",
   "[object RegExp]": "regExp",
@@ -28,13 +28,13 @@ const st = {
   "[object String]": "string",
   "[object Number]": "number",
   "[object Boolean]": "boolean"
-}, ot = (a) => a == null, rt = (a) => ot(a) ? String(a) : st[tt.call(a)] || "object", Te = (a) => typeof a == "number" && isFinite(a), lt = (a) => rt(a) === "date", Ce = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31], it = new RegExp(
+}, ot = (a) => a == null, rt = (a) => ot(a) ? String(a) : lt[at.call(a)] || "object", Me = (a) => typeof a == "number" && isFinite(a), it = (a) => rt(a) === "date", De = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31], ct = 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}))?)?)?$"
-), ct = 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}))?)?)?$"
 ), ut = 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}))?)?)?$"
+), pt = 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]))$"
-), pt = {
+), dt = {
   "y{1,4}": /y{1,4}/,
   "M{1,2}": /M{1,2}/,
   "d{1,2}": /d{1,2}/,
@@ -52,68 +52,68 @@ const st = {
   MINUTE: 59,
   SECOND: 59,
   MILLISECOND: 999
-}, dt = "-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", mt = "-00:00,+00:00,+01:00,+02:00,+03:00,+03:30,+04:00,+04:30,+05:00,+05:30,+05:45,+06:00", ft = "+06:30,+07:00,+08:00,+09:00,+10:00,+10:30,+11:00,+11:30,+12:00,+12:45,+13:00,+14:00", ht = [].concat(dt.split(","), mt.split(","), ft.split(",")), vt = (a) => {
+}, ft = "-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", ht = "-00:00,+00:00,+01:00,+02:00,+03:00,+03:30,+04:00,+04:30,+05:00,+05:30,+05:45,+06:00", vt = "+06:30,+07:00,+08:00,+09:00,+10:00,+10:30,+11:00,+11:30,+12:00,+12:45,+13:00,+14:00", mt = [].concat(ft.split(","), ht.split(","), vt.split(",")), bt = (a) => {
   const e = 0 - a.getTimezoneOffset() / 60;
   let n;
   return e === 0 ? n = "Z" : e > 0 ? n = "+" + (e > 10 ? e : "0" + e) + "00" : n = (e < -10 ? e : "-0" + -e) + "00", n;
-}, Se = (a) => a % 400 === 0 || a % 4 === 0 && a % 100 !== 0, De = (a) => a > z.MILLISECOND ? Number(String(a).substring(0, 3)) : a, fe = ({ year: a, month: e, date: n, hours: s, minutes: o, seconds: t, milliseconds: m }) => {
-  let l = Ce[e];
-  if (Se(a) && e === 1 && (l += 1), n <= l)
-    return new Date(a, e, n, s, o, t, De(m));
-}, bt = (a) => {
+}, $e = (a) => a % 400 === 0 || a % 4 === 0 && a % 100 !== 0, Ee = (a) => a > z.MILLISECOND ? Number(String(a).substring(0, 3)) : a, be = ({ year: a, month: e, date: n, hours: s, minutes: l, seconds: t, milliseconds: d }) => {
+  let r = De[e];
+  if ($e(a) && e === 1 && (r += 1), n <= r)
+    return new Date(a, e, n, s, l, t, Ee(d));
+}, gt = (a) => {
   if (a.length === 23) {
-    const e = Number(a[1]), n = a[3] - 1, s = Number(a[9] || 1), o = a[15] || 0, t = a[17] || 0, m = a[20] || 0, l = a[22] || 0;
-    return fe({
+    const e = Number(a[1]), n = a[3] - 1, s = Number(a[9] || 1), l = a[15] || 0, t = a[17] || 0, d = a[20] || 0, r = a[22] || 0;
+    return be({
       date: s,
       year: e,
-      hours: o,
+      hours: l,
       month: n,
-      seconds: m,
+      seconds: d,
       minutes: t,
-      milliseconds: l
+      milliseconds: r
     });
   }
-}, gt = (a) => {
+}, _t = (a) => {
   if (a.length === 22) {
-    const e = Number(a[12]), n = a[1] - 1, s = Number(a[6] || 1), o = a[14] || 0, t = a[16] || 0, m = a[19] || 0, l = a[21] || 0;
-    return fe({
+    const e = Number(a[12]), n = a[1] - 1, s = Number(a[6] || 1), l = a[14] || 0, t = a[16] || 0, d = a[19] || 0, r = a[21] || 0;
+    return be({
       year: e,
       month: n,
       date: s,
-      hours: o,
+      hours: l,
       minutes: t,
-      seconds: m,
-      milliseconds: l
+      seconds: d,
+      milliseconds: r
     });
   }
-}, _t = (a) => {
+}, xt = (a) => {
   if (a.length !== 25)
     return;
-  const e = Number(a[1]), n = a[2] - 1, s = Number(a[6]), o = new Date(e, n, s).getTimezoneOffset(), t = a[12] || 0, m = a[14] || 0, l = a[17] || 0, r = a[19] || 0;
-  let u = a[20];
-  const p = a[21], i = a[22] || 0, d = a[24] || 0;
-  let f = Ce[n], c, v;
-  if (Se(e) && n === 1 && (f += 1), s <= f) {
-    if (u === "Z")
-      c = t - o / 60, v = m;
+  const e = Number(a[1]), n = a[2] - 1, s = Number(a[6]), l = new Date(e, n, s).getTimezoneOffset(), t = a[12] || 0, d = a[14] || 0, r = a[17] || 0, o = a[19] || 0;
+  let i = a[20];
+  const u = a[21], f = a[22] || 0, c = a[24] || 0;
+  let p = De[n], v, m;
+  if ($e(e) && n === 1 && (p += 1), s <= p) {
+    if (i === "Z")
+      v = t - l / 60, m = d;
     else {
-      if (u.includes(":") || (u = u.substr(0, 3) + ":" + u.substr(3)), !ht.includes(u))
+      if (i.includes(":") || (i = i.substr(0, 3) + ":" + i.substr(3)), !mt.includes(i))
         return;
-      c = p === "+" ? t - i - o / 60 : Number(t) + Number(i) - o / 60, v = p === "+" ? m - d : Number(m) + Number(d);
+      v = u === "+" ? t - f - l / 60 : Number(t) + Number(f) - l / 60, m = u === "+" ? d - c : Number(d) + Number(c);
     }
-    return new Date(e, n, s, c, v, l, De(r));
+    return new Date(e, n, s, v, m, r, Ee(o));
   }
-}, re = [
-  [it, bt],
+}, ie = [
   [ct, gt],
-  [ut, _t]
-], xt = (a) => {
-  for (let e = 0, n = re.length; e < n; e++) {
-    const s = re[e][0].exec(a);
+  [ut, _t],
+  [pt, xt]
+], yt = (a) => {
+  for (let e = 0, n = ie.length; e < n; e++) {
+    const s = ie[e][0].exec(a);
     if (s && s.length > 0)
-      return re[e][1](s);
+      return ie[e][1](s);
   }
-}, yt = (a, e, n) => {
+}, It = (a, e, n) => {
   if (n)
     switch (n) {
       case "yyyy":
@@ -150,52 +150,52 @@ const st = {
   const n = [0, -1, 0, 0, 0, 0];
   if (a.length !== e.length)
     return n;
-  let s = 0, o = 0;
-  for (let t = 0, m = a.length; t < m; t++) {
-    const l = a.substr(t, 1), r = isNaN(Number(l)) || (l == null ? void 0 : l.trim()) === "";
-    if (r && l === e.substr(t, 1) || t === m - 1) {
-      let u, p;
-      if (r) {
-        u = a.substring(s, t), s = t + 1;
-        const i = e.indexOf(l, o);
-        p = e.substring(o, i === -1 ? e.length : i), o = i + 1;
+  let s = 0, l = 0;
+  for (let t = 0, d = a.length; t < d; t++) {
+    const r = a.substr(t, 1), o = isNaN(Number(r)) || (r == null ? void 0 : r.trim()) === "";
+    if (o && r === e.substr(t, 1) || t === d - 1) {
+      let i, u;
+      if (o) {
+        i = a.substring(s, t), s = t + 1;
+        const f = e.indexOf(r, l);
+        u = e.substring(l, f === -1 ? e.length : f), l = f + 1;
       } else
-        u = a.substring(s, m), p = e.substring(o, m);
-      (u.length === p.length || u) && yt(n, u, p);
+        i = a.substring(s, d), u = e.substring(l, d);
+      (i.length === u.length || i) && It(n, i, u);
     }
   }
   return n;
-}, U = (a, e, n) => isNaN(a) || a < e || a > n, It = ({ year: a, month: e, date: n, hours: s, minutes: o, seconds: t, milliseconds: m }) => U(a, 0, z.YEAR) || U(e, 0, z.MONTH) || U(n, 0, z.DATE) || U(s, 0, z.HOUR) || U(o, 0, z.MINUTE) || U(t, 0, z.SECOND) || U(m, 0, z.MILLISECOND), kt = (a, e) => {
+}, q = (a, e, n) => isNaN(a) || a < e || a > n, Vt = ({ year: a, month: e, date: n, hours: s, minutes: l, seconds: t, milliseconds: d }) => q(a, 0, z.YEAR) || q(e, 0, z.MONTH) || q(n, 0, z.DATE) || q(s, 0, z.HOUR) || q(l, 0, z.MINUTE) || q(t, 0, z.SECOND) || q(d, 0, z.MILLISECOND), Tt = (a, e) => {
   if (typeof e == "string") {
-    const n = wt(a, e), s = Number(n[0]), o = Number(n[1]), t = Number(n[2] || 1), m = Number(n[3] || 0), l = Number(n[4] || 0), r = Number(n[5] || 0), u = Number(n[6] || 0);
-    return It({
+    const n = wt(a, e), s = Number(n[0]), l = Number(n[1]), t = Number(n[2] || 1), d = Number(n[3] || 0), r = Number(n[4] || 0), o = Number(n[5] || 0), i = Number(n[6] || 0);
+    return Vt({
       year: s,
-      month: o,
+      month: l,
       date: t,
-      hours: m,
-      minutes: l,
-      seconds: r,
-      milliseconds: u
-    }) ? void 0 : fe({
+      hours: d,
+      minutes: r,
+      seconds: o,
+      milliseconds: i
+    }) ? void 0 : be({
       year: s,
       date: t,
-      month: o,
-      minutes: l,
-      hours: m,
-      milliseconds: u,
-      seconds: r
+      month: l,
+      minutes: r,
+      hours: d,
+      milliseconds: i,
+      seconds: o
     });
   } else
-    return xt(a);
-}, Me = (a, e, n) => {
+    return yt(a);
+}, Le = (a, e, n) => {
   let s;
-  if (Te(a) ? s = new Date(a) : typeof a == "string" && (s = kt(a, e)), n) {
-    const o = n && Me(n) || new Date(1, 1, 1, 0, 0, 0);
-    return s && s < o ? o : s;
+  if (Me(a) ? s = new Date(a) : typeof a == "string" && (s = Tt(a, e)), n) {
+    const l = n && Le(n) || new Date(1, 1, 1, 0, 0, 0);
+    return s && s < l ? l : s;
   }
   return s;
-}, ie = function(a, e = "yyyy/MM/dd hh:mm:ss") {
-  if (lt(a)) {
+}, ue = function(a, e = "yyyy/MM/dd hh:mm:ss") {
+  if (it(a)) {
     if (typeof e == "string") {
       const n = {
         "y{1,4}": a.getFullYear(),
@@ -206,34 +206,34 @@ const st = {
         "m{1,2}": a.getMinutes(),
         "s{1,2}": a.getSeconds(),
         "S{1,3}": a.getMilliseconds(),
-        "Z{1,1}": vt(a)
+        "Z{1,1}": bt(a)
       };
       return Object.keys(n).forEach((s) => {
-        const o = e.match(pt[s]);
-        s && o && o.length && (e = e.replace(o[0], s === "Z{1,1}" ? n[s] : et(n[s].toString(), o[0].length)));
+        const l = e.match(dt[s]);
+        s && l && l.length && (e = e.replace(l[0], s === "Z{1,1}" ? n[s] : tt(n[s].toString(), l[0].length)));
       }), e;
     }
   } else if (typeof a == "string" && arguments.length >= 2) {
     let n = e;
     arguments.length === 2 ? e = void 0 : n = arguments[2];
-    const s = Me(a, e);
-    return s ? ie(s, n) : "";
+    const s = Le(a, e);
+    return s ? ue(s, n) : "";
   }
-}, k = (a, e = !0) => {
-  e ? a.visibleTimer = setTimeout(() => {
+}, V = (a, e = !0) => {
+  clearTimeout(a.visibleTimer), a.visibleTimer = null, e ? a.visible || (a.visibleTimer = setTimeout(() => {
     a.visible = !0;
-  }, 0) : (clearTimeout(a.visibleTimer), a.visibleTimer = null, a.visible = !1);
-}, Q = (a, e = !0) => {
+  }, 0)) : a.visible = !1;
+}, te = (a, e = !0) => {
   if (!a.instance)
     return;
   a.popoverVisible = e;
   const { dropdownRef: n } = a.instance;
   e && n.state.visible && (clearTimeout(Number(n.state.timeout)), n.state.timeout = null, n.state.visible = !1);
-}, Vt = (a, e = 200) => {
+}, kt = (a, e = 200) => {
   let n = null;
-  const s = function(...o) {
+  const s = function(...l) {
     n && clearTimeout(n), n = setTimeout(() => {
-      a.apply(this, o), n = null;
+      a.apply(this, l), n = null;
     }, e);
   };
   return s.cancel = () => {
@@ -251,647 +251,665 @@ const st = {
       return a;
   }
   return e;
-}, te = (a, e = ["mergeTag", "options", "idMapKey"]) => {
+}, le = (a, e = ["mergeTag", "options", "idMapKey"]) => {
   const n = { ...a };
   return e.forEach((s) => {
     delete n[s];
   }), n;
-}, O = (a, e, n = "") => {
-  const { valueMap: s, prevItem: o } = a, t = (o.label || n) + e;
+}, B = (a, e, n = "") => {
+  const { valueMap: s, prevItem: l } = a, t = (l.label || n) + e;
   return s.has(t);
-}, ae = (a) => {
+}, oe = (a) => {
   a.propItem = {}, a.inputValue = "";
-}, R = ({ emit: a, state: e, nextTick: n, ...s }) => {
-  Q(e, !1);
-  const { tagList: o = null, index: t = -1, newTag: m = null, newValue: l = null, oldValue: r = null, isEdit: u } = s;
-  if (u || ae(e), !o && t === -1 && !l)
+}, P = ({ emit: a, state: e, nextTick: n, ...s }) => {
+  te(e, !1);
+  const { tagList: l = null, index: t = -1, newTag: d = null, newValue: r = null, oldValue: o = null, isEdit: i } = s;
+  if (i || oe(e), !l && t === -1 && !r)
     return;
-  const p = r || j(e.innerModelValue);
-  let i = [];
-  l ? i = [...l] : t !== -1 ? (i = [...e.innerModelValue], m ? i.splice(t, 1, m) : i.splice(t, 1)) : i = [...e.innerModelValue, ...o], e.innerModelValue = i, a("update:modelValue", j(i)), a("change", j(i), p);
-}, H = (a) => a, G = (a, e, n) => {
+  const u = o || j(e.innerModelValue);
+  let f = [];
+  r ? f = [...r] : t !== -1 ? (f = [...e.innerModelValue], d ? f.splice(t, 1, d) : f.splice(t, 1)) : f = [...e.innerModelValue, ...l], e.innerModelValue = f, a("update:modelValue", j(f)), a("change", j(f), u);
+}, G = (a) => a, K = (a, e, n) => {
   const s = e.idMapKey || a.idMapKey;
   return n && n[s] !== void 0 ? { [s]: n[s] } : null;
 };
-function Tt({ props: a, state: e, emit: n, nextTick: s }) {
-  let o = j(e.inputValue);
-  const t = (u) => {
-    if (u) {
-      const p = e.recordItems.find((i) => i.label === u.label);
-      if (p && p.options) {
-        const i = p.options.find((d) => d.label === u.value);
-        i && (i.isChecked = !1);
+function Ct({ props: a, state: e, emit: n, nextTick: s }) {
+  let l = j(e.inputValue);
+  const t = (i) => {
+    if (i) {
+      const u = e.recordItems.find((f) => f.label === i.label);
+      if (u && u.options) {
+        const f = u.options.find((c) => c.label === i.value);
+        f && (f.isChecked = !1);
       }
     }
   };
   return {
-    deleteTag: (u) => {
-      k(e, !1), t(u);
-      const p = a.modelValue.filter((i) => i !== u);
-      R({ emit: n, state: e, nextTick: s, newValue: p });
+    deleteTag: (i) => {
+      V(e, !1), t(i);
+      const u = a.modelValue.filter((f) => f !== i);
+      P({ emit: n, state: e, nextTick: s, newValue: u });
     },
     clearTag: () => {
-      k(e, !1), a.modelValue.forEach((u) => t(u)), e.propItem = {}, e.inputValue = "", R({ emit: n, state: e, nextTick: s, newValue: [] }), n("clear");
+      V(e, !1), a.modelValue.forEach((i) => t(i)), e.propItem = {}, e.inputValue = "", P({ emit: n, state: e, nextTick: s, newValue: [] }), n("clear");
     },
     backspaceDeleteTag: () => {
-      var u, p, i;
+      var i, u, f;
       if (!e.inputValue) {
         if (e.propItem.label) {
           e.propItem = {};
           return;
         }
-        if (o === "" && e.inputValue === "") {
-          k(e, !1);
-          const d = a.modelValue.length - 1;
-          t(a.modelValue[d]);
-          const f = e.innerModelValue.slice(0, a.modelValue.length - 1);
-          R({ emit: n, state: e, nextTick: s, newValue: f });
+        if (l === "" && e.inputValue === "") {
+          V(e, !1);
+          const c = a.modelValue.length - 1;
+          t(a.modelValue[c]);
+          const p = e.innerModelValue.slice(0, a.modelValue.length - 1);
+          P({ emit: n, state: e, nextTick: s, newValue: p });
         }
-        o = e.inputValue, (i = (p = (u = e == null ? void 0 : e.instance) == null ? void 0 : u.refs) == null ? void 0 : p.inputRef) != null && i.$el && e.instance.refs.inputRef.$el.click();
+        l = e.inputValue, (f = (u = (i = e == null ? void 0 : e.instance) == null ? void 0 : i.refs) == null ? void 0 : u.inputRef) != null && f.$el && e.instance.refs.inputRef.$el.click();
       }
     }
   };
 }
-const Ct = async (a, e, n) => {
-  const { prevItem: s, inputEditValue: o } = e, { operators: t } = s, m = te(s);
-  let l = null, r = !0;
-  if (await a.$refs.formRef.validateField(["inputEditValue"], (u) => {
-    u && (r = !1);
-  }), r) {
-    let u = null;
-    const p = e.operatorValue && t ? { operator: e.operatorValue } : null;
-    let i = o;
-    const d = {};
-    if (Array.isArray(o))
-      d.options = [], i = "", o.forEach((f) => {
-        const c = e.currentEditValue.find((h) => h.label === f), v = (c == null ? void 0 : c.label) || f;
-        if (i = i ? `${i} | ${v}` : v, c) {
-          const h = G(n, s, c);
-          d.options.push({ label: v, ...h });
+const St = async (a, e, n) => {
+  const { prevItem: s, inputEditValue: l } = e, { operators: t } = s, d = le(s);
+  let r = null, o = !0;
+  if (await a.$refs.formRef.validateField(["inputEditValue"], (i) => {
+    i && (o = !1);
+  }), o) {
+    let i = null;
+    const u = e.operatorValue && t ? { operator: e.operatorValue } : null;
+    let f = l;
+    const c = {};
+    if (Array.isArray(l))
+      c.options = [], f = "", l.forEach((p) => {
+        const v = e.currentEditValue.find((h) => h.label === p), m = (v == null ? void 0 : v.label) || p;
+        if (f = f ? `${f} | ${m}` : m, v) {
+          const h = K(n, s, v);
+          c.options.push({ label: m, ...h });
         } else
-          d.options.push({ label: v });
+          c.options.push({ label: m });
       });
     else if (Array.isArray(e.currentEditValue)) {
-      const f = e.currentEditValue.find((c) => c.label === i);
-      u = G(n, s, f);
+      const p = e.currentEditValue.find((v) => v.label === f);
+      i = K(n, s, p);
     }
-    l = H({ ...m, label: e.selectValue, ...p, value: i, ...u, ...d });
-  }
-  return l;
-}, $e = async (a, e, n) => {
-  const { prevItem: s } = e, o = `min${s.field}`, t = `max${s.field}`, m = e[o], l = e[t], r = [o, t];
-  let u = !0, p = null;
-  if (await a.$refs.formRef.validateField(r, (i) => {
-    i && (u = !1);
-  }), u) {
-    const { field: i, label: d, unit: f, type: c, operators: v } = s, h = f ? `${d}(${f})` : d;
-    let b = "";
-    m && l ? b = `${m}-${l}` : b = m ? `≥${m}` : `≤${l}`;
-    const x = G(n, s, s), C = e.operatorValue && v ? { operator: e.operatorValue } : null;
-    p = H({ type: c, field: i, label: h, value: b, ...x, start: m, end: l, ...C });
+    r = G({ ...d, label: e.selectValue, ...u, value: f, ...i, ...c });
   }
-  return p;
-}, ce = async (a, e, n, s) => {
-  const { prevItem: o, startDate: t, endDate: m, startDateTime: l, endDateTime: r } = e;
-  let u = null, p = null, i = !0, d = null, f = null;
-  if (s ? (u = l, p = r, f = ["startDateTime", "endDateTime"]) : (u = t, p = m, f = ["startDate", "endDate"]), await a.$refs.formRef.validateField(f, (c) => {
-    c && (i = !1);
+  return r;
+}, Ne = async (a, e, n) => {
+  const { prevItem: s } = e, l = `min${s.field}`, t = `max${s.field}`, d = e[l], r = e[t], o = [l, t];
+  let i = !0, u = null;
+  if (await a.$refs.formRef.validateField(o, (f) => {
+    f && (i = !1);
   }), i) {
-    const { operators: c } = o, v = te(o);
+    const { field: f, label: c, unit: p, type: v, operators: m } = s, h = p ? `${c}(${p})` : c;
+    let g = "";
+    d && r ? g = `${d}-${r}` : g = d ? `≥${d}` : `≤${r}`;
+    const y = K(n, s, s), T = e.operatorValue && m ? { operator: e.operatorValue } : null;
+    u = G({ type: v, field: f, label: h, value: g, ...y, start: d, end: r, ...T });
+  }
+  return u;
+}, pe = async (a, e, n, s) => {
+  const { prevItem: l, startDate: t, endDate: d, startDateTime: r, endDateTime: o } = e;
+  let i = null, u = null, f = !0, c = null, p = null;
+  if (s ? (i = r, u = o, p = ["startDateTime", "endDateTime"]) : (i = t, u = d, p = ["startDate", "endDate"]), await a.$refs.formRef.validateField(p, (v) => {
+    v && (f = !1);
+  }), f) {
+    const { operators: v } = l, m = le(l);
     let h = "";
-    if (u && p) {
-      if (u > p)
+    if (i && u) {
+      if (i > u)
         return;
-      u === p ? h = u : h = `${u}-${p}`;
+      i === u ? h = i : h = `${i}-${u}`;
     } else
-      h = u ? `≥${u}` : `≤${p}`;
-    const b = G(n, o, o), x = e.operatorValue && c ? { operator: e.operatorValue } : null;
-    d = H({ ...v, value: h, start: u, end: p, ...b, ...x });
+      h = i ? `≥${i}` : `≤${u}`;
+    const g = K(n, l, l), y = e.operatorValue && v ? { operator: e.operatorValue } : null;
+    c = G({ ...m, value: h, start: i, end: u, ...g, ...y });
   }
-  return d;
-}, Ee = (a, e, n) => {
-  const { prevItem: s } = a, { field: o, start: t, end: m, min: l = s.min, max: r = s.max } = e, u = `min${o}`, p = `max${o}`;
-  (a.curMinNumVar !== u || a.curMaxNumVar !== p) && (delete a[a.curMinNumVar], delete a[a.curMaxNumVar], delete a.formRules[a.curMinNumVar], delete a.formRules[a.curMaxNumVar], a.curMinNumVar = u, a.curMaxNumVar = p), a[a.curMinNumVar] = t, a[a.curMaxNumVar] = m;
-  const { curMinNumVar: i, curMaxNumVar: d } = a, f = A(l), c = A(r);
-  f || c ? (a.formRules[i] = {
-    validator: (v, h, b) => {
-      const x = A(h);
-      !x && A(a[d]) || x && (f && !c && h >= l || !f && c && h <= r || h >= l && h <= r) ? b() : (a.numberShowMessage = !!(h || a[d]), b(new Error(n("tvp.tvpSearchbox.rangeMinErr", [l, r]))));
-    }
-  }, a.formRules[d] = {
-    validator: (v, h, b) => {
-      const x = A(a[i]), C = x && l < a[i] ? Number(a[i]) : l, g = A(C), _ = A(h);
-      !_ && x || _ && (g && !c && h >= C || !g && c && h <= r || h >= C && h <= r) ? b() : b(!_ && !x ? new Error(n("tvp.tvpSearchbox.rangeNumberTitle")) : new Error(n("tvp.tvpSearchbox.rangeMaxErr")));
-    }
-  }) : a.formRules[d] = {
-    validator: (v, h, b) => {
-      const x = a[i], C = A(h), g = A(x);
-      C && !g || !C && g || C && g && h >= Number(x) ? b() : b(!C && !g ? new Error(n("tvp.tvpSearchbox.rangeNumberTitle")) : new Error(n("tvp.tvpSearchbox.rangeMaxErr")));
+  return c;
+}, Re = (a, e, n) => {
+  const { prevItem: s } = a, { field: l, start: t, end: d, min: r = s.min, max: o = s.max } = e, i = `min${l}`, u = `max${l}`;
+  (a.curMinNumVar !== i || a.curMaxNumVar !== u) && (delete a[a.curMinNumVar], delete a[a.curMaxNumVar], delete a.formRules[a.curMinNumVar], delete a.formRules[a.curMaxNumVar], a.curMinNumVar = i, a.curMaxNumVar = u), a[a.curMinNumVar] = t, a[a.curMaxNumVar] = d;
+  const { curMinNumVar: f, curMaxNumVar: c } = a, p = A(r), v = A(o);
+  p || v ? (a.formRules[f] = {
+    validator: (m, h, g) => {
+      const y = A(h);
+      !y && A(a[c]) || y && (p && !v && h >= r || !p && v && h <= o || h >= r && h <= o) ? g() : (a.numberShowMessage = !!(h || a[c]), g(new Error(n("tvp.tvpSearchbox.rangeMinErr", [r, o]))));
+    }
+  }, a.formRules[c] = {
+    validator: (m, h, g) => {
+      const y = A(a[f]), T = y && r < a[f] ? Number(a[f]) : r, _ = A(T), b = A(h);
+      !b && y || b && (_ && !v && h >= T || !_ && v && h <= o || h >= T && h <= o) ? g() : g(!b && !y ? new Error(n("tvp.tvpSearchbox.rangeNumberTitle")) : new Error(n("tvp.tvpSearchbox.rangeMaxErr")));
+    }
+  }) : a.formRules[c] = {
+    validator: (m, h, g) => {
+      const y = a[f], T = A(h), _ = A(y);
+      T && !_ || !T && _ || T && _ && h >= Number(y) ? g() : g(!T && !_ ? new Error(n("tvp.tvpSearchbox.rangeNumberTitle")) : new Error(n("tvp.tvpSearchbox.rangeMaxErr")));
     }
   };
 };
-function St({ props: a, emit: e, state: n, t: s, format: o, nextTick: t, vm: m, cancelHandleInput: l }) {
-  const r = m || n.instance, u = (g) => {
-    var T, w, S;
-    const { start: _, end: I, type: y } = g;
-    if (n.backupList = g.options, y === "numRange")
-      Ee(n, g, s);
-    else if (y === "dateRange") {
-      const { dateRangeFormat: V } = n;
-      if (!n.startDate && _) {
-        const D = o(_, V);
-        n.startDate = n.endDate < D ? null : D;
+function Mt({ props: a, emit: e, state: n, t: s, format: l, nextTick: t, vm: d, cancelHandleInput: r }) {
+  const o = d || n.instance, i = (_) => {
+    var k, w, D;
+    const { start: b, end: x, type: I } = _;
+    if (n.backupList = _.options, I === "numRange")
+      Re(n, _, s);
+    else if (I === "dateRange") {
+      const { dateRangeFormat: C } = n;
+      if (!n.startDate && b) {
+        const M = l(b, C);
+        n.startDate = n.endDate < M ? null : M;
       }
-      if (!n.endDate && I) {
-        const D = o(I, V);
-        n.endDate = D < n.startDate ? null : D;
+      if (!n.endDate && x) {
+        const M = l(x, C);
+        n.endDate = M < n.startDate ? null : M;
       }
-    } else if (y === "datetimeRange") {
-      const { datetimeRangeFormat: V } = n;
-      if (!n.startDateTime && _) {
-        const D = o(_, V);
-        n.startDateTime = n.endDateTime < D ? null : D;
+    } else if (I === "datetimeRange") {
+      const { datetimeRangeFormat: C } = n;
+      if (!n.startDateTime && b) {
+        const M = l(b, C);
+        n.startDateTime = n.endDateTime < M ? null : M;
       }
-      if (!n.endDateTime && I) {
-        const D = o(I, V);
-        n.endDateTime = D < n.startDateTime ? null : D;
+      if (!n.endDateTime && x) {
+        const M = l(x, C);
+        n.endDateTime = M < n.startDateTime ? null : M;
       }
     } else
-      n.backupList && y === "checkbox" && (n.filterList = n.backupList, n.checkboxGroup = [], (T = n.backupList) == null || T.forEach((V) => {
-        O(n, V.label) && n.checkboxGroup.push(`${g.label}${V.label}`), V.isFilter = !1;
+      n.backupList && I === "checkbox" && (n.filterList = n.backupList, n.checkboxGroup = [], (k = n.backupList) == null || k.forEach((C) => {
+        B(n, C.label) && n.checkboxGroup.push(`${_.label}${C.label}`), C.isFilter = !1;
       }));
-    y !== "checkbox" && ((w = n.backupList) != null && w.length) && ((S = n.backupList) == null || S.forEach((V) => {
-      V.isFilter = !1, V.isChecked = O(n, V.label);
-    })), n.currentOperators = null, !n.backupList && !["dateRange", "datetimeRange", "numRange", "custom"].includes(y) ? k(n, !1) : k(n);
-  }, p = (g) => {
+    I !== "checkbox" && ((w = n.backupList) != null && w.length) && ((D = n.backupList) == null || D.forEach((C) => {
+      C.isFilter = !1, C.isChecked = B(n, C.label);
+    })), n.currentOperators = null, !n.backupList && !["dateRange", "datetimeRange", "numRange", "custom"].includes(I) ? V(n, !1) : V(n);
+  }, u = (_) => {
     var w;
-    const { field: _, label: I } = g;
-    n.propItem = { ...n.propItem, label: I }, e("first-level-select", _);
-    const y = (w = r.$refs) == null ? void 0 : w.inputRef;
-    n.prevItem = g, n.backupPrevItem = g;
-    const { operators: T } = g;
-    T != null && T.length ? (n.operatorValue = "", n.currentOperators = T, k(n)) : (n.operatorValue = ":", u(g)), n.inputValue = "", y.focus();
-  }, i = (g) => {
-    n.operatorValue = g, u(n.prevItem);
-  }, d = (g, _, I, y) => {
-    const { replace: T, operators: w, mergeTag: S } = g, V = te(g), { indexMap: D } = n, M = D.get(I), $ = G(a, g, _), B = n.operatorValue && w ? { operator: n.operatorValue } : null;
-    let P = null;
-    if (S) {
-      const K = { label: y, ...$ };
-      if (M >= 0) {
-        const ne = `${n.innerModelValue[M].value} | ${y}`, se = [...n.innerModelValue[M].options, K];
-        P = H({ ...n.innerModelValue[M], value: ne, options: se });
+    const { field: b, label: x } = _;
+    n.propItem = { ...n.propItem, label: x }, e("first-level-select", b);
+    const I = (w = o.$refs) == null ? void 0 : w.inputRef;
+    n.prevItem = _, n.backupPrevItem = _;
+    const { operators: k } = _;
+    k != null && k.length ? (n.operatorValue = "", n.currentOperators = k, V(n)) : (n.operatorValue = ":", i(_)), n.inputValue = "", I.focus();
+  }, f = (_) => {
+    n.operatorValue = _, i(n.prevItem);
+  }, c = (_, b, x, I) => {
+    const { replace: k, operators: w, mergeTag: D } = _, C = le(_), { indexMap: M } = n, $ = M.get(x), S = K(a, _, b), L = n.operatorValue && w ? { operator: n.operatorValue } : null;
+    let O = null;
+    if (D) {
+      const F = { label: I, ...S };
+      if ($ >= 0) {
+        const Y = `${n.innerModelValue[$].value} | ${I}`, X = [...n.innerModelValue[$].options, F];
+        O = G({ ...n.innerModelValue[$], value: Y, options: X });
       } else
-        P = H({ ...V, label: I, value: y, options: [K] });
+        O = G({ ...C, label: x, value: I, options: [F] });
     } else
-      P = H({ ...V, label: I, value: y, ...$, ...B });
-    if (O(n, y, I)) {
-      ae(n);
+      O = G({ ...C, label: x, value: I, ...S, ...L });
+    if (B(n, I, x)) {
+      oe(n);
       return;
     }
-    k(n, !1);
-    const N = j(n.innerModelValue);
-    let F = [];
-    if ((T || S) && M >= 0) {
-      const K = [...n.innerModelValue];
-      K.splice(M, 1), F = [...K, P];
+    V(n, !1);
+    const Z = j(n.innerModelValue);
+    let U = [];
+    if ((k || D) && $ >= 0) {
+      const F = [...n.innerModelValue];
+      F.splice($, 1), U = [...F, O];
     } else
-      F = [...n.innerModelValue, P];
-    R({ emit: e, state: n, nextTick: t, newValue: F, oldValue: N });
-  }, f = (g) => {
-    var _;
-    (_ = n.propItem) != null && _.label ? c({ label: g }) : x();
-  }, c = (g, _ = !1) => {
+      U = [...n.innerModelValue, O];
+    P({ emit: e, state: n, nextTick: t, newValue: U, oldValue: Z });
+  }, p = (_) => {
+    var b, x;
+    y(), (x = (b = o.$refs) == null ? void 0 : b.inputRef) == null || x.focus();
+  }, v = (_, b = !1) => {
     var w;
-    k(n, !1), _ && (n.prevItem = g, n.backupPrevItem = g);
-    const { prevItem: I } = n, y = g.value || g.label, T = (w = r.$refs) == null ? void 0 : w.inputRef;
-    if (!O(n, y)) {
-      const S = n.propItem.label || g.label;
-      d(I, g, S, y);
-    }
-    T.focus();
-  }, v = (g, _) => {
-    if (g.label) {
-      if (e("second-level-enter", _), !_.options || !_.options.length)
+    V(n, !1), b && (n.prevItem = _, n.backupPrevItem = _);
+    const { prevItem: x } = n, I = _.value || _.label, k = (w = o.$refs) == null ? void 0 : w.inputRef;
+    if (!B(n, I)) {
+      const D = n.propItem.label || _.label;
+      c(x, _, D, I);
+    }
+    k.focus();
+  }, m = (_, b) => {
+    if (_.label) {
+      if (e("second-level-enter", b), !b.options || !b.options.length)
         return;
-      const I = _.options[0];
-      if (!I)
+      const x = b.options[0];
+      if (!x)
         return;
-      if (!a.modelValue.find((T) => T.value === I.label)) {
-        const T = _.label, w = I.label;
-        d(_, I, T, w);
+      if (!a.modelValue.find((k) => k.value === x.label)) {
+        const k = b.label, w = x.label;
+        c(b, x, k, w);
         return;
       }
     } else
       e("search", n.innerModelValue);
-  }, h = (g, _, I) => {
-    var T;
-    const y = (T = n.backupList) == null ? void 0 : T.find((w) => w.label === I);
-    d(g, y, _.label, I);
-  }, b = (g, _, I) => {
-    var y, T;
-    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 $ of M)
-          w.test($) && h(I, _, $);
-      else
-        for (const $ of M)
-          h(I, _, $);
+  }, h = (_, b, x) => {
+    var k;
+    const I = (k = n.backupList) == null ? void 0 : k.find((w) => w.label === x);
+    c(_, I, b.label, x);
+  }, g = (_, b, x) => {
+    var I, k;
+    if (b.label) {
+      const { regexp: w, replace: D, type: C, mergeTag: M } = x, $ = C !== "checkbox" && D || C === "checkbox" && M ? [_] : _.split(a.splitInputValue);
+      if (w) {
+        const S = [];
+        for (const L of $)
+          w.test(L) ? h(x, b, L) : S.push(L);
+        S.length > 0 && e("validate-error", {
+          invalidValues: S,
+          field: x.field,
+          label: x.label,
+          regexp: w.toString()
+        });
+      } else
+        for (const S of $)
+          h(x, b, S);
     } else {
-      const { items: w, defaultField: S } = a, V = w.find((N) => {
-        const { regexp: F } = N;
-        return F && F.test(n.inputValue);
-      }) || (S ? w.find((N) => N.field === S) : n.allTypeAttri), { replace: D, type: M, mergeTag: $ } = V, B = M !== "checkbox" && D || M === "checkbox" && $ ? [g] : g.split(a.splitInputValue);
-      (y = V == null ? void 0 : V.options) != null && y.length && (n.backupList = [...V.options], (T = n.backupList) == null || T.forEach((N) => {
-        const F = N.value || N.label;
-        B.includes(F) && (N.isChecked = !0);
+      const { items: w, defaultField: D, defaultFieldReplace: C } = a, M = w.find((N) => {
+        const { regexp: H } = N;
+        return H && H.test(n.inputValue);
+      }), $ = D ? w.find((N) => N.field === D) : n.allTypeAttri, S = M || $, L = !M && C ? { ...S, replace: !0 } : S, { replace: O, type: Z, mergeTag: U, regexp: F } = L, Y = Z !== "checkbox" && O || Z === "checkbox" && U ? [_] : _.split(a.splitInputValue);
+      (I = S == null ? void 0 : S.options) != null && I.length && (n.backupList = [...S.options], (k = n.backupList) == null || k.forEach((N) => {
+        const H = N.value || N.label;
+        Y.includes(H) && (N.isChecked = !0);
       }));
-      const P = V.label;
-      for (const N of B)
-        d(V, {}, P, N);
-    }
-  }, x = () => {
-    const { inputValue: g, propItem: _, prevItem: I } = n;
-    if (l && l(), k(n, !1), !g)
-      v(_, I);
+      const X = S.label;
+      if (F) {
+        const N = [];
+        for (const H of Y)
+          F.test(H) ? c(L, {}, X, H) : N.push(H);
+        N.length > 0 && e("validate-error", {
+          invalidValues: N,
+          field: L.field,
+          label: L.label,
+          regexp: F.toString()
+        });
+      } else
+        for (const N of Y)
+          c(L, {}, X, N);
+    }
+  }, y = () => {
+    const { inputValue: _, propItem: b, prevItem: x } = n;
+    if (r && r(), V(n, !1), !_)
+      m(b, x);
     else {
-      const { maxlength: y } = a;
-      if (y && y < g.length) {
-        e("exceed", y);
+      const { maxlength: I } = a;
+      if (I && I < _.length) {
+        e("exceed", I);
         return;
       }
-      b(g, _, I);
+      g(_, b, x);
     }
   };
-  return { selectPropItem: p, selectRadioItem: c, selectInputValue: f, createTag: x, helpClick: () => {
+  return { selectPropItem: u, selectRadioItem: v, selectInputValue: p, createTag: y, helpClick: () => {
     e("help");
-  }, setOperator: i };
+  }, setOperator: f };
 }
-const Dt = (a) => a.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), le = (a, e) => {
+const Dt = (a) => a.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), ce = (a, e) => {
   const n = [];
-  let s = 0, o;
-  for (; (o = a.exec(e)) !== null; ) {
-    const t = o.index, m = a.lastIndex;
-    t > s && n.push(e.slice(s, t)), n.push(e.slice(t, m)), s = m;
+  let s = 0, l;
+  for (; (l = a.exec(e)) !== null; ) {
+    const t = l.index, d = a.lastIndex;
+    t > s && n.push(e.slice(s, t)), n.push(e.slice(t, d)), s = d;
   }
   return s < e.length && n.push(e.slice(s)), n;
 };
-function Mt({ props: a, state: e, emit: n, nextTick: s }) {
-  const o = async (p) => {
-    e.potentialOptions = await a.potentialOptions.getMatchList(p), k(e, !0);
-  }, m = Vt((p) => {
-    var _, I, y, T;
-    const { recordItems: i, propItem: d } = e, f = typeof p == "string" ? p : p && p.target && typeof p.target.value == "string" ? p.target.value : e.inputValue || "", c = (_ = String(f)) == null ? void 0 : _.trim(), { maxlength: v } = a;
-    if (v && v < c.length) {
-      n("exceed", v);
+function $t({ props: a, state: e, emit: n, nextTick: s }) {
+  const l = async (u) => {
+    e.potentialOptions = await a.potentialOptions.getMatchList(u), V(e, !0);
+  }, d = kt((u) => {
+    var b, x, I, k;
+    const { recordItems: f, propItem: c } = e, p = typeof u == "string" ? u : u && u.target && typeof u.target.value == "string" ? u.target.value : e.inputValue || "", v = (b = String(p)) == null ? void 0 : b.trim(), { maxlength: m } = a;
+    if (m && m < v.length) {
+      n("exceed", m);
       return;
     }
-    if (c.length === 0) {
-      k(e);
+    if (v.length === 0) {
+      o(), V(e);
       return;
     }
     Object.keys(e.matchItems).forEach((w) => {
       e.matchItems[w].attr = [], e.matchItems[w].attrValue = [];
     });
-    const h = Dt(c), b = new RegExp(h, "i"), x = d.label || !h ? null : i.find((w) => w.type === "map" && b.test(w.label));
-    if (x) {
-      e.propItem = { ...e.propItem, label: x.label }, e.inputValue = "", e.prevItem = x, e.backupPrevItem = x, e.backupList = x.options || [];
+    const h = Dt(v), g = new RegExp(h, "i"), y = c.label || !h ? null : f.find((w) => w.type === "map" && g.test(w.label));
+    if (y) {
+      e.propItem = { ...e.propItem, label: y.label }, e.inputValue = "", e.prevItem = y, e.backupPrevItem = y, e.backupList = y.options || [];
       return;
     }
-    e.filterList = (I = e.backupList) == null ? void 0 : I.filter((w) => b.test(w.label) ? (delete w.isFilter, O(e, w.label) && e.checkboxGroup.push(`${e.prevItem.label}${w.label}`), !0) : (w.isFilter = !0, !1));
-    const C = new RegExp(h, "ig"), g = c.toLowerCase();
+    e.filterList = (x = e.backupList) == null ? void 0 : x.filter((w) => g.test(w.label) ? (delete w.isFilter, B(e, w.label) && e.checkboxGroup.push(`${e.prevItem.label}${w.label}`), !0) : (w.isFilter = !0, !1));
+    const T = new RegExp(h, "ig"), _ = v.toLowerCase();
     if (e.propItem.label) {
-      (y = e.backupList) == null || y.forEach((w) => {
-        w.hightlighStr = g;
-        const S = w.label;
-        b.test(S) ? (w.match = le(C, S), w.isFilter = !1) : w.isFilter = !0;
-      }), (T = e.backupList) != null && T.length || c ? k(e) : k(e, !1);
+      (I = e.backupList) == null || I.forEach((w) => {
+        w.hightlighStr = _;
+        const D = w.label;
+        g.test(D) ? (w.match = ce(T, D), w.isFilter = !1) : w.isFilter = !0;
+      }), (k = e.backupList) != null && k.length || v ? V(e) : V(e, !1);
       return;
     }
-    for (const w of i) {
-      const { options: S = [], groupKey: V = "0", ...D } = w, M = D.label;
-      if (b.test(M)) {
-        const $ = le(C, M);
-        e.matchItems[V].attr.push({ ...w, match: $, hightlighStr: g });
+    for (const w of f) {
+      const { options: D = [], groupKey: C = "0", ...M } = w, $ = M.label;
+      if (g.test($)) {
+        const S = ce(T, $);
+        e.matchItems[C].attr.push({ ...w, match: S, hightlighStr: _ });
       }
-      for (const $ of S) {
-        const B = e.propItem.label ? M : `${M}：${$.label}`;
-        if (b.test(B)) {
-          const P = le(C, B);
-          e.matchItems[V].attrValue.push({
-            ...$,
-            ...D,
-            options: S,
-            hightlighStr: g,
-            value: $.label,
-            match: P
+      for (const S of D) {
+        const L = e.propItem.label ? $ : `${$}：${S.label}`;
+        if (g.test(L)) {
+          const O = ce(T, L);
+          e.matchItems[C].attrValue.push({
+            ...S,
+            ...M,
+            options: D,
+            hightlighStr: _,
+            value: S.label,
+            match: O
           });
         }
       }
     }
-    h && a.potentialOptions && a.potentialOptions.getMatchList ? o(h) : k(e);
-  }, 500), l = () => {
-    m.cancel && m.cancel();
-  }, r = () => {
-    var p;
-    (p = e.backupList) == null || p.forEach((i) => i.isFilter && delete i.isFilter);
+    h && a.potentialOptions && a.potentialOptions.getMatchList ? l(h) : V(e);
+  }, 500), r = () => {
+    d.cancel && d.cancel();
+  }, o = () => {
+    var u;
+    (u = e.backupList) == null || u.forEach((f) => f.isFilter && delete f.isFilter);
   };
   return {
-    handleInput: m,
-    selectFirstMap: (p, i) => {
-      var v;
-      const { options: d } = p, { prevItem: f, propItem: c } = e;
-      if (d)
-        k(e, !1), e.propItem = { ...e.propItem, value: `${p.label}=` }, e.isShowTagKey = !1, e.inputValue = "", e.backupList = p.options || [], r(), (v = e.backupList) == null || v.forEach((h) => {
-          const b = c.value + h.label;
-          h.isChecked = O(e, b);
+    handleInput: d,
+    selectFirstMap: (u, f) => {
+      var m;
+      const { options: c } = u, { prevItem: p, propItem: v } = e;
+      if (c)
+        V(e, !1), e.propItem = { ...e.propItem, value: `${u.label}=` }, e.isShowTagKey = !1, e.inputValue = "", e.backupList = u.options || [], o(), (m = e.backupList) == null || m.forEach((h) => {
+          const g = v.value + h.label;
+          h.isChecked = B(e, g);
         });
       else {
-        if (p.isChecked)
+        if (u.isChecked)
           return;
-        k(e, !1), e.isShowTagKey = !0, r();
-        const { field: h, type: b } = f, x = c.value + p.label, C = G(a, f, p), _ = [H({ type: b, field: h, label: c.label, value: x, ...C })];
-        R({ emit: n, state: e, nextTick: s, tagList: _ });
+        V(e, !1), e.isShowTagKey = !0, o();
+        const { field: h, type: g } = p, y = v.value + u.label, T = K(a, p, u), b = [G({ type: g, field: h, label: v.label, value: y, ...T })];
+        P({ emit: n, state: e, nextTick: s, tagList: b });
       }
-      i && k(e);
+      f && V(e);
     },
-    cancelHandleInput: l
+    cancelHandleInput: r
   };
 }
-function $t({ props: a, state: e, emit: n, nextTick: s }) {
+function Et({ props: a, state: e, emit: n, nextTick: s }) {
   return {
     selectCheckbox: (t) => {
-      var p, i;
-      k(e, !1);
-      const { checkboxGroup: m, prevItem: l, propItem: r } = e, u = te(l);
+      var u, f;
+      V(e, !1);
+      const { checkboxGroup: d, prevItem: r, propItem: o } = e, i = le(r);
       if (t) {
-        const d = [], f = j(e.innerModelValue), { mergeTag: c, operators: v, label: h } = l;
-        if (c) {
-          let b = "";
-          const x = [], { indexMap: C } = e, g = C.get(h);
-          if (g !== void 0 && e.innerModelValue.splice(g, 1), (p = e.backupList) == null || p.forEach((_) => {
-            const { label: I } = _, y = `${h}${I}`;
-            if (m.includes(y)) {
-              delete _.isFilter;
-              const w = G(a, l, _), S = { label: _.label, ...w };
-              b += b ? ` | ${I}` : I, x.push(S);
+        const c = [], p = j(e.innerModelValue), { mergeTag: v, operators: m, label: h } = r;
+        if (v) {
+          let g = "";
+          const y = [], { indexMap: T } = e, _ = T.get(h);
+          if (_ !== void 0 && e.innerModelValue.splice(_, 1), (u = e.backupList) == null || u.forEach((b) => {
+            const { label: x } = b, I = `${h}${x}`;
+            if (d.includes(I)) {
+              delete b.isFilter;
+              const w = K(a, r, b), D = { label: b.label, ...w };
+              g += g ? ` | ${x}` : x, y.push(D);
             }
-          }), x.length > 0) {
-            const _ = { ...u, value: b, options: x };
-            d.push(_);
+          }), y.length > 0) {
+            const b = { ...i, value: g, options: y };
+            c.push(b);
           }
         } else {
-          const { valueMap: b } = e, x = [];
-          if ((i = e.backupList) == null || i.forEach((C) => {
-            const { label: g } = C, _ = `${h}${g}`, I = m.includes(_);
-            if (I && !O(e, g)) {
-              const y = G(a, l, C), T = e.operatorValue && v ? { operator: e.operatorValue } : null, w = H({ ...u, label: r.label, value: g, ...y, ...T });
-              d.push(w), C.isChecked = !0;
-            } else if (!I && O(e, g)) {
-              C.isChecked = !1;
-              const y = b.get(_);
-              x.push(y);
+          const { valueMap: g } = e, y = [];
+          if ((f = e.backupList) == null || f.forEach((T) => {
+            const { label: _ } = T, b = `${h}${_}`, x = d.includes(b);
+            if (x && !B(e, _)) {
+              const I = K(a, r, T), k = e.operatorValue && m ? { operator: e.operatorValue } : null, w = G({ ...i, label: o.label, value: _, ...I, ...k });
+              c.push(w), T.isChecked = !0;
+            } else if (!x && B(e, _)) {
+              T.isChecked = !1;
+              const I = g.get(b);
+              y.push(I);
             }
-          }), x.length) {
-            const C = e.innerModelValue.filter((g, _) => g && !x.includes(_));
-            R({ emit: n, state: e, nextTick: s, newValue: C, oldValue: f });
+          }), y.length) {
+            const T = e.innerModelValue.filter((_, b) => _ && !y.includes(b));
+            P({ emit: n, state: e, nextTick: s, newValue: T, oldValue: p });
             return;
           }
         }
-        R({ emit: n, state: e, nextTick: s, tagList: d, oldValue: f });
+        P({ emit: n, state: e, nextTick: s, tagList: c, oldValue: p });
       } else
-        e.propItem = { ...r, label: "" }, e.inputValue = "";
+        e.propItem = { ...o, label: "" }, e.inputValue = "";
     }
   };
 }
-function Et({ props: a, state: e, emit: n, nextTick: s, vm: o }) {
-  const t = o || e.instance;
+function Lt({ props: a, state: e, emit: n, nextTick: s, vm: l }) {
+  const t = l || e.instance;
   return {
-    onConfirmDate: async (u, p = !1) => {
-      if (!u) {
+    onConfirmDate: async (i, u = !1) => {
+      if (!i) {
         e.propItem = { label: "" };
         return;
       }
-      const i = await ce(t, e, a, p);
-      if (i) {
-        k(e, !1);
-        const d = a.modelValue.filter((f) => f.type !== i.type || f.field !== i.field);
-        d.push(i), R({ emit: n, state: e, nextTick: s, newValue: d });
+      const f = await pe(t, e, a, u);
+      if (f) {
+        V(e, !1);
+        const c = a.modelValue.filter((p) => p.type !== f.type || p.field !== f.field);
+        c.push(f), P({ emit: n, state: e, nextTick: s, newValue: c });
       } else
-        k(e);
-    },
-    handleDateShow: () => k(e),
-    pickerOptions: (u, p = "") => ({
-      disabledDate(i) {
-        const { maxTimeLength: d = 0, min: f, max: c } = e.prevItem, v = e[p], h = i.getTime();
-        if (d > 0)
-          if (f || c)
-            if (p && v) {
-              const b = new Date(v).getTime(), x = !f && c ? b - d : Math.max(f.getTime(), b - d);
-              return h < x || h > b;
-            } else if (!p && u) {
-              const b = new Date(u).getTime(), x = f && !c ? b + d : Math.min(c.getTime(), b + d);
-              return h < b || h > x;
+        V(e);
+    },
+    handleDateShow: () => V(e),
+    pickerOptions: (i, u = "") => ({
+      disabledDate(f) {
+        const { maxTimeLength: c = 0, min: p, max: v } = e.prevItem, m = e[u], h = f.getTime();
+        if (c > 0)
+          if (p || v)
+            if (u && m) {
+              const g = new Date(m).getTime(), y = !p && v ? g - c : Math.max(p.getTime(), g - c);
+              return h < y || h > g;
+            } else if (!u && i) {
+              const g = new Date(i).getTime(), y = p && !v ? g + c : Math.min(v.getTime(), g + c);
+              return h < g || h > y;
             } else
-              return f && h < f.getTime() || c && h > c.getTime();
-          else if (p && v) {
-            const b = new Date(v).getTime(), x = b - d;
-            return h < x || h > b;
-          } else if (!p && u) {
-            const b = new Date(u).getTime(), x = b + d;
-            return h < b || h > x;
+              return p && h < p.getTime() || v && h > v.getTime();
+          else if (u && m) {
+            const g = new Date(m).getTime(), y = g - c;
+            return h < y || h > g;
+          } else if (!u && i) {
+            const g = new Date(i).getTime(), y = g + c;
+            return h < g || h > y;
           } else
             return !1;
-        else if (f || c)
-          if (p && v) {
-            const b = new Date(v).getTime();
-            return f && h < f.getTime() || h > b;
-          } else if (!p && u) {
-            const b = new Date(u).getTime();
-            return h < b || c && h > c.getTime();
+        else if (p || v)
+          if (u && m) {
+            const g = new Date(m).getTime();
+            return p && h < p.getTime() || h > g;
+          } else if (!u && i) {
+            const g = new Date(i).getTime();
+            return h < g || v && h > v.getTime();
           } else
-            return h < f || h > c;
-        else if (p && v) {
-          const b = new Date(v).getTime();
-          return h > b;
-        } else if (!p && u) {
-          const b = new Date(u).getTime();
-          return h < b;
+            return h < p || h > v;
+        else if (u && m) {
+          const g = new Date(m).getTime();
+          return h > g;
+        } else if (!u && i) {
+          const g = new Date(i).getTime();
+          return h < g;
         } else
           return !1;
       }
     })
   };
 }
-function Lt({ props: a, state: e, t: n, emit: s, nextTick: o, vm: t }) {
-  const m = t || e.instance, l = async (p) => {
-    if (!p) {
+function Nt({ props: a, state: e, t: n, emit: s, nextTick: l, vm: t }) {
+  const d = t || e.instance, r = async (u) => {
+    if (!u) {
       e.propItem = { ...e.propItem, label: "" };
       return;
     }
-    const i = await $e(m, e, a);
-    if (i) {
-      k(e, !1);
-      const d = a.modelValue.filter((f) => f.type !== i.type || f.field !== i.field);
-      d.push(i), R({ emit: s, state: e, nextTick: o, newValue: d });
+    const f = await Ne(d, e, a);
+    if (f) {
+      V(e, !1);
+      const c = a.modelValue.filter((p) => p.type !== f.type || p.field !== f.field);
+      c.push(f), P({ emit: s, state: e, nextTick: l, newValue: c });
     } else
-      k(e);
-  }, r = (p, i, d) => {
-    const { maxTimeLength: f = 0 } = p;
+      V(e);
+  }, o = (u, f, c) => {
+    const { maxTimeLength: p = 0 } = u;
     return {
-      [i]: {
-        validator: (c, v, h) => {
-          f > 0 && !v ? h(new Error(n("tvp.tvpSearchbox.notBeNull"))) : !v && !e[d] ? h(new Error(n("tvp.tvpSearchbox.rangeDateTitle"))) : h();
+      [f]: {
+        validator: (v, m, h) => {
+          p > 0 && !m ? h(new Error(n("tvp.tvpSearchbox.notBeNull"))) : !m && !e[c] ? h(new Error(n("tvp.tvpSearchbox.rangeDateTitle"))) : h();
         }
       },
-      [d]: {
-        validator: (c, v, h) => {
-          f > 0 && !v ? h(new Error(n("tvp.tvpSearchbox.notBeNull"))) : !v && !e[i] ? h(new Error(n("tvp.tvpSearchbox.rangeDateTitle"))) : h();
+      [c]: {
+        validator: (v, m, h) => {
+          p > 0 && !m ? h(new Error(n("tvp.tvpSearchbox.notBeNull"))) : !m && !e[f] ? h(new Error(n("tvp.tvpSearchbox.rangeDateTitle"))) : h();
         }
       }
     };
   };
   return {
     initFormRule: () => {
-      let p = {}, i = {};
-      a.items.forEach((d) => {
-        d.type === "dateRange" && (p = r(d, "startDate", "endDate")), d.type === "datetimeRange" && (i = r(d, "startDateTime", "endDateTime"));
+      let u = {}, f = {};
+      a.items.forEach((c) => {
+        c.type === "dateRange" && (u = o(c, "startDate", "endDate")), c.type === "datetimeRange" && (f = o(c, "startDateTime", "endDateTime"));
       }), e.formRules = {
-        ...p,
-        ...i
+        ...u,
+        ...f
       }, a.editable && (e.formRules.inputEditValue = {
         required: !0,
         message: n("tvp.tvpSearchbox.notBeNull"),
         trigger: ["change", "blur"]
       });
     },
-    sizeChange: l
+    sizeChange: r
   };
 }
-function Nt({ props: a, state: e, t: n, nextTick: s, format: o, emit: t, vm: m }) {
-  const l = (f) => {
-    var I;
-    const { operator: c, value: v, start: h, end: b } = f, { options: x, operators: C, type: g, mergeTag: _ } = e.prevItem;
-    if (g !== "custom") {
-      if (g === "numRange")
-        Ee(e, f, n);
-      else if (g === "dateRange") {
-        const { dateRangeFormat: y } = e;
-        e.startDate = o(h, y), e.endDate = o(b, y);
-      } else if (g === "datetimeRange") {
-        const { datetimeRangeFormat: y } = e;
-        e.startDateTime = o(h, y), e.endDateTime = o(b, y);
+function Rt({ props: a, state: e, t: n, nextTick: s, format: l, emit: t, vm: d }) {
+  const r = (p) => {
+    var x;
+    const { operator: v, value: m, start: h, end: g } = p, { options: y, operators: T, type: _, mergeTag: b } = e.prevItem;
+    if (_ !== "custom") {
+      if (_ === "numRange")
+        Re(e, p, n);
+      else if (_ === "dateRange") {
+        const { dateRangeFormat: I } = e;
+        e.startDate = l(h, I), e.endDate = l(g, I);
+      } else if (_ === "datetimeRange") {
+        const { datetimeRangeFormat: I } = e;
+        e.startDateTime = l(h, I), e.endDateTime = l(g, I);
       } else {
-        if (_) {
-          const y = ((I = f.options) == null ? void 0 : I.flatMap((T) => T.label)) || [];
-          e.inputEditValue = y, e.currentEditSelectTags = y;
+        if (b) {
+          const I = ((x = p.options) == null ? void 0 : x.flatMap((k) => k.label)) || [];
+          e.inputEditValue = I, e.currentEditSelectTags = I;
         } else
-          e.inputEditValue = Array.isArray(v) ? v.join(",") : v || "";
-        e.currentEditValue = x;
+          e.inputEditValue = Array.isArray(m) ? m.join(",") : m || "";
+        e.currentEditValue = y;
       }
-      e.operatorValue = c, e.currentOperators = C;
+      e.operatorValue = v, e.currentOperators = T;
     }
-  }, r = async () => {
-    var h, b;
-    if (!((b = (h = e.instance) == null ? void 0 : h.$refs) != null && b.formRef))
+  }, o = async () => {
+    var h, g;
+    if (!((g = (h = e.instance) == null ? void 0 : h.$refs) != null && g.formRef))
       return;
-    const { prevItem: f } = e;
-    let c = [];
-    if (f.type === "numRange" ? c = [e.curMinNumVar, e.curMaxNumVar] : f.type === "dateRange" ? c = ["startDate", "endDate"] : f.type === "datetimeRange" ? c = ["startDateTime", "endDateTime"] : ["custom", "map"].includes(f.type) || (c = ["inputEditValue"]), (c == null ? void 0 : c.length) === 0) {
+    const { prevItem: p } = e;
+    let v = [];
+    if (p.type === "numRange" ? v = [e.curMinNumVar, e.curMaxNumVar] : p.type === "dateRange" ? v = ["startDate", "endDate"] : p.type === "datetimeRange" ? v = ["startDateTime", "endDateTime"] : ["custom", "map"].includes(p.type) || (v = ["inputEditValue"]), (v == null ? void 0 : v.length) === 0) {
       e.hasFormError = !1;
       return;
     }
-    let v = !1;
-    await e.instance.$refs.formRef.validateField(c, (x) => {
-      x && (v = !0);
-    }), e.hasFormError = v;
+    let m = !1;
+    await e.instance.$refs.formRef.validateField(v, (y) => {
+      y && (m = !0);
+    }), e.hasFormError = m;
   };
   return {
-    editTag: (f, c, v) => {
-      if (!a.editable || f.type && f.type === "map")
+    editTag: (p, v, m) => {
+      if (!a.editable || p.type && p.type === "map")
         return;
-      k(e, !1), e.popoverVisible = !1;
-      const h = v.target.classList.contains("tiny-tag") ? v.target : v.srcElement.parentElement;
+      V(e, !1), e.popoverVisible = !1;
+      const h = m.target.classList.contains("tiny-tag") ? m.target : m.srcElement.parentElement;
       s(() => {
-        const { popoverRef: b } = e.instance.$refs;
-        b.state.referenceElm = h, b.state.popperElm && (b.state.popperElm.style.display = "none"), b.doDestroy(), e.popoverVisible = !0, r();
-      }), e.prevItem = e.recordItems.find((b) => b.field === f.field), !e.prevItem && (e.prevItem = f), e.selectValue = f.label, e.currentModelValueIndex = c, t("tagClick", f), l(f);
+        const { popoverRef: g } = e.instance.$refs;
+        g.state.referenceElm = h, g.state.popperElm && (g.state.popperElm.style.display = "none"), g.doDestroy(), e.popoverVisible = !0, o();
+      }), e.prevItem = e.recordItems.find((g) => g.field === p.field), !e.prevItem && (e.prevItem = p), e.selectValue = p.label, e.currentModelValueIndex = v, t("tagClick", p), r(p);
     },
-    confirmEditTag: async (f) => {
-      if (!f) {
+    confirmEditTag: async (p) => {
+      if (!p) {
         e.popoverVisible = !1;
         return;
       }
-      const { prevItem: c, currentModelValueIndex: v } = e;
+      const { prevItem: v, currentModelValueIndex: m } = e;
       let h = null;
-      c.type === "numRange" ? h = await $e(e.instance, e, a) : c.type === "dateRange" ? h = await ce(e.instance, e, a, !1) : c.type === "datetimeRange" ? h = await ce(e.instance, e, a, !0) : h = await Ct(e.instance, e, a), h ? (k(e, !1), e.popoverVisible = !1, R({ emit: t, state: e, nextTick: s, index: v, newTag: h, isEdit: !0 })) : e.popoverVisible = !0, e.currentEditValue = [];
+      v.type === "numRange" ? h = await Ne(e.instance, e, a) : v.type === "dateRange" ? h = await pe(e.instance, e, a, !1) : v.type === "datetimeRange" ? h = await pe(e.instance, e, a, !0) : h = await St(e.instance, e, a), h ? (V(e, !1), e.popoverVisible = !1, P({ emit: t, state: e, nextTick: s, index: m, newTag: h, isEdit: !0 })) : e.popoverVisible = !0, e.currentEditValue = [];
     },
-    selectPropChange: (f, c) => {
-      c || (e.prevItem = f, l(f), s(() => {
-        r();
+    selectPropChange: (p, v) => {
+      v || (e.prevItem = p, r(p), s(() => {
+        o();
       }));
     },
-    selectItemIsDisable: (f) => {
-      var v, h, b, x;
-      if (f.type && f.type === "map")
+    selectItemIsDisable: (p) => {
+      var m, h, g, y;
+      if (p.type && p.type === "map")
         return !0;
-      if ((v = e.prevItem) != null && v.operators || f.operators)
-        return ((h = e.prevItem.operators) == null ? void 0 : h.length) !== ((b = f.operators) == null ? void 0 : b.length);
-      const c = ["radio", "checkbox"];
-      return e.prevItem.type && c.includes(e.prevItem.type) ? f.type ? !c.includes(f.type) : !1 : ((x = e.prevItem) == null ? void 0 : x.type) !== f.type;
+      if ((m = e.prevItem) != null && m.operators || p.operators)
+        return ((h = e.prevItem.operators) == null ? void 0 : h.length) !== ((g = p.operators) == null ? void 0 : g.length);
+      const v = ["radio", "checkbox"];
+      return e.prevItem.type && v.includes(e.prevItem.type) ? p.type ? !v.includes(p.type) : !1 : ((y = e.prevItem) == null ? void 0 : y.type) !== p.type;
     },
-    checkFormValidation: r
+    checkFormValidation: o
   };
 }
-function Rt({ state: a, emit: e, nextTick: n }) {
-  const s = (m) => {
-    k(a, !1);
-    const { prevItem: l, indexMap: r } = a, { replace: u, label: p } = l, i = [];
-    if (u && r.has(p)) {
-      const d = r.get(p), f = { ...l, ...m };
-      R({ emit: e, state: a, nextTick: n, newTag: f, index: d });
+function Pt({ state: a, emit: e, nextTick: n }) {
+  const s = (d) => {
+    V(a, !1);
+    const { prevItem: r, indexMap: o } = a, { replace: i, label: u } = r, f = [];
+    if (i && o.has(u)) {
+      const c = o.get(u), p = { ...r, ...d };
+      P({ emit: e, state: a, nextTick: n, newTag: p, index: c });
       return;
     } else
-      !u && Array.isArray(m) ? m.forEach((d) => {
-        O(a, d.value) || i.push({ ...l, ...d });
-      }) : O(a, m.value) || i.push({ ...l, ...m });
-    R({ emit: e, state: a, nextTick: n, tagList: i });
+      !i && Array.isArray(d) ? d.forEach((c) => {
+        B(a, c.value) || f.push({ ...r, ...c });
+      }) : B(a, d.value) || f.push({ ...r, ...d });
+    P({ emit: e, state: a, nextTick: n, tagList: f });
   };
   return {
-    handleConfirm: (m) => {
-      if (!m) {
-        ae(a), k(a, !1);
+    handleConfirm: (d) => {
+      if (!d) {
+        oe(a), V(a, !1);
         return;
       }
-      s(m);
+      s(d);
     },
-    handleEditConfirm: (m) => {
-      if (!m) {
-        Q(a, !1);
+    handleEditConfirm: (d) => {
+      if (!d) {
+        te(a, !1);
         return;
       }
-      s(m);
+      s(d);
     }
   };
 }
-function Pt({ props: a, state: e }) {
+function Ot({ props: a, state: e }) {
   return {
     initItems: () => {
-      e.groupItems = {}, e.recordItems.forEach((l) => {
-        var u;
-        const { groupKey: r = "0" } = l;
-        if (e.groupItems[r] ? e.groupItems[r].push({ ...l }) : (e.groupItems[r] = [{ ...l }], e.matchItems[r] = { attr: [], attrValue: [] }), e.prevItem && l.field === e.prevItem.field && l !== e.prevItem) {
-          const { options: p, type: i } = l;
-          e.prevItem = l, p != null && p.length && (e.backupList = p), i === "checkbox" && (e.filterList = e.backupList, e.checkboxGroup = [], (u = e.backupList) == null || u.forEach((d) => {
-            const { label: f } = d;
-            O(e, f) && e.checkboxGroup.push(`${l.label}${f}`), d.isFilter = !1;
-          })), k(e, l.field === e.prevItem.field && l !== e.prevItem);
+      e.groupItems = {}, e.recordItems.forEach((r) => {
+        var i;
+        const { groupKey: o = "0" } = r;
+        if (e.groupItems[o] ? e.groupItems[o].push({ ...r }) : (e.groupItems[o] = [{ ...r }], e.matchItems[o] = { attr: [], attrValue: [] }), e.prevItem && r.field === e.prevItem.field && r !== e.prevItem) {
+          const { options: u, type: f } = r;
+          e.prevItem = r, u != null && u.length && (e.backupList = u), f === "checkbox" && (e.filterList = e.backupList, e.checkboxGroup = [], (i = e.backupList) == null || i.forEach((c) => {
+            const { label: p } = c;
+            B(e, p) && e.checkboxGroup.push(`${r.label}${p}`), c.isFilter = !1;
+          })), V(e, r.field === e.prevItem.field && r !== e.prevItem);
         }
       });
     },
     watchOutsideClick: () => {
-      a.editable && Q(e, !1), e.isMouseDown = !1, k(e, !1);
+      a.editable && te(e, !1), e.isMouseDown = !1, V(e, !1);
     },
     watchMouseDown: () => {
       e.isMouseDown = !0;
@@ -899,14 +917,14 @@ function Pt({ props: a, state: e }) {
     watchMouseMove: () => {
       e.isMouseDown && (e.isMouseDown = !1);
     },
-    handleClick: (l) => {
-      var p;
-      const { backupPrevItem: r, prevItem: u } = e;
-      l.stopPropagation(), a.editable && (e.popoverVisible = !1, e.currentEditValue = [], e.propItem.label && r && r !== u && (e.prevItem = r)), e.hasBackupList && (((p = e.backupList) == null ? void 0 : p.length) === 0 || !e.backupList) && !e.inputValue || a.items.length === 0 ? k(e, !1) : k(e);
+    handleClick: (r) => {
+      var u;
+      const { backupPrevItem: o, prevItem: i } = e;
+      r.stopPropagation(), a.editable && (e.popoverVisible = !1, e.currentEditValue = [], e.propItem.label && o && o !== i && (e.prevItem = o)), e.hasBackupList && (((u = e.backupList) == null ? void 0 : u.length) === 0 || !e.backupList) && !e.inputValue || a.items.length === 0 ? V(e, !1) : V(e);
     }
   };
 }
-const Le = {
+const Pe = {
   tvp: {
     tvpSearchbox: {
       defaultPlaceholder: "请选择属性筛选，或输入关键字",
@@ -936,7 +954,6 @@ const Le = {
       rangeEndLabel: "结束日期",
       rulekeyword1: "关键字",
       notBeNull: "值不能为空",
-      noData: "暂无匹配数据...",
       selectAll: "全选",
       confirm: "确定",
       cancel: "取消",
@@ -947,7 +964,7 @@ const Le = {
       initUse: "搜索"
     }
   }
-}, Ne = {
+}, Oe = {
   tvp: {
     tvpSearchbox: {
       defaultPlaceholder: "Select attribute filtering or enter keywords",
@@ -977,7 +994,6 @@ const Le = {
       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",
@@ -988,66 +1004,66 @@ const Le = {
       initUse: "Search"
     }
   }
-}, W = "zh-CN", q = {
-  "zh-CN": Le,
-  "en-US": Ne
+}, ee = "zh-CN", W = {
+  "zh-CN": Pe,
+  "en-US": Oe
 };
-let E = null, ue = null;
-const Ot = (a) => {
+let E = null, de = null;
+const fe = (a) => {
   E = a;
 }, Ft = (a) => {
-  ue = a;
-}, he = () => {
-  var a, e, n, s, o;
+  de = a;
+}, ge = () => {
+  var a, e, n, s, l;
   if ((n = (e = (a = E == null ? void 0 : E.config) == null ? void 0 : a.globalProperties) == null ? void 0 : e.$i18n) != null && n.locale)
     return E.config.globalProperties.$i18n.locale;
   if ((s = E == null ? void 0 : E.$i18n) != null && s.locale)
     return E.$i18n.locale;
   if (typeof navigator < "u") {
-    const t = navigator.language || ((o = navigator.languages) == null ? void 0 : o[0]);
+    const t = navigator.language || ((l = navigator.languages) == null ? void 0 : l[0]);
     if (t)
       return t.startsWith("zh") ? "zh-CN" : "en-US";
   }
-  return W;
-}, pe = (a) => q[a] || q[W], L = (a, e = {}) => {
-  var m, l;
+  return ee;
+}, he = (a) => W[a] || W[ee], R = (a, e = {}) => {
+  var d, r;
   if (!a)
     return "";
-  if (typeof ue == "function")
+  if (typeof de == "function")
     try {
-      const r = ue(a, e);
-      if (r && r !== a)
-        return r;
-    } catch (r) {
-      console.warn("[TinySearchBox] globalT translation failed:", r);
+      const o = de(a, e);
+      if (o && o !== a)
+        return o;
+    } catch (o) {
+      console.warn("[TinySearchBox] globalT translation failed:", o);
     }
-  if ((l = (m = E == null ? void 0 : E.config) == null ? void 0 : m.globalProperties) != null && l.$t)
+  if ((r = (d = E == null ? void 0 : E.config) == null ? void 0 : d.globalProperties) != null && r.$t)
     try {
-      const r = E.config.globalProperties.$t(a, e);
-      if (r && r !== a)
-        return r;
-    } catch (r) {
-      console.warn("[TinySearchBox] i18n translation failed:", r);
+      const o = E.config.globalProperties.$t(a, e);
+      if (o && o !== a)
+        return o;
+    } catch (o) {
+      console.warn("[TinySearchBox] i18n translation failed:", o);
     }
   if (E != null && E.$t)
     try {
-      const r = E.$t(a, e);
-      if (r && r !== a)
-        return r;
-    } catch (r) {
-      console.warn("[TinySearchBox] i18n translation failed:", r);
+      const o = E.$t(a, e);
+      if (o && o !== a)
+        return o;
+    } catch (o) {
+      console.warn("[TinySearchBox] i18n translation failed:", o);
     }
-  const n = he(), s = pe(n), o = a.split(".");
+  const n = ge(), s = he(n), l = a.split(".");
   let t = s;
-  for (const r of o)
-    if (t && typeof t == "object" && r in t)
-      t = t[r];
+  for (const o of l)
+    if (t && typeof t == "object" && o in t)
+      t = t[o];
     else {
-      if (n !== W) {
-        t = pe(W);
-        for (const p of o)
-          if (t && typeof t == "object" && p in t)
-            t = t[p];
+      if (n !== ee) {
+        t = he(ee);
+        for (const u of l)
+          if (t && typeof t == "object" && u in t)
+            t = t[u];
           else {
             t = a;
             break;
@@ -1056,24 +1072,24 @@ const Ot = (a) => {
         t = a;
       break;
     }
-  return typeof t == "string" && Object.keys(e).length > 0 ? t.replace(/\{(\w+)\}/g, (r, u) => e[u] !== void 0 ? e[u] : r) : typeof t == "string" ? t : a;
-}, Bt = (a, e = {}) => a.map((n) => L(n, e)), At = (a) => a in q, zt = () => Object.keys(q), jt = (a, e) => {
-  q[a] = e;
-}, Ht = (a) => {
-  a !== W && delete q[a];
+  return typeof t == "string" && Object.keys(e).length > 0 ? t.replace(/\{(\w+)\}/g, (o, i) => e[i] !== void 0 ? e[i] : o) : typeof t == "string" ? t : a;
+}, Bt = (a, e = {}) => a.map((n) => R(n, e)), Ht = (a) => a in W, At = () => Object.keys(W), zt = (a, e) => {
+  W[a] = e;
+}, jt = (a) => {
+  a !== ee && delete W[a];
 }, Gt = {
-  t: L,
-  zhCN: Le,
-  enUS: Ne,
+  t: R,
+  zhCN: Pe,
+  enUS: Oe,
   tArray: Bt,
   setGlobalT: Ft,
-  setGlobalApp: Ot,
-  getCurrentLocale: he,
-  getLocaleMessages: pe,
-  isLocaleSupported: At,
-  getSupportedLocales: zt,
-  addLocale: jt,
-  removeLocale: Ht
+  setGlobalApp: fe,
+  getCurrentLocale: ge,
+  getLocaleMessages: he,
+  isLocaleSupported: Ht,
+  getSupportedLocales: At,
+  addLocale: zt,
+  removeLocale: jt
 }, Kt = [
   "t",
   "state",
@@ -1101,11 +1117,11 @@ const Ot = (a) => {
   "handleEditConfirm",
   "showDropdown",
   "showPopover"
-], X = (a, e) => a.emptyPlaceholder || e("tvp.tvpSearchbox.addPlaceholder"), Ut = ({ reactive: a, computed: e, api: n, i18n: s, watch: o, props: t, emit: m, vm: l }) => {
-  const r = a({
+], ae = (a, e) => a.emptyPlaceholder || e("tvp.tvpSearchbox.addPlaceholder"), Ut = ({ reactive: a, computed: e, api: n, i18n: s, watch: l, props: t, emit: d, vm: r }) => {
+  const o = a({
     innerModelValue: [...t.modelValue],
-    placeholder: t.modelValue.length > 0 ? L("tvp.tvpSearchbox.addPlaceholder") : X(t, L),
-    emitter: m,
+    placeholder: t.modelValue.length > 0 ? R("tvp.tvpSearchbox.addPlaceholder") : ae(t, R),
+    emitter: d,
     recordItems: [],
     groupItems: {},
     inputValue: "",
@@ -1115,7 +1131,7 @@ const Ot = (a) => {
     filterList: [],
     checkboxGroup: [],
     prevItem: {},
-    backupPrevItem: "",
+    backupPrevItem: null,
     formRules: null,
     validType: "text",
     numberShowMessage: !0,
@@ -1131,11 +1147,11 @@ const Ot = (a) => {
     valueMap: /* @__PURE__ */ new Map(),
     popoverVisible: !1,
     selectValue: "",
-    allTypeAttri: { label: L("tvp.tvpSearchbox.rulekeyword1"), field: "tvpKeyword", type: "radio" },
+    allTypeAttri: { label: R("tvp.tvpSearchbox.rulekeyword1"), field: "tvpKeyword", type: "radio" },
     operatorValue: ":",
     inputEditValue: "",
-    currentOperators: "",
-    currentEditValue: "",
+    currentOperators: null,
+    currentEditValue: [],
     currentModelValueIndex: -1,
     curMinNumVar: "",
     curMaxNumVar: "",
@@ -1146,127 +1162,127 @@ const Ot = (a) => {
     visibleTimer: null,
     hasFormError: !1,
     // 表单校验错误状态
-    hasBackupList: e(() => r.propItem.label && [void 0, "radio", "checkbox", "map"].includes(r.prevItem.type)),
-    isIndeterminate: e(() => r.checkboxGroup.length > 0 && r.checkboxGroup.length !== r.filterList.length),
+    hasBackupList: e(() => o.propItem.label && [void 0, null, "", "radio", "input", "checkbox", "map"].includes(o.prevItem.type)),
+    isIndeterminate: e(() => o.checkboxGroup.length > 0 && o.checkboxGroup.length !== o.filterList.length),
     checkAll: e({
-      get: () => r.checkboxGroup.length && r.checkboxGroup.length === r.filterList.length,
-      set: (u) => {
-        u ? r.checkboxGroup = r.filterList.flatMap((p) => `${r.prevItem.label}${p.label}`) : r.checkboxGroup = [];
+      get: () => o.checkboxGroup.length && o.checkboxGroup.length === o.filterList.length,
+      set: (i) => {
+        i ? o.checkboxGroup = o.filterList.flatMap((u) => `${o.prevItem.label}${u.label}`) : o.checkboxGroup = [];
       }
     })
   });
-  return r;
-}, qt = (a, { getCurrentInstance: e, onMounted: n, onBeforeUnmount: s, computed: o, reactive: t, watch: m }, { emit: l, nextTick: r, refs: u, vm: p, slots: i }) => {
-  const d = {}, f = a.emitter ? a.emitter.emit : l, c = Ut({ reactive: t, computed: o, api: d, i18n: Gt, watch: m, props: a, emit: f, vm: p });
-  return Zt({ api: d, state: c, t: L, props: a, emit: f, nextTick: r, vm: p, computed: o }), Yt({ watch: m, state: c, props: a, api: d, nextTick: r, vm: p }), c.instance = p, p && i && (p.slots = i), n(() => {
-    typeof document < "u" && (document.addEventListener("click", d.watchOutsideClick), document.addEventListener("mousedown", d.watchMouseDown), document.addEventListener("mousemove", d.watchMouseMove));
+  return o;
+}, Yt = (a, { getCurrentInstance: e, onMounted: n, onBeforeUnmount: s, computed: l, reactive: t, watch: d }, { emit: r, nextTick: o, refs: i, vm: u, slots: f }) => {
+  const c = {}, p = a.emitter ? a.emitter.emit : r, v = Ut({ reactive: t, computed: l, api: c, i18n: Gt, watch: d, props: a, emit: p, vm: u });
+  return qt({ api: c, state: v, t: R, props: a, emit: p, nextTick: o, vm: u, computed: l }), Zt({ watch: d, state: v, props: a, api: c, nextTick: o, vm: u }), v.instance = u, u && f && (u.slots = f), n(() => {
+    typeof document < "u" && (document.addEventListener("click", c.watchOutsideClick), document.addEventListener("mousedown", c.watchMouseDown), document.addEventListener("mousemove", c.watchMouseMove));
   }), s(() => {
-    typeof document < "u" && (document.removeEventListener("click", d.watchOutsideClick), document.removeEventListener("mousedown", d.watchMouseDown), document.removeEventListener("mousemove", d.watchMouseMove), c.localeCheckInterval && (clearInterval(c.localeCheckInterval), c.localeCheckInterval = null));
-  }), d;
-}, Zt = ({ api: a, state: e, t: n, props: s, emit: o, nextTick: t, vm: m, computed: l }) => {
-  const { deleteTag: r, clearTag: u, backspaceDeleteTag: p } = Tt({ props: s, state: e, emit: o, nextTick: t }), { editTag: i, confirmEditTag: d, selectPropChange: f, selectItemIsDisable: c, checkFormValidation: v } = Nt({ props: s, state: e, t: n, nextTick: t, format: ie, emit: o, vm: m }), { handleInput: h, selectFirstMap: b, cancelHandleInput: x } = Mt({ props: s, state: e, emit: o, nextTick: t }), { selectPropItem: C, selectRadioItem: g, selectInputValue: _, createTag: I, helpClick: y, setOperator: T } = St({ props: s, emit: o, state: e, t: n, format: ie, nextTick: t, vm: m, cancelHandleInput: x }), { selectCheckbox: w } = $t({ props: s, state: e, emit: o, nextTick: t }), { onConfirmDate: S, handleDateShow: V, pickerOptions: D } = Et({ props: s, state: e, emit: o, nextTick: t, vm: m }), { sizeChange: M, initFormRule: $ } = Lt({ props: s, state: e, t: n, emit: o, nextTick: t, vm: m }), { handleConfirm: B, handleEditConfirm: P } = Rt({ state: e, emit: o, nextTick: t }), { initItems: N, watchOutsideClick: F, watchMouseDown: K, watchMouseMove: ne, handleClick: se } = Pt({ props: s, state: e }), Re = l(() => s.modelValue.length || e.propItem.label || e.inputValue), Pe = () => ({
-    selectInputValue: _,
-    selectPropItem: C,
-    selectRadioItem: g,
-    setOperator: T,
+    typeof document < "u" && (document.removeEventListener("click", c.watchOutsideClick), document.removeEventListener("mousedown", c.watchMouseDown), document.removeEventListener("mousemove", c.watchMouseMove), v.localeCheckInterval && (clearInterval(v.localeCheckInterval), v.localeCheckInterval = null));
+  }), c;
+}, qt = ({ api: a, state: e, t: n, props: s, emit: l, nextTick: t, vm: d, computed: r }) => {
+  const { deleteTag: o, clearTag: i, backspaceDeleteTag: u } = Ct({ props: s, state: e, emit: l, nextTick: t }), { editTag: f, confirmEditTag: c, selectPropChange: p, selectItemIsDisable: v, checkFormValidation: m } = Rt({ props: s, state: e, t: n, nextTick: t, format: ue, emit: l, vm: d }), { handleInput: h, selectFirstMap: g, cancelHandleInput: y } = $t({ props: s, state: e, emit: l, nextTick: t }), { selectPropItem: T, selectRadioItem: _, selectInputValue: b, createTag: x, helpClick: I, setOperator: k } = Mt({ props: s, emit: l, state: e, t: n, format: ue, nextTick: t, vm: d, cancelHandleInput: y }), { selectCheckbox: w } = Et({ props: s, state: e, emit: l, nextTick: t }), { onConfirmDate: D, handleDateShow: C, pickerOptions: M } = Lt({ props: s, state: e, emit: l, nextTick: t, vm: d }), { sizeChange: $, initFormRule: S } = Nt({ props: s, state: e, t: n, emit: l, nextTick: t, vm: d }), { handleConfirm: L, handleEditConfirm: O } = Pt({ state: e, emit: l, nextTick: t }), { initItems: Z, watchOutsideClick: U, watchMouseDown: F, watchMouseMove: Y, handleClick: X } = Ot({ props: s, state: e }), N = r(() => s.modelValue.length || e.propItem.label || e.inputValue), H = () => ({
+    selectInputValue: b,
+    selectPropItem: T,
+    selectRadioItem: _,
+    setOperator: k,
     selectCheckbox: w,
-    sizeChange: M,
-    onConfirmDate: S,
-    selectFirstMap: b,
-    handleDateShow: V
-  }), oe = (Z) => {
-    e.placeholder = Z;
-  }, Oe = () => X(s, n);
-  s.modelValue.length > 0 ? oe(n("tvp.tvpSearchbox.addPlaceholder")) : oe(Oe()), Object.assign(a, {
+    sizeChange: $,
+    onConfirmDate: D,
+    selectFirstMap: g,
+    handleDateShow: C
+  }), re = (Q) => {
+    e.placeholder = Q;
+  }, Fe = () => ae(s, n);
+  s.modelValue.length > 0 ? re(n("tvp.tvpSearchbox.addPlaceholder")) : re(Fe()), Object.assign(a, {
     t: n,
     state: e,
-    isShowClose: Re,
-    deleteTag: r,
-    editTag: i,
-    backspaceDeleteTag: p,
-    createTag: I,
-    clearTag: u,
-    helpClick: y,
+    isShowClose: N,
+    deleteTag: o,
+    editTag: f,
+    backspaceDeleteTag: u,
+    createTag: x,
+    clearTag: i,
+    helpClick: I,
     handleInput: h,
-    handleClick: se,
-    handleEvents: (Z, Fe, Be) => {
-      const be = Pe();
-      typeof be[Z] == "function" ? be[Z](Fe, Be) : console.warn(`[TinySearchBox] Unknown event: ${Z}`);
-    },
-    pickerOptions: D,
-    resetInput: ae,
-    selectItemIsDisable: c,
-    selectPropChange: f,
-    confirmEditTag: d,
-    handleConfirm: B,
-    handleEditConfirm: P,
-    showDropdown: k,
-    showPopover: Q,
-    checkFormValidation: v,
-    setPlaceholder: oe,
-    initItems: N,
-    initFormRule: $,
-    watchOutsideClick: F,
-    watchMouseDown: K,
-    watchMouseMove: ne
+    handleClick: X,
+    handleEvents: (Q, Be, He) => {
+      const xe = H();
+      typeof xe[Q] == "function" ? xe[Q](Be, He) : console.warn(`[TinySearchBox] Unknown event: ${Q}`);
+    },
+    pickerOptions: M,
+    resetInput: oe,
+    selectItemIsDisable: v,
+    selectPropChange: p,
+    confirmEditTag: c,
+    handleConfirm: L,
+    handleEditConfirm: O,
+    showDropdown: V,
+    showPopover: te,
+    checkFormValidation: m,
+    setPlaceholder: re,
+    initItems: Z,
+    initFormRule: S,
+    watchOutsideClick: U,
+    watchMouseDown: F,
+    watchMouseMove: Y
   });
-}, Yt = ({ watch: a, state: e, props: n, api: s, nextTick: o, vm: t }) => {
-  var p;
-  const m = () => {
-    var i;
+}, Zt = ({ watch: a, state: e, props: n, api: s, nextTick: l, vm: t }) => {
+  var f;
+  const d = () => {
+    var c;
     if (e.propItem.label) {
-      const { placeholder: d, type: f } = e.prevItem;
-      d ? s.setPlaceholder(d) : f === "map" ? s.setPlaceholder(L("tvp.tvpSearchbox.tagPlaceholder")) : (i = e.backupList) != null && i.length ? s.setPlaceholder(L("tvp.tvpSearchbox.dynamicPlaceholder", { newValue: e.propItem.label })) : s.setPlaceholder(L("tvp.tvpSearchbox.addPlaceholder"));
+      const { placeholder: p, type: v } = e.prevItem;
+      p ? s.setPlaceholder(p) : v === "map" ? s.setPlaceholder(R("tvp.tvpSearchbox.tagPlaceholder")) : (c = e.backupList) != null && c.length ? s.setPlaceholder(R("tvp.tvpSearchbox.dynamicPlaceholder", { newValue: e.propItem.label })) : s.setPlaceholder(R("tvp.tvpSearchbox.addPlaceholder"));
     } else {
-      const d = n.modelValue.length > 0 ? L("tvp.tvpSearchbox.addPlaceholder") : X(n, L);
-      s.setPlaceholder(d);
+      const p = n.modelValue.length > 0 ? R("tvp.tvpSearchbox.addPlaceholder") : ae(n, R);
+      s.setPlaceholder(p);
     }
-  }, l = () => {
-    var i, d, f;
-    return (i = t == null ? void 0 : t.$i18n) != null && i.locale ? t.$i18n.locale : (f = (d = t == null ? void 0 : t.proxy) == null ? void 0 : d.$i18n) != null && f.locale ? t.proxy.$i18n.locale : he();
+  }, r = () => {
+    var c, p, v;
+    return (c = t == null ? void 0 : t.$i18n) != null && c.locale ? t.$i18n.locale : (v = (p = t == null ? void 0 : t.proxy) == null ? void 0 : p.$i18n) != null && v.locale ? t.proxy.$i18n.locale : ge();
   };
-  let r = l();
+  let o = r(), i = !1;
   if (t != null && t.$i18n)
     try {
       t.$watch(
         () => t.$i18n.locale,
-        (i) => {
-          i !== r && (r = i, m());
+        (c) => {
+          c !== o && (o = c, d());
         },
         { immediate: !1 }
-      );
-    } catch (i) {
-      console.warn("[TinySearchBox] Unable to watch i18n.locale via vm.$watch:", i);
+      ), i = !0;
+    } catch (c) {
+      console.warn("[TinySearchBox] Unable to watch i18n.locale via vm.$watch:", c);
     }
-  if ((p = t == null ? void 0 : t.proxy) != null && p.$i18n)
+  if ((f = t == null ? void 0 : t.proxy) != null && f.$i18n)
     try {
       a(
         () => t.proxy.$i18n.locale,
-        (i) => {
-          i !== r && (r = i, m());
+        (c) => {
+          c !== o && (o = c, d());
         },
         { immediate: !1 }
-      );
-    } catch (i) {
-      console.warn("[TinySearchBox] Unable to watch i18n.locale via watch:", i);
+      ), i = !0;
+    } catch (c) {
+      console.warn("[TinySearchBox] Unable to watch i18n.locale via watch:", c);
     }
   const u = () => {
-    const i = l();
-    i !== r && (r = i, m());
+    const c = r();
+    c !== o && (o = c, d());
   };
-  typeof window < "u" && (e.localeCheckInterval = setInterval(u, 200)), a(
+  typeof window < "u" && !i && (e.localeCheckInterval = setInterval(u, 1e3)), a(
     () => n.modelValue,
     () => {
       u();
     }
   ), a(
     () => n.items,
-    (i) => {
-      const d = e.visible, f = e.prevItem && e.prevItem.field;
-      e.recordItems = j(i), s.initItems(), s.initFormRule(), o(() => {
-        if (s.initItems(), s.initFormRule(), d && e.propItem.label) {
-          const c = e.recordItems.find((v) => v.field === f) || e.prevItem;
-          e.prevItem = c || {}, e.backupList = c && c.options ? [...c.options] : [], e.filterList = e.backupList ? [...e.backupList] : [], k(e);
+    (c) => {
+      const p = e.visible, v = e.prevItem && e.prevItem.field;
+      e.recordItems = j(c), s.initItems(), s.initFormRule(), l(() => {
+        if (s.initItems(), s.initFormRule(), p && e.propItem.label) {
+          const m = e.recordItems.find((h) => h.field === v) || e.prevItem;
+          e.prevItem = m || {}, e.backupList = m && m.options ? [...m.options] : [], e.filterList = e.backupList ? [...e.backupList] : [], V(e);
         }
       });
     },
@@ -1274,66 +1290,58 @@ const Ot = (a) => {
       deep: !0,
       immediate: !0
     }
-  ), a(
-    () => e.inputValue,
-    (i) => {
-      !i && !e.propItem.type && (e.visible = !1);
-    },
-    {
-      immediate: !0
-    }
   ), a(
     () => e.popoverVisible,
-    (i) => {
-      !i && !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 || ""), i || (e.hasFormError = !1);
+    (c) => {
+      !c && !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 || ""), c || (e.hasFormError = !1);
     },
     {
       immediate: !0
     }
   ), a(
     () => {
-      const i = {
+      const c = {
         inputEditValue: e.inputEditValue,
         startDate: e.startDate,
         endDate: e.endDate,
         startDateTime: e.startDateTime,
         endDateTime: e.endDateTime
       };
-      return e.curMinNumVar && e.curMaxNumVar && (i[e.curMinNumVar] = e[e.curMinNumVar], i[e.curMaxNumVar] = e[e.curMaxNumVar]), i;
+      return e.curMinNumVar && e.curMaxNumVar && (c[e.curMinNumVar] = e[e.curMinNumVar], c[e.curMaxNumVar] = e[e.curMaxNumVar]), c;
     },
     () => {
-      e.popoverVisible && o(() => {
+      e.popoverVisible && l(() => {
         s.checkFormValidation();
       });
     },
     { deep: !0 }
   ), a(
     () => e.propItem.label,
-    (i) => {
-      m();
+    (c) => {
+      d();
     }
   ), a(
     () => n.modelValue,
-    (i) => {
-      if (i) {
-        if (e.indexMap.clear(), e.valueMap.clear(), i.forEach((d, f) => {
-          var v;
-          const c = `${d.label}${d.value}`;
-          e.indexMap.set(d.label, f), e.valueMap.set(c, f), ((v = d.options) == null ? void 0 : v.length) > 0 && d.options.forEach((h) => {
-            const b = `${d.label}${h.label}`;
-            e.valueMap.set(b, f);
+    (c) => {
+      if (c) {
+        if (e.indexMap.clear(), e.valueMap.clear(), c.forEach((p, v) => {
+          var h;
+          const m = `${p.label}${p.value}`;
+          e.indexMap.set(p.label, v), e.valueMap.set(m, v), ((h = p.options) == null ? void 0 : h.length) > 0 && p.options.forEach((g) => {
+            const y = `${p.label}${g.label}`;
+            e.valueMap.set(y, v);
           });
-        }), Q(e, !1), i.length === 0 && s.setPlaceholder(X(n, L)), n.editable && !e.inputEditValue.length && i[0]) {
-          const d = i[0];
-          if ((e.recordItems.find((c) => c.field === d.field) || d).mergeTag && d.options) {
-            const c = d.options.flatMap((v) => v.label) || [];
-            e.inputEditValue = c, e.currentEditSelectTags = c;
+        }), te(e, !1), c.length === 0 && s.setPlaceholder(ae(n, R)), n.editable && !e.inputEditValue.length && c[0]) {
+          const p = c[0];
+          if ((e.recordItems.find((m) => m.field === p.field) || p).mergeTag && p.options) {
+            const m = p.options.flatMap((h) => h.label) || [];
+            e.inputEditValue = m, e.currentEditSelectTags = m;
           } else {
-            const c = d.value;
-            e.inputEditValue = Array.isArray(c) ? c.join(",") : c || "";
+            const m = p.value;
+            e.inputEditValue = Array.isArray(m) ? m.join(",") : m || "";
           }
         }
-        e.innerModelValue = [...i];
+        e.innerModelValue = [...c];
       }
     },
     {
@@ -1342,18 +1350,18 @@ const Ot = (a) => {
     }
   );
 };
-var Wt = function() {
-  var a, e, n = this, s = n.$createElement, o = n._self._c || s;
-  return o("div", {
+var Xt = function() {
+  var a, e, n = this, s = n.$createElement, l = n._self._c || s;
+  return l("div", {
     attrs: {
       tiny_mode: "pc"
     }
-  }, [o("tiny-dropdown-item", {
+  }, [l("tiny-dropdown-item", {
     directives: [{
       name: "show",
       rawName: "v-show",
-      value: n.state.inputValue.trim(),
-      expression: "state.inputValue.trim()"
+      value: n.isShowSearchOption,
+      expression: "isShowSearchOption"
     }],
     staticClass: "tvp-search-box__filter-item tvp-search-box__dropdown-item tvp-search-box__dropdown-item-init",
     attrs: {
@@ -1366,77 +1374,77 @@ var Wt = function() {
         return n.selectInputValue(n.state.inputValue);
       }
     }
-  }, [o("span", [n._v(" " + n._s(n.t("tvp.tvpSearchbox.initUse")) + "＂" + n._s(n.state.inputValue) + "＂")])]), o("div", {
+  }, [l("span", [n._v(" " + n._s(n.t("tvp.tvpSearchbox.initUse")) + "＂" + n._s(n.state.inputValue) + "＂")])]), l("div", {
     directives: [{
       name: "show",
       rawName: "v-show",
       value: !n.state.propItem.label && ((a = n.state.inputValue) === null || a === void 0 ? void 0 : a.trim()),
       expression: "!state.propItem.label && state.inputValue?.trim()"
     }]
-  }, [n._l(n.state.matchItems, function(t, m) {
-    return o("div", {
-      key: m
-    }, [t.attr.length ? o("div", [o("span", {
+  }, [n._l(n.state.matchItems, function(t, d) {
+    return l("div", {
+      key: d
+    }, [t.attr.length ? l("div", [l("span", {
       staticClass: "tvp-search-box__filter-type"
-    }, [n._v(n._s(m === "0" ? n.t("tvp.tvpSearchbox.attributeType") : m))]), n._l(t.attr, function(l, r) {
-      return o("tiny-dropdown-item", {
-        key: l.label + r,
+    }, [n._v(n._s(d === "0" ? n.t("tvp.tvpSearchbox.attributeType") : d))]), n._l(t.attr, function(r, o) {
+      return l("tiny-dropdown-item", {
+        key: r.label + o,
         staticClass: "tvp-search-box__filter-item tvp-search-box__dropdown-item",
         attrs: {
-          "item-data": l
+          "item-data": r
         },
         on: {
           "item-click": function() {
-            return n.selectPropItem(l);
+            return n.selectPropItem(r);
           }
         }
-      }, [o("span", n._l(l.match, function(u) {
-        return o("span", {
-          key: u
-        }, [u.toLowerCase() === l.hightlighStr ? o("span", {
+      }, [l("span", n._l(r.match, function(i) {
+        return l("span", {
+          key: i
+        }, [i.toLowerCase() === r.hightlighStr ? l("span", {
           staticClass: "tvp-search-box__text-highlight"
-        }, [n._v(n._s(u))]) : o("span", [n._v(n._s(u))])]);
+        }, [n._v(n._s(i))]) : l("span", [n._v(n._s(i))])]);
       }), 0)]);
-    })], 2) : n._e(), t.attrValue.length ? [o("span", {
+    })], 2) : n._e(), t.attrValue.length ? [l("span", {
       staticClass: "tvp-search-box__filter-type"
-    }, [n._v(n._s(n.t("tvp.tvpSearchbox.propertyValue", [m === "0" ? n.t("tvp.tvpSearchbox.attributeType") : m])))]), n._l(t.attrValue, function(l, r) {
-      return o("tiny-dropdown-item", {
-        key: l.label + r,
+    }, [n._v(n._s(n.t("tvp.tvpSearchbox.propertyValue", [d === "0" ? n.t("tvp.tvpSearchbox.attributeType") : d])))]), n._l(t.attrValue, function(r, o) {
+      return l("tiny-dropdown-item", {
+        key: r.label + o,
         staticClass: "tvp-search-box__filter-item tvp-search-box__dropdown-item",
         attrs: {
-          disabled: l.isChecked,
-          "item-data": l
+          disabled: r.isChecked,
+          "item-data": r
         },
         on: {
           "item-click": function() {
-            return n.selectRadioItem(l, !0);
+            return n.selectRadioItem(r, !0);
           }
         }
-      }, [o("span", n._l(l.match, function(u) {
-        return o("span", {
-          key: u
-        }, [u.toLowerCase() === l.hightlighStr ? o("span", {
+      }, [l("span", n._l(r.match, function(i) {
+        return l("span", {
+          key: i
+        }, [i.toLowerCase() === r.hightlighStr ? l("span", {
           staticClass: "tvp-search-box__text-highlight"
-        }, [n._v(n._s(u))]) : o("span", [n._v(n._s(u))])]);
+        }, [n._v(n._s(i))]) : l("span", [n._v(n._s(i))])]);
       }), 0)]);
     })] : n._e()], 2);
-  }), o("div", {
+  }), l("div", {
     directives: [{
       name: "show",
       rawName: "v-show",
       value: n.state.potentialOptions,
       expression: "state.potentialOptions"
     }]
-  }, [o("span", {
+  }, [l("span", {
     staticClass: "tvp-search-box__filter-type"
-  }, [n._v(n._s(n.t("tvp.tvpSearchbox.matched")))]), o("div", {
+  }, [n._v(n._s(n.t("tvp.tvpSearchbox.matched")))]), l("div", {
     staticClass: "tvp-search-box__potential-box",
     attrs: {
       id: "potential-loading"
     }
-  }, [n.state.potentialOptions ? o("div", n._l(n.state.potentialOptions, function(t, m) {
-    return o("tiny-dropdown-item", {
-      key: t.label + m,
+  }, [n.state.potentialOptions ? l("div", n._l(n.state.potentialOptions, function(t, d) {
+    return l("tiny-dropdown-item", {
+      key: t.label + d,
       staticClass: "tvp-search-box__filter-item tvp-search-box__dropdown-item",
       attrs: {
         "item-data": t
@@ -1446,10 +1454,10 @@ var Wt = function() {
           return n.selectRadioItem(t, !0);
         }
       }
-    }, [n._v(" " + n._s(t.label) + "： "), o("span", {
+    }, [n._v(" " + n._s(t.label) + "： "), l("span", {
       staticClass: "tvp-search-box__text-highlight"
     }, [n._v(n._s(t.value))])]);
-  }), 1) : n._e()])])], 2), o("div", {
+  }), 1) : n._e()])])], 2), l("div", {
     directives: [{
       name: "show",
       rawName: "v-show",
@@ -1457,83 +1465,87 @@ var Wt = function() {
       expression: "state.visible && !state.propItem.label && !state.inputValue?.trim()"
     }],
     staticClass: "tvp-search-box__first-panel"
-  }, n._l(n.state.groupItems, function(t, m) {
-    return o("div", {
-      key: m
-    }, [t.length ? o("span", {
+  }, n._l(n.state.groupItems, function(t, d) {
+    return l("div", {
+      key: d
+    }, [t.length ? l("span", {
       staticClass: "tvp-search-box__filter-type"
-    }, [n._v(n._s(m === "0" ? n.t("tvp.tvpSearchbox.attributeType") : m))]) : n._e(), n._l(t, function(l, r) {
-      return o("tiny-dropdown-item", {
-        key: (l.field || l.label) + r,
+    }, [n._v(n._s(d === "0" ? n.t("tvp.tvpSearchbox.attributeType") : d))]) : n._e(), n._l(t, function(r, o) {
+      return l("tiny-dropdown-item", {
+        key: (r.field || r.label) + o,
         staticClass: "tvp-search-box__dropdown-item",
         attrs: {
-          "item-data": l
+          "item-data": r
         },
         on: {
           "item-click": function() {
-            return n.selectPropItem(l);
+            return n.selectPropItem(r);
           }
         }
-      }, [o("span", {
+      }, [l("span", {
         attrs: {
-          title: l.label
+          title: r.label
         }
-      }, [n._v(n._s(l.label))])]);
+      }, [n._v(n._s(r.label))])]);
     })], 2);
   }), 0)], 1);
-}, Qt = [];
-function ve(a, e, n, s, o, t, m, l) {
-  var r = typeof a == "function" ? a.options : a;
-  e && (r.render = e, r.staticRenderFns = n, r._compiled = !0), s && (r.functional = !0), t && (r._scopeId = "data-v-" + t);
-  var u;
-  if (m ? (u = function(d) {
-    d = d || // cached call
+}, Wt = [];
+function _e(a, e, n, s, l, t, d, r) {
+  var o = typeof a == "function" ? a.options : a;
+  e && (o.render = e, o.staticRenderFns = n, o._compiled = !0), s && (o.functional = !0), t && (o._scopeId = "data-v-" + t);
+  var i;
+  if (d ? (i = function(c) {
+    c = c || // cached call
     this.$vnode && this.$vnode.ssrContext || // stateful
-    this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext, !d && typeof __VUE_SSR_CONTEXT__ < "u" && (d = __VUE_SSR_CONTEXT__), o && o.call(this, d), d && d._registeredComponents && d._registeredComponents.add(m);
-  }, r._ssrRegister = u) : o && (u = l ? function() {
-    o.call(
+    this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext, !c && typeof __VUE_SSR_CONTEXT__ < "u" && (c = __VUE_SSR_CONTEXT__), l && l.call(this, c), c && c._registeredComponents && c._registeredComponents.add(d);
+  }, o._ssrRegister = i) : l && (i = r ? function() {
+    l.call(
       this,
-      (r.functional ? this.parent : this).$root.$options.shadowRoot
+      (o.functional ? this.parent : this).$root.$options.shadowRoot
     );
-  } : o), u)
-    if (r.functional) {
-      r._injectStyles = u;
-      var p = r.render;
-      r.render = function(f, c) {
-        return u.call(c), p(f, c);
+  } : l), i)
+    if (o.functional) {
+      o._injectStyles = i;
+      var u = o.render;
+      o.render = function(p, v) {
+        return i.call(v), u(p, v);
       };
     } else {
-      var i = r.beforeCreate;
-      r.beforeCreate = i ? [].concat(i, u) : [u];
+      var f = o.beforeCreate;
+      o.beforeCreate = f ? [].concat(f, i) : [i];
     }
   return {
     exports: a,
-    options: r
+    options: o
   };
 }
-const Xt = (a, e, { emit: n }) => {
-  const s = a.handleEvents || a.events || ((l, r, u) => {
-    n("events", l, r, u);
+const Qt = (a, e, { emit: n }) => {
+  const { computed: s } = e, l = a.handleEvents || a.events || ((i, u, f) => {
+    n("events", i, u, f);
   });
   return {
-    selectInputValue: (l) => {
-      s("selectInputValue", l);
+    isShowSearchOption: s(() => {
+      const { inputValue: i, popoverVisible: u, currentOperators: f, propItem: c, prevItem: p } = a.state;
+      return i.trim() && !u && !(f != null && f.length) && (!c.label || [void 0, null, "", "radio", "input"].includes(p.type));
+    }),
+    selectInputValue: (i) => {
+      l("selectInputValue", i);
     },
-    selectPropItem: (l) => {
-      s("selectPropItem", l);
+    selectPropItem: (i) => {
+      l("selectPropItem", i);
     },
-    selectRadioItem: (l, r) => {
-      s("selectRadioItem", l, r);
+    selectRadioItem: (i, u) => {
+      l("selectRadioItem", i, u);
     },
-    t: L
+    t: R
   };
-}, Jt = ["selectInputValue", "selectPropItem", "selectRadioItem", "t"], ea = J({
-  name: de + "SearchBoxFirstLevelPanel",
+}, Jt = ["isShowSearchOption", "selectInputValue", "selectPropItem", "selectRadioItem", "t"], ea = ne({
+  name: ve + "SearchBoxFirstLevelPanel",
   components: {
-    TinyDropdownItem: ye
+    TinyDropdownItem: Ve
   },
   props: {
-    ...ee,
+    ...se,
     state: {
       type: Object,
       default: () => ({})
@@ -1553,13 +1565,13 @@ const Xt = (a, e, { emit: n }) => {
   },
   emits: ["events", "click"],
   setup(a, e) {
-    return me({ props: a, context: e, renderless: Xt, api: Jt });
+    return me({ props: a, context: e, renderless: Qt, api: Jt });
   }
-}), ge = {};
-var ta = /* @__PURE__ */ ve(
+}), ye = {};
+var ta = /* @__PURE__ */ _e(
   ea,
+  Xt,
   Wt,
-  Qt,
   !1,
   aa,
   null,
@@ -1567,13 +1579,36 @@ var ta = /* @__PURE__ */ ve(
   null
 );
 function aa(a) {
-  for (let e in ge)
-    this[e] = ge[e];
+  for (let e in ye)
+    this[e] = ye[e];
 }
 const na = /* @__PURE__ */ function() {
   return ta.exports;
 }();
-var sa = function() {
+function sa(a, e) {
+  const { reactive: n, computed: s } = a, { getList: l, itemHeight: t = 32, bufferSize: d = 5, headerHeight: r = () => 0 } = e, o = n({
+    scrollTop: 0,
+    viewportHeight: 300
+  }), i = s(() => (l() || []).length * t), u = s(() => {
+    const m = Math.max(0, o.scrollTop - r());
+    return Math.max(0, Math.floor(m / t) - d);
+  }), f = s(() => {
+    const m = l() || [], h = Math.ceil(o.viewportHeight / t);
+    return Math.min(m.length, u.value + h + d * 2);
+  }), c = s(() => u.value * t), p = s(() => (l() || []).slice(u.value, f.value));
+  return {
+    vsState: o,
+    totalHeight: i,
+    startIndex: u,
+    endIndex: f,
+    offsetY: c,
+    visibleItems: p,
+    handleScroll: (m) => {
+      o.scrollTop = m.target.scrollTop, o.viewportHeight = m.target.clientHeight;
+    }
+  };
+}
+var la = function() {
   var a, e = this, n = e.$createElement, s = e._self._c || n;
   return s("div", {
     attrs: {
@@ -1581,70 +1616,81 @@ var sa = function() {
     }
   }, [(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(o, t) {
+  }, [e._v(e._s(e.t("tvp.tvpSearchbox.operator")))]), e._l(e.state.currentOperators, function(l, t) {
     return s("tiny-dropdown-item", {
       directives: [{
         name: "show",
         rawName: "v-show",
-        value: o.includes(e.state.inputValue),
+        value: l.includes(e.state.inputValue),
         expression: "item.includes(state.inputValue)"
       }],
-      key: o + t,
+      key: l + t,
       staticClass: "tvp-search-box__dropdown-item",
       attrs: {
         "item-data": {
-          label: o
+          label: l
         }
       },
       on: {
         "item-click": function() {
-          return e.setOperator(o);
+          return e.setOperator(l);
         }
       }
-    }, [e._v(" " + e._s(o) + " ")]);
-  })], 2) : !e.state.prevItem.type || e.state.prevItem.type === "radio" ? s("div", {
+    }, [e._v(" " + e._s(l) + " ")]);
+  })], 2) : !e.state.prevItem.type || ["radio", "input"].includes(e.state.prevItem.type) ? 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(o, t) {
+    ref: "vsScrollEl",
+    class: ["tvp-search-box__radio-wrap", "tvp-search-box__virtual-list", e.isLoading && "tvp-search-box__loading-box"],
+    style: {
+      maxHeight: e.panelMaxHeight
+    },
+    on: {
+      scroll: e.vsHandleScroll
+    }
+  }, [s("div", {
+    staticClass: "tvp-search-box__virtual-phantom",
+    style: {
+      height: e.vsTotalHeight + "px"
+    }
+  }, [s("div", {
+    staticClass: "tvp-search-box__virtual-content",
+    style: {
+      transform: "translateY(" + e.vsOffsetY + "px)"
+    }
+  }, e._l(e.vsVisibleItems, function(l, t) {
     return s("tiny-dropdown-item", {
-      directives: [{
-        name: "show",
-        rawName: "v-show",
-        value: !o.isFilter || !e.state.inputValue,
-        expression: "!item.isFilter || !state.inputValue"
-      }],
-      key: t + (o.field || o.label),
+      key: e.vsStartIndex + t + (l.field || l.label),
       staticClass: "tvp-search-box__dropdown-item",
       attrs: {
-        disabled: o.isChecked,
-        "item-data": o
+        disabled: l.isChecked,
+        "item-data": l
       },
       on: {
         "item-click": function() {
-          return e.selectRadioItem(o);
+          return e.selectRadioItem(l);
         }
       }
-    }, [o.match ? s("span", {
+    }, [l.match ? s("span", {
       attrs: {
-        title: o.label
+        title: l.label
       }
-    }, e._l(o.match, function(m) {
+    }, e._l(l.match, function(d, r) {
       return s("span", {
-        key: m
-      }, [m.toLowerCase() === o.hightlighStr ? s("span", {
+        key: r
+      }, [d.toLowerCase() === l.hightlighStr ? s("span", {
         staticClass: "tvp-search-box__text-highlight"
-      }, [e._v(e._s(m))]) : s("span", [e._v(e._s(m))])]);
+      }, [e._v(e._s(d))]) : s("span", [e._v(e._s(d))])]);
     }), 0) : s("span", {
       attrs: {
-        title: o.label
+        title: l.label
       }
-    }, [e._v(e._s(o.label))])]);
-  }), 1) : e.state.prevItem.type === "checkbox" ? s("div", {
+    }, [e._v(e._s(l.label))])]);
+  }), 1)])]) : e.state.prevItem.type === "checkbox" ? s("div", {
     directives: [{
       name: "loading",
       rawName: "v-loading",
@@ -1652,14 +1698,23 @@ var sa = function() {
       expression: "isLoading"
     }],
     class: e.isLoading && "tvp-search-box__loading-box"
-  }, [e.showCheckBoxList ? s("div", [s("div", {
-    staticClass: "tvp-search-box__checkbox-wrap"
+  }, [e.showCheckBoxList ? s("div", {
+    staticClass: "tvp-search-box__checkbox-wrap",
+    style: {
+      maxHeight: e.panelMaxHeight
+    }
+  }, [s("div", {
+    ref: "vsScrollEl",
+    staticClass: "tvp-search-box__virtual-list tvp-search-box__checkbox-scroll",
+    on: {
+      scroll: e.vsHandleScroll
+    }
   }, [s("tiny-checkbox-group", {
     staticClass: "tvp-search-box__checkbox",
     model: {
       value: e.state.checkAll,
-      callback: function(o) {
-        e.$set(e.state, "checkAll", o);
+      callback: function(l) {
+        e.$set(e.state, "checkAll", l);
       },
       expression: "state.checkAll"
     }
@@ -1671,8 +1726,8 @@ var sa = function() {
     },
     model: {
       value: e.state.checkAll,
-      callback: function(o) {
-        e.$set(e.state, "checkAll", o);
+      callback: function(l) {
+        e.$set(e.state, "checkAll", l);
       },
       expression: "state.checkAll"
     }
@@ -1680,36 +1735,40 @@ var sa = function() {
     staticClass: "tvp-search-box__checkbox",
     model: {
       value: e.state.checkboxGroup,
-      callback: function(o) {
-        e.$set(e.state, "checkboxGroup", o);
+      callback: function(l) {
+        e.$set(e.state, "checkboxGroup", l);
       },
       expression: "state.checkboxGroup"
     }
-  }, e._l(e.state.backupList, function(o, t) {
+  }, [s("div", {
+    staticClass: "tvp-search-box__virtual-phantom",
+    style: {
+      height: e.vsTotalHeight + "px"
+    }
+  }, [s("div", {
+    staticClass: "tvp-search-box__virtual-content",
+    style: {
+      transform: "translateY(" + e.vsOffsetY + "px)"
+    }
+  }, e._l(e.vsVisibleItems, function(l, t) {
     return s("tiny-dropdown-item", {
-      directives: [{
-        name: "show",
-        rawName: "v-show",
-        value: !o.isFilter,
-        expression: "!item.isFilter"
-      }],
-      key: (o.field || o.label) + t,
+      key: (l.field || l.label) + e.vsStartIndex + t,
       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 + o.label,
-        title: o.label
+        label: e.state.prevItem.label + l.label,
+        title: l.label
       }
-    }, [e._v(" " + e._s(o.label) + " ")])], 1);
-  }), 1)], 1), s("div", {
+    }, [e._v(" " + e._s(l.label) + " ")])], 1);
+  }), 1)])])], 1), s("div", {
     staticClass: "tvp-search-box__checkbox-btn"
   }, [s("tiny-button", {
     attrs: {
       size: "mini"
     },
     on: {
-      click: function(o) {
+      click: function(l) {
         return e.selectCheckbox(!1);
       }
     }
@@ -1718,7 +1777,7 @@ var sa = function() {
       size: "mini"
     },
     on: {
-      click: function(o) {
+      click: function(l) {
         return e.selectCheckbox(!0);
       }
     }
@@ -1730,7 +1789,7 @@ var sa = function() {
     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", {
+  }, [e._v(" " + e._s(e.t("tvp.tvpSearchbox.minValueText")) + e._s(e.state.prevItem.unit ? `(${e.state.prevItem.unit})` : "") + " ")]), s("tiny-form-item", {
     staticClass: "tvp-search-box__number-item",
     attrs: {
       prop: e.state.curMinNumVar,
@@ -1743,14 +1802,14 @@ var sa = function() {
     },
     model: {
       value: e.state[e.state.curMinNumVar],
-      callback: function(o) {
-        e.$set(e.state, e.state.curMinNumVar, o);
+      callback: function(l) {
+        e.$set(e.state, e.state.curMinNumVar, l);
       },
       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", {
+  }, [e._v(" " + e._s(e.t("tvp.tvpSearchbox.maxValueText")) + e._s(e.state.prevItem.unit ? `(${e.state.prevItem.unit})` : "") + " ")]), s("tiny-form-item", {
     staticClass: "tvp-search-box__number-item",
     attrs: {
       prop: e.state.curMaxNumVar
@@ -1762,8 +1821,8 @@ var sa = function() {
     },
     model: {
       value: e.state[e.state.curMaxNumVar],
-      callback: function(o) {
-        e.$set(e.state, e.state.curMaxNumVar, o);
+      callback: function(l) {
+        e.$set(e.state, e.state.curMaxNumVar, l);
       },
       expression: "state[state.curMaxNumVar]"
     }
@@ -1774,7 +1833,7 @@ var sa = function() {
       size: "mini"
     },
     on: {
-      click: function(o) {
+      click: function(l) {
         return e.sizeChange(!1);
       }
     }
@@ -1783,8 +1842,8 @@ var sa = function() {
       size: "mini"
     },
     on: {
-      click: function(o) {
-        return o.stopPropagation(), e.sizeChange(!0);
+      click: function(l) {
+        return l.stopPropagation(), e.sizeChange(!0);
       }
     }
   }, [e._v(" " + e._s(e.t("tvp.tvpSearchbox.confirm")) + " ")])], 1)]) : e.state.prevItem.type === "dateRange" ? s("div", {
@@ -1815,8 +1874,8 @@ var sa = function() {
     },
     model: {
       value: e.state.startDate,
-      callback: function(o) {
-        e.$set(e.state, "startDate", o);
+      callback: function(l) {
+        e.$set(e.state, "startDate", l);
       },
       expression: "state.startDate"
     }
@@ -1840,8 +1899,8 @@ var sa = function() {
     },
     model: {
       value: e.state.endDate,
-      callback: function(o) {
-        e.$set(e.state, "endDate", o);
+      callback: function(l) {
+        e.$set(e.state, "endDate", l);
       },
       expression: "state.endDate"
     }
@@ -1852,7 +1911,7 @@ var sa = function() {
       size: "mini"
     },
     on: {
-      click: function(o) {
+      click: function(l) {
         return e.onConfirmDate(!1);
       }
     }
@@ -1861,7 +1920,7 @@ var sa = function() {
       size: "mini"
     },
     on: {
-      click: function(o) {
+      click: function(l) {
         return e.onConfirmDate(!0);
       }
     }
@@ -1896,8 +1955,8 @@ var sa = function() {
     },
     model: {
       value: e.state.startDateTime,
-      callback: function(o) {
-        e.$set(e.state, "startDateTime", o);
+      callback: function(l) {
+        e.$set(e.state, "startDateTime", l);
       },
       expression: "state.startDateTime"
     }
@@ -1923,8 +1982,8 @@ var sa = function() {
     },
     model: {
       value: e.state.endDateTime,
-      callback: function(o) {
-        e.$set(e.state, "endDateTime", o);
+      callback: function(l) {
+        e.$set(e.state, "endDateTime", l);
       },
       expression: "state.endDateTime"
     }
@@ -1935,7 +1994,7 @@ var sa = function() {
       size: "mini"
     },
     on: {
-      click: function(o) {
+      click: function(l) {
         return e.onConfirmDate(!1, !0);
       }
     }
@@ -1944,7 +2003,7 @@ var sa = function() {
       size: "mini"
     },
     on: {
-      click: function(o) {
+      click: function(l) {
         return e.onConfirmDate(!0, !0);
       }
     }
@@ -1955,73 +2014,122 @@ var sa = function() {
       value: e.isLoading,
       expression: "isLoading"
     }]
+  }, [s("div", {
+    ref: "vsScrollEl",
+    staticClass: "tvp-search-box__virtual-list",
+    style: {
+      maxHeight: e.panelMaxHeight
+    },
+    on: {
+      scroll: e.vsHandleScroll
+    }
   }, [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(o, t) {
+  }, [e._v(e._s(e.t("tvp.tvpSearchbox.tagValue")))]), s("div", {
+    staticClass: "tvp-search-box__virtual-phantom",
+    style: {
+      height: e.vsTotalHeight + "px"
+    }
+  }, [s("div", {
+    staticClass: "tvp-search-box__virtual-content",
+    style: {
+      transform: "translateY(" + e.vsOffsetY + "px)"
+    }
+  }, e._l(e.vsVisibleItems, function(l, t) {
     return s("tiny-dropdown-item", {
-      directives: [{
-        name: "show",
-        rawName: "v-show",
-        value: !o.isFilter,
-        expression: "!item.isFilter"
-      }],
-      key: o.label + o.value + t,
+      key: l.label + l.value + e.vsStartIndex + t,
       staticClass: "tvp-search-box__dropdown-item",
       attrs: {
-        disabled: o.isChecked,
-        "item-data": o
+        disabled: l.isChecked,
+        "item-data": l
       },
       on: {
         "item-click": function() {
-          return e.selectFirstMap(o, e.state.isShowTagKey);
+          return e.selectFirstMap(l, e.state.isShowTagKey);
         }
       }
     }, [s("span", {
       attrs: {
-        title: o.label
+        title: l.label
       }
-    }, [e._v(e._s(o.label))])]);
-  })], 2) : e._e()]);
+    }, [e._v(e._s(l.label))])]);
+  }), 1)])])]) : e._e()]);
 }, oa = [];
-const ra = (a, e, { emit: n }) => {
-  const { computed: s } = e, o = a.handleEvents || a.events || ((c, v, h) => {
-    n("events", c, v, h);
-  }), t = (c) => {
-    o("setOperator", c);
-  }, m = (c) => {
-    o("selectRadioItem", c);
-  }, l = (c) => {
-    o("selectCheckbox", c);
-  }, r = (c) => {
-    o("sizeChange", c);
-  }, u = (c, v) => {
-    o("onConfirmDate", c, v);
-  }, p = (c, v) => {
-    o("selectFirstMap", c, v);
-  }, i = (c) => {
-    o("handleDateShow", c);
-  }, d = s(() => {
-    var c;
-    return a.state.hasBackupList && ((c = a.state.backupList) == null ? void 0 : c.length) === 0;
-  }), f = s(() => {
-    var c;
-    return (c = a.state.backupList) == null ? void 0 : c.find((v) => !v.isFilter);
-  });
-  return {
-    setOperator: t,
-    selectRadioItem: m,
-    selectCheckbox: l,
-    sizeChange: r,
-    onConfirmDate: u,
-    selectFirstMap: p,
-    handleDateShow: i,
-    isLoading: d,
-    showCheckBoxList: f,
-    t: L
+const ra = (a, e, { emit: n, nextTick: s, refs: l }) => {
+  const { computed: t, reactive: d, watch: r, onMounted: o } = e, i = a.handleEvents || a.events || ((b, x, I) => {
+    n("events", b, x, I);
+  }), u = (b) => {
+    i("setOperator", b);
+  }, f = (b) => {
+    i("selectRadioItem", b);
+  }, c = (b) => {
+    i("selectCheckbox", b);
+  }, p = (b) => {
+    i("sizeChange", b);
+  }, v = (b, x) => {
+    i("onConfirmDate", b, x);
+  }, m = (b, x) => {
+    i("selectFirstMap", b, x);
+  }, h = (b) => {
+    i("handleDateShow", b);
+  }, g = t(() => {
+    var b;
+    return a.state.hasBackupList && ((b = a.state.backupList) == null ? void 0 : b.length) === 0;
+  }), y = t(() => {
+    var b;
+    return (b = a.state.backupList) == null ? void 0 : b.find((x) => !x.isFilter);
+  }), T = t(() => {
+    const b = a.state.prevItem.type, x = a.state.backupList || [];
+    return !b || b === "radio" ? a.state.inputValue ? x.filter((I) => !I.isFilter) : x : x.filter((I) => !I.isFilter);
+  }), _ = sa(
+    { reactive: d, computed: t },
+    {
+      getList: () => T.value,
+      itemHeight: 32,
+      bufferSize: 5,
+      headerHeight: () => {
+        const b = a.state.prevItem.type;
+        return b === "checkbox" || b === "map" ? 32 : 0;
+      }
+    }
+  );
+  return r(
+    () => a.state.inputValue,
+    () => {
+      _.vsState.scrollTop = 0, s(() => {
+        l.vsScrollEl && (l.vsScrollEl.scrollTop = 0);
+      });
+    }
+  ), r(
+    () => a.state.prevItem,
+    () => {
+      _.vsState.scrollTop = 0, s(() => {
+        l.vsScrollEl && (l.vsScrollEl.scrollTop = 0, _.handleScroll({ target: l.vsScrollEl }));
+      });
+    },
+    { deep: !0 }
+  ), o(() => {
+    l.vsScrollEl && _.handleScroll({ target: l.vsScrollEl });
+  }), {
+    setOperator: u,
+    selectRadioItem: f,
+    selectCheckbox: c,
+    sizeChange: p,
+    onConfirmDate: v,
+    selectFirstMap: m,
+    handleDateShow: h,
+    isLoading: g,
+    showCheckBoxList: y,
+    vsTotalHeight: _.totalHeight,
+    vsStartIndex: _.startIndex,
+    vsOffsetY: _.offsetY,
+    vsVisibleItems: _.visibleItems,
+    vsHandleScroll: _.handleScroll,
+    t: R
   };
-}, la = [
+}, ia = [
   "setOperator",
   "selectRadioItem",
   "selectCheckbox",
@@ -2031,24 +2139,29 @@ const ra = (a, e, { emit: n }) => {
   "handleDateShow",
   "isLoading",
   "showCheckBoxList",
+  "vsTotalHeight",
+  "vsStartIndex",
+  "vsOffsetY",
+  "vsVisibleItems",
+  "vsHandleScroll",
   "t"
-], ia = J({
-  name: de + "SearchBoxSecondLevelPanel",
+], ca = ne({
+  name: ve + "SearchBoxSecondLevelPanel",
   emits: ["events", "click"],
   components: {
-    TinyFormItem: we,
-    TinyDropdownItem: ye,
+    TinyFormItem: Te,
+    TinyDropdownItem: Ve,
     TinyCheckbox: Ae,
     TinyCheckboxGroup: ze,
-    TinyDatePicker: Ie,
-    TinyInput: ke,
-    TinyButton: Ve
+    TinyDatePicker: ke,
+    TinyInput: Ce,
+    TinyButton: Se
   },
   directives: {
     loading: je.directive
   },
   props: {
-    ...ee,
+    ...se,
     state: {
       type: Object,
       default: () => ({})
@@ -2065,35 +2178,39 @@ const ra = (a, e, { emit: n }) => {
     handleEvents: {
       type: Function,
       default: null
+    },
+    panelMaxHeight: {
+      type: String,
+      default: "999px"
     }
   },
   setup(a, e) {
-    return me({ props: a, context: e, renderless: ra, api: la });
+    return me({ props: a, context: e, renderless: ra, api: ia });
   }
-}), _e = {};
-var ca = /* @__PURE__ */ ve(
-  ia,
-  sa,
+}), Ie = {};
+var ua = /* @__PURE__ */ _e(
+  ca,
+  la,
   oa,
   !1,
-  ua,
+  pa,
   null,
   null,
   null
 );
-function ua(a) {
-  for (let e in _e)
-    this[e] = _e[e];
+function pa(a) {
+  for (let e in Ie)
+    this[e] = Ie[e];
 }
-const pa = /* @__PURE__ */ function() {
-  return ca.exports;
-}(), da = J({
+const da = /* @__PURE__ */ function() {
+  return ua.exports;
+}(), fa = ne({
   model: {
     prop: "modelValue",
     event: "update:modelValue"
   },
   props: {
-    ...ee,
+    ...se,
     tiny_mode: {
       type: String,
       default: "pc"
@@ -2130,6 +2247,10 @@ const pa = /* @__PURE__ */ function() {
       type: String,
       default: ""
     },
+    defaultFieldReplace: {
+      type: Boolean,
+      default: !1
+    },
     editable: {
       type: Boolean,
       default: !1
@@ -2156,65 +2277,65 @@ const pa = /* @__PURE__ */ function() {
       default: ""
     }
   },
-  emits: ["update:modelValue", "change", "search", "exceed", "first-level-select", "second-level-enter", "clear", "tagClick", "help"],
+  emits: ["update:modelValue", "change", "search", "exceed", "first-level-select", "second-level-enter", "clear", "tagClick", "help", "validate-error"],
   components: {
-    TinyTag: He,
-    TinyInput: ke,
-    TinyDropdown: Ge,
-    TinyDropdownMenu: Ke,
-    TinyButton: Ve,
-    TinyTooltip: Ue,
-    TinyDatePicker: Ie,
+    TinyTag: Ge,
+    TinyInput: Ce,
+    TinyDropdown: Ke,
+    TinyDropdownMenu: Ue,
+    TinyButton: Se,
+    TinyTooltip: Ye,
+    TinyDatePicker: ke,
     TinyForm: qe,
-    TinyFormItem: we,
+    TinyFormItem: Te,
     TinyPopover: Ze,
-    TinySelect: Ye,
+    TinySelect: Xe,
     TinyOption: We,
     TinySearchBoxFirstLevelPanel: na,
-    TinySearchBoxSecondLevelPanel: pa,
+    TinySearchBoxSecondLevelPanel: da,
     // 图标组件
     TinyIconSearch: Qe(),
-    TinyIconClose: Xe(),
-    TinyIconHelpQuery: Je()
+    TinyIconClose: Je(),
+    TinyIconHelpQuery: et()
   },
   setup(a, e) {
-    return me({ props: a, context: e, renderless: qt, api: Kt });
+    return me({ props: a, context: e, renderless: Yt, api: Kt });
   }
 });
-var ma = function() {
-  var a, e, n, s, o, t = this, m = t.$createElement, l = t._self._c || m;
-  return l("div", {
+var ha = function() {
+  var a, e, n, s, l, t = this, d = t.$createElement, r = t._self._c || d;
+  return r("div", {
     class: ["tvp-search-box", t.size === "small" ? "tvp-search-box--small" : "", t.showPrefixIcon ? "" : "hide-prefix-icon"],
     on: {
-      click: function(r) {
-        return r.stopPropagation(), t.showPopover(t.state, !1);
+      click: function(o) {
+        return o.stopPropagation(), t.showPopover(t.state, !1);
       }
     }
-  }, [t.showPrefixIcon ? l("tiny-icon-search", {
+  }, [t.showPrefixIcon ? r("tiny-icon-search", {
     staticClass: "tvp-search-box__prefix"
-  }) : t._e(), t._l(t.modelValue, function(r, u) {
-    return l("tiny-tag", {
-      key: r.field + u,
+  }) : t._e(), t._l(t.modelValue, function(o, i) {
+    return r("tiny-tag", {
+      key: o.field + i,
       staticClass: "tvp-search-box__tag",
-      class: t.editable && r.type !== "map" ? "tvp-search-box__tag-editor" : "",
+      class: t.editable && o.type !== "map" ? "tvp-search-box__tag-editor" : "",
       attrs: {
         closable: "",
-        title: `${r.label} ${r.operator || ":"} ${r.value}`
+        title: `${o.label} ${o.operator || ":"} ${o.value}`
       },
       on: {
-        close: function(p) {
-          return t.deleteTag(r);
+        close: function(u) {
+          return t.deleteTag(o);
         },
-        click: function(p) {
-          return p.stopPropagation(), t.editTag(r, u, p);
+        click: function(u) {
+          return u.stopPropagation(), t.editTag(o, i, u);
         }
       }
-    }, [l("span", {
+    }, [r("span", {
       staticClass: "tvp-search-box__tag-value"
-    }, [t._v(t._s(r.label) + " " + t._s(r.operator || ":") + " " + t._s(r.value) + " ")])]);
-  }), t.modelValue.length ? l("span", {
+    }, [t._v(t._s(o.label) + " " + t._s(o.operator || ":") + " " + t._s(o.value) + " ")])]);
+  }), t.modelValue.length ? r("span", {
     staticClass: "tvp-search-box__placeholder"
-  }) : t._e(), l("tiny-form", {
+  }) : t._e(), r("tiny-form", {
     ref: "formRef",
     staticClass: "tvp-search-box__form",
     attrs: {
@@ -2225,25 +2346,25 @@ var ma = function() {
       "label-width": "0px",
       "message-type": "block"
     }
-  }, [l("div", {
+  }, [r("div", {
     staticClass: "tvp-search-box__input-wrapper"
-  }, [l("section", {
+  }, [r("section", {
     staticClass: "tvp-search-box__prop"
-  }, [l("span", {
+  }, [r("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 : ""} `))]), l("span", {
+  }, [t._v(t._s(t.state.propItem.label) + " " + t._s(`${t.state.operatorValue ? t.state.operatorValue : ""} `))]), r("span", {
     directives: [{
       name: "show",
       rawName: "v-show",
       value: t.state.propItem.value,
       expression: "state.propItem.value"
     }]
-  }, [t._v(t._s(t.state.propItem.value))])]), l("tiny-popover", {
+  }, [t._v(t._s(t.state.propItem.value))])]), r("tiny-popover", {
     ref: "dropdownRef",
     staticClass: "tvp-search-box__dropdown",
     attrs: {
@@ -2256,7 +2377,7 @@ var ma = function() {
     scopedSlots: t._u([{
       key: "reference",
       fn: function() {
-        return [l("tiny-input", {
+        return [r("tiny-input", {
           ref: "inputRef",
           staticClass: "tvp-search-box__input",
           attrs: {
@@ -2264,10 +2385,10 @@ var ma = function() {
             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));
+            keydown: [function(o) {
+              return !o.type.indexOf("key") && t._k(o.keyCode, "delete", [8, 46], o.key, ["Backspace", "Delete", "Del"]) ? null : (o.stopPropagation(), t.backspaceDeleteTag.apply(null, arguments));
+            }, function(o) {
+              return !o.type.indexOf("key") && t._k(o.keyCode, "enter", 13, o.key, "Enter") ? null : (o.stopPropagation(), t.createTag.apply(null, arguments));
             }],
             input: t.handleInput,
             click: t.handleClick
@@ -2275,8 +2396,8 @@ var ma = function() {
           scopedSlots: t._u([{
             key: "suffix",
             fn: function() {
-              var r, u, p, i, d, f, c, v;
-              return [l("tiny-icon-close", {
+              var o, i, u, f, c, p, v, m;
+              return [r("tiny-icon-close", {
                 directives: [{
                   name: "show",
                   rawName: "v-show",
@@ -2289,33 +2410,33 @@ var ma = function() {
                     return h.stopPropagation(), t.clearTag.apply(null, arguments);
                   }
                 }
-              }), l("span", {
+              }), r("span", {
                 directives: [{
                   name: "show",
                   rawName: "v-show",
-                  value: t.isShowClose && (t.showHelp || ((r = t.state.instance) === null || r === void 0 || (u = r.$slots) === null || u === void 0 ? void 0 : u["suffix-icon"]) || ((p = t.state.instance) === null || p === void 0 || (i = p.slots) === null || i === void 0 ? void 0 : i["suffix-icon"])),
+                  value: t.isShowClose && (t.showHelp || ((o = t.state.instance) === null || o === void 0 || (i = o.$slots) === null || i === void 0 ? void 0 : i["suffix-icon"]) || ((u = t.state.instance) === null || u === void 0 || (f = u.slots) === null || f === void 0 ? void 0 : f["suffix-icon"])),
                   expression: `
                   isShowClose &&
                   (showHelp || state.instance?.$slots?.['suffix-icon'] || state.instance?.slots?.['suffix-icon'])
                 `
                 }],
                 staticClass: "tvp-search-box__input-separator"
-              }), (d = t.state.instance) !== null && d !== void 0 && (f = d.$slots) !== null && f !== void 0 && f["suffix-icon"] || (c = t.state.instance) !== null && c !== void 0 && (v = c.slots) !== null && v !== void 0 && v["suffix-icon"] ? l("span", {
+              }), (c = t.state.instance) !== null && c !== void 0 && (p = c.$slots) !== null && p !== void 0 && p["suffix-icon"] || (v = t.state.instance) !== null && v !== void 0 && (m = v.slots) !== null && m !== void 0 && m["suffix-icon"] ? r("span", {
                 class: t.showHelp ? "tvp-search-box__suffix-icon-slot" : "tvp-search-box__suffix-icon-slot-no-help"
-              }, [t._t("suffix-icon")], 2) : t._e(), t.showHelp ? l("tiny-tooltip", {
+              }, [t._t("suffix-icon")], 2) : t._e(), t.showHelp ? r("tiny-tooltip", {
                 attrs: {
                   effect: "light",
                   content: t.t("tvp.tvpSearchbox.help"),
                   placement: "top"
                 }
-              }, [l("tiny-icon-help-query", {
+              }, [r("tiny-icon-help-query", {
                 staticClass: "tvp-search-box__input-help",
                 on: {
                   click: function(h) {
                     return h.stopPropagation(), t.helpClick.apply(null, arguments);
                   }
                 }
-              })], 1) : t._e(), l("tiny-icon-search", {
+              })], 1) : t._e(), r("tiny-icon-search", {
                 staticClass: "tvp-search-box__input-search",
                 on: {
                   click: function(h) {
@@ -2328,8 +2449,8 @@ var ma = function() {
           }], null, !0),
           model: {
             value: t.state.inputValue,
-            callback: function(r) {
-              t.$set(t.state, "inputValue", r);
+            callback: function(o) {
+              t.$set(t.state, "inputValue", o);
             },
             expression: "state.inputValue"
           }
@@ -2339,23 +2460,23 @@ var ma = function() {
     }]),
     model: {
       value: t.state.visible,
-      callback: function(r) {
-        t.$set(t.state, "visible", r);
+      callback: function(o) {
+        t.$set(t.state, "visible", o);
       },
       expression: "state.visible"
     }
-  }, [l("div", {
+  }, [r("div", {
     staticClass: "tvp-search-box__dropdown",
     style: {
       "max-height": t.panelMaxHeight
     },
     on: {
-      mouseup: function(r) {
-        return r.stopPropagation(), (function() {
+      mouseup: function(o) {
+        return o.stopPropagation(), (function() {
         }).apply(null, arguments);
       }
     }
-  }, [l("div", {
+  }, [r("div", {
     directives: [{
       name: "show",
       rawName: "v-show",
@@ -2365,12 +2486,12 @@ var ma = function() {
   }, [(e = t.state.instance) !== null && e !== void 0 && e.slots["first-panel"] ? t._t("first-panel", null, null, {
     state: t.state,
     handleEvents: t.handleEvents
-  }) : l("TinySearchBoxFirstLevelPanel", {
+  }) : r("TinySearchBoxFirstLevelPanel", {
     attrs: {
       state: t.state,
       handleEvents: t.handleEvents
     }
-  })], 2), l("div", {
+  })], 2), r("div", {
     directives: [{
       name: "show",
       rawName: "v-show",
@@ -2384,18 +2505,19 @@ var ma = function() {
     back: function() {
       return t.resetInput(t.state);
     }
-  }) : t.state.prevItem.type !== "custom" ? l("TinySearchBoxSecondLevelPanel", {
+  }) : t.state.prevItem.type !== "custom" ? r("TinySearchBoxSecondLevelPanel", {
     attrs: {
       state: t.state,
-      "picker-options": t.pickerOptions
+      "picker-options": t.pickerOptions,
+      "panel-max-height": t.panelMaxHeight
     },
     on: {
       events: t.handleEvents
     }
-  }) : l("div", {
+  }) : r("div", {
     staticClass: "tvp-search-box__panel-box",
     on: {
-      click: function(r) {
+      click: function(o) {
         return t.showDropdown(t.state);
       }
     }
@@ -2404,7 +2526,7 @@ var ma = function() {
       return t.showDropdown(t.state);
     },
     onConfirm: t.handleConfirm
-  })], 2)], 2)])])], 1), t.editable ? [l("tiny-popover", {
+  })], 2)], 2)])])], 1), t.editable ? [r("tiny-popover", {
     ref: "popoverRef",
     staticClass: "tvp-search-box__form-popover",
     attrs: {
@@ -2416,30 +2538,30 @@ var ma = function() {
     },
     model: {
       value: t.state.popoverVisible,
-      callback: function(r) {
-        t.$set(t.state, "popoverVisible", r);
+      callback: function(o) {
+        t.$set(t.state, "popoverVisible", o);
       },
       expression: "state.popoverVisible"
     }
-  }, [t.state.prevItem.type !== "custom" ? [l("div", {
+  }, [t.state.prevItem.type !== "custom" ? [r("div", {
     staticClass: "tvp-search-box__date-wrap"
-  }, [l("div", {
+  }, [r("div", {
     staticClass: "tvp-search-box__dropdown-start"
-  }, [t._v(" " + t._s(t.t("tvp.tvpSearchbox.attributeType")) + " ")]), l("tiny-form-item", {
+  }, [t._v(" " + t._s(t.t("tvp.tvpSearchbox.attributeType")) + " ")]), r("tiny-form-item", {
     staticClass: "tvp-search-box__number-item"
-  }, [l("tiny-select", {
+  }, [r("tiny-select", {
     attrs: {
       searchable: "",
       disabled: t.state.prevItem.editAttrDisabled
     },
     model: {
       value: t.state.selectValue,
-      callback: function(r) {
-        t.$set(t.state, "selectValue", r);
+      callback: function(o) {
+        t.$set(t.state, "selectValue", o);
       },
       expression: "state.selectValue"
     }
-  }, [l("tiny-option", {
+  }, [r("tiny-option", {
     key: t.state.allTypeAttri.label,
     attrs: {
       label: t.t("tvp.tvpSearchbox.allProperty"),
@@ -2447,142 +2569,142 @@ var ma = function() {
       disabled: t.selectItemIsDisable(t.state.allTypeAttri)
     },
     on: {
-      click: function(r) {
+      click: function(o) {
         t.selectPropChange(t.state.allTypeAttri, t.selectItemIsDisable(t.state.allTypeAttri));
       }
     }
-  }), t._l(t.state.recordItems, function(r) {
-    return l("tiny-option", {
-      key: r.label,
+  }), t._l(t.state.recordItems, function(o) {
+    return r("tiny-option", {
+      key: o.label,
       attrs: {
-        label: r.label,
-        value: r.label,
-        disabled: t.selectItemIsDisable(r)
+        label: o.label,
+        value: o.label,
+        disabled: t.selectItemIsDisable(o)
       },
       on: {
-        click: function(u) {
-          t.selectPropChange(r, t.selectItemIsDisable(r));
+        click: function(i) {
+          t.selectPropChange(o, t.selectItemIsDisable(o));
         }
       }
     });
-  })], 2)], 1), t.state.prevItem.operators ? l("div", {
+  })], 2)], 1), t.state.prevItem.operators ? r("div", {
     staticClass: "tvp-search-box__dropdown-end"
-  }, [t._v(" " + t._s(t.t("tvp.tvpSearchbox.operator")) + " ")]) : t._e(), t.state.prevItem.operators ? l("tiny-form-item", {
+  }, [t._v(" " + t._s(t.t("tvp.tvpSearchbox.operator")) + " ")]) : t._e(), t.state.prevItem.operators ? r("tiny-form-item", {
     staticClass: "tvp-search-box__number-item"
-  }, [l("tiny-select", {
+  }, [r("tiny-select", {
     model: {
       value: t.state.operatorValue,
-      callback: function(r) {
-        t.$set(t.state, "operatorValue", r);
+      callback: function(o) {
+        t.$set(t.state, "operatorValue", o);
       },
       expression: "state.operatorValue"
     }
-  }, t._l(t.state.currentOperators, function(r) {
-    return l("tiny-option", {
-      key: r,
+  }, t._l(t.state.currentOperators, function(o) {
+    return r("tiny-option", {
+      key: o,
       attrs: {
-        label: r,
-        value: r
+        label: o,
+        value: o
       }
     });
-  }), 1)], 1) : t._e(), t.state.prevItem.type !== "numRange" ? l("div", {
+  }), 1)], 1) : t._e(), t.state.prevItem.type !== "numRange" ? r("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() : l("tiny-form-item", {
+  }, [t._v(" " + t._s(t.t("tvp.tvpSearchbox.tagValue")) + " ")]) : t._e(), ["numRange", "dateRange", "datetimeRange", "custom"].includes(t.state.prevItem.type) ? t._e() : r("tiny-form-item", {
     staticClass: "tvp-search-box__number-item",
     attrs: {
       prop: "inputEditValue"
     }
-  }, [((s = t.state.currentEditValue) === null || s === void 0 ? void 0 : s.length) > 0 ? l("tiny-select", {
+  }, [((s = t.state.currentEditValue) === null || s === void 0 ? void 0 : s.length) > 0 ? r("tiny-select", {
     staticClass: "tvp-search-box-select",
     attrs: {
       multiple: !!t.state.prevItem.mergeTag,
-      "allow-create": (o = t.state.prevItem) === null || o === void 0 ? void 0 : o.allowCreate,
+      "allow-create": (l = t.state.prevItem) === null || l === void 0 ? void 0 : l.allowCreate,
       filterable: "",
       "default-first-option": "",
       clearable: ""
     },
     model: {
       value: t.state.inputEditValue,
-      callback: function(r) {
-        t.$set(t.state, "inputEditValue", r);
+      callback: function(o) {
+        t.$set(t.state, "inputEditValue", o);
       },
       expression: "state.inputEditValue"
     }
-  }, t._l(t.state.currentEditValue, function(r) {
-    return l("tiny-option", {
-      key: r.label,
+  }, t._l(t.state.currentEditValue, function(o) {
+    return r("tiny-option", {
+      key: o.label,
       attrs: {
-        label: r.label,
-        value: r.label
+        label: o.label,
+        value: o.label
       }
     });
-  }), 1) : l("tiny-input", {
+  }), 1) : r("tiny-input", {
     attrs: {
       clearable: ""
     },
     model: {
       value: t.state.inputEditValue,
-      callback: function(r) {
-        t.$set(t.state, "inputEditValue", r);
+      callback: function(o) {
+        t.$set(t.state, "inputEditValue", o);
       },
       expression: "state.inputEditValue"
     }
-  })], 1), t.state.prevItem.type === "numRange" ? l("div", {
+  })], 1), t.state.prevItem.type === "numRange" ? r("div", {
     staticClass: "tvp-search-box__number"
-  }, [l("div", {
+  }, [r("div", {
     staticClass: "tvp-search-box__dropdown-start"
-  }, [t._v(" " + t._s(t.t("tvp.tvpSearchbox.minValueText")) + "(" + t._s(t.state.prevItem.unit) + ") ")]), l("tiny-form-item", {
+  }, [t._v(" " + t._s(t.t("tvp.tvpSearchbox.minValueText")) + t._s(t.state.prevItem.unit ? `(${t.state.prevItem.unit})` : "") + " ")]), r("tiny-form-item", {
     staticClass: "tvp-search-box__number-item",
     attrs: {
       prop: t.state.curMinNumVar,
       "show-message": t.state.numberShowMessage
     }
-  }, [l("tiny-input", {
+  }, [r("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);
+      callback: function(o) {
+        t.$set(t.state, t.state.curMinNumVar, o);
       },
       expression: "state[state.curMinNumVar]"
     }
-  })], 1), l("div", {
+  })], 1), r("div", {
     staticClass: "tvp-search-box__dropdown-end"
-  }, [t._v(" " + t._s(t.t("tvp.tvpSearchbox.maxValueText")) + "(" + t._s(t.state.prevItem.unit) + ") ")]), l("tiny-form-item", {
+  }, [t._v(" " + t._s(t.t("tvp.tvpSearchbox.maxValueText")) + t._s(t.state.prevItem.unit ? `(${t.state.prevItem.unit})` : "") + " ")]), r("tiny-form-item", {
     staticClass: "tvp-search-box__number-item",
     attrs: {
       prop: t.state.curMaxNumVar
     }
-  }, [l("tiny-input", {
+  }, [r("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);
+      callback: function(o) {
+        t.$set(t.state, t.state.curMaxNumVar, o);
       },
       expression: "state[state.curMaxNumVar]"
     }
-  })], 1)], 1) : t._e(), t.state.prevItem.type === "dateRange" ? l("div", {
+  })], 1)], 1) : t._e(), t.state.prevItem.type === "dateRange" ? r("div", {
     staticClass: "tvp-search-box__date-wrap"
-  }, [l("div", {
+  }, [r("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")) + " ")]), l("div", {
+  }) : t.t("tvp.tvpSearchbox.rangeDateTitle")) + " ")]), r("div", {
     staticClass: "tvp-search-box__dropdown-start"
-  }, [t._v(" " + t._s(t.t("tvp.tvpSearchbox.rangeBeginLabel")) + " ")]), l("tiny-form-item", {
+  }, [t._v(" " + t._s(t.t("tvp.tvpSearchbox.rangeBeginLabel")) + " ")]), r("tiny-form-item", {
     staticClass: "tvp-search-box__date-item",
     attrs: {
       prop: "startDate",
       "show-message": !!t.state.prevItem.maxTimeLength
     }
-  }, [l("tiny-date-picker", {
+  }, [r("tiny-date-picker", {
     staticClass: "tvp-search-box__date-picker",
     attrs: {
       format: t.state.prevItem.format || t.state.dateRangeFormat,
@@ -2591,19 +2713,19 @@ var ma = function() {
     },
     model: {
       value: t.state.startDate,
-      callback: function(r) {
-        t.$set(t.state, "startDate", r);
+      callback: function(o) {
+        t.$set(t.state, "startDate", o);
       },
       expression: "state.startDate"
     }
-  })], 1), l("div", {
+  })], 1), r("div", {
     staticClass: "tvp-search-box__dropdown-end"
-  }, [t._v(" " + t._s(t.t("tvp.tvpSearchbox.rangeEndLabel")) + " ")]), l("tiny-form-item", {
+  }, [t._v(" " + t._s(t.t("tvp.tvpSearchbox.rangeEndLabel")) + " ")]), r("tiny-form-item", {
     staticClass: "tvp-search-box__date-item",
     attrs: {
       prop: "endDate"
     }
-  }, [l("tiny-date-picker", {
+  }, [r("tiny-date-picker", {
     staticClass: "tvp-search-box__date-picker",
     attrs: {
       format: t.state.prevItem.format || t.state.dateRangeFormat,
@@ -2612,26 +2734,26 @@ var ma = function() {
     },
     model: {
       value: t.state.endDate,
-      callback: function(r) {
-        t.$set(t.state, "endDate", r);
+      callback: function(o) {
+        t.$set(t.state, "endDate", o);
       },
       expression: "state.endDate"
     }
-  })], 1)], 1) : t._e(), t.state.prevItem.type === "datetimeRange" ? l("div", {
+  })], 1)], 1) : t._e(), t.state.prevItem.type === "datetimeRange" ? r("div", {
     staticClass: "tvp-search-box__date-wrap"
-  }, [l("div", {
+  }, [r("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")) + " ")]), l("div", {
+  }) : t.t("tvp.tvpSearchbox.rangeDateTitle")) + " ")]), r("div", {
     staticClass: "tvp-search-box__dropdown-start"
-  }, [t._v(" " + t._s(t.t("tvp.tvpSearchbox.rangeBeginLabel")) + " ")]), l("tiny-form-item", {
+  }, [t._v(" " + t._s(t.t("tvp.tvpSearchbox.rangeBeginLabel")) + " ")]), r("tiny-form-item", {
     staticClass: "tvp-search-box__date-item",
     attrs: {
       prop: "startDateTime",
       "show-message": !!t.state.prevItem.maxTimeLength
     }
-  }, [l("tiny-date-picker", {
+  }, [r("tiny-date-picker", {
     staticClass: "tvp-search-box__date-picker",
     attrs: {
       type: "datetime",
@@ -2642,19 +2764,19 @@ var ma = function() {
     },
     model: {
       value: t.state.startDateTime,
-      callback: function(r) {
-        t.$set(t.state, "startDateTime", r);
+      callback: function(o) {
+        t.$set(t.state, "startDateTime", o);
       },
       expression: "state.startDateTime"
     }
-  })], 1), l("div", {
+  })], 1), r("div", {
     staticClass: "tvp-search-box__dropdown-end"
-  }, [t._v(" " + t._s(t.t("tvp.tvpSearchbox.rangeEndLabel")) + " ")]), l("tiny-form-item", {
+  }, [t._v(" " + t._s(t.t("tvp.tvpSearchbox.rangeEndLabel")) + " ")]), r("tiny-form-item", {
     staticClass: "tvp-search-box__date-item",
     attrs: {
       prop: "endDateTime"
     }
-  }, [l("tiny-date-picker", {
+  }, [r("tiny-date-picker", {
     staticClass: "tvp-search-box__date-picker",
     attrs: {
       type: "datetime",
@@ -2665,60 +2787,60 @@ var ma = function() {
     },
     model: {
       value: t.state.endDateTime,
-      callback: function(r) {
-        t.$set(t.state, "endDateTime", r);
+      callback: function(o) {
+        t.$set(t.state, "endDateTime", o);
       },
       expression: "state.endDateTime"
     }
-  })], 1)], 1) : t._e()], 1), l("div", {
+  })], 1)], 1) : t._e()], 1), r("div", {
     staticClass: "tvp-search-box__bottom-btn"
-  }, [l("tiny-button", {
+  }, [r("tiny-button", {
     attrs: {
       size: "mini"
     },
     on: {
-      click: function(r) {
+      click: function(o) {
         return t.confirmEditTag(!1);
       }
     }
-  }, [t._v(" " + t._s(t.t("tvp.tvpSearchbox.cancel")) + " ")]), l("tiny-button", {
+  }, [t._v(" " + t._s(t.t("tvp.tvpSearchbox.cancel")) + " ")]), r("tiny-button", {
     attrs: {
       size: "mini",
       disabled: t.state.hasFormError
     },
     on: {
-      click: function(r) {
+      click: function(o) {
         return t.confirmEditTag(!0);
       }
     }
-  }, [t._v(" " + t._s(t.t("tvp.tvpSearchbox.confirm")) + " ")])], 1)] : l("div", {
+  }, [t._v(" " + t._s(t.t("tvp.tvpSearchbox.confirm")) + " ")])], 1)] : t.state.popoverVisible ? r("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);
-}, fa = [];
-const xe = {};
-var ha = /* @__PURE__ */ ve(
-  da,
-  ma,
+  })], 2) : t._e()], 2)] : t._e()], 2)], 2);
+}, va = [];
+const we = {};
+var ma = /* @__PURE__ */ _e(
   fa,
-  !1,
+  ha,
   va,
+  !1,
+  ba,
   null,
   null,
   null
 );
-function va(a) {
-  for (let e in xe)
-    this[e] = xe[e];
+function ba(a) {
+  for (let e in we)
+    this[e] = we[e];
 }
-const ba = /* @__PURE__ */ function() {
-  return ha.exports;
-}(), ga = {
-  ...ee,
+const ga = /* @__PURE__ */ function() {
+  return ma.exports;
+}(), _a = {
+  ...se,
   tiny_mode: {
     type: String,
     default: "pc"
@@ -2763,6 +2885,10 @@ const ba = /* @__PURE__ */ function() {
     type: String,
     default: ""
   },
+  defaultFieldReplace: {
+    type: Boolean,
+    default: !1
+  },
   /** 是否可编辑 */
   editable: {
     type: Boolean,
@@ -2803,23 +2929,29 @@ const ba = /* @__PURE__ */ function() {
     type: Boolean,
     default: !1
   }
-}, Y = J({
-  name: de + "SearchBox",
-  props: ga,
-  ...ba
-}), _a = "3.28.5-alpha.0";
-Y.install = function(a) {
-  a.component(Y.name, Y);
+}, J = ne({
+  name: ve + "SearchBox",
+  props: _a,
+  ...ga
+}), xa = "3.29.1";
+J.install = function(a) {
+  const e = a;
+  e && e.config && e.config.globalProperties && fe(e), e && e.mixin && !e.__TINY_SEARCH_BOX_I18N_MIXIN__ && (e.__TINY_SEARCH_BOX_I18N_MIXIN__ = !0, e.mixin({
+    beforeCreate() {
+      const n = this;
+      n && (n.$i18n || n.$t || n.$root && (n.$root.$i18n || n.$root.$t)) && fe(n.$root || n);
+    }
+  })), e.component(J.name, J);
 };
-Y.version = _a;
-window && typeof window < "u" && window.Vue && Y.install(window.Vue);
+J.version = xa;
+typeof window < "u" && window.Vue && J.install(window.Vue);
 export {
   na as TinySearchBoxFirstLevelPanel,
-  pa as TinySearchBoxSecondLevelPanel,
-  Y as default,
-  Ne as enUS,
-  Ot as setGlobalApp,
-  L as t,
-  Le as zhCN
+  da as TinySearchBoxSecondLevelPanel,
+  J as default,
+  Oe as enUS,
+  fe as setGlobalApp,
+  R as t,
+  Pe as zhCN
 };
 //# sourceMappingURL=index.js.map