tdesign-react 0.35.2-alpha.8 → 0.36.1

package/dist/tdesign.css

@@ -1,336 +1,3 @@
-/* stylelint-disable */
-/* property-no-vendor-prefix -- Ignore rule since we're meant to reset vendor styles */
-/**
- * TDesign fork of normalize.css
- *
- * Credit:
- * normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css
- */
-/* Document
-   ========================================================================== */
-*,
-*::before,
-*::after {
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
-}
-/**
- * 1. Correct the line height in all browsers.
- * 2. Prevent adjustments of font size after orientation changes in iOS.
- */
-html {
-  line-height: 1.15;
-  /* 1 */
-  -webkit-text-size-adjust: 100%;
-  /* 2 */
-}
-/* Sections
-   ========================================================================== */
-/**
- * Remove the margin in all browsers.
- */
-body {
-  margin: 0;
-  font-family: PingFang SC, Microsoft YaHei, Arial Regular;
-  font-size: 14px;
-}
-/**
- * Render the `main` element consistently in IE.
- */
-main {
-  display: block;
-}
-/**
- * Correct the font size and margin on `h1` elements within `section` and
- * `article` contexts in Chrome, Firefox, and Safari.
- */
-h1 {
-  font-size: 2em;
-  margin: 0.67em 0;
-}
-/* Grouping content
-   ========================================================================== */
-/**
- * 1. Add the correct box sizing in Firefox.
- * 2. Show the overflow in Edge and IE.
- */
-hr {
-  -webkit-box-sizing: content-box;
-          box-sizing: content-box;
-  /* 1 */
-  height: 0;
-  /* 1 */
-  overflow: visible;
-  /* 2 */
-}
-/**
- * 1. Correct the inheritance and scaling of font size in all browsers.
- * 2. Correct the odd `em` font sizing in all browsers.
- */
-pre {
-  font-family: monospace, monospace;
-  /* 1 */
-  font-size: 1em;
-  /* 2 */
-}
-/* Text-level semantics
-   ========================================================================== */
-/**
- * Remove the gray background on active links in IE 10.
- */
-a {
-  background-color: transparent;
-}
-/**
- * 1. Remove the bottom border in Chrome 57-
- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
- */
-abbr[title] {
-  border-bottom: 0;
-  /* 1 */
-  text-decoration: underline;
-  /* 2 */
-  -webkit-text-decoration: underline dotted;
-          text-decoration: underline dotted;
-  /* 2 */
-}
-/**
- * Add the correct font weight in Chrome, Edge, and Safari.
- */
-b,
-strong {
-  font-weight: bolder;
-}
-/**
- * 1. Correct the inheritance and scaling of font size in all browsers.
- * 2. Correct the odd `em` font sizing in all browsers.
- */
-code,
-kbd,
-samp {
-  font-family: monospace, monospace;
-  /* 1 */
-  font-size: 1em;
-  /* 2 */
-}
-/**
- * Add the correct font size in all browsers.
- */
-small {
-  font-size: 80%;
-}
-/**
- * Prevent `sub` and `sup` elements from affecting the line height in
- * all browsers.
- */
-sub,
-sup {
-  font-size: 75%;
-  line-height: 0;
-  position: relative;
-  vertical-align: baseline;
-}
-sub {
-  bottom: -0.25em;
-}
-sup {
-  top: -0.5em;
-}
-/* Embedded content
-   ========================================================================== */
-/**
- * Remove the border on images inside links in IE 10.
- */
-img {
-  border-style: none none none none;
-}
-/* Forms
-   ========================================================================== */
-/**
- * 1. Change the font styles in all browsers.
- * 2. Remove the margin in Firefox and Safari.
- */
-button,
-input,
-optgroup,
-select,
-textarea {
-  font-family: inherit;
-  /* 1 */
-  font-size: 100%;
-  /* 1 */
-  line-height: 1.15;
-  /* 1 */
-  margin: 0;
-  /* 2 */
-}
-/**
- * Show the overflow in IE.
- * 1. Show the overflow in Edge.
- */
-button,
-input {
-  /* 1 */
-  overflow: visible;
-}
-/**
- * Remove the inheritance of text transform in Edge, Firefox, and IE.
- * 1. Remove the inheritance of text transform in Firefox.
- */
-button,
-select {
-  /* 1 */
-  text-transform: none;
-}
-/**
- * Correct the inability to style clickable types in iOS and Safari.
- */
-button,
-[type="button"],
-[type="reset"],
-[type="submit"] {
-  -webkit-appearance: button;
-}
-/**
- * Remove the inner border and padding in Firefox.
- */
-button::-moz-focus-inner,
-[type="button"]::-moz-focus-inner,
-[type="reset"]::-moz-focus-inner,
-[type="submit"]::-moz-focus-inner {
-  border-style: none none none none;
-  padding: 0;
-}
-/**
- * Restore the focus styles unset by the previous rule.
- */
-button:-moz-focusring,
-[type="button"]:-moz-focusring,
-[type="reset"]:-moz-focusring,
-[type="submit"]:-moz-focusring {
-  outline: 1px dotted ButtonText;
-}
-/**
- * Correct the padding in Firefox.
- */
-fieldset {
-  padding: 0.35em 0.75em 0.625em;
-}
-/**
- * 1. Correct the text wrapping in Edge and IE.
- * 2. Correct the color inheritance from `fieldset` elements in IE.
- * 3. Remove the padding so developers are not caught out when they zero out
- *    `fieldset` elements in all browsers.
- */
-legend {
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
-  /* 1 */
-  color: inherit;
-  /* 2 */
-  display: table;
-  /* 1 */
-  max-width: 100%;
-  /* 1 */
-  padding: 0;
-  /* 3 */
-  white-space: normal;
-  /* 1 */
-}
-/**
- * Add the correct vertical alignment in Chrome, Firefox, and Opera.
- */
-progress {
-  vertical-align: baseline;
-}
-/**
- * Remove the default vertical scrollbar in IE 10+.
- */
-textarea {
-  overflow: auto;
-  background-color: transparent;
-}
-/**
- * 1. Add the correct box sizing in IE 10.
- * 2. Remove the padding in IE 10.
- */
-[type="checkbox"],
-[type="radio"] {
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
-  /* 1 */
-  padding: 0;
-  /* 2 */
-}
-/**
- * Correct the cursor style of increment and decrement buttons in Chrome.
- */
-[type="number"]::-webkit-inner-spin-button,
-[type="number"]::-webkit-outer-spin-button {
-  height: auto;
-}
-/**
- * 1. Correct the odd appearance in Chrome and Safari.
- * 2. Correct the outline style in Safari.
- */
-[type="search"] {
-  -webkit-appearance: textfield;
-  /* 1 */
-  outline-offset: -2px;
-  /* 2 */
-}
-/**
- * Remove the inner padding in Chrome and Safari on macOS.
- */
-[type="search"]::-webkit-search-decoration {
-  -webkit-appearance: none;
-}
-/**
- * Remove the cancel button in Chrome and Safari on macOS.
- */
-[type="search"]::-webkit-search-cancel-button {
-  -webkit-appearance: none;
-}
-/**
- * 1. Correct the inability to style clickable types in iOS and Safari.
- * 2. Change font properties to `inherit` in Safari.
- */
-::-webkit-file-upload-button {
-  -webkit-appearance: button;
-  /* 1 */
-  font: inherit;
-  /* 2 */
-}
-/* Interactive
-   ========================================================================== */
-/*
- * Add the correct display in Edge, IE 10+, and Firefox.
- */
-details {
-  display: block;
-}
-/*
- * Add the correct display in all browsers.
- */
-summary {
-  display: list-item;
-}
-/* Misc
-   ========================================================================== */
-/**
- * Add the correct display in IE 10+.
- */
-template {
-  display: none;
-}
-/**
- * Add the correct display in IE 10.
- */
-[hidden] {
-  display: none;
-}
-/* stylelint-enable */
-
 :root {
   --td-screen-xs: 320px;
   --td-screen-sm: 768px;
@@ -610,10 +277,16 @@ template {
   --td-scroll-track-color: #333;
 }
 
-.t-layout,
-.t-layout * {
+.t-layout {
+  font-family: PingFang SC, Microsoft YaHei, Arial Regular;
+  font-size: 14px;
+  line-height: 22px;
+  color: var(--td-text-color-primary);
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  list-style: none;
 }
 .t-layout,
 .t-layout__direction-vertical {
@@ -658,6 +331,15 @@ template {
 }
 
 .t-row {
+  font-family: PingFang SC, Microsoft YaHei, Arial Regular;
+  font-size: 14px;
+  line-height: 22px;
+  color: var(--td-text-color-primary);
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  list-style: none;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -2723,6 +2405,15 @@ template {
   }
 }
 .t-loading {
+  font-family: PingFang SC, Microsoft YaHei, Arial Regular;
+  font-size: 14px;
+  line-height: 22px;
+  color: var(--td-text-color-primary);
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  list-style: none;
   position: relative;
   color: var(--td-brand-color);
   font-size: 36px;
@@ -2846,6 +2537,14 @@ template {
   max-width: 480px;
 }
 .t-popup {
+  font-family: PingFang SC, Microsoft YaHei, Arial Regular;
+  font-size: 14px;
+  line-height: 22px;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  list-style: none;
   color: var(--td-text-color-primary);
   display: inline-block;
   z-index: 5500;
@@ -2859,6 +2558,8 @@ template {
   padding: 4px 8px;
   font-size: 14px;
   line-height: 22px;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
 }
 .t-popup__reference {
   display: inline-block;
@@ -3100,6 +2801,14 @@ template {
 }
 
 .t-button {
+  font-family: PingFang SC, Microsoft YaHei, Arial Regular;
+  line-height: 22px;
+  color: var(--td-text-color-primary);
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  list-style: none;
   position: relative;
   z-index: 0;
   overflow: hidden;
@@ -3975,37 +3684,42 @@ template {
 }
 
 @-webkit-keyframes t-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes t-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.t-icon{display:inline-block;vertical-align:middle;width:1em;height:1em}.t-icon:before{font-family:unset}.t-icon-loading{-webkit-animation:t-spin 1s linear infinite;animation:t-spin 1s linear infinite}.t-icon{fill:currentColor}.t-icon.t-size-s{font-size:14px}.t-icon.t-size-m{font-size:16px}.t-icon.t-size-l{font-size:18px}
-.input-disabled.t-input.t-is-disabled {
+.input-disabled.t-is-disabled {
   color: var(--td-text-color-disabled);
   background-color: var(--td-bg-color-component-disabled);
 }
-.input-disabled.t-input.t-is-disabled:hover {
+.input-disabled.t-is-disabled:hover {
   border-color: var(--td-border-level-2-color);
 }
-.input-disabled.t-input.t-is-disabled .t-input__inner {
+.input-disabled.t-is-disabled .t-input__inner {
   cursor: not-allowed;
   color: var(--td-text-color-disabled);
 }
-.input-disabled.t-input.t-is-disabled .t-input__inner::-webkit-input-placeholder {
+.input-disabled.t-is-disabled .t-input__inner::-webkit-input-placeholder {
   color: var(--td-text-color-disabled);
 }
-.input-disabled.t-input.t-is-disabled .t-input__inner::-moz-placeholder {
+.input-disabled.t-is-disabled .t-input__inner::-moz-placeholder {
   color: var(--td-text-color-disabled);
 }
-.input-disabled.t-input.t-is-disabled .t-input__inner:-ms-input-placeholder {
+.input-disabled.t-is-disabled .t-input__inner:-ms-input-placeholder {
   color: var(--td-text-color-disabled);
 }
-.input-disabled.t-input.t-is-disabled .t-input__inner::-ms-input-placeholder {
+.input-disabled.t-is-disabled .t-input__inner::-ms-input-placeholder {
   color: var(--td-text-color-disabled);
 }
-.input-disabled.t-input.t-is-disabled .t-input__inner::placeholder {
+.input-disabled.t-is-disabled .t-input__inner::placeholder {
   color: var(--td-text-color-disabled);
 }
-.input-disabled.t-input.t-is-disabled > .t-input__prefix .t-icon,
-.input-disabled.t-input.t-is-disabled > .t-input__suffix .t-icon {
+.input-disabled.t-is-disabled > .t-input__prefix .t-icon,
+.input-disabled.t-is-disabled > .t-input__suffix .t-icon {
   color: var(--td-text-color-disabled);
 }
 .t-input {
+  font-family: PingFang SC, Microsoft YaHei, Arial Regular;
+  line-height: 22px;
+  margin: 0;
+  padding: 0;
+  list-style: none;
   position: relative;
   height: 32px;
   line-height: 32px;
@@ -4061,6 +3775,9 @@ template {
   color: var(--td-text-color-primary);
   line-height: inherit;
   background-color: transparent;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  height: 100%;
 }
 .t-input__inner:-moz-read-only {
   cursor: pointer;
@@ -4153,34 +3870,34 @@ template {
 .t-input.t-is-error > .t-input__extra {
   color: var(--td-error-color);
 }
-.t-input.t-input.t-is-disabled {
+.t-input.t-is-disabled {
   color: var(--td-text-color-disabled);
   background-color: var(--td-bg-color-component-disabled);
 }
-.t-input.t-input.t-is-disabled:hover {
+.t-input.t-is-disabled:hover {
   border-color: var(--td-border-level-2-color);
 }
-.t-input.t-input.t-is-disabled .t-input__inner {
+.t-input.t-is-disabled .t-input__inner {
   cursor: not-allowed;
   color: var(--td-text-color-disabled);
 }
-.t-input.t-input.t-is-disabled .t-input__inner::-webkit-input-placeholder {
+.t-input.t-is-disabled .t-input__inner::-webkit-input-placeholder {
   color: var(--td-text-color-disabled);
 }
-.t-input.t-input.t-is-disabled .t-input__inner::-moz-placeholder {
+.t-input.t-is-disabled .t-input__inner::-moz-placeholder {
   color: var(--td-text-color-disabled);
 }
-.t-input.t-input.t-is-disabled .t-input__inner:-ms-input-placeholder {
+.t-input.t-is-disabled .t-input__inner:-ms-input-placeholder {
   color: var(--td-text-color-disabled);
 }
-.t-input.t-input.t-is-disabled .t-input__inner::-ms-input-placeholder {
+.t-input.t-is-disabled .t-input__inner::-ms-input-placeholder {
   color: var(--td-text-color-disabled);
 }
-.t-input.t-input.t-is-disabled .t-input__inner::placeholder {
+.t-input.t-is-disabled .t-input__inner::placeholder {
   color: var(--td-text-color-disabled);
 }
-.t-input.t-input.t-is-disabled > .t-input__prefix .t-icon,
-.t-input.t-input.t-is-disabled > .t-input__suffix .t-icon {
+.t-input.t-is-disabled > .t-input__prefix .t-icon,
+.t-input.t-is-disabled > .t-input__suffix .t-icon {
   color: var(--td-text-color-disabled);
 }
 .t-input.t-input--prefix > .t-input__prefix-icon {
@@ -4373,6 +4090,15 @@ template {
 }
 
 .t-input-adornment {
+  font-family: PingFang SC, Microsoft YaHei, Arial Regular;
+  font-size: 14px;
+  line-height: 22px;
+  color: var(--td-text-color-primary);
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  list-style: none;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -4454,6 +4180,15 @@ template {
 
 /* Alert */
 .t-alert {
+  font-family: PingFang SC, Microsoft YaHei, Arial Regular;
+  font-size: 14px;
+  line-height: 22px;
+  color: var(--td-text-color-primary);
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  list-style: none;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -4698,6 +4433,15 @@ template {
 }
 
 .t-badge {
+  font-family: PingFang SC, Microsoft YaHei, Arial Regular;
+  font-size: 14px;
+  line-height: 22px;
+  color: var(--td-text-color-primary);
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  list-style: none;
   position: relative;
   display: inline-block;
 }
@@ -4753,6 +4497,15 @@ template {
 }
 
 .t-radio-group {
+  font-family: PingFang SC, Microsoft YaHei, Arial Regular;
+  font-size: 14px;
+  line-height: 22px;
+  color: var(--td-text-color-primary);
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  list-style: none;
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
@@ -4937,6 +4690,8 @@ template {
   transition: color 0.2s cubic-bezier(0, 0, 0.15, 1);
   color: var(--td-text-color-primary);
   white-space: nowrap;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
 }
 .t-radio-group .t-radio-button:first-child {
   border-radius: 3px 0 0 3px;
@@ -4950,6 +4705,15 @@ template {
   opacity: 0;
   height: 0;
   width: 0;
+  font-family: PingFang SC, Microsoft YaHei, Arial Regular;
+  font-size: 14px;
+  line-height: 22px;
+  color: var(--td-text-color-primary);
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  list-style: none;
 }
 .t-radio-group .t-radio-button:hover {
   color: var(--td-brand-color);
@@ -4982,10 +4746,28 @@ template {
   width: 0;
 }
 .t-radio {
+  font-family: PingFang SC, Microsoft YaHei, Arial Regular;
+  font-size: 14px;
+  line-height: 22px;
+  color: var(--td-text-color-primary);
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  list-style: none;
   position: relative;
   cursor: pointer;
 }
 .t-radio__former {
+  font-family: PingFang SC, Microsoft YaHei, Arial Regular;
+  font-size: 14px;
+  line-height: 22px;
+  color: var(--td-text-color-primary);
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  list-style: none;
   opacity: 0;
   position: absolute;
 }
@@ -5055,6 +4837,15 @@ template {
 }
 
 .t-checkbox-group {
+  font-family: PingFang SC, Microsoft YaHei, Arial Regular;
+  font-size: 14px;
+  line-height: 22px;
+  color: var(--td-text-color-primary);
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  list-style: none;
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
@@ -5063,6 +4854,14 @@ template {
   gap: 16px;
 }
 .t-checkbox {
+  font-family: PingFang SC, Microsoft YaHei, Arial Regular;
+  font-size: 14px;
+  line-height: 22px;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  list-style: none;
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
@@ -5099,11 +4898,15 @@ template {
   border: 1px solid var(--td-border-level-2-color);
   border-radius: 3px;
   background-color: var(--td-bg-color-container);
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
 }
 .t-checkbox__input::after {
   content: "";
   position: absolute;
   opacity: 0;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
 }
 .t-checkbox__label {
   display: inline-block;
@@ -5257,6 +5060,13 @@ template {
   }
 }
 .t-input-number {
+  font-family: PingFang SC, Microsoft YaHei, Arial Regular;
+  font-size: 14px;
+  line-height: 22px;
+  color: var(--td-text-color-primary);
+  margin: 0;
+  padding: 0;
+  list-style: none;
   display: inline-block;
   position: relative;
   -webkit-box-sizing: border-box;
@@ -5592,6 +5402,15 @@ template {
   font-size: 16px;
 }
 .t-steps {
+  font-family: PingFang SC, Microsoft YaHei, Arial Regular;
+  font-size: 14px;
+  line-height: 22px;
+  color: var(--td-text-color-primary);
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  list-style: none;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -6229,6 +6048,10 @@ template {
 }
 
 .t-message {
+  font-family: PingFang SC, Microsoft YaHei, Arial Regular;
+  margin: 0;
+  padding: 0;
+  list-style: none;
   width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content;
@@ -6319,6 +6142,13 @@ template {
 }
 
 .t-tag {
+  font-family: PingFang SC, Microsoft YaHei, Arial Regular;
+  color: var(--td-text-color-primary);
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  list-style: none;
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
@@ -6334,8 +6164,6 @@ template {
   font-size: 14px;
   line-height: 22px;
   color: var(--td-text-color-anti);
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
   border-radius: 3px;
   border: 1px solid transparent;
   white-space: nowrap;
@@ -6605,6 +6433,17 @@ a .t-tag:active {
             transform: scale(1);
   }
 }
+.t-tag-input {
+  font-family: PingFang SC, Microsoft YaHei, Arial Regular;
+  font-size: 14px;
+  line-height: 22px;
+  color: var(--td-text-color-primary);
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
 .t-tag-input .t-tag {
   margin-right: 4px;
   -webkit-animation: t-fade-in 0.1s ease-in-out;
@@ -6662,6 +6501,15 @@ a .t-tag:active {
 
 .t-select-input,
 .t-select-input__wrap {
+  font-family: PingFang SC, Microsoft YaHei, Arial Regular;
+  font-size: 14px;
+  line-height: 22px;
+  color: var(--td-text-color-primary);
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  list-style: none;
   width: 100%;
   display: inline-block;
 }
@@ -6710,13 +6558,20 @@ a .t-tag:active {
   padding: 0 26px 0 4px;
 }
 .t-select {
+  font-family: PingFang SC, Microsoft YaHei, Arial Regular;
+  font-size: 14px;
+  line-height: 22px;
+  color: var(--td-text-color-primary);
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  list-style: none;
   position: relative;
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   width: 100%;
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
   vertical-align: middle;
   line-height: 30px;
   background: var(--td-bg-color-specialcomponent);
@@ -6976,6 +6831,8 @@ ul.t-select-option-group__header,
   height: 28px;
   line-height: 20px;
   padding: 3px 8px;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
   white-space: nowrap;
   word-wrap: normal;
   overflow: hidden;
@@ -6999,6 +6856,8 @@ ul.t-select-option-group__header,
   color: var(--td-text-color-primary);
   -webkit-transition: background-color 0.2s cubic-bezier(0.38, 0, 0.24, 1);
   transition: background-color 0.2s cubic-bezier(0.38, 0, 0.24, 1);
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
   white-space: nowrap;
   word-wrap: normal;
   overflow: hidden;
@@ -7094,6 +6953,15 @@ ul.t-select-option-group__header,
 }
 
 .t-pagination {
+  font-family: PingFang SC, Microsoft YaHei, Arial Regular;
+  font-size: 14px;
+  line-height: 22px;
+  color: var(--td-text-color-primary);
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  list-style: none;
   width: 100%;
   display: -webkit-box;
   display: -ms-flexbox;
@@ -7195,6 +7063,8 @@ ul.t-select-option-group__header,
   border-radius: 3px;
   cursor: pointer;
   background-color: var(--td-bg-color-container);
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
   height: 32px;
   min-width: 32px;
   line-height: 30px;
@@ -7332,6 +7202,8 @@ ul.t-select-option-group__header,
   margin-bottom: 1px;
   max-width: 480px;
   word-break: break-word;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
 }
 .t-popup .t-tooltip:not(.t-tooltip--light) {
   color: var(--td-text-color-anti);
@@ -7400,6 +7272,13 @@ ul.t-select-option-group__header,
   overflow: initial;
 }
 .t-table {
+  font-family: PingFang SC, Microsoft YaHei, Arial Regular;
+  line-height: 22px;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  list-style: none;
   width: 100%;
   font-size: 14px;
   color: var(--td-text-color-primary);
@@ -7496,6 +7375,8 @@ ul.t-select-option-group__header,
   font-weight: normal;
   overflow-wrap: break-word;
   background-color: inherit;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
 }
 .t-table th:not([align]),
 .t-table td:not([align]) {
@@ -8332,6 +8213,14 @@ ul.t-select-option-group__header,
 }
 
 .t-list {
+  font-family: PingFang SC, Microsoft YaHei, Arial Regular;
+  font-size: 14px;
+  line-height: 22px;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  list-style: none;
   overflow: auto;
   color: var(--td-text-color-primary);
 }
@@ -8488,6 +8377,15 @@ ul.t-select-option-group__header,
 }
 
 .t-tabs {
+  font-family: PingFang SC, Microsoft YaHei, Arial Regular;
+  font-size: 14px;
+  line-height: 22px;
+  color: var(--td-text-color-primary);
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  list-style: none;
   overflow: hidden;
   background-color: var(--td-bg-color-container);
 }
@@ -8837,6 +8735,12 @@ ul.t-select-option-group__header,
 }
 
 .t-notification {
+  font-family: PingFang SC, Microsoft YaHei, Arial Regular;
+  line-height: 22px;
+  color: var(--td-text-color-primary);
+  margin: 0;
+  padding: 0;
+  list-style: none;
   font-size: 14px;
   outline: 0;
   border: 0;
@@ -9116,6 +9020,15 @@ a.t-menu__item:active {
   color: inherit;
 }
 .t-head-menu {
+  font-family: PingFang SC, Microsoft YaHei, Arial Regular;
+  font-size: 14px;
+  line-height: 22px;
+  color: var(--td-text-color-primary);
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  list-style: none;
   position: relative;
   width: 100%;
   background-color: #fff;
@@ -9166,6 +9079,8 @@ a.t-menu__item:active {
   height: 40px;
   padding: 8px;
   line-height: 40px;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
 }
 .t-head-menu .t-submenu > .t-menu__item {
   overflow: unset;
@@ -9238,6 +9153,8 @@ a.t-menu__item:active {
   min-width: 100%;
   margin-left: 0;
   color: var(--td-font-gray-2);
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
 }
 .t-head-menu .t-menu__popup li + li {
   margin-top: 4px;
@@ -9267,6 +9184,15 @@ a.t-menu__item:active {
           transform: rotate(270deg);
 }
 .t-default-menu {
+  font-family: PingFang SC, Microsoft YaHei, Arial Regular;
+  font-size: 14px;
+  line-height: 22px;
+  color: var(--td-text-color-primary);
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  list-style: none;
   position: relative;
   width: 232px;
   display: inline-block;
@@ -9429,6 +9355,8 @@ a.t-menu__item:active {
   line-height: 20px;
   color: var(--td-font-gray-3);
   font-size: 12px;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
 }
 .t-default-menu .t-submenu {
   margin-bottom: 4px;
@@ -9449,6 +9377,8 @@ a.t-menu__item:active {
   padding: 8px;
   cursor: pointer;
   color: var(--td-font-gray-1);
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
 }
 .t-default-menu .t-menu__item.t-is-opened {
   margin: 4px 0;
@@ -10067,6 +9997,15 @@ a.t-menu__item:active {
   }
 }
 .t-dialog {
+  font-family: PingFang SC, Microsoft YaHei, Arial Regular;
+  font-size: 14px;
+  line-height: 22px;
+  color: var(--td-text-color-primary);
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  list-style: none;
   width: 480px;
   background-color: var(--td-bg-color-container);
   position: relative;
@@ -10267,6 +10206,13 @@ a.t-menu__item:active {
 }
 
 .t-tree {
+  font-family: PingFang SC, Microsoft YaHei, Arial Regular;
+  line-height: 22px;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  list-style: none;
   line-height: 42px;
   font-size: 14px;
   color: var(--td-text-color-primary);
@@ -10574,6 +10520,17 @@ a.t-menu__item:active {
   }
 }
 
+.t-tree-select {
+  font-family: PingFang SC, Microsoft YaHei, Arial Regular;
+  font-size: 14px;
+  line-height: 22px;
+  color: var(--td-text-color-primary);
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
 .t-tree-select--without-input input {
   display: none;
 }
@@ -10596,6 +10553,11 @@ a.t-menu__item:active {
 }
 
 .t-divider {
+  font-family: PingFang SC, Microsoft YaHei, Arial Regular;
+  line-height: 22px;
+  margin: 0;
+  padding: 0;
+  list-style: none;
   margin: 24px 0;
   font-size: 14px;
   border-top: 1px solid var(--td-border-level-1-color);
@@ -10661,6 +10623,13 @@ a.t-menu__item:active {
 }
 
 .t-switch {
+  font-family: PingFang SC, Microsoft YaHei, Arial Regular;
+  font-size: 14px;
+  line-height: 22px;
+  color: var(--td-text-color-primary);
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  list-style: none;
   position: relative;
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
@@ -10733,6 +10702,8 @@ a.t-menu__item:active {
   opacity: 0;
 }
 .t-switch__content {
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
@@ -10865,6 +10836,13 @@ a.t-menu__item:active {
 }
 
 .t-anchor {
+  font-family: PingFang SC, Microsoft YaHei, Arial Regular;
+  line-height: 22px;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  list-style: none;
   position: relative;
   background: var(--td-bg-color-container);
   width: 200px;
@@ -10989,6 +10967,15 @@ a.t-menu__item:active {
 }
 
 .t-calendar {
+  font-family: PingFang SC, Microsoft YaHei, Arial Regular;
+  font-size: 14px;
+  line-height: 22px;
+  color: var(--td-text-color-primary);
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  list-style: none;
   border: 1px solid var(--td-border-level-1-color);
   background-color: var(--td-bg-color-container);
 }
@@ -11252,6 +11239,8 @@ a.t-menu__item:active {
   padding: 0 16px;
 }
 .t-calendar__panel {
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
   width: 100%;
 }
 .t-calendar__table {
@@ -11321,37 +11310,42 @@ a.t-menu__item:active {
   color: var(--td-text-color-primary);
 }
 
-.range-input-disabled.t-range-input.t-is-disabled {
+.range-input-disabled.t-is-disabled {
   color: var(--td-text-color-disabled);
   background-color: var(--td-bg-color-component-disabled);
 }
-.range-input-disabled.t-range-input.t-is-disabled:hover {
+.range-input-disabled.t-is-disabled:hover {
   border-color: var(--td-border-level-2-color);
 }
-.range-input-disabled.t-range-input.t-is-disabled .t-range-input__inner {
+.range-input-disabled.t-is-disabled .t-range-input__inner {
   cursor: not-allowed;
   color: var(--td-text-color-disabled);
 }
-.range-input-disabled.t-range-input.t-is-disabled .t-range-input__inner::-webkit-input-placeholder {
+.range-input-disabled.t-is-disabled .t-range-input__inner::-webkit-input-placeholder {
   color: var(--td-text-color-disabled);
 }
-.range-input-disabled.t-range-input.t-is-disabled .t-range-input__inner::-moz-placeholder {
+.range-input-disabled.t-is-disabled .t-range-input__inner::-moz-placeholder {
   color: var(--td-text-color-disabled);
 }
-.range-input-disabled.t-range-input.t-is-disabled .t-range-input__inner:-ms-input-placeholder {
+.range-input-disabled.t-is-disabled .t-range-input__inner:-ms-input-placeholder {
   color: var(--td-text-color-disabled);
 }
-.range-input-disabled.t-range-input.t-is-disabled .t-range-input__inner::-ms-input-placeholder {
+.range-input-disabled.t-is-disabled .t-range-input__inner::-ms-input-placeholder {
   color: var(--td-text-color-disabled);
 }
-.range-input-disabled.t-range-input.t-is-disabled .t-range-input__inner::placeholder {
+.range-input-disabled.t-is-disabled .t-range-input__inner::placeholder {
   color: var(--td-text-color-disabled);
 }
-.range-input-disabled.t-range-input.t-is-disabled > .t-range-input__prefix .t-icon,
-.range-input-disabled.t-range-input.t-is-disabled > .t-range-input__suffix .t-icon {
+.range-input-disabled.t-is-disabled > .t-range-input__prefix .t-icon,
+.range-input-disabled.t-is-disabled > .t-range-input__suffix .t-icon {
   color: var(--td-text-color-disabled);
 }
 .t-range-input {
+  font-family: PingFang SC, Microsoft YaHei, Arial Regular;
+  line-height: 22px;
+  margin: 0;
+  padding: 0;
+  list-style: none;
   width: 100%;
   position: relative;
   height: 32px;
@@ -11421,34 +11415,34 @@ a.t-menu__item:active {
 .t-range-input.t-is-error > .t-range-input__extra {
   color: var(--td-error-color);
 }
-.t-range-input.t-range-input.t-is-disabled {
+.t-range-input.t-is-disabled {
   color: var(--td-text-color-disabled);
   background-color: var(--td-bg-color-component-disabled);
 }
-.t-range-input.t-range-input.t-is-disabled:hover {
+.t-range-input.t-is-disabled:hover {
   border-color: var(--td-border-level-2-color);
 }
-.t-range-input.t-range-input.t-is-disabled .t-range-input__inner {
+.t-range-input.t-is-disabled .t-range-input__inner {
   cursor: not-allowed;
   color: var(--td-text-color-disabled);
 }
-.t-range-input.t-range-input.t-is-disabled .t-range-input__inner::-webkit-input-placeholder {
+.t-range-input.t-is-disabled .t-range-input__inner::-webkit-input-placeholder {
   color: var(--td-text-color-disabled);
 }
-.t-range-input.t-range-input.t-is-disabled .t-range-input__inner::-moz-placeholder {
+.t-range-input.t-is-disabled .t-range-input__inner::-moz-placeholder {
   color: var(--td-text-color-disabled);
 }
-.t-range-input.t-range-input.t-is-disabled .t-range-input__inner:-ms-input-placeholder {
+.t-range-input.t-is-disabled .t-range-input__inner:-ms-input-placeholder {
   color: var(--td-text-color-disabled);
 }
-.t-range-input.t-range-input.t-is-disabled .t-range-input__inner::-ms-input-placeholder {
+.t-range-input.t-is-disabled .t-range-input__inner::-ms-input-placeholder {
   color: var(--td-text-color-disabled);
 }
-.t-range-input.t-range-input.t-is-disabled .t-range-input__inner::placeholder {
+.t-range-input.t-is-disabled .t-range-input__inner::placeholder {
   color: var(--td-text-color-disabled);
 }
-.t-range-input.t-range-input.t-is-disabled > .t-range-input__prefix .t-icon,
-.t-range-input.t-range-input.t-is-disabled > .t-range-input__suffix .t-icon {
+.t-range-input.t-is-disabled > .t-range-input__prefix .t-icon,
+.t-range-input.t-is-disabled > .t-range-input__suffix .t-icon {
   color: var(--td-text-color-disabled);
 }
 .t-range-input.t-range-input--prefix > .t-range-input__prefix-icon {
@@ -11584,6 +11578,14 @@ a.t-menu__item:active {
 }
 
 .t-form {
+  font-family: PingFang SC, Microsoft YaHei, Arial Regular;
+  line-height: 22px;
+  color: var(--td-text-color-primary);
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  list-style: none;
   font-size: 14px;
 }
 .t-form:not(.t-form-inline) .t-form__item:last-of-type {
@@ -11877,6 +11879,15 @@ a.t-menu__item:active {
  * 边框弧度
  */
 .t-drawer {
+  font-family: PingFang SC, Microsoft YaHei, Arial Regular;
+  font-size: 14px;
+  line-height: 22px;
+  color: var(--td-text-color-primary);
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  list-style: none;
   position: fixed;
   z-index: 1500;
   width: 100%;
@@ -11988,6 +11999,8 @@ a.t-menu__item:active {
   color: var(--td-text-color-primary);
   border-bottom: 1px solid var(--td-border-level-1-color);
   border-radius: 2px 2px 0 0;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
 }
 .t-drawer__body {
   padding: 16px;
@@ -12003,6 +12016,8 @@ a.t-menu__item:active {
   text-align: left;
   border-top: 1px solid var(--td-border-level-1-color);
   background-color: var(--td-bg-color-container);
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
 }
 .t-drawer__footer .t-button {
   margin-left: 8px;
@@ -12049,7 +12064,7 @@ a.t-menu__item:active {
 .t-drawer--open > .t-drawer__content-wrapper {
   visibility: visible;
 }
-.t-drawer--open .t-drawer__mask {
+.t-drawer--open > .t-drawer__mask {
   opacity: 1;
   width: 100%;
   height: 100%;
@@ -12062,6 +12077,17 @@ a.t-menu__item:active {
   /* stylelint-disable-line */
 }
 
+.t-progress {
+  font-family: PingFang SC, Microsoft YaHei, Arial Regular;
+  font-size: 14px;
+  line-height: 22px;
+  color: var(--td-text-color-primary);
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
 .t-progress__inner {
   position: relative;
   height: 100%;
@@ -12222,6 +12248,15 @@ a.t-menu__item:active {
 }
 
 .t-popconfirm {
+  font-family: PingFang SC, Microsoft YaHei, Arial Regular;
+  font-size: 14px;
+  line-height: 22px;
+  color: var(--td-text-color-primary);
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  list-style: none;
   border-radius: 3px;
 }
 .t-popconfirm__content {
@@ -12272,6 +12307,15 @@ a.t-menu__item:active {
 }
 
 .t-textarea {
+  font-family: PingFang SC, Microsoft YaHei, Arial Regular;
+  font-size: 14px;
+  line-height: 22px;
+  color: var(--td-text-color-primary);
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  list-style: none;
   position: relative;
   width: 100%;
 }
@@ -12294,6 +12338,8 @@ a.t-menu__item:active {
   line-height: 22px;
   -webkit-transition: all cubic-bezier(0.38, 0, 0.24, 1) 0.2s, height 0s;
   transition: all cubic-bezier(0.38, 0, 0.24, 1) 0.2s, height 0s;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
 }
 .t-textarea__inner:hover {
   border-color: var(--td-brand-color);
@@ -12409,6 +12455,13 @@ a.t-menu__item:active {
   }
 }
 .t-breadcrumb {
+  font-family: PingFang SC, Microsoft YaHei, Arial Regular;
+  color: var(--td-text-color-primary);
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  list-style: none;
   font-size: 14px;
   line-height: 22px;
   display: -webkit-box;
@@ -12596,6 +12649,14 @@ a.t-menu__item:active {
 }
 
 .t-dropdown {
+  font-family: PingFang SC, Microsoft YaHei, Arial Regular;
+  font-size: 14px;
+  line-height: 22px;
+  color: var(--td-text-color-primary);
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  margin: 0;
+  list-style: none;
   background-color: var(--td-bg-color-container);
   position: relative;
   border-radius: 3px;
@@ -12699,6 +12760,15 @@ a.t-menu__item:active {
   margin: 0 8px;
 }
 .t-slider {
+  font-family: PingFang SC, Microsoft YaHei, Arial Regular;
+  font-size: 14px;
+  line-height: 22px;
+  color: var(--td-text-color-primary);
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  list-style: none;
   height: 18px;
   width: 100%;
   position: relative;
@@ -12763,6 +12833,8 @@ a.t-menu__item:active {
      -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
 }
 .t-slider__button--dragging {
   -webkit-box-shadow: 0 0 0px 2px var(--td-brand-color-focus);
@@ -12904,6 +12976,14 @@ a.t-menu__item:active {
 }
 
 .t-cascader {
+  font-family: PingFang SC, Microsoft YaHei, Arial Regular;
+  font-size: 14px;
+  line-height: 22px;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  list-style: none;
   position: relative;
   border: 1px solid var(--td-border-level-2-color);
   border-radius: 3px;
@@ -13232,8 +13312,15 @@ a.t-menu__item:active {
   background: transparent;
   display: inline-block;
   position: relative;
+  font-family: PingFang SC, Microsoft YaHei, Arial Regular;
   font-size: 14px;
+  line-height: 22px;
   color: var(--td-text-color-primary);
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  list-style: none;
 }
 .t-time-picker.t-is-disabled,
 .t-time-range-picker.t-is-disabled {
@@ -13467,6 +13554,8 @@ a.t-menu__item:active {
   background-color: transparent;
   position: relative;
   border-top: 1px solid var(--td-border-level-1-color);
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
 }
 
 .t-date-picker,
@@ -13474,6 +13563,15 @@ a.t-menu__item:active {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
+  font-family: PingFang SC, Microsoft YaHei, Arial Regular;
+  font-size: 14px;
+  line-height: 22px;
+  color: var(--td-text-color-primary);
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  list-style: none;
 }
 .t-date-picker__panel-container,
 .t-date-range-picker__panel-container {
@@ -13810,6 +13908,17 @@ a.t-menu__item:active {
   color: var(--td-text-color-placeholder);
 }
 
+.t-upload {
+  font-family: PingFang SC, Microsoft YaHei, Arial Regular;
+  font-size: 14px;
+  line-height: 22px;
+  color: var(--td-text-color-primary);
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
 .t-upload .t-size-s {
   display: block;
   color: var(--td-text-color-placeholder);
@@ -14015,6 +14124,8 @@ a.t-menu__item:active {
           flex-direction: column;
   background-color: var(--td-bg-color-secondarycontainer);
   border: 1px dashed var(--td-component-border);
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
 }
 .t-upload__card-container > .t-icon,
 .t-upload__card-container .t-loading {
@@ -14023,6 +14134,7 @@ a.t-menu__item:active {
 }
 .t-upload__card-container > p {
   color: var(--td-text-color-placeholder);
+  margin: 0;
 }
 .t-upload__card-status-wrap {
   text-align: center;
@@ -14419,6 +14531,15 @@ a.t-menu__item:active {
 
 /* Swiper */
 .t-swiper {
+  font-family: PingFang SC, Microsoft YaHei, Arial Regular;
+  font-size: 14px;
+  line-height: 22px;
+  color: var(--td-text-color-primary);
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  list-style: none;
   position: relative;
 }
 .t-swiper__wrap {
@@ -15268,6 +15389,14 @@ a.t-menu__item:active {
 }
 
 .t-comment {
+  font-family: PingFang SC, Microsoft YaHei, Arial Regular;
+  font-size: 14px;
+  line-height: 22px;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  list-style: none;
   width: 100%;
   color: var(--td-text-color-primary);
 }
@@ -15335,6 +15464,8 @@ a.t-menu__item:active {
   -webkit-box-pack: end;
       -ms-flex-pack: end;
           justify-content: flex-end;
+  list-style: none;
+  padding: 0;
 }
 .t-comment__actions > li {
   color: var(--td-text-color-placeholder);
@@ -15357,6 +15488,12 @@ a.t-menu__item:active {
 }
 
 .t-transfer {
+  font-family: PingFang SC, Microsoft YaHei, Arial Regular;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  list-style: none;
   font-size: 14px;
   line-height: 22px;
   position: relative;
@@ -15403,6 +15540,8 @@ a.t-menu__item:active {
   width: 180px;
   padding: 0 12px;
   margin: 0 8px;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
 }
 .t-transfer__list-header + :not(.t-transfer__list--with-search) {
   border-top: 1px solid var(--td-border-level-1-color);
@@ -15428,6 +15567,8 @@ a.t-menu__item:active {
   position: relative;
   height: 100%;
   padding: 8px 0 8px 0;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
 }
 .t-transfer__list--with-search {
   padding-top: 40px;
@@ -15550,6 +15691,8 @@ a.t-menu__item:active {
   top: 0;
   width: 100%;
   padding: 0 8px;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
 }
 .t-transfer__search .t-transfer__list {
   height: 240px;
@@ -15588,6 +15731,15 @@ a.t-menu__item:active {
 }
 
 .t-avatar {
+  font-family: PingFang SC, Microsoft YaHei, Arial Regular;
+  font-size: 14px;
+  line-height: 22px;
+  color: var(--td-text-color-primary);
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  list-style: none;
   position: relative;
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
@@ -15846,6 +15998,17 @@ a.t-menu__item:active {
 :root[theme-mode="dark"] {
   --skeleton-animation-gradient: rgba(255, 255, 255, 0.06);
 }
+.t-skeleton {
+  font-family: PingFang SC, Microsoft YaHei, Arial Regular;
+  font-size: 14px;
+  line-height: 22px;
+  color: var(--td-text-color-primary);
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
 .t-skeleton__row {
   display: -webkit-box;
   display: -ms-flexbox;
@@ -15975,6 +16138,17 @@ a.t-menu__item:active {
   -webkit-box-shadow: unset;
           box-shadow: unset;
 }
+.t-color-picker {
+  font-family: PingFang SC, Microsoft YaHei, Arial Regular;
+  font-size: 14px;
+  line-height: 22px;
+  color: var(--td-text-color-primary);
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
 .t-color-picker__icon {
   width: 20px;
   height: 20px;
@@ -16044,6 +16218,8 @@ a.t-menu__item:active {
   background: white;
   color: var(--td-text-color-brand);
   padding: 4px;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
 }
 .t-color-picker__thumb::before {
   content: "";
@@ -16376,6 +16552,8 @@ a.t-menu__item:active {
           transform-origin: center;
   -webkit-transition: all 0.2s cubic-bezier(0.38, 0, 0.24, 1);
   transition: all 0.2s cubic-bezier(0.38, 0, 0.24, 1);
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
 }
 .t-color-picker__swatches-wrap .t-color-picker__swatches--item__color {
   width: 100%;
@@ -16384,6 +16562,8 @@ a.t-menu__item:active {
   overflow: hidden;
   border: 1px solid var(--td-component-border);
   border-radius: 50%;
+  -ms-flex-negative: 0;
+      flex-shrink: 0;
 }
 .t-color-picker__swatches-wrap .t-color-picker__swatches--item__inner {
   width: 100%;
@@ -16404,6 +16584,8 @@ a.t-menu__item:active {
   overflow: hidden;
   border: 1px solid var(--td-component-border);
   border-radius: 50%;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
 }
 .t-color-picker__swatches-wrap .t-color-picker__swatches--inner {
   width: 100%;
@@ -16465,6 +16647,12 @@ a.t-menu__item:active {
 }
 
 .t-card {
+  font-family: PingFang SC, Microsoft YaHei, Arial Regular;
+  font-size: 14px;
+  line-height: 22px;
+  margin: 0;
+  padding: 0;
+  list-style: none;
   position: relative;
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
@@ -16583,6 +16771,15 @@ a.t-menu__item:active {
 }
 
 .t-collapse {
+  font-family: PingFang SC, Microsoft YaHei, Arial Regular;
+  font-size: 14px;
+  line-height: 22px;
+  color: var(--td-text-color-primary);
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  list-style: none;
   border: solid 1px var(--td-component-border);
   border-bottom: 0;
   background: var(--td-bg-color-container);
@@ -16651,6 +16848,14 @@ a.t-menu__item:active {
 .t-collapse-panel.t-is-disabled .t-collapse-panel__body {
   background: var(--td-bg-color-component-disabled);
 }
+.t-collapse-panel .t-fake-arrow {
+  -webkit-transform: rotate(-90deg);
+          transform: rotate(-90deg);
+}
+.t-collapse-panel .t-fake-arrow--active {
+  -webkit-transform: rotate(180deg);
+          transform: rotate(180deg);
+}
 .t-slide-down-enter-active,
 .t-slide-down-leave-active {
   -webkit-transition: height 0.3s, padding 0.3s;