@tdesign/site-components 0.17.1 → 0.17.2

package/lib/site.es.js

@@ -1,5 +1,5 @@
 const Zn = /* @__PURE__ */ new Map();
-function mt(e) {
+function bt(e) {
   let t = Zn.get(e);
   return t === void 0 && (t = e.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase(), Zn.set(e, t)), t;
 }
@@ -24,23 +24,23 @@ function Qt(e, t) {
     t(o), o.shadowRoot && Qt(o.shadowRoot, t);
   }
 }
-const Qn = Promise.resolve(), _r = /* @__PURE__ */ new WeakMap(), An = Qt.name === "walkInShadow", ut = /* @__PURE__ */ new Set();
+const Qn = Promise.resolve(), _r = /* @__PURE__ */ new WeakMap(), An = Qt.name === "walkInShadow", ft = /* @__PURE__ */ new Set();
 function wr(e) {
-  ut.size || Qn.then(ei), ut.add(e);
+  ft.size || Qn.then(ei), ft.add(e);
 }
 function $r(e) {
-  ut.delete(e);
+  ft.delete(e);
 }
 function ei() {
-  for (const e of ut)
+  for (const e of ft)
     try {
       e();
     } catch (t) {
       console.error(t);
     }
-  ut.clear();
+  ft.clear();
 }
-const Lt = /* @__PURE__ */ new WeakMap(), at = /* @__PURE__ */ new Set();
+const Lt = /* @__PURE__ */ new WeakMap(), st = /* @__PURE__ */ new Set();
 function yr(e) {
   const t = /* @__PURE__ */ new Set(), n = t.values();
   for (; e; ) {
@@ -51,7 +51,7 @@ function yr(e) {
     }
     if (e.contexts)
       for (const o of e.contexts)
-        at.has(o) || (t.add(o), e.contexts.delete(o));
+        st.has(o) || (t.add(o), e.contexts.delete(o));
     e.observe && wr(e.observe), e = n.next().value;
   }
 }
@@ -76,11 +76,11 @@ function xr(e, t, n) {
   if (Ae && (o.contexts || (o.contexts = /* @__PURE__ */ new Set()), Ae.deps || (Ae.deps = /* @__PURE__ */ new Set()), o.contexts.add(Ae), Ae.deps.add(o)), o.resolved) return o.value;
   const r = Ae;
   try {
-    if (at.has(o))
+    if (st.has(o))
       throw Error(`Circular get invocation is forbidden: '${t}'`);
-    Ae = o, at.add(o), o.value = n(e, o.value), o.resolved = !0, Ae = r, at.delete(o);
+    Ae = o, st.add(o), o.value = n(e, o.value), o.resolved = !0, Ae = r, st.delete(o);
   } catch (i) {
-    throw Ae = r, at.delete(o), Ae && (Ae.deps.delete(o), o.contexts.delete(Ae)), i;
+    throw Ae = r, st.delete(o), Ae && (Ae.deps.delete(o), o.contexts.delete(Ae)), i;
   }
   return o.value;
 }
@@ -103,18 +103,18 @@ function ni(e, t, n, o) {
     $r(r.observe), r.observe = void 0, r.lastValue = void 0;
   };
 }
-const yt = /* @__PURE__ */ new Set();
+const xt = /* @__PURE__ */ new Set();
 function oi(e) {
-  yt.size || setTimeout(() => {
-    for (const t of yt)
+  xt.size || setTimeout(() => {
+    for (const t of xt)
       if (!t.contexts || t.contexts.size === 0) {
         if (t.deps)
           for (const o of t.deps)
             o.contexts.delete(t);
         Lt.get(t.target).delete(t.key);
       }
-    yt.clear();
-  }), yt.add(e);
+    xt.clear();
+  }), xt.add(e);
 }
 function Ar(e, t) {
   yr(e), t.clearValue && (e.value = void 0, e.lastValue = void 0), t.deleteEntry && oi(e);
@@ -175,7 +175,7 @@ function ai(e, t) {
     throw TypeError(
       `Invalid default value for '${e}' property - it must be a string, number, boolean or undefined: ${n}`
     );
-  const i = mt(e);
+  const i = bt(e);
   return {
     get: (a, s) => s === void 0 ? r(a, i) || t.value : s,
     set: (a, s) => o(a, s, i),
@@ -183,10 +183,10 @@ function ai(e, t) {
     observe: t.observe
   };
 }
-const ft = /* @__PURE__ */ new WeakMap(), xt = /* @__PURE__ */ new WeakMap();
+const gt = /* @__PURE__ */ new WeakMap(), At = /* @__PURE__ */ new WeakMap();
 function Dn(e, t) {
   if (t) {
-    const i = ft.get(t);
+    const i = gt.get(t);
     if (e === i) return t;
     for (const a of Object.keys(i))
       a !== "tag" && delete t.prototype[a];
@@ -199,21 +199,21 @@ function Dn(e, t) {
           delete this[a], this[a] = s;
         }
         const i = /* @__PURE__ */ new Set();
-        xt.set(this, i), wr(() => {
-          if (i === xt.get(this)) {
+        At.set(this, i), wr(() => {
+          if (i === At.get(this)) {
             for (const a of t.connects) i.add(a(this));
             for (const a of t.observers) i.add(a(this));
           }
         });
       }
       disconnectedCallback() {
-        const i = xt.get(this);
+        const i = At.get(this);
         for (const a of i)
           a && a();
-        xt.delete(this), ri(this);
+        At.delete(this), ri(this);
       }
     };
-  ft.set(t, Object.freeze(e));
+  gt.set(t, Object.freeze(e));
   const n = /* @__PURE__ */ new Set(), o = /* @__PURE__ */ new Set(), r = /* @__PURE__ */ new Set();
   for (const i of Object.keys(e)) {
     if (i === "tag") continue;
@@ -228,7 +228,7 @@ function Dn(e, t) {
         throw TypeError(
           `Invalid property descriptor for '${i}' property - it must not have 'value' and 'set' properties at the same time.`
         );
-      const c = mt(i), h = a.get || ((g, f) => f);
+      const c = bt(i), h = a.get || ((g, f) => f);
       a.get = (g, f) => (f === void 0 && (f = a.set(g, g.getAttribute(c) || f)), h(g, f));
     }
     if (hasOwnProperty.call(a, "value"))
@@ -254,21 +254,21 @@ function Dn(e, t) {
   }
   return t.connects = n, t.observers = o, t.settable = r, t;
 }
-const nt = /* @__PURE__ */ new Map();
+const ot = /* @__PURE__ */ new Map();
 function si(e) {
-  nt.size || Qn.then(() => {
+  ot.size || Qn.then(() => {
     Qt(globalThis.document.body, (t) => {
-      if (nt.has(t.constructor)) {
-        const n = nt.get(t.constructor), o = ft.get(t.constructor);
+      if (ot.has(t.constructor)) {
+        const n = ot.get(t.constructor), o = gt.get(t.constructor);
         t.disconnectedCallback();
         for (const r of Object.keys(o)) {
           const i = typeof o[r], a = i !== "object" && i !== "function" && o[r] !== n[r];
-          a && t.removeAttribute(mt(r)), Dr(t, r, { clearValue: a });
+          a && t.removeAttribute(bt(r)), Dr(t, r, { clearValue: a });
         }
         t.connectedCallback();
       }
-    }), nt.clear();
-  }), nt.set(e, ft.get(e));
+    }), ot.clear();
+  }), ot.set(e, gt.get(e));
 }
 function Hr(e) {
   if (!e.tag)
@@ -277,7 +277,7 @@ function Hr(e) {
     );
   const t = globalThis.customElements.get(e.tag);
   if (t) {
-    if (ft.get(t))
+    if (gt.get(t))
       return si(t), Dn(e, t), e;
     throw TypeError(
       `Custom element with '${e.tag}' tag name already defined outside of the hybrids context`
@@ -289,7 +289,7 @@ function li(e, { root: t = "", prefix: n } = {}) {
   for (const o of Object.keys(e)) {
     const r = e[o];
     if (!r.tag) {
-      const i = mt(
+      const i = bt(
         [].concat(t).reduce((a, s) => a.replace(s, ""), o).replace(/^[./]+/, "").replace(/\//g, "-").replace(/\.[a-zA-Z]+$/, "")
       );
       r.tag = n ? `${n}-${i}` : i;
@@ -303,10 +303,10 @@ const ie = Object.freeze(
     compile: (e) => Dn(e),
     from: li
   })
-), lt = /* @__PURE__ */ new WeakMap();
+), ct = /* @__PURE__ */ new WeakMap();
 function je(e) {
-  let t = lt.get(e);
-  return t || (lt.set(e, t = {}), t);
+  let t = ct.get(e);
+  return t || (ct.set(e, t = {}), t);
 }
 function Nt(e) {
   let t;
@@ -314,9 +314,9 @@ function Nt(e) {
     e = t.endNode;
   return e;
 }
-function gt(e) {
+function ht(e) {
   if (e.nodeType === globalThis.Node.TEXT_NODE) {
-    const t = lt.get(e);
+    const t = ct.get(e);
     if (t && t.startNode) {
       const n = Nt(t.endNode);
       let o = t.startNode;
@@ -325,13 +325,13 @@ function gt(e) {
         const i = o.nextSibling;
         o.parentNode.removeChild(o), o = i !== r && i;
       }
-      lt.set(e, {});
+      ct.set(e, {});
     }
   } else {
     let t = e.childNodes[0];
     for (; t; )
       e.removeChild(t), t = e.childNodes[0];
-    lt.set(e, {});
+    ct.set(e, {});
   }
 }
 const ci = Date.now(), Fe = (e = 0) => `H-${ci}-${e}`, Ln = !!(globalThis.document && globalThis.document.adoptedStyleSheets), Ft = /^\d+$/, di = {
@@ -554,7 +554,7 @@ function pi(e, t, n, o, r) {
     const g = /* @__PURE__ */ new Set();
     for (const f of a)
       g.add(f.id);
-    i = i.filter((f) => g.has(f.id) ? !0 : (gt(f.placeholder), f.placeholder.parentNode.removeChild(f.placeholder), !1));
+    i = i.filter((f) => g.has(f.id) ? !0 : (ht(f.placeholder), f.placeholder.parentNode.removeChild(f.placeholder), !1));
   }
   let s = t;
   const c = n.length - 1, h = je(t);
@@ -583,10 +583,10 @@ function pi(e, t, n, o, r) {
   }
   if (i)
     for (const g of i)
-      g.available && (gt(g.placeholder), g.placeholder.parentNode.removeChild(g.placeholder));
+      g.available && (ht(g.placeholder), g.placeholder.parentNode.removeChild(g.placeholder));
 }
 function vi(e, t, n) {
-  gt(t);
+  ht(t);
   const o = je(t);
   o.startNode = o.endNode = n, t.parentNode.insertBefore(n, t.nextSibling);
 }
@@ -598,11 +598,11 @@ function $n(e) {
   }
   return t;
 }
-function ht(e, t, n, o, r) {
+function pt(e, t, n, o, r) {
   const i = $n(n), a = $n(o);
-  switch (a !== "undefined" && i !== a && (i !== "function" && gt(t), a === "array" ? Hn.delete(t) : a !== "node" && a !== "function" && (t.textContent = "")), i) {
+  switch (a !== "undefined" && i !== a && (i !== "function" && ht(t), a === "array" ? Hn.delete(t) : a !== "node" && a !== "function" && (t.textContent = "")), i) {
     case "array":
-      pi(e, t, n, ht, r);
+      pi(e, t, n, pt, r);
       break;
     case "node":
       vi(e, t, n);
@@ -668,7 +668,7 @@ function wi(e, t, n) {
     );
   const o = to.get(t) || /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Map();
   for (const i of Object.keys(n)) {
-    const a = mt(i), s = n[i];
+    const a = bt(i), s = n[i];
     !s && s !== 0 ? t.style.removeProperty(a) : t.style.setProperty(a, s), r.set(a, s), o.delete(a);
   }
   for (const i of o.keys())
@@ -700,7 +700,7 @@ function yi(e, t, n) {
     }
   }
 }
-const Br = Fe("(\\d+)"), ot = new RegExp(`^${Br}$`), Ye = new RegExp(Br, "g"), xi = /^[^A-Za-z]+$/;
+const Br = Fe("(\\d+)"), rt = new RegExp(`^${Br}$`), Ye = new RegExp(Br, "g"), xi = /^[^A-Za-z]+$/;
 function Ai(e) {
   let t = e[0], n = !1;
   for (let o = 1; o < e.length; o += 1)
@@ -809,14 +809,14 @@ function Bi(e, t, n, o) {
   let f = 0, C = null;
   for (; h.nextNode(); ) {
     let u = h.currentNode;
-    if (C && !C.contains(u) && (C = null), u.nodeType === globalThis.Node.COMMENT_NODE && ot.test(u.textContent) && (u.parentNode.insertBefore(
+    if (C && !C.contains(u) && (C = null), u.nodeType === globalThis.Node.COMMENT_NODE && rt.test(u.textContent) && (u.parentNode.insertBefore(
       globalThis.document.createTextNode(u.textContent),
       u.nextSibling
     ), h.nextNode(), u.parentNode.removeChild(u), u = h.currentNode), u.nodeType === globalThis.Node.TEXT_NODE) {
       let l = u.textContent;
-      const d = l.match(ot);
+      const d = l.match(rt);
       if (d)
-        u.textContent = "", i[d[1]] = [f, ht];
+        u.textContent = "", i[d[1]] = [f, pt];
       else {
         if (Gi() && !C && !l.match(/^\s*$/)) {
           let p;
@@ -846,9 +846,9 @@ function Bi(e, t, n, o) {
               p.nextSibling
             ), h.currentNode = p, f += 1);
             const D = p.textContent.match(
-              ot
+              rt
             );
-            D && (p.textContent = "", i[D[1]] = [f, ht]);
+            D && (p.textContent = "", i[D[1]] = [f, pt]);
           });
         }
       }
@@ -866,7 +866,7 @@ function Bi(e, t, n, o) {
           u.removeAttribute(v), u.classList.add(b);
           continue;
         }
-        const p = d.match(ot);
+        const p = d.match(rt);
         if (p) {
           const b = Di(e[p[1]]);
           i[p[1]] = [
@@ -878,7 +878,7 @@ function Bi(e, t, n, o) {
           if (b) {
             const y = `attr__${v}`;
             for (const [D, A] of b.entries()) {
-              const [, H] = A.match(ot);
+              const [, H] = A.match(rt);
               let O = !1;
               i[H] = [
                 f,
@@ -918,7 +918,7 @@ ${oo(a, -1)}`
           }), O += 1, P = i[w[O]];
         H += 1;
       }
-      if (b.hostLayout && l.classList.remove(b.hostLayout), gt(d), b = je(d), b.template = r, b.markers = A, d.nodeType === globalThis.Node.TEXT_NODE) {
+      if (b.hostLayout && l.classList.remove(b.hostLayout), ht(d), b = je(d), b.template = r, b.markers = A, d.nodeType === globalThis.Node.TEXT_NODE) {
         Or(d), b.startNode = y.childNodes[0], b.endNode = y.childNodes[y.childNodes.length - 1];
         let x = d, B = y.childNodes[0];
         for (; B; )
@@ -956,9 +956,9 @@ function Oi(e, t, n = 200) {
     const a = o.useLayout;
     let s;
     t && (s = setTimeout(() => {
-      s = void 0, ht(r, i, t, void 0, a);
+      s = void 0, pt(r, i, t, void 0, a);
     }, n)), Ut.set(i, e), e.then((c) => {
-      s && clearTimeout(s), Ut.get(i) === e && (ht(
+      s && clearTimeout(s), Ut.get(i) === e && (pt(
         r,
         i,
         c,
@@ -1019,19 +1019,19 @@ function Mi(e, t) {
     });
   }, lo.set(e, n)), n;
 }
-let At;
+let Dt;
 const ki = globalThis.document && globalThis.document.startViewTransition !== void 0 && function(t) {
   return function n(o, r) {
-    if (At) {
+    if (Dt) {
       console.warn(
         `${kt(
           o
-        )}: view transition already started in ${kt(At)}`
+        )}: view transition already started in ${kt(Dt)}`
       ), t(o, r);
       return;
     }
-    t.useLayout = n.useLayout, At = o, globalThis.document.startViewTransition(() => (t(o, r), Qn.then(() => {
-      At = void 0;
+    t.useLayout = n.useLayout, Dt = o, globalThis.document.startViewTransition(() => (t(o, r), Qn.then(() => {
+      Dt = void 0;
     })));
   };
 } || // istanbul ignore next
@@ -1182,7 +1182,7 @@ function Qr(e = () => {
 function ze() {
   return /-en$/.test(location.pathname) ? "en" : "zh";
 }
-function Dt(e, t = !0) {
+function Je(e, t = !0) {
   return e === void 0 ? t : typeof e == "string" ? e === "true" : !!e;
 }
 const Zi = (e) => e.split("-").map((t) => t.charAt(0).toUpperCase() + t.slice(1).toLowerCase()).join(""), po = [];
@@ -1295,7 +1295,7 @@ const Ji = () => {
 }, Wi = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M2 5C2 3.34315 3.34315 2 5 2H7C8.65685 2 10 3.34315 10 5V11H8V8.5H4V11H2V5ZM4 6.5H8V5C8 4.44772 7.55228 4 7 4H5C4.44772 4 4 4.44772 4 5V6.5ZM12 3.5H18C19.6569 3.5 21 4.84315 21 6.5V9H19V6.5C19 5.94772 18.5523 5.5 18 5.5H12V3.5ZM18 11.5V13H22V15H20.9381C20.7182 16.7638 19.9241 18.3492 18.7488 19.5634C19.4441 19.845 20.2041 20 21 20H22V22H21C19.5425 22 18.1765 21.6102 17.0001 20.9297C15.8234 21.6104 14.4572 22 13 22H12V20H13C13.7962 20 14.5562 19.8449 15.2514 19.5633C14.6487 18.9407 14.1463 18.2205 13.7704 17.4291L13.3413 16.5258L15.1478 15.6676L15.5769 16.5709C15.9219 17.2971 16.4081 17.9427 16.9999 18.4723C17.9921 17.5843 18.687 16.371 18.917 15H12V13H16V11.5H18ZM6 13V19C6 19.5523 6.44772 20 7 20H9.5V22H7C5.34315 22 4 20.6569 4 19V13H6Z" fill="currentColor"/>
 </svg>
-`, _i = ".TDesign-base-components-links{display:flex;flex-direction:column;padding:16px;width:832px;box-sizing:border-box;row-gap:16px}.TDesign-base-components-links__web,.TDesign-base-components-links__mobile{display:flex;flex-direction:column;row-gap:8px}.TDesign-base-components-links__list{display:flex;flex-wrap:wrap;gap:4px}.TDesign-base-components-links .title{color:var(--text-placeholder);margin:0 8px;font-size:14px;line-height:22px}.TDesign-base-components-links .link{border-radius:6px;transition:all .2s linear;color:var(--text-secondary);text-decoration:none;padding:8px;display:inline-flex;align-items:center;width:264px;box-sizing:border-box}.TDesign-base-components-links .link:not(.disabled):hover{color:var(--text-primary);background:var(--bg-color-container-hover)}.TDesign-base-components-links .link .details{display:flex;flex-direction:column}.TDesign-base-components-links .link .name{font-size:14px;line-height:24px;height:24px}.TDesign-base-components-links .link .version{font-size:14px;line-height:22px;color:var(--text-placeholder)}.TDesign-base-components-links .link .icon{max-width:40px;max-height:40px;margin-right:8px}.TDesign-base-components-links .link.active{color:var(--text-primary);background:var(--bg-color-container-select)}.TDesign-base-components-links .link.disabled{cursor:no-drop}.TDesign-base-components-links .link .disable-tag,.TDesign-base-components-links .link .alpha-tag,.TDesign-base-components-links .link .beta-tag,.TDesign-base-components-links .link .rc-tag,.TDesign-base-components-links .link .stable-tag{font-size:12px;border-radius:var(--border-radius);padding:2px 4px;margin-left:4px;vertical-align:bottom}.TDesign-base-components-links .link .disable-tag{color:var(--text-secondary);background:var(--bg-color-tag)}.TDesign-base-components-links .link .alpha-tag{color:var(--brand-main);background:var(--brand-main-light);font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}.TDesign-base-components-links .link .beta-tag,.TDesign-base-components-links .link .rc-tag{color:var(--success-main);background:var(--success-main-light);font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}.TDesign-base-components-links .link .stable-tag{color:#029cd4;background:#029cd41a;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}@media screen and (max-width: 960px){.TDesign-base-components-links{display:none}}", $i = ':host{position:relative;--header-inner-max-width: 100%;--header-inner-padding: 0 24px;--search-display: block}@media screen and (max-width: 1200px){:host{--search-display: none}}.TDesign-header-notice{width:100%;line-height:24px;padding:8px 16px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;position:relative}.TDesign-header-notice.primary{background-color:var(--brand-main)}.TDesign-header-notice__content{cursor:pointer;color:#ffffffe6;transition:all .2s}.TDesign-header-notice__content:hover{color:#fff}.TDesign-header-notice__close{display:inline-flex;align-items:center;position:absolute;right:8px;cursor:pointer;transition:all .2s;color:#ffffffe6}.TDesign-header-notice__close:hover{color:#fff}.TDesign-header-notice__close svg{width:16px;height:16px}.TDesign-header{height:var(--header-height);background-color:var(--bg-color-container);color:var(--text-secondary);position:relative;z-index:1400;box-shadow:var(--header-box-shadow)}.TDesign-header-inner{padding:var(--header-inner-padding);height:100%;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;max-width:var(--header-inner-max-width);margin:auto;transition:all .25s var(--anim-time-fn-easing)}.TDesign-header-left{display:flex;align-items:center}.TDesign-header .slot-search{display:var(--search-display)}.TDesign-header-nav{display:flex;align-items:center;justify-content:flex-start;column-gap:8px}.TDesign-header-nav__link{cursor:pointer;padding:4px 16px;box-sizing:border-box;height:32px;line-height:24px;color:var(--text-primary);text-decoration:none;border-radius:var(--border-radius);transition:all .1s;display:inline-block;vertical-align:middle;word-break:keep-all;flex-shrink:0}.TDesign-header-nav__link:hover{background:var(--bg-color-container-hover)}.TDesign-header-nav__link:hover .icon svg path{d:path("M3.75 10.2002L7.99274 5.7998L12.2361 10.0425")}.TDesign-header-nav__link.active{color:var(--text-primary);background:var(--bg-color-container-select)}.TDesign-header-nav__link .icon{width:16px;height:16px;display:inline-block;vertical-align:middle;margin-top:-4px;margin-left:4px}.TDesign-header-nav__link .icon svg path{transition:d .2s;stroke:currentColor}.TDesign-header-nav__git,.TDesign-header-nav__translate{display:inline-flex;color:var(--text-primary);border-radius:var(--border-radius);transition:all .2s linear;width:32px;height:32px;align-items:center;justify-content:center;cursor:pointer}.TDesign-header-nav__git:hover,.TDesign-header-nav__translate:hover{background:var(--bg-color-container-hover)}.TDesign-header-nav__git-icon,.TDesign-header-nav__translate-icon{width:24px;height:24px;display:inline-block}.TDesign-header-nav td-theme-tabs{margin-left:8px}', ea = Ji(), { headerList: vo, baseComponentsLinks: st, baseComponentPrefix: ta } = ea;
+`, _i = ".TDesign-base-components-links{display:flex;flex-direction:column;padding:16px;width:832px;box-sizing:border-box;row-gap:16px}.TDesign-base-components-links__web,.TDesign-base-components-links__mobile{display:flex;flex-direction:column;row-gap:8px}.TDesign-base-components-links__list{display:flex;flex-wrap:wrap;gap:4px}.TDesign-base-components-links .title{color:var(--text-placeholder);margin:0 8px;font-size:14px;line-height:22px}.TDesign-base-components-links .link{border-radius:6px;transition:all .2s linear;color:var(--text-secondary);text-decoration:none;padding:8px;display:inline-flex;align-items:center;width:264px;box-sizing:border-box}.TDesign-base-components-links .link:not(.disabled):hover{color:var(--text-primary);background:var(--bg-color-container-hover)}.TDesign-base-components-links .link .details{display:flex;flex-direction:column}.TDesign-base-components-links .link .name{font-size:14px;line-height:24px;height:24px}.TDesign-base-components-links .link .version{font-size:14px;line-height:22px;color:var(--text-placeholder)}.TDesign-base-components-links .link .icon{max-width:40px;max-height:40px;margin-right:8px}.TDesign-base-components-links .link.active{color:var(--text-primary);background:var(--bg-color-container-select)}.TDesign-base-components-links .link.disabled{cursor:no-drop}.TDesign-base-components-links .link .disable-tag,.TDesign-base-components-links .link .alpha-tag,.TDesign-base-components-links .link .beta-tag,.TDesign-base-components-links .link .rc-tag,.TDesign-base-components-links .link .stable-tag{font-size:12px;border-radius:var(--border-radius);padding:2px 4px;margin-left:4px;vertical-align:bottom}.TDesign-base-components-links .link .disable-tag{color:var(--text-secondary);background:var(--bg-color-tag)}.TDesign-base-components-links .link .alpha-tag{color:var(--brand-main);background:var(--brand-main-light);font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}.TDesign-base-components-links .link .beta-tag,.TDesign-base-components-links .link .rc-tag{color:var(--success-main);background:var(--success-main-light);font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}.TDesign-base-components-links .link .stable-tag{color:#029cd4;background:#029cd41a;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}@media screen and (max-width: 960px){.TDesign-base-components-links{display:none}}", $i = ':host{position:relative;--header-inner-max-width: 100%;--header-inner-padding: 0 24px;--search-display: block}@media screen and (max-width: 1200px){:host{--search-display: none}}.TDesign-header-notice{width:100%;line-height:24px;padding:8px 16px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;position:relative}.TDesign-header-notice.primary{background-color:var(--brand-main)}.TDesign-header-notice__content{cursor:pointer;color:#ffffffe6;transition:all .2s}.TDesign-header-notice__content:hover{color:#fff}.TDesign-header-notice__close{display:inline-flex;align-items:center;position:absolute;right:8px;cursor:pointer;transition:all .2s;color:#ffffffe6}.TDesign-header-notice__close:hover{color:#fff}.TDesign-header-notice__close svg{width:16px;height:16px}.TDesign-header{height:var(--header-height);background-color:var(--bg-color-container);color:var(--text-secondary);position:relative;z-index:1400;box-shadow:var(--header-box-shadow)}.TDesign-header-inner{padding:var(--header-inner-padding);height:100%;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;max-width:var(--header-inner-max-width);margin:auto;transition:all .25s var(--anim-time-fn-easing)}.TDesign-header-left{display:flex;align-items:center}.TDesign-header .slot-search{display:var(--search-display)}.TDesign-header-nav{display:flex;align-items:center;justify-content:flex-start;column-gap:8px}.TDesign-header-nav__link{cursor:pointer;padding:4px 16px;box-sizing:border-box;height:32px;line-height:24px;color:var(--text-primary);text-decoration:none;border-radius:var(--border-radius);transition:all .1s;display:inline-block;vertical-align:middle;word-break:keep-all;flex-shrink:0}.TDesign-header-nav__link:hover{background:var(--bg-color-container-hover)}.TDesign-header-nav__link:hover .icon svg path{d:path("M3.75 10.2002L7.99274 5.7998L12.2361 10.0425")}.TDesign-header-nav__link.active{color:var(--text-primary);background:var(--bg-color-container-select)}.TDesign-header-nav__link .icon{width:16px;height:16px;display:inline-block;vertical-align:middle;margin-top:-4px;margin-left:4px}.TDesign-header-nav__link .icon svg path{transition:d .2s;stroke:currentColor}.TDesign-header-nav__git,.TDesign-header-nav__translate{display:inline-flex;color:var(--text-primary);border-radius:var(--border-radius);transition:all .2s linear;width:32px;height:32px;align-items:center;justify-content:center;cursor:pointer}.TDesign-header-nav__git:hover,.TDesign-header-nav__translate:hover{background:var(--bg-color-container-hover)}.TDesign-header-nav__git-icon,.TDesign-header-nav__translate-icon{width:24px;height:24px;display:inline-block}.TDesign-header-nav td-theme-tabs{margin-left:8px}', ea = Ji(), { headerList: vo, baseComponentsLinks: lt, baseComponentPrefix: ta } = ea;
 function zt(e, t, n) {
   t.preventDefault(), n.status && (location.href = n.path);
 }
@@ -1338,9 +1338,9 @@ function oa(e, t) {
       ${t}
       <div slot="content" class="TDesign-base-components-links">
         <div class="TDesign-base-components-links__web">
-          <p class="title">${st.web.name}</p>
+          <p class="title">${lt.web.name}</p>
           <div class="TDesign-base-components-links__list">
-            ${st.web.links.map(
+            ${lt.web.links.map(
     (n) => S`
                 <a
                   href="${n.path}"
@@ -1361,9 +1361,9 @@ function oa(e, t) {
         </div>
 
         <div class="TDesign-base-components-links__mobile">
-          <p class="title">${st.mobile.name}</p>
+          <p class="title">${lt.mobile.name}</p>
           <div class="TDesign-base-components-links__list">
-            ${st.mobile.links.map(
+            ${lt.mobile.links.map(
     (n) => S`
                 <a
                   href="${n.path}"
@@ -1486,7 +1486,7 @@ ie({
                     platform="${t}"
                     framework="${n}"
                     headerList="${vo}"
-                    baseComponentsLinks="${st}"
+                    baseComponentsLinks="${lt}"
                   >
                   </td-collapse-menu>
                 ` : S`
@@ -5535,15 +5535,15 @@ const Ka = ".TDesign-doc-search{position:relative;width:200px;height:32px;box-si
             }
           }
           function Ce(L, I, X, J) {
-            var $ = a(X), te = void 0, ge = void 0, Ke = void 0, wt = void 0;
+            var $ = a(X), te = void 0, ge = void 0, Ke = void 0, yt = void 0;
             if ($) {
-              if (te = he(X, J), te === U ? (wt = !0, ge = te.error, te.error = null) : Ke = !0, I === te) {
+              if (te = he(X, J), te === U ? (yt = !0, ge = te.error, te.error = null) : Ke = !0, I === te) {
                 ne(I, W());
                 return;
               }
             } else
               te = J, Ke = !0;
-            I._state !== z || ($ && Ke ? ee(I, te) : wt ? ne(I, ge) : L === F ? se(I, te) : L === Z && ne(I, te));
+            I._state !== z || ($ && Ke ? ee(I, te) : yt ? ne(I, ge) : L === F ? se(I, te) : L === Z && ne(I, te));
           }
           function Me(L, I) {
             try {
@@ -5589,8 +5589,8 @@ const Ka = ".TDesign-doc-search{position:relative;width:200px;height:32px;box-si
                   V(Ke, X, ge), this._willSettleAt(Ke, J);
                 } else
                   this._willSettleAt(
-                    new $(function(wt) {
-                      return wt(X);
+                    new $(function(yt) {
+                      return yt(X);
                     }),
                     J
                   );
@@ -7079,9 +7079,9 @@ const In = () => {
       }
     }
   }[e];
-}, Wa = '.TDesign-doc-changelog__overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0000004d;z-index:10000}.hidden .TDesign-doc-changelog__overlay{display:none}.TDesign-doc-changelog__drawer{position:fixed;top:0;right:0;width:500px;height:100vh;background-color:var(--bg-color-container);z-index:100001;box-shadow:-4px 0 12px #0000001a;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:var(--text-primary);transition:transform .35s cubic-bezier(.4,0,.2,1),opacity .35s ease}@media screen and (max-width: 960px){.TDesign-doc-changelog__drawer{width:85vw}}.visible .TDesign-doc-changelog__drawer{transform:translate(0);opacity:1}.hidden .TDesign-doc-changelog__drawer{transform:translate(100%);opacity:0}.TDesign-doc-changelog__drawer-header{display:flex;justify-content:space-between;align-items:center;height:56px;box-shadow:var(--header-box-shadow)}.TDesign-doc-changelog__drawer-header p{position:relative;font-size:16px;left:16px;height:24px;font-weight:600}.TDesign-doc-changelog__drawer-header button{background:transparent;border:none;cursor:pointer;padding:2px}.TDesign-doc-changelog__drawer-header button svg{width:20px;height:20px;color:var(--text-primary)}.TDesign-doc-changelog__drawer-body{position:relative;padding:16px;overflow-y:auto;height:calc(100vh - 56px)}.TDesign-doc-changelog__drawer-body:hover::-webkit-scrollbar-thumb{background-color:var(--bg-color-scroll)}.TDesign-doc-changelog__drawer-body::-webkit-scrollbar{width:12px;height:12px;background:transparent}.TDesign-doc-changelog__drawer-body::-webkit-scrollbar-corner{width:0}.TDesign-doc-changelog__drawer-body::-webkit-scrollbar-thumb{border-radius:6px;border:4px solid transparent;background-clip:content-box;background-color:transparent}.TDesign-doc-changelog__logs{position:relative;display:flex;flex-direction:column;gap:16px}.TDesign-doc-changelog__logs:not(:has(.TDesign-doc-changelog__logs-empty)):after{content:"";position:absolute;top:32px;left:15px;width:2px;height:100%;background:var(--brand-main)}.TDesign-doc-changelog__logs-version{position:relative;padding-left:32px}.TDesign-doc-changelog__logs-version:last-of-type:after{content:"";position:absolute;left:15px;top:30px;z-index:10;width:8px;height:105%;background:var(--bg-color-docpage)}.TDesign-doc-changelog__logs-version-header{display:flex;align-items:center;margin:10px 0}.TDesign-doc-changelog__logs-version-header:before{content:"";position:absolute;left:12px;width:8px;height:8px;border:2px solid var(--brand-main);background:var(--bg-color-docpage);outline:8px solid var(--bg-color-docpage);box-sizing:border-box;border-radius:50%;z-index:10}.TDesign-doc-changelog__logs-version-header span{font-size:18px;font-weight:600;color:var(--text-primary)}.TDesign-doc-changelog__logs-version-header code{position:relative;left:8px;color:var(--text-primary);background:var(--bg-color-tag);border-radius:3px;margin:0 2px;padding:2px 8px;font-size:12px;font-weight:400;line-height:20px}.TDesign-doc-changelog__logs-version-section h3{font-size:16px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.TDesign-doc-changelog__logs-version-section ul{margin:0;padding-left:20px;list-style-type:disc;font-size:14px}.TDesign-doc-changelog__logs-version-section ul ul{padding-left:22px}.TDesign-doc-changelog__logs-version-section ul ul li{list-style-type:circle}.TDesign-doc-changelog__logs-version-section ul li{padding-left:6px;margin-bottom:6px;line-height:22px;color:var(--text-primary)}.TDesign-doc-changelog__logs-version-section ul code{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;margin:0 2px;color:var(--error-8);background:var(--error-1);border-radius:3px;padding:2px 6px;font-size:12px;word-break:break-word}.TDesign-doc-changelog__logs-version-section ul a{color:var(--brand-main);text-decoration:none}.TDesign-doc-changelog__logs-version-section ul a:hover{color:var(--brand-main-hover)}.TDesign-doc-changelog__logs-empty{color:var(--text-secondary);text-align:center;padding:30px 0;font-style:italic}.TDesign-doc-changelog__logs__loading{display:flex;align-items:center;justify-content:center;width:100%;height:128px;color:var(--brand-main)}.TDesign-doc-changelog__logs__loading-icon{width:32px;height:32px;border-radius:50%;background:conic-gradient(from 90deg at 50% 50%,#fff 0deg,currentColor 360deg);-webkit-mask:radial-gradient(transparent calc(50% - .5px),#fff 50%);mask:radial-gradient(transparent calc(50% - .5px),#fff 50%);animation:spin 1s linear infinite;-webkit-animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}';
+}, Wa = '.TDesign-doc-changelog__overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0000004d;z-index:10000}.hidden .TDesign-doc-changelog__overlay{display:none}.TDesign-doc-changelog__drawer{position:fixed;top:0;right:0;width:500px;height:100vh;background-color:var(--bg-color-container);z-index:100001;box-shadow:-4px 0 12px #0000001a;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:var(--text-primary);transition:transform .35s cubic-bezier(.4,0,.2,1),opacity .35s ease}@media screen and (max-width: 960px){.TDesign-doc-changelog__drawer{width:85vw}}.visible .TDesign-doc-changelog__drawer{transform:translate(0);opacity:1}.hidden .TDesign-doc-changelog__drawer{transform:translate(100%);opacity:0}.TDesign-doc-changelog__drawer-header{display:flex;justify-content:space-between;align-items:center;height:56px;box-shadow:var(--header-box-shadow)}.TDesign-doc-changelog__drawer-header p{position:relative;font-size:16px;left:16px;height:24px;font-weight:600}.TDesign-doc-changelog__drawer-header button{background:transparent;border:none;cursor:pointer;padding:2px}.TDesign-doc-changelog__drawer-header button svg{width:20px;height:20px;color:var(--text-primary)}.TDesign-doc-changelog__drawer-body{position:relative;padding:16px;overflow-y:auto;height:calc(100vh - 80px)}.TDesign-doc-changelog__drawer-body:hover::-webkit-scrollbar-thumb{background-color:var(--bg-color-scroll)}.TDesign-doc-changelog__drawer-body::-webkit-scrollbar{width:12px;height:12px;background:transparent}.TDesign-doc-changelog__drawer-body::-webkit-scrollbar-corner{width:0}.TDesign-doc-changelog__drawer-body::-webkit-scrollbar-thumb{border-radius:6px;border:4px solid transparent;background-clip:content-box;background-color:transparent}.TDesign-doc-changelog__logs{position:relative;display:flex;flex-direction:column;gap:16px}.TDesign-doc-changelog__logs:not(:has(.TDesign-doc-changelog__logs-empty)):after{content:"";position:absolute;top:32px;left:15px;width:2px;height:100%;background:var(--brand-main)}.TDesign-doc-changelog__logs-version{position:relative;padding-left:32px}.TDesign-doc-changelog__logs-version:last-of-type:after{content:"";position:absolute;left:15px;top:30px;z-index:10;width:8px;height:105%;background:var(--bg-color-docpage)}.TDesign-doc-changelog__logs-version-header{display:flex;align-items:center;margin:10px 0}.TDesign-doc-changelog__logs-version-header:before{content:"";position:absolute;left:12px;width:8px;height:8px;border:2px solid var(--brand-main);background:var(--bg-color-docpage);outline:8px solid var(--bg-color-docpage);box-sizing:border-box;border-radius:50%;z-index:10}.TDesign-doc-changelog__logs-version-header span{font-size:18px;font-weight:600;color:var(--text-primary)}.TDesign-doc-changelog__logs-version-header code{position:relative;left:8px;color:var(--text-primary);background:var(--bg-color-tag);border-radius:3px;margin:0 2px;padding:2px 8px;font-size:12px;font-weight:400;line-height:20px}.TDesign-doc-changelog__logs-version-section h3{font-size:16px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.TDesign-doc-changelog__logs-version-section ul{margin:0;padding-left:20px;list-style-type:disc;font-size:14px}.TDesign-doc-changelog__logs-version-section ul ul{padding-left:22px}.TDesign-doc-changelog__logs-version-section ul ul li{list-style-type:circle}.TDesign-doc-changelog__logs-version-section ul li{padding-left:6px;margin-bottom:6px;line-height:22px;color:var(--text-primary)}.TDesign-doc-changelog__logs-version-section ul a{color:var(--brand-main);text-decoration:none}.TDesign-doc-changelog__logs-version-section ul a:hover{color:var(--brand-main-hover)}.TDesign-doc-changelog__logs-empty{color:var(--text-secondary);text-align:center;padding:30px 0;font-style:italic}.TDesign-doc-changelog__logs__loading{display:flex;align-items:center;justify-content:center;width:100%;height:128px;color:var(--brand-main)}.TDesign-doc-changelog__logs__loading-icon{width:32px;height:32px;border-radius:50%;background:conic-gradient(from 90deg at 50% 50%,#fff 0deg,currentColor 360deg);-webkit-mask:radial-gradient(transparent calc(50% - .5px),#fff 50%);mask:radial-gradient(transparent calc(50% - .5px),#fff 50%);animation:spin 1s linear infinite;-webkit-animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}';
 let Vt = null;
-const Je = "TDesign-doc-changelog", Qe = `${Je}__logs`, zr = In(), _a = ["tencent.com", "woa.com"], $a = {
+const We = "TDesign-doc-changelog", Qe = `${We}__logs`, zr = In(), _a = ["tencent.com", "woa.com"], $a = {
   qrcode: "QRCode"
 };
 function es() {
@@ -7102,7 +7102,7 @@ async function ns(e) {
     Vt || (Vt = await (await fetch(`${es()}/changelog.json`)).json());
     const i = (n = e.shadowRoot) == null ? void 0 : n.querySelector(`.${Qe}__loading`);
     i == null || i.remove();
-    const a = (o = e.shadowRoot) == null ? void 0 : o.querySelector(`.${Je}__drawer-body`);
+    const a = (o = e.shadowRoot) == null ? void 0 : o.querySelector(`.${We}__drawer-body`);
     a && (a.scrollTop = 0);
     const s = Vt[t], c = (r = e.shadowRoot) == null ? void 0 : r.querySelector(`.${Qe}`);
     c && (c.innerHTML = os(s));
@@ -7145,7 +7145,7 @@ function is(e) {
   return Do(n);
 }
 function Do(e) {
-  return e.replace(/\[([^\]]+)\]\((https?:\/\/[^)]+)\)/g, '<a href="$2" target="_blank">$1</a>').replace(new RegExp("(?<!`)@([a-zA-Z0-9-_]+)(?!`)", "g"), '<a href="https://github.com/$1" target="_blank">@$1</a>').replace(/`([^`]+)`/g, "<code>$1</code>");
+  return e.replace(/\[([^\]]+)\]\((https?:\/\/[^)]+)\)/g, '<a href="$2" target="_blank">$1</a>').replace(new RegExp("(?<!`)@([a-zA-Z0-9-_]+)(?!`)", "g"), '<a href="https://github.com/$1" target="_blank">@$1</a>').replace(/`([^`]+)`/g, (t, n) => `<td-code text="${n}"></td-code>`);
 }
 ie({
   tag: "td-doc-changelog",
@@ -7161,13 +7161,13 @@ ie({
     };
     return S`
       <div class="${e.visible ? "visible" : "hidden"}">
-        <div class="${Je}__overlay" onclick="${t}"></div>
-        <div class="${Je}__drawer">
-          <div class="${Je}__drawer-header">
+        <div class="${We}__overlay" onclick="${t}"></div>
+        <div class="${We}__drawer">
+          <div class="${We}__drawer-header">
             <p>${zr.changelog.title}</p>
             <button onclick="${t}" innerHTML="${zn}"></button>
           </div>
-          <div class="${Je}__drawer-body">
+          <div class="${We}__drawer-body">
             <div class="${Qe}__loading">
               <svg
                 class="${Qe}__loading-icon"
@@ -7235,7 +7235,7 @@ ie({
         const { target: i } = r, a = decodeURIComponent(i.href);
         if (!a.includes("#")) return;
         const [, s = ""] = a.split("#");
-        if (i.classList.contains("tdesign-header-anchor") || i.classList.contains("tdesign-toc_list_item_a")) {
+        if (i.classList.contains("header-anchor") || i.classList.contains("tdesign-toc_list_item_a")) {
           const c = document.getElementById(s);
           if (!c) return;
           const { top: h } = c.getBoundingClientRect(), g = h + document.documentElement.scrollTop;
@@ -7313,7 +7313,7 @@ const ue = "https://tdesign.gtimg.com/site", On = {
     d="M7.90582 2.79363C10.8499 2.79364 13.2095 5.14029 13.2095 8.00195C13.2095 10.8636 10.8499 13.2103 7.90581 13.2103C5.44426 13.2103 3.39128 11.5698 2.78447 9.35939L1.75098 9.52803C2.44243 12.2422 4.93584 14.252 7.90581 14.252C11.4103 14.252 14.2512 11.4537 14.2512 8.00196C14.2512 4.55018 11.4103 1.75195 7.90582 1.75195C5.80622 1.75195 3.9448 2.75638 2.78981 4.304L2.78981 2.6451H1.75098V5.7916C1.75098 6.06774 1.97483 6.2916 2.25098 6.2916L5.37759 6.2916V5.24707H3.40454C4.33896 3.77709 5.99992 2.79363 7.90582 2.79363Z"
     fill="currentColor" />
   <path d="M6.99951 5.50024V8.38917L9.64596 11.0356L10.3531 10.3285L7.99951 7.97496V5.50024H6.99951Z" fill="currentColor" />
-</svg>`, cs = ":host{width:100%;background-color:var(--bg-color-container);box-shadow:var(--header-box-shadow);position:relative}@media screen and (max-width: 960px){:host{--spline-visible: hidden;--inner-padding-y: 12px;--info-top: 14px;--title-font-size: 32px}}.TDesign-doc-header{height:var(--doc-header-height);padding-right:var(--content-padding-right)}.TDesign-doc-header__inner{padding:var(--inner-padding-y, 48px) var(--content-padding-left-right);box-sizing:border-box;position:relative;display:flex;flex-direction:column;width:100%;min-width:320px;max-width:var(--content-max-width);margin:0 auto}.TDesign-doc-header__thumb{position:absolute;height:calc(100% - 1px);width:1200px;max-width:100%;right:0;top:0;border:0;z-index:450;visibility:var(--spline-visible)}.TDesign-doc-header__thumb.light{display:var(--theme-block-light-display)}.TDesign-doc-header__thumb.dark{display:var(--theme-block-dark-display)}.TDesign-doc-header__badge{max-width:100%;display:flex;overflow-x:auto}.TDesign-doc-header__badge img{margin-right:8px}.TDesign-doc-header__background{width:100%;position:absolute;left:0;bottom:0;height:88px;z-index:400;background:var(--bg-color-container);box-shadow:var(--header-box-shadow)}.TDesign-doc-header__content{display:flex;flex-direction:column;flex:1;position:relative;z-index:500}.TDesign-doc-header__info{position:relative;top:var(--info-top, 48px)}.TDesign-doc-header__info>div:first-child{display:flex;align-items:center;gap:16px}.TDesign-doc-header__info-title{font-size:var(--title-font-size, 48px);color:var(--text-primary);text-align:left;line-height:42px;margin:0;transition:top .2s var(--anim-time-fn-easing),opacity .2s linear,visibility .2s linear}.TDesign-doc-header__info-describe{position:relative;margin-top:16px;font-size:14px;color:var(--text-secondary);line-height:22px;width:100%;box-sizing:border-box;transition:all .2s linear}#TDesign-doc-changelog__entry{all:unset;display:inline-flex;align-items:center;justify-content:center;gap:4px;height:24px;padding:2px 8px;font-size:12px;color:var(--brand-main);border:1px solid var(--brand-main);border-radius:3px;cursor:pointer}#TDesign-doc-changelog__entry:hover{color:var(--brand-main-hover);border:1px solid var(--brand-main-hover)}#TDesign-doc-changelog__entry i{display:flex}#TDesign-doc-changelog__entry span{min-width:48px}";
+</svg>`, cs = ":host{width:100%;background-color:var(--bg-color-container);box-shadow:var(--header-box-shadow);position:relative}@media screen and (max-width: 960px){:host{--spline-visible: hidden;--inner-padding-y: 12px;--info-top: 14px;--title-font-size: 32px}}.TDesign-doc-header{height:var(--doc-header-height);padding-right:var(--content-padding-right)}.TDesign-doc-header__inner{padding:var(--inner-padding-y, 48px) var(--content-padding-left-right);box-sizing:border-box;position:relative;display:flex;flex-direction:column;width:100%;min-width:320px;max-width:var(--content-max-width);margin:0 auto}.TDesign-doc-header__thumb{position:absolute;height:calc(100% - 1px);width:1200px;max-width:100%;right:0;top:0;border:0;z-index:450;visibility:var(--spline-visible)}.TDesign-doc-header__thumb.light{display:var(--theme-block-light-display)}.TDesign-doc-header__thumb.dark{display:var(--theme-block-dark-display)}.TDesign-doc-header__badge{max-width:100%;display:flex}.TDesign-doc-header__badge img{margin-right:8px}.TDesign-doc-header__background{width:100%;position:absolute;left:0;bottom:0;height:88px;z-index:400;background:var(--bg-color-container);box-shadow:var(--header-box-shadow)}.TDesign-doc-header__content{display:flex;flex-direction:column;flex:1;position:relative;z-index:500}.TDesign-doc-header__info{position:relative;top:var(--info-top, 48px)}.TDesign-doc-header__info>div:first-child{display:flex;align-items:center;gap:16px}.TDesign-doc-header__info-title{font-size:var(--title-font-size, 48px);color:var(--text-primary);text-align:left;line-height:42px;margin:0;transition:top .2s var(--anim-time-fn-easing),opacity .2s linear,visibility .2s linear}.TDesign-doc-header__info-describe{position:relative;margin-top:16px;font-size:14px;color:var(--text-secondary);line-height:22px;width:100%;box-sizing:border-box;transition:all .2s linear}.TDesign-doc-header__info-describe-line{display:-webkit-box;-webkit-box-orient:vertical;line-clamp:2;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;white-space:normal;margin-top:8px}#TDesign-doc-changelog__entry{all:unset;display:inline-flex;align-items:center;justify-content:center;gap:4px;height:24px;padding:2px 8px;font-size:12px;color:var(--brand-main);border:1px solid var(--brand-main);border-radius:3px;cursor:pointer}#TDesign-doc-changelog__entry:hover{color:var(--brand-main-hover);border:1px solid var(--brand-main-hover)}#TDesign-doc-changelog__entry i{display:flex}#TDesign-doc-changelog__entry span{min-width:48px}";
 let En = null, To = null;
 const ds = In();
 function Ho(e, t) {
@@ -7352,8 +7352,8 @@ ie({
   },
   platform: "web",
   changelog: {
-    get: (e, t) => Dt(t, !0),
-    set: (e, t) => Dt(t, !0)
+    get: (e, t) => Je(t, !0),
+    set: (e, t) => Je(t, !0)
   },
   mobileBodyStyle: jn,
   docInfo: {
@@ -7396,8 +7396,8 @@ ie({
     }
   },
   showIssue: {
-    get: (e, t) => Dt(t, !0),
-    set: (e, t) => Dt(t, !0)
+    get: (e, t) => Je(t, !0),
+    set: (e, t) => Je(t, !0)
   },
   render: (e) => {
     const { changelog: t, docInfo: n, spline: o, showIssue: r } = e, i = { ...e.mobileBodyStyle }, a = On[o], s = customElements.get("td-doc-changelog"), c = () => {
@@ -7426,7 +7426,10 @@ ie({
                           ` : S``}
                     </div>
                     <div class="TDesign-doc-header__info-describe">
-                      <div innerHTML="${n.desc}"></div>
+                      <td-doc-popup placement="top-end" equal-width="true">
+                        <div class="TDesign-doc-header__info-describe-line" innerHTML="${n.desc}"></div>
+                        <div slot="content" innerHTML="${n.desc}"></div>
+                      </td-doc-popup>
                     </div>
                   ` : S``}
             </div>
@@ -7850,10 +7853,10 @@ ie({
     `.css`${ks}`;
   }
 });
-var me = "top", He = "bottom", Pe = "right", be = "left", Nn = "auto", bt = [me, He, Pe, be], We = "start", pt = "end", js = "clippingParents", Sr = "viewport", rt = "popper", Ss = "reference", Oo = /* @__PURE__ */ bt.reduce(function(e, t) {
-  return e.concat([t + "-" + We, t + "-" + pt]);
-}, []), Ir = /* @__PURE__ */ [].concat(bt, [Nn]).reduce(function(e, t) {
-  return e.concat([t, t + "-" + We, t + "-" + pt]);
+var me = "top", He = "bottom", Pe = "right", be = "left", Nn = "auto", Ct = [me, He, Pe, be], _e = "start", vt = "end", js = "clippingParents", Sr = "viewport", it = "popper", Ss = "reference", Oo = /* @__PURE__ */ Ct.reduce(function(e, t) {
+  return e.concat([t + "-" + _e, t + "-" + vt]);
+}, []), Ir = /* @__PURE__ */ [].concat(Ct, [Nn]).reduce(function(e, t) {
+  return e.concat([t, t + "-" + _e, t + "-" + vt]);
 }, []), Is = "beforeRead", Ns = "read", Xs = "afterRead", Fs = "beforeMain", qs = "main", Gs = "afterMain", Us = "beforeWrite", Ks = "write", Vs = "afterWrite", Zs = [Is, Ns, Xs, Fs, qs, Gs, Us, Ks, Vs];
 function Ee(e) {
   return e ? (e.nodeName || "").toLowerCase() : null;
@@ -7926,7 +7929,7 @@ const Ws = {
 function Oe(e) {
   return e.split("-")[0];
 }
-var Xe = Math.max, St = Math.min, _e = Math.round;
+var Xe = Math.max, St = Math.min, $e = Math.round;
 function Mn() {
   var e = navigator.userAgentData;
   return e != null && e.brands && Array.isArray(e.brands) ? e.brands.map(function(t) {
@@ -7936,10 +7939,10 @@ function Mn() {
 function Nr() {
   return !/^((?!chrome|android).)*safari/i.test(Mn());
 }
-function $e(e, t, n) {
+function et(e, t, n) {
   t === void 0 && (t = !1), n === void 0 && (n = !1);
   var o = e.getBoundingClientRect(), r = 1, i = 1;
-  t && De(e) && (r = e.offsetWidth > 0 && _e(o.width) / e.offsetWidth || 1, i = e.offsetHeight > 0 && _e(o.height) / e.offsetHeight || 1);
+  t && De(e) && (r = e.offsetWidth > 0 && $e(o.width) / e.offsetWidth || 1, i = e.offsetHeight > 0 && $e(o.height) / e.offsetHeight || 1);
   var a = qe(e) ? we(e) : window, s = a.visualViewport, c = !Nr() && n, h = (o.left + (c && s ? s.offsetLeft : 0)) / r, g = (o.top + (c && s ? s.offsetTop : 0)) / i, f = o.width / r, C = o.height / i;
   return {
     width: f,
@@ -7953,7 +7956,7 @@ function $e(e, t, n) {
   };
 }
 function Fn(e) {
-  var t = $e(e), n = e.offsetWidth, o = e.offsetHeight;
+  var t = et(e), n = e.offsetWidth, o = e.offsetHeight;
   return Math.abs(t.width - n) <= 1 && (n = t.width), Math.abs(t.height - o) <= 1 && (o = t.height), {
     x: e.offsetLeft,
     y: e.offsetTop,
@@ -8019,7 +8022,7 @@ function $s(e) {
   }
   return null;
 }
-function Ct(e) {
+function wt(e) {
   for (var t = we(e), n = Eo(e); n && _s(n) && Le(n).position === "static"; )
     n = Eo(n);
   return n && (Ee(n) === "html" || Ee(n) === "body" && Le(n).position === "static") ? t : n || $s(e) || t;
@@ -8027,11 +8030,11 @@ function Ct(e) {
 function qn(e) {
   return ["top", "bottom"].indexOf(e) >= 0 ? "x" : "y";
 }
-function ct(e, t, n) {
+function dt(e, t, n) {
   return Xe(e, St(t, n));
 }
 function el(e, t, n) {
-  var o = ct(e, t, n);
+  var o = dt(e, t, n);
   return o > n ? n : o;
 }
 function Fr() {
@@ -8053,12 +8056,12 @@ function Gr(e, t) {
 var tl = function(t, n) {
   return t = typeof t == "function" ? t(Object.assign({}, n.rects, {
     placement: n.placement
-  })) : t, qr(typeof t != "number" ? t : Gr(t, bt));
+  })) : t, qr(typeof t != "number" ? t : Gr(t, Ct));
 };
 function nl(e) {
   var t, n = e.state, o = e.name, r = e.options, i = n.elements.arrow, a = n.modifiersData.popperOffsets, s = Oe(n.placement), c = qn(s), h = [be, Pe].indexOf(s) >= 0, g = h ? "height" : "width";
   if (!(!i || !a)) {
-    var f = tl(r.padding, n), C = Fn(i), w = c === "y" ? me : be, u = c === "y" ? He : Pe, l = n.rects.reference[g] + n.rects.reference[c] - a[c] - n.rects.popper[g], d = a[c] - n.rects.reference[c], v = Ct(i), p = v ? c === "y" ? v.clientHeight || 0 : v.clientWidth || 0 : 0, b = l / 2 - d / 2, y = f[w], D = p - C[g] - f[u], A = p / 2 - C[g] / 2 + b, H = ct(y, A, D), O = c;
+    var f = tl(r.padding, n), C = Fn(i), w = c === "y" ? me : be, u = c === "y" ? He : Pe, l = n.rects.reference[g] + n.rects.reference[c] - a[c] - n.rects.popper[g], d = a[c] - n.rects.reference[c], v = wt(i), p = v ? c === "y" ? v.clientHeight || 0 : v.clientWidth || 0 : 0, b = l / 2 - d / 2, y = f[w], D = p - C[g] - f[u], A = p / 2 - C[g] / 2 + b, H = dt(y, A, D), O = c;
     n.modifiersData[o] = (t = {}, t[O] = H, t.centerOffset = H - A, t);
   }
 }
@@ -8075,7 +8078,7 @@ const rl = {
   requires: ["popperOffsets"],
   requiresIfExists: ["preventOverflow"]
 };
-function et(e) {
+function tt(e) {
   return e.split("-")[1];
 }
 var il = {
@@ -8087,8 +8090,8 @@ var il = {
 function al(e, t) {
   var n = e.x, o = e.y, r = t.devicePixelRatio || 1;
   return {
-    x: _e(n * r) / r || 0,
-    y: _e(o * r) / r || 0
+    x: $e(n * r) / r || 0,
+    y: $e(o * r) / r || 0
   };
 }
 function Mo(e) {
@@ -8102,8 +8105,8 @@ function Mo(e) {
   w = d.x, l = d.y;
   var v = a.hasOwnProperty("x"), p = a.hasOwnProperty("y"), b = be, y = me, D = window;
   if (h) {
-    var A = Ct(n), H = "clientHeight", O = "clientWidth";
-    if (A === we(n) && (A = Se(n), Le(A).position !== "static" && s === "absolute" && (H = "scrollHeight", O = "scrollWidth")), A = A, r === me || (r === be || r === Pe) && i === pt) {
+    var A = wt(n), H = "clientHeight", O = "clientWidth";
+    if (A === we(n) && (A = Se(n), Le(A).position !== "static" && s === "absolute" && (H = "scrollHeight", O = "scrollWidth")), A = A, r === me || (r === be || r === Pe) && i === vt) {
       y = He;
       var P = f && A === D && D.visualViewport ? D.visualViewport.height : (
         // $FlowFixMe[prop-missing]
@@ -8111,7 +8114,7 @@ function Mo(e) {
       );
       l -= P - o.height, l *= c ? 1 : -1;
     }
-    if (r === be || (r === me || r === He) && i === pt) {
+    if (r === be || (r === me || r === He) && i === vt) {
       b = Pe;
       var x = f && A === D && D.visualViewport ? D.visualViewport.width : (
         // $FlowFixMe[prop-missing]
@@ -8138,7 +8141,7 @@ function Mo(e) {
 function sl(e) {
   var t = e.state, n = e.options, o = n.gpuAcceleration, r = o === void 0 ? !0 : o, i = n.adaptive, a = i === void 0 ? !0 : i, s = n.roundOffsets, c = s === void 0 ? !0 : s, h = {
     placement: Oe(t.placement),
-    variation: et(t.placement),
+    variation: tt(t.placement),
     popper: t.elements.popper,
     popperRect: t.rects.popper,
     gpuAcceleration: r,
@@ -8215,7 +8218,7 @@ function Gn(e) {
   };
 }
 function Un(e) {
-  return $e(Se(e)).left + Gn(e).scrollLeft;
+  return et(Se(e)).left + Gn(e).scrollLeft;
 }
 function gl(e, t) {
   var n = we(e), o = Se(e), r = n.visualViewport, i = o.clientWidth, a = o.clientHeight, s = 0, c = 0;
@@ -8247,13 +8250,13 @@ function Kn(e) {
 function Ur(e) {
   return ["html", "body", "#document"].indexOf(Ee(e)) >= 0 ? e.ownerDocument.body : De(e) && Kn(e) ? e : Ur(Xt(e));
 }
-function dt(e, t) {
+function ut(e, t) {
   var n;
   t === void 0 && (t = []);
   var o = Ur(e), r = o === ((n = e.ownerDocument) == null ? void 0 : n.body), i = we(o), a = r ? [i].concat(i.visualViewport || [], Kn(o) ? o : []) : o, s = t.concat(a);
   return r ? s : (
     // $FlowFixMe[incompatible-call]: isBody tells us target will be an HTMLElement here
-    s.concat(dt(Xt(a)))
+    s.concat(ut(Xt(a)))
   );
 }
 function kn(e) {
@@ -8265,14 +8268,14 @@ function kn(e) {
   });
 }
 function pl(e, t) {
-  var n = $e(e, !1, t === "fixed");
+  var n = et(e, !1, t === "fixed");
   return n.top = n.top + e.clientTop, n.left = n.left + e.clientLeft, n.bottom = n.top + e.clientHeight, n.right = n.left + e.clientWidth, n.width = e.clientWidth, n.height = e.clientHeight, n.x = n.left, n.y = n.top, n;
 }
 function Qo(e, t, n) {
   return t === Sr ? kn(gl(e, n)) : qe(t) ? pl(t, n) : kn(hl(Se(e)));
 }
 function vl(e) {
-  var t = dt(Xt(e)), n = ["absolute", "fixed"].indexOf(Le(e).position) >= 0, o = n && De(e) ? Ct(e) : e;
+  var t = ut(Xt(e)), n = ["absolute", "fixed"].indexOf(Le(e).position) >= 0, o = n && De(e) ? wt(e) : e;
   return qe(o) ? t.filter(function(r) {
     return qe(r) && Xr(r, o) && Ee(r) !== "body";
   }) : [];
@@ -8285,7 +8288,7 @@ function ml(e, t, n, o) {
   return s.width = s.right - s.left, s.height = s.bottom - s.top, s.x = s.left, s.y = s.top, s;
 }
 function Kr(e) {
-  var t = e.reference, n = e.element, o = e.placement, r = o ? Oe(o) : null, i = o ? et(o) : null, a = t.x + t.width / 2 - n.width / 2, s = t.y + t.height / 2 - n.height / 2, c;
+  var t = e.reference, n = e.element, o = e.placement, r = o ? Oe(o) : null, i = o ? tt(o) : null, a = t.x + t.width / 2 - n.width / 2, s = t.y + t.height / 2 - n.height / 2, c;
   switch (r) {
     case me:
       c = {
@@ -8321,29 +8324,29 @@ function Kr(e) {
   if (h != null) {
     var g = h === "y" ? "height" : "width";
     switch (i) {
-      case We:
+      case _e:
         c[h] = c[h] - (t[g] / 2 - n[g] / 2);
         break;
-      case pt:
+      case vt:
         c[h] = c[h] + (t[g] / 2 - n[g] / 2);
         break;
     }
   }
   return c;
 }
-function vt(e, t) {
+function mt(e, t) {
   t === void 0 && (t = {});
-  var n = t, o = n.placement, r = o === void 0 ? e.placement : o, i = n.strategy, a = i === void 0 ? e.strategy : i, s = n.boundary, c = s === void 0 ? js : s, h = n.rootBoundary, g = h === void 0 ? Sr : h, f = n.elementContext, C = f === void 0 ? rt : f, w = n.altBoundary, u = w === void 0 ? !1 : w, l = n.padding, d = l === void 0 ? 0 : l, v = qr(typeof d != "number" ? d : Gr(d, bt)), p = C === rt ? Ss : rt, b = e.rects.popper, y = e.elements[u ? p : C], D = ml(qe(y) ? y : y.contextElement || Se(e.elements.popper), c, g, a), A = $e(e.elements.reference), H = Kr({
+  var n = t, o = n.placement, r = o === void 0 ? e.placement : o, i = n.strategy, a = i === void 0 ? e.strategy : i, s = n.boundary, c = s === void 0 ? js : s, h = n.rootBoundary, g = h === void 0 ? Sr : h, f = n.elementContext, C = f === void 0 ? it : f, w = n.altBoundary, u = w === void 0 ? !1 : w, l = n.padding, d = l === void 0 ? 0 : l, v = qr(typeof d != "number" ? d : Gr(d, Ct)), p = C === it ? Ss : it, b = e.rects.popper, y = e.elements[u ? p : C], D = ml(qe(y) ? y : y.contextElement || Se(e.elements.popper), c, g, a), A = et(e.elements.reference), H = Kr({
     reference: A,
     element: b,
     placement: r
-  }), O = kn(Object.assign({}, b, H)), P = C === rt ? O : A, x = {
+  }), O = kn(Object.assign({}, b, H)), P = C === it ? O : A, x = {
     top: D.top - P.top + v.top,
     bottom: P.bottom - D.bottom + v.bottom,
     left: D.left - P.left + v.left,
     right: P.right - D.right + v.right
   }, B = e.modifiersData.offset;
-  if (C === rt && B) {
+  if (C === it && B) {
     var k = B[r];
     Object.keys(x).forEach(function(T) {
       var M = [Pe, He].indexOf(T) >= 0 ? 1 : -1, R = [me, He].indexOf(T) >= 0 ? "y" : "x";
@@ -8354,14 +8357,14 @@ function vt(e, t) {
 }
 function bl(e, t) {
   t === void 0 && (t = {});
-  var n = t, o = n.placement, r = n.boundary, i = n.rootBoundary, a = n.padding, s = n.flipVariations, c = n.allowedAutoPlacements, h = c === void 0 ? Ir : c, g = et(o), f = g ? s ? Oo : Oo.filter(function(u) {
-    return et(u) === g;
-  }) : bt, C = f.filter(function(u) {
+  var n = t, o = n.placement, r = n.boundary, i = n.rootBoundary, a = n.padding, s = n.flipVariations, c = n.allowedAutoPlacements, h = c === void 0 ? Ir : c, g = tt(o), f = g ? s ? Oo : Oo.filter(function(u) {
+    return tt(u) === g;
+  }) : Ct, C = f.filter(function(u) {
     return h.indexOf(u) >= 0;
   });
   C.length === 0 && (C = f);
   var w = C.reduce(function(u, l) {
-    return u[l] = vt(e, {
+    return u[l] = mt(e, {
       placement: l,
       boundary: r,
       rootBoundary: i,
@@ -8391,7 +8394,7 @@ function wl(e) {
         allowedAutoPlacements: l
       }) : Y);
     }, []), D = t.rects.reference, A = t.rects.popper, H = /* @__PURE__ */ new Map(), O = !0, P = y[0], x = 0; x < y.length; x++) {
-      var B = y[x], k = Oe(B), T = et(B) === We, M = [me, He].indexOf(k) >= 0, R = M ? "width" : "height", j = vt(t, {
+      var B = y[x], k = Oe(B), T = tt(B) === _e, M = [me, He].indexOf(k) >= 0, R = M ? "width" : "height", j = mt(t, {
         placement: B,
         boundary: g,
         rootBoundary: f,
@@ -8453,9 +8456,9 @@ function zo(e) {
   });
 }
 function xl(e) {
-  var t = e.state, n = e.name, o = t.rects.reference, r = t.rects.popper, i = t.modifiersData.preventOverflow, a = vt(t, {
+  var t = e.state, n = e.name, o = t.rects.reference, r = t.rects.popper, i = t.modifiersData.preventOverflow, a = mt(t, {
     elementContext: "reference"
-  }), s = vt(t, {
+  }), s = mt(t, {
     altBoundary: !0
   }), c = Lo(a, o), h = Lo(s, r, i), g = zo(c), f = zo(h);
   t.modifiersData[n] = {
@@ -8519,12 +8522,12 @@ function Ol(e) {
   return e === "x" ? "y" : "x";
 }
 function El(e) {
-  var t = e.state, n = e.options, o = e.name, r = n.mainAxis, i = r === void 0 ? !0 : r, a = n.altAxis, s = a === void 0 ? !1 : a, c = n.boundary, h = n.rootBoundary, g = n.altBoundary, f = n.padding, C = n.tether, w = C === void 0 ? !0 : C, u = n.tetherOffset, l = u === void 0 ? 0 : u, d = vt(t, {
+  var t = e.state, n = e.options, o = e.name, r = n.mainAxis, i = r === void 0 ? !0 : r, a = n.altAxis, s = a === void 0 ? !1 : a, c = n.boundary, h = n.rootBoundary, g = n.altBoundary, f = n.padding, C = n.tether, w = C === void 0 ? !0 : C, u = n.tetherOffset, l = u === void 0 ? 0 : u, d = mt(t, {
     boundary: c,
     rootBoundary: h,
     padding: f,
     altBoundary: g
-  }), v = Oe(t.placement), p = et(t.placement), b = !p, y = qn(v), D = Ol(y), A = t.modifiersData.popperOffsets, H = t.rects.reference, O = t.rects.popper, P = typeof l == "function" ? l(Object.assign({}, t.rects, {
+  }), v = Oe(t.placement), p = tt(t.placement), b = !p, y = qn(v), D = Ol(y), A = t.modifiersData.popperOffsets, H = t.rects.reference, O = t.rects.popper, P = typeof l == "function" ? l(Object.assign({}, t.rects, {
     placement: t.placement
   })) : l, x = typeof P == "number" ? {
     mainAxis: P,
@@ -8538,14 +8541,14 @@ function El(e) {
   };
   if (A) {
     if (i) {
-      var T, M = y === "y" ? me : be, R = y === "y" ? He : Pe, j = y === "y" ? "height" : "width", z = A[y], F = z + d[M], Z = z - d[R], U = w ? -O[j] / 2 : 0, G = p === We ? H[j] : O[j], W = p === We ? -O[j] : -H[j], K = t.elements.arrow, oe = w && K ? Fn(K) : {
+      var T, M = y === "y" ? me : be, R = y === "y" ? He : Pe, j = y === "y" ? "height" : "width", z = A[y], F = z + d[M], Z = z - d[R], U = w ? -O[j] / 2 : 0, G = p === _e ? H[j] : O[j], W = p === _e ? -O[j] : -H[j], K = t.elements.arrow, oe = w && K ? Fn(K) : {
         width: 0,
         height: 0
-      }, Y = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : Fr(), re = Y[M], V = Y[R], ee = ct(0, H[j], oe[j]), ae = b ? H[j] / 2 - U - ee - re - x.mainAxis : G - ee - re - x.mainAxis, se = b ? -H[j] / 2 + U + ee + V + x.mainAxis : W + ee + V + x.mainAxis, ne = t.elements.arrow && Ct(t.elements.arrow), de = ne ? y === "y" ? ne.clientTop || 0 : ne.clientLeft || 0 : 0, ce = (T = B == null ? void 0 : B[y]) != null ? T : 0, he = z + ae - ce - de, Ce = z + se - ce, Me = ct(w ? St(F, he) : F, z, w ? Xe(Z, Ce) : Z);
+      }, Y = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : Fr(), re = Y[M], V = Y[R], ee = dt(0, H[j], oe[j]), ae = b ? H[j] / 2 - U - ee - re - x.mainAxis : G - ee - re - x.mainAxis, se = b ? -H[j] / 2 + U + ee + V + x.mainAxis : W + ee + V + x.mainAxis, ne = t.elements.arrow && wt(t.elements.arrow), de = ne ? y === "y" ? ne.clientTop || 0 : ne.clientLeft || 0 : 0, ce = (T = B == null ? void 0 : B[y]) != null ? T : 0, he = z + ae - ce - de, Ce = z + se - ce, Me = dt(w ? St(F, he) : F, z, w ? Xe(Z, Ce) : Z);
       A[y] = Me, k[y] = Me - z;
     }
     if (s) {
-      var pe, Ie = y === "x" ? me : be, ye = y === "x" ? He : Pe, xe = A[D], ke = D === "y" ? "height" : "width", m = xe + d[Ie], E = xe - d[ye], Q = [me, be].indexOf(v) !== -1, N = (pe = B == null ? void 0 : B[D]) != null ? pe : 0, _ = Q ? m : xe - H[ke] - O[ke] - N + x.altAxis, q = Q ? xe + H[ke] + O[ke] - N - x.altAxis : E, fe = w && Q ? el(_, xe, q) : ct(w ? _ : m, xe, w ? q : E);
+      var pe, Ie = y === "x" ? me : be, ye = y === "x" ? He : Pe, xe = A[D], ke = D === "y" ? "height" : "width", m = xe + d[Ie], E = xe - d[ye], Q = [me, be].indexOf(v) !== -1, N = (pe = B == null ? void 0 : B[D]) != null ? pe : 0, _ = Q ? m : xe - H[ke] - O[ke] - N + x.altAxis, q = Q ? xe + H[ke] + O[ke] - N - x.altAxis : E, fe = w && Q ? el(_, xe, q) : dt(w ? _ : m, xe, w ? q : E);
       A[D] = fe, k[D] = fe - xe;
     }
     t.modifiersData[o] = k;
@@ -8568,12 +8571,12 @@ function Ql(e) {
   return e === we(e) || !De(e) ? Gn(e) : kl(e);
 }
 function Ll(e) {
-  var t = e.getBoundingClientRect(), n = _e(t.width) / e.offsetWidth || 1, o = _e(t.height) / e.offsetHeight || 1;
+  var t = e.getBoundingClientRect(), n = $e(t.width) / e.offsetWidth || 1, o = $e(t.height) / e.offsetHeight || 1;
   return n !== 1 || o !== 1;
 }
 function zl(e, t, n) {
   n === void 0 && (n = !1);
-  var o = De(t), r = De(t) && Ll(t), i = Se(t), a = $e(e, r, n), s = {
+  var o = De(t), r = De(t) && Ll(t), i = Se(t), a = et(e, r, n), s = {
     scrollLeft: 0,
     scrollTop: 0
   }, c = {
@@ -8581,7 +8584,7 @@ function zl(e, t, n) {
     y: 0
   };
   return (o || !o && !n) && ((Ee(t) !== "body" || // https://github.com/popperjs/popper-core/issues/1078
-  Kn(i)) && (s = Ql(t)), De(t) ? (c = $e(t, !0), c.x += t.clientLeft, c.y += t.clientTop) : i && (c.x = Un(i))), {
+  Kn(i)) && (s = Ql(t)), De(t) ? (c = et(t, !0), c.x += t.clientLeft, c.y += t.clientTop) : i && (c.x = Un(i))), {
     x: a.left + s.scrollLeft - c.x,
     y: a.top + s.scrollTop - c.y,
     width: a.width,
@@ -8670,8 +8673,8 @@ function Nl(e) {
       setOptions: function(v) {
         var p = typeof v == "function" ? v(g.options) : v;
         l(), g.options = Object.assign({}, i, g.options, p), g.scrollParents = {
-          reference: qe(s) ? dt(s) : s.contextElement ? dt(s.contextElement) : [],
-          popper: dt(c)
+          reference: qe(s) ? ut(s) : s.contextElement ? ut(s.contextElement) : [],
+          popper: ut(c)
         };
         var b = jl(Il([].concat(o, g.options.modifiers)));
         return g.orderedModifiers = b.filter(function(y) {
@@ -8688,7 +8691,7 @@ function Nl(e) {
           var v = g.elements, p = v.reference, b = v.popper;
           if (jo(p, b)) {
             g.rects = {
-              reference: zl(p, Ct(b), g.options.strategy === "fixed"),
+              reference: zl(p, wt(b), g.options.strategy === "fixed"),
               popper: Fn(b)
             }, g.reset = !1, g.placement = g.options.placement, g.orderedModifiers.forEach(function(x) {
               return g.modifiersData[x.name] = Object.assign({}, x.data);
@@ -8765,32 +8768,39 @@ ie({
   portalStyle: "",
   placement: "bottom-end",
   triggerType: "hover",
+  equalWidth: {
+    get: (e, t) => Je(t, !1),
+    set: (e, t) => Je(t, !1)
+  },
   visible: {
     get: (e, t) => t || !1,
     set: (e, t) => t,
     connect: (e) => {
       const { reference: t, placement: n } = e;
+      let o;
       requestAnimationFrame(() => {
         e.portals = document.getElementById("__td_portals__"), e.portals || (e.portals = document.createElement("div"), e.portals.id = "__td_portals__", document.body.appendChild(e.portals));
-        const r = e.querySelector('[slot="content"]');
-        if (!r) return;
-        const i = `<style>${e.portalStyle}</style>`;
-        e.portal = document.createElement("td-portal"), e.portal.className = e.portalClass, e.portal.innerHTML = i, e.portal.appendChild(r), e.portal.addEventListener("click", (a) => So(e)), e.portal.addEventListener("mouseenter", () => Pt(e, "enter")), e.portal.addEventListener("mouseleave", () => Pt(e, "leave")), e.portals.appendChild(e.portal), requestAnimationFrame(() => {
-          const a = ["top", "bottom"].some((s) => n.includes(s));
+        const i = e.querySelector('[slot="content"]');
+        if (!i) return;
+        const a = `<style>${e.portalStyle}</style>`;
+        e.portal = document.createElement("td-portal"), e.portal.className = e.portalClass, e.portal.innerHTML = a, e.portal.appendChild(i), e.portal.addEventListener("click", (s) => So(e)), e.portal.addEventListener("mouseenter", () => Pt(e, "enter")), e.portal.addEventListener("mouseleave", () => Pt(e, "leave")), e.portals.appendChild(e.portal), requestAnimationFrame(() => {
+          const s = ["top", "bottom"].some((c) => n.includes(c));
           e.popper = Fl(t, e.portal, {
             placement: n,
-            modifiers: [{ name: "offset", options: { offset: a ? [0, 8] : [0, 16] } }]
-          }), a && (e.popper.state.styles.popper.minWidth = `${t.offsetWidth}px`);
+            modifiers: [{ name: "offset", options: { offset: s ? [0, 8] : [0, 16] } }]
+          }), s && (e.equalWidth ? e.popper.state.styles.popper.width = `${t.offsetWidth}px` : e.popper.state.styles.popper.minWidth = `${t.offsetWidth}px`), o = new window.ResizeObserver(() => {
+            e.popper && s && (e.equalWidth ? e.popper.state.styles.popper.width = `${t.offsetWidth}px` : e.popper.state.styles.popper.minWidth = `${t.offsetWidth}px`, e.popper.update());
+          }), o.observe(t);
         });
       });
-      function o(r) {
-        var a;
-        const i = ((a = r.composedPath) == null ? void 0 : a.call(r)) || r.path || [];
-        !t || e.contains(i[0]) || (e.visible = !1, Te(e, "visible-change", { detail: { visible: e.visible } }));
-      }
-      return document.addEventListener("click", o), () => {
-        var r, i;
-        (i = (r = e.portals) == null ? void 0 : r.removeChild) == null || i.call(r, e.portal), document.removeEventListener("click", o);
+      function r(i) {
+        var s;
+        const a = ((s = i.composedPath) == null ? void 0 : s.call(i)) || i.path || [];
+        !t || e.contains(a[0]) || (e.visible = !1, Te(e, "visible-change", { detail: { visible: e.visible } }));
+      }
+      return document.addEventListener("click", r), () => {
+        var i, a, s;
+        (a = (i = e.portals) == null ? void 0 : i.removeChild) == null || a.call(i, e.portal), document.removeEventListener("click", r), (s = o == null ? void 0 : o.disconnect) == null || s.call(o);
       };
     },
     observe: (e, t) => {
@@ -9482,9 +9492,9 @@ function Vr() {
     }
   }, Bt;
 }
-var an = {}, it = {}, Zo;
+var an = {}, at = {}, Zo;
 function _l() {
-  if (Zo) return it;
+  if (Zo) return at;
   Zo = 1;
   const e = new Uint8Array(512), t = new Uint8Array(256);
   return function() {
@@ -9493,14 +9503,14 @@ function _l() {
       e[r] = o, t[o] = r, o <<= 1, o & 256 && (o ^= 285);
     for (let r = 255; r < 512; r++)
       e[r] = e[r - 255];
-  }(), it.log = function(o) {
+  }(), at.log = function(o) {
     if (o < 1) throw new Error("log(" + o + ")");
     return t[o];
-  }, it.exp = function(o) {
+  }, at.exp = function(o) {
     return e[o];
-  }, it.mul = function(o, r) {
+  }, at.mul = function(o, r) {
     return o === 0 || r === 0 ? 0 : e[t[o] + t[r]];
-  }, it;
+  }, at;
 }
 var Yo;
 function $l() {
@@ -11693,7 +11703,7 @@ function yc() {
   }(xn)), xn.exports;
 }
 var xc = yc();
-const tt = /* @__PURE__ */ Sn(xc), Ac = 'code[class*=language-],pre[class*=language-]{text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:1em;line-height:1.5em;-moz-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none}code[class*=language-]::selection,pre[class*=language-]::selection,code[class*=language-] ::selection,pre[class*=language-] ::selection{background:#d6dbe3;color:#263238}:not(pre)>code[class*=language-]{white-space:normal;border-radius:.2em;padding:.1em}pre[class*=language-]{overflow:auto;position:relative}.language-css>code,.language-sass>code,.language-scss>code{color:#c24c08}[class*=language-] .namespace{opacity:.7}.token.atrule{color:#6d3bac}.token.attr-name{color:#007edf}.token.attr-value,.token.attribute{color:#d29c00}.token.boolean{color:#6d3bac}.token.builtin,.token.cdata,.token.char,.token.class{color:#007edf}.token.class-name{color:#003cbf}.token.comment{color:#97a3b7}.token.constant{color:#6d3bac}.token.deleted{color:#b01531}.token.doctype{color:#97a3b7}.token.entity{color:#b01531}.token.function{color:#6d3bac}.token.hexcode{color:#c24c08}.token.id,.token.important{color:#6d3bac;font-weight:700}.token.inserted{color:#007edf}.token.keyword{color:#6d3bac}.token.number{color:#c24c08}.token.operator{color:#007edf}.token.prolog{color:#97a3b7}.token.property{color:#007edf}.token.pseudo-class,.token.pseudo-element{color:#d29c00}.token.punctuation{color:#007edf}.token.regex{color:#003cbf}.token.selector{color:#b01531}.token.string{color:#d29c00}.token.symbol{color:#6d3bac}.token.tag{color:#b01531}.token.unit{color:#c24c08}.token.url,.token.variable{color:#b01531}:root[theme-mode=dark] code[class*=language-],:root[theme-mode=dark] pre[class*=language-]{text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:1em;line-height:1.5em;-moz-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none}:root[theme-mode=dark] code[class*=language-]::selection,:root[theme-mode=dark] pre[class*=language-]::selection,:root[theme-mode=dark] code[class*=language-] ::selection,:root[theme-mode=dark] pre[class*=language-] ::selection{background:#d6dbe3;color:#263238}:root[theme-mode=dark] :not(pre)>code[class*=language-]{white-space:normal;border-radius:.2em;padding:.1em}:root[theme-mode=dark] pre[class*=language-]{overflow:auto;position:relative}:root[theme-mode=dark] .language-css>code,:root[theme-mode=dark] .language-sass>code,:root[theme-mode=dark] .language-scss>code{color:#f2995f}:root[theme-mode=dark] [class*=language-] .namespace{opacity:.7}:root[theme-mode=dark] .token.atrule{color:#ae78f0}:root[theme-mode=dark] .token.attr-name{color:#3280ff}:root[theme-mode=dark] .token.attr-value{color:#fbca25}:root[theme-mode=dark] .token.attribute{color:#fbca25}:root[theme-mode=dark] .token.boolean{color:#ae78f0}:root[theme-mode=dark] .token.builtin{color:#3280ff}:root[theme-mode=dark] .token.cdata{color:#3280ff}:root[theme-mode=dark] .token.char{color:#3280ff}:root[theme-mode=dark] .token.class{color:#3280ff}:root[theme-mode=dark] .token.class-name{color:#5cc5fc}:root[theme-mode=dark] .token.comment{color:#97a3b7}:root[theme-mode=dark] .token.constant{color:#ae78f0}:root[theme-mode=dark] .token.deleted{color:#48c79c}:root[theme-mode=dark] .token.doctype{color:#97a3b7}:root[theme-mode=dark] .token.entity{color:#48c79c}:root[theme-mode=dark] .token.function{color:#ae78f0}:root[theme-mode=dark] .token.hexcode{color:#f2995f}:root[theme-mode=dark] .token.id{color:#ae78f0;font-weight:700}:root[theme-mode=dark] .token.important{color:#f6c;font-weight:700}:root[theme-mode=dark] .token.inserted{color:#3280ff}:root[theme-mode=dark] .token.keyword{color:#f6c}:root[theme-mode=dark] .token.number{color:#f2995f}:root[theme-mode=dark] .token.operator{color:#3280ff}:root[theme-mode=dark] .token.prolog{color:#97a3b7}:root[theme-mode=dark] .token.property{color:#3280ff}:root[theme-mode=dark] .token.pseudo-class{color:#fbca25}:root[theme-mode=dark] .token.pseudo-element{color:#fbca25}:root[theme-mode=dark] .token.punctuation{color:#3280ff}:root[theme-mode=dark] .token.regex{color:#5cc5fc}:root[theme-mode=dark] .token.selector{color:#f36d78}:root[theme-mode=dark] .token.string{color:#fbca25}:root[theme-mode=dark] .token.symbol{color:#f6c}:root[theme-mode=dark] .token.tag{color:#48c79c}:root[theme-mode=dark] .token.unit{color:#f2995f}:root[theme-mode=dark] .token.url{color:#48c79c}:root[theme-mode=dark] .token.variable{color:#48c79c}.TDesign-doc-demo{margin:24px 0 48px;background-color:var(--bg-color-demo);color:var(--text-primary);border:1px solid var(--component-border);border-radius:6px}.TDesign-doc-demo.open{background:var(--bg-color-code)}.TDesign-doc-demo.open .TDesign-doc-demo__footer{border-radius:6px}.TDesign-doc-demo.open .TDesign-doc-demo__btns{position:relative}.TDesign-doc-demo.open .TDesign-doc-demo__btns:after{content:"";width:100%;height:20px;position:absolute;top:100%;left:0;z-index:1;background:var(--bg-color-code-linear)}.TDesign-doc-demo.open .TDesign-doc-demo__btns .action:hover{background-color:var(--bg-color-component-hover)}.TDesign-doc-demo__footer{border-radius:0 0 5px 5px}.TDesign-doc-demo__btns{height:48px;padding:8px;display:flex;justify-content:flex-end;column-gap:8px;align-items:center;box-sizing:border-box}.TDesign-doc-demo__btns .action{height:32px;width:32px;padding:8px;box-sizing:border-box;border-radius:var(--border-radius);cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .1s;display:inline-flex;color:var(--text-secondary)}.TDesign-doc-demo__btns .action:hover{color:var(--text-primary);background-color:var(--bg-color-demo-hover)}.TDesign-doc-demo__btns .action.active{color:var(--text-primary);background-color:var(--bg-color-demo-select)}.TDesign-doc-demo__code{border-radius:0 0 6px 6px;overflow:hidden;max-height:560px}.TDesign-doc-demo__code pre{margin:0;padding:20px 24px 36px;max-height:560px;box-sizing:border-box;overflow:auto;background:var(--bg-color-code);color:var(--text-primary);border-top:1px solid var(--component-border)}.TDesign-doc-demo__code pre:hover::-webkit-scrollbar-thumb{background-color:var(--bg-color-scroll)}.TDesign-doc-demo__code pre::-webkit-scrollbar{width:12px;height:12px;background:transparent}.TDesign-doc-demo__code pre::-webkit-scrollbar-corner{width:0}.TDesign-doc-demo__code pre::-webkit-scrollbar-thumb{border-radius:6px;border:4px solid transparent;background-clip:content-box;background-color:transparent}.TDesign-doc-demo-tabs{display:flex;align-items:center;justify-content:center;height:calc(var(--block-base-width) * 3);box-sizing:border-box;cursor:pointer;border-top:1px solid var(--component-border);padding:4px 0;position:relative}.TDesign-doc-demo-tabs__active{height:2px;width:180px;background-color:var(--text-interactive);position:absolute;left:0;bottom:1px;transition:all var(--anim-time-fn-easing) var(--anim-duration-moderate)}.TDesign-doc-demo-tabs__item+.TDesign-doc-demo-tabs__item{margin-left:8px}.TDesign-doc-demo-tabs__item{margin:4px;width:188px;text-align:center;padding:4px 0;font-size:var(--block-base-width);box-sizing:border-box;border-radius:var(--border-radius);color:var(--text-secondary);word-break:keep-all;white-space:nowrap;transition:background .2s}.TDesign-doc-demo-tabs__item:hover,.TDesign-doc-demo-tabs__item.active{color:var(--text-interactive)}.TDesign-doc-demo-tabs__item:hover{background:var(--bg-color-demo-hover)}', Wr = `<svg width="18" height="16" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+const nt = /* @__PURE__ */ Sn(xc), Ac = 'code[class*=language-],pre[class*=language-]{text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:1em;line-height:1.5em;-moz-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none}code[class*=language-]::selection,pre[class*=language-]::selection,code[class*=language-] ::selection,pre[class*=language-] ::selection{background:#d6dbe3;color:#263238}:not(pre)>code[class*=language-]{white-space:normal;border-radius:.2em;padding:.1em}pre[class*=language-]{overflow:auto;position:relative}.language-css>code,.language-sass>code,.language-scss>code{color:#c24c08}[class*=language-] .namespace{opacity:.7}.token.atrule{color:#6d3bac}.token.attr-name{color:#007edf}.token.attr-value,.token.attribute{color:#d29c00}.token.boolean{color:#6d3bac}.token.builtin,.token.cdata,.token.char,.token.class{color:#007edf}.token.class-name{color:#003cbf}.token.comment{color:#97a3b7}.token.constant{color:#6d3bac}.token.deleted{color:#b01531}.token.doctype{color:#97a3b7}.token.entity{color:#b01531}.token.function{color:#6d3bac}.token.hexcode{color:#c24c08}.token.id,.token.important{color:#6d3bac;font-weight:700}.token.inserted{color:#007edf}.token.keyword{color:#6d3bac}.token.number{color:#c24c08}.token.operator{color:#007edf}.token.prolog{color:#97a3b7}.token.property{color:#007edf}.token.pseudo-class,.token.pseudo-element{color:#d29c00}.token.punctuation{color:#007edf}.token.regex{color:#003cbf}.token.selector{color:#b01531}.token.string{color:#d29c00}.token.symbol{color:#6d3bac}.token.tag{color:#b01531}.token.unit{color:#c24c08}.token.url,.token.variable{color:#b01531}:root[theme-mode=dark] code[class*=language-],:root[theme-mode=dark] pre[class*=language-]{text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:1em;line-height:1.5em;-moz-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none}:root[theme-mode=dark] code[class*=language-]::selection,:root[theme-mode=dark] pre[class*=language-]::selection,:root[theme-mode=dark] code[class*=language-] ::selection,:root[theme-mode=dark] pre[class*=language-] ::selection{background:#d6dbe3;color:#263238}:root[theme-mode=dark] :not(pre)>code[class*=language-]{white-space:normal;border-radius:.2em;padding:.1em}:root[theme-mode=dark] pre[class*=language-]{overflow:auto;position:relative}:root[theme-mode=dark] .language-css>code,:root[theme-mode=dark] .language-sass>code,:root[theme-mode=dark] .language-scss>code{color:#f2995f}:root[theme-mode=dark] [class*=language-] .namespace{opacity:.7}:root[theme-mode=dark] .token.atrule{color:#ae78f0}:root[theme-mode=dark] .token.attr-name{color:#3280ff}:root[theme-mode=dark] .token.attr-value{color:#fbca25}:root[theme-mode=dark] .token.attribute{color:#fbca25}:root[theme-mode=dark] .token.boolean{color:#ae78f0}:root[theme-mode=dark] .token.builtin{color:#3280ff}:root[theme-mode=dark] .token.cdata{color:#3280ff}:root[theme-mode=dark] .token.char{color:#3280ff}:root[theme-mode=dark] .token.class{color:#3280ff}:root[theme-mode=dark] .token.class-name{color:#5cc5fc}:root[theme-mode=dark] .token.comment{color:#97a3b7}:root[theme-mode=dark] .token.constant{color:#ae78f0}:root[theme-mode=dark] .token.deleted{color:#48c79c}:root[theme-mode=dark] .token.doctype{color:#97a3b7}:root[theme-mode=dark] .token.entity{color:#48c79c}:root[theme-mode=dark] .token.function{color:#ae78f0}:root[theme-mode=dark] .token.hexcode{color:#f2995f}:root[theme-mode=dark] .token.id{color:#ae78f0;font-weight:700}:root[theme-mode=dark] .token.important{color:#f6c;font-weight:700}:root[theme-mode=dark] .token.inserted{color:#3280ff}:root[theme-mode=dark] .token.keyword{color:#f6c}:root[theme-mode=dark] .token.number{color:#f2995f}:root[theme-mode=dark] .token.operator{color:#3280ff}:root[theme-mode=dark] .token.prolog{color:#97a3b7}:root[theme-mode=dark] .token.property{color:#3280ff}:root[theme-mode=dark] .token.pseudo-class{color:#fbca25}:root[theme-mode=dark] .token.pseudo-element{color:#fbca25}:root[theme-mode=dark] .token.punctuation{color:#3280ff}:root[theme-mode=dark] .token.regex{color:#5cc5fc}:root[theme-mode=dark] .token.selector{color:#f36d78}:root[theme-mode=dark] .token.string{color:#fbca25}:root[theme-mode=dark] .token.symbol{color:#f6c}:root[theme-mode=dark] .token.tag{color:#48c79c}:root[theme-mode=dark] .token.unit{color:#f2995f}:root[theme-mode=dark] .token.url{color:#48c79c}:root[theme-mode=dark] .token.variable{color:#48c79c}.TDesign-doc-demo{margin:24px 0 48px;background-color:var(--bg-color-demo);color:var(--text-primary);border:1px solid var(--component-border);border-radius:6px}.TDesign-doc-demo.open{background:var(--bg-color-code)}.TDesign-doc-demo.open .TDesign-doc-demo__footer{border-radius:6px}.TDesign-doc-demo.open .TDesign-doc-demo__btns{position:relative}.TDesign-doc-demo.open .TDesign-doc-demo__btns:after{content:"";width:100%;height:20px;position:absolute;top:100%;left:0;z-index:1;background:var(--bg-color-code-linear)}.TDesign-doc-demo.open .TDesign-doc-demo__btns .action:hover{background-color:var(--bg-color-component-hover)}.TDesign-doc-demo__footer{border-radius:0 0 5px 5px}.TDesign-doc-demo__btns{height:48px;padding:8px;display:flex;justify-content:flex-end;column-gap:8px;align-items:center;box-sizing:border-box}.TDesign-doc-demo__btns .action{height:32px;width:32px;padding:8px;box-sizing:border-box;border-radius:var(--border-radius);cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .1s;display:inline-flex;color:var(--text-secondary)}.TDesign-doc-demo__btns .action:hover{color:var(--text-primary);background-color:var(--bg-color-demo-hover)}.TDesign-doc-demo__btns .action.active{color:var(--text-primary);background-color:var(--bg-color-demo-select)}.TDesign-doc-demo__code{border-radius:0 0 6px 6px;overflow:hidden;max-height:560px}.TDesign-doc-demo__code pre{margin:0;padding:20px 24px 36px;max-height:560px;box-sizing:border-box;overflow:auto;background:var(--bg-color-code);color:var(--text-primary);border-top:1px solid var(--component-border)}.TDesign-doc-demo__code pre:hover::-webkit-scrollbar-thumb{background-color:var(--bg-color-scroll)}.TDesign-doc-demo__code pre::-webkit-scrollbar{width:12px;height:12px;background:transparent}.TDesign-doc-demo__code pre::-webkit-scrollbar-corner{width:0}.TDesign-doc-demo__code pre::-webkit-scrollbar-thumb{border-radius:6px;border:4px solid transparent;background-clip:content-box;background-color:transparent}.TDesign-doc-demo-tabs{display:flex;align-items:center;justify-content:center;height:calc(var(--block-base-width) * 3);box-sizing:border-box;cursor:pointer;border-top:1px solid var(--component-border);padding:4px 0;position:relative}.TDesign-doc-demo-tabs__active{height:2px;width:180px;background-color:var(--text-interactive);position:absolute;left:0;bottom:1px;transition:all var(--anim-time-fn-easing) var(--anim-duration-moderate)}.TDesign-doc-demo-tabs__item+.TDesign-doc-demo-tabs__item{margin-left:8px}.TDesign-doc-demo-tabs__item{margin:4px;width:188px;text-align:center;padding:4px 0;font-size:var(--block-base-width);box-sizing:border-box;border-radius:var(--border-radius);color:var(--text-secondary);word-break:keep-all;white-space:nowrap;transition:background .2s}.TDesign-doc-demo-tabs__item:hover,.TDesign-doc-demo-tabs__item.active{color:var(--text-interactive)}.TDesign-doc-demo-tabs__item:hover{background:var(--bg-color-demo-hover)}', Wr = `<svg width="18" height="16" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
   <path fill="currentColor" d="M10.3736 0.498413L11.581 0.821937L7.69869 15.3108L6.49128 14.9873L10.3736 0.498413Z" />
   <path fill="currentColor" d="M13.687 2.66028L17.3046 6.79909C17.8786 7.45583 17.9195 8.41353 17.4255 9.11321L17.3115 9.25899L13.6894 13.4505L12.7436 12.6332C12.7436 12.6332 16.645 8.25979 16.5103 8.0325L12.7459 3.4829L13.687 2.66028Z" />
   <path fill="currentColor" d="M0.667582 6.90809L3.84161 2.67255L4.8419 3.42215L1.51505 7.99998C1.41314 8.20784 4.8419 12.6428 4.8419 12.6428L3.84161 13.3924L0.667582 9.1569L0.5612 8.99891C0.171134 8.35104 0.206595 7.52325 0.667582 6.90809Z" />
@@ -12220,7 +12230,7 @@ ie({
     const h = typeof s == "string" ? s.split(",") : [], g = h.length > 0 && h.filter((D) => {
       var A, H;
       return ((A = e.dataset) == null ? void 0 : A[D]) || ((H = e.dataset) == null ? void 0 : H[D.toLocaleLowerCase()]);
-    }).length == h.length, f = h[a] || "", C = ((v = e.dataset) == null ? void 0 : v[f]) || ((p = e.dataset) == null ? void 0 : p[f.toLocaleLowerCase()]) || t, w = tt.highlight(C, tt.languages[n], n);
+    }).length == h.length, f = h[a] || "", C = ((v = e.dataset) == null ? void 0 : v[f]) || ((p = e.dataset) == null ? void 0 : p[f.toLocaleLowerCase()]) || t, w = nt.highlight(C, nt.languages[n], n);
     e.currentRenderCode = C;
     const u = c && h.length ? c[h[a]] : {}, l = {
       transitionDuration: ".2s",
@@ -12410,7 +12420,7 @@ ie({
     set: (e, t) => t
   },
   render: (e) => {
-    const { code: t, language: n, showCode: o, configList: r, panelList: i, panel: a } = e, s = tt.highlight(t, tt.languages[n], n), c = {
+    const { code: t, language: n, showCode: o, configList: r, panelList: i, panel: a } = e, s = nt.highlight(t, nt.languages[n], n), c = {
       transitionDuration: ".2s",
       maxHeight: o ? "240px" : 0,
       transitionTimingFunction: o ? "cubic-bezier(.82, 0, 1, .9)" : "ease"
@@ -12501,7 +12511,7 @@ ie({
     }
   },
   render: (e) => {
-    const { panel: t } = e, { slotsName: n, slotsContentMap: o } = Ic(e), r = o[t], i = tt.highlight(r.content, tt.languages[r.lang], r.lang);
+    const { panel: t } = e, { slotsName: n, slotsContentMap: o } = Ic(e), r = o[t], i = nt.highlight(r.content, nt.languages[r.lang], r.lang);
     return S`
       <div class="TDesign-code-block">
         <td-doc-copy code="${r.content}"></td-doc-copy>