@tdesign/site-components 0.18.0-alpha.2 → 0.18.0-alpha.3

package/lib/site.es.js

@@ -1077,10 +1077,10 @@ function Vi(e, t, n, o) {
   }
   return Object.assign(r, Gi);
 }
-function j(e, ...t) {
+function R(e, ...t) {
   return Vi(e, t, !1, !1);
 }
-Object.freeze(Object.assign(j, Ii));
+Object.freeze(Object.assign(R, Ii));
 const Et = /* @__PURE__ */ new Map(), po = /* @__PURE__ */ new Map();
 let Zi = null;
 const Yi = (() => {
@@ -1300,23 +1300,23 @@ function Rt(e, t, n) {
   t.preventDefault(), n.status && (location.href = n.path);
 }
 function jt(e) {
-  if (e === 0) return j`<span class="disable-tag">待上线</span>`;
-  if (e === 1) return j`<span class="stable-tag">Stable</span>`;
-  if (e === 2) return j`<span class="alpha-tag">Alpha</span>`;
-  if (e === 3) return j`<span class="beta-tag">Beta</span>`;
-  if (e === 4) return j`<span class="rc-tag">Rc</span>`;
+  if (e === 0) return R`<span class="disable-tag">待上线</span>`;
+  if (e === 1) return R`<span class="stable-tag">Stable</span>`;
+  if (e === 2) return R`<span class="alpha-tag">Alpha</span>`;
+  if (e === 3) return R`<span class="beta-tag">Beta</span>`;
+  if (e === 4) return R`<span class="rc-tag">Rc</span>`;
 }
 function On(e) {
   return /^https?:/.test(e) ? location.href.includes(e) : location.pathname.includes(e);
 }
 function la(e) {
-  if (location.host !== "tdesign.tencent.com" && !localStorage.getItem("TDesign_notice")) return j``;
+  if (location.host !== "tdesign.tencent.com" && !localStorage.getItem("TDesign_notice")) return R``;
   const { notice: t } = e;
   let n = location.pathname.split("/")[1] || "site";
   ["design", "source", "about"].includes(n) && (n = "site");
   let o = t[n];
-  if (o != null && o.title || (o = t.all), !(o != null && o.title)) return j``;
-  if (localStorage.getItem("TDesign_notice_closed") === (o == null ? void 0 : o.title)) return j``;
+  if (o != null && o.title || (o = t.all), !(o != null && o.title)) return R``;
+  if (localStorage.getItem("TDesign_notice_closed") === (o == null ? void 0 : o.title)) return R``;
   const r = (s = "96px") => {
     const c = document.querySelector("td-doc-aside");
     c && (c.style.setProperty("--aside-top", s), c.shadowRoot.querySelector(".TDesign-doc-aside").style.top = s);
@@ -1325,15 +1325,15 @@ function la(e) {
   }, a = () => {
     o != null && o.actionUrl && (location.href = o.actionUrl);
   };
-  return r(), j`
+  return r(), R`
     <div class="TDesign-header-notice ${o.type}">
       <div class="TDesign-header-notice__content" onclick="${a}">${o.title}</div>
-      ${o.closeable && j`<i class="TDesign-header-notice__close" innerHTML="${Sn}" onclick="${i}"></i>`}
+      ${o.closeable && R`<i class="TDesign-header-notice__close" innerHTML="${Sn}" onclick="${i}"></i>`}
     </div>
   `;
 }
 function ca(e, t) {
-  return j`
+  return R`
     <td-doc-popup placement="bottom" portalStyle="${ra}">
       ${t}
       <div slot="content" class="TDesign-base-components-links">
@@ -1341,7 +1341,7 @@ function ca(e, t) {
           <p class="title">${ct.web.name}</p>
           <div class="TDesign-base-components-links__list">
             ${ct.web.links.map(
-    (n) => j`
+    (n) => R`
                 <a
                   href="${n.path}"
                   class="link ${On(n.path) ? "active" : ""} ${n.status ? "" : "disabled"}"
@@ -1364,7 +1364,7 @@ function ca(e, t) {
           <p class="title">${ct.mobile.name}</p>
           <div class="TDesign-base-components-links__list">
             ${ct.mobile.links.map(
-    (n) => j`
+    (n) => R`
                 <a
                   href="${n.path}"
                   class="link ${On(n.path) ? "active" : ""} ${n.status ? "" : "disabled"}"
@@ -1394,7 +1394,7 @@ function Sr(e, t) {
   return t === "site" ? "https://github.com/Tencent/tdesign" : e === "mobile" ? `https://github.com/Tencent/tdesign-${e}-${t}` : `https://github.com/Tencent/tdesign-${t}`;
 }
 function da(e, t, n, o) {
-  const r = j`
+  const r = R`
     <a class="TDesign-header-nav__git" href="${Sr(n, o)}" id="${n}" target="_blank">
       <span class="TDesign-header-nav__git-icon" innerHTML="${_i}"></span>
     </a>
@@ -1403,7 +1403,7 @@ function da(e, t, n, o) {
     const p = ze() === "zh" ? "en" : "zh";
     document.dispatchEvent(new CustomEvent("tdesign_site_lang", { detail: p }));
   }
-  const a = e.disabledLocale ? j`` : j`
+  const a = e.disabledLocale ? R`` : R`
         <div class="TDesign-header-nav__translate" onclick="${i}">
           <span class="TDesign-header-nav__translate-icon" innerHTML="${oa}"></span>
         </div>
@@ -1413,14 +1413,14 @@ function da(e, t, n, o) {
   };
   return t.map((c) => {
     if (c.type === "base") {
-      const p = j`
+      const p = R`
           <span class="TDesign-header-nav__link ${s() ? "active" : ""}">
             ${c.name} <i class="icon" innerHTML="${Lr}"></i>
           </span>
         `;
       return ca(e, p);
     }
-    return j`
+    return R`
         <a
           class="TDesign-header-nav__link ${On(c.path) ? "active" : ""}"
           href="${c.path}"
@@ -1472,7 +1472,7 @@ ie({
   },
   render: (e) => {
     const { platform: t, framework: n, disabledTheme: o, collapseMenu: r } = e;
-    return j`
+    return R`
       ${la(e)}
       <header class="TDesign-header">
         <div class="TDesign-header-inner">
@@ -1480,7 +1480,7 @@ ie({
             <td-logo></td-logo>
           </div>
           <div class="TDesign-header-nav">
-            ${r ? j`
+            ${r ? R`
                   <td-collapse-menu
                     disabledTheme="${o}"
                     platform="${t}"
@@ -1489,12 +1489,12 @@ ie({
                     baseComponentsLinks="${ct}"
                   >
                   </td-collapse-menu>
-                ` : j`
+                ` : R`
                   <div class="slot-search">
                     <slot name="search"></slot>
                   </div>
                   ${da(e, wo, t, n)}
-                  ${o ? j`` : j`<td-theme-tabs></td-theme-tabs>`}
+                  ${o ? R`` : R`<td-theme-tabs></td-theme-tabs>`}
                 `}
           </div>
         </div>
@@ -1511,16 +1511,16 @@ const ua = ".TDesign-collapse-menu{position:relative;display:flex;align-items:ce
   <path d="M3.00098 18H5.25007V19.5H3.00098L3.00098 18Z" fill="currentColor" />
 </svg>`;
 function pa({ headerList: e, baseComponentsLinks: t, platform: n, framework: o }) {
-  const r = j`
+  const r = R`
     <a class="link" href="${Sr(n, o)}" id="${n}" target="_blank">
       <span>${Ne() ? "工蜂" : "Github"}</span>
     </a>
   `, i = (c) => location.pathname.includes(c);
-  let a = [j`<div class="divider"></div>`];
+  let a = [R`<div class="divider"></div>`];
   const s = e.map((c) => {
     if (c.type === "base") {
       const p = t.web.links.map(
-        (f) => j`
+        (f) => R`
             <a
               href="${f.path}"
               class="link ${i(f.path) ? "active" : ""}"
@@ -1531,9 +1531,9 @@ function pa({ headerList: e, baseComponentsLinks: t, platform: n, framework: o }
             </a>
           `
       );
-      a.push(j`<div class="title">Web 桌面端组件</div>`), a.push(...p);
+      a.push(R`<div class="title">Web 桌面端组件</div>`), a.push(...p);
       const g = t.mobile.links.map(
-        (f) => j`
+        (f) => R`
             <a
               href="${f.path}"
               class="link ${i(f.path) ? "active" : ""}"
@@ -1544,9 +1544,9 @@ function pa({ headerList: e, baseComponentsLinks: t, platform: n, framework: o }
             </a>
           `
       );
-      return a.push(j`<div class="title">Mobile 移动端组件</div>`), a.push(...g), a.push(j`<div class="divider"></div>`), j``;
+      return a.push(R`<div class="title">Mobile 移动端组件</div>`), a.push(...g), a.push(R`<div class="divider"></div>`), R``;
     }
-    return j`<a class="link ${i(c.path) ? "active" : ""}" href="${c.path}">${c.name}</a>`;
+    return R`<a class="link ${i(c.path) ? "active" : ""}" href="${c.path}">${c.name}</a>`;
   }).concat(r);
   return s.splice(1, 0, ...a), s;
 }
@@ -1563,12 +1563,12 @@ ie({
   platform: "web",
   framework: "vue",
   disabledTheme: !1,
-  render: (e) => j`
+  render: (e) => R`
       <div class="TDesign-collapse-menu">
         <td-doc-popup portalStyle="${fa}" trigger-type="click">
           <div class="collapse-icon" innerHTML="${ga}"></div>
           <div slot="content" class="TDesign-collapse-menu__list">
-            ${pa(e)} ${e.disabledTheme ? j`` : j`<td-theme-tabs></td-theme-tabs>`}
+            ${pa(e)} ${e.disabledTheme ? R`` : R`<td-theme-tabs></td-theme-tabs>`}
           </div>
         </td-doc-popup>
       </div>
@@ -1648,9 +1648,9 @@ const ha = `<svg width="122" height="32" viewBox="0 0 122 32" fill="none" xmlns=
 </svg>
 `, ba = "https://cdc.cdn-go.cn/tdc/latest/menu.json", wa = "https://cdc.cdn-go.cn/tdc/latest/menu.woa.json", Ca = "https://cdc.cdn-go.cn/tdc/latest/images", ya = ".TDesign-header-logo{height:32px;display:inline-flex;align-items:center}.TDesign-header-logo .home{color:var(--text-primary);text-decoration:none}.TDesign-header-logo .home svg{display:block;height:32px}.TDesign-header-logo .divider{width:1px;height:16px;background:var(--component-stroke);margin:0 16px}.TDesign-header-logo__menu{height:32px;cursor:pointer}.TDesign-header-logo__menu svg{border-radius:var(--border-radius);padding:4px;width:32px;height:32px;box-sizing:border-box;transition:all .2s linear;color:var(--text-secondary)}.TDesign-header-logo__menu svg:hover{background-color:var(--bg-color-container-hover)}", xa = ".TDesign-header-logo__content{--menu-list-width: 400px;--list-direction: row;padding:16px;border-radius:6px;width:var(--menu-list-width);box-sizing:border-box}@media screen and (max-width: 750px){.TDesign-header-logo__content{--list-direction: column;--menu-list-width: 212px}}.TDesign-header-logo__content span.title:hover{cursor:auto;color:var(--text-primary);font-family:TencentSansW7}.TDesign-header-logo__content .title{color:var(--text-primary);display:inline-flex;align-items:flex-end;margin:0 16px 8px;line-height:22px;transition:color .2s linear;text-decoration:none;font-family:TencentSansW7}.TDesign-header-logo__content .title:hover{color:var(--brand-main)}.TDesign-header-logo__content .title i{width:16px;height:16px;margin-left:4px;margin-bottom:2px}.TDesign-header-logo__content .list{display:flex;flex-wrap:wrap;flex-direction:var(--list-direction);row-gap:8px;column-gap:8px}.TDesign-header-logo__content .list .item{text-decoration:none;padding:8px;width:180px;border-radius:var(--border-radius);box-sizing:border-box;display:flex;align-items:center;row-gap:8px;column-gap:8px;transition:all .2s linear}.TDesign-header-logo__content .list .item:hover{color:var(--text-primary);background:var(--bg-color-container-hover)}.TDesign-header-logo__content .list .item.active{color:var(--text-primary);background:var(--bg-color-container-select)}.TDesign-header-logo__content .list .item .icon{width:40px;height:40px}.TDesign-header-logo__content .list .item .details{display:flex;justify-content:center;flex-direction:column}.TDesign-header-logo__content .list .item .details .name{color:var(--text-primary);font-family:TencentSansW7}.TDesign-header-logo__content .list .item .details .desc{font-size:12px;line-height:20px;color:var(--text-secondary)}.TDesign-header-logo__content .line{width:100%;height:1px;margin:16px 0;background-color:var(--component-stroke)}", Aa = ze() === "en";
 function Da(e = []) {
-  return j` <div class="list">
+  return R` <div class="list">
     ${e.map(
-    (t) => j` <a class="item" href="${t.url}" target="${t.target}">
+    (t) => R` <a class="item" href="${t.url}" target="${t.target}">
           <img class="icon" src="${Ca}/${t.key}.svg" />
           <div class="details">
             <span class="name">${t.title}</span>
@@ -1663,13 +1663,13 @@ function Da(e = []) {
 function Ta(e) {
   const t = e.length;
   return e.map(
-    (n, o) => j`
-      ${n.category_url ? j`
+    (n, o) => R`
+      ${n.category_url ? R`
             <a href="${n.category_url}" class="title" target="${n.target}">
               ${n.category_title} <i innerHTML="${ma}"></i>
             </a>
-          ` : j` <span class="title"> ${n.category_title} </span> `}
-      ${Da(n.children)} ${o < t - 1 ? j`<div class="line"></div>` : j``}
+          ` : R` <span class="title"> ${n.category_title} </span> `}
+      ${Da(n.children)} ${o < t - 1 ? R`<div class="line"></div>` : R``}
     `
   );
 }
@@ -1693,7 +1693,7 @@ ie({
       });
     }
   },
-  render: ({ menuList: e }) => j`
+  render: ({ menuList: e }) => R`
     <style>
       ${ya}
     </style>
@@ -1728,7 +1728,7 @@ ie({
       return document.addEventListener("scroll", o), () => document.removeEventListener("scroll", o);
     }
   },
-  render: ({ backtopShow: e }) => j`
+  render: ({ backtopShow: e }) => R`
       <div class="TDesign-backtop ${e ? "show" : ""}" onclick="${Ba}">
         <div class="TDesign-backtop__inner" innerHTML=${Pa}></div>
       </div>
@@ -1743,7 +1743,7 @@ ie({
   href: "",
   render: ({ content: e, username: t, src: n, href: o }) => {
     const r = `https://avatars.githubusercontent.com/${t}`, i = `https://github.com/${t}`;
-    return j`
+    return R`
       <div class="TDesign-avatar">
         <td-tooltip trigger-type="hover">
           <a class="avatar" target="_blank" href="${o || i}">
@@ -2251,8 +2251,8 @@ function bt(e, t) {
   if (w === at && 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";
-      x[T] += k[R] * M;
+      var M = [Pe, He].indexOf(T) >= 0 ? 1 : -1, j = [me, He].indexOf(T) >= 0 ? "y" : "x";
+      x[T] += k[j] * M;
     });
   }
   return x;
@@ -2296,14 +2296,14 @@ function gs(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 = tt(B) === _e, M = [me, He].indexOf(k) >= 0, R = M ? "width" : "height", S = bt(t, {
+      var B = y[x], k = Oe(B), T = tt(B) === _e, M = [me, He].indexOf(k) >= 0, j = M ? "width" : "height", S = bt(t, {
         placement: B,
         boundary: g,
         rootBoundary: f,
         altBoundary: w,
         padding: p
       }), z = M ? T ? Pe : be : T ? He : me;
-      D[R] > A[R] && (z = Mt(z));
+      D[j] > A[j] && (z = Mt(z));
       var F = Mt(z), Z = [];
       if (i && Z.push(S[k] <= 0), s && Z.push(S[z] <= 0, S[F] <= 0), Z.every(function(oe) {
         return oe;
@@ -2443,10 +2443,10 @@ function As(e) {
   };
   if (A) {
     if (i) {
-      var T, M = y === "y" ? me : be, R = y === "y" ? He : Pe, S = y === "y" ? "height" : "width", z = A[y], F = z + d[M], Z = z - d[R], U = C ? -O[S] / 2 : 0, G = h === _e ? H[S] : O[S], W = h === _e ? -O[S] : -H[S], K = t.elements.arrow, oe = C && K ? qn(K) : {
+      var T, M = y === "y" ? me : be, j = y === "y" ? He : Pe, S = y === "y" ? "height" : "width", z = A[y], F = z + d[M], Z = z - d[j], U = C ? -O[S] / 2 : 0, G = h === _e ? H[S] : O[S], W = h === _e ? -O[S] : -H[S], K = t.elements.arrow, oe = C && K ? qn(K) : {
         width: 0,
         height: 0
-      }, Y = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : qr(), re = Y[M], V = Y[R], ee = ut(0, H[S], oe[S]), ae = b ? H[S] / 2 - U - ee - re - x.mainAxis : G - ee - re - x.mainAxis, se = b ? -H[S] / 2 + U + ee + V + x.mainAxis : W + ee + V + x.mainAxis, ne = t.elements.arrow && yt(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, pe = z + ae - ce - de, we = z + se - ce, Me = ut(C ? St(F, pe) : F, z, C ? Xe(Z, we) : Z);
+      }, Y = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : qr(), re = Y[M], V = Y[j], ee = ut(0, H[S], oe[S]), ae = b ? H[S] / 2 - U - ee - re - x.mainAxis : G - ee - re - x.mainAxis, se = b ? -H[S] / 2 + U + ee + V + x.mainAxis : W + ee + V + x.mainAxis, ne = t.elements.arrow && yt(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, pe = z + ae - ce - de, we = z + se - ce, Me = ut(C ? St(F, pe) : F, z, C ? Xe(Z, we) : Z);
       A[y] = Me, k[y] = Me - z;
     }
     if (s) {
@@ -2776,7 +2776,7 @@ ie({
   tag: "td-ai-button",
   framework: "",
   demoRequestBody: "",
-  render: ({ framework: e, demoRequestBody: t }) => j`
+  render: ({ framework: e, demoRequestBody: t }) => R`
       <button class="TDesign-ai-button" onclick="${() => Is(e, t)}">
         <span>
           <svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
@@ -2813,14 +2813,14 @@ ie({
 });
 const Gs = ".TDesign-contributors .title{font-weight:700;font-size:20px;line-height:28px;margin:48px 0 16px}.TDesign-contributors__content{display:flex;flex-wrap:wrap}.TDesign-contributors__content td-tooltip{margin-right:8px}.TDesign-contributors__content img{width:40px;height:40px;border-radius:100%}.TDesign-contributors__content .avatar{width:40px;height:40px;display:inline-block}", Us = "https://service-edbzjd6y-1257786608.hk.apigw.tencentcs.com/release/github-contributors/list";
 function Ks(e) {
-  if (!e.length) return j``;
+  if (!e.length) return R``;
   const t = e.filter((n) => typeof n == "object" && n !== null);
-  return j`
+  return R`
     <section class="TDesign-contributors">
       <h3 class="title">Contributors</h3>
       <div class="TDesign-contributors__content">
         ${t.map(
-    (n) => j`
+    (n) => R`
             <td-avatar username="${n == null ? void 0 : n.username}" content="${n == null ? void 0 : n.roleNames} ${n == null ? void 0 : n.username}"></td-avatar>
           `
   )}
@@ -2892,7 +2892,7 @@ ie({
   triggerType: "click",
   render: (e) => {
     const { showTip: t, placement: n } = e;
-    return j`
+    return R`
       <div class="TDesign-tooltip" data-placement="${n}">
         <div onmouseover=${Eo} onmouseout=${Mo} onclick=${Ys}>
           <slot></slot>
@@ -2969,7 +2969,7 @@ ie({
     const { theme: t, blockStyleMap: n } = e;
     n || el(e);
     const o = n ? n[t] : {};
-    return j`
+    return R`
       <div class="TDesign-theme-tabs">
         <div class="TDesign-theme-tabs__block" style=${o || {}}></div>
         <div
@@ -3169,7 +3169,7 @@ ie({
   },
   direction: "row",
   // row column
-  render: ({ direction: e }) => j`
+  render: ({ direction: e }) => R`
       <div class="TDesign-page-doc">
         <slot name="header"></slot>
         <div class="TDesign-body ${e}">
@@ -3217,19 +3217,20 @@ function Qn(e, t, n = 0) {
     const { updateNotice: a } = e, { [i]: s } = a;
     return s ? s.some((c) => t.title.includes(c)) : !1;
   };
-  return t.children ? j`
+  return t.children ? R`
       <div class="TDesign-doc-sidenav-group TDesign-doc-sidenav-group--deep${n}">
         <span class="TDesign-doc-sidenav-group__title">${t.title}</span>
         <div class="TDesign-doc-sidenav-group__children">${Qn(e, t.children, n + 1)}</div>
       </div>
-    ` : j`
+    ` : R`
     <div class="TDesign-doc-sidenav-item">
       <a
         href="${t.path}"
         class="TDesign-doc-sidenav-link ${o ? "active" : ""}"
         onclick=${(i, a) => dl(i, a, t.path)}
       >
-        ${t.title} ${r() ? j`<span class="TDesign-doc-sidenav-link__tag">Update</span>` : null}
+        ${t.title}
+        ${r() ? R`<span class="TDesign-doc-sidenav-link__tag">Update</span>` : t.customTag ? R`<span class="TDesign-doc-sidenav-link__tag">${t.customTag}</span>` : null}
       </a>
     </div>
   `;
@@ -3304,13 +3305,13 @@ ie({
   collapse: !1,
   render: (e) => {
     const { routerList: t, title: n, collapse: o } = e;
-    return j`
+    return R`
       <aside class="TDesign-doc-aside">
         <div class="TDesign-doc-aside-collapse" onclick="${Ro}">
           <i class="icon" innerHTML="${o ? al : il}"></i>
         </div>
         <div class="TDesign-doc-sidenav">
-          ${n && j`<h2 class="TDesign-doc-aside__title">${n}</h2>`}
+          ${n && R`<h2 class="TDesign-doc-aside__title">${n}</h2>`}
           <slot class="TDesign-doc-aside__extra" name="extra"></slot>
           ${Qn(e, t)}
         </div>
@@ -3873,7 +3874,7 @@ const fl = ".TDesign-doc-search{position:relative;width:200px;height:32px;box-si
             td: O,
             th: O,
             "*": w.createElement("div")
-          }, x = /complete|loaded|interactive/, B = /^[\w-]*$/, k = {}, T = k.toString, M = {}, R, S, z = w.createElement("div"), F = {
+          }, x = /complete|loaded|interactive/, B = /^[\w-]*$/, k = {}, T = k.toString, M = {}, j, S, z = w.createElement("div"), F = {
             tabindex: "tabIndex",
             readonly: "readOnly",
             for: "htmlFor",
@@ -3926,7 +3927,7 @@ const fl = ".TDesign-doc-search{position:relative;width:200px;height:32px;box-si
           function ee(m) {
             return m.length > 0 ? a.fn.concat.apply([], m) : m;
           }
-          R = function(m) {
+          j = function(m) {
             return m.replace(/-+(.)?/g, function(E, Q) {
               return Q ? Q.toUpperCase() : "";
             });
@@ -4051,7 +4052,7 @@ const fl = ".TDesign-doc-search{position:relative;width:200px;height:32px;box-si
             return m != null && Q != "boolean" && (Q != "string" || m.length) && !isNaN(E) && isFinite(E) || !1;
           }, a.inArray = function(m, E, Q) {
             return c.indexOf.call(E, m, Q);
-          }, a.camelCase = R, a.trim = function(m) {
+          }, a.camelCase = j, a.trim = function(m) {
             return m == null ? "" : String.prototype.trim.call(m);
           }, a.uuid = 0, a.support = {}, a.expr = {}, a.noop = function() {
           }, a.map = function(m, E) {
@@ -4386,12 +4387,12 @@ const fl = ".TDesign-doc-search{position:relative;width:200px;height:32px;box-si
               if (arguments.length < 2) {
                 var Q = this[0];
                 if (typeof m == "string")
-                  return Q ? Q.style[R(m)] || getComputedStyle(Q, "").getPropertyValue(m) : void 0;
+                  return Q ? Q.style[j(m)] || getComputedStyle(Q, "").getPropertyValue(m) : void 0;
                 if (Z(m)) {
                   if (!Q) return;
                   var N = {}, _ = getComputedStyle(Q, "");
                   return a.each(m, function(fe, L) {
-                    N[L] = Q.style[R(L)] || _.getPropertyValue(L);
+                    N[L] = Q.style[j(L)] || _.getPropertyValue(L);
                   }), N;
                 }
               }
@@ -4548,10 +4549,10 @@ const fl = ".TDesign-doc-search{position:relative;width:200px;height:32px;box-si
           function l(T) {
             return T._zid || (T._zid = i++);
           }
-          function d(T, M, R, S) {
+          function d(T, M, j, S) {
             if (M = v(M), M.ns) var z = h(M.ns);
             return (g[l(T)] || []).filter(function(F) {
-              return F && (!M.e || F.e == M.e) && (!M.ns || z.test(F.ns)) && (!R || l(F.fn) === l(R)) && (!S || F.sel == S);
+              return F && (!M.e || F.e == M.e) && (!M.ns || z.test(F.ns)) && (!j || l(F.fn) === l(j)) && (!S || F.sel == S);
             });
           }
           function v(T) {
@@ -4567,17 +4568,17 @@ const fl = ".TDesign-doc-search{position:relative;width:200px;height:32px;box-si
           function y(T) {
             return u[T] || w && C[T] || T;
           }
-          function D(T, M, R, S, z, F, Z) {
+          function D(T, M, j, S, z, F, Z) {
             var U = l(T), G = g[U] || (g[U] = []);
             M.split(/\s/).forEach(function(W) {
-              if (W == "ready") return r(document).ready(R);
+              if (W == "ready") return r(document).ready(j);
               var K = v(W);
-              K.fn = R, K.sel = z, K.e in u && (R = function(Y) {
+              K.fn = j, K.sel = z, K.e in u && (j = function(Y) {
                 var re = Y.relatedTarget;
                 if (!re || re !== this && !r.contains(this, re))
                   return K.fn.apply(this, arguments);
               }), K.del = F;
-              var oe = F || R;
+              var oe = F || j;
               K.proxy = function(Y) {
                 if (Y = B(Y), !Y.isImmediatePropagationStopped()) {
                   try {
@@ -4601,10 +4602,10 @@ const fl = ".TDesign-doc-search{position:relative;width:200px;height:32px;box-si
               );
             });
           }
-          function A(T, M, R, S, z) {
+          function A(T, M, j, S, z) {
             var F = l(T);
             (M || "").split(/\s/).forEach(function(Z) {
-              d(T, Z, R, S).forEach(function(U) {
+              d(T, Z, j, S).forEach(function(U) {
                 delete g[F][U.i], "removeEventListener" in T && T.removeEventListener(
                   y(U.e),
                   U.proxy,
@@ -4614,26 +4615,26 @@ const fl = ".TDesign-doc-search{position:relative;width:200px;height:32px;box-si
             });
           }
           r.event = { add: D, remove: A }, r.proxy = function(T, M) {
-            var R = 2 in arguments && s.call(arguments, 2);
+            var j = 2 in arguments && s.call(arguments, 2);
             if (c(T)) {
               var S = function() {
                 return T.apply(
                   M,
-                  R ? R.concat(s.call(arguments)) : arguments
+                  j ? j.concat(s.call(arguments)) : arguments
                 );
               };
               return S._zid = l(T), S;
             } else {
               if (p(M))
-                return R ? (R.unshift(T[M], T), r.proxy.apply(null, R)) : r.proxy(T[M], T);
+                return j ? (j.unshift(T[M], T), r.proxy.apply(null, j)) : r.proxy(T[M], T);
               throw new TypeError("expected function");
             }
-          }, r.fn.bind = function(T, M, R) {
-            return this.on(T, M, R);
+          }, r.fn.bind = function(T, M, j) {
+            return this.on(T, M, j);
           }, r.fn.unbind = function(T, M) {
             return this.off(T, M);
-          }, r.fn.one = function(T, M, R, S) {
-            return this.on(T, M, R, S, 1);
+          }, r.fn.one = function(T, M, j, S) {
+            return this.on(T, M, j, S, 1);
           };
           var H = function() {
             return !0;
@@ -4645,32 +4646,32 @@ const fl = ".TDesign-doc-search{position:relative;width:200px;height:32px;box-si
             stopPropagation: "isPropagationStopped"
           };
           function B(T, M) {
-            return (M || !T.isDefaultPrevented) && (M || (M = T), r.each(x, function(R, S) {
-              var z = M[R];
-              T[R] = function() {
+            return (M || !T.isDefaultPrevented) && (M || (M = T), r.each(x, function(j, S) {
+              var z = M[j];
+              T[j] = function() {
                 return this[S] = H, z && z.apply(M, arguments);
               }, T[S] = O;
             }), T.timeStamp || (T.timeStamp = Date.now()), (M.defaultPrevented !== a ? M.defaultPrevented : "returnValue" in M ? M.returnValue === !1 : M.getPreventDefault && M.getPreventDefault()) && (T.isDefaultPrevented = H)), T;
           }
           function k(T) {
-            var M, R = { originalEvent: T };
+            var M, j = { originalEvent: T };
             for (M in T)
-              !P.test(M) && T[M] !== a && (R[M] = T[M]);
-            return B(R, T);
+              !P.test(M) && T[M] !== a && (j[M] = T[M]);
+            return B(j, T);
           }
-          r.fn.delegate = function(T, M, R) {
-            return this.on(M, T, R);
-          }, r.fn.undelegate = function(T, M, R) {
-            return this.off(M, T, R);
+          r.fn.delegate = function(T, M, j) {
+            return this.on(M, T, j);
+          }, r.fn.undelegate = function(T, M, j) {
+            return this.off(M, T, j);
           }, r.fn.live = function(T, M) {
             return r(document.body).delegate(this.selector, T, M), this;
           }, r.fn.die = function(T, M) {
             return r(document.body).undelegate(this.selector, T, M), this;
-          }, r.fn.on = function(T, M, R, S, z) {
+          }, r.fn.on = function(T, M, j, S, z) {
             var F, Z, U = this;
             return T && !p(T) ? (r.each(T, function(G, W) {
-              U.on(G, M, R, W, z);
-            }), U) : (!p(M) && !c(S) && S !== !1 && (S = R, R = M, M = a), (S === a || R === !1) && (S = R, R = a), S === !1 && (S = O), U.each(function(G, W) {
+              U.on(G, M, j, W, z);
+            }), U) : (!p(M) && !c(S) && S !== !1 && (S = j, j = M, M = a), (S === a || j === !1) && (S = j, j = a), S === !1 && (S = O), U.each(function(G, W) {
               z && (F = function(K) {
                 return A(W, K.type, S), S.apply(this, arguments);
               }), M && (Z = function(K) {
@@ -4687,29 +4688,29 @@ const fl = ".TDesign-doc-search{position:relative;width:200px;height:32px;box-si
                 W,
                 T,
                 S,
-                R,
+                j,
                 M,
                 Z || F
               );
             }));
-          }, r.fn.off = function(T, M, R) {
+          }, r.fn.off = function(T, M, j) {
             var S = this;
             return T && !p(T) ? (r.each(T, function(z, F) {
               S.off(z, M, F);
-            }), S) : (!p(M) && !c(R) && R !== !1 && (R = M, M = a), R === !1 && (R = O), S.each(function() {
-              A(this, T, R, M);
+            }), S) : (!p(M) && !c(j) && j !== !1 && (j = M, M = a), j === !1 && (j = O), S.each(function() {
+              A(this, T, j, M);
             }));
           }, r.fn.trigger = function(T, M) {
             return T = p(T) || r.isPlainObject(T) ? r.Event(T) : B(T), T._args = M, this.each(function() {
               T.type in C && typeof this[T.type] == "function" ? this[T.type]() : "dispatchEvent" in this ? this.dispatchEvent(T) : r(this).triggerHandler(T, M);
             });
           }, r.fn.triggerHandler = function(T, M) {
-            var R, S;
+            var j, S;
             return this.each(function(z, F) {
-              R = k(p(T) ? r.Event(T) : T), R._args = M, R.target = F, r.each(
+              j = k(p(T) ? r.Event(T) : T), j._args = M, j.target = F, r.each(
                 d(F, T.type || T),
                 function(Z, U) {
-                  if (S = U.proxy(R), R.isImmediatePropagationStopped()) return !1;
+                  if (S = U.proxy(j), j.isImmediatePropagationStopped()) return !1;
                 }
               );
             }), S;
@@ -4719,11 +4720,11 @@ const fl = ".TDesign-doc-search{position:relative;width:200px;height:32px;box-si
             };
           }), r.Event = function(T, M) {
             p(T) || (M = T, T = M.type);
-            var R = document.createEvent(f[T] || "Events"), S = !0;
+            var j = document.createEvent(f[T] || "Events"), S = !0;
             if (M)
               for (var z in M)
-                z == "bubbles" ? S = !!M[z] : R[z] = M[z];
-            return R.initEvent(T, S, !0), B(R);
+                z == "bubbles" ? S = !!M[z] : j[z] = M[z];
+            return j.initEvent(T, S, !0), B(j);
           };
         }(o), function(r) {
           var i = [], a;
@@ -4894,12 +4895,12 @@ const fl = ".TDesign-doc-search{position:relative;width:200px;height:32px;box-si
   [ autocompleteOptions.{hint,debug} ]
 })`, A = function() {
         function H(O) {
-          var P = O.apiKey, x = O.indexName, B = O.inputSelector, k = O.appId, T = k === void 0 ? "BH4D9OD16A" : k, M = O.debug, R = M === void 0 ? !1 : M, S = O.algoliaOptions, z = S === void 0 ? {} : S, F = O.queryDataCallback, Z = F === void 0 ? null : F, U = O.autocompleteOptions, G = U === void 0 ? { debug: !1, hint: !1, autoselect: !0 } : U, W = O.transformData, K = W === void 0 ? !1 : W, oe = O.queryHook, Y = oe === void 0 ? !1 : oe, re = O.handleSelected, V = re === void 0 ? !1 : re, ee = O.enhancedSearchInput, ae = ee === void 0 ? !1 : ee, se = O.layout, ne = se === void 0 ? "collumns" : se;
+          var P = O.apiKey, x = O.indexName, B = O.inputSelector, k = O.appId, T = k === void 0 ? "BH4D9OD16A" : k, M = O.debug, j = M === void 0 ? !1 : M, S = O.algoliaOptions, z = S === void 0 ? {} : S, F = O.queryDataCallback, Z = F === void 0 ? null : F, U = O.autocompleteOptions, G = U === void 0 ? { debug: !1, hint: !1, autoselect: !0 } : U, W = O.transformData, K = W === void 0 ? !1 : W, oe = O.queryHook, Y = oe === void 0 ? !1 : oe, re = O.handleSelected, V = re === void 0 ? !1 : re, ee = O.enhancedSearchInput, ae = ee === void 0 ? !1 : ee, se = O.layout, ne = se === void 0 ? "collumns" : se;
           y(this, H), H.checkArguments({
             apiKey: P,
             indexName: x,
             inputSelector: B,
-            debug: R,
+            debug: j,
             algoliaOptions: z,
             queryDataCallback: Z,
             autocompleteOptions: G,
@@ -4910,7 +4911,7 @@ const fl = ".TDesign-doc-search{position:relative;width:200px;height:32px;box-si
             layout: ne
           }), this.apiKey = P, this.appId = T, this.indexName = x, this.input = H.getInputFromSelector(B), this.algoliaOptions = o({ hitsPerPage: 5 }, z), this.queryDataCallback = Z || null;
           var de = G && G.debug ? G.debug : !1;
-          G.debug = R || de, this.autocompleteOptions = G, this.autocompleteOptions.cssClasses = this.autocompleteOptions.cssClasses || {}, this.autocompleteOptions.cssClasses.prefix = this.autocompleteOptions.cssClasses.prefix || "ds";
+          G.debug = j || de, this.autocompleteOptions = G, this.autocompleteOptions.cssClasses = this.autocompleteOptions.cssClasses || {}, this.autocompleteOptions.cssClasses.prefix = this.autocompleteOptions.cssClasses.prefix || "ds";
           var ce = this.input && typeof this.input.attr == "function" && this.input.attr("aria-label");
           this.autocompleteOptions.ariaLabel = this.autocompleteOptions.ariaLabel || ce || "search input", this.isSimpleLayout = ne === "simple", this.client = (0, c.default)(this.appId, this.apiKey), this.client.addAlgoliaAgent("docsearch.js " + d.default), ae && (this.input = H.injectSearchBox(this.input)), this.autocomplete = (0, g.default)(
             this.input,
@@ -4959,8 +4960,8 @@ const fl = ".TDesign-doc-search{position:relative;width:200px;height:32px;box-si
                     }
                   ]).then(function(M) {
                     B.queryDataCallback && typeof B.queryDataCallback == "function" && B.queryDataCallback(M);
-                    var R = M.results[0].hits;
-                    P && (R = P(R) || R), T(H.formatHits(R));
+                    var j = M.results[0].hits;
+                    P && (j = P(j) || j), T(H.formatHits(j));
                   });
                 };
               }
@@ -5044,11 +5045,11 @@ const fl = ".TDesign-doc-search{position:relative;width:200px;height:32px;box-si
                   )), u.default.mergeKeyWithParent(T, "hierarchy");
                 }), k = u.default.groupBy(B, "lvl0");
                 return h.default.each(k, function(T, M) {
-                  var R = u.default.groupBy(
+                  var j = u.default.groupBy(
                     M,
                     "lvl1"
                   ), S = u.default.flattenAndFlagFirst(
-                    R,
+                    j,
                     "isSubCategoryHeader"
                   );
                   k[T] = S;
@@ -5056,10 +5057,10 @@ const fl = ".TDesign-doc-search{position:relative;width:200px;height:32px;box-si
                   k,
                   "isCategoryHeader"
                 ), k.map(function(T) {
-                  var M = H.formatURL(T), R = u.default.getHighlightedValue(
+                  var M = H.formatURL(T), j = u.default.getHighlightedValue(
                     T,
                     "lvl0"
-                  ), S = u.default.getHighlightedValue(T, "lvl1") || R, z = u.default.compact([
+                  ), S = u.default.getHighlightedValue(T, "lvl1") || j, z = u.default.compact([
                     u.default.getHighlightedValue(T, "lvl2") || S,
                     u.default.getHighlightedValue(T, "lvl3"),
                     u.default.getHighlightedValue(T, "lvl4"),
@@ -5067,7 +5068,7 @@ const fl = ".TDesign-doc-search{position:relative;width:200px;height:32px;box-si
                     u.default.getHighlightedValue(T, "lvl6")
                   ]).join(
                     '<span class="aa-suggestion-title-separator" aria-hidden="true"> › </span>'
-                  ), F = u.default.getSnippetedValue(T, "content"), Z = S && S !== "" || z && z !== "", U = !S || S === "" || S === R, G = z && z !== "" && z !== S, W = !G && S && S !== "" && S !== R, K = !W && !G;
+                  ), F = u.default.getSnippetedValue(T, "content"), Z = S && S !== "" || z && z !== "", U = !S || S === "" || S === j, G = z && z !== "" && z !== S, W = !G && S && S !== "" && S !== j, K = !W && !G;
                   return {
                     isLvl0: K,
                     isLvl1: W,
@@ -5076,7 +5077,7 @@ const fl = ".TDesign-doc-search{position:relative;width:200px;height:32px;box-si
                     isCategoryHeader: T.isCategoryHeader,
                     isSubCategoryHeader: T.isSubCategoryHeader,
                     isTextOrSubcategoryNonEmpty: Z,
-                    category: R,
+                    category: j,
                     subcategory: S,
                     title: z,
                     text: F,
@@ -5139,7 +5140,7 @@ const fl = ".TDesign-doc-search{position:relative;width:200px;height:32px;box-si
           "&": 11,
           _t: 12
         }, o.scan = function(B, k) {
-          var T = B.length, M = 0, R = 1, S = 2, z = M, F = null, Z = null, U = "", G = [], W = !1, K = 0, oe = 0, Y = "{{", re = "}}";
+          var T = B.length, M = 0, j = 1, S = 2, z = M, F = null, Z = null, U = "", G = [], W = !1, K = 0, oe = 0, Y = "{{", re = "}}";
           function V() {
             U.length > 0 && (G.push({ tag: "_t", text: new String(U) }), U = "");
           }
@@ -5164,8 +5165,8 @@ const fl = ".TDesign-doc-search{position:relative;width:200px;height:32px;box-si
             return Y = we[0], re = we[we.length - 1], pe + ce.length - 1;
           }
           for (k && (k = k.split(" "), Y = k[0], re = k[1]), K = 0; K < T; K++)
-            z == M ? C(Y, B, K) ? (--K, V(), z = R) : B.charAt(K) == `
-` ? ae(W) : U += B.charAt(K) : z == R ? (K += Y.length - 1, Z = o.tags[B.charAt(K + 1)], F = Z ? B.charAt(K + 1) : "_v", F == "=" ? (K = se(B, K), z = M) : (Z && K++, z = S), W = K) : C(re, B, K) ? (G.push({
+            z == M ? C(Y, B, K) ? (--K, V(), z = j) : B.charAt(K) == `
+` ? ae(W) : U += B.charAt(K) : z == j ? (K += Y.length - 1, Z = o.tags[B.charAt(K + 1)], F = Z ? B.charAt(K + 1) : "_v", F == "=" ? (K = se(B, K), z = M) : (Z && K++, z = S), W = K) : C(re, B, K) ? (G.push({
               tag: F,
               n: w(U),
               otag: Y,
@@ -5190,7 +5191,7 @@ const fl = ".TDesign-doc-search{position:relative;width:200px;height:32px;box-si
         }
         var u = { _t: !0, "\n": !0, $: !0, "/": !0 };
         function l(x, B, k, T) {
-          var M = [], R = null, S = null, z = null;
+          var M = [], j = null, S = null, z = null;
           for (S = k[k.length - 1]; x.length > 0; ) {
             if (z = x.shift(), S && S.tag == "<" && !(z.tag in u))
               throw new Error("Illegal content in < super tag.");
@@ -5199,11 +5200,11 @@ const fl = ".TDesign-doc-search{position:relative;width:200px;height:32px;box-si
             else if (z.tag == "/") {
               if (k.length === 0)
                 throw new Error("Closing tag without opener: /" + z.n);
-              if (R = k.pop(), z.n != R.n && !v(z.n, R.n, T))
+              if (j = k.pop(), z.n != j.n && !v(z.n, j.n, T))
                 throw new Error(
-                  "Nesting error: " + R.n + " vs. " + z.n
+                  "Nesting error: " + j.n + " vs. " + z.n
                 );
-              return R.end = z.i, M;
+              return j.end = z.i, M;
             } else z.tag == `
 ` && (z.last = x.length == 0 || x[0].tag == `
 `);
@@ -5345,8 +5346,8 @@ const fl = ".TDesign-doc-search{position:relative;width:200px;height:32px;box-si
           var k = o.cacheKey(x, B), T = this.cache[k];
           if (T) {
             var M = T.partials;
-            for (var R in M)
-              delete M[R].instance;
+            for (var j in M)
+              delete M[j].instance;
             return T;
           }
           return T = this.generate(
@@ -5701,7 +5702,7 @@ const fl = ".TDesign-doc-search{position:relative;width:200px;height:32px;box-si
             return JSON.parse(S.responseText);
           });
         }
-        var R = x(y._request, {
+        var j = x(y._request, {
           url: u.url,
           method: u.method,
           body: d,
@@ -5709,7 +5710,7 @@ const fl = ".TDesign-doc-search{position:relative;width:200px;height:32px;box-si
           timeouts: y._getTimeoutsForRequest(u.hostType),
           forceAuthHeaders: u.forceAuthHeaders
         });
-        return y._useCache && y._useRequestCache && b && (b[v] = R), k(R, function(S) {
+        return y._useCache && y._useRequestCache && b && (b[v] = j), k(j, function(S) {
           return S.body;
         });
       }, p.prototype._getSearchParams = function(u, l) {
@@ -6333,7 +6334,7 @@ const fl = ".TDesign-doc-search{position:relative;width:200px;height:32px;box-si
             }
             v = g(v, h.headers);
             var A = h.body, H = u.cors ? new XMLHttpRequest() : new XDomainRequest(), O, P, x = !1;
-            O = setTimeout(T, h.timeouts.connect), H.onprogress = R, "onreadystatechange" in H && (H.onreadystatechange = S), H.onload = B, H.onerror = k, H instanceof XMLHttpRequest ? (H.open(h.method, v, !0), h.forceAuthHeaders && (H.setRequestHeader(
+            O = setTimeout(T, h.timeouts.connect), H.onprogress = j, "onreadystatechange" in H && (H.onreadystatechange = S), H.onload = B, H.onerror = k, H instanceof XMLHttpRequest ? (H.open(h.method, v, !0), h.forceAuthHeaders && (H.setRequestHeader(
               "x-algolia-application-id",
               h.headers["x-algolia-application-id"]
             ), H.setRequestHeader(
@@ -6369,7 +6370,7 @@ const fl = ".TDesign-doc-search{position:relative;width:200px;height:32px;box-si
             function M() {
               x = !0, clearTimeout(O), O = setTimeout(T, h.timeouts.complete);
             }
-            function R() {
+            function j() {
               x || M();
             }
             function S() {
@@ -6484,7 +6485,7 @@ const fl = ".TDesign-doc-search{position:relative;width:200px;height:32px;box-si
           h ? k = y() : v ? k = A() : b ? k = H() : l === void 0 ? k = B() : k = O();
           function T(L, I) {
             var X = this, J = new this.constructor(S);
-            J[R] === void 0 && ye(J);
+            J[j] === void 0 && ye(J);
             var $ = X._state;
             if ($) {
               var te = arguments[$ - 1];
@@ -6502,7 +6503,7 @@ const fl = ".TDesign-doc-search{position:relative;width:200px;height:32px;box-si
             var X = new I(S);
             return ee(X, L), X;
           }
-          var R = Math.random().toString(36).substring(2);
+          var j = Math.random().toString(36).substring(2);
           function S() {
           }
           var z = void 0, F = 1, Z = 2, U = { error: null };
@@ -6620,14 +6621,14 @@ const fl = ".TDesign-doc-search{position:relative;width:200px;height:32px;box-si
             return he++;
           }
           function ye(L) {
-            L[R] = he++, L._state = void 0, L._result = void 0, L._subscribers = [];
+            L[j] = he++, L._state = void 0, L._result = void 0, L._subscribers = [];
           }
           function xe() {
             return new Error("Array Methods must be provided an Array");
           }
           var ke = function() {
             function L(I, X) {
-              this._instanceConstructor = I, this.promise = new I(S), this.promise[R] || ye(this.promise), c(X) ? (this.length = X.length, this._remaining = X.length, this._result = new Array(this.length), this.length === 0 ? se(this.promise, this._result) : (this.length = this.length || 0, this._enumerate(X), this._remaining === 0 && se(this.promise, this._result))) : ne(this.promise, xe());
+              this._instanceConstructor = I, this.promise = new I(S), this.promise[j] || ye(this.promise), c(X) ? (this.length = X.length, this._remaining = X.length, this._result = new Array(this.length), this.length === 0 ? se(this.promise, this._result) : (this.length = this.length || 0, this._enumerate(X), this._remaining === 0 && se(this.promise, this._result))) : ne(this.promise, xe());
             }
             return L.prototype._enumerate = function(X) {
               for (var J = 0; this._state === z && J < X.length; J++)
@@ -6697,7 +6698,7 @@ const fl = ".TDesign-doc-search{position:relative;width:200px;height:32px;box-si
           }
           var q = function() {
             function L(I) {
-              this[R] = Ie(), this._result = this._state = void 0, this._subscribers = [], S !== I && (typeof I != "function" && N(), this instanceof L ? Me(this, I) : _());
+              this[j] = Ie(), this._result = this._state = void 0, this._subscribers = [], S !== I && (typeof I != "function" && N(), this instanceof L ? Me(this, I) : _());
             }
             return L.prototype.catch = function(X) {
               return this.then(null, X);
@@ -7698,7 +7699,7 @@ const fl = ".TDesign-doc-search{position:relative;width:200px;height:32px;box-si
             return x = s.element(T).css(
               this.css.suggestions
             ), B = a.map(v, M), x.append.apply(x, B), x;
-            function M(R) {
+            function M(j) {
               var S, z = c.suggestion.replace("%PREFIX%", k.cssClasses.prefix).replace("%SUGGESTION%", k.cssClasses.suggestion);
               return S = s.element(z).attr({
                 role: "option",
@@ -7706,9 +7707,9 @@ const fl = ".TDesign-doc-search{position:relative;width:200px;height:32px;box-si
               }).append(
                 h.templates.suggestion.apply(
                   this,
-                  [R].concat(P)
+                  [j].concat(P)
                 )
-              ), S.data(o, h.name), S.data(r, h.displayFn(R) || void 0), S.data(i, JSON.stringify(R)), S.children().each(function() {
+              ), S.data(o, h.name), S.data(r, h.displayFn(j) || void 0), S.data(i, JSON.stringify(j)), S.children().each(function() {
                 s.element(this).css(k.css.suggestionChild);
               }), S;
             }
@@ -8103,7 +8104,7 @@ ie({
       vl(t);
     }
   },
-  render: () => j`
+  render: () => R`
     <div>
       <slot></slot>
     </div>
@@ -8215,7 +8216,7 @@ ie({
     const t = () => {
       e.visible = !1;
     };
-    return j`
+    return R`
       <div class="${e.visible ? "visible" : "hidden"}">
         <div class="${We}__overlay" onclick="${t}"></div>
         <div class="${We}__drawer">
@@ -8321,7 +8322,7 @@ ie({
       };
     }
   },
-  render: (e) => j`
+  render: (e) => R`
       <style>
         ${Hl}
       </style>
@@ -8462,8 +8463,8 @@ ie({
         p.visible = !0;
       });
     };
-    return j`
-      ${a ? j` <iframe id="__iframe__" class="TDesign-doc-header__thumb" onload="${Ml}"></iframe>` : j``}
+    return R`
+      ${a ? R` <iframe id="__iframe__" class="TDesign-doc-header__thumb" onload="${Ml}"></iframe>` : R``}
       <div class="TDesign-doc-header" style="${i}">
         <div class="TDesign-doc-header__inner">
           <div class="TDesign-doc-header__badge">
@@ -8471,15 +8472,15 @@ ie({
           </div>
           <div class="TDesign-doc-header__content">
             <div class="TDesign-doc-header__info">
-              ${n ? j`
+              ${n ? R`
                     <div>
                       <h1 class="TDesign-doc-header__info-title">${n.title}</h1>
-                      ${t && s && (In() || Rr()) ? j`
+                      ${t && s && (In() || Rr()) ? R`
                             <button id="TDesign-doc-changelog__entry" onclick="${c}">
                               <i innerHTML="${_r}"></i>
                               <span>${El.changelog.title}</span>
                             </button>
-                          ` : j``}
+                          ` : R``}
                     </div>
                     <div class="TDesign-doc-header__info-describe">
                       <td-doc-popup placement="top-end" equal-width="true">
@@ -8487,13 +8488,13 @@ ie({
                         <div slot="content" innerHTML="${n.desc}"></div>
                       </td-doc-popup>
                     </div>
-                  ` : j``}
+                  ` : R``}
             </div>
           </div>
         </div>
       </div>
       <div class="TDesign-doc-header__background"></div>
-      ${r ? j`<td-doc-issue />` : j``}
+      ${r ? R`<td-doc-issue />` : R``}
     `.css`${Ol}`;
   }
 });
@@ -8542,7 +8543,7 @@ function jl(e) {
     componentName: o,
     ...Rl()
   };
-  return o ? j`
+  return o ? R`
     <section id="issue" class="TDesign-component-issue">
       <a onclick="${(i, a) => Wt(a, r, "new")}" class="item">
         <i innerHTML=${zl}></i>
@@ -8557,7 +8558,7 @@ function jl(e) {
         <span>${(r == null ? void 0 : r.closedNum) || ""} Closed</span>
       </a>
     </section>
-  ` : j``;
+  ` : R``;
 }
 const Sl = (e, t = "open", n) => `https://api.github.com/search/issues?q=is:issue+is:${t}+${e}+repo:Tencent/${n}`;
 function No(e, t, n = "open", o) {
@@ -8590,7 +8591,7 @@ ie({
       n && No(e, n, "closed", t);
     }
   },
-  render: (e) => j`${jl(e)}`.css`${kl}`
+  render: (e) => R`${jl(e)}`.css`${kl}`
 });
 const Il = () => {
   const t = ze() === "en";
@@ -8828,7 +8829,7 @@ ie({
     const t = { ...e.mobileBodyStyle }, { displayQrCode: n } = e, o = (r) => {
       e.displayQrCode = nc[r];
     };
-    return j`
+    return R`
       <div class="TDesign-doc-footer" style="${t}">
         <div class="TDesign-doc-footer__inner">
           <div class="TDesign-doc-footer__content">
@@ -8879,11 +8880,11 @@ ie({
             </div>
 
             ${ec.map(
-      (r) => j`
+      (r) => R`
                 <div class="TDesign-doc-footer__content-block">
                   <p class="title">${r.title}</p>
                   ${r.links.map(
-        (i) => j`
+        (i) => R`
                       <a class="link" href="${i.url}" target="${i.target}">
                         <span>${i.name}</span>
                       </a>
@@ -8965,7 +8966,7 @@ ie({
   },
   render: (e) => {
     const { placement: t } = e;
-    return j`
+    return R`
       <div
         class="TDesign-doc-popup"
         data-placement="${t}"
@@ -8993,7 +8994,7 @@ ie({
     let r = o;
     r || (r = ic(n));
     const i = encodeURI(`https://img.shields.io/badge/${t}-${n}-${r}`);
-    return j` <img class="TDesign-doc-badge" src="${i}" /> `.css`${rc}`;
+    return R` <img class="TDesign-doc-badge" src="${i}" /> `.css`${rc}`;
   }
 });
 var Ze = {}, $t, qo;
@@ -10279,8 +10280,8 @@ function Ac() {
       for (T === 6 && T--; ; ) {
         for (let M = 0; M < 2; M++)
           if (!A.isReserved(x, T - M)) {
-            let R = !1;
-            k < H.length && (R = (H[k] >>> B & 1) === 1), A.set(x, T - M, R), B--, B === -1 && (k++, B = 7);
+            let j = !1;
+            k < H.length && (j = (H[k] >>> B & 1) === 1), A.set(x, T - M, j), B--, B === -1 && (k++, B = 7);
           }
         if (x += P, x < 0 || O <= x) {
           x -= P, P = -P;
@@ -10302,7 +10303,7 @@ function Ac() {
     return y(P, A, H);
   }
   function y(A, H, O) {
-    const P = e.getSymbolTotalCodewords(H), x = s.getTotalCodewordsCount(H, O), B = P - x, k = s.getBlocksCount(H, O), T = P % k, M = k - T, R = Math.floor(P / k), S = Math.floor(B / k), z = S + 1, F = R - S, Z = new c(F);
+    const P = e.getSymbolTotalCodewords(H), x = s.getTotalCodewordsCount(H, O), B = P - x, k = s.getBlocksCount(H, O), T = P % k, M = k - T, j = Math.floor(P / k), S = Math.floor(B / k), z = S + 1, F = j - S, Z = new c(F);
     let U = 0;
     const G = new Array(k), W = new Array(k);
     let K = 0;
@@ -10326,12 +10327,12 @@ function Ac() {
     if (Array.isArray(A))
       x = w.fromArray(A);
     else if (typeof A == "string") {
-      let R = H;
-      if (!R) {
+      let j = H;
+      if (!j) {
         const S = w.rawSplit(A);
-        R = p.getBestVersionForData(S, O);
+        j = p.getBestVersionForData(S, O);
       }
-      x = w.fromString(A, R || 40);
+      x = w.fromString(A, j || 40);
     } else
       throw new Error("Invalid data");
     const B = p.getBestVersionForData(x, O);
@@ -10590,10 +10591,10 @@ ie({
       };
     }
   },
-  render: ({ fixedStyle: e, headless: t, href: n }) => j`
+  render: ({ fixedStyle: e, headless: t, href: n }) => R`
       <div class="TDesign-doc-phone-mask" onclick="${An}"></div>
       <div class="TDesign-doc-phone" style=${e}>
-        ${t ? j`` : j`
+        ${t ? R`` : R`
               <div class="TDesign-doc-phone__header">
                 <div class="TDesign-doc-phone__header-icons">
                   <td-doc-popup placement="left-start">
@@ -10604,7 +10605,7 @@ ie({
                       </slot>
                     </div>
                   </td-doc-popup>
-                  ${n && j`<a href="${n}" target="_blank"><span class="icon" innerHTML="${Mc}"></span></a>`}
+                  ${n && R`<a href="${n}" target="_blank"><span class="icon" innerHTML="${Mc}"></span></a>`}
                 </div>
               </div>
             `}
@@ -10684,18 +10685,18 @@ ie({
   },
   render: (e) => {
     const { tab: t, tabs: n, blockStyleMap: o } = e, r = o ? o[t] : {};
-    return n.length ? j`
+    return n.length ? R`
       <div class="TDesign-doc-tabs">
         <span class="TDesign-doc-tabs__block" style="${r}"></span>
         ${n.map(
-      (i) => j`
+      (i) => R`
             <div data-tab=${i.tab} onclick="${Qc}" class="item ${i.tab === t ? "active" : ""}">
               ${i.name}
             </div>
           `
     )}
       </div>
-    `.css`${kc}` : j``;
+    `.css`${kc}` : R``;
   }
 });
 var Dn = { exports: {} }, wr;
@@ -11323,7 +11324,7 @@ function zc() {
             for (var x = 0; x < P.length; ++x) {
               if (H && H.cause == O + "," + x)
                 return;
-              var B = P[x], k = B.inside, T = !!B.lookbehind, M = !!B.greedy, R = B.alias;
+              var B = P[x], k = B.inside, T = !!B.lookbehind, M = !!B.greedy, j = B.alias;
               if (M && !B.pattern.global) {
                 var S = B.pattern.toString().match(/[imsuy]*$/)[0];
                 B.pattern = RegExp(B.pattern.source, S + "g");
@@ -11351,7 +11352,7 @@ function zc() {
                   H && se > H.reach && (H.reach = se);
                   var ne = F.prev;
                   ee && (ne = w(b, ne, ee), Z += ee.length), C(b, ne, G);
-                  var de = new c(O, k ? s.tokenize(V, k) : V, R, V);
+                  var de = new c(O, k ? s.tokenize(V, k) : V, j, V);
                   if (F = w(b, ne, de), ae && w(b, F, ae), G > 1) {
                     var ce = {
                       cause: O + "," + x,
@@ -12394,24 +12395,24 @@ ie({
     }, d = (D) => {
       e.currentLangIndex = D, Te(e, "click", { detail: { index: D, lang: p[D] } });
     };
-    return j`
+    return R`
       <div class="TDesign-doc-demo ${r}">
         <slot></slot>
         <div class="TDesign-doc-demo__footer">
           <div class="TDesign-doc-demo__btns">
             <slot name="action"></slot>
             <td-doc-copy code=${((b = e.dataset) == null ? void 0 : b[f]) || ((y = e.dataset) == null ? void 0 : y[f.toLocaleLowerCase()]) || t} theme=${r === "open" ? "dark" : "light"}></td-doc-copy>
-            ${r === "open" ? j`` : j`<span
+            ${r === "open" ? R`` : R`<span
                     class="action code ${o ? "active" : ""}"
-                    onclick=${j.set("showCode", !o)}
+                    onclick=${R.set("showCode", !o)}
                     innerHTML=${oi}
                   ></span>`}
           </div>
           <div class="TDesign-doc-demo__code ${i}" style="${l}">
-          ${g ? j`<div class="TDesign-doc-demo-tabs">
+          ${g ? R`<div class="TDesign-doc-demo-tabs">
                   <span class="TDesign-doc-demo-tabs__active" style="${u}"></span>
                   ${p.map(
-      (D, A) => j`<div
+      (D, A) => R`<div
                         data-tab=${D}
                         class="TDesign-doc-demo-tabs__item ${a === A ? "active" : null}"
                         onclick=${() => d(A)}
@@ -12447,7 +12448,7 @@ function Xc(e) {
 ie({
   tag: "td-doc-copy",
   code: "",
-  render: () => j`
+  render: () => R`
       <td-tooltip duration="800">
         <div class="TDesign-doc-copy__inner" innerHTML=${Nc} onclick=${Xc}></div>
         <span slot="content">已复制</span>
@@ -12457,7 +12458,7 @@ ie({
 const Fc = ".TDesign-doc-empty .light{display:var(--theme-block-light-display)}.TDesign-doc-empty .dark{display:var(--theme-block-dark-display)}.TDesign-doc-empty__design{display:flex;justify-content:center;align-items:center;padding:48px;border:1px solid var(--component-border);border-radius:6px}.TDesign-doc-empty__design img{width:50%;height:auto;min-width:240px}";
 function qc(e) {
   if (e === "design")
-    return j`
+    return R`
       <div class="TDesign-doc-empty__design">
         <img class="light" src="https://tdesign.gtimg.com/site/webcomponents/empty-light.png" />
         <img class="dark" src="https://tdesign.gtimg.com/site/webcomponents/empty-dark.png" />
@@ -12469,7 +12470,7 @@ ie({
   type: "design",
   render: (e) => {
     const { type: t } = e;
-    return j` <div class="TDesign-doc-empty">${qc(t)}</div> `.css`${Fc}`;
+    return R` <div class="TDesign-doc-empty">${qc(t)}</div> `.css`${Fc}`;
   }
 });
 const Gc = ":host{font-size:14px;line-height:24px}.TDesign-doc-history{padding:7px 12px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;color:var(--text-primary);background-color:var(--bg-color-code);border:1px solid var(--component-border)}.TDesign-doc-history .icon{margin-right:8px;display:inline-flex}.TDesign-doc-history .icon svg{color:var(--text-placeholder)}.TDesign-doc-history .text{margin-right:4px;color:var(--text-secondary)}";
@@ -12481,10 +12482,10 @@ ie({
   tag: "td-doc-history",
   time: "",
   content: "",
-  render: ({ time: e, content: t }) => j`
+  render: ({ time: e, content: t }) => R`
       <div class="TDesign-doc-history">
         <i class="icon" innerHTML="${_r}"></i>
-        ${t || j`
+        ${t || R`
               <span class="text">Last Update: </span>
               ${Uc(e)}
             `}
@@ -12512,11 +12513,11 @@ function Yc(e = []) {
   const t = [], n = [];
   return e.forEach((o) => {
     /boolean/i.test(o.type) && t.push(o), /enum/i.test(o.type) && n.push(o);
-  }), j`
-    ${t.length ? j`
+  }), R`
+    ${t.length ? R`
           <ul class="TDesign-doc-usage__config-list">
             ${t.map(
-    (o) => j`
+    (o) => R`
                 <li class="item">
                   <span class="name" title="${o.name}">${o.name}</span>
                   <td-switch
@@ -12529,11 +12530,11 @@ function Yc(e = []) {
   )}
           </ul>
         ` : ""}
-    ${n.length ? j`
-          ${t.length ? j`<div class="TDesign-doc-usage__config-divider"></div>` : ""}
+    ${n.length ? R`
+          ${t.length ? R`<div class="TDesign-doc-usage__config-divider"></div>` : ""}
           <ul class="TDesign-doc-usage__config-list">
             ${n.map(
-    (o) => j`
+    (o) => R`
                 <li class="item">
                   <span class="name" title="${o.name}">${o.name}</span>
                   <td-select
@@ -12580,14 +12581,14 @@ ie({
       maxHeight: o ? "240px" : 0,
       transitionTimingFunction: o ? "cubic-bezier(.82, 0, 1, .9)" : "ease"
     };
-    return j`
+    return R`
       <div class="TDesign-doc-usage">
         <div class="TDesign-doc-usage__content">
           <div class="TDesign-doc-usage__render">
             <div class="TDesign-doc-usage__render-header">
               ${i.map(
-      (p) => j`
-                  <div class="header-panel" onclick="${j.set("panel", p.value)}">
+      (p) => R`
+                  <div class="header-panel" onclick="${R.set("panel", p.value)}">
                     <span class="panel-inner ${a === p.value ? "active" : ""}">${p.label}</span>
                   </div>
                 `
@@ -12603,7 +12604,7 @@ ie({
               <td-doc-copy code=${t}></td-doc-copy>
               <span
                 class="action code ${o ? "active" : ""}"
-                onclick=${j.set("showCode", !o)}
+                onclick=${R.set("showCode", !o)}
                 innerHTML=${oi}
               ></span>
             </div>
@@ -12631,7 +12632,7 @@ const Jc = ":host{display:inline;line-height:calc(100% + 8px);font-size:12px;mar
 ie({
   tag: "td-code",
   text: "",
-  render: ({ text: e }) => j`<code class="TDesign-code">${e}</code>`.css`${Jc}`
+  render: ({ text: e }) => R`<code class="TDesign-code">${e}</code>`.css`${Jc}`
 });
 const Wc = "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}:host{display:block}.TDesign-code-block{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;border-radius:6px;border:1px solid var(--component-border);position:relative}.TDesign-code-block td-doc-copy{position:absolute;right:8px;top:8px;z-index:10}.TDesign-code-block__header{min-height:48px;display:flex;box-sizing:border-box;box-shadow:var(--header-box-shadow);overflow:auto hidden;position:relative}.TDesign-code-block__header .header-panel{padding:8px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.TDesign-code-block__header .header-panel:hover .panel-inner{background:var(--bg-color-container-hover)}.TDesign-code-block__header .header-panel .panel-inner{padding:8px;transition:all .2s linear;border-radius:3px}.TDesign-code-block__header .header-panel .panel-inner.active{color:var(--brand-main)}.TDesign-code-block__header .active-line{height:1px;position:absolute;left:0;bottom:0;z-index:10;background:var(--brand-main);transition:all .2s var(--anim-time-fn-easing)}.TDesign-code-block__body{max-height:334px;box-sizing:border-box;background-color:var(--bg-color-code)}.TDesign-code-block__body pre{margin:0;padding:24px;max-height:334px;box-sizing:border-box;overflow:auto;background:var(--bg-color-code);color:var(--text-primary)}.TDesign-code-block__body pre:hover::-webkit-scrollbar-thumb{background-color:var(--bg-color-scroll)}.TDesign-code-block__body pre::-webkit-scrollbar{width:12px;height:12px;background:transparent}.TDesign-code-block__body pre::-webkit-scrollbar-corner{width:0}.TDesign-code-block__body pre::-webkit-scrollbar-thumb{border-radius:6px;border:4px solid transparent;background-clip:content-box;background-color:transparent}";
 function _c(e) {
@@ -12667,13 +12668,13 @@ ie({
   },
   render: (e) => {
     const { panel: t } = e, { slotsName: n, slotsContentMap: o } = $c(e), r = o[t], i = ot.highlight(r.content, ot.languages[r.lang], r.lang);
-    return j`
+    return R`
       <div class="TDesign-code-block">
         <td-doc-copy code="${r.content}"></td-doc-copy>
         <div class="TDesign-code-block__header">
           ${n.map(
-      (a) => j`
-              <div class="header-panel" onclick="${j.set("panel", a)}">
+      (a) => R`
+              <div class="header-panel" onclick="${R.set("panel", a)}">
                 <span class="panel-inner ${t === a ? "active" : ""}">${a}</span>
               </div>
             `
@@ -12736,7 +12737,7 @@ ie({
       };
     }
   },
-  render: () => j`<style>
+  render: () => R`<style>
       :host {
         display: none;
       }
@@ -12771,7 +12772,7 @@ ie({
     const { theme: t, zIndex: n, content: o, showMessage: r } = e, a = `${i1(t)}${o}`, s = {
       zIndex: n
     }, c = ["t-message", `t-is-${t}`].concat(r ? "t-message-enter" : "t-message-leave");
-    return j`
+    return R`
       <div class="TDesign-message">
         <div style=${s} class="${c}" innerHTML=${a}></div>
       </div>
@@ -12793,8 +12794,8 @@ ie({
   tag: "td-portal",
   visible: !1,
   portalStyle: "",
-  render: (e) => j`
-      ${e.portalStyle ? j`<style>
+  render: (e) => R`
+      ${e.portalStyle ? R`<style>
             ${e.portalStyle}
           </style>` : ""}
       <slot class="TDesign-portal" name="content"></slot>
@@ -12808,11 +12809,11 @@ function c1(e) {
       o.visible = !1;
     }), Te(o, "change", { detail: { value: o.value } });
   }
-  return j`
+  return R`
     <ul class="TDesign-select-list">
       ${t.map((o) => {
     const r = o.value == e.value;
-    return j`
+    return R`
           <li
             onclick="${(i) => n(i, o)}"
             class="TDesign-select-list__item ${r ? "is-active" : ""}"
@@ -12835,7 +12836,7 @@ ie({
   },
   render: (e) => {
     const { options: t, value: n, visible: o, borderless: r } = e, a = (t.find((c) => c.value == n) || {}).label || "";
-    return j`
+    return R`
       <td-doc-popup
         visible="${o}"
         placement="bottom-start"
@@ -12871,7 +12872,7 @@ ie({
       "is-checked": t,
       [`size-${n}`]: n
     };
-    return j`
+    return R`
       <button type="button" class="${o}" onclick="${u1}">
         <span class="TDesign-switch__handle"></span>
       </button>