@opentiny/vue-search-box 3.27.2-alpha.0 → 3.28.0

package/index.js

@@ -14,7 +14,7 @@ import it from "@opentiny/vue-select";
 import pt from "@opentiny/vue-option";
 import { iconSearch as ut, iconClose as ct, iconHelpQuery as dt } from "@opentiny/vue-icon";
 import ze from "@opentiny/vue-dropdown-item";
-import { resolveComponent as N, openBlock as y, createElementBlock as w, withDirectives as H, createVNode as C, withCtx as M, createElementVNode as S, toDisplayString as I, vShow as G, Fragment as x, renderList as U, createBlock as F, createCommentVNode as z, createTextVNode as K, resolveDirective as mt, normalizeClass as he, withModifiers as Y, withKeys as Oe, normalizeStyle as ft, renderSlot as me, mergeProps as fe } from "vue";
+import { resolveComponent as N, openBlock as y, createElementBlock as w, withDirectives as H, createVNode as C, withCtx as M, createElementVNode as D, toDisplayString as I, vShow as G, Fragment as x, renderList as U, createBlock as F, createCommentVNode as z, createTextVNode as K, resolveDirective as mt, normalizeClass as he, withModifiers as Y, withKeys as Oe, normalizeStyle as ft, renderSlot as me, mergeProps as fe } from "vue";
 import ht from "@opentiny/vue-checkbox";
 import bt from "@opentiny/vue-checkbox-group";
 import vt from "@opentiny/vue-loading";
@@ -31,9 +31,9 @@ const gt = (e, t, o, l = "0") => {
       return o ? e + b : b + e;
     }
   }
-}, yt = Object.prototype.toString, Vt = Object.prototype.hasOwnProperty, kt = Vt.toString;
-kt.call(Object);
-const It = {
+}, yt = Object.prototype.toString, Vt = Object.prototype.hasOwnProperty, It = Vt.toString;
+It.call(Object);
+const kt = {
   "[object Error]": "error",
   "[object Object]": "object",
   "[object RegExp]": "regExp",
@@ -44,7 +44,7 @@ const It = {
   "[object String]": "string",
   "[object Number]": "number",
   "[object Boolean]": "boolean"
-}, wt = (e) => e == null, Tt = (e) => wt(e) ? String(e) : It[yt.call(e)] || "object", Ue = (e) => typeof e == "number" && isFinite(e), St = (e) => Tt(e) === "date", je = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31], Dt = new RegExp(
+}, wt = (e) => e == null, Tt = (e) => wt(e) ? String(e) : kt[yt.call(e)] || "object", Ue = (e) => typeof e == "number" && isFinite(e), St = (e) => Tt(e) === "date", je = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31], Dt = 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}))?)?)?$"
@@ -408,67 +408,67 @@ const Kt = async (e, t, o) => {
 };
 function Gt({ props: e, emit: t, state: o, t: l, format: c, nextTick: i, vm: b, cancelHandleInput: v }) {
   const m = b || o.instance, p = (V) => {
-    var R, E, P;
-    const { start: f, end: D, type: k } = V;
+    var _, E, P;
+    const { start: f, end: S, type: k } = V;
     if (o.backupList = V.options, k === "numRange")
       Ze(o, V, l);
     else if (k === "dateRange") {
-      const { dateRangeFormat: _ } = o;
+      const { dateRangeFormat: R } = o;
       if (!o.startDate && f) {
-        const O = c(f, _);
+        const O = c(f, R);
         o.startDate = o.endDate < O ? null : O;
       }
-      if (!o.endDate && D) {
-        const O = c(D, _);
+      if (!o.endDate && S) {
+        const O = c(S, R);
         o.endDate = O < o.startDate ? null : O;
       }
     } else if (k === "datetimeRange") {
-      const { datetimeRangeFormat: _ } = o;
+      const { datetimeRangeFormat: R } = o;
       if (!o.startDateTime && f) {
-        const O = c(f, _);
+        const O = c(f, R);
         o.startDateTime = o.endDateTime < O ? null : O;
       }
-      if (!o.endDateTime && D) {
-        const O = c(D, _);
+      if (!o.endDateTime && S) {
+        const O = c(S, R);
         o.endDateTime = O < o.startDateTime ? null : O;
       }
     } else
-      o.backupList && k === "checkbox" && (o.filterList = o.backupList, o.checkboxGroup = [], (R = o.backupList) == null || R.forEach((_) => {
-        J(o, _.label) && o.checkboxGroup.push(`${V.label}${_.label}`), _.isFilter = !1;
+      o.backupList && k === "checkbox" && (o.filterList = o.backupList, o.checkboxGroup = [], (_ = o.backupList) == null || _.forEach((R) => {
+        J(o, R.label) && o.checkboxGroup.push(`${V.label}${R.label}`), R.isFilter = !1;
       }));
-    k !== "checkbox" && ((E = o.backupList) != null && E.length) && ((P = o.backupList) == null || P.forEach((_) => {
-      _.isFilter = !1, _.isChecked = J(o, _.label);
+    k !== "checkbox" && ((E = o.backupList) != null && E.length) && ((P = o.backupList) == null || P.forEach((R) => {
+      R.isFilter = !1, R.isChecked = J(o, R.label);
     })), o.currentOperators = null, !o.backupList && !["dateRange", "datetimeRange", "numRange", "custom"].includes(k) ? L(o, !1) : L(o);
   }, r = (V) => {
     var E;
-    const { field: f, label: D } = V;
-    o.propItem = { ...o.propItem, label: D }, t("first-level-select", f);
+    const { field: f, label: S } = V;
+    o.propItem = { ...o.propItem, label: S }, t("first-level-select", f);
     const k = (E = m.$refs) == null ? void 0 : E.inputRef;
     o.prevItem = V, o.backupPrevItem = V;
-    const { operators: R } = V;
-    R != null && R.length ? (o.operatorValue = "", o.currentOperators = R, L(o)) : (o.operatorValue = ":", p(V)), o.inputValue = "", k.focus();
+    const { operators: _ } = V;
+    _ != null && _.length ? (o.operatorValue = "", o.currentOperators = _, L(o)) : (o.operatorValue = ":", p(V)), o.inputValue = "", k.focus();
   }, n = (V) => {
     o.operatorValue = V, p(o.prevItem);
-  }, d = (V, f, D, k) => {
-    const { replace: R, operators: E, mergeTag: P } = V, _ = ye(V), { indexMap: O } = o, B = O.get(D), A = ae(e, V, f), ee = o.operatorValue && E ? { operator: o.operatorValue } : null;
+  }, d = (V, f, S, k) => {
+    const { replace: _, operators: E, mergeTag: P } = V, R = ye(V), { indexMap: O } = o, B = O.get(S), A = ae(e, V, f), ee = o.operatorValue && E ? { operator: o.operatorValue } : null;
     let W = null;
     if (P) {
       const re = { label: k, ...A };
       if (B >= 0) {
-        const ke = `${o.innerModelValue[B].value} | ${k}`, Ie = [...o.innerModelValue[B].options, re];
-        W = le({ ...o.innerModelValue[B], value: ke, options: Ie });
+        const Ie = `${o.innerModelValue[B].value} | ${k}`, ke = [...o.innerModelValue[B].options, re];
+        W = le({ ...o.innerModelValue[B], value: Ie, options: ke });
       } else
-        W = le({ ..._, label: D, value: k, options: [re] });
+        W = le({ ...R, label: S, value: k, options: [re] });
     } else
-      W = le({ ..._, label: D, value: k, ...A, ...ee });
-    if (J(o, k, D)) {
+      W = le({ ...R, label: S, value: k, ...A, ...ee });
+    if (J(o, k, S)) {
       Ve(o);
       return;
     }
     L(o, !1);
     const Z = ne(o.innerModelValue);
     let X = [];
-    if ((R || P) && B >= 0) {
+    if ((_ || P) && B >= 0) {
       const re = [...o.innerModelValue];
       re.splice(B, 1), X = [...re, W];
     } else
@@ -480,61 +480,64 @@ function Gt({ props: e, emit: t, state: o, t: l, format: c, nextTick: i, vm: b,
   }, s = (V, f = !1) => {
     var E;
     L(o, !1), f && (o.prevItem = V, o.backupPrevItem = V);
-    const { prevItem: D } = o, k = V.value || V.label, R = (E = m.$refs) == null ? void 0 : E.inputRef;
+    const { prevItem: S } = o, k = V.value || V.label, _ = (E = m.$refs) == null ? void 0 : E.inputRef;
     if (!J(o, k)) {
       const P = o.propItem.label || V.label;
-      d(D, V, P, k);
+      d(S, V, P, k);
     }
-    R.focus();
+    _.focus();
   }, a = (V, f) => {
     if (V.label) {
-      if (t("second-level-enter", f), !f.options)
+      if (t("second-level-enter", f), !f.options || !f.options.length)
         return;
-      if (!e.modelValue.find((k) => k.value === f.options[0].label)) {
-        const k = f.label, R = f.options && f.options[0].label;
-        d(f, f.options[0], k, R);
+      const S = f.options[0];
+      if (!S)
+        return;
+      if (!e.modelValue.find((_) => _.value === S.label)) {
+        const _ = f.label, E = S.label;
+        d(f, S, _, E);
         return;
       }
     } else
       t("search", o.innerModelValue);
-  }, h = (V, f, D) => {
-    var R;
-    const k = (R = o.backupList) == null ? void 0 : R.find((E) => E.label === D);
-    d(V, k, f.label, D);
-  }, g = (V, f, D) => {
-    var k, R;
+  }, h = (V, f, S) => {
+    var _;
+    const k = (_ = o.backupList) == null ? void 0 : _.find((E) => E.label === S);
+    d(V, k, f.label, S);
+  }, g = (V, f, S) => {
+    var k, _;
     if (f.label) {
-      const { regexp: E, replace: P, type: _, mergeTag: O } = D, B = _ !== "checkbox" && P || _ === "checkbox" && O ? [V] : V.split(e.splitInputValue);
+      const { regexp: E, replace: P, type: R, mergeTag: O } = S, B = R !== "checkbox" && P || R === "checkbox" && O ? [V] : V.split(e.splitInputValue);
       if (E)
         for (const A of B)
-          E.test(A) && h(D, f, A);
+          E.test(A) && h(S, f, A);
       else
         for (const A of B)
-          h(D, f, A);
+          h(S, f, A);
     } else {
-      const { items: E, defaultField: P } = e, _ = E.find((Z) => {
+      const { items: E, defaultField: P } = e, R = E.find((Z) => {
         const { regexp: X } = Z;
         return X && X.test(o.inputValue);
-      }) || (P ? E.find((Z) => Z.field === P) : o.allTypeAttri), { replace: O, type: B, mergeTag: A } = _, ee = B !== "checkbox" && O || B === "checkbox" && A ? [V] : V.split(e.splitInputValue);
-      (k = _ == null ? void 0 : _.options) != null && k.length && (o.backupList = [..._.options], (R = o.backupList) == null || R.forEach((Z) => {
+      }) || (P ? E.find((Z) => Z.field === P) : o.allTypeAttri), { replace: O, type: B, mergeTag: A } = R, ee = B !== "checkbox" && O || B === "checkbox" && A ? [V] : V.split(e.splitInputValue);
+      (k = R == null ? void 0 : R.options) != null && k.length && (o.backupList = [...R.options], (_ = o.backupList) == null || _.forEach((Z) => {
         const X = Z.value || Z.label;
         ee.includes(X) && (Z.isChecked = !0);
       }));
-      const W = _.label;
+      const W = R.label;
       for (const Z of ee)
-        d(_, {}, W, Z);
+        d(R, {}, W, Z);
     }
   }, T = () => {
-    const { inputValue: V, propItem: f, prevItem: D } = o;
+    const { inputValue: V, propItem: f, prevItem: S } = o;
     if (v && v(), L(o, !1), !V)
-      a(f, D);
+      a(f, S);
     else {
       const { maxlength: k } = e;
       if (k && k < V.length) {
         t("exceed", k);
         return;
       }
-      g(V, f, D);
+      g(V, f, S);
     }
   };
   return { selectPropItem: r, selectRadioItem: s, selectInputValue: u, createTag: T, helpClick: () => {
@@ -554,7 +557,7 @@ function Zt({ props: e, state: t, emit: o, nextTick: l }) {
   const c = async (r) => {
     t.potentialOptions = await e.potentialOptions.getMatchList(r), L(t, !0);
   }, b = jt((r) => {
-    var f, D, k, R;
+    var f, S, k, _;
     const { recordItems: n, propItem: d } = t, u = typeof r == "string" ? r : r && r.target && typeof r.target.value == "string" ? r.target.value : t.inputValue || "", s = (f = String(u)) == null ? void 0 : f.trim(), { maxlength: a } = e;
     if (a && a < s.length) {
       o("exceed", a);
@@ -572,27 +575,27 @@ function Zt({ props: e, state: t, emit: o, nextTick: l }) {
       t.propItem = { ...t.propItem, label: T.label }, t.inputValue = "", t.prevItem = T, t.backupPrevItem = T, t.backupList = T.options || [];
       return;
     }
-    t.filterList = (D = t.backupList) == null ? void 0 : D.filter((E) => g.test(E.label) ? (delete E.isFilter, J(t, E.label) && t.checkboxGroup.push(`${t.prevItem.label}${E.label}`), !0) : (E.isFilter = !0, !1));
+    t.filterList = (S = t.backupList) == null ? void 0 : S.filter((E) => g.test(E.label) ? (delete E.isFilter, J(t, E.label) && t.checkboxGroup.push(`${t.prevItem.label}${E.label}`), !0) : (E.isFilter = !0, !1));
     const $ = new RegExp(h, "ig"), V = s.toLowerCase();
     if (t.propItem.label) {
       (k = t.backupList) == null || k.forEach((E) => {
         E.hightlighStr = V;
         const P = E.label;
         g.test(P) ? (E.match = Se($, P), E.isFilter = !1) : E.isFilter = !0;
-      }), (R = t.backupList) != null && R.length || s ? L(t) : L(t, !1);
+      }), (_ = t.backupList) != null && _.length || s ? L(t) : L(t, !1);
       return;
     }
     for (const E of n) {
-      const { options: P = [], groupKey: _ = "0", ...O } = E, B = O.label;
+      const { options: P = [], groupKey: R = "0", ...O } = E, B = O.label;
       if (g.test(B)) {
         const A = Se($, B);
-        t.matchItems[_].attr.push({ ...E, match: A, hightlighStr: V });
+        t.matchItems[R].attr.push({ ...E, match: A, hightlighStr: V });
       }
       for (const A of P) {
         const ee = t.propItem.label ? B : `${B}：${A.label}`;
         if (g.test(ee)) {
           const W = Se($, ee);
-          t.matchItems[_].attrValue.push({
+          t.matchItems[R].attrValue.push({
             ...A,
             ...O,
             options: P,
@@ -644,11 +647,11 @@ function Yt({ props: e, state: t, emit: o, nextTick: l }) {
           let g = "";
           const T = [], { indexMap: $ } = t, V = $.get(h);
           if (V !== void 0 && t.innerModelValue.splice(V, 1), (r = t.backupList) == null || r.forEach((f) => {
-            const { label: D } = f, k = `${h}${D}`;
+            const { label: S } = f, k = `${h}${S}`;
             if (b.includes(k)) {
               delete f.isFilter;
               const E = ae(e, v, f), P = { label: f.label, ...E };
-              g += g ? ` | ${D}` : D, T.push(P);
+              g += g ? ` | ${S}` : S, T.push(P);
             }
           }), T.length > 0) {
             const f = { ...p, value: g, options: T };
@@ -657,11 +660,11 @@ function Yt({ props: e, state: t, emit: o, nextTick: l }) {
         } else {
           const { valueMap: g } = t, T = [];
           if ((n = t.backupList) == null || n.forEach(($) => {
-            const { label: V } = $, f = `${h}${V}`, D = b.includes(f);
-            if (D && !J(t, V)) {
-              const k = ae(e, v, $), R = t.operatorValue && a ? { operator: t.operatorValue } : null, E = le({ ...p, label: m.label, value: V, ...k, ...R });
+            const { label: V } = $, f = `${h}${V}`, S = b.includes(f);
+            if (S && !J(t, V)) {
+              const k = ae(e, v, $), _ = t.operatorValue && a ? { operator: t.operatorValue } : null, E = le({ ...p, label: m.label, value: V, ...k, ..._ });
               d.push(E), $.isChecked = !0;
-            } else if (!D && J(t, V)) {
+            } else if (!S && J(t, V)) {
               $.isChecked = !1;
               const k = g.get(f);
               T.push(k);
@@ -784,7 +787,7 @@ function Wt({ props: e, state: t, t: o, emit: l, nextTick: c, vm: i }) {
 }
 function Jt({ props: e, state: t, t: o, nextTick: l, format: c, emit: i, vm: b }) {
   const v = (u) => {
-    var D;
+    var S;
     const { operator: s, value: a, start: h, end: g } = u, { options: T, operators: $, type: V, mergeTag: f } = t.prevItem;
     if (V !== "custom") {
       if (V === "numRange")
@@ -797,7 +800,7 @@ function Jt({ props: e, state: t, t: o, nextTick: l, format: c, emit: i, vm: b }
         t.startDateTime = c(h, k), t.endDateTime = c(g, k);
       } else {
         if (f) {
-          const k = ((D = u.options) == null ? void 0 : D.flatMap((R) => R.label)) || [];
+          const k = ((S = u.options) == null ? void 0 : S.flatMap((_) => _.label)) || [];
           t.inputEditValue = k, t.currentEditSelectTags = k;
         } else
           t.inputEditValue = Array.isArray(a) ? a.join(",") : a || "";
@@ -1177,16 +1180,16 @@ const to = (e) => {
     typeof document < "u" && (document.removeEventListener("click", d.watchOutsideClick), document.removeEventListener("mousedown", d.watchMouseDown), document.removeEventListener("mousemove", d.watchMouseMove), s.localeCheckInterval && (clearInterval(s.localeCheckInterval), s.localeCheckInterval = null));
   }), d;
 }, mo = ({ api: e, state: t, t: o, props: l, emit: c, nextTick: i, vm: b, computed: v }) => {
-  const { deleteTag: m, clearTag: p, backspaceDeleteTag: r } = Ht({ props: l, state: t, emit: c, nextTick: i }), { editTag: n, confirmEditTag: d, selectPropChange: u, selectItemIsDisable: s, checkFormValidation: a } = Jt({ props: l, state: t, t: o, nextTick: i, format: De, emit: c, vm: b }), { handleInput: h, selectFirstMap: g, cancelHandleInput: T } = Zt({ props: l, state: t, emit: c, nextTick: i }), { selectPropItem: $, selectRadioItem: V, selectInputValue: f, createTag: D, helpClick: k, setOperator: R } = Gt({ props: l, emit: c, state: t, t: o, format: De, nextTick: i, vm: b, cancelHandleInput: T }), { selectCheckbox: E } = Yt({ props: l, state: t, emit: c, nextTick: i }), { onConfirmDate: P, handleDateShow: _, pickerOptions: O } = Qt({ props: l, state: t, emit: c, nextTick: i, vm: b }), { sizeChange: B, initFormRule: A } = Wt({ props: l, state: t, t: o, emit: c, nextTick: i, vm: b }), { handleConfirm: ee, handleEditConfirm: W } = Xt({ state: t, emit: c, nextTick: i }), { initItems: Z, watchOutsideClick: X, watchMouseDown: re, watchMouseMove: ke, handleClick: Ie } = eo({ props: l, state: t }), We = v(() => l.modelValue.length || t.propItem.label || t.inputValue), Je = () => ({
+  const { deleteTag: m, clearTag: p, backspaceDeleteTag: r } = Ht({ props: l, state: t, emit: c, nextTick: i }), { editTag: n, confirmEditTag: d, selectPropChange: u, selectItemIsDisable: s, checkFormValidation: a } = Jt({ props: l, state: t, t: o, nextTick: i, format: De, emit: c, vm: b }), { handleInput: h, selectFirstMap: g, cancelHandleInput: T } = Zt({ props: l, state: t, emit: c, nextTick: i }), { selectPropItem: $, selectRadioItem: V, selectInputValue: f, createTag: S, helpClick: k, setOperator: _ } = Gt({ props: l, emit: c, state: t, t: o, format: De, nextTick: i, vm: b, cancelHandleInput: T }), { selectCheckbox: E } = Yt({ props: l, state: t, emit: c, nextTick: i }), { onConfirmDate: P, handleDateShow: R, pickerOptions: O } = Qt({ props: l, state: t, emit: c, nextTick: i, vm: b }), { sizeChange: B, initFormRule: A } = Wt({ props: l, state: t, t: o, emit: c, nextTick: i, vm: b }), { handleConfirm: ee, handleEditConfirm: W } = Xt({ state: t, emit: c, nextTick: i }), { initItems: Z, watchOutsideClick: X, watchMouseDown: re, watchMouseMove: Ie, handleClick: ke } = eo({ props: l, state: t }), We = v(() => l.modelValue.length || t.propItem.label || t.inputValue), Je = () => ({
     selectInputValue: f,
     selectPropItem: $,
     selectRadioItem: V,
-    setOperator: R,
+    setOperator: _,
     selectCheckbox: E,
     sizeChange: B,
     onConfirmDate: P,
     selectFirstMap: g,
-    handleDateShow: _
+    handleDateShow: R
   }), we = (pe) => {
     t.placeholder = pe;
   }, Xe = () => be(l, o);
@@ -1197,11 +1200,11 @@ const to = (e) => {
     deleteTag: m,
     editTag: n,
     backspaceDeleteTag: r,
-    createTag: D,
+    createTag: S,
     clearTag: p,
     helpClick: k,
     handleInput: h,
-    handleClick: Ie,
+    handleClick: ke,
     handleEvents: (pe, et, tt) => {
       const Pe = Je();
       typeof Pe[pe] == "function" ? Pe[pe](et, tt) : console.warn(`[TinySearchBox] Unknown event: ${pe}`);
@@ -1221,7 +1224,7 @@ const to = (e) => {
     initFormRule: A,
     watchOutsideClick: X,
     watchMouseDown: re,
-    watchMouseMove: ke
+    watchMouseMove: Ie
   });
 }, fo = ({ watch: e, state: t, props: o, api: l, nextTick: c, vm: i }) => {
   var r;
@@ -1403,10 +1406,10 @@ const to = (e) => {
   setup(e, t) {
     return Le({ props: e, context: t, renderless: ho, api: bo });
   }
-}), go = { tiny_mode: "pc" }, yo = { key: 0 }, Vo = { class: "tvp-search-box__filter-type" }, ko = {
+}), go = { tiny_mode: "pc" }, yo = { key: 0 }, Vo = { class: "tvp-search-box__filter-type" }, Io = {
   key: 0,
   class: "tvp-search-box__text-highlight"
-}, Io = { key: 1 }, wo = { class: "tvp-search-box__filter-type" }, To = {
+}, ko = { key: 1 }, wo = { class: "tvp-search-box__filter-type" }, To = {
   key: 0,
   class: "tvp-search-box__text-highlight"
 }, So = { key: 1 }, Do = { class: "tvp-search-box__filter-type" }, Co = {
@@ -1426,16 +1429,16 @@ function Ro(e, t, o, l, c, i) {
       onItemClick: t[0] || (t[0] = () => e.selectInputValue(e.state.inputValue))
     }, {
       default: M(() => [
-        S("span", null, I(e.t("tvp.tvpSearchbox.initUse")) + "＂" + I(e.state.inputValue) + "＂", 1)
+        D("span", null, I(e.t("tvp.tvpSearchbox.initUse")) + "＂" + I(e.state.inputValue) + "＂", 1)
       ]),
       _: 1
     }, 8, ["item-data"]), [
       [G, e.state.inputValue.trim()]
     ]),
-    H(S("div", null, [
+    H(D("div", null, [
       (y(!0), w(x, null, U(e.state.matchItems, (p, r) => (y(), w("div", { key: r }, [
         p.attr.length ? (y(), w("div", yo, [
-          S("span", Vo, I(r === "0" ? e.t("tvp.tvpSearchbox.attributeType") : r), 1),
+          D("span", Vo, I(r === "0" ? e.t("tvp.tvpSearchbox.attributeType") : r), 1),
           (y(!0), w(x, null, U(p.attr, (n, d) => (y(), F(b, {
             key: n.label + d,
             class: "tvp-search-box__filter-item tvp-search-box__dropdown-item",
@@ -1443,9 +1446,9 @@ function Ro(e, t, o, l, c, i) {
             onItemClick: () => e.selectPropItem(n)
           }, {
             default: M(() => [
-              S("span", null, [
+              D("span", null, [
                 (y(!0), w(x, null, U(n.match, (u) => (y(), w("span", { key: u }, [
-                  u.toLowerCase() === n.hightlighStr ? (y(), w("span", ko, I(u), 1)) : (y(), w("span", Io, I(u), 1))
+                  u.toLowerCase() === n.hightlighStr ? (y(), w("span", Io, I(u), 1)) : (y(), w("span", ko, I(u), 1))
                 ]))), 128))
               ])
             ]),
@@ -1453,7 +1456,7 @@ function Ro(e, t, o, l, c, i) {
           }, 1032, ["item-data", "onItemClick"]))), 128))
         ])) : z("", !0),
         p.attrValue.length ? (y(), w(x, { key: 1 }, [
-          S("span", wo, I(e.t("tvp.tvpSearchbox.propertyValue", [r === "0" ? e.t("tvp.tvpSearchbox.attributeType") : r])), 1),
+          D("span", wo, I(e.t("tvp.tvpSearchbox.propertyValue", [r === "0" ? e.t("tvp.tvpSearchbox.attributeType") : r])), 1),
           (y(!0), w(x, null, U(p.attrValue, (n, d) => (y(), F(b, {
             key: n.label + d,
             disabled: n.isChecked,
@@ -1462,7 +1465,7 @@ function Ro(e, t, o, l, c, i) {
             onItemClick: () => e.selectRadioItem(n, !0)
           }, {
             default: M(() => [
-              S("span", null, [
+              D("span", null, [
                 (y(!0), w(x, null, U(n.match, (u) => (y(), w("span", { key: u }, [
                   u.toLowerCase() === n.hightlighStr ? (y(), w("span", To, I(u), 1)) : (y(), w("span", So, I(u), 1))
                 ]))), 128))
@@ -1472,9 +1475,9 @@ function Ro(e, t, o, l, c, i) {
           }, 1032, ["disabled", "item-data", "onItemClick"]))), 128))
         ], 64)) : z("", !0)
       ]))), 128)),
-      H(S("div", null, [
-        S("span", Do, I(e.t("tvp.tvpSearchbox.matched")), 1),
-        S("div", Co, [
+      H(D("div", null, [
+        D("span", Do, I(e.t("tvp.tvpSearchbox.matched")), 1),
+        D("div", Co, [
           e.state.potentialOptions ? (y(), w("div", Mo, [
             (y(!0), w(x, null, U(e.state.potentialOptions, (p, r) => (y(), F(b, {
               key: p.label + r,
@@ -1484,7 +1487,7 @@ function Ro(e, t, o, l, c, i) {
             }, {
               default: M(() => [
                 K(I(p.label) + "： ", 1),
-                S("span", Eo, I(p.value), 1)
+                D("span", Eo, I(p.value), 1)
               ]),
               _: 2
             }, 1032, ["item-data", "onItemClick"]))), 128))
@@ -1496,7 +1499,7 @@ function Ro(e, t, o, l, c, i) {
     ], 512), [
       [G, !e.state.propItem.label && ((v = e.state.inputValue) == null ? void 0 : v.trim())]
     ]),
-    H(S("div", $o, [
+    H(D("div", $o, [
       (y(!0), w(x, null, U(e.state.groupItems, (p, r) => (y(), w("div", { key: r }, [
         p.length ? (y(), w("span", Lo, I(r === "0" ? e.t("tvp.tvpSearchbox.attributeType") : r), 1)) : z("", !0),
         (y(!0), w(x, null, U(p, (n, d) => (y(), F(b, {
@@ -1506,7 +1509,7 @@ function Ro(e, t, o, l, c, i) {
           onItemClick: () => e.selectPropItem(n)
         }, {
           default: M(() => [
-            S("span", {
+            D("span", {
               title: n.label
             }, I(n.label), 9, _o)
           ]),
@@ -1627,7 +1630,7 @@ function vn(e, t, o, l, c, i) {
   const b = N("tiny-dropdown-item"), v = N("tiny-checkbox"), m = N("tiny-checkbox-group"), p = N("tiny-button"), r = N("tiny-input"), n = N("tiny-form-item"), d = N("tiny-date-picker"), u = mt("loading");
   return y(), w("div", Bo, [
     (s = e.state.currentOperators) != null && s.length ? (y(), w("div", xo, [
-      S("span", Ao, I(e.t("tvp.tvpSearchbox.operator")), 1),
+      D("span", Ao, I(e.t("tvp.tvpSearchbox.operator")), 1),
       (y(!0), w(x, null, U(e.state.currentOperators, (a, h) => H((y(), F(b, {
         key: a + h,
         class: "tvp-search-box__dropdown-item",
@@ -1676,7 +1679,7 @@ function vn(e, t, o, l, c, i) {
       class: he(e.isLoading && "tvp-search-box__loading-box")
     }, [
       e.showCheckBoxList ? (y(), w("div", Ko, [
-        S("div", Go, [
+        D("div", Go, [
           C(m, {
             modelValue: e.state.checkAll,
             "onUpdate:modelValue": t[1] || (t[1] = (a) => e.state.checkAll = a),
@@ -1731,7 +1734,7 @@ function vn(e, t, o, l, c, i) {
             _: 1
           }, 8, ["modelValue"])
         ]),
-        S("div", qo, [
+        D("div", qo, [
           C(p, {
             size: "mini",
             onClick: t[3] || (t[3] = (a) => e.selectCheckbox(!1))
@@ -1755,9 +1758,9 @@ function vn(e, t, o, l, c, i) {
     ], 2)), [
       [u, e.isLoading]
     ]) : e.state.prevItem.type === "numRange" ? (y(), w("div", Zo, [
-      S("div", Yo, [
-        S("div", Qo, I(e.t("tvp.tvpSearchbox.rangeNumberTitle")), 1),
-        S("div", Wo, I(e.t("tvp.tvpSearchbox.minValueText")) + "(" + I(e.state.prevItem.unit) + ") ", 1),
+      D("div", Yo, [
+        D("div", Qo, I(e.t("tvp.tvpSearchbox.rangeNumberTitle")), 1),
+        D("div", Wo, I(e.t("tvp.tvpSearchbox.minValueText")) + "(" + I(e.state.prevItem.unit) + ") ", 1),
         C(n, {
           prop: e.state.curMinNumVar,
           class: "tvp-search-box__number-item",
@@ -1773,7 +1776,7 @@ function vn(e, t, o, l, c, i) {
           ]),
           _: 1
         }, 8, ["prop", "show-message"]),
-        S("div", Jo, I(e.t("tvp.tvpSearchbox.maxValueText")) + "(" + I(e.state.prevItem.unit) + ") ", 1),
+        D("div", Jo, I(e.t("tvp.tvpSearchbox.maxValueText")) + "(" + I(e.state.prevItem.unit) + ") ", 1),
         C(n, {
           prop: e.state.curMaxNumVar,
           class: "tvp-search-box__number-item"
@@ -1789,7 +1792,7 @@ function vn(e, t, o, l, c, i) {
           _: 1
         }, 8, ["prop"])
       ]),
-      S("div", Xo, [
+      D("div", Xo, [
         C(p, {
           size: "mini",
           onClick: t[7] || (t[7] = (a) => e.sizeChange(!1))
@@ -1810,11 +1813,11 @@ function vn(e, t, o, l, c, i) {
         })
       ])
     ])) : e.state.prevItem.type === "dateRange" ? (y(), w("div", en, [
-      S("div", tn, [
-        S("div", on, I(e.state.prevItem.maxTimeLength > 0 ? e.t("tvp.tvpSearchbox.timeLengthTitle", {
+      D("div", tn, [
+        D("div", on, I(e.state.prevItem.maxTimeLength > 0 ? e.t("tvp.tvpSearchbox.timeLengthTitle", {
           value: (e.state.prevItem.maxTimeLength / 864e5).toFixed(1)
         }) : e.t("tvp.tvpSearchbox.rangeDateTitle")), 1),
-        S("div", nn, I(e.t("tvp.tvpSearchbox.rangeBeginLabel")), 1),
+        D("div", nn, I(e.t("tvp.tvpSearchbox.rangeBeginLabel")), 1),
         C(n, {
           prop: "startDate",
           "show-message": !!e.state.prevItem.maxTimeLength,
@@ -1833,7 +1836,7 @@ function vn(e, t, o, l, c, i) {
           ]),
           _: 1
         }, 8, ["show-message"]),
-        S("div", ln, I(e.t("tvp.tvpSearchbox.rangeEndLabel")), 1),
+        D("div", ln, I(e.t("tvp.tvpSearchbox.rangeEndLabel")), 1),
         C(n, {
           prop: "endDate",
           class: "tvp-search-box__date-item"
@@ -1853,7 +1856,7 @@ function vn(e, t, o, l, c, i) {
           _: 1
         })
       ]),
-      S("div", an, [
+      D("div", an, [
         C(p, {
           size: "mini",
           onClick: t[11] || (t[11] = (a) => e.onConfirmDate(!1))
@@ -1874,11 +1877,11 @@ function vn(e, t, o, l, c, i) {
         })
       ])
     ])) : e.state.prevItem.type === "datetimeRange" ? (y(), w("div", rn, [
-      S("div", sn, [
-        S("div", pn, I(e.state.prevItem.maxTimeLength > 0 ? e.t("tvp.tvpSearchbox.timeLengthTitle", {
+      D("div", sn, [
+        D("div", pn, I(e.state.prevItem.maxTimeLength > 0 ? e.t("tvp.tvpSearchbox.timeLengthTitle", {
           value: (e.state.prevItem.maxTimeLength / 864e5).toFixed(1)
         }) : e.t("tvp.tvpSearchbox.rangeDateTitle")), 1),
-        S("div", un, I(e.t("tvp.tvpSearchbox.rangeBeginLabel")), 1),
+        D("div", un, I(e.t("tvp.tvpSearchbox.rangeBeginLabel")), 1),
         C(n, {
           prop: "startDateTime",
           "show-message": !!e.state.prevItem.maxTimeLength,
@@ -1900,7 +1903,7 @@ function vn(e, t, o, l, c, i) {
           ]),
           _: 1
         }, 8, ["show-message"]),
-        S("div", cn, I(e.t("tvp.tvpSearchbox.rangeEndLabel")), 1),
+        D("div", cn, I(e.t("tvp.tvpSearchbox.rangeEndLabel")), 1),
         C(n, {
           prop: "endDateTime",
           class: "tvp-search-box__date-item"
@@ -1922,7 +1925,7 @@ function vn(e, t, o, l, c, i) {
           _: 1
         })
       ]),
-      S("div", dn, [
+      D("div", dn, [
         C(p, {
           size: "mini",
           onClick: t[15] || (t[15] = (a) => e.onConfirmDate(!1, !0))
@@ -1952,7 +1955,7 @@ function vn(e, t, o, l, c, i) {
         onItemClick: () => e.selectFirstMap(a, e.state.isShowTagKey)
       }, {
         default: M(() => [
-          S("span", {
+          D("span", {
             title: a.label
           }, I(a.label), 9, bn)
         ]),
@@ -2059,10 +2062,10 @@ const yn = ve({
   setup(e, t) {
     return Le({ props: e, context: t, renderless: co, api: po });
   }
-}), Vn = { class: "tvp-search-box__tag-value" }, kn = {
+}), Vn = { class: "tvp-search-box__tag-value" }, In = {
   key: 1,
   class: "tvp-search-box__placeholder"
-}, In = { class: "tvp-search-box__input-wrapper" }, wn = { class: "tvp-search-box__prop" }, Tn = { class: "tvp-search-box__input-separator" }, Sn = { class: "tvp-search-box__date-wrap" }, Dn = { class: "tvp-search-box__dropdown-start" }, Cn = {
+}, kn = { class: "tvp-search-box__input-wrapper" }, wn = { class: "tvp-search-box__prop" }, Tn = { class: "tvp-search-box__input-separator" }, Sn = { class: "tvp-search-box__date-wrap" }, Dn = { class: "tvp-search-box__dropdown-start" }, Cn = {
   key: 0,
   class: "tvp-search-box__dropdown-end"
 }, Mn = {
@@ -2095,20 +2098,20 @@ function Un(e, t, o, l, c, i) {
       key: 0,
       class: "tvp-search-box__prefix"
     })) : z("", !0),
-    (y(!0), w(x, null, U(e.modelValue, (f, D) => (y(), F(v, {
-      key: f.field + D,
+    (y(!0), w(x, null, U(e.modelValue, (f, S) => (y(), F(v, {
+      key: f.field + S,
       closable: "",
       class: he(["tvp-search-box__tag", e.editable && f.type !== "map" ? "tvp-search-box__tag-editor" : ""]),
       title: `${f.label} ${f.operator || ":"} ${f.value}`,
       onClose: (k) => e.deleteTag(f),
-      onClick: Y((k) => e.editTag(f, D, k), ["stop"])
+      onClick: Y((k) => e.editTag(f, S, k), ["stop"])
     }, {
       default: M(() => [
-        S("span", Vn, I(f.label) + " " + I(f.operator || ":") + " " + I(f.value), 1)
+        D("span", Vn, I(f.label) + " " + I(f.operator || ":") + " " + I(f.value), 1)
       ]),
       _: 2
     }, 1032, ["class", "title", "onClose", "onClick"]))), 128)),
-    e.modelValue.length ? (y(), w("span", kn)) : z("", !0),
+    e.modelValue.length ? (y(), w("span", In)) : z("", !0),
     C(V, {
       ref: "formRef",
       model: e.state,
@@ -2120,12 +2123,12 @@ function Un(e, t, o, l, c, i) {
       class: "tvp-search-box__form"
     }, {
       default: M(() => [
-        S("div", In, [
-          S("section", wn, [
-            H(S("span", null, I(e.state.propItem.label) + " " + I(`${e.state.operatorValue ? e.state.operatorValue : ""} `), 513), [
+        D("div", kn, [
+          D("section", wn, [
+            H(D("span", null, I(e.state.propItem.label) + " " + I(`${e.state.operatorValue ? e.state.operatorValue : ""} `), 513), [
               [G, e.state.propItem.label]
             ]),
-            H(S("span", null, I(e.state.propItem.value), 513), [
+            H(D("span", null, I(e.state.propItem.value), 513), [
               [G, e.state.propItem.value]
             ])
           ]),
@@ -2162,7 +2165,7 @@ function Un(e, t, o, l, c, i) {
                   }, null, 8, ["onClick"]), [
                     [G, e.isShowClose]
                   ]),
-                  H(S("span", Tn, null, 512), [
+                  H(D("span", Tn, null, 512), [
                     [G, e.isShowClose]
                   ]),
                   e.showHelp ? (y(), F(r, {
@@ -2188,15 +2191,15 @@ function Un(e, t, o, l, c, i) {
               }, 8, ["modelValue", "placeholder", "maxlength", "onKeydown", "onInput", "onClick"])
             ]),
             default: M(() => {
-              var f, D, k;
+              var f, S, k;
               return [
-                S("div", {
+                D("div", {
                   class: "tvp-search-box__dropdown",
                   style: ft({ "max-height": e.panelMaxHeight }),
                   onMouseup: Y(() => {
                   }, ["stop"])
                 }, [
-                  H(S("div", null, [
+                  H(D("div", null, [
                     (f = e.state.instance) != null && f.slots["first-panel"] ? me(e.$slots, "first-panel", fe({ key: 0 }, {
                       state: e.state,
                       handleEvents: e.handleEvents
@@ -2209,9 +2212,9 @@ function Un(e, t, o, l, c, i) {
                       handleEvents: e.handleEvents
                     }, null, 8, ["state", "handleEvents"]))
                   ], 512), [
-                    [G, !e.state.propItem.label || ((D = e.state.inputValue) == null ? void 0 : D.trim())]
+                    [G, !e.state.propItem.label || ((S = e.state.inputValue) == null ? void 0 : S.trim())]
                   ]),
-                  H(S("div", null, [
+                  H(D("div", null, [
                     (k = e.state.instance) != null && k.slots["second-panel"] ? me(e.$slots, "second-panel", fe({ key: 0 }, {
                       state: e.state,
                       pickerOptions: e.pickerOptions,
@@ -2228,7 +2231,7 @@ function Un(e, t, o, l, c, i) {
                     }, null, 8, ["state", "picker-options", "onEvents"])) : (y(), w("div", {
                       key: 2,
                       class: "tvp-search-box__panel-box",
-                      onClick: t[4] || (t[4] = (R) => e.showDropdown(e.state))
+                      onClick: t[4] || (t[4] = (_) => e.showDropdown(e.state))
                     }, [
                       me(e.$slots, e.state.prevItem.slotName, fe({
                         showDropdown: () => e.showDropdown(e.state),
@@ -2261,8 +2264,8 @@ function Un(e, t, o, l, c, i) {
         }, {
           default: M(() => [
             e.state.prevItem.type !== "custom" ? (y(), w(x, { key: 0 }, [
-              S("div", Sn, [
-                S("div", Dn, I(e.t("tvp.tvpSearchbox.attributeType")), 1),
+              D("div", Sn, [
+                D("div", Dn, I(e.t("tvp.tvpSearchbox.attributeType")), 1),
                 C(g, { class: "tvp-search-box__number-item" }, {
                   default: M(() => [
                     C(h, {
@@ -2284,7 +2287,7 @@ function Un(e, t, o, l, c, i) {
                           label: f.label,
                           value: f.label,
                           disabled: e.selectItemIsDisable(f),
-                          onClick: (D) => e.selectPropChange(f, e.selectItemIsDisable(f))
+                          onClick: (S) => e.selectPropChange(f, e.selectItemIsDisable(f))
                         }, null, 8, ["label", "value", "disabled", "onClick"]))), 128))
                       ]),
                       _: 1
@@ -2321,7 +2324,7 @@ function Un(e, t, o, l, c, i) {
                   class: "tvp-search-box__number-item"
                 }, {
                   default: M(() => {
-                    var f, D;
+                    var f, S;
                     return [
                       ((f = e.state.currentEditValue) == null ? void 0 : f.length) > 0 ? (y(), F(h, {
                         key: 0,
@@ -2329,7 +2332,7 @@ function Un(e, t, o, l, c, i) {
                         "onUpdate:modelValue": t[9] || (t[9] = (k) => e.state.inputEditValue = k),
                         class: "tvp-search-box-select",
                         multiple: !!e.state.prevItem.mergeTag,
-                        "allow-create": (D = e.state.prevItem) == null ? void 0 : D.allowCreate,
+                        "allow-create": (S = e.state.prevItem) == null ? void 0 : S.allowCreate,
                         filterable: "",
                         "default-first-option": "",
                         clearable: ""
@@ -2353,7 +2356,7 @@ function Un(e, t, o, l, c, i) {
                   _: 1
                 })),
                 e.state.prevItem.type === "numRange" ? (y(), w("div", En, [
-                  S("div", $n, I(e.t("tvp.tvpSearchbox.minValueText")) + "(" + I(e.state.prevItem.unit) + ") ", 1),
+                  D("div", $n, I(e.t("tvp.tvpSearchbox.minValueText")) + "(" + I(e.state.prevItem.unit) + ") ", 1),
                   C(g, {
                     prop: e.state.curMinNumVar,
                     class: "tvp-search-box__number-item",
@@ -2369,7 +2372,7 @@ function Un(e, t, o, l, c, i) {
                     ]),
                     _: 1
                   }, 8, ["prop", "show-message"]),
-                  S("div", Ln, I(e.t("tvp.tvpSearchbox.maxValueText")) + "(" + I(e.state.prevItem.unit) + ") ", 1),
+                  D("div", Ln, I(e.t("tvp.tvpSearchbox.maxValueText")) + "(" + I(e.state.prevItem.unit) + ") ", 1),
                   C(g, {
                     prop: e.state.curMaxNumVar,
                     class: "tvp-search-box__number-item"
@@ -2386,10 +2389,10 @@ function Un(e, t, o, l, c, i) {
                   }, 8, ["prop"])
                 ])) : z("", !0),
                 e.state.prevItem.type === "dateRange" ? (y(), w("div", _n, [
-                  S("div", Rn, I(e.state.prevItem.maxTimeLength > 0 ? e.t("tvp.tvpSearchbox.timeLengthTitle", {
+                  D("div", Rn, I(e.state.prevItem.maxTimeLength > 0 ? e.t("tvp.tvpSearchbox.timeLengthTitle", {
                     value: (e.state.prevItem.maxTimeLength / 864e5).toFixed(1)
                   }) : e.t("tvp.tvpSearchbox.rangeDateTitle")), 1),
-                  S("div", Nn, I(e.t("tvp.tvpSearchbox.rangeBeginLabel")), 1),
+                  D("div", Nn, I(e.t("tvp.tvpSearchbox.rangeBeginLabel")), 1),
                   C(g, {
                     prop: "startDate",
                     "show-message": !!e.state.prevItem.maxTimeLength,
@@ -2407,7 +2410,7 @@ function Un(e, t, o, l, c, i) {
                     ]),
                     _: 1
                   }, 8, ["show-message"]),
-                  S("div", Pn, I(e.t("tvp.tvpSearchbox.rangeEndLabel")), 1),
+                  D("div", Pn, I(e.t("tvp.tvpSearchbox.rangeEndLabel")), 1),
                   C(g, {
                     prop: "endDate",
                     class: "tvp-search-box__date-item"
@@ -2426,10 +2429,10 @@ function Un(e, t, o, l, c, i) {
                   })
                 ])) : z("", !0),
                 e.state.prevItem.type === "datetimeRange" ? (y(), w("div", On, [
-                  S("div", Fn, I(e.state.prevItem.maxTimeLength > 0 ? e.t("tvp.tvpSearchbox.timeLengthTitle", {
+                  D("div", Fn, I(e.state.prevItem.maxTimeLength > 0 ? e.t("tvp.tvpSearchbox.timeLengthTitle", {
                     value: (e.state.prevItem.maxTimeLength / 864e5).toFixed(1)
                   }) : e.t("tvp.tvpSearchbox.rangeDateTitle")), 1),
-                  S("div", Bn, I(e.t("tvp.tvpSearchbox.rangeBeginLabel")), 1),
+                  D("div", Bn, I(e.t("tvp.tvpSearchbox.rangeBeginLabel")), 1),
                   C(g, {
                     prop: "startDateTime",
                     "show-message": !!e.state.prevItem.maxTimeLength,
@@ -2449,7 +2452,7 @@ function Un(e, t, o, l, c, i) {
                     ]),
                     _: 1
                   }, 8, ["show-message"]),
-                  S("div", xn, I(e.t("tvp.tvpSearchbox.rangeEndLabel")), 1),
+                  D("div", xn, I(e.t("tvp.tvpSearchbox.rangeEndLabel")), 1),
                   C(g, {
                     prop: "endDateTime",
                     class: "tvp-search-box__date-item"
@@ -2470,7 +2473,7 @@ function Un(e, t, o, l, c, i) {
                   })
                 ])) : z("", !0)
               ]),
-              S("div", An, [
+              D("div", An, [
                 C($, {
                   size: "mini",
                   onClick: t[17] || (t[17] = (f) => e.confirmEditTag(!1))
@@ -2598,7 +2601,7 @@ const jn = /* @__PURE__ */ Ne(yn, [["render", Un]]), Hn = {
   name: $e + "SearchBox",
   props: Hn,
   ...jn
-}), Kn = "3.27.2-alpha.0";
+}), Kn = "3.28.0";
 ue.install = function(e) {
   e.component(ue.name, ue);
 };