@para-ui/core 5.0.0-beta.12 → 5.0.0-beta.14

package/es/Select/index.js

@@ -20,15 +20,15 @@ import At from "../HelperText/index.js";
 import Rt from "../Hooks/useGlobalProps.js";
 import { $prefixCls as h } from "../GlobalContext/constant.js";
 import './index.css';/* empty css           */
-const y = (M, p) => M[p], Gt = (M, p, T) => {
+const x = (M, p) => M[p], Gt = (M, p, T) => {
   M[p] = T;
 }, Jt = (M, p, T) => {
-  const g = document.createElement("span");
-  g.id = "referenceSpan";
+  const y = document.createElement("span");
+  y.id = "referenceSpan";
   const k = { width: 0, height: 0 };
-  k.width = g.offsetWidth, k.height = g.offsetHeight, g.style.visibility = "hidden", g.style.fontSize = M, g.style.fontFamily = p, g.style.display = "inline-block";
+  k.width = y.offsetWidth, k.height = y.offsetHeight, y.style.visibility = "hidden", y.style.fontSize = M, y.style.fontFamily = p, y.style.display = "inline-block";
   const K = document.getElementById("referenceSpan");
-  return K && document.body.removeChild(K), document.body.appendChild(g), typeof g.textContent < "u" ? g.textContent = T : g.innerText = T, k.width = parseFloat(window.getComputedStyle(g).width) - k.width, k.height = parseFloat(window.getComputedStyle(g).height) - k.height, document.body.removeChild(g), k;
+  return K && document.body.removeChild(K), document.body.appendChild(y), typeof y.textContent < "u" ? y.textContent = T : y.innerText = T, k.width = parseFloat(window.getComputedStyle(y).width) - k.width, k.height = parseFloat(window.getComputedStyle(y).height) - k.height, document.body.removeChild(y), k;
 }, ot = (M, p) => {
   const T = Se.useRef(!1);
   Se.useEffect(() => {
@@ -38,7 +38,7 @@ const y = (M, p) => M[p], Gt = (M, p, T) => {
 function Co(M) {
   const p = M, {
     className: T,
-    style: g,
+    style: y,
     showSelect: k = !0,
     allowClear: K = !1,
     emptyProps: ne,
@@ -51,7 +51,7 @@ function Co(M) {
     input: I = !1,
     disabled: u = !1,
     disabledTooltip: be,
-    multiple: m = !1,
+    multiple: d = !1,
     required: G = !1,
     labelSign: V,
     error: Ne = !1,
@@ -62,14 +62,14 @@ function Co(M) {
     showValue: D = "value",
     childrenName: Y = "children",
     value: N,
-    onChange: v,
+    onChange: C,
     overLine: $e = !1,
     search: q = !1,
-    searchModel: x = "inside",
+    searchModel: w = "inside",
     selectPopoverClassName: De,
     morePopoverClassName: Te,
     fetchSuggestions: Le,
-    searchInputProps: C,
+    searchInputProps: g,
     onEnter: J,
     onEnterInput: Me,
     onClear: pe,
@@ -94,54 +94,54 @@ function Co(M) {
     return o;
   }, rt = () => {
     let e = [];
-    return p.defaultValue !== void 0 && (m ? e = je(p.defaultValue || []) : e = p.defaultValue === "" ? [] : [p.defaultValue]), N !== void 0 && (m ? e = je(N || []) : e = N === "" ? [] : [N]), e;
+    return p.defaultValue !== void 0 && (d ? e = je(p.defaultValue || []) : e = p.defaultValue === "" ? [] : [p.defaultValue]), N !== void 0 && (d ? e = je(N || []) : e = N === "" ? [] : [N]), e;
   }, Ee = () => {
     const e = he(ie), o = {};
     for (let t = 0, n = e.length; t < n; t++) {
-      const l = e[t], a = y(l, Y);
+      const l = e[t], a = x(l, Y);
       if (a && a.length > 0) {
         const c = a;
         for (let j = 0, f = c.length; j < f; j++) {
-          const O = c[j], F = String(y(O, D));
+          const O = c[j], F = String(x(O, D));
           o[F] = O;
         }
       } else {
-        const c = String(y(l, D));
+        const c = String(x(l, D));
         o[c] = l;
       }
     }
     return o;
-  }, U = Ze(null), [Oe] = S(`${h}-select-${et()}`), [Z] = S(`select-popover-${et()}`), [z, ee] = S(!1), [te, ve] = S(!1), [r, L] = S(rt()), [W, it] = S([]), [w, ct] = S(Ee()), [E, Ce] = S(null), [ge, Fe] = S(!1), [d, _] = S(""), [H, Pe] = S(!1), [oe, ae] = S(!1), [ye, at] = S(!1), se = Ze(null), [i] = S({
+  }, U = Ze(null), [Oe] = S(`${h}-select-${et()}`), [Z] = S(`select-popover-${et()}`), [z, ee] = S(!1), [te, ve] = S(!1), [r, L] = S(rt()), [W, it] = S([]), [v, ct] = S(Ee()), [E, Ce] = S(null), [ge, Fe] = S(!1), [m, _] = S(""), [H, Pe] = S(!1), [oe, ae] = S(!1), [ye, at] = S(!1), se = Ze(null), [i] = S({
     valueCom: [],
     listCom: [],
     searchModel: "inside",
     // default
     openMore: !1
   }), { language: Ie, locale: Ve } = Se.useContext(Ot), qe = Vt("Select", qt);
-  i.valueCom = [...r], i.listCom = W, i.searchModel = x, i.openMore = ge, P(() => () => {
+  i.valueCom = [...r], i.listCom = W, i.searchModel = w, i.openMore = ge, P(() => () => {
     clearTimeout(i.searchTimer), clearTimeout(i.timer), clearTimeout(i.scrollTimer), clearTimeout(i.dropDownTimer);
   }, []), ot(() => {
     if (N === void 0) {
       L([]);
       return;
     }
-    L(m ? je(N || []) : N === "" ? [] : [N]);
-  }, [N, m]), P(() => {
-    me();
+    L(d ? je(N || []) : N === "" ? [] : [N]);
+  }, [N, d]), P(() => {
+    de();
   }, [r, N]), P(() => {
-    if (x === "outside" && m)
+    if (w === "outside" && d)
       return Pe(!0);
     Pe($e);
-  }, [$e, x, m, I]), ot(() => {
+  }, [$e, w, d, I]), ot(() => {
     ct(Ee());
-  }, [ie]), P(() => (!H && m ? window.addEventListener("resize", me) : window.removeEventListener("resize", me), () => {
-    window.removeEventListener("resize", me);
-  }), [H, m]), P(() => {
-    r && r.length > 0 ? ve(!0) : (ve(!1), x === "outside" && ve(d !== ""));
-  }, [q, d, x, r, I]), P(() => {
+  }, [ie]), P(() => (!H && d ? window.addEventListener("resize", de) : window.removeEventListener("resize", de), () => {
+    window.removeEventListener("resize", de);
+  }), [H, d]), P(() => {
+    r && r.length > 0 ? ve(!0) : (ve(!1), w === "outside" && ve(m !== ""));
+  }, [q, m, w, r, I]), P(() => {
     if (z)
       if (ae(!0), Le)
-        Le(d, (e) => {
+        Le(m, (e) => {
           const o = he(e);
           He(o, !0), ae(!1);
         });
@@ -149,13 +149,13 @@ function Co(M) {
         const e = he(ie);
         He(e), ae(!1);
       }
-  }, [q, d, ie, z]), P(() => (z ? (clearTimeout(i.openTimer), i.openTimer = setTimeout(() => {
+  }, [q, m, ie, z]), P(() => (z ? (clearTimeout(i.openTimer), i.openTimer = setTimeout(() => {
     Be(), window.addEventListener("keydown", xe);
   })) : (_(""), window.removeEventListener("keydown", xe)), () => {
     clearTimeout(i.openTimer), window.removeEventListener("keydown", xe);
   }), [z]), P(() => {
-    u !== !0 && m && x === "outside" && yt(d);
-  }, [d, m, u, x, I]);
+    u !== !0 && d && w === "outside" && yt(m);
+  }, [m, d, u, w, I]);
   const ze = (e) => {
     if (e === null || e === 0) return;
     e === void 0 && (e = i.valueCom.length);
@@ -166,7 +166,7 @@ function Co(M) {
         Ce(t), ze(t);
       } else
         i.valueCom.length <= e && Re();
-  }, me = () => {
+  }, de = () => {
     if (i.valueCom.length === 0) return Ce(null);
     clearTimeout(i.timer), i.timer = setTimeout(() => {
       Ce(i.valueCom.length), ze();
@@ -174,7 +174,7 @@ function Co(M) {
   }, He = (e, o) => {
     const t = [], n = [...e];
     for (let l = 0, a = n.length; l < a; l++) {
-      const c = { ...n[l] }, j = y(c, Y);
+      const c = { ...n[l] }, j = x(c, Y);
       if (j && j.length > 0) {
         const f = j, O = [];
         for (let F = 0, le = f.length; F < le; F++) {
@@ -198,71 +198,71 @@ function Co(M) {
     return t;
   }, Ae = (e) => {
     let o = !0;
-    if (d.trim() === "") return o;
-    const t = y(e, $);
-    return t && (typeof t == "number" || typeof t == "string") ? t.toString().toLowerCase().indexOf(d.trim().toLowerCase()) === -1 && (o = !1) : o = !1, o;
-  }, mt = () => {
-    u !== !0 && ee(!0);
+    if (m.trim() === "") return o;
+    const t = x(e, $);
+    return t && (typeof t == "number" || typeof t == "string") ? t.toString().toLowerCase().indexOf(m.trim().toLowerCase()) === -1 && (o = !1) : o = !1, o;
   }, dt = () => {
+    u !== !0 && ee(!0);
+  }, mt = () => {
     ee(!1);
   }, ut = (e) => {
     Fe(!0), ee(!1), e.stopPropagation();
   }, Re = () => {
     i.openMore && Fe(!1);
-  }, de = (e, o) => (t) => {
-    const n = y(e, D);
+  }, me = (e, o) => (t) => {
+    const n = x(e, D);
     if (!(typeof u == "object" && u.indexOf(n) !== -1))
-      if (m) {
+      if (d) {
         const l = i.valueCom.indexOf(n);
-        l !== -1 ? i.valueCom.splice(l, 1) : i.valueCom.push(n), p.value === void 0 && L([...i.valueCom]), v && v([...i.valueCom], t), o && J && J([...i.valueCom]), Be();
+        l !== -1 ? i.valueCom.splice(l, 1) : i.valueCom.push(n), p.value === void 0 && L([...i.valueCom]), C && C([...i.valueCom], t), o && J && J([...i.valueCom]), Be();
       } else
-        p.value === void 0 && L([n]), v && v(n, t), o && J && J(n), dt(), _("");
+        p.value === void 0 && L([n]), C && C(n, t), o && J && J(n), mt(), _("");
   }, Ge = (e, o) => (t) => {
     e || (e = {
       [D]: o,
       children: []
-    }), de(e)(t), t.stopPropagation();
+    }), me(e)(t), t.stopPropagation();
   }, pt = () => {
     let e = `${h}-select`;
-    return m && !H && (e += ` ${Oe}`), T && (e += ` ${T}`), A && (e += ` ${h}-select-${A}`), Ne && (e += ` ${h}-select-error`), u === !0 && (e += ` ${h}-select-disabled`), z && (e += ` ${h}-select-open`), m && (e += ` ${h}-select-multiple`), H && (e += ` ${h}-select-over-line`), k && (e += ` ${h}-select-show-select`), r.length > 0 && (e += ` ${h}-select-value`), K && (e += ` ${h}-select-allow-clear`), e;
+    return d && !H && (e += ` ${Oe}`), T && (e += ` ${T}`), A && (e += ` ${h}-select-${A}`), Ne && (e += ` ${h}-select-error`), u === !0 && (e += ` ${h}-select-disabled`), z && (e += ` ${h}-select-open`), d && (e += ` ${h}-select-multiple`), H && (e += ` ${h}-select-over-line`), k && (e += ` ${h}-select-show-select`), r.length > 0 && (e += ` ${h}-select-value`), K && (e += ` ${h}-select-allow-clear`), e;
   }, ft = () => {
     let e = `${h}-select-popover ${h}-scrollbar-small`;
-    return A && (e += ` ${h}-select-popover-${A}`), m ? e += ` ${h}-select-popover-multiple` : e += ` ${h}-select-popover-radio`, De && (e += ` ${De}`), k || (e += ` ${h}-select-popover-hide`), e;
+    return A && (e += ` ${h}-select-popover-${A}`), d ? e += ` ${h}-select-popover-multiple` : e += ` ${h}-select-popover-radio`, De && (e += ` ${De}`), k || (e += ` ${h}-select-popover-hide`), e;
   }, ht = () => {
     let e = `${h}-select-more-popover ${h}-scrollbar-small`;
     return A && (e += ` ${h}-select-more-popover-${A}`), Te && (e += ` ${Te}`), e;
   }, vt = (e) => {
-    _(e.target.value), C && C.onChange && C.onChange(e);
+    _(e.target.value), g && g.onChange && g.onChange(e);
   }, Ct = (e, o) => {
-    _(e), o && C?.onChange && C.onChange(o);
+    _(e), o && g?.onChange && g.onChange(o);
   }, Je = (e) => {
     if (e.keyCode === 13) {
-      Me && Me(d);
+      Me && Me(m);
       const o = document.querySelector(`.${Z} .select-popover-list`);
       if (o) {
         const t = o.querySelector(".select-popover-list-item-hover");
         if (o.querySelector(".select-popover-list-item-keydown") || t) return;
       }
-      if (p.input && d.trim() !== "") {
-        if (m) {
-          const t = [...r, d];
-          p.value === void 0 && L(t), v && v(t, e);
+      if (p.input && m.trim() !== "") {
+        if (d) {
+          const t = [...r, m];
+          p.value === void 0 && L(t), C && C(t, e);
         } else
-          p.value === void 0 && L([d]), v && v(d, e);
+          p.value === void 0 && L([m]), C && C(m, e);
         _("");
       }
     }
-    C && C.onKeyDown && C.onKeyDown(e);
+    g && g.onKeyDown && g.onKeyDown(e);
   }, gt = (e) => {
-    if (p.input && ce && d.trim() !== "") {
-      if (m) {
-        const o = [...r, d];
-        p.value === void 0 && L(o), v && v(o, e);
+    if (p.input && ce && m.trim() !== "") {
+      if (d) {
+        const o = [...r, m];
+        p.value === void 0 && L(o), C && C(o, e);
       } else
-        p.value === void 0 && L([d]), v && v(d, e);
+        p.value === void 0 && L([m]), C && C(m, e);
       _("");
     }
-    i.inputOpen = !1, C && C.onBlur?.(e);
+    i.inputOpen = !1, g && g.onBlur?.(e);
   }, yt = (e) => {
     const o = se && se.current;
     if (!o) return null;
@@ -304,7 +304,7 @@ function Co(M) {
       const c = l || n;
       if (c) {
         const j = c.dataset.val;
-        de(w[j], !0)({ target: l });
+        me(v[j], !0)({ target: l });
       } else
         J && N !== void 0 && J(N);
     }
@@ -354,16 +354,16 @@ function Co(M) {
   }, [te, Q, re, R, V, G]), Xe = (e) => {
     if (u === !0) return null;
     const o = `${e}-search-outside`;
-    return x === "outside" ? /* @__PURE__ */ s.jsx(
+    return w === "outside" ? /* @__PURE__ */ s.jsx(
       "input",
       {
-        ...C,
+        ...g,
         onClick: (t) => {
-          i.inputOpen = !0, C && C.onClick?.(t);
+          i.inputOpen = !0, g && g.onClick?.(t);
         },
         onBlur: gt,
         className: o,
-        value: d,
+        value: m,
         onChange: vt,
         onKeyDown: Je,
         ref: se
@@ -371,35 +371,35 @@ function Co(M) {
     ) : null;
   }, jt = B(() => {
     const e = () => {
-      if (d !== "" && (x === "outside" || I)) return null;
-      const o = String(r[0]), t = w[o] && y(w[o], $) || r[0], n = b && b(w[o], !1);
+      if (m !== "" && (w === "outside" || I)) return null;
+      const o = String(r[0]), t = v[o] && x(v[o], $) || r[0], n = v[o] !== void 0 && b && b(v[o], !1);
       return H ? n || t : /* @__PURE__ */ s.jsx(ue, { placement: "top-start", children: n || t });
     };
-    return /* @__PURE__ */ s.jsx(s.Fragment, { children: !m && /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+    return /* @__PURE__ */ s.jsx(s.Fragment, { children: !d && /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
       /* @__PURE__ */ s.jsx("div", { className: "radio-select-content", children: e() }),
       Xe("radio")
     ] }) });
   }, [
-    m,
+    d,
     te,
     H,
-    w,
+    v,
     r,
     $,
     q,
-    x,
-    d,
+    w,
+    m,
     u,
     I,
-    C,
+    g,
     b,
     ce
   ]), St = B(() => {
     const e = (o) => {
-      const t = String(r[o]), n = w[t] && y(w[t], $) || r[o];
-      return b && b(w[t], !1) || n;
+      const t = String(r[o]), n = v[t] && x(v[t], $) || r[o];
+      return v[t] !== void 0 && b && b(v[t], !1) || n;
     };
-    return /* @__PURE__ */ s.jsx(s.Fragment, { children: m && /* @__PURE__ */ s.jsxs("div", { className: "check-select-content", children: [
+    return /* @__PURE__ */ s.jsx(s.Fragment, { children: d && /* @__PURE__ */ s.jsxs("div", { className: "check-select-content", children: [
       r && r.map((o, t) => {
         if (E !== null && E <= t) return null;
         let n = !0;
@@ -414,7 +414,7 @@ function Co(M) {
               n && /* @__PURE__ */ s.jsx(
                 tt,
                 {
-                  onClick: Ge(w[String(r[t])], r[t])
+                  onClick: Ge(v[String(r[t])], r[t])
                 }
               )
             ]
@@ -439,30 +439,30 @@ function Co(M) {
       Xe("check")
     ] }) });
   }, [
-    m,
+    d,
     te,
     r,
     E,
-    w,
-    u,
     v,
-    d,
+    u,
+    C,
+    m,
     q,
-    x,
+    w,
     I,
-    C,
+    g,
     b,
     ce
   ]), kt = (e) => {
     e.stopPropagation();
     const o = [];
     let t;
-    if (m && (t = [], u instanceof Array))
+    if (d && (t = [], u instanceof Array))
       for (let n = 0, l = r.length; n < l; n++) {
         const a = r[n];
         u.indexOf(a) !== -1 && (t.push(a), o.push(a));
       }
-    p.value === void 0 && L(o), v && v(t, e), ee(!1), pe && pe();
+    p.value === void 0 && L(o), C && C(t, e), ee(!1), pe && pe();
   }, bt = () => {
     if (r.length > 0 && u !== !0 && K)
       return /* @__PURE__ */ s.jsx(
@@ -475,8 +475,8 @@ function Co(M) {
       );
   }, Nt = () => {
     const e = (o) => {
-      const t = String(r[o]), n = w[t] && y(w[t], $) || r[o];
-      return b && b(w[t], "more") || n;
+      const t = String(r[o]), n = v[t] && x(v[t], $) || r[o];
+      return v[t] !== void 0 && b && b(v[t], "more") || n;
     };
     return /* @__PURE__ */ s.jsxs("div", { className: "select-more", children: [
       /* @__PURE__ */ s.jsx("div", { className: "select-more-title", children: /* @__PURE__ */ s.jsx("span", { children: qe({ id: "more" }) }) }),
@@ -492,7 +492,7 @@ function Co(M) {
               n && /* @__PURE__ */ s.jsx(
                 tt,
                 {
-                  onClick: Ge(w[String(r[t])], r[t])
+                  onClick: Ge(v[String(r[t])], r[t])
                 }
               )
             ]
@@ -513,7 +513,7 @@ function Co(M) {
         "div",
         {
           className: "select-content",
-          onClick: mt,
+          onClick: dt,
           ref: U,
           children: [
             wt,
@@ -536,18 +536,18 @@ function Co(M) {
     V,
     G,
     H,
-    w,
+    v,
     r,
     $,
-    m,
+    d,
     E,
     u,
-    v,
-    d,
-    x,
+    C,
+    m,
+    w,
     I,
     k,
-    C,
+    g,
     K,
     pe,
     ge,
@@ -558,10 +558,10 @@ function Co(M) {
       let t = "select-popover-list";
       return oe && (t += " select-popover-list-loading"), t;
     }, o = (t) => {
-      const n = y(t, $) || y(t, D), l = b && b(t, !0);
+      const n = x(t, $) || x(t, D), l = b && b(t, !0);
       return /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
         /* @__PURE__ */ s.jsx("span", { className: "select-popover-list-item-label", children: /* @__PURE__ */ s.jsx(ue, { placement: "top-start", children: l || n }) }),
-        m && fe && /* @__PURE__ */ s.jsx("span", { className: "select-popover-list-item-svg", children: /* @__PURE__ */ s.jsx(It, {}) })
+        d && fe && /* @__PURE__ */ s.jsx("span", { className: "select-popover-list-item-svg", children: /* @__PURE__ */ s.jsx(It, {}) })
       ] });
     };
     return /* @__PURE__ */ s.jsxs(
@@ -571,7 +571,7 @@ function Co(M) {
         style: { outline: "1px  solid transparent" },
         children: [
           W && W.length > 0 ? /* @__PURE__ */ s.jsx(s.Fragment, { children: W.map((t, n) => {
-            const l = y(t, Y);
+            const l = x(t, Y);
             if (l && l.length > 0) {
               const j = l;
               return /* @__PURE__ */ s.jsxs(
@@ -579,14 +579,14 @@ function Co(M) {
                 {
                   className: "select-popover-list-group",
                   children: [
-                    /* @__PURE__ */ s.jsx("span", { className: "select-popover-list-group-label", children: y(t, $) || y(t, D) }),
+                    /* @__PURE__ */ s.jsx("span", { className: "select-popover-list-group-label", children: x(t, $) || x(t, D) }),
                     j.map((f, O) => {
-                      const F = y(f, D);
+                      const F = x(f, D);
                       let le = "select-popover-list-item";
                       return r.indexOf(F) !== -1 && (le += " select-popover-list-item-select"), typeof u == "object" && u.indexOf(F) !== -1 && (le += " select-popover-list-item-disabled"), /* @__PURE__ */ s.jsx(
                         "div",
                         {
-                          onClick: de(f),
+                          onClick: me(f),
                           className: le,
                           onMouseEnter: _e,
                           onMouseLeave: Qe,
@@ -601,12 +601,12 @@ function Co(M) {
                 n
               );
             }
-            const a = y(t, D);
+            const a = x(t, D);
             let c = "select-popover-list-item";
             return r.indexOf(a) !== -1 && (c += " select-popover-list-item-select"), typeof u == "object" && u.indexOf(a) !== -1 && (c += " select-popover-list-item-disabled"), /* @__PURE__ */ s.jsx(
               "div",
               {
-                onClick: de(t),
+                onClick: me(t),
                 className: c,
                 onMouseEnter: _e,
                 onMouseLeave: Qe,
@@ -631,8 +631,8 @@ function Co(M) {
     $,
     D,
     r,
-    v,
-    m,
+    C,
+    d,
     oe,
     Ie,
     Ve,
@@ -644,7 +644,7 @@ function Co(M) {
     if (!k) return "";
     const e = () => {
       let o = `select-popover-content ${Z}`;
-      return q && x === "inside" && (o += " select-popover-content-search"), o;
+      return q && w === "inside" && (o += " select-popover-content-search"), o;
     };
     return /* @__PURE__ */ s.jsxs(
       "div",
@@ -652,12 +652,12 @@ function Co(M) {
         style: { width: `${U && U.current ? U.current.offsetWidth : 0}px` },
         className: e(),
         children: [
-          q && x === "inside" && /* @__PURE__ */ s.jsx(
+          q && w === "inside" && /* @__PURE__ */ s.jsx(
             Bt,
             {
               placeholder: ke || qe({ id: "searchPlaceholder" }),
               onKeydown: Je,
-              value: d,
+              value: m,
               onChange: Ct,
               className: "select-popover-search"
             }
@@ -674,15 +674,15 @@ function Co(M) {
     D,
     $,
     r,
-    d,
+    m,
     q,
     Z,
-    x,
-    m,
+    w,
+    d,
     ke,
     k,
     oe,
-    C,
+    g,
     Ie,
     Ve,
     ne,
@@ -717,7 +717,7 @@ function Co(M) {
     "div",
     {
       className: pt(),
-      style: g,
+      style: y,
       children: [
         xt,
         Tt(),