amis 1.9.1-beta.12 → 1.9.1-beta.21

package/lib/themes/cxd-ie11.css

@@ -10786,7 +10786,7 @@ html {
 body {
   color: #151a26;
   background: #ffffff;
-  font-size: 12px;
+  font-size: 14px;
   font-weight: 400;
   font-family: -apple-system, BlinkMacSystemFont, "SF Pro SC",
     "SF Pro Text", "Helvetica Neue", Helvetica, "PingFang SC", "Segoe UI",
@@ -12186,10 +12186,10 @@ img.cxd-AsideNav-itemIcon {
   padding: calc(
     (
         2rem - 0.0625rem * 2 -
-          1.4285714286 * 12px
+          1.4285714286 * 14px
       ) / 2
   ) 0.75rem;
-  font-size: 12px;
+  font-size: 14px;
   line-height: 1.4285714286;
   border-radius: 0.25rem;
   height: 2rem;
@@ -12425,7 +12425,7 @@ img.cxd-AsideNav-itemIcon {
   margin-left: 0.25rem;
 }
 .cxd-Button--xs img.cxd-Button-icon {
-  height: 12px;
+  height: 14px;
   vertical-align: middle;
 }
 .cxd-Button--xs.cxd-Button--iconOnly {
@@ -12462,7 +12462,7 @@ img.cxd-AsideNav-itemIcon {
   margin-left: 0.5rem;
 }
 .cxd-Button--sm img.cxd-Button-icon {
-  height: 12px;
+  height: 14px;
   vertical-align: middle;
 }
 .cxd-Button--sm.cxd-Button--iconOnly {
@@ -12472,10 +12472,10 @@ img.cxd-AsideNav-itemIcon {
   padding: calc(
     (
         2rem - 0.0625rem * 2 -
-          1.4285714286 * 12px
+          1.4285714286 * 14px
       ) / 2
   ) 0.75rem;
-  font-size: 12px;
+  font-size: 14px;
   line-height: 1.4285714286;
   border-radius: 0.25rem;
   height: 2rem;
@@ -12499,7 +12499,7 @@ img.cxd-AsideNav-itemIcon {
   margin-left: 0.75rem;
 }
 .cxd-Button--md img.cxd-Button-icon {
-  height: 12px;
+  height: 14px;
   vertical-align: middle;
 }
 .cxd-Button--md.cxd-Button--iconOnly {
@@ -12536,7 +12536,7 @@ img.cxd-AsideNav-itemIcon {
   margin-left: 1rem;
 }
 .cxd-Button--lg img.cxd-Button-icon {
-  height: 12px;
+  height: 14px;
   vertical-align: middle;
 }
 .cxd-Button--lg.cxd-Button--iconOnly {
@@ -12584,7 +12584,7 @@ img.cxd-AsideNav-itemIcon {
   margin-left: 0.75rem;
 }
 .cxd-Button img.cxd-Button-icon {
-  height: 12px;
+  height: 14px;
   vertical-align: middle;
 }
 .cxd-Button:hover:focus {
@@ -13078,7 +13078,7 @@ input[type=button].cxd-Button--block {
   border-bottom-right-radius: 0;
 }
 .cxd-Modal-footer .cxd-Button {
-  width: 4.5rem;
+  min-width: 4.5rem;
   margin-left: 0.5rem;
 }
 
@@ -13582,7 +13582,7 @@ input[type=button].cxd-Button--block {
 .cxd-Tooltip-title {
   padding: 0.5rem 0.75rem 0;
   margin-bottom: 0;
-  font-size: 12px;
+  font-size: 14px;
   color: #333;
   font-weight: 500;
   border-top-left-radius: calc( 0.428rem - 0.0625rem );
@@ -13747,7 +13747,7 @@ input[type=button].cxd-Button--block {
   word-break: normal;
   word-spacing: normal;
   word-wrap: normal;
-  font-size: 12px;
+  font-size: 14px;
   box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
   border: 0.0625rem solid #e8e9eb;
   border-radius: 0.25rem;
@@ -13817,7 +13817,7 @@ input[type=button].cxd-Button--block {
   word-break: normal;
   word-spacing: normal;
   word-wrap: normal;
-  font-size: 12px;
+  font-size: 14px;
   box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
   border: 0.0625rem solid #e8e9eb;
   border-radius: 0.25rem;
@@ -14138,7 +14138,7 @@ input[type=button].cxd-Button--block {
 }
 .cxd-Toast-content .cxd-Toast-title {
   color: #151a26;
-  font-size: 12px;
+  font-size: 14px;
   font-weight: 500;
   line-height: 1.5rem;
   margin-bottom: 0.25rem;
@@ -14279,7 +14279,7 @@ input[type=button].cxd-Button--block {
 }
 .cxd-Alert-content .cxd-Alert-title {
   color: #151a26;
-  font-size: 12px;
+  font-size: 14px;
   font-weight: 500;
   line-height: 1.5rem;
   margin-bottom: 0.25rem;
@@ -14367,7 +14367,7 @@ input[type=button].cxd-Button--block {
   padding-top: calc(
     (
         2rem - 1.4285714286 *
-          12px
+          14px
       ) / 2
   );
 }
@@ -14412,7 +14412,7 @@ input[type=button].cxd-Button--block {
   margin-left: 0.5rem;
 }
 .cxd-ArrayInput-addBtn img.cxd-Button-icon {
-  height: 12px;
+  height: 14px;
   vertical-align: middle;
 }
 .cxd-ArrayInput-addBtn:not(:disabled):not(.is-disabled):hover {
@@ -14470,7 +14470,7 @@ input[type=button].cxd-Button--block {
   padding: calc(
     (
         2rem - 1.4285714286 *
-          12px
+          14px
       ) / 2
   ) 0.25rem;
   cursor: pointer;
@@ -15063,7 +15063,7 @@ input[type=button].cxd-Button--block {
 }
 .cxd-Tabs--chrome > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li > a {
   /* 最少展示一个字 */
-  min-width: 12px;
+  min-width: 14px;
 }
 .cxd-Tabs--chrome > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li > a:first-child {
   background: none;
@@ -16449,7 +16449,7 @@ input[type=button].cxd-Button--block {
 }
 .cxd-DropDown-menuItem, .cxd-DropDown-menu > li {
   padding: calc(
-    (2.125rem - 12px * 1.5) /
+    (2.125rem - 14px * 1.5) /
       2
   ) 0.5rem;
   white-space: nowrap;
@@ -16563,7 +16563,7 @@ input[type=button].cxd-Button--block {
   background: transparent !important;
 }
 .cxd-ScheduleCalendar .rdt .rdtPicker td.rdtActive:hover {
-  background: #F7F7F9;
+  background: #f7f7f9;
 }
 
 .cxd-ScheduleCalendar-large {
@@ -16938,7 +16938,7 @@ input[type=button].cxd-Button--block {
 }
 .cxd-Collapse--title-bottom .cxd-Collapse-header {
   text-align: center;
-  font-size: 12px;
+  font-size: 14px;
   border-top: none;
   border-bottom: none;
 }
@@ -17523,7 +17523,7 @@ input[type=button].cxd-Button--block {
   border-left-color: #fff;
 }
 .cxd-Wizard-steps {
-  font-size: 12px;
+  font-size: 14px;
   padding: 0.625rem 0;
   background: #fff;
   border-bottom: 0 solid #e8e9eb;
@@ -17644,7 +17644,7 @@ input[type=button].cxd-Button--block {
   cursor: pointer;
   vertical-align: middle;
   user-select: none;
-  line-height: calc( 1.4285714286 * 12px - 0.125rem );
+  line-height: calc( 1.4285714286 * 14px - 0.125rem );
   display: inline-block;
   font-size: 12px;
   color: #2468f2;
@@ -17966,7 +17966,7 @@ input[type=button].cxd-Button--block {
       2
   ) 0.625rem;
   border-bottom: 0.0625rem solid #fff;
-  font-size: 12px;
+  font-size: 14px;
   color: #333;
   font-weight: 400;
   white-space: nowrap;
@@ -19185,7 +19185,7 @@ input[type=button].cxd-Button--block {
           20 / 12
       ) / 2
   ) 0.625rem;
-  font-size: 12px;
+  font-size: 14px;
   color: #333;
   font-weight: 400;
   white-space: nowrap;
@@ -20360,7 +20360,7 @@ input[type=button].cxd-Button--block {
 }
 .cxd-ColumnToggler-menuItem, .cxd-ColumnToggler-menu > li {
   padding: calc(
-    (2.125rem - 12px * 1.5) /
+    (2.125rem - 14px * 1.5) /
       2
   ) 0.5rem;
   white-space: nowrap;
@@ -20674,7 +20674,7 @@ input[type=button].cxd-Button--block {
 .cxd-ListItem-title {
   margin: 0;
   padding: 0;
-  font-size: 12px;
+  font-size: 14px;
   color: #333;
   font-weight: 400;
 }
@@ -20924,7 +20924,7 @@ input[type=button].cxd-Button--block {
   text-overflow: ellipsis;
 }
 .cxd-Card-subTitle {
-  max-height: calc(12px * 1.5 * 2);
+  max-height: calc(14px * 1.5 * 2);
   overflow: hidden;
   text-overflow: ellipsis;
   color: #b8babf;
@@ -22234,7 +22234,7 @@ input[type=button].cxd-Button--block {
   font-size: 12px;
 }
 .cxd-Image-title {
-  font-size: 12px;
+  font-size: 14px;
   color: #333;
 }
 .cxd-Image-overlay {
@@ -22300,10 +22300,10 @@ input[type=button].cxd-Button--block {
   padding: calc(
     (
         2rem - 1.4285714286 *
-          12px - 0.125rem
+          14px - 0.125rem
       ) / 2
   ) 0.625rem;
-  font-size: 12px;
+  font-size: 14px;
   flex-wrap: wrap;
   justify-content: flex-start;
 }
@@ -22315,7 +22315,7 @@ input[type=button].cxd-Button--block {
   border: none;
   color: #151b26;
   width: 100%;
-  height: calc(1.4285714286 * 12px);
+  height: calc(1.4285714286 * 14px);
 }
 .cxd-InputBox input::placeholder {
   color: #b8babf;
@@ -22427,10 +22427,10 @@ input[type=button].cxd-Button--block {
   padding: calc(
     (
         2rem - 1.4285714286 *
-          12px - 0.125rem
+          14px - 0.125rem
       ) / 2
   ) 0.625rem;
-  font-size: 12px;
+  font-size: 14px;
   flex-wrap: wrap;
   justify-content: flex-start;
   align-items: center;
@@ -22630,10 +22630,10 @@ input[type=button].cxd-Button--block {
   padding: calc(
     (
         2rem - 1.4285714286 *
-          12px - 0.125rem
+          14px - 0.125rem
       ) / 2
   ) 0.625rem;
-  font-size: 12px;
+  font-size: 14px;
   flex-wrap: wrap;
   justify-content: flex-start;
   flex-wrap: wrap;
@@ -22651,7 +22651,7 @@ input[type=button].cxd-Button--block {
   border: none;
   color: #151b26;
   width: 100%;
-  height: calc(1.4285714286 * 12px);
+  height: calc(1.4285714286 * 14px);
 }
 .cxd-ResultBox input::placeholder {
   color: #b8babf;
@@ -22782,7 +22782,7 @@ input[type=button].cxd-Button--block {
 .cxd-ResultBox-value {
   background: #f7f7f9;
   color: #000;
-  font-size: 12px;
+  font-size: 14px;
   padding: 0 0.25rem;
   min-height: 1.5rem;
   flex-wrap: nowrap;
@@ -22791,6 +22791,7 @@ input[type=button].cxd-Button--block {
   margin-right: 0.25rem;
   margin-bottom: 0.125rem;
   user-select: none;
+  border-radius: 0.125rem;
 }
 .cxd-ResultBox-value > a {
   cursor: pointer;
@@ -22843,6 +22844,25 @@ input[type=button].cxd-Button--block {
 .cxd-ResultBox.cxd-TransferDropDown > .cxd-ResultBox-value:hover {
   background: #e8e9eb;
 }
+.cxd-ResultBox-overflow-wrapper {
+  display: flex;
+  flex-flow: row wrap;
+  justify-content: flex-start;
+  align-items: center;
+  overflow-x: hidden;
+  overflow-y: auto;
+  max-height: calc( (1.5rem + 0.125rem) * 5 );
+}
+.cxd-ResultBox-overflow.cxd-Tooltip--dark .cxd-ResultBox-overflow-wrapper .cxd-ResultBox-value {
+  color: #fff;
+  background-color: #5c5f66;
+}
+.cxd-ResultBox-overflow.cxd-Tooltip--dark .cxd-ResultBox-overflow-wrapper .cxd-ResultBox-value:hover {
+  background-color: #b8babf;
+}
+.cxd-ResultBox-overflow.cxd-Tooltip--dark .cxd-ResultBox-overflow-wrapper .cxd-ResultBox-value > a {
+  color: #e8e9eb;
+}
 .cxd-ResultBox.is-mobile {
   min-height: calc(1.4285714286 * 16px);
   border: none;
@@ -22906,7 +22926,7 @@ input[type=button].cxd-Button--block {
   display: inline-flex;
   flex-direction: row;
   line-height: 1.4285714286;
-  font-size: 12px;
+  font-size: 14px;
   flex-wrap: nowrap;
   align-items: center;
   justify-content: flex-end;
@@ -22975,7 +22995,7 @@ input[type=button].cxd-Button--block {
   background: transparent;
   color: #151b26;
   width: 0;
-  height: calc(1.4285714286 * 12px);
+  height: calc(1.4285714286 * 14px);
 }
 .cxd-SearchBox > input::placeholder {
   color: #b8babf;
@@ -23018,7 +23038,7 @@ input[type=button].cxd-Button--block {
 .cxd-ListMenu-groupLabel {
   font-size: 10px;
   color: #b8babf;
-  padding: calc( ( 1.875rem - 1.4285714286 * 12px - 0.5rem ) / 2 ) 0 0 calc(0.625rem - 0.25rem);
+  padding: calc( ( 1.875rem - 1.4285714286 * 14px - 0.5rem ) / 2 ) 0 0 calc(0.625rem - 0.25rem);
 }
 .cxd-ListMenu-group:not(:first-child) > .cxd-ListMenu-groupLabel {
   border-top: 0.0625rem solid #dfe2e6;
@@ -23028,9 +23048,9 @@ input[type=button].cxd-Button--block {
   min-height: 1.875rem;
   color: #333;
   line-height: 1.4285714286;
-  font-size: 12px;
+  font-size: 14px;
   cursor: pointer;
-  padding: calc( ( 1.875rem - 1.4285714286 * 12px ) / 2 ) 0.625rem;
+  padding: calc( ( 1.875rem - 1.4285714286 * 14px ) / 2 ) 0.625rem;
 }
 .cxd-ListMenu-item.is-active {
   color: #2468f2;
@@ -23049,9 +23069,9 @@ input[type=button].cxd-Button--block {
   min-height: 1.875rem;
   color: #b8babf;
   line-height: 1.4285714286;
-  font-size: 12px;
+  font-size: 14px;
   cursor: pointer;
-  padding: calc( ( 1.875rem - 1.4285714286 * 12px ) / 2 ) 0.625rem;
+  padding: calc( ( 1.875rem - 1.4285714286 * 14px ) / 2 ) 0.625rem;
 }
 
 .cxd-PopOver > .cxd-ListMenu {
@@ -23183,7 +23203,7 @@ input[type=button].cxd-Button--block {
 }
 
 .cxd-Icon {
-  height: 12px;
+  height: 14px;
   vertical-align: middle;
 }
 
@@ -23252,7 +23272,7 @@ input[type=button].cxd-Button--block {
 }
 .cxd-Steps .cxd-StepsItem-containerWrapper .cxd-StepsItem-body .cxd-StepsItem-subTitle {
   padding-left: 0.625rem;
-  font-size: 12px;
+  font-size: 14px;
   color: #151a26;
 }
 .cxd-Steps .cxd-StepsItem-containerWrapper .cxd-StepsItem-body .cxd-StepsItem-description {
@@ -23705,7 +23725,7 @@ fieldset.cxd-Collapse--base {
 }
 fieldset.cxd-Collapse--base > legend {
   left: 1rem;
-  font-size: 12px;
+  font-size: 14px;
   padding: 0 8px;
   margin: 0 0 0 -8px;
 }
@@ -23915,7 +23935,7 @@ fieldset.cxd-Collapse--lg:after {
   line-height: calc( 2rem - calc(
     (
         2rem - 1.4285714286 *
-          12px - 0.125rem
+          14px - 0.125rem
       ) / 2
   ) * 2 - 0.0625rem * 2 );
   height: 2rem;
@@ -23923,7 +23943,7 @@ fieldset.cxd-Collapse--lg:after {
   padding: calc(
     (
         2rem - 1.4285714286 *
-          12px - 0.125rem
+          14px - 0.125rem
       ) / 2
   ) 0.625rem;
 }
@@ -24035,10 +24055,10 @@ fieldset.cxd-Collapse--lg:after {
   padding: calc(
     (
         2rem - 1.4285714286 *
-          12px - 0.125rem
+          14px - 0.125rem
       ) / 2
   ) 0.625rem;
-  font-size: 12px;
+  font-size: 14px;
   flex-wrap: wrap;
   justify-content: flex-start;
 }
@@ -24050,7 +24070,7 @@ fieldset.cxd-Collapse--lg:after {
   border: none;
   color: #151b26;
   width: 100%;
-  height: calc(1.4285714286 * 12px);
+  height: calc(1.4285714286 * 14px);
 }
 .cxd-TextControl-input input::placeholder {
   color: #b8babf;
@@ -24088,7 +24108,7 @@ fieldset.cxd-Collapse--lg:after {
   transition: all 0.2s;
 }
 .cxd-TextControl-spinner {
-  line-height: calc( 1.4285714286 * 12px );
+  line-height: calc( 1.4285714286 * 14px );
 }
 .cxd-TextControl-clear {
   padding: 0.1875rem;
@@ -24129,7 +24149,7 @@ fieldset.cxd-Collapse--lg:after {
   top: calc(
     (
         2rem - 1.4285714286 *
-          12px - 0.125rem
+          14px - 0.125rem
       ) / 2
   );
   margin-top: calc(2 * 0.0625rem);
@@ -24240,7 +24260,7 @@ fieldset.cxd-Collapse--lg:after {
   overflow: auto;
 }
 .cxd-TextControl-sugItem {
-  padding: calc( ( 2rem - 1.4285714286 * 12px - 0.125rem ) / 2 ) 0.75rem;
+  padding: calc( ( 2rem - 1.4285714286 * 14px - 0.125rem ) / 2 ) 0.75rem;
 }
 .cxd-TextControl-sugItem svg {
   width: 1rem;
@@ -24260,7 +24280,7 @@ fieldset.cxd-Collapse--lg:after {
 }
 .cxd-TextControl-value {
   user-select: none;
-  line-height: calc( 1.4285714286 * 12px );
+  line-height: calc( 1.4285714286 * 14px );
   vertical-align: middle;
   display: inline-block;
 }
@@ -24270,7 +24290,7 @@ fieldset.cxd-Collapse--lg:after {
   padding: calc(calc(
     (
         2rem - 1.4285714286 *
-          12px - 0.125rem
+          14px - 0.125rem
       ) / 2
   ) - 0.125rem) calc(0.625rem - 0.1875rem);
 }
@@ -24289,7 +24309,7 @@ fieldset.cxd-Collapse--lg:after {
 }
 .cxd-TextControl-input--multiple .cxd-TextControl-value {
   white-space: nowrap;
-  line-height: calc( 1.4285714286 * 12px - 0.125rem );
+  line-height: calc( 1.4285714286 * 14px - 0.125rem );
   font-size: 12px;
   background: #f7f7f9;
   border-radius: 0.125rem;
@@ -24323,6 +24343,8 @@ fieldset.cxd-Collapse--lg:after {
 }
 .cxd-TextControl-revealPassword {
   font-size: 0;
+  display: inline-flex;
+  align-items: center;
 }
 .cxd-TextControl-revealPassword .icon {
   width: 1rem;
@@ -24358,10 +24380,10 @@ input.cxd-TextControl-input-password {
   padding: calc(
     (
         2rem - 1.4285714286 *
-          12px - 0.125rem
+          14px - 0.125rem
       ) / 2
   ) 0.625rem;
-  font-size: 12px;
+  font-size: 14px;
   flex-wrap: wrap;
   justify-content: flex-start;
 }
@@ -24373,7 +24395,7 @@ input.cxd-TextControl-input-password {
   border: none;
   color: #151b26;
   width: 100%;
-  height: calc(1.4285714286 * 12px);
+  height: calc(1.4285714286 * 14px);
 }
 .cxd-TextareaControl-input input::placeholder {
   color: #b8babf;
@@ -24411,7 +24433,7 @@ input.cxd-TextControl-input-password {
   transition: all 0.2s;
 }
 .cxd-TextareaControl-spinner {
-  line-height: calc( 1.4285714286 * 12px );
+  line-height: calc( 1.4285714286 * 14px );
 }
 .cxd-TextareaControl-clear {
   padding: 0.1875rem;
@@ -24451,10 +24473,10 @@ input.cxd-TextControl-input-password {
   padding: calc(
     (
         2rem - 1.4285714286 *
-          12px - 0.125rem
+          14px - 0.125rem
       ) / 2
   ) 0.625rem;
-  font-size: 12px;
+  font-size: 14px;
   display: block;
   width: 100%;
   line-height: 1.4285714286;
@@ -24481,7 +24503,7 @@ input.cxd-TextControl-input-password {
   bottom: calc(
     (
         2rem - 1.4285714286 *
-          12px - 0.125rem
+          14px - 0.125rem
       ) / 2
   );
   font-size: 12px;
@@ -24511,7 +24533,7 @@ input.cxd-TextControl-input-password {
   bottom: calc(
     (
         2rem - 1.4285714286 *
-          12px - 0.125rem
+          14px - 0.125rem
       ) / 2
   );
 }
@@ -24772,6 +24794,7 @@ input.cxd-TextControl-input-password {
   margin-left: 0;
   border: 0;
   border-style: solid;
+  background: transparent;
 }
 .cxd-Checkbox--button.cxd-Checkbox--checkbox > i + span {
   max-width: 6.25rem;
@@ -24885,7 +24908,7 @@ input.cxd-TextControl-input-password {
   margin-bottom: calc(
     (
         2rem - 1.4285714286 *
-          12px
+          14px
       ) / 2
   );
 }
@@ -24934,8 +24957,8 @@ input.cxd-TextControl-input-password {
 .cxd-Selection > .cxd-Checkbox {
   display: block;
   line-height: 1.4285714286;
-  font-size: 12px;
-  padding: calc( ( 2rem - 1.4285714286 * 12px ) / 2 ) 0.5rem calc( ( 2rem - 1.4285714286 * 12px ) / 2 ) calc(0.5rem + 1rem);
+  font-size: 14px;
+  padding: calc( ( 2rem - 1.4285714286 * 14px ) / 2 ) 0.5rem calc( ( 2rem - 1.4285714286 * 14px ) / 2 ) calc(0.5rem + 1rem);
 }
 .cxd-Selection--inline > .cxd-Checkbox {
   display: inline-block;
@@ -24966,8 +24989,8 @@ input.cxd-TextControl-input-password {
 .cxd-GroupedSelection-item {
   display: flex;
   line-height: 1.4285714286;
-  font-size: 12px;
-  padding: calc( ( 2rem - 1.4285714286 * 12px ) / 2 ) 0.5rem;
+  font-size: 14px;
+  padding: calc( ( 2rem - 1.4285714286 * 14px ) / 2 ) 0.5rem;
   flex-direction: row;
   cursor: pointer;
   user-select: none;
@@ -25001,8 +25024,8 @@ input.cxd-TextControl-input-password {
 .cxd-GroupedSelection-placeholder {
   height: 2rem;
   line-height: 1.4285714286;
-  font-size: 12px;
-  padding: calc( ( 2rem - 1.4285714286 * 12px ) / 2 ) 0.5rem;
+  font-size: 14px;
+  padding: calc( ( 2rem - 1.4285714286 * 14px ) / 2 ) 0.5rem;
   color: #b8babf;
   height: 100%;
   display: flex;
@@ -25013,6 +25036,9 @@ input.cxd-TextControl-input-password {
 .cxd-TableSelection .cxd-Table-content {
   border-top: 0.0625rem solid #e8e9eb;
 }
+.cxd-TableSelection .cxd-Table-table > tbody > tr {
+  cursor: pointer;
+}
 .cxd-TableSelection .cxd-Table-table > thead > tr > th,
 .cxd-TableSelection .cxd-Table-table > tbody > tr > td {
   font-size: 12px;
@@ -25063,7 +25089,7 @@ input.cxd-TextControl-input-password {
   align-items: center;
   line-height: 1.5rem;
   position: relative;
-  font-size: 12px;
+  font-size: 14px;
   padding: 0 0.5rem;
   flex-direction: row;
   cursor: pointer;
@@ -25094,8 +25120,8 @@ input.cxd-TextControl-input-password {
 .cxd-TreeSelection-placeholder {
   height: 2rem;
   line-height: 1.4285714286;
-  font-size: 12px;
-  padding: calc( ( 2rem - 1.4285714286 * 12px ) / 2 ) 0.5rem;
+  font-size: 14px;
+  padding: calc( ( 2rem - 1.4285714286 * 14px ) / 2 ) 0.5rem;
   color: #b8babf;
 }
 
@@ -25119,8 +25145,8 @@ input.cxd-TextControl-input-password {
 .cxd-ChainedSelection-item {
   display: flex;
   line-height: 1.4285714286;
-  font-size: 12px;
-  padding: calc( ( 2rem - 1.4285714286 * 12px ) / 2 ) 0.5rem;
+  font-size: 14px;
+  padding: calc( ( 2rem - 1.4285714286 * 14px ) / 2 ) 0.5rem;
   flex-direction: row;
   cursor: pointer;
   user-select: none;
@@ -25149,8 +25175,8 @@ input.cxd-TextControl-input-password {
 .cxd-ChainedSelection-placeholder {
   height: 2rem;
   line-height: 1.4285714286;
-  font-size: 12px;
-  padding: calc( ( 2rem - 1.4285714286 * 12px ) / 2 ) 0.5rem;
+  font-size: 14px;
+  padding: calc( ( 2rem - 1.4285714286 * 14px ) / 2 ) 0.5rem;
   color: #b8babf;
 }
 
@@ -25220,10 +25246,10 @@ input.cxd-TextControl-input-password {
   padding: calc(
     (
         2rem - 1.4285714286 *
-          12px - 0.125rem
+          14px - 0.125rem
       ) / 2
   ) 0.625rem;
-  font-size: 12px;
+  font-size: 14px;
 }
 .cxd-CityPicker-input::placeholder {
   color: #b8babf;
@@ -25255,10 +25281,10 @@ input.cxd-TextControl-input-password {
   padding: calc(
     (
         2rem - 1.4285714286 *
-          12px - 0.125rem
+          14px - 0.125rem
       ) / 2
   ) 0.625rem;
-  font-size: 12px;
+  font-size: 14px;
   display: inline-flex !important;
 }
 .cxd-CityArea-Input::placeholder {
@@ -25283,6 +25309,7 @@ input.cxd-TextControl-input-password {
   margin: 0;
   vertical-align: middle;
   text-align: left;
+  transition: all 0.5s ease;
 }
 .cxd-Switch.is-disabled {
   cursor: not-allowed;
@@ -25361,7 +25388,7 @@ input.cxd-TextControl-input-password {
   margin: 0;
   padding: 0;
   line-height: 2rem;
-  font-size: 12px;
+  font-size: 14px;
   height: 2rem;
   display: inline-block;
   vertical-align: middle;
@@ -25624,17 +25651,18 @@ input.cxd-TextControl-input-password {
 
 .cxd-Select {
   display: inline-flex;
+  /* select 标签样式 */
   vertical-align: middle;
   text-align: left;
   align-items: center;
   outline: none;
   position: relative;
-  font-size: 12px;
+  font-size: 14px;
   border: 0.0625rem solid #e8e9eb;
   background: #fff;
   border-radius: 0.25rem;
   min-height: 2rem;
-  padding: calc( ( 2rem - 1.4285714286 * 12px - 0.0625rem * 2 ) / 2 ) 0 calc( ( 2rem - 1.4285714286 * 12px - 0.0625rem * 2 ) / 2 ) 0.625rem;
+  padding: calc( ( 2rem - 1.4285714286 * 14px - 0.0625rem * 2 ) / 2 ) 0 calc( ( 2rem - 1.4285714286 * 14px - 0.0625rem * 2 ) / 2 ) 0.625rem;
   cursor: pointer;
   color: #000;
 }
@@ -25693,7 +25721,7 @@ input.cxd-TextControl-input-password {
   color: #999;
 }
 .cxd-Select-value {
-  line-height: calc( 1.4285714286 * 12px );
+  line-height: calc( 1.4285714286 * 14px );
   white-space: nowrap;
   max-width: 100%;
   overflow: hidden;
@@ -25725,7 +25753,7 @@ input.cxd-TextControl-input-password {
   position: static;
   white-space: normal;
   user-select: none;
-  line-height: calc( 1.4285714286 * 12px - 0.125rem );
+  line-height: calc( 1.4285714286 * 14px - 0.125rem );
   display: inline-block;
   vertical-align: middle;
   font-size: 12px;
@@ -25840,6 +25868,7 @@ input.cxd-TextControl-input-password {
   margin-right: 0.25rem;
 }
 .cxd-Select-input > input {
+  width: 100%;
   outline: none;
   border: none;
   flex-grow: 1;
@@ -25849,8 +25878,7 @@ input.cxd-TextControl-input-password {
 }
 .cxd-Select-option {
   cursor: pointer;
-  min-width: 7.5rem;
-  padding: calc( ( 1.5rem - 1.4285714286 * 12px ) / 2 ) 0.625rem;
+  padding: calc( ( 1.5rem - 1.4285714286 * 14px ) / 2 ) 0.625rem;
 }
 .cxd-Select-option.is-active {
   color: #2468f2;
@@ -25880,7 +25908,7 @@ input.cxd-TextControl-input-password {
   line-height: 1.4285714286;
   font-size: 12px;
   user-select: none;
-  padding: calc( ( 1.5rem - 1.4285714286 * 12px ) / 2 ) 0.625rem;
+  padding: calc( ( 1.5rem - 1.4285714286 * 14px ) / 2 ) 0.625rem;
 }
 .cxd-Select-option-hl {
   color: #2468f2;
@@ -25888,7 +25916,7 @@ input.cxd-TextControl-input-password {
 .cxd-Select-addBtn {
   display: block;
   cursor: pointer;
-  padding: calc( ( 1.5rem - 1.4285714286 * 12px ) / 2 ) 0.625rem;
+  padding: calc( ( 1.5rem - 1.4285714286 * 14px ) / 2 ) 0.625rem;
 }
 .cxd-Select-addBtn:hover {
   text-decoration: none;
@@ -25903,7 +25931,7 @@ input.cxd-TextControl-input-password {
   color: #000;
 }
 .cxd-Select-spinner {
-  line-height: calc( 1.4285714286 * 12px );
+  line-height: calc( 1.4285714286 * 14px );
 }
 .cxd-Select-clear {
   padding: 0.1875rem;
@@ -25926,6 +25954,51 @@ input.cxd-TextControl-input-password {
 .cxd-Select-popup {
   height: 20rem;
 }
+.cxd-Select-overflow-wrapper {
+  display: flex;
+  flex-flow: row wrap;
+  justify-content: flex-start;
+  align-items: center;
+  overflow-x: hidden;
+  overflow-y: auto;
+  max-height: calc( ( 1.4285714286 * 14px - 0.125rem + 0.25rem ) * 5 );
+}
+.cxd-Select-overflow-wrapper .cxd-Select-value {
+  position: static;
+  white-space: normal;
+  user-select: none;
+  line-height: calc( 1.4285714286 * 14px - 0.125rem );
+  display: inline-block;
+  vertical-align: middle;
+  font-size: 12px;
+  background: #f7f7f9;
+  border: 0.0625rem solid #f2f2f4;
+  border-radius: 0.125rem;
+  margin-right: 0.25rem;
+  margin-bottom: 0.25rem;
+}
+.cxd-Select-overflow-wrapper .cxd-Select-value:hover {
+  background-color: #e8e9eb;
+}
+.cxd-Select-overflow-wrapper .cxd-Select-valueLabel {
+  display: inline-block;
+  max-width: 7.5rem;
+  padding: 0 0.25rem;
+  overflow: hidden;
+  vertical-align: top;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.cxd-Select-overflow.cxd-Tooltip--dark .cxd-Select-overflow-wrapper .cxd-Select-value {
+  background-color: #5c5f66;
+  border: none;
+}
+.cxd-Select-overflow.cxd-Tooltip--dark .cxd-Select-overflow-wrapper .cxd-Select-value:hover {
+  background-color: #b8babf;
+}
+.cxd-Select-overflow.cxd-Tooltip--dark .cxd-Select-overflow-wrapper .cxd-Select-value .cxd-Select-valueIcon {
+  color: #e8e9eb;
+}
 
 .cxd-Select-popover {
   margin-top: calc(0 * -1);
@@ -25935,7 +26008,6 @@ input.cxd-TextControl-input-password {
   box-shadow: 0.125rem 0.25rem 0.5rem rgba(0, 0, 0, 0.2);
   border-top-left-radius: 0;
   border-top-right-radius: 0;
-  min-width: 6.25rem;
 }
 .cxd-Select-popover.cxd-PopOver--leftTopLeftBottom {
   margin-top: calc( (0.25rem - 0) * -1 );
@@ -25980,8 +26052,8 @@ input.cxd-TextControl-input-password {
 .cxd-Selections-title {
   height: 2rem;
   background: #f7f7f9;
-  font-size: 12px;
-  padding: calc( ( 2rem - 1.4285714286 * 12px ) / 2 ) 0.5rem;
+  font-size: 14px;
+  padding: calc( ( 2rem - 1.4285714286 * 14px ) / 2 ) 0.5rem;
 }
 .cxd-Selections-placeholder {
   color: #b8babf;
@@ -25993,7 +26065,7 @@ input.cxd-TextControl-input-password {
   display: flex;
   flex-direction: column;
   justify-content: center;
-  font-size: 12px;
+  font-size: 14px;
 }
 .cxd-Selections-items {
   flex-grow: 1;
@@ -26003,9 +26075,9 @@ input.cxd-TextControl-input-password {
   flex-direction: row;
   height: 2rem;
   line-height: 1.4285714286;
-  font-size: 12px;
+  font-size: 14px;
   align-items: center;
-  padding: calc( ( 2rem - 1.4285714286 * 12px ) / 2 ) 0.5rem;
+  padding: calc( ( 2rem - 1.4285714286 * 14px ) / 2 ) 0.5rem;
 }
 .cxd-Selections-item > label {
   flex-basis: 3.125rem;
@@ -26044,7 +26116,7 @@ input.cxd-TextControl-input-password {
 .cxd-ListControl-item {
   position: relative;
   user-select: none;
-  font-size: 12px;
+  font-size: 14px;
   display: inline-block;
   vertical-align: middle;
   margin: calc(0.625rem / 2);
@@ -26251,14 +26323,14 @@ input.cxd-TextControl-input-password {
   transform: translateY(-50%);
 }
 .cxd-MapPicker-itemTitle {
-  font-size: 12px;
+  font-size: 14px;
 }
 .cxd-MapPicker-itemDesc {
   font-size: 12px;
 }
 .cxd-MapPicker-sugItem {
   cursor: pointer;
-  padding: calc( ( 1.5rem - 1.4285714286 * 12px ) / 2 ) 0.625rem;
+  padding: calc( ( 1.5rem - 1.4285714286 * 14px ) / 2 ) 0.625rem;
 }
 .cxd-MapPicker-sugItem:hover {
   color: #2468f2;
@@ -26279,11 +26351,11 @@ input.cxd-TextControl-input-password {
   flex-wrap: nowrap;
   white-space: nowrap;
   border: 0.0625rem solid #e8e9eb;
-  font-size: 12px;
+  font-size: 14px;
   padding: calc(
     (
         2rem - 1.4285714286 *
-          12px
+          14px
       ) / 2 - 0.0625rem
   ) 0.75rem;
   background: #fff;
@@ -26309,7 +26381,7 @@ input.cxd-TextControl-input-password {
   flex-grow: 1;
   padding: 0;
   margin: 0;
-  height: calc(12px * 1.4285714286);
+  height: calc(14px * 1.4285714286);
 }
 .cxd-ColorPicker-input::placeholder {
   color: #999;
@@ -26529,27 +26601,11 @@ input.cxd-TextControl-input-password {
   display: flex;
 }
 
-.cxd-DateControl {
-  width: auto !important;
-}
-.cxd-DateControl.is-date > .cxd-DatePicker {
-  min-width: calc(calc(
-    16px * 5 + 0.75rem * 2 +
-      14px * 2
-  ) + 16px * 2);
-}
-.cxd-DateControl.is-datetime > .cxd-DatePicker {
-  min-width: calc(calc(
-    16px * 5 + 0.75rem * 2 +
-      14px * 2
-  ) + 16px * 6);
-}
-
 .cxd-DatePicker-shortcuts {
   margin: 0;
   padding-left: 0.625rem;
   list-style: none;
-  background: #F7F7F9;
+  background: #f7f7f9;
   line-height: 2rem;
 }
 
@@ -26561,7 +26617,7 @@ input.cxd-TextControl-input-password {
 .cxd-DatePicker-shortcut a {
   font-size: 12px;
   cursor: pointer;
-  color: #151B26;
+  color: #151b26;
   text-decoration: none;
 }
 .cxd-DatePicker-shortcut a:hover {
@@ -26676,7 +26732,7 @@ input.cxd-TextControl-input-password {
 .rdt .rdtPicker td.rdtMinute:hover,
 .rdt .rdtPicker td.rdtSecond:hover,
 .rdt .rdtPicker .rdtTimeToggle:hover {
-  background: #F7F7F9;
+  background: #f7f7f9;
 }
 .rdt .rdtPicker td.rdtBetween {
   background: rgba(36, 104, 242, 0.1);
@@ -26690,7 +26746,7 @@ input.cxd-TextControl-input-password {
 .rdt .rdtPicker .rdtDisabled.rdtToday > span,
 .rdt .rdtPicker .rdtOld.rdtToday > span,
 .rdt .rdtPicker .rdtNew.rdtToday > span {
-  border-color: #E8E9EB;
+  border-color: #e8e9eb;
 }
 .rdt .rdtPicker td.rdtActive > span,
 .rdt .rdtPicker td.rdtActive:hover > span {
@@ -26701,11 +26757,11 @@ input.cxd-TextControl-input-password {
 }
 .rdt .rdtPicker .rdtActive.rdtToday > span {
   background: transparent;
-  border-color: #144BCC;
+  border-color: #144bcc;
 }
 .rdt .rdtPicker td.rdtDisabled > span,
 .rdt .rdtPicker td.rdtDisabled:hover > span {
-  background: #F7F7F9;
+  background: #f7f7f9;
 }
 .rdt thead tr:first-child th {
   cursor: default;
@@ -26790,7 +26846,7 @@ input.cxd-TextControl-input-password {
 .cxd-CalendarInput {
   outline: none;
   width: 3.5rem;
-  font-size: 12px;
+  font-size: 14px;
   color: #2468f2;
   border: 1px solid #e8e9eb;
   border-radius: 0.25rem;
@@ -26799,7 +26855,7 @@ input.cxd-TextControl-input-password {
   padding: calc(
     (
         2.5rem - 1.5 *
-          12px
+          14px
       ) / 2
   ) 0.625rem;
   box-shadow: none;
@@ -26936,7 +26992,7 @@ input.cxd-TextControl-input-password {
   cursor: pointer !important;
   width: 1rem;
   padding: 0;
-  color: #84868C;
+  color: #84868c;
   font-size: 18px;
   text-decoration: none;
   font-family: auto;
@@ -27015,8 +27071,8 @@ td.rdtYear.rdtDisabled,
 td.rdtYear.rdtDisabled:hover,
 td.rdtQuarter.rdtDisabled,
 td.rdtQuarter.rdtDisabled:hover {
-  background: #F7F7F9;
-  color: #B8BABF;
+  background: #f7f7f9;
+  color: #b8babf;
 }
 
 .cxd-DateRangePicker-start .rdtPicker .rdtActive.rdtBetween {
@@ -27514,7 +27570,7 @@ td.rdtQuarter.rdtDisabled:hover {
   padding: calc(
     (
         2rem - 0.0625rem * 2 -
-          1.4285714286 * 12px
+          1.4285714286 * 14px
       ) / 2
   ) 0.75rem;
   cursor: pointer;
@@ -28311,8 +28367,8 @@ td.rdtQuarter.rdtDisabled:hover {
   border: 0.0625rem solid #e8e9eb;
   border-radius: 0.25rem;
   line-height: 1.4285714286;
-  padding: calc( ( calc(2rem * 0.85) - 1.4285714286 * 12px - 0.125rem ) / 2 ) 0.625rem;
-  font-size: 12px;
+  padding: calc( ( calc(2rem * 0.85) - 1.4285714286 * 14px - 0.125rem ) / 2 ) 0.625rem;
+  font-size: 14px;
 }
 .cxd-Tree-itemInput > input::placeholder {
   color: #b8babf;
@@ -28441,10 +28497,10 @@ td.rdtQuarter.rdtDisabled:hover {
   padding: calc(
     (
         2rem - 1.4285714286 *
-          12px - 0.125rem
+          14px - 0.125rem
       ) / 2
   ) 0.625rem;
-  font-size: 12px;
+  font-size: 14px;
   flex-wrap: wrap;
   justify-content: flex-start;
 }
@@ -28456,7 +28512,7 @@ td.rdtQuarter.rdtDisabled:hover {
   border: none;
   color: #151b26;
   width: 100%;
-  height: calc(1.4285714286 * 12px);
+  height: calc(1.4285714286 * 14px);
 }
 .cxd-TreeSelect-input input::placeholder {
   color: #b8babf;
@@ -28494,7 +28550,7 @@ td.rdtQuarter.rdtDisabled:hover {
   transition: all 0.2s;
 }
 .cxd-TreeSelect-spinner {
-  line-height: calc( 1.4285714286 * 12px );
+  line-height: calc( 1.4285714286 * 14px );
 }
 .cxd-TreeSelect-clear {
   padding: 0.1875rem;
@@ -28556,7 +28612,7 @@ td.rdtQuarter.rdtDisabled:hover {
   padding-top: calc(
     (
         2rem - 1.4285714286 *
-          12px
+          14px
       ) / 2
   );
 }
@@ -28615,7 +28671,7 @@ td.rdtQuarter.rdtDisabled:hover {
   margin-left: 0.5rem;
 }
 .cxd-Combo-addBtn img.cxd-Button-icon {
-  height: 12px;
+  height: 14px;
   vertical-align: middle;
 }
 .cxd-Combo-addBtn:not(:disabled):not(.is-disabled):hover {
@@ -28706,7 +28762,7 @@ td.rdtQuarter.rdtDisabled:hover {
   padding-top: calc(
     (
         2rem - 1.4285714286 *
-          12px
+          14px
       ) / 2
   );
 }
@@ -28854,7 +28910,7 @@ td.rdtQuarter.rdtDisabled:hover {
 .cxd-SubForm-value {
   background: #f7f7f9;
   color: #000;
-  font-size: 12px;
+  font-size: 14px;
   padding: 0 0.25rem;
   min-height: 1.5rem;
   flex-wrap: nowrap;
@@ -28965,10 +29021,10 @@ td.rdtQuarter.rdtDisabled:hover {
   padding: calc(
     (
         2rem - 1.4285714286 *
-          12px - 0.125rem
+          14px - 0.125rem
       ) / 2
   ) 0.625rem;
-  font-size: 12px;
+  font-size: 14px;
   flex-wrap: wrap;
   justify-content: flex-start;
 }
@@ -28980,7 +29036,7 @@ td.rdtQuarter.rdtDisabled:hover {
   border: none;
   color: #151b26;
   width: 100%;
-  height: calc(1.4285714286 * 12px);
+  height: calc(1.4285714286 * 14px);
 }
 .cxd-Picker-input input::placeholder {
   color: #b8babf;
@@ -29018,7 +29074,7 @@ td.rdtQuarter.rdtDisabled:hover {
   transition: all 0.2s;
 }
 .cxd-Picker-spinner {
-  line-height: calc( 1.4285714286 * 12px );
+  line-height: calc( 1.4285714286 * 14px );
 }
 .cxd-Picker-clear {
   padding: 0.1875rem;
@@ -29090,7 +29146,7 @@ td.rdtQuarter.rdtDisabled:hover {
   user-select: none;
   white-space: nowrap;
   vertical-align: middle;
-  line-height: calc( 1.4285714286 * 12px - 0.125rem );
+  line-height: calc( 1.4285714286 * 14px - 0.125rem );
   display: inline-block;
   font-size: 12px;
   color: #2468f2;
@@ -29229,7 +29285,7 @@ td.rdtQuarter.rdtDisabled:hover {
   margin-left: 0.5rem;
 }
 .cxd-TagControl-sugItem img.cxd-Button-icon {
-  height: 12px;
+  height: 14px;
   vertical-align: middle;
 }
 .cxd-TagControl-sugItem:not(:disabled):not(.is-disabled):hover {
@@ -29344,8 +29400,8 @@ td.rdtQuarter.rdtDisabled:hover {
   background: #f7f7f9;
   height: 1.875rem;
   line-height: 1.4285714286;
-  font-size: 12px;
-  padding: calc( ( 1.875rem - 1.4285714286 * 12px ) / 2 ) 0.5rem;
+  font-size: 14px;
+  padding: calc( ( 1.875rem - 1.4285714286 * 14px ) / 2 ) 0.5rem;
   flex-direction: row;
   border-radius: 0.25rem 0.25rem 0 0;
 }
@@ -29381,7 +29437,8 @@ td.rdtQuarter.rdtDisabled:hover {
 .cxd-Transfer-select > .cxd-ChainedSelection .cxd-ChainedSelection-col {
   height: 100%;
   overflow: auto;
-  min-width: 8.125rem;
+  min-width: unset;
+  flex: 1 1 0;
 }
 .cxd-Transfer .cxd--ResultTreeList {
   border-top: 1px solid #e8e9eb;
@@ -29465,8 +29522,8 @@ td.rdtQuarter.rdtDisabled:hover {
 .cxd-TabsTransfer-placeholder {
   height: 2rem;
   line-height: 1.4285714286;
-  font-size: 12px;
-  padding: calc( ( 2rem - 1.4285714286 * 12px ) / 2 ) 0.5rem;
+  font-size: 14px;
+  padding: calc( ( 2rem - 1.4285714286 * 14px ) / 2 ) 0.5rem;
   color: #b8babf;
 }
 .cxd-TabsTransfer-tab {
@@ -29619,7 +29676,7 @@ td.rdtQuarter.rdtDisabled:hover {
   line-height: 1.4285714286;
   font-size: 12px;
   user-select: none;
-  padding: calc( ( 1.5rem - 1.4285714286 * 12px ) / 2 ) 0.625rem;
+  padding: calc( ( 1.5rem - 1.4285714286 * 14px ) / 2 ) 0.625rem;
 }
 .cxd-NestedSelect-menu {
   width: 10rem;
@@ -29797,10 +29854,10 @@ td.rdtQuarter.rdtDisabled:hover {
   padding: calc(
     (
         2rem - 1.4285714286 *
-          12px - 0.125rem
+          14px - 0.125rem
       ) / 2
   ) 0.625rem;
-  font-size: 12px;
+  font-size: 14px;
   flex-wrap: wrap;
   justify-content: flex-start;
 }
@@ -29812,7 +29869,7 @@ td.rdtQuarter.rdtDisabled:hover {
   border: none;
   color: #151b26;
   width: 100%;
-  height: calc(1.4285714286 * 12px);
+  height: calc(1.4285714286 * 14px);
 }
 .cxd-IconPickerControl-input input::placeholder {
   color: #b8babf;
@@ -29850,7 +29907,7 @@ td.rdtQuarter.rdtDisabled:hover {
   transition: all 0.2s;
 }
 .cxd-IconPickerControl-spinner {
-  line-height: calc( 1.4285714286 * 12px );
+  line-height: calc( 1.4285714286 * 14px );
 }
 .cxd-IconPickerControl-clear {
   padding: 0.1875rem;
@@ -29886,23 +29943,19 @@ td.rdtQuarter.rdtDisabled:hover {
 .cxd-IconPickerControl-placeholder {
   color: #b8babf;
   user-select: none;
-  position: absolute;
-  left: 0.625rem;
-  top: calc(
-    (
-        2rem - 1.4285714286 *
-          12px - 0.125rem
-      ) / 2
-  );
-  margin-top: calc(2 * 0.0625rem);
   line-height: 1.4285714286;
+  position: absolute;
+  left: 2px;
+  overflow: hidden;
+  width: 100%;
 }
 .cxd-IconPickerControl-valueWrap {
-  display: flex;
   justify-content: space-between;
   flex-grow: 1;
   line-height: 1;
   white-space: nowrap;
+  width: 100%;
+  position: relative;
 }
 .cxd-IconPickerControl-valueWrap > input {
   display: inline-block;
@@ -29912,6 +29965,7 @@ td.rdtQuarter.rdtDisabled:hover {
 .cxd-IconPickerControl-input--withAC {
   position: relative;
   flex-wrap: wrap;
+  width: 100%;
 }
 .cxd-IconPickerControl-input--withAC > input {
   width: auto;
@@ -29966,9 +30020,12 @@ td.rdtQuarter.rdtDisabled:hover {
 }
 .cxd-IconPickerControl-value {
   user-select: none;
-  line-height: calc( 1.4285714286 * 12px );
+  line-height: calc( 1.4285714286 * 14px );
   vertical-align: middle;
   display: inline-block;
+  overflow: hidden;
+  width: 100%;
+  text-overflow: ellipsis;
 }
 .cxd-IconPickerControl-value > i {
   display: inline-block;
@@ -29976,7 +30033,7 @@ td.rdtQuarter.rdtDisabled:hover {
 }
 
 .cxd-Form {
-  font-size: 12px;
+  font-size: 14px;
   position: relative;
 }
 .cxd-Form--quickEdit > div:last-of-type {
@@ -29991,7 +30048,7 @@ td.rdtQuarter.rdtDisabled:hover {
   padding-top: calc(
     (
         2rem - 1.4285714286 *
-          12px - 0.125rem
+          14px - 0.125rem
       ) / 2
   );
 }
@@ -30001,13 +30058,13 @@ td.rdtQuarter.rdtDisabled:hover {
   padding-top: calc(
     (
         2rem - 1.4285714286 *
-          12px
+          14px
       ) / 2
   );
   padding-bottom: calc(
     (
         2rem - 1.4285714286 *
-          12px
+          14px
       ) / 2
   );
   margin-bottom: 0;
@@ -30022,7 +30079,7 @@ td.rdtQuarter.rdtDisabled:hover {
   padding: calc(
     (
         2rem - 1.4285714286 *
-          12px - 0.125rem
+          14px - 0.125rem
       ) / 2
   ) 0.625rem;
 }
@@ -30032,7 +30089,7 @@ td.rdtQuarter.rdtDisabled:hover {
   padding: calc(
     (
         2rem - 1.4285714286 *
-          12px - 0.125rem
+          14px - 0.125rem
       ) / 2
   ) 0.625rem;
 }
@@ -30041,7 +30098,7 @@ td.rdtQuarter.rdtDisabled:hover {
   font-weight: 400;
   margin-bottom: 0.25rem;
   position: relative;
-  font-size: 12px;
+  font-size: 14px;
   color: #5c5f66;
 }
 .cxd-Form-label > span {
@@ -30075,7 +30132,7 @@ td.rdtQuarter.rdtDisabled:hover {
   padding-top: calc(
     (
         2rem - 1.4285714286 *
-          12px - 0.125rem
+          14px - 0.125rem
       ) / 2
   );
   vertical-align: top;
@@ -30101,7 +30158,7 @@ td.rdtQuarter.rdtDisabled:hover {
   padding-top: calc(
     (
         2rem - 1.4285714286 *
-          12px
+          14px
       ) / 2
   );
   vertical-align: top;
@@ -30225,7 +30282,7 @@ td.rdtQuarter.rdtDisabled:hover {
     padding-top: calc(
     (
         2rem - 1.4285714286 *
-          12px
+          14px
       ) / 2
   );
     margin-bottom: 0;
@@ -30328,7 +30385,7 @@ td.rdtQuarter.rdtDisabled:hover {
     padding-top: calc(
     (
         2rem - 1.4285714286 *
-          12px
+          14px
       ) / 2
   );
     margin-bottom: 0;
@@ -30347,7 +30404,7 @@ td.rdtQuarter.rdtDisabled:hover {
     padding-top: calc(
     (
         2rem - 1.4285714286 *
-          12px
+          14px
       ) / 2
   );
   }
@@ -30390,7 +30447,7 @@ td.rdtQuarter.rdtDisabled:hover {
     padding-top: calc(
     (
         2rem - 1.4285714286 *
-          12px
+          14px
       ) / 2
   );
     padding-right: 0.625rem;
@@ -30498,7 +30555,7 @@ td.rdtQuarter.rdtDisabled:hover {
     font-size: 16px;
   }
   .cxd-Form .cxd-Form-item .cxd-Form-description {
-    font-size: 12px;
+    font-size: 14px;
   }
   .cxd-Form .cxd-Form-item .cxd-TextControl-input {
     font-size: 16px;
@@ -30531,7 +30588,7 @@ td.rdtQuarter.rdtDisabled:hover {
     height: 2rem;
   }
   .cxd-Form .cxd-Form-item .cxd-Form-hint {
-    font-size: 12px;
+    font-size: 14px;
     margin-left: 0;
     color: #b8babf;
   }
@@ -30543,7 +30600,7 @@ td.rdtQuarter.rdtDisabled:hover {
   }
   .cxd-Form .cxd-Form-item .cxd-Form-description,
 .cxd-Form .cxd-Form-item .cxd-Form-feedback {
-    font-size: 12px;
+    font-size: 14px;
   }
   .cxd-Form .cxd-Form-item .cxd-InputGroup .cxd-Select,
 .cxd-Form .cxd-Form-item .cxd-InputGroup .cxd-InputGroup-btn .cxd-Button {
@@ -31338,13 +31395,16 @@ td.rdtQuarter.rdtDisabled:hover {
   height: 15.625rem;
   margin-top: 0.625rem;
 }
+.cxd-FormulaEditor-settings.only-variable {
+  height: 21.875rem;
+}
 .cxd-FormulaEditor-panel {
   display: flex;
   flex: 1;
   flex-flow: column nowrap;
   justify-content: space-between;
   align-items: stretch;
-  height: 15.625rem;
+  height: 100%;
   border-radius: 0.25rem;
   border: 0.0625rem solid #e8e9eb;
 }
@@ -31369,10 +31429,11 @@ td.rdtQuarter.rdtDisabled:hover {
   flex: 1;
   display: flex;
   flex-flow: column nowrap;
-  max-height: 13.75rem;
+  max-height: calc(100% - 30px);
+  overflow: hidden;
 }
 .cxd-FormulaEditor-panel-body--tabs {
-  max-height: 15.625rem;
+  max-height: 100%;
 }
 .cxd-FormulaEditor-VariableList-root {
   max-height: 100%;
@@ -31492,11 +31553,13 @@ td.rdtQuarter.rdtDisabled:hover {
   vertical-align: middle;
   text-align: center;
   padding: 0 0.5rem;
-  line-height: 17px;
   border-radius: 0.25rem;
   background: #f5f5f5;
   color: #000;
 }
+.cxd-FormulaEditor-VariableList .cxd-GroupedSelection-item-tag {
+  line-height: 17px;
+}
 .cxd-FormulaEditor-FuncList {
   display: flex;
   flex-flow: row nowrap;
@@ -31664,6 +31727,39 @@ td.rdtQuarter.rdtDisabled:hover {
   padding: 0 2px;
 }
 
+.cxd-FormulaPicker.is-input-group {
+  border: 0.0625rem solid #e8e9eb;
+  padding: calc(
+    (
+        2rem - 1.4285714286 *
+          14px - 0.125rem
+      ) / 2
+  ) 0.625rem;
+  border-radius: 0.25rem;
+}
+.cxd-FormulaPicker.is-input-group .cxd-FormulaPicker-input {
+  display: inline-block;
+  width: 100%;
+  background: none;
+  padding: 0;
+  border: 0;
+  margin: 0;
+}
+.cxd-FormulaPicker.is-input-group .cxd-FormulaPicker-input:focus {
+  border: none;
+  outline: none;
+  box-sizing: none;
+}
+.cxd-FormulaPicker.is-input-group .cxd-FormulaPicker-toggler .icon-function {
+  transform: scale(1.6);
+}
+.cxd-FormulaPicker.is-input-group .cxd-FormulaPicker-toggler .icon-ellipsis-v {
+  transform: rotate(90deg);
+}
+.cxd-FormulaPicker.is-input-group .cxd-FormulaPicker-toggler:hover {
+  cursor: pointer;
+}
+
 .cxd-Timeline-vertical {
   display: flex;
   flex-flow: column;
@@ -32882,7 +32978,7 @@ a.text-black:hover {
 }
 
 .text-base {
-  font-size: 12px !important;
+  font-size: 14px !important;
 }
 
 .text-sm {
@@ -34429,11 +34525,15 @@ a.label:hover, a.label:focus {
 }
 
 .cxd-Transfer-title {
-  flex: 0 0 2.375rem;
-  height: 2.375rem;
+  height: 2rem;
+  flex: 0 0 2rem;
   padding-left: 0.75rem;
   padding-right: 0.75rem;
 }
+.cxd-Transfer-title--light {
+  height: 2.5rem;
+  flex: 0 0 2.5rem;
+}
 .cxd-Transfer-result > .cxd-Selections {
   height: 100%;
 }