From 31b5f960c1492cd8f47685d498c03db8c6966143 Mon Sep 17 00:00:00 2001
From: novlan1 <1576271227@qq.com>
Date: Sun, 25 Aug 2024 12:29:59 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=F0=9F=90=9B=20remote=20raw=20maxlength?=
 =?UTF-8?q?=20props=20of=20input?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/input/Input.tsx                       |  1 -
 test/snap/__snapshots__/csr.test.jsx.snap | 10 +++-------
 test/snap/__snapshots__/ssr.test.jsx.snap |  6 +++---
 3 files changed, 6 insertions(+), 11 deletions(-)

diff --git a/src/input/Input.tsx b/src/input/Input.tsx
index 284c23090..1291f438b 100644
--- a/src/input/Input.tsx
+++ b/src/input/Input.tsx
@@ -233,7 +233,6 @@ const Input = forwardRefWithStatics(
         onBlur={handleBlur}
         onPaste={handlePaste}
         name={name}
-        maxLength={maxlength && !allowInputOverMax ? maxlength : null}
       />
     );
 
diff --git a/test/snap/__snapshots__/csr.test.jsx.snap b/test/snap/__snapshots__/csr.test.jsx.snap
index 7431269f6..39c70ba91 100644
--- a/test/snap/__snapshots__/csr.test.jsx.snap
+++ b/test/snap/__snapshots__/csr.test.jsx.snap
@@ -23182,7 +23182,6 @@ exports[`csr snapshot test > csr test src/color-picker/_example/enable-alpha.tsx
                 >
                   <input
                     class="t-input__inner"
-                    maxlength="9"
                     placeholder="please enter"
                     type="text"
                     value="#0052d9"
@@ -23943,7 +23942,6 @@ exports[`csr snapshot test > csr test src/color-picker/_example/panel.tsx 1`] =
                 >
                   <input
                     class="t-input__inner"
-                    maxlength="9"
                     placeholder="please enter"
                     type="text"
                     value="#0052d9"
@@ -53381,7 +53379,6 @@ exports[`csr snapshot test > csr test src/input/_example/max-length-count.tsx 1`
         >
           <input
             class="t-input__inner"
-            maxlength="10"
             placeholder="内置字数限制，最大文本长度为10"
             type="text"
             value=""
@@ -53466,7 +53463,6 @@ exports[`csr snapshot test > csr test src/input/_example/max-length-count.tsx 1`
         >
           <input
             class="t-input__inner"
-            maxlength="5"
             placeholder="自定义字数限制文本"
             type="text"
             value=""
@@ -133283,9 +133279,9 @@ exports[`ssr snapshot test > ssr test src/collapse/_example/rightSlot.tsx 1`] =
 
 exports[`ssr snapshot test > ssr test src/color-picker/_example/color-mode.tsx 1`] = `"<div style=\\"gap:16px\\" class=\\"t-space t-space-horizontal t-space--break-line\\"><div class=\\"t-space-item\\"><div><h5 style=\\"margin-bottom:10px;font-weight:normal\\">默认（单色 + 线性渐变）</h5><div class=\\"t-color-picker__trigger\\"><div class=\\"t-color-picker__trigger--default\\"><div class=\\"t-input__wrap t-input--auto-width\\" value=\\"rgba(0, 82, 217, 1)\\"><div class=\\"t-input t-align-left t-input--prefix\\"><div class=\\"t-input__prefix\\"><div class=\\"t-color-picker__trigger--default__color t-color-picker--bg-alpha\\"><span class=\\"color-inner\\" style=\\"background:rgba(0, 82, 217, 1)\\"></span></div></div><input placeholder=\\"请输入\\" type=\\"text\\" class=\\"t-input__inner\\" value=\\"rgba(0, 82, 217, 1)\\"/><span class=\\"t-input__input-pre\\">rgba(0, 82, 217, 1)</span></div></div></div></div></div></div><div class=\\"t-space-item\\"><div><h5 style=\\"margin-bottom:10px;font-weight:normal\\">仅单色模式</h5><div class=\\"t-color-picker__trigger\\"><div class=\\"t-color-picker__trigger--default\\"><div class=\\"t-input__wrap t-input--auto-width\\" value=\\"#0052d9\\"><div class=\\"t-input t-align-left t-input--prefix\\"><div class=\\"t-input__prefix\\"><div class=\\"t-color-picker__trigger--default__color t-color-picker--bg-alpha\\"><span class=\\"color-inner\\" style=\\"background:#0052d9\\"></span></div></div><input placeholder=\\"请输入\\" type=\\"text\\" class=\\"t-input__inner\\" value=\\"#0052d9\\"/><span class=\\"t-input__input-pre\\">#0052d9</span></div></div></div></div></div></div><div class=\\"t-space-item\\"><div style=\\"width:100%\\"></div></div><div class=\\"t-space-item\\"><div><h5 style=\\"margin-bottom:10px;font-weight:normal\\">仅线性渐变模式</h5><div class=\\"t-color-picker__trigger\\"><div class=\\"t-color-picker__trigger--default\\"><div class=\\"t-input__wrap t-input--auto-width\\" value=\\"linear-gradient(45deg, #4facfe 0%, #00f2fe 100%)\\"><div class=\\"t-input t-align-left t-input--prefix\\"><div class=\\"t-input__prefix\\"><div class=\\"t-color-picker__trigger--default__color t-color-picker--bg-alpha\\"><span class=\\"color-inner\\" style=\\"background:linear-gradient(45deg, #4facfe 0%, #00f2fe 100%)\\"></span></div></div><input placeholder=\\"请输入\\" type=\\"text\\" class=\\"t-input__inner\\" value=\\"linear-gradient(45deg, #4facfe 0%, #00f2fe 100%)\\"/><span class=\\"t-input__input-pre\\">linear-gradient(45deg, #4facfe 0%, #00f2fe 100%)</span></div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/color-picker/_example/enable-alpha.tsx 1`] = `"<div class=\\"t-color-picker__panel\\"><div class=\\"t-color-picker__head\\"><div class=\\"t-color-picker__mode\\"><div class=\\"t-radio-group t-size-s t-radio-group--filled\\"><label tabindex=\\"0\\" class=\\"t-radio-button t-is-checked\\" checked=\\"\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;monochrome&#x27;\\" checked=\\"\\" value=\\"monochrome\\"/><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">单色</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;linear-gradient&#x27;\\" value=\\"linear-gradient\\"/><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">渐变</span></label><div class=\\"t-radio-group__bg-block\\"></div></div></div></div><div class=\\"t-color-picker__body\\"><div class=\\"t-color-picker__saturation\\" style=\\"background:hsl(217.32718894009219, 100%, 50%)\\"><span class=\\"t-color-picker__thumb\\" role=\\"slider\\" tabindex=\\"0\\" style=\\"color:rgb(0, 82, 217);left:230px;top:25px\\"></span></div><div class=\\"t-color-picker__sliders-wrapper\\"><div class=\\"t-color-picker__sliders\\"><div class=\\"t-color-picker__slider-wrapper t-color-picker__slider-wrapper--hue-type\\"><div class=\\"t-color-picker__slider t-color-picker__hue\\"><div class=\\"t-color-picker__rail\\"></div><span class=\\"t-color-picker__thumb\\" role=\\"slider\\" tabindex=\\"0\\"></span></div></div><div class=\\"t-color-picker__slider-wrapper t-color-picker__slider-wrapper--alpha-type\\"><div class=\\"t-color-picker__slider-padding\\" style=\\"background:linear-gradient(90deg, rgba(0,0,0,.0) 0%, rgba(0,0,0,.0) 93%, rgb(0, 82, 217) 93%, rgb(0, 82, 217) 100%)\\"></div><div class=\\"t-color-picker__slider t-color-picker__alpha t-color-picker--bg-alpha\\"><div class=\\"t-color-picker__rail\\" style=\\"background:linear-gradient(to right, rgba(0, 0, 0, 0), rgb(0, 82, 217))\\"></div><span class=\\"t-color-picker__thumb\\" role=\\"slider\\" tabindex=\\"0\\"></span></div></div></div><div class=\\"t-color-picker__sliders-preview t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__sliders-preview-inner\\" style=\\"background:rgba(0, 82, 217, 0.8)\\"></span></div></div><div class=\\"t-color-picker__format\\"><div class=\\"t-color-picker__format--item\\"><div class=\\"t-select__wrap t-color-picker__format-mode-select\\"><div class=\\"t-select t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap t-input--auto-width\\"><div class=\\"t-input t-is-readonly t-size-s t-align-left t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input placeholder=\\"请选择\\" type=\\"text\\" class=\\"t-input__inner\\" readonly=\\"\\" value=\\"\\"/><span class=\\"t-input__input-pre\\">请选择</span><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div></div></div><div class=\\"t-color-picker__format--item\\"><div class=\\"input-group\\"><div class=\\"input-group__item\\" style=\\"flex:3\\"><div class=\\"t-input__wrap\\" title=\\"#0052d9\\"><div class=\\"t-input t-size-s t-align-center\\"><input placeholder=\\"请输入\\" type=\\"text\\" class=\\"t-input__inner\\" maxLength=\\"9\\" value=\\"#0052d9\\"/></div></div></div><div class=\\"input-group__item\\" style=\\"flex:1.15\\"><div class=\\"t-input-number t-size-s t-input-number--normal\\"><div class=\\"t-input__wrap\\" value=\\"\\"><div class=\\"t-input t-size-s t-align-center\\"><input placeholder=\\"请输入\\" type=\\"text\\" class=\\"t-input__inner\\" autoComplete=\\"off\\" value=\\"\\"/></div></div></div></div></div></div></div><div class=\\"t-color-picker__swatches-wrap\\"><div class=\\"t-color-picker__swatches\\"><h3 class=\\"t-color-picker__swatches--title\\"><span>最近使用颜色</span><div class=\\"t-color-picker__swatches--actions\\"><span role=\\"button\\" class=\\"t-color-picker__icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add\\"><path fill=\\"currentColor\\" d=\\"M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z\\"></path></svg></span></div></h3><ul class=\\"t-color-picker__swatches--items narrow-scrollbar\\"></ul></div><div class=\\"t-color-picker__swatches\\"><h3 class=\\"t-color-picker__swatches--title\\"><span>系统预设颜色</span></h3><ul class=\\"t-color-picker__swatches--items narrow-scrollbar\\"><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#ECF2FE\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#D4E3FC\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#BBD3FB\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#96BBF8\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#699EF5\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#4787F0\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#266FE8\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#0052D9\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#0034B5\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#001F97\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#FDECEE\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#F9D7D9\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#F8B9BE\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#F78D94\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#F36D78\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#E34D59\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#C9353F\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#B11F26\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#951114\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#680506\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#FEF3E6\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#F9E0C7\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#F7C797\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#F2995F\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#ED7B2F\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#D35A21\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#BA431B\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#9E3610\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#842B0B\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#5A1907\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#E8F8F2\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#BCEBDC\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#85DBBE\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#48C79C\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#00A870\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#078D5C\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#067945\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#056334\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#044F2A\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#033017\\"></span></div></li></ul></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/color-picker/_example/enable-alpha.tsx 1`] = `"<div class=\\"t-color-picker__panel\\"><div class=\\"t-color-picker__head\\"><div class=\\"t-color-picker__mode\\"><div class=\\"t-radio-group t-size-s t-radio-group--filled\\"><label tabindex=\\"0\\" class=\\"t-radio-button t-is-checked\\" checked=\\"\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;monochrome&#x27;\\" checked=\\"\\" value=\\"monochrome\\"/><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">单色</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;linear-gradient&#x27;\\" value=\\"linear-gradient\\"/><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">渐变</span></label><div class=\\"t-radio-group__bg-block\\"></div></div></div></div><div class=\\"t-color-picker__body\\"><div class=\\"t-color-picker__saturation\\" style=\\"background:hsl(217.32718894009219, 100%, 50%)\\"><span class=\\"t-color-picker__thumb\\" role=\\"slider\\" tabindex=\\"0\\" style=\\"color:rgb(0, 82, 217);left:230px;top:25px\\"></span></div><div class=\\"t-color-picker__sliders-wrapper\\"><div class=\\"t-color-picker__sliders\\"><div class=\\"t-color-picker__slider-wrapper t-color-picker__slider-wrapper--hue-type\\"><div class=\\"t-color-picker__slider t-color-picker__hue\\"><div class=\\"t-color-picker__rail\\"></div><span class=\\"t-color-picker__thumb\\" role=\\"slider\\" tabindex=\\"0\\"></span></div></div><div class=\\"t-color-picker__slider-wrapper t-color-picker__slider-wrapper--alpha-type\\"><div class=\\"t-color-picker__slider-padding\\" style=\\"background:linear-gradient(90deg, rgba(0,0,0,.0) 0%, rgba(0,0,0,.0) 93%, rgb(0, 82, 217) 93%, rgb(0, 82, 217) 100%)\\"></div><div class=\\"t-color-picker__slider t-color-picker__alpha t-color-picker--bg-alpha\\"><div class=\\"t-color-picker__rail\\" style=\\"background:linear-gradient(to right, rgba(0, 0, 0, 0), rgb(0, 82, 217))\\"></div><span class=\\"t-color-picker__thumb\\" role=\\"slider\\" tabindex=\\"0\\"></span></div></div></div><div class=\\"t-color-picker__sliders-preview t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__sliders-preview-inner\\" style=\\"background:rgba(0, 82, 217, 0.8)\\"></span></div></div><div class=\\"t-color-picker__format\\"><div class=\\"t-color-picker__format--item\\"><div class=\\"t-select__wrap t-color-picker__format-mode-select\\"><div class=\\"t-select t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap t-input--auto-width\\"><div class=\\"t-input t-is-readonly t-size-s t-align-left t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input placeholder=\\"请选择\\" type=\\"text\\" class=\\"t-input__inner\\" readonly=\\"\\" value=\\"\\"/><span class=\\"t-input__input-pre\\">请选择</span><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div></div></div><div class=\\"t-color-picker__format--item\\"><div class=\\"input-group\\"><div class=\\"input-group__item\\" style=\\"flex:3\\"><div class=\\"t-input__wrap\\" title=\\"#0052d9\\"><div class=\\"t-input t-size-s t-align-center\\"><input placeholder=\\"请输入\\" type=\\"text\\" class=\\"t-input__inner\\" value=\\"#0052d9\\"/></div></div></div><div class=\\"input-group__item\\" style=\\"flex:1.15\\"><div class=\\"t-input-number t-size-s t-input-number--normal\\"><div class=\\"t-input__wrap\\" value=\\"\\"><div class=\\"t-input t-size-s t-align-center\\"><input placeholder=\\"请输入\\" type=\\"text\\" class=\\"t-input__inner\\" autoComplete=\\"off\\" value=\\"\\"/></div></div></div></div></div></div></div><div class=\\"t-color-picker__swatches-wrap\\"><div class=\\"t-color-picker__swatches\\"><h3 class=\\"t-color-picker__swatches--title\\"><span>最近使用颜色</span><div class=\\"t-color-picker__swatches--actions\\"><span role=\\"button\\" class=\\"t-color-picker__icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add\\"><path fill=\\"currentColor\\" d=\\"M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z\\"></path></svg></span></div></h3><ul class=\\"t-color-picker__swatches--items narrow-scrollbar\\"></ul></div><div class=\\"t-color-picker__swatches\\"><h3 class=\\"t-color-picker__swatches--title\\"><span>系统预设颜色</span></h3><ul class=\\"t-color-picker__swatches--items narrow-scrollbar\\"><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#ECF2FE\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#D4E3FC\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#BBD3FB\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#96BBF8\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#699EF5\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#4787F0\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#266FE8\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#0052D9\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#0034B5\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#001F97\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#FDECEE\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#F9D7D9\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#F8B9BE\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#F78D94\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#F36D78\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#E34D59\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#C9353F\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#B11F26\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#951114\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#680506\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#FEF3E6\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#F9E0C7\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#F7C797\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#F2995F\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#ED7B2F\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#D35A21\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#BA431B\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#9E3610\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#842B0B\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#5A1907\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#E8F8F2\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#BCEBDC\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#85DBBE\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#48C79C\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#00A870\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#078D5C\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#067945\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#056334\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#044F2A\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#033017\\"></span></div></li></ul></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/color-picker/_example/panel.tsx 1`] = `"<div class=\\"t-color-picker__panel\\"><div class=\\"t-color-picker__head\\"><div class=\\"t-color-picker__mode\\"><div class=\\"t-radio-group t-size-s t-radio-group--filled\\"><label tabindex=\\"0\\" class=\\"t-radio-button t-is-checked\\" checked=\\"\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;monochrome&#x27;\\" checked=\\"\\" value=\\"monochrome\\"/><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">单色</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;linear-gradient&#x27;\\" value=\\"linear-gradient\\"/><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">渐变</span></label><div class=\\"t-radio-group__bg-block\\"></div></div></div></div><div class=\\"t-color-picker__body\\"><div class=\\"t-color-picker__saturation\\" style=\\"background:hsl(217.32718894009219, 100%, 50%)\\"><span class=\\"t-color-picker__thumb\\" role=\\"slider\\" tabindex=\\"0\\" style=\\"color:rgb(0, 82, 217);left:230px;top:25px\\"></span></div><div class=\\"t-color-picker__sliders-wrapper\\"><div class=\\"t-color-picker__sliders\\"><div class=\\"t-color-picker__slider-wrapper t-color-picker__slider-wrapper--hue-type\\"><div class=\\"t-color-picker__slider t-color-picker__hue\\"><div class=\\"t-color-picker__rail\\"></div><span class=\\"t-color-picker__thumb\\" role=\\"slider\\" tabindex=\\"0\\"></span></div></div></div><div class=\\"t-color-picker__sliders-preview t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__sliders-preview-inner\\" style=\\"background:rgba(0, 82, 217, 1)\\"></span></div></div><div class=\\"t-color-picker__format\\"><div class=\\"t-color-picker__format--item\\"><div class=\\"t-select__wrap t-color-picker__format-mode-select\\"><div class=\\"t-select t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap t-input--auto-width\\"><div class=\\"t-input t-is-readonly t-size-s t-align-left t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input placeholder=\\"请选择\\" type=\\"text\\" class=\\"t-input__inner\\" readonly=\\"\\" value=\\"\\"/><span class=\\"t-input__input-pre\\">请选择</span><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div></div></div><div class=\\"t-color-picker__format--item\\"><div class=\\"input-group\\"><div class=\\"input-group__item\\" style=\\"flex:3\\"><div class=\\"t-input__wrap\\" title=\\"#0052d9\\"><div class=\\"t-input t-size-s t-align-center\\"><input placeholder=\\"请输入\\" type=\\"text\\" class=\\"t-input__inner\\" maxLength=\\"9\\" value=\\"#0052d9\\"/></div></div></div></div></div></div><div class=\\"t-color-picker__swatches-wrap\\"><div class=\\"t-color-picker__swatches\\"><h3 class=\\"t-color-picker__swatches--title\\"><span>最近使用颜色</span><div class=\\"t-color-picker__swatches--actions\\"><span role=\\"button\\" class=\\"t-color-picker__icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add\\"><path fill=\\"currentColor\\" d=\\"M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z\\"></path></svg></span></div></h3><ul class=\\"t-color-picker__swatches--items narrow-scrollbar\\"></ul></div><div class=\\"t-color-picker__swatches\\"><h3 class=\\"t-color-picker__swatches--title\\"><span>系统预设颜色</span></h3><ul class=\\"t-color-picker__swatches--items narrow-scrollbar\\"><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#ECF2FE\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#D4E3FC\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#BBD3FB\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#96BBF8\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#699EF5\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#4787F0\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#266FE8\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#0052D9\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#0034B5\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#001F97\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#FDECEE\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#F9D7D9\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#F8B9BE\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#F78D94\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#F36D78\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#E34D59\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#C9353F\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#B11F26\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#951114\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#680506\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#FEF3E6\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#F9E0C7\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#F7C797\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#F2995F\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#ED7B2F\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#D35A21\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#BA431B\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#9E3610\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#842B0B\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#5A1907\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#E8F8F2\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#BCEBDC\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#85DBBE\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#48C79C\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#00A870\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#078D5C\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#067945\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#056334\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#044F2A\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#033017\\"></span></div></li></ul></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/color-picker/_example/panel.tsx 1`] = `"<div class=\\"t-color-picker__panel\\"><div class=\\"t-color-picker__head\\"><div class=\\"t-color-picker__mode\\"><div class=\\"t-radio-group t-size-s t-radio-group--filled\\"><label tabindex=\\"0\\" class=\\"t-radio-button t-is-checked\\" checked=\\"\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;monochrome&#x27;\\" checked=\\"\\" value=\\"monochrome\\"/><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">单色</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;linear-gradient&#x27;\\" value=\\"linear-gradient\\"/><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">渐变</span></label><div class=\\"t-radio-group__bg-block\\"></div></div></div></div><div class=\\"t-color-picker__body\\"><div class=\\"t-color-picker__saturation\\" style=\\"background:hsl(217.32718894009219, 100%, 50%)\\"><span class=\\"t-color-picker__thumb\\" role=\\"slider\\" tabindex=\\"0\\" style=\\"color:rgb(0, 82, 217);left:230px;top:25px\\"></span></div><div class=\\"t-color-picker__sliders-wrapper\\"><div class=\\"t-color-picker__sliders\\"><div class=\\"t-color-picker__slider-wrapper t-color-picker__slider-wrapper--hue-type\\"><div class=\\"t-color-picker__slider t-color-picker__hue\\"><div class=\\"t-color-picker__rail\\"></div><span class=\\"t-color-picker__thumb\\" role=\\"slider\\" tabindex=\\"0\\"></span></div></div></div><div class=\\"t-color-picker__sliders-preview t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__sliders-preview-inner\\" style=\\"background:rgba(0, 82, 217, 1)\\"></span></div></div><div class=\\"t-color-picker__format\\"><div class=\\"t-color-picker__format--item\\"><div class=\\"t-select__wrap t-color-picker__format-mode-select\\"><div class=\\"t-select t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap t-input--auto-width\\"><div class=\\"t-input t-is-readonly t-size-s t-align-left t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input placeholder=\\"请选择\\" type=\\"text\\" class=\\"t-input__inner\\" readonly=\\"\\" value=\\"\\"/><span class=\\"t-input__input-pre\\">请选择</span><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div></div></div><div class=\\"t-color-picker__format--item\\"><div class=\\"input-group\\"><div class=\\"input-group__item\\" style=\\"flex:3\\"><div class=\\"t-input__wrap\\" title=\\"#0052d9\\"><div class=\\"t-input t-size-s t-align-center\\"><input placeholder=\\"请输入\\" type=\\"text\\" class=\\"t-input__inner\\" value=\\"#0052d9\\"/></div></div></div></div></div></div><div class=\\"t-color-picker__swatches-wrap\\"><div class=\\"t-color-picker__swatches\\"><h3 class=\\"t-color-picker__swatches--title\\"><span>最近使用颜色</span><div class=\\"t-color-picker__swatches--actions\\"><span role=\\"button\\" class=\\"t-color-picker__icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add\\"><path fill=\\"currentColor\\" d=\\"M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z\\"></path></svg></span></div></h3><ul class=\\"t-color-picker__swatches--items narrow-scrollbar\\"></ul></div><div class=\\"t-color-picker__swatches\\"><h3 class=\\"t-color-picker__swatches--title\\"><span>系统预设颜色</span></h3><ul class=\\"t-color-picker__swatches--items narrow-scrollbar\\"><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#ECF2FE\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#D4E3FC\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#BBD3FB\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#96BBF8\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#699EF5\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#4787F0\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#266FE8\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#0052D9\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#0034B5\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#001F97\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#FDECEE\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#F9D7D9\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#F8B9BE\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#F78D94\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#F36D78\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#E34D59\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#C9353F\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#B11F26\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#951114\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#680506\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#FEF3E6\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#F9E0C7\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#F7C797\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#F2995F\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#ED7B2F\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#D35A21\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#BA431B\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#9E3610\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#842B0B\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#5A1907\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#E8F8F2\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#BCEBDC\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#85DBBE\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#48C79C\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#00A870\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#078D5C\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#067945\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#056334\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#044F2A\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#033017\\"></span></div></li></ul></div></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test src/color-picker/_example/recent-color.tsx 1`] = `"<div style=\\"gap:16px\\" class=\\"t-space t-space-horizontal\\"><div class=\\"t-space-item\\"><div><h6 style=\\"margin-bottom:10px\\">预设最近使用色</h6><div class=\\"t-color-picker__panel\\"><div class=\\"t-color-picker__head\\"><div class=\\"t-color-picker__mode\\"><div class=\\"t-radio-group t-size-s t-radio-group--filled\\"><label tabindex=\\"0\\" class=\\"t-radio-button t-is-checked\\" checked=\\"\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;monochrome&#x27;\\" checked=\\"\\" value=\\"monochrome\\"/><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">单色</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;linear-gradient&#x27;\\" value=\\"linear-gradient\\"/><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">渐变</span></label><div class=\\"t-radio-group__bg-block\\"></div></div></div></div><div class=\\"t-color-picker__body\\"><div class=\\"t-color-picker__saturation\\" style=\\"background:hsl(217.32718894009219, 100%, 50%)\\"><span class=\\"t-color-picker__thumb\\" role=\\"slider\\" tabindex=\\"0\\" style=\\"color:rgb(0, 82, 217);left:230px;top:25px\\"></span></div><div class=\\"t-color-picker__sliders-wrapper\\"><div class=\\"t-color-picker__sliders\\"><div class=\\"t-color-picker__slider-wrapper t-color-picker__slider-wrapper--hue-type\\"><div class=\\"t-color-picker__slider t-color-picker__hue\\"><div class=\\"t-color-picker__rail\\"></div><span class=\\"t-color-picker__thumb\\" role=\\"slider\\" tabindex=\\"0\\"></span></div></div></div><div class=\\"t-color-picker__sliders-preview t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__sliders-preview-inner\\" style=\\"background:rgba(0, 82, 217, 1)\\"></span></div></div><div class=\\"t-color-picker__format\\"><div class=\\"t-color-picker__format--item\\"><div class=\\"t-select__wrap t-color-picker__format-mode-select\\"><div class=\\"t-select t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap t-input--auto-width\\"><div class=\\"t-input t-is-readonly t-size-s t-align-left t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input placeholder=\\"请选择\\" type=\\"text\\" class=\\"t-input__inner\\" readonly=\\"\\" value=\\"\\"/><span class=\\"t-input__input-pre\\">请选择</span><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div></div></div><div class=\\"t-color-picker__format--item\\"><div class=\\"input-group\\"><div class=\\"input-group__item\\" style=\\"flex:1\\"><div class=\\"t-input-number t-size-s t-input-number--normal\\"><div class=\\"t-input__wrap\\" value=\\"\\"><div class=\\"t-input t-size-s t-align-center\\"><input placeholder=\\"请输入\\" type=\\"text\\" class=\\"t-input__inner\\" autoComplete=\\"off\\" value=\\"\\"/></div></div></div></div><div class=\\"input-group__item\\" style=\\"flex:1\\"><div class=\\"t-input-number t-size-s t-input-number--normal\\"><div class=\\"t-input__wrap\\" value=\\"\\"><div class=\\"t-input t-size-s t-align-center\\"><input placeholder=\\"请输入\\" type=\\"text\\" class=\\"t-input__inner\\" autoComplete=\\"off\\" value=\\"\\"/></div></div></div></div><div class=\\"input-group__item\\" style=\\"flex:1\\"><div class=\\"t-input-number t-size-s t-input-number--normal\\"><div class=\\"t-input__wrap\\" value=\\"\\"><div class=\\"t-input t-size-s t-align-center\\"><input placeholder=\\"请输入\\" type=\\"text\\" class=\\"t-input__inner\\" autoComplete=\\"off\\" value=\\"\\"/></div></div></div></div></div></div></div><div class=\\"t-color-picker__swatches-wrap\\"><div class=\\"t-color-picker__swatches\\"><h3 class=\\"t-color-picker__swatches--title\\"><span>最近使用颜色</span><div class=\\"t-color-picker__swatches--actions\\"><span role=\\"button\\" class=\\"t-color-picker__icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add\\"><path fill=\\"currentColor\\" d=\\"M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z\\"></path></svg></span><span role=\\"button\\" class=\\"t-color-picker__icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-delete\\"><path fill=\\"currentColor\\" d=\\"M7.5 1h9v3H22v2h-2.03l-.5 17H4.53l-.5-17H2V4h5.5V1zm2 3h5V3h-5v1zM6.03 6l.44 15h11.06l.44-15H6.03zM13 8v11h-2V8h2z\\"></path></svg></span></div></h3><ul class=\\"t-color-picker__swatches--items narrow-scrollbar\\"><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#f00\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#008000\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#ffff00\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#0000ff\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#800080\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:linear-gradient(to right, #fa709a 0%, #fee140 100%)\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:linear-gradient(45deg, #eea2a2 0%, #bbc1bf 19%, #57c6e1 42%, #b49fda 79%, #7ac5d8 100%)\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:linear-gradient(120deg, #fcc5e4 0%, #fda34b 15%, #ff7882 35%, #c8699e 52%, #7046aa 71%, #0c1db8 87%, #020f75 100%)\\"></span></div></li></ul></div><div class=\\"t-color-picker__swatches\\"><h3 class=\\"t-color-picker__swatches--title\\"><span>系统预设颜色</span></h3><ul class=\\"t-color-picker__swatches--items narrow-scrollbar\\"><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#ECF2FE\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#D4E3FC\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#BBD3FB\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#96BBF8\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#699EF5\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#4787F0\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#266FE8\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#0052D9\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#0034B5\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#001F97\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#FDECEE\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#F9D7D9\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#F8B9BE\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#F78D94\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#F36D78\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#E34D59\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#C9353F\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#B11F26\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#951114\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#680506\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#FEF3E6\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#F9E0C7\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#F7C797\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#F2995F\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#ED7B2F\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#D35A21\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#BA431B\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#9E3610\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#842B0B\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#5A1907\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#E8F8F2\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#BCEBDC\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#85DBBE\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#48C79C\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#00A870\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#078D5C\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#067945\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#056334\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#044F2A\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#033017\\"></span></div></li></ul></div></div></div></div></div></div><div class=\\"t-space-item\\"><div><h6 style=\\"margin-bottom:10px\\">完全不显示最近使用色</h6><div class=\\"t-color-picker__panel\\"><div class=\\"t-color-picker__head\\"><div class=\\"t-color-picker__mode\\"><div class=\\"t-radio-group t-size-s t-radio-group--filled\\"><label tabindex=\\"0\\" class=\\"t-radio-button t-is-checked\\" checked=\\"\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;monochrome&#x27;\\" checked=\\"\\" value=\\"monochrome\\"/><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">单色</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;linear-gradient&#x27;\\" value=\\"linear-gradient\\"/><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">渐变</span></label><div class=\\"t-radio-group__bg-block\\"></div></div></div></div><div class=\\"t-color-picker__body\\"><div class=\\"t-color-picker__saturation\\" style=\\"background:hsl(217.32718894009219, 100%, 50%)\\"><span class=\\"t-color-picker__thumb\\" role=\\"slider\\" tabindex=\\"0\\" style=\\"color:rgb(0, 82, 217);left:230px;top:25px\\"></span></div><div class=\\"t-color-picker__sliders-wrapper\\"><div class=\\"t-color-picker__sliders\\"><div class=\\"t-color-picker__slider-wrapper t-color-picker__slider-wrapper--hue-type\\"><div class=\\"t-color-picker__slider t-color-picker__hue\\"><div class=\\"t-color-picker__rail\\"></div><span class=\\"t-color-picker__thumb\\" role=\\"slider\\" tabindex=\\"0\\"></span></div></div></div><div class=\\"t-color-picker__sliders-preview t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__sliders-preview-inner\\" style=\\"background:rgba(0, 82, 217, 1)\\"></span></div></div><div class=\\"t-color-picker__format\\"><div class=\\"t-color-picker__format--item\\"><div class=\\"t-select__wrap t-color-picker__format-mode-select\\"><div class=\\"t-select t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap t-input--auto-width\\"><div class=\\"t-input t-is-readonly t-size-s t-align-left t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input placeholder=\\"请选择\\" type=\\"text\\" class=\\"t-input__inner\\" readonly=\\"\\" value=\\"\\"/><span class=\\"t-input__input-pre\\">请选择</span><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div></div></div><div class=\\"t-color-picker__format--item\\"><div class=\\"input-group\\"><div class=\\"input-group__item\\" style=\\"flex:1\\"><div class=\\"t-input-number t-size-s t-input-number--normal\\"><div class=\\"t-input__wrap\\" value=\\"\\"><div class=\\"t-input t-size-s t-align-center\\"><input placeholder=\\"请输入\\" type=\\"text\\" class=\\"t-input__inner\\" autoComplete=\\"off\\" value=\\"\\"/></div></div></div></div><div class=\\"input-group__item\\" style=\\"flex:1\\"><div class=\\"t-input-number t-size-s t-input-number--normal\\"><div class=\\"t-input__wrap\\" value=\\"\\"><div class=\\"t-input t-size-s t-align-center\\"><input placeholder=\\"请输入\\" type=\\"text\\" class=\\"t-input__inner\\" autoComplete=\\"off\\" value=\\"\\"/></div></div></div></div><div class=\\"input-group__item\\" style=\\"flex:1\\"><div class=\\"t-input-number t-size-s t-input-number--normal\\"><div class=\\"t-input__wrap\\" value=\\"\\"><div class=\\"t-input t-size-s t-align-center\\"><input placeholder=\\"请输入\\" type=\\"text\\" class=\\"t-input__inner\\" autoComplete=\\"off\\" value=\\"\\"/></div></div></div></div></div></div></div><div class=\\"t-color-picker__swatches-wrap\\"><div class=\\"t-color-picker__swatches\\"><h3 class=\\"t-color-picker__swatches--title\\"><span>系统预设颜色</span></h3><ul class=\\"t-color-picker__swatches--items narrow-scrollbar\\"><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#ECF2FE\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#D4E3FC\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#BBD3FB\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#96BBF8\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#699EF5\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#4787F0\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#266FE8\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#0052D9\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#0034B5\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#001F97\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#FDECEE\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#F9D7D9\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#F8B9BE\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#F78D94\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#F36D78\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#E34D59\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#C9353F\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#B11F26\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#951114\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#680506\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#FEF3E6\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#F9E0C7\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#F7C797\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#F2995F\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#ED7B2F\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#D35A21\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#BA431B\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#9E3610\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#842B0B\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#5A1907\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#E8F8F2\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#BCEBDC\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#85DBBE\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#48C79C\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#00A870\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#078D5C\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#067945\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#056334\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#044F2A\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#033017\\"></span></div></li></ul></div></div></div></div></div></div></div>"`;
 
@@ -133575,7 +133571,7 @@ exports[`ssr snapshot test > ssr test src/input/_example/format.tsx 1`] = `"<div
 
 exports[`ssr snapshot test > ssr test src/input/_example/group.tsx 1`] = `"<div style=\\"gap:16px\\" class=\\"t-space t-space-vertical\\"><div class=\\"t-space-item\\"><div class=\\"t-input-group t-input-group--separate\\"><div style=\\"width:100px\\" class=\\"t-input__wrap\\"><div class=\\"t-input t-align-left\\"><input placeholder=\\"please enter\\" type=\\"text\\" class=\\"t-input__inner\\" value=\\"0731\\"/></div></div><div class=\\"t-input__wrap\\"><div class=\\"t-input t-align-left\\"><input placeholder=\\"please enter\\" type=\\"text\\" class=\\"t-input__inner\\" value=\\"12345677\\"/></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-input-group t-input-group--separate\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-align-left\\"><input placeholder=\\"please enter\\" type=\\"text\\" class=\\"t-input__inner\\" value=\\"\\"/></div></div><div class=\\"t-input__wrap\\"><div class=\\"t-input t-align-left\\"><input placeholder=\\"please enter\\" type=\\"text\\" class=\\"t-input__inner\\" value=\\"\\"/></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-input-group t-input-group--separate\\"><div style=\\"width:100px\\" class=\\"t-input__wrap\\"><div class=\\"t-input t-align-left\\"><input placeholder=\\"please enter\\" type=\\"text\\" class=\\"t-input__inner\\" value=\\"0731\\"/></div></div><span style=\\"line-height:32px\\"> - </span><div style=\\"width:100px\\" class=\\"t-input__wrap\\"><div class=\\"t-input t-align-left\\"><input placeholder=\\"please enter\\" type=\\"text\\" class=\\"t-input__inner\\" value=\\"12345\\"/></div></div><div style=\\"width:100px\\" class=\\"t-input__wrap\\"><div class=\\"t-input t-align-left\\"><input placeholder=\\"please enter\\" type=\\"text\\" class=\\"t-input__inner\\" value=\\"678901\\"/></div></div><div style=\\"width:100px\\" class=\\"t-input__wrap\\"><div class=\\"t-input t-align-left\\"><input placeholder=\\"please enter\\" type=\\"text\\" class=\\"t-input__inner\\" value=\\"\\"/></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/input/_example/max-length-count.tsx 1`] = `"<div style=\\"width:500px;gap:24px\\" class=\\"t-space t-space-vertical\\"><div class=\\"t-space-item\\"><div class=\\"t-input__wrap\\" value=\\"\\"><div class=\\"t-input t-align-left\\"><input placeholder=\\"内置字数限制，最大文本长度为10\\" type=\\"text\\" class=\\"t-input__inner\\" maxLength=\\"10\\" value=\\"\\"/><div class=\\"t-input__suffix\\"><div class=\\"t-input__limit-number\\">0/10</div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-input__wrap\\" value=\\"\\"><div class=\\"t-input t-align-left\\"><input placeholder=\\"内置字数限制，最大字符数量限制，一个中文字等于两个字符\\" type=\\"text\\" class=\\"t-input__inner\\" value=\\"\\"/><div class=\\"t-input__suffix\\"><div class=\\"t-input__limit-number\\">0/10</div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-input__wrap\\" value=\\"\\"><div class=\\"t-input t-align-left\\"><input placeholder=\\"内置字数限制，字数超出时允许继续输入\\" type=\\"text\\" class=\\"t-input__inner\\" value=\\"\\"/><div class=\\"t-input__suffix\\"><div class=\\"t-input__limit-number\\">0/5</div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-input__wrap\\" value=\\"\\"><div class=\\"t-input t-align-left t-input--suffix\\"><input placeholder=\\"自定义字数限制文本\\" type=\\"text\\" class=\\"t-input__inner\\" maxLength=\\"5\\" value=\\"\\"/><div class=\\"t-input__suffix\\">0/5</div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/input/_example/max-length-count.tsx 1`] = `"<div style=\\"width:500px;gap:24px\\" class=\\"t-space t-space-vertical\\"><div class=\\"t-space-item\\"><div class=\\"t-input__wrap\\" value=\\"\\"><div class=\\"t-input t-align-left\\"><input placeholder=\\"内置字数限制，最大文本长度为10\\" type=\\"text\\" class=\\"t-input__inner\\" value=\\"\\"/><div class=\\"t-input__suffix\\"><div class=\\"t-input__limit-number\\">0/10</div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-input__wrap\\" value=\\"\\"><div class=\\"t-input t-align-left\\"><input placeholder=\\"内置字数限制，最大字符数量限制，一个中文字等于两个字符\\" type=\\"text\\" class=\\"t-input__inner\\" value=\\"\\"/><div class=\\"t-input__suffix\\"><div class=\\"t-input__limit-number\\">0/10</div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-input__wrap\\" value=\\"\\"><div class=\\"t-input t-align-left\\"><input placeholder=\\"内置字数限制，字数超出时允许继续输入\\" type=\\"text\\" class=\\"t-input__inner\\" value=\\"\\"/><div class=\\"t-input__suffix\\"><div class=\\"t-input__limit-number\\">0/5</div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-input__wrap\\" value=\\"\\"><div class=\\"t-input t-align-left t-input--suffix\\"><input placeholder=\\"自定义字数限制文本\\" type=\\"text\\" class=\\"t-input__inner\\" value=\\"\\"/><div class=\\"t-input__suffix\\">0/5</div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test src/input/_example/password.tsx 1`] = `"<div style=\\"gap:16px\\" class=\\"t-space t-space-vertical\\"><div class=\\"t-space-item\\"><div class=\\"t-input__wrap\\" value=\\"\\"><div class=\\"t-input t-align-left t-input--prefix t-input--suffix\\"><span class=\\"t-input__prefix t-input__prefix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-lock-on\\"><path fill=\\"currentColor\\" d=\\"M12 3a4 4 0 00-4 4v3h8V7a4 4 0 00-4-4zm6 7V7A6 6 0 006 7v3H3.5v12h17V10H18zM5.5 12v8h13v-8h-13zM9 15h6v2H9v-2z\\" fill-rule=\\"evenodd\\" clip-rule=\\"evenodd\\"></path></svg></span><input placeholder=\\"请输入\\" type=\\"password\\" class=\\"t-input__inner\\" value=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 26 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse-off t-input__suffix-clear\\"><path fill=\\"currentColor\\" d=\\"M4 1.59l6.17 6.17 7.07 7.07L23.41 21 22 22.41l-2.97-2.96A12.5 12.5 0 011.08 12.3L1 12l.1-.3c.77-2.4 2.24-4.5 4.18-6.02L2.59 3 4 1.59zM6.7 7.1A10.53 10.53 0 003.1 12a10.5 10.5 0 0014.45 5.97l-1.8-1.8a5 5 0 01-6.93-6.93L6.7 7.11zm3.6 3.6a3 3 0 004 4l-4-4zM13 5c-.58 0-1.14.05-1.7.14l-.98.16L10 3.32l.99-.16A12.5 12.5 0 0124.9 11.7l.1.31-.1.3c-.41 1.3-1.03 2.5-1.82 3.58l-.59.8-1.61-1.18.59-.8c.6-.82 1.08-1.73 1.42-2.7A10.5 10.5 0 0013 5zm.51 1.93l.96.29a5 5 0 013.31 3.31l.3.96-1.92.58-.3-.95a3 3 0 00-1.98-1.99l-.95-.3.58-1.9z\\"></path></svg></span></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-input__wrap\\" value=\\"\\"><div class=\\"t-input t-align-left t-input--prefix t-input--suffix\\"><span class=\\"t-input__prefix t-input__prefix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-lock-on\\"><path fill=\\"currentColor\\" d=\\"M12 3a4 4 0 00-4 4v3h8V7a4 4 0 00-4-4zm6 7V7A6 6 0 006 7v3H3.5v12h17V10H18zM5.5 12v8h13v-8h-13zM9 15h6v2H9v-2z\\" fill-rule=\\"evenodd\\" clip-rule=\\"evenodd\\"></path></svg></span><input placeholder=\\"请输入\\" type=\\"password\\" class=\\"t-input__inner\\" value=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 26 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse-off t-input__suffix-clear\\"><path fill=\\"currentColor\\" d=\\"M4 1.59l6.17 6.17 7.07 7.07L23.41 21 22 22.41l-2.97-2.96A12.5 12.5 0 011.08 12.3L1 12l.1-.3c.77-2.4 2.24-4.5 4.18-6.02L2.59 3 4 1.59zM6.7 7.1A10.53 10.53 0 003.1 12a10.5 10.5 0 0014.45 5.97l-1.8-1.8a5 5 0 01-6.93-6.93L6.7 7.11zm3.6 3.6a3 3 0 004 4l-4-4zM13 5c-.58 0-1.14.05-1.7.14l-.98.16L10 3.32l.99-.16A12.5 12.5 0 0124.9 11.7l.1.31-.1.3c-.41 1.3-1.03 2.5-1.82 3.58l-.59.8-1.61-1.18.59-.8c.6-.82 1.08-1.73 1.42-2.7A10.5 10.5 0 0013 5zm.51 1.93l.96.29a5 5 0 013.31 3.31l.3.96-1.92.58-.3-.95a3 3 0 00-1.98-1.99l-.95-.3.58-1.9z\\"></path></svg></span></div></div></div></div>"`;
 
diff --git a/test/snap/__snapshots__/ssr.test.jsx.snap b/test/snap/__snapshots__/ssr.test.jsx.snap
index 5ab5e4bd1..50814362c 100644
--- a/test/snap/__snapshots__/ssr.test.jsx.snap
+++ b/test/snap/__snapshots__/ssr.test.jsx.snap
@@ -232,9 +232,9 @@ exports[`ssr snapshot test > ssr test src/collapse/_example/rightSlot.tsx 1`] =
 
 exports[`ssr snapshot test > ssr test src/color-picker/_example/color-mode.tsx 1`] = `"<div style=\\"gap:16px\\" class=\\"t-space t-space-horizontal t-space--break-line\\"><div class=\\"t-space-item\\"><div><h5 style=\\"margin-bottom:10px;font-weight:normal\\">默认（单色 + 线性渐变）</h5><div class=\\"t-color-picker__trigger\\"><div class=\\"t-color-picker__trigger--default\\"><div class=\\"t-input__wrap t-input--auto-width\\" value=\\"rgba(0, 82, 217, 1)\\"><div class=\\"t-input t-align-left t-input--prefix\\"><div class=\\"t-input__prefix\\"><div class=\\"t-color-picker__trigger--default__color t-color-picker--bg-alpha\\"><span class=\\"color-inner\\" style=\\"background:rgba(0, 82, 217, 1)\\"></span></div></div><input placeholder=\\"请输入\\" type=\\"text\\" class=\\"t-input__inner\\" value=\\"rgba(0, 82, 217, 1)\\"/><span class=\\"t-input__input-pre\\">rgba(0, 82, 217, 1)</span></div></div></div></div></div></div><div class=\\"t-space-item\\"><div><h5 style=\\"margin-bottom:10px;font-weight:normal\\">仅单色模式</h5><div class=\\"t-color-picker__trigger\\"><div class=\\"t-color-picker__trigger--default\\"><div class=\\"t-input__wrap t-input--auto-width\\" value=\\"#0052d9\\"><div class=\\"t-input t-align-left t-input--prefix\\"><div class=\\"t-input__prefix\\"><div class=\\"t-color-picker__trigger--default__color t-color-picker--bg-alpha\\"><span class=\\"color-inner\\" style=\\"background:#0052d9\\"></span></div></div><input placeholder=\\"请输入\\" type=\\"text\\" class=\\"t-input__inner\\" value=\\"#0052d9\\"/><span class=\\"t-input__input-pre\\">#0052d9</span></div></div></div></div></div></div><div class=\\"t-space-item\\"><div style=\\"width:100%\\"></div></div><div class=\\"t-space-item\\"><div><h5 style=\\"margin-bottom:10px;font-weight:normal\\">仅线性渐变模式</h5><div class=\\"t-color-picker__trigger\\"><div class=\\"t-color-picker__trigger--default\\"><div class=\\"t-input__wrap t-input--auto-width\\" value=\\"linear-gradient(45deg, #4facfe 0%, #00f2fe 100%)\\"><div class=\\"t-input t-align-left t-input--prefix\\"><div class=\\"t-input__prefix\\"><div class=\\"t-color-picker__trigger--default__color t-color-picker--bg-alpha\\"><span class=\\"color-inner\\" style=\\"background:linear-gradient(45deg, #4facfe 0%, #00f2fe 100%)\\"></span></div></div><input placeholder=\\"请输入\\" type=\\"text\\" class=\\"t-input__inner\\" value=\\"linear-gradient(45deg, #4facfe 0%, #00f2fe 100%)\\"/><span class=\\"t-input__input-pre\\">linear-gradient(45deg, #4facfe 0%, #00f2fe 100%)</span></div></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/color-picker/_example/enable-alpha.tsx 1`] = `"<div class=\\"t-color-picker__panel\\"><div class=\\"t-color-picker__head\\"><div class=\\"t-color-picker__mode\\"><div class=\\"t-radio-group t-size-s t-radio-group--filled\\"><label tabindex=\\"0\\" class=\\"t-radio-button t-is-checked\\" checked=\\"\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;monochrome&#x27;\\" checked=\\"\\" value=\\"monochrome\\"/><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">单色</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;linear-gradient&#x27;\\" value=\\"linear-gradient\\"/><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">渐变</span></label><div class=\\"t-radio-group__bg-block\\"></div></div></div></div><div class=\\"t-color-picker__body\\"><div class=\\"t-color-picker__saturation\\" style=\\"background:hsl(217.32718894009219, 100%, 50%)\\"><span class=\\"t-color-picker__thumb\\" role=\\"slider\\" tabindex=\\"0\\" style=\\"color:rgb(0, 82, 217);left:230px;top:25px\\"></span></div><div class=\\"t-color-picker__sliders-wrapper\\"><div class=\\"t-color-picker__sliders\\"><div class=\\"t-color-picker__slider-wrapper t-color-picker__slider-wrapper--hue-type\\"><div class=\\"t-color-picker__slider t-color-picker__hue\\"><div class=\\"t-color-picker__rail\\"></div><span class=\\"t-color-picker__thumb\\" role=\\"slider\\" tabindex=\\"0\\"></span></div></div><div class=\\"t-color-picker__slider-wrapper t-color-picker__slider-wrapper--alpha-type\\"><div class=\\"t-color-picker__slider-padding\\" style=\\"background:linear-gradient(90deg, rgba(0,0,0,.0) 0%, rgba(0,0,0,.0) 93%, rgb(0, 82, 217) 93%, rgb(0, 82, 217) 100%)\\"></div><div class=\\"t-color-picker__slider t-color-picker__alpha t-color-picker--bg-alpha\\"><div class=\\"t-color-picker__rail\\" style=\\"background:linear-gradient(to right, rgba(0, 0, 0, 0), rgb(0, 82, 217))\\"></div><span class=\\"t-color-picker__thumb\\" role=\\"slider\\" tabindex=\\"0\\"></span></div></div></div><div class=\\"t-color-picker__sliders-preview t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__sliders-preview-inner\\" style=\\"background:rgba(0, 82, 217, 0.8)\\"></span></div></div><div class=\\"t-color-picker__format\\"><div class=\\"t-color-picker__format--item\\"><div class=\\"t-select__wrap t-color-picker__format-mode-select\\"><div class=\\"t-select t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap t-input--auto-width\\"><div class=\\"t-input t-is-readonly t-size-s t-align-left t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input placeholder=\\"请选择\\" type=\\"text\\" class=\\"t-input__inner\\" readonly=\\"\\" value=\\"\\"/><span class=\\"t-input__input-pre\\">请选择</span><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div></div></div><div class=\\"t-color-picker__format--item\\"><div class=\\"input-group\\"><div class=\\"input-group__item\\" style=\\"flex:3\\"><div class=\\"t-input__wrap\\" title=\\"#0052d9\\"><div class=\\"t-input t-size-s t-align-center\\"><input placeholder=\\"请输入\\" type=\\"text\\" class=\\"t-input__inner\\" maxLength=\\"9\\" value=\\"#0052d9\\"/></div></div></div><div class=\\"input-group__item\\" style=\\"flex:1.15\\"><div class=\\"t-input-number t-size-s t-input-number--normal\\"><div class=\\"t-input__wrap\\" value=\\"\\"><div class=\\"t-input t-size-s t-align-center\\"><input placeholder=\\"请输入\\" type=\\"text\\" class=\\"t-input__inner\\" autoComplete=\\"off\\" value=\\"\\"/></div></div></div></div></div></div></div><div class=\\"t-color-picker__swatches-wrap\\"><div class=\\"t-color-picker__swatches\\"><h3 class=\\"t-color-picker__swatches--title\\"><span>最近使用颜色</span><div class=\\"t-color-picker__swatches--actions\\"><span role=\\"button\\" class=\\"t-color-picker__icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add\\"><path fill=\\"currentColor\\" d=\\"M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z\\"></path></svg></span></div></h3><ul class=\\"t-color-picker__swatches--items narrow-scrollbar\\"></ul></div><div class=\\"t-color-picker__swatches\\"><h3 class=\\"t-color-picker__swatches--title\\"><span>系统预设颜色</span></h3><ul class=\\"t-color-picker__swatches--items narrow-scrollbar\\"><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#ECF2FE\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#D4E3FC\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#BBD3FB\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#96BBF8\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#699EF5\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#4787F0\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#266FE8\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#0052D9\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#0034B5\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#001F97\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#FDECEE\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#F9D7D9\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#F8B9BE\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#F78D94\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#F36D78\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#E34D59\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#C9353F\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#B11F26\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#951114\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#680506\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#FEF3E6\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#F9E0C7\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#F7C797\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#F2995F\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#ED7B2F\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#D35A21\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#BA431B\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#9E3610\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#842B0B\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#5A1907\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#E8F8F2\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#BCEBDC\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#85DBBE\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#48C79C\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#00A870\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#078D5C\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#067945\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#056334\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#044F2A\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#033017\\"></span></div></li></ul></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/color-picker/_example/enable-alpha.tsx 1`] = `"<div class=\\"t-color-picker__panel\\"><div class=\\"t-color-picker__head\\"><div class=\\"t-color-picker__mode\\"><div class=\\"t-radio-group t-size-s t-radio-group--filled\\"><label tabindex=\\"0\\" class=\\"t-radio-button t-is-checked\\" checked=\\"\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;monochrome&#x27;\\" checked=\\"\\" value=\\"monochrome\\"/><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">单色</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;linear-gradient&#x27;\\" value=\\"linear-gradient\\"/><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">渐变</span></label><div class=\\"t-radio-group__bg-block\\"></div></div></div></div><div class=\\"t-color-picker__body\\"><div class=\\"t-color-picker__saturation\\" style=\\"background:hsl(217.32718894009219, 100%, 50%)\\"><span class=\\"t-color-picker__thumb\\" role=\\"slider\\" tabindex=\\"0\\" style=\\"color:rgb(0, 82, 217);left:230px;top:25px\\"></span></div><div class=\\"t-color-picker__sliders-wrapper\\"><div class=\\"t-color-picker__sliders\\"><div class=\\"t-color-picker__slider-wrapper t-color-picker__slider-wrapper--hue-type\\"><div class=\\"t-color-picker__slider t-color-picker__hue\\"><div class=\\"t-color-picker__rail\\"></div><span class=\\"t-color-picker__thumb\\" role=\\"slider\\" tabindex=\\"0\\"></span></div></div><div class=\\"t-color-picker__slider-wrapper t-color-picker__slider-wrapper--alpha-type\\"><div class=\\"t-color-picker__slider-padding\\" style=\\"background:linear-gradient(90deg, rgba(0,0,0,.0) 0%, rgba(0,0,0,.0) 93%, rgb(0, 82, 217) 93%, rgb(0, 82, 217) 100%)\\"></div><div class=\\"t-color-picker__slider t-color-picker__alpha t-color-picker--bg-alpha\\"><div class=\\"t-color-picker__rail\\" style=\\"background:linear-gradient(to right, rgba(0, 0, 0, 0), rgb(0, 82, 217))\\"></div><span class=\\"t-color-picker__thumb\\" role=\\"slider\\" tabindex=\\"0\\"></span></div></div></div><div class=\\"t-color-picker__sliders-preview t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__sliders-preview-inner\\" style=\\"background:rgba(0, 82, 217, 0.8)\\"></span></div></div><div class=\\"t-color-picker__format\\"><div class=\\"t-color-picker__format--item\\"><div class=\\"t-select__wrap t-color-picker__format-mode-select\\"><div class=\\"t-select t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap t-input--auto-width\\"><div class=\\"t-input t-is-readonly t-size-s t-align-left t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input placeholder=\\"请选择\\" type=\\"text\\" class=\\"t-input__inner\\" readonly=\\"\\" value=\\"\\"/><span class=\\"t-input__input-pre\\">请选择</span><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div></div></div><div class=\\"t-color-picker__format--item\\"><div class=\\"input-group\\"><div class=\\"input-group__item\\" style=\\"flex:3\\"><div class=\\"t-input__wrap\\" title=\\"#0052d9\\"><div class=\\"t-input t-size-s t-align-center\\"><input placeholder=\\"请输入\\" type=\\"text\\" class=\\"t-input__inner\\" value=\\"#0052d9\\"/></div></div></div><div class=\\"input-group__item\\" style=\\"flex:1.15\\"><div class=\\"t-input-number t-size-s t-input-number--normal\\"><div class=\\"t-input__wrap\\" value=\\"\\"><div class=\\"t-input t-size-s t-align-center\\"><input placeholder=\\"请输入\\" type=\\"text\\" class=\\"t-input__inner\\" autoComplete=\\"off\\" value=\\"\\"/></div></div></div></div></div></div></div><div class=\\"t-color-picker__swatches-wrap\\"><div class=\\"t-color-picker__swatches\\"><h3 class=\\"t-color-picker__swatches--title\\"><span>最近使用颜色</span><div class=\\"t-color-picker__swatches--actions\\"><span role=\\"button\\" class=\\"t-color-picker__icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add\\"><path fill=\\"currentColor\\" d=\\"M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z\\"></path></svg></span></div></h3><ul class=\\"t-color-picker__swatches--items narrow-scrollbar\\"></ul></div><div class=\\"t-color-picker__swatches\\"><h3 class=\\"t-color-picker__swatches--title\\"><span>系统预设颜色</span></h3><ul class=\\"t-color-picker__swatches--items narrow-scrollbar\\"><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#ECF2FE\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#D4E3FC\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#BBD3FB\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#96BBF8\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#699EF5\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#4787F0\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#266FE8\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#0052D9\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#0034B5\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#001F97\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#FDECEE\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#F9D7D9\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#F8B9BE\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#F78D94\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#F36D78\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#E34D59\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#C9353F\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#B11F26\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#951114\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#680506\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#FEF3E6\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#F9E0C7\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#F7C797\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#F2995F\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#ED7B2F\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#D35A21\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#BA431B\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#9E3610\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#842B0B\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#5A1907\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#E8F8F2\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#BCEBDC\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#85DBBE\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#48C79C\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#00A870\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#078D5C\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#067945\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#056334\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#044F2A\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#033017\\"></span></div></li></ul></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/color-picker/_example/panel.tsx 1`] = `"<div class=\\"t-color-picker__panel\\"><div class=\\"t-color-picker__head\\"><div class=\\"t-color-picker__mode\\"><div class=\\"t-radio-group t-size-s t-radio-group--filled\\"><label tabindex=\\"0\\" class=\\"t-radio-button t-is-checked\\" checked=\\"\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;monochrome&#x27;\\" checked=\\"\\" value=\\"monochrome\\"/><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">单色</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;linear-gradient&#x27;\\" value=\\"linear-gradient\\"/><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">渐变</span></label><div class=\\"t-radio-group__bg-block\\"></div></div></div></div><div class=\\"t-color-picker__body\\"><div class=\\"t-color-picker__saturation\\" style=\\"background:hsl(217.32718894009219, 100%, 50%)\\"><span class=\\"t-color-picker__thumb\\" role=\\"slider\\" tabindex=\\"0\\" style=\\"color:rgb(0, 82, 217);left:230px;top:25px\\"></span></div><div class=\\"t-color-picker__sliders-wrapper\\"><div class=\\"t-color-picker__sliders\\"><div class=\\"t-color-picker__slider-wrapper t-color-picker__slider-wrapper--hue-type\\"><div class=\\"t-color-picker__slider t-color-picker__hue\\"><div class=\\"t-color-picker__rail\\"></div><span class=\\"t-color-picker__thumb\\" role=\\"slider\\" tabindex=\\"0\\"></span></div></div></div><div class=\\"t-color-picker__sliders-preview t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__sliders-preview-inner\\" style=\\"background:rgba(0, 82, 217, 1)\\"></span></div></div><div class=\\"t-color-picker__format\\"><div class=\\"t-color-picker__format--item\\"><div class=\\"t-select__wrap t-color-picker__format-mode-select\\"><div class=\\"t-select t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap t-input--auto-width\\"><div class=\\"t-input t-is-readonly t-size-s t-align-left t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input placeholder=\\"请选择\\" type=\\"text\\" class=\\"t-input__inner\\" readonly=\\"\\" value=\\"\\"/><span class=\\"t-input__input-pre\\">请选择</span><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div></div></div><div class=\\"t-color-picker__format--item\\"><div class=\\"input-group\\"><div class=\\"input-group__item\\" style=\\"flex:3\\"><div class=\\"t-input__wrap\\" title=\\"#0052d9\\"><div class=\\"t-input t-size-s t-align-center\\"><input placeholder=\\"请输入\\" type=\\"text\\" class=\\"t-input__inner\\" maxLength=\\"9\\" value=\\"#0052d9\\"/></div></div></div></div></div></div><div class=\\"t-color-picker__swatches-wrap\\"><div class=\\"t-color-picker__swatches\\"><h3 class=\\"t-color-picker__swatches--title\\"><span>最近使用颜色</span><div class=\\"t-color-picker__swatches--actions\\"><span role=\\"button\\" class=\\"t-color-picker__icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add\\"><path fill=\\"currentColor\\" d=\\"M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z\\"></path></svg></span></div></h3><ul class=\\"t-color-picker__swatches--items narrow-scrollbar\\"></ul></div><div class=\\"t-color-picker__swatches\\"><h3 class=\\"t-color-picker__swatches--title\\"><span>系统预设颜色</span></h3><ul class=\\"t-color-picker__swatches--items narrow-scrollbar\\"><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#ECF2FE\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#D4E3FC\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#BBD3FB\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#96BBF8\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#699EF5\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#4787F0\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#266FE8\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#0052D9\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#0034B5\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#001F97\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#FDECEE\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#F9D7D9\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#F8B9BE\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#F78D94\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#F36D78\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#E34D59\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#C9353F\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#B11F26\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#951114\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#680506\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#FEF3E6\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#F9E0C7\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#F7C797\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#F2995F\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#ED7B2F\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#D35A21\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#BA431B\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#9E3610\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#842B0B\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#5A1907\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#E8F8F2\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#BCEBDC\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#85DBBE\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#48C79C\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#00A870\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#078D5C\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#067945\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#056334\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#044F2A\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#033017\\"></span></div></li></ul></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/color-picker/_example/panel.tsx 1`] = `"<div class=\\"t-color-picker__panel\\"><div class=\\"t-color-picker__head\\"><div class=\\"t-color-picker__mode\\"><div class=\\"t-radio-group t-size-s t-radio-group--filled\\"><label tabindex=\\"0\\" class=\\"t-radio-button t-is-checked\\" checked=\\"\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;monochrome&#x27;\\" checked=\\"\\" value=\\"monochrome\\"/><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">单色</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;linear-gradient&#x27;\\" value=\\"linear-gradient\\"/><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">渐变</span></label><div class=\\"t-radio-group__bg-block\\"></div></div></div></div><div class=\\"t-color-picker__body\\"><div class=\\"t-color-picker__saturation\\" style=\\"background:hsl(217.32718894009219, 100%, 50%)\\"><span class=\\"t-color-picker__thumb\\" role=\\"slider\\" tabindex=\\"0\\" style=\\"color:rgb(0, 82, 217);left:230px;top:25px\\"></span></div><div class=\\"t-color-picker__sliders-wrapper\\"><div class=\\"t-color-picker__sliders\\"><div class=\\"t-color-picker__slider-wrapper t-color-picker__slider-wrapper--hue-type\\"><div class=\\"t-color-picker__slider t-color-picker__hue\\"><div class=\\"t-color-picker__rail\\"></div><span class=\\"t-color-picker__thumb\\" role=\\"slider\\" tabindex=\\"0\\"></span></div></div></div><div class=\\"t-color-picker__sliders-preview t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__sliders-preview-inner\\" style=\\"background:rgba(0, 82, 217, 1)\\"></span></div></div><div class=\\"t-color-picker__format\\"><div class=\\"t-color-picker__format--item\\"><div class=\\"t-select__wrap t-color-picker__format-mode-select\\"><div class=\\"t-select t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap t-input--auto-width\\"><div class=\\"t-input t-is-readonly t-size-s t-align-left t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input placeholder=\\"请选择\\" type=\\"text\\" class=\\"t-input__inner\\" readonly=\\"\\" value=\\"\\"/><span class=\\"t-input__input-pre\\">请选择</span><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div></div></div><div class=\\"t-color-picker__format--item\\"><div class=\\"input-group\\"><div class=\\"input-group__item\\" style=\\"flex:3\\"><div class=\\"t-input__wrap\\" title=\\"#0052d9\\"><div class=\\"t-input t-size-s t-align-center\\"><input placeholder=\\"请输入\\" type=\\"text\\" class=\\"t-input__inner\\" value=\\"#0052d9\\"/></div></div></div></div></div></div><div class=\\"t-color-picker__swatches-wrap\\"><div class=\\"t-color-picker__swatches\\"><h3 class=\\"t-color-picker__swatches--title\\"><span>最近使用颜色</span><div class=\\"t-color-picker__swatches--actions\\"><span role=\\"button\\" class=\\"t-color-picker__icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add\\"><path fill=\\"currentColor\\" d=\\"M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z\\"></path></svg></span></div></h3><ul class=\\"t-color-picker__swatches--items narrow-scrollbar\\"></ul></div><div class=\\"t-color-picker__swatches\\"><h3 class=\\"t-color-picker__swatches--title\\"><span>系统预设颜色</span></h3><ul class=\\"t-color-picker__swatches--items narrow-scrollbar\\"><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#ECF2FE\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#D4E3FC\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#BBD3FB\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#96BBF8\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#699EF5\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#4787F0\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#266FE8\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#0052D9\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#0034B5\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#001F97\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#FDECEE\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#F9D7D9\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#F8B9BE\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#F78D94\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#F36D78\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#E34D59\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#C9353F\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#B11F26\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#951114\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#680506\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#FEF3E6\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#F9E0C7\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#F7C797\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#F2995F\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#ED7B2F\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#D35A21\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#BA431B\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#9E3610\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#842B0B\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#5A1907\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#E8F8F2\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#BCEBDC\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#85DBBE\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#48C79C\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#00A870\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#078D5C\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#067945\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#056334\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#044F2A\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#033017\\"></span></div></li></ul></div></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test src/color-picker/_example/recent-color.tsx 1`] = `"<div style=\\"gap:16px\\" class=\\"t-space t-space-horizontal\\"><div class=\\"t-space-item\\"><div><h6 style=\\"margin-bottom:10px\\">预设最近使用色</h6><div class=\\"t-color-picker__panel\\"><div class=\\"t-color-picker__head\\"><div class=\\"t-color-picker__mode\\"><div class=\\"t-radio-group t-size-s t-radio-group--filled\\"><label tabindex=\\"0\\" class=\\"t-radio-button t-is-checked\\" checked=\\"\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;monochrome&#x27;\\" checked=\\"\\" value=\\"monochrome\\"/><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">单色</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;linear-gradient&#x27;\\" value=\\"linear-gradient\\"/><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">渐变</span></label><div class=\\"t-radio-group__bg-block\\"></div></div></div></div><div class=\\"t-color-picker__body\\"><div class=\\"t-color-picker__saturation\\" style=\\"background:hsl(217.32718894009219, 100%, 50%)\\"><span class=\\"t-color-picker__thumb\\" role=\\"slider\\" tabindex=\\"0\\" style=\\"color:rgb(0, 82, 217);left:230px;top:25px\\"></span></div><div class=\\"t-color-picker__sliders-wrapper\\"><div class=\\"t-color-picker__sliders\\"><div class=\\"t-color-picker__slider-wrapper t-color-picker__slider-wrapper--hue-type\\"><div class=\\"t-color-picker__slider t-color-picker__hue\\"><div class=\\"t-color-picker__rail\\"></div><span class=\\"t-color-picker__thumb\\" role=\\"slider\\" tabindex=\\"0\\"></span></div></div></div><div class=\\"t-color-picker__sliders-preview t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__sliders-preview-inner\\" style=\\"background:rgba(0, 82, 217, 1)\\"></span></div></div><div class=\\"t-color-picker__format\\"><div class=\\"t-color-picker__format--item\\"><div class=\\"t-select__wrap t-color-picker__format-mode-select\\"><div class=\\"t-select t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap t-input--auto-width\\"><div class=\\"t-input t-is-readonly t-size-s t-align-left t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input placeholder=\\"请选择\\" type=\\"text\\" class=\\"t-input__inner\\" readonly=\\"\\" value=\\"\\"/><span class=\\"t-input__input-pre\\">请选择</span><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div></div></div><div class=\\"t-color-picker__format--item\\"><div class=\\"input-group\\"><div class=\\"input-group__item\\" style=\\"flex:1\\"><div class=\\"t-input-number t-size-s t-input-number--normal\\"><div class=\\"t-input__wrap\\" value=\\"\\"><div class=\\"t-input t-size-s t-align-center\\"><input placeholder=\\"请输入\\" type=\\"text\\" class=\\"t-input__inner\\" autoComplete=\\"off\\" value=\\"\\"/></div></div></div></div><div class=\\"input-group__item\\" style=\\"flex:1\\"><div class=\\"t-input-number t-size-s t-input-number--normal\\"><div class=\\"t-input__wrap\\" value=\\"\\"><div class=\\"t-input t-size-s t-align-center\\"><input placeholder=\\"请输入\\" type=\\"text\\" class=\\"t-input__inner\\" autoComplete=\\"off\\" value=\\"\\"/></div></div></div></div><div class=\\"input-group__item\\" style=\\"flex:1\\"><div class=\\"t-input-number t-size-s t-input-number--normal\\"><div class=\\"t-input__wrap\\" value=\\"\\"><div class=\\"t-input t-size-s t-align-center\\"><input placeholder=\\"请输入\\" type=\\"text\\" class=\\"t-input__inner\\" autoComplete=\\"off\\" value=\\"\\"/></div></div></div></div></div></div></div><div class=\\"t-color-picker__swatches-wrap\\"><div class=\\"t-color-picker__swatches\\"><h3 class=\\"t-color-picker__swatches--title\\"><span>最近使用颜色</span><div class=\\"t-color-picker__swatches--actions\\"><span role=\\"button\\" class=\\"t-color-picker__icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add\\"><path fill=\\"currentColor\\" d=\\"M13 4v7h7v2h-7v7h-2v-7H4v-2h7V4h2z\\"></path></svg></span><span role=\\"button\\" class=\\"t-color-picker__icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-delete\\"><path fill=\\"currentColor\\" d=\\"M7.5 1h9v3H22v2h-2.03l-.5 17H4.53l-.5-17H2V4h5.5V1zm2 3h5V3h-5v1zM6.03 6l.44 15h11.06l.44-15H6.03zM13 8v11h-2V8h2z\\"></path></svg></span></div></h3><ul class=\\"t-color-picker__swatches--items narrow-scrollbar\\"><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#f00\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#008000\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#ffff00\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#0000ff\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#800080\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:linear-gradient(to right, #fa709a 0%, #fee140 100%)\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:linear-gradient(45deg, #eea2a2 0%, #bbc1bf 19%, #57c6e1 42%, #b49fda 79%, #7ac5d8 100%)\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:linear-gradient(120deg, #fcc5e4 0%, #fda34b 15%, #ff7882 35%, #c8699e 52%, #7046aa 71%, #0c1db8 87%, #020f75 100%)\\"></span></div></li></ul></div><div class=\\"t-color-picker__swatches\\"><h3 class=\\"t-color-picker__swatches--title\\"><span>系统预设颜色</span></h3><ul class=\\"t-color-picker__swatches--items narrow-scrollbar\\"><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#ECF2FE\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#D4E3FC\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#BBD3FB\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#96BBF8\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#699EF5\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#4787F0\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#266FE8\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#0052D9\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#0034B5\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#001F97\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#FDECEE\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#F9D7D9\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#F8B9BE\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#F78D94\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#F36D78\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#E34D59\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#C9353F\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#B11F26\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#951114\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#680506\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#FEF3E6\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#F9E0C7\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#F7C797\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#F2995F\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#ED7B2F\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#D35A21\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#BA431B\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#9E3610\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#842B0B\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#5A1907\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#E8F8F2\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#BCEBDC\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#85DBBE\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#48C79C\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#00A870\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#078D5C\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#067945\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#056334\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#044F2A\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#033017\\"></span></div></li></ul></div></div></div></div></div></div><div class=\\"t-space-item\\"><div><h6 style=\\"margin-bottom:10px\\">完全不显示最近使用色</h6><div class=\\"t-color-picker__panel\\"><div class=\\"t-color-picker__head\\"><div class=\\"t-color-picker__mode\\"><div class=\\"t-radio-group t-size-s t-radio-group--filled\\"><label tabindex=\\"0\\" class=\\"t-radio-button t-is-checked\\" checked=\\"\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;monochrome&#x27;\\" checked=\\"\\" value=\\"monochrome\\"/><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">单色</span></label><label tabindex=\\"0\\" class=\\"t-radio-button\\"><input type=\\"radio\\" class=\\"t-radio-button__former\\" tabindex=\\"-1\\" data-value=\\"&#x27;linear-gradient&#x27;\\" value=\\"linear-gradient\\"/><span class=\\"t-radio-button__input\\"></span><span class=\\"t-radio-button__label\\">渐变</span></label><div class=\\"t-radio-group__bg-block\\"></div></div></div></div><div class=\\"t-color-picker__body\\"><div class=\\"t-color-picker__saturation\\" style=\\"background:hsl(217.32718894009219, 100%, 50%)\\"><span class=\\"t-color-picker__thumb\\" role=\\"slider\\" tabindex=\\"0\\" style=\\"color:rgb(0, 82, 217);left:230px;top:25px\\"></span></div><div class=\\"t-color-picker__sliders-wrapper\\"><div class=\\"t-color-picker__sliders\\"><div class=\\"t-color-picker__slider-wrapper t-color-picker__slider-wrapper--hue-type\\"><div class=\\"t-color-picker__slider t-color-picker__hue\\"><div class=\\"t-color-picker__rail\\"></div><span class=\\"t-color-picker__thumb\\" role=\\"slider\\" tabindex=\\"0\\"></span></div></div></div><div class=\\"t-color-picker__sliders-preview t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__sliders-preview-inner\\" style=\\"background:rgba(0, 82, 217, 1)\\"></span></div></div><div class=\\"t-color-picker__format\\"><div class=\\"t-color-picker__format--item\\"><div class=\\"t-select__wrap t-color-picker__format-mode-select\\"><div class=\\"t-select t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap t-input--auto-width\\"><div class=\\"t-input t-is-readonly t-size-s t-align-left t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input placeholder=\\"请选择\\" type=\\"text\\" class=\\"t-input__inner\\" readonly=\\"\\" value=\\"\\"/><span class=\\"t-input__input-pre\\">请选择</span><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg class=\\"t-fake-arrow t-select__right-icon\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\"><path d=\\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\\" stroke=\\"black\\" stroke-opacity=\\"0.9\\" stroke-width=\\"1.3\\"></path></svg></span></div></div></div></div></div><div class=\\"t-color-picker__format--item\\"><div class=\\"input-group\\"><div class=\\"input-group__item\\" style=\\"flex:1\\"><div class=\\"t-input-number t-size-s t-input-number--normal\\"><div class=\\"t-input__wrap\\" value=\\"\\"><div class=\\"t-input t-size-s t-align-center\\"><input placeholder=\\"请输入\\" type=\\"text\\" class=\\"t-input__inner\\" autoComplete=\\"off\\" value=\\"\\"/></div></div></div></div><div class=\\"input-group__item\\" style=\\"flex:1\\"><div class=\\"t-input-number t-size-s t-input-number--normal\\"><div class=\\"t-input__wrap\\" value=\\"\\"><div class=\\"t-input t-size-s t-align-center\\"><input placeholder=\\"请输入\\" type=\\"text\\" class=\\"t-input__inner\\" autoComplete=\\"off\\" value=\\"\\"/></div></div></div></div><div class=\\"input-group__item\\" style=\\"flex:1\\"><div class=\\"t-input-number t-size-s t-input-number--normal\\"><div class=\\"t-input__wrap\\" value=\\"\\"><div class=\\"t-input t-size-s t-align-center\\"><input placeholder=\\"请输入\\" type=\\"text\\" class=\\"t-input__inner\\" autoComplete=\\"off\\" value=\\"\\"/></div></div></div></div></div></div></div><div class=\\"t-color-picker__swatches-wrap\\"><div class=\\"t-color-picker__swatches\\"><h3 class=\\"t-color-picker__swatches--title\\"><span>系统预设颜色</span></h3><ul class=\\"t-color-picker__swatches--items narrow-scrollbar\\"><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#ECF2FE\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#D4E3FC\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#BBD3FB\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#96BBF8\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#699EF5\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#4787F0\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#266FE8\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#0052D9\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#0034B5\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#001F97\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#FDECEE\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#F9D7D9\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#F8B9BE\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#F78D94\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#F36D78\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#E34D59\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#C9353F\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#B11F26\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#951114\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#680506\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#FEF3E6\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#F9E0C7\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#F7C797\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#F2995F\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#ED7B2F\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#D35A21\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#BA431B\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#9E3610\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#842B0B\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#5A1907\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#E8F8F2\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#BCEBDC\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#85DBBE\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#48C79C\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#00A870\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#078D5C\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#067945\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#056334\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#044F2A\\"></span></div></li><li class=\\"t-color-picker__swatches--item\\"><div class=\\"t-color-picker__swatches--item__color t-color-picker--bg-alpha\\"><span class=\\"t-color-picker__swatches--item__inner\\" style=\\"background:#033017\\"></span></div></li></ul></div></div></div></div></div></div></div>"`;
 
@@ -524,7 +524,7 @@ exports[`ssr snapshot test > ssr test src/input/_example/format.tsx 1`] = `"<div
 
 exports[`ssr snapshot test > ssr test src/input/_example/group.tsx 1`] = `"<div style=\\"gap:16px\\" class=\\"t-space t-space-vertical\\"><div class=\\"t-space-item\\"><div class=\\"t-input-group t-input-group--separate\\"><div style=\\"width:100px\\" class=\\"t-input__wrap\\"><div class=\\"t-input t-align-left\\"><input placeholder=\\"please enter\\" type=\\"text\\" class=\\"t-input__inner\\" value=\\"0731\\"/></div></div><div class=\\"t-input__wrap\\"><div class=\\"t-input t-align-left\\"><input placeholder=\\"please enter\\" type=\\"text\\" class=\\"t-input__inner\\" value=\\"12345677\\"/></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-input-group t-input-group--separate\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-align-left\\"><input placeholder=\\"please enter\\" type=\\"text\\" class=\\"t-input__inner\\" value=\\"\\"/></div></div><div class=\\"t-input__wrap\\"><div class=\\"t-input t-align-left\\"><input placeholder=\\"please enter\\" type=\\"text\\" class=\\"t-input__inner\\" value=\\"\\"/></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-input-group t-input-group--separate\\"><div style=\\"width:100px\\" class=\\"t-input__wrap\\"><div class=\\"t-input t-align-left\\"><input placeholder=\\"please enter\\" type=\\"text\\" class=\\"t-input__inner\\" value=\\"0731\\"/></div></div><span style=\\"line-height:32px\\"> - </span><div style=\\"width:100px\\" class=\\"t-input__wrap\\"><div class=\\"t-input t-align-left\\"><input placeholder=\\"please enter\\" type=\\"text\\" class=\\"t-input__inner\\" value=\\"12345\\"/></div></div><div style=\\"width:100px\\" class=\\"t-input__wrap\\"><div class=\\"t-input t-align-left\\"><input placeholder=\\"please enter\\" type=\\"text\\" class=\\"t-input__inner\\" value=\\"678901\\"/></div></div><div style=\\"width:100px\\" class=\\"t-input__wrap\\"><div class=\\"t-input t-align-left\\"><input placeholder=\\"please enter\\" type=\\"text\\" class=\\"t-input__inner\\" value=\\"\\"/></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test > ssr test src/input/_example/max-length-count.tsx 1`] = `"<div style=\\"width:500px;gap:24px\\" class=\\"t-space t-space-vertical\\"><div class=\\"t-space-item\\"><div class=\\"t-input__wrap\\" value=\\"\\"><div class=\\"t-input t-align-left\\"><input placeholder=\\"内置字数限制，最大文本长度为10\\" type=\\"text\\" class=\\"t-input__inner\\" maxLength=\\"10\\" value=\\"\\"/><div class=\\"t-input__suffix\\"><div class=\\"t-input__limit-number\\">0/10</div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-input__wrap\\" value=\\"\\"><div class=\\"t-input t-align-left\\"><input placeholder=\\"内置字数限制，最大字符数量限制，一个中文字等于两个字符\\" type=\\"text\\" class=\\"t-input__inner\\" value=\\"\\"/><div class=\\"t-input__suffix\\"><div class=\\"t-input__limit-number\\">0/10</div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-input__wrap\\" value=\\"\\"><div class=\\"t-input t-align-left\\"><input placeholder=\\"内置字数限制，字数超出时允许继续输入\\" type=\\"text\\" class=\\"t-input__inner\\" value=\\"\\"/><div class=\\"t-input__suffix\\"><div class=\\"t-input__limit-number\\">0/5</div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-input__wrap\\" value=\\"\\"><div class=\\"t-input t-align-left t-input--suffix\\"><input placeholder=\\"自定义字数限制文本\\" type=\\"text\\" class=\\"t-input__inner\\" maxLength=\\"5\\" value=\\"\\"/><div class=\\"t-input__suffix\\">0/5</div></div></div></div></div>"`;
+exports[`ssr snapshot test > ssr test src/input/_example/max-length-count.tsx 1`] = `"<div style=\\"width:500px;gap:24px\\" class=\\"t-space t-space-vertical\\"><div class=\\"t-space-item\\"><div class=\\"t-input__wrap\\" value=\\"\\"><div class=\\"t-input t-align-left\\"><input placeholder=\\"内置字数限制，最大文本长度为10\\" type=\\"text\\" class=\\"t-input__inner\\" value=\\"\\"/><div class=\\"t-input__suffix\\"><div class=\\"t-input__limit-number\\">0/10</div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-input__wrap\\" value=\\"\\"><div class=\\"t-input t-align-left\\"><input placeholder=\\"内置字数限制，最大字符数量限制，一个中文字等于两个字符\\" type=\\"text\\" class=\\"t-input__inner\\" value=\\"\\"/><div class=\\"t-input__suffix\\"><div class=\\"t-input__limit-number\\">0/10</div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-input__wrap\\" value=\\"\\"><div class=\\"t-input t-align-left\\"><input placeholder=\\"内置字数限制，字数超出时允许继续输入\\" type=\\"text\\" class=\\"t-input__inner\\" value=\\"\\"/><div class=\\"t-input__suffix\\"><div class=\\"t-input__limit-number\\">0/5</div></div></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-input__wrap\\" value=\\"\\"><div class=\\"t-input t-align-left t-input--suffix\\"><input placeholder=\\"自定义字数限制文本\\" type=\\"text\\" class=\\"t-input__inner\\" value=\\"\\"/><div class=\\"t-input__suffix\\">0/5</div></div></div></div></div>"`;
 
 exports[`ssr snapshot test > ssr test src/input/_example/password.tsx 1`] = `"<div style=\\"gap:16px\\" class=\\"t-space t-space-vertical\\"><div class=\\"t-space-item\\"><div class=\\"t-input__wrap\\" value=\\"\\"><div class=\\"t-input t-align-left t-input--prefix t-input--suffix\\"><span class=\\"t-input__prefix t-input__prefix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-lock-on\\"><path fill=\\"currentColor\\" d=\\"M12 3a4 4 0 00-4 4v3h8V7a4 4 0 00-4-4zm6 7V7A6 6 0 006 7v3H3.5v12h17V10H18zM5.5 12v8h13v-8h-13zM9 15h6v2H9v-2z\\" fill-rule=\\"evenodd\\" clip-rule=\\"evenodd\\"></path></svg></span><input placeholder=\\"请输入\\" type=\\"password\\" class=\\"t-input__inner\\" value=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 26 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse-off t-input__suffix-clear\\"><path fill=\\"currentColor\\" d=\\"M4 1.59l6.17 6.17 7.07 7.07L23.41 21 22 22.41l-2.97-2.96A12.5 12.5 0 011.08 12.3L1 12l.1-.3c.77-2.4 2.24-4.5 4.18-6.02L2.59 3 4 1.59zM6.7 7.1A10.53 10.53 0 003.1 12a10.5 10.5 0 0014.45 5.97l-1.8-1.8a5 5 0 01-6.93-6.93L6.7 7.11zm3.6 3.6a3 3 0 004 4l-4-4zM13 5c-.58 0-1.14.05-1.7.14l-.98.16L10 3.32l.99-.16A12.5 12.5 0 0124.9 11.7l.1.31-.1.3c-.41 1.3-1.03 2.5-1.82 3.58l-.59.8-1.61-1.18.59-.8c.6-.82 1.08-1.73 1.42-2.7A10.5 10.5 0 0013 5zm.51 1.93l.96.29a5 5 0 013.31 3.31l.3.96-1.92.58-.3-.95a3 3 0 00-1.98-1.99l-.95-.3.58-1.9z\\"></path></svg></span></div></div></div><div class=\\"t-space-item\\"><div class=\\"t-input__wrap\\" value=\\"\\"><div class=\\"t-input t-align-left t-input--prefix t-input--suffix\\"><span class=\\"t-input__prefix t-input__prefix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-lock-on\\"><path fill=\\"currentColor\\" d=\\"M12 3a4 4 0 00-4 4v3h8V7a4 4 0 00-4-4zm6 7V7A6 6 0 006 7v3H3.5v12h17V10H18zM5.5 12v8h13v-8h-13zM9 15h6v2H9v-2z\\" fill-rule=\\"evenodd\\" clip-rule=\\"evenodd\\"></path></svg></span><input placeholder=\\"请输入\\" type=\\"password\\" class=\\"t-input__inner\\" value=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 26 24\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-browse-off t-input__suffix-clear\\"><path fill=\\"currentColor\\" d=\\"M4 1.59l6.17 6.17 7.07 7.07L23.41 21 22 22.41l-2.97-2.96A12.5 12.5 0 011.08 12.3L1 12l.1-.3c.77-2.4 2.24-4.5 4.18-6.02L2.59 3 4 1.59zM6.7 7.1A10.53 10.53 0 003.1 12a10.5 10.5 0 0014.45 5.97l-1.8-1.8a5 5 0 01-6.93-6.93L6.7 7.11zm3.6 3.6a3 3 0 004 4l-4-4zM13 5c-.58 0-1.14.05-1.7.14l-.98.16L10 3.32l.99-.16A12.5 12.5 0 0124.9 11.7l.1.31-.1.3c-.41 1.3-1.03 2.5-1.82 3.58l-.59.8-1.61-1.18.59-.8c.6-.82 1.08-1.73 1.42-2.7A10.5 10.5 0 0013 5zm.51 1.93l.96.29a5 5 0 013.31 3.31l.3.96-1.92.58-.3-.95a3 3 0 00-1.98-1.99l-.95-.3.58-1.9z\\"></path></svg></span></div></div></div></div>"`;