amis 2.0.0-rc.9 → 2.0.2

package/sdk/cxd.css

@@ -74467,6 +74467,7 @@ title: Word Break
   --Button-onDisabled-bg: #f2f3f3;
   --Button-onFocus-boxShadow: none;
   --Button-paddingX: 0.75rem;
+  --Button-icon-rightMargin: 0.25rem;
   --Button-paddingX-right: 0.625rem;
   --Button-paddingY: calc(
     (
@@ -74836,6 +74837,8 @@ title: Word Break
   --Form-input-onHover-bg: rgba(255, 255, 255, 0.6);
   --Form-input-onHover-borderColor: var(--Form-input-onFocused-borderColor);
   --Form-input-paddingX: 0.5rem;
+  --Form-input-password-icon-size: 1rem;
+  --Form-input-password-icon-color: #84868c;
   --Form-inputNumber-paddingX: 0.75rem;
   --Form-inputNumber-base-width: 1.5rem;
   --Form-inputNumber-base-height: 2rem;
@@ -75329,8 +75332,27 @@ title: Word Break
   --Switch-onDisabled-bgColor: #ccc;
   --Switch-onDisabled-circle-BackgroundColor: var(--white);
   --Switch-onDisabled-color: #fff;
+  --Switch-onHover-bgColor: var(--Switch-bgColor);
   --Switch-valueColor: var(--white);
   --Switch-width: 3.125rem;
+  --Switch-slider-margin: 0.0625rem;
+  --Switch-slider-width: calc(
+    var(--Switch-height) - var(--Switch-slider-margin) * 2
+  );
+  --Switch-slider-transition: margin-left var(--animation-duration);
+  --Switch-text-marginRight: 0.5rem;
+  --Switch-text-marginLeft: 1.5625rem;
+  --Switch-width--sm: 1.75rem;
+  --Switch-height--sm: 1rem;
+  --Switch-slider-width--sm: calc(
+    var(--Switch-height--sm) - var(--Switch-slider-margin) * 2
+  );
+  --Switch-text-marginRight--sm: calc(
+    var(--Switch-slider-margin) * 2 + var(--Switch-text-marginRight) / 2
+  );
+  --Switch-text-marginLeft--sm: calc(
+    var(--Switch-slider-margin) * 2 + var(--Switch-text-marginLeft) / 2
+  );
   --Table--unsaved-heading-bg: #e8f0fe;
   --Table--unsaved-heading-color: #4285f4;
   --Table-bg: var(--background);
@@ -75717,6 +75739,10 @@ title: Word Break
   --default-padding: 4px 12px;
   --menu-min-width: 150px;
   --menu-sub-min-width: 100px;
+  --SearchBox-height: 1.875rem;
+  --SearchBox-width: 9.375rem;
+  --SearchBox-history-dropdown-maxWidth: calc(var(--SearchBox-width) * 2);
+  --SearchBox-history-dropdown-maxHeight: 12.5rem;
 }
 
 :root {
@@ -75797,8 +75823,6 @@ title: Word Break
   --Form-input-clearBtn-color: #d4d6d9;
   --Form-input-clearBtn-color-onHover: #5c5f66;
   --Form-input-clearBtn-color-onActive: #303540;
-  --Form-input-password-icon-size: 1rem;
-  --Form-input-password-icon-color: #84868c;
   --Form-select-borderWidth: 0.0625rem;
   --Form-select-borderRadius: 0.25rem;
   --Form-select-bg: var(--white);
@@ -75848,8 +75872,8 @@ title: Word Break
   --Number-handler--up-content: "";
   --Number-handler--up-transform: rotate(180deg);
   --Number-handler--down-content: "";
-  --Checkbox-onDisabled-bg: #F7F7F9;
-  --Checkbox-onDisabled-color: #B8BABF;
+  --Checkbox-onDisabled-bg: #f7f7f9;
+  --Checkbox-onDisabled-color: #b8babf;
   --Checkbox-inner-size: 0.5rem;
   --Checkbox--full-inner-size: 0.5rem;
   --Checkbox--sm-size: 0.875rem;
@@ -75861,13 +75885,18 @@ title: Word Break
   --Switch-width: 2.75rem;
   --Switch-valueColor: #ffffff;
   --Switch-bgColor: #d4d6d9;
-  --Switch-onActive-bgColor: #b8babf;
+  --Switch-onActive-bgColor: var(--primary);
   --Switch-onHover-bgColor: #b8babf;
-  --Switch-checked-bgColor: var(--primary);
   --Switch-checked-onHover-bgColor: #144bcc;
   --Switch-checked-onActive-bgColor: #144bcc;
   --Switch-onDisabled-bgColor: #d4e5ff;
   --Switch-onDisabled-color: #ffffff;
+  --Switch-slider-margin: 0.125rem;
+  --Switch-slider-width: calc(
+    var(--Switch-height) - var(--Switch-slider-margin) * 2
+  );
+  --Switch-slider-transition: all 0.5s ease;
+  --Switch-text-margin: 0 px2rem(8px) 0 px2rem(25px);
   --Calendar-icon-bottom: -0.25rem;
   --Calendar-icon-width: 0.625rem;
   --Calendar-icon-height: 0.625rem;
@@ -75921,6 +75950,7 @@ title: Word Break
   --Button-onActive-boxShadow: none;
   --Button-borderRadius: 0.25rem;
   --Button-paddingX: 0.75rem;
+  --Button-icon-rightMargin: 0.25rem;
   --Button--lg-height: 2.5rem;
   --Button--lg-fontSize: 0.875rem;
   --Button--lg-lineHeight: 30 / 20;
@@ -78697,7 +78727,7 @@ title: Word Break
 .amis-scope .cxd-Button--xs .cxd-Button-icon:first-child:not(:last-child):not(.pull-right),
 .amis-scope .cxd-Button--xs > svg.icon:not(:last-child):not(.pull-right),
 .amis-scope .cxd-Button--xs > .pull-left {
-  margin-right: var(--Button--xs-paddingX);
+  margin-right: var(--Button-icon-rightMargin);
 }
 
 .amis-scope .cxd-Button--xs .cxd-Button-icon:last-child:not(:first-child):not(.pull-left),
@@ -78708,7 +78738,7 @@ title: Word Break
 .amis-scope .cxd-Button--xs .cxd-Button--loading:first-child:not(:last-child):not(.pull-right),
 .amis-scope .cxd-Button--xs > svg.icon:not(:last-child):not(.pull-right),
 .amis-scope .cxd-Button--xs > .pull-left {
-  margin-right: var(--Button--xs-paddingX);
+  margin-right: var(--Button-icon-rightMargin);
 }
 
 .amis-scope .cxd-Button--xs .cxd-Button--loading:last-child:not(:first-child):not(.pull-left),
@@ -78736,7 +78766,7 @@ title: Word Break
 .amis-scope .cxd-Button--sm .cxd-Button-icon:first-child:not(:last-child):not(.pull-right),
 .amis-scope .cxd-Button--sm > svg.icon:not(:last-child):not(.pull-right),
 .amis-scope .cxd-Button--sm > .pull-left {
-  margin-right: var(--Button--sm-paddingX);
+  margin-right: var(--Button-icon-rightMargin);
 }
 
 .amis-scope .cxd-Button--sm .cxd-Button-icon:last-child:not(:first-child):not(.pull-left),
@@ -78747,7 +78777,7 @@ title: Word Break
 .amis-scope .cxd-Button--sm .cxd-Button--loading:first-child:not(:last-child):not(.pull-right),
 .amis-scope .cxd-Button--sm > svg.icon:not(:last-child):not(.pull-right),
 .amis-scope .cxd-Button--sm > .pull-left {
-  margin-right: var(--Button--sm-paddingX);
+  margin-right: var(--Button-icon-rightMargin);
 }
 
 .amis-scope .cxd-Button--sm .cxd-Button--loading:last-child:not(:first-child):not(.pull-left),
@@ -78775,7 +78805,7 @@ title: Word Break
 .amis-scope .cxd-Button--md .cxd-Button-icon:first-child:not(:last-child):not(.pull-right),
 .amis-scope .cxd-Button--md > svg.icon:not(:last-child):not(.pull-right),
 .amis-scope .cxd-Button--md > .pull-left {
-  margin-right: var(--Button--md-paddingX);
+  margin-right: var(--Button-icon-rightMargin);
 }
 
 .amis-scope .cxd-Button--md .cxd-Button-icon:last-child:not(:first-child):not(.pull-left),
@@ -78786,7 +78816,7 @@ title: Word Break
 .amis-scope .cxd-Button--md .cxd-Button--loading:first-child:not(:last-child):not(.pull-right),
 .amis-scope .cxd-Button--md > svg.icon:not(:last-child):not(.pull-right),
 .amis-scope .cxd-Button--md > .pull-left {
-  margin-right: var(--Button--md-paddingX);
+  margin-right: var(--Button-icon-rightMargin);
 }
 
 .amis-scope .cxd-Button--md .cxd-Button--loading:last-child:not(:first-child):not(.pull-left),
@@ -78814,7 +78844,7 @@ title: Word Break
 .amis-scope .cxd-Button--lg .cxd-Button-icon:first-child:not(:last-child):not(.pull-right),
 .amis-scope .cxd-Button--lg > svg.icon:not(:last-child):not(.pull-right),
 .amis-scope .cxd-Button--lg > .pull-left {
-  margin-right: var(--Button--lg-paddingX);
+  margin-right: var(--Button-icon-rightMargin);
 }
 
 .amis-scope .cxd-Button--lg .cxd-Button-icon:last-child:not(:first-child):not(.pull-left),
@@ -78825,7 +78855,7 @@ title: Word Break
 .amis-scope .cxd-Button--lg .cxd-Button--loading:first-child:not(:last-child):not(.pull-right),
 .amis-scope .cxd-Button--lg > svg.icon:not(:last-child):not(.pull-right),
 .amis-scope .cxd-Button--lg > .pull-left {
-  margin-right: var(--Button--lg-paddingX);
+  margin-right: var(--Button-icon-rightMargin);
 }
 
 .amis-scope .cxd-Button--lg .cxd-Button--loading:last-child:not(:first-child):not(.pull-left),
@@ -78876,7 +78906,7 @@ title: Word Break
 .amis-scope .cxd-Button .cxd-Button-icon:first-child:not(:last-child):not(.pull-right),
 .amis-scope .cxd-Button > svg.icon:not(:last-child):not(.pull-right),
 .amis-scope .cxd-Button > .pull-left {
-  margin-right: var(--Button-paddingX);
+  margin-right: var(--Button-icon-rightMargin);
 }
 
 .amis-scope .cxd-Button .cxd-Button-icon:last-child:not(:first-child):not(.pull-left),
@@ -78887,7 +78917,7 @@ title: Word Break
 .amis-scope .cxd-Button .cxd-Button--loading:first-child:not(:last-child):not(.pull-right),
 .amis-scope .cxd-Button > svg.icon:not(:last-child):not(.pull-right),
 .amis-scope .cxd-Button > .pull-left {
-  margin-right: var(--Button-paddingX);
+  margin-right: var(--Button-icon-rightMargin);
 }
 
 .amis-scope .cxd-Button .cxd-Button--loading:last-child:not(:first-child):not(.pull-left),
@@ -78939,6 +78969,7 @@ title: Word Break
   text-decoration: var(--link-decoration);
   border: none;
   height: auto;
+  padding: 0;
 }
 
 .amis-scope .cxd-Button--link:hover:focus {
@@ -80987,7 +81018,7 @@ title: Word Break
 .amis-scope .cxd-ArrayInput-addBtn .cxd-Button-icon:first-child:not(:last-child):not(.pull-right),
 .amis-scope .cxd-ArrayInput-addBtn > svg.icon:not(:last-child):not(.pull-right),
 .amis-scope .cxd-ArrayInput-addBtn > .pull-left {
-  margin-right: var(--Combo-addBtn-paddingX);
+  margin-right: var(--Button-icon-rightMargin);
 }
 
 .amis-scope .cxd-ArrayInput-addBtn .cxd-Button-icon:last-child:not(:first-child):not(.pull-left),
@@ -80998,7 +81029,7 @@ title: Word Break
 .amis-scope .cxd-ArrayInput-addBtn .cxd-Button--loading:first-child:not(:last-child):not(.pull-right),
 .amis-scope .cxd-ArrayInput-addBtn > svg.icon:not(:last-child):not(.pull-right),
 .amis-scope .cxd-ArrayInput-addBtn > .pull-left {
-  margin-right: var(--Combo-addBtn-paddingX);
+  margin-right: var(--Button-icon-rightMargin);
 }
 
 .amis-scope .cxd-ArrayInput-addBtn .cxd-Button--loading:last-child:not(:first-child):not(.pull-left),
@@ -82526,7 +82557,8 @@ title: Word Break
     align-items: stretch;
   }
 
-  .amis-scope .cxd-Page--withSidebar > .cxd-Page-content {
+  .amis-scope .cxd-Page--withSidebar > .cxd-Page-content,
+  .amis-scope .cxd-Page--withSidebar .cxd-PullRefresh {
     width: 0;
     flex-grow: 1;
   }
@@ -83654,6 +83686,11 @@ title: Word Break
   border-width: 0;
 }
 
+.amis-scope .cxd-CalendarMobile-pop--time {
+  height: fit-content;
+  max-height: 90vh;
+}
+
 .amis-scope .cxd-CalendarMobile-wrap {
   display: flex;
   flex-direction: column;
@@ -83875,7 +83912,7 @@ title: Word Break
 }
 
 .amis-scope .cxd-CalendarMobile .cxd-CalendarMobile-calendar-wrap .cxd-CalendarMobile-calendar .rdtPicker .rdtToday .calendar-wrap {
-  border: 1px solid #2468F2;
+  border: 1px solid #2468f2;
 }
 
 .amis-scope .cxd-CalendarMobile-calendar-header {
@@ -84418,6 +84455,17 @@ title: Word Break
   user-select: none;
 }
 
+.amis-scope .cxd-CBPicker-trigger {
+  cursor: pointer;
+  transition: transform var(--animation-duration) ease-out;
+  display: flex;
+  color: var(--Form-select-caret-iconColor);
+}
+
+.amis-scope .cxd-CBPicker-trigger:hover {
+  color: var(--primary);
+}
+
 @keyframes contextMenuInSpecial {
   from {
     transform: scale3d(1, 1, 1);
@@ -84937,7 +84985,6 @@ title: Word Break
 }
 
 .amis-scope .cxd-Crud-toolbar-item {
-  margin-left: var(--Crud-toolbar-gap);
   margin-top: var(--Crud-toolbar-gap);
   line-height: var(--Crud-toolbar-lineHeight);
   height: var(--Crud-toolbar-height);
@@ -84946,6 +84993,10 @@ title: Word Break
   align-items: center;
 }
 
+.amis-scope .cxd-Crud-toolbar-item:not(:first-child) {
+  margin-left: var(--Crud-toolbar-gap);
+}
+
 .amis-scope .cxd-Crud-toolbar-item--left {
   float: left;
 }
@@ -84985,7 +85036,6 @@ title: Word Break
 
 @media (min-width: 576px) {
   .amis-scope .cxd-Crud-toolbar {
-    margin-left: calc(var(--Crud-toolbar-gap) * -1);
     margin-top: calc(var(--Crud-toolbar-gap) * -1);
     flex-basis: 0;
     flex-grow: 1;
@@ -85002,12 +85052,163 @@ title: Word Break
   }
 
   .amis-scope .cxd-Crud-toolbar-item {
+    line-height: var(--Crud-toolbar-lineHeight);
+    height: var(--Crud-toolbar-height);
+    vertical-align: middle;
+  }
+
+  .amis-scope .cxd-Crud-toolbar-item:not(:first-child) {
+    margin-left: var(--Crud-toolbar-gap);
+  }
+
+  .amis-scope .cxd-Crud-toolbar-item--left {
+    float: left;
+  }
+
+  .amis-scope .cxd-Crud-toolbar-item--right {
+    float: right;
+  }
+
+  .amis-scope .cxd-Crud-actions > * + .cxd-Button,
+  .amis-scope .cxd-Crud-actions > * + .cxd-Button--disabled-wrap {
     margin-left: var(--Crud-toolbar-gap);
+  }
+}
+
+.amis-scope .cxd-Crud2 {
+  position: relative;
+}
+
+.amis-scope .cxd-Crud2-selection,
+.amis-scope .cxd-Crud2-toolbar,
+.amis-scope .cxd-Crud2-body {
+  margin-bottom: var(--gap-base);
+}
+
+.amis-scope .cxd-Crud2-selectionLabel {
+  display: inline-block;
+  vertical-align: top;
+  margin-top: var(--gap-xs);
+}
+
+.amis-scope .cxd-Crud2-value {
+  cursor: pointer;
+  vertical-align: middle;
+  user-select: none;
+  line-height: calc( var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem );
+  display: inline-block;
+  font-size: var(--Form-selectValue-fontSize);
+  color: var(--Form-selectValue-color);
+  background: var(--Form-selectValue-bg);
+  border: 0.0625rem solid var(--Form-selectValue-borderColor);
+  border-radius: 2px;
+  margin-right: var(--gap-xs);
+  margin-top: var(--gap-xs);
+}
+
+.amis-scope .cxd-Crud2-value:hover {
+  background: var(--Form-selectValue-onHover-bg);
+}
+
+.amis-scope .cxd-Crud2-value.is-disabled {
+  pointer-events: none;
+  opacity: var(--Button-onDisabled-opacity);
+}
+
+.amis-scope .cxd-Crud2-valueIcon {
+  cursor: pointer;
+  border-right: 0.0625rem solid var(--Form-selectValue-borderColor);
+  padding: 1px 5px;
+}
+
+.amis-scope .cxd-Crud2-valueIcon:hover {
+  background: var(--Form-selectValue-onHover-bg);
+}
+
+.amis-scope .cxd-Crud2-valueLabel {
+  padding: 0 var(--gap-xs);
+}
+
+.amis-scope .cxd-Crud2-selectionClear {
+  display: inline-block;
+  cursor: pointer;
+  user-select: none;
+  margin-left: var(--gap-xs);
+  margin-top: var(--gap-xs);
+  vertical-align: middle;
+}
+
+.amis-scope .cxd-Crud2-toolbar-item {
+  margin-top: var(--Crud-toolbar-gap);
+  line-height: var(--Crud-toolbar-lineHeight);
+  height: var(--Crud-toolbar-height);
+  vertical-align: middle;
+  display: inline-flex;
+  align-items: center;
+}
+
+.amis-scope .cxd-Crud2-toolbar-item:not(:first-child) {
+  margin-left: var(--Crud-toolbar-gap);
+}
+
+.amis-scope .cxd-Crud2-toolbar-item--left {
+  float: left;
+}
+
+.amis-scope .cxd-Crud2-toolbar-item--right {
+  float: right;
+}
+
+.amis-scope .cxd-Crud2-actions > * + .cxd-Button,
+.amis-scope .cxd-Crud2-actions > * + .cxd-ButtonGroup,
+.amis-scope .cxd-Crud2-actions > * + .cxd-ButtonToolbar {
+  margin-left: var(--Crud-toolbar-gap);
+}
+
+.amis-scope .cxd-Crud2-statistics {
+  line-height: var(--Crud-toolbar-height);
+  vertical-align: middle;
+}
+
+.amis-scope .cxd-Crud2-pageSwitch .cxd-Select {
+  margin-left: var(--Crud-toolbar-gap);
+}
+
+.amis-scope .cxd-Crud2-pager {
+  align-self: flex-start;
+}
+
+.amis-scope .cxd-Crud2-filter {
+  margin-bottom: var(--gap-base);
+}
+
+@media (min-width: 576px) {
+  .amis-scope .cxd-Crud-toolbar {
+    margin-top: calc(var(--Crud-toolbar-gap) * -1);
+    flex-basis: 0;
+    flex-grow: 1;
+  }
+
+  .amis-scope .cxd-Crud-toolbar::before,
+  .amis-scope .cxd-Crud-toolbar::after {
+    display: table;
+    content: "";
+  }
+
+  .amis-scope .cxd-Crud-toolbar::after {
+    clear: both;
+  }
+
+  .amis-scope .cxd-Crud-toolbar-item {
     line-height: var(--Crud-toolbar-lineHeight);
     height: var(--Crud-toolbar-height);
     vertical-align: middle;
   }
 
+  .amis-scope .cxd-Crud-toolbar-item:not(:first-child) {
+    margin-left: var(--Crud-toolbar-gap);
+  }
+
   .amis-scope .cxd-Crud-toolbar-item--left {
     float: left;
   }
@@ -85041,6 +85242,13 @@ title: Word Break
   box-shadow: none;
 }
 
+.amis-scope .cxd-Table-fixedLeft--autoFillHeight > table thead,
+.amis-scope .cxd-Table-fixedRight--autoFillHeight > table thead {
+  position: sticky;
+  top: 0;
+  z-index: 1;
+}
+
 .amis-scope .cxd-Table-fixedLeft {
   left: 0;
   top: -999999px;
@@ -86672,7 +86880,6 @@ title: Word Break
 .amis-scope .cxd-Table-v2 {
   position: relative;
   border-radius: var(--Table-borderRadius);
-  margin-bottom: var(--gap-md);
 }
 
 .amis-scope .cxd-Table-v2.cxd-Table-bordered {
@@ -87974,7 +88181,7 @@ title: Word Break
 }
 
 .amis-scope .cxd-Table-v2.cxd-Table-ping-left .cxd-Table-table > tbody > tr:not(.cxd-Table-row-disabled) > td.cxd-Table-cell-fix-left:not(.cxd-Table-cell-row-hover) {
-  background: #FFF;
+  background: #fff;
 }
 
 .amis-scope .cxd-Table-v2.cxd-Table-ping-left .cxd-Table-table > tfoot > tr > td:not(:last-child).cxd-Table-cell-fix-left-last {
@@ -87996,7 +88203,7 @@ title: Word Break
 }
 
 .amis-scope .cxd-Table-v2.cxd-Table-ping-right .cxd-Table-table > tbody > tr:not(.cxd-Table-row-disabled) > td.cxd-Table-cell-fix-right:not(.cxd-Table-cell-row-hover) {
-  background: #FFF;
+  background: #fff;
 }
 
 .amis-scope .cxd-Table-v2.cxd-Table-ping-right:not(.cxd-Table-bordered) .cxd-Table-table > thead > tr > th.cxd-Table-cell-fix-right-first-prev {
@@ -88013,11 +88220,13 @@ title: Word Break
 
 .amis-scope .cxd-Table-v2.cxd-Table-resizable .cxd-Table-table > thead > tr > th .cxd-Table-thead-resizable {
   position: absolute;
-  width: 1px;
-  right: 0;
+  width: 7px;
+  right: -4px;
   top: 0;
   bottom: 0;
+  user-select: none;
   cursor: col-resize;
+  z-index: 3000;
 }
 
 .amis-scope .cxd-Table-v2 .cxd-Table-loading {
@@ -88077,8 +88286,6 @@ title: Word Break
 
 .amis-scope .cxd-Table-v2 .cxd-TableCell-searchBtn {
   cursor: pointer;
-  position: static;
-  transform: translateY(-50%);
   color: var(--text--muted-color);
   margin-left: var(--TableCell-icon-gap);
 }
@@ -90647,7 +90854,7 @@ title: Word Break
 }
 
 .amis-scope .cxd-InputBox input {
-  flex-basis: 5rem;
+  flex-basis: 1.875rem;
   flex-grow: 1;
   outline: none;
   background: transparent;
@@ -91025,8 +91232,8 @@ title: Word Break
   font-size: var(--Form-input-fontSize);
   flex-wrap: wrap;
   justify-content: flex-start;
-  flex-wrap: wrap;
-  padding: 0 0.3125rem;
+  flex-wrap: nowrap;
+  padding: 0 0.75rem;
   min-height: var(--Form-input-height);
   align-items: center;
   border-radius: 3px;
@@ -91034,7 +91241,7 @@ title: Word Break
 }
 
 .amis-scope .cxd-ResultBox input {
-  flex-basis: 5rem;
+  flex-basis: 1.875rem;
   flex-grow: 1;
   outline: none;
   background: transparent;
@@ -91063,10 +91270,6 @@ title: Word Break
   border-color: transparent !important;
 }
 
-.amis-scope .cxd-ResultBox.is-clearable {
-  padding-right: 3.4375rem;
-}
-
 .amis-scope .cxd-ResultBox.is-error {
   border-color: var(--Form-input-onError-borderColor);
   background: var(--Form-input-onError-bg);
@@ -91115,7 +91318,30 @@ title: Word Break
   padding-left: var(--gap-base);
 }
 
+.amis-scope .cxd-ResultBox-value-wrap {
+  flex-grow: 1;
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+}
+
+.amis-scope .cxd-ResultBox-actions {
+  display: flex;
+  align-items: center;
+  flex-shrink: 0;
+}
+
+.amis-scope .cxd-ResultBox-actions > *:first-child {
+  margin-left: 0.3125rem;
+}
+
+.amis-scope .cxd-ResultBox-actions > *:not(:last-child) {
+  margin-right: 0.3125rem;
+}
+
 .amis-scope .cxd-ResultBox-singleValue {
+  padding: 0 calc(var(--Form-input-paddingX) - 0.1875rem);
+  flex-grow: 1;
   display: inline-block;
   max-width: 100%;
   overflow: hidden;
@@ -91125,8 +91351,6 @@ title: Word Break
 .amis-scope .cxd-ResultBox-pc-arrow {
   height: 100%;
   margin: auto 0;
-  position: absolute;
-  right: 10px;
   display: flex;
   align-items: center;
   transition: transform var(--animation-duration) ease;
@@ -91153,10 +91377,7 @@ title: Word Break
   margin-left: auto;
   text-decoration: none;
   height: 100%;
-  padding: 0.25rem;
   margin: auto 0;
-  position: absolute;
-  right: 10px;
   background-color: unset;
 }
 
@@ -91247,6 +91468,7 @@ title: Word Break
 
 .amis-scope .cxd-ResultBox-placeholder {
   color: var(--Form-input-placeholderColor);
+  flex-grow: 1;
   user-select: none;
 }
 
@@ -91392,7 +91614,7 @@ title: Word Break
 .amis-scope .cxd-SearchBox.is-active {
   background: var(--Form-input-bg);
   border: var(--Form-input-borderWidth) solid var(--Form-input-borderColor);
-  width: 150px;
+  width: var(--SearchBox-width);
 }
 
 .amis-scope .cxd-SearchBox.is-active > input {
@@ -91408,14 +91630,8 @@ title: Word Break
 }
 
 .amis-scope .cxd-SearchBox-searchBtn {
-  display: flex;
-  width: var(--SearchBox-height);
-  align-items: center;
-  justify-content: center;
-}
-
-.amis-scope .cxd-SearchBox-searchBtn .icon {
-  top: 0;
+  display: inline-block;
+  padding: 0.3125rem 0.625rem;
 }
 
 .amis-scope .cxd-SearchBox-activeBtn,
@@ -91503,6 +91719,116 @@ title: Word Break
   color: var(--SearchBox-enhonce-disabled-search-color);
 }
 
+.amis-scope .cxd-SearchBox-history > .is-history {
+  width: 100%;
+}
+
+.amis-scope .cxd-SearchBox-history .cxd-SearchBox-history-dropdown {
+  position: absolute;
+  left: 0;
+  z-index: 998;
+  padding: var(--gap-sm) 0;
+  width: 100%;
+  max-width: var(--SearchBox-history-dropdown-maxWidth);
+  min-height: 4.5rem;
+  max-height: var(--SearchBox-history-dropdown-maxHeight);
+  background: var(--white);
+  border: var(--borderWidth) solid var(--borderColor);
+  border-top: none;
+  border-radius: var(--borderRadius);
+  box-shadow: var(--boxShadow);
+  display: none;
+}
+
+.amis-scope .cxd-SearchBox-history .cxd-SearchBox-history-dropdown.is-active {
+  display: block;
+}
+
+.amis-scope .cxd-SearchBox-history .cxd-SearchBox-history-dropdown header {
+  display: flex;
+  flex-flow: row nowrap;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0 var(--gap-md);
+  margin-bottom: 0.625rem;
+}
+
+.amis-scope .cxd-SearchBox-history .cxd-SearchBox-history-dropdown header h4 {
+  font-size: var(--fontSizeBase);
+  height: 1.5rem;
+  line-height: 1.5rem;
+  font-weight: bold;
+  margin: 0;
+}
+
+.amis-scope .cxd-SearchBox-history .cxd-SearchBox-history-dropdown header a {
+  display: inline-block;
+  font-size: var(--fontSizeSm);
+  cursor: pointer;
+  padding: 0;
+}
+
+.amis-scope .cxd-SearchBox-history .cxd-SearchBox-history-content {
+  display: flex;
+  flex-flow: row wrap;
+  justify-content: flex-start;
+  align-items: center;
+  padding: 0 var(--gap-md);
+  overflow-x: hidden;
+  overflow-y: auto;
+  max-height: calc( var(--SearchBox-history-dropdown-maxHeight) - 38px - var(--gap-sm) * 2 );
+}
+
+.amis-scope .cxd-SearchBox-history .cxd-SearchBox-history-tag {
+  display: inlin-flex;
+  height: var(--Tag-height);
+  padding: 0 var(--gap-sm);
+  flex-flow: row nowrap;
+  justify-content: center;
+  align-items: center;
+  font-size: var(--Tag-content-fontSize);
+  max-width: 160px;
+  border-radius: var(--Tag-borderRadius);
+  background-color: var(--Tag-default-color);
+  color: var(--Tag-fontColor);
+  margin-bottom: var(--gap-sm);
+  margin-right: var(--gap-sm);
+  max-width: 96px;
+  cursor: pointer;
+}
+
+.amis-scope .cxd-SearchBox-history .cxd-SearchBox-history-tag-text {
+  display: inline-block;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+  line-height: 24px;
+}
+
+.amis-scope .cxd-SearchBox-history .cxd-SearchBox-history-tag-close {
+  margin-left: var(--gap-sm);
+  margin-right: var(--gap-xs);
+  cursor: pointer;
+}
+
+.amis-scope .cxd-SearchBox-history .cxd-SearchBox-history-tag-close i {
+  font-size: 0.5rem;
+}
+
+.amis-scope .cxd-SearchBox-history .cxd-SearchBox-history-tag-close .icon {
+  width: 0.5rem;
+  height: 0.5rem;
+  position: inherit;
+}
+
+.amis-scope .cxd-SearchBox-history .cxd-SearchBox-history-tag-close:hover {
+  opacity: 0.7;
+}
+
+.amis-scope .cxd-SearchBox-history .cxd-SearchBox-history-tag-close:active {
+  opacity: 0.3;
+}
+
 .amis-scope .cxd-ListMenu {
   background: var(--ListMenu-item-bg);
   min-width: 12.5rem;
@@ -91592,27 +91918,58 @@ title: Word Break
   margin-right: 5px;
 }
 
+.amis-scope .cxd-Log-line-highlight {
+  background: #ffffb6;
+  display: inline-block;
+  color: #000;
+}
+
 .amis-scope .cxd-Log-operation {
-  position: absolute;
-  top: 0;
-  left: -16px;
+  position: relative;
+  background: rgba(28, 28, 28, 0.5);
 }
 
-.amis-scope .cxd-Log-operation .cxd-Button {
-  margin-right: var(--gap-xs);
+.amis-scope .cxd-Log-operation > a {
+  display: inline-flex;
+  flex-direction: row;
+  line-height: var(--Form-input-lineHeight);
+  font-size: var(--Form-input-fontSize);
+  flex-wrap: nowrap;
+  align-items: center;
+  justify-content: flex-end;
+  height: 30px;
+  width: 30px;
+  padding-left: 8px;
+  transition: all var(--animation-duration) ease-in-out;
+  border: var(--Form-input-borderWidth) solid transparent;
+  border-radius: var(--Form-input-borderRadius);
+  overflow: hidden;
+  height: 30px;
+  width: 30px;
 }
 
-.amis-scope .cxd-Log-operation-hidden {
-  background: #f0f2f5;
-  width: 24px;
-  height: 48px;
-  box-shadow: 0 4px 6px 0 rgba(8, 14, 26, 0.04), 0 1px 10px 0 rgba(8, 14, 26, 0.05), 0 2px 4px -1px rgba(8, 14, 26, 0.06);
-  border-radius: 0 2px 2px 0;
-  padding-top: 14px;
-  padding-left: 6px;
-  cursor: pointer;
+.amis-scope .cxd-Log-operation a {
   color: #000;
-  transition: all 0.3s;
+}
+
+.amis-scope .cxd-Log-operation > a:hover {
+  background: var(--Form-input-onHover-bg);
+  color: var(--link-color);
+}
+
+.amis-scope .cxd-Log-operation > a > svg {
+  margin-right: 8px;
+}
+
+.amis-scope .cxd-Log-operation > a.is-disabled {
+  cursor: not-allowed;
+  color: #6b7280;
+}
+
+.amis-scope .cxd-Log-operation > a.is-disabled:hover {
+  cursor: not-allowed;
+  background: transparent;
+  color: #6b7280;
 }
 
 .amis-scope .cxd-Log .ansi-bold {
@@ -92733,7 +93090,7 @@ title: Word Break
 }
 
 .amis-scope .cxd-TextControl-input input {
-  flex-basis: 5rem;
+  flex-basis: 1.875rem;
   flex-grow: 1;
   outline: none;
   background: transparent;
@@ -93115,7 +93472,7 @@ title: Word Break
 }
 
 .amis-scope .cxd-TextareaControl-input input {
-  flex-basis: 5rem;
+  flex-basis: 1.875rem;
   flex-grow: 1;
   outline: none;
   background: transparent;
@@ -94202,12 +94559,13 @@ title: Word Break
 }
 
 .amis-scope .cxd-Switch .text {
-  margin: 0 0.4375rem 0 1.5625rem;
+  margin: 0 var(--Switch-text-marginRight) 0 var(--Switch-text-marginLeft);
   color: var(--Switch-valueColor);
   text-indent: var(--gap-xs);
   text-transform: uppercase;
   font-size: var(--fontSizeSm);
   line-height: var(--Switch-height);
+  vertical-align: super;
   font-style: normal;
   font-weight: bold;
   transition: all var(--animation-duration);
@@ -94223,12 +94581,16 @@ title: Word Break
   content: "";
   position: absolute;
   background: var(--white);
-  width: calc(var(--Switch-height) - 0.125rem);
-  top: 0.0625rem;
-  bottom: 0.0625rem;
-  left: 0.0625rem;
+  width: var(--Switch-slider-width);
+  top: var(--Switch-slider-margin);
+  bottom: var(--Switch-slider-margin);
+  left: var(--Switch-slider-margin);
   border-radius: 50%;
-  transition: margin-left var(--animation-duration);
+  transition: var(--Switch-slider-transition);
+}
+
+.amis-scope .cxd-Switch:hover {
+  background: var(--Switch-onHover-bgColor);
 }
 
 .amis-scope .cxd-Switch.is-checked {
@@ -94237,13 +94599,13 @@ title: Word Break
 
 .amis-scope .cxd-Switch.is-checked .slider::before {
   left: auto;
-  right: 0.0625rem;
+  right: var(--Switch-slider-margin);
   border-width: 0;
 }
 
 .amis-scope .cxd-Switch.is-checked .text {
   color: var(--white);
-  margin: 0 1.5625rem 0 0.4375rem;
+  margin: 0 var(--Switch-text-marginLeft) 0 var(--Switch-text-marginRight);
 }
 
 .amis-scope .cxd-Switch.is-checked.is-disabled .slider:before {
@@ -94259,6 +94621,32 @@ title: Word Break
   opacity: 0;
 }
 
+.amis-scope .cxd-Switch--sm {
+  height: var(--Switch-height--sm);
+  min-width: var(--Switch-width--sm);
+}
+
+.amis-scope .cxd-Switch--sm .text {
+  line-height: var(--Switch-height--sm);
+  margin: 0 var(--Switch-text-marginRight--sm) 0 var(--Switch-text-marginLeft--sm);
+}
+
+.amis-scope .cxd-Switch--sm .text > svg {
+  margin-top: calc((var(--Switch-height--sm) - var(--fontSizeSm)) / 2);
+}
+
+.amis-scope .cxd-Switch--sm .slider::before {
+  width: var(--Switch-slider-width--sm);
+}
+
+.amis-scope .cxd-Switch--sm.is-checked .slider::before {
+  right: var(--Switch-slider-margin);
+}
+
+.amis-scope .cxd-Switch--sm.is-checked .text {
+  margin: 0 var(--Switch-text-marginLeft--sm) 0 var(--Switch-text-marginRight--sm);
+}
+
 .amis-scope .cxd-Switch-option {
   vertical-align: middle;
   margin-left: var(--Switch-gap);
@@ -94636,6 +95024,10 @@ title: Word Break
   box-shadow: var(--Form-select-onFocus-boxShadow);
 }
 
+.amis-scope .cxd-Select .cxd-PopOver.cxd-Select-popover .cxd-Select-menu {
+  overflow-x: hidden;
+}
+
 .amis-scope .cxd-Select .cxd-PopOver.cxd-Select-popover .cxd-Select-menu .cxd-Select-option {
   height: 2rem;
   line-height: 1.375rem;
@@ -94866,6 +95258,35 @@ title: Word Break
 .amis-scope .cxd-Select-option {
   cursor: pointer;
   padding: calc( ( var(--Form-select-menu-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) ) / 2 ) var(--Form-select-paddingX);
+  display: flex;
+}
+
+.amis-scope .cxd-Select-option-checkbox {
+  width: 100%;
+  display: flex;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+  align-items: center;
+}
+
+.amis-scope .cxd-Select-option-checkbox > label {
+  width: 100%;
+  display: flex;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+  align-items: center;
+}
+
+.amis-scope .cxd-Select-option-checkbox > label > i {
+  flex-shrink: 0;
+}
+
+.amis-scope .cxd-Select-option-checkbox > label > span {
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
 }
 
 .amis-scope .cxd-Select-option.is-active {
@@ -96273,7 +96694,6 @@ title: Word Break
   border-radius: var(--DatePicker-borderRadius);
   color: var(--DatePicker-color);
   background: var(--DatePicker-bg);
-  min-width: var(--DateRangePicker-minWidth);
 }
 
 .amis-scope .cxd-DateRangePicker--borderHalf {
@@ -96319,6 +96739,7 @@ title: Word Break
   padding: 0;
   background: 0;
   flex: 1;
+  width: 50%;
 }
 
 .amis-scope .cxd-DateRangePicker .cxd-DateRangePicker-input.isActive {
@@ -96429,7 +96850,7 @@ title: Word Break
   margin: 0;
   padding-left: 0.625rem;
   list-style: none;
-  background: #F7F7F9;
+  background: #f7f7f9;
   line-height: 2rem;
 }
 
@@ -96458,14 +96879,6 @@ title: Word Break
   display: flex;
 }
 
-.amis-scope .cxd-DateRangeControl.is-date > .cxd-DateRangePicker {
-  min-width: calc(var(--DateRangePicker-minWidth) + var(--fontSizeLg) * 10);
-}
-
-.amis-scope .cxd-DateRangeControl.is-datetime > .cxd-DateRangePicker {
-  min-width: calc(var(--DateRangePicker-minWidth) + var(--fontSizeLg) * 10);
-}
-
 .amis-scope .cxd-DateRangePicker-popover {
   margin: 0.125rem 0 0;
 }
@@ -97441,6 +97854,7 @@ title: Word Break
   border-radius: 50%;
   background-color: var(--InputRange-track-dot-bg);
   position: absolute;
+  transform: translateX(-50%);
 }
 
 .amis-scope .cxd-InputRange-track--background {
@@ -97910,7 +98324,7 @@ title: Word Break
 }
 
 .amis-scope .cxd-TreeSelect-input input {
-  flex-basis: 5rem;
+  flex-basis: 1.875rem;
   flex-grow: 1;
   outline: none;
   background: transparent;
@@ -98077,7 +98491,7 @@ title: Word Break
 .amis-scope .cxd-Combo-addBtn .cxd-Button-icon:first-child:not(:last-child):not(.pull-right),
 .amis-scope .cxd-Combo-addBtn > svg.icon:not(:last-child):not(.pull-right),
 .amis-scope .cxd-Combo-addBtn > .pull-left {
-  margin-right: var(--Combo-addBtn-paddingX);
+  margin-right: var(--Button-icon-rightMargin);
 }
 
 .amis-scope .cxd-Combo-addBtn .cxd-Button-icon:last-child:not(:first-child):not(.pull-left),
@@ -98088,7 +98502,7 @@ title: Word Break
 .amis-scope .cxd-Combo-addBtn .cxd-Button--loading:first-child:not(:last-child):not(.pull-right),
 .amis-scope .cxd-Combo-addBtn > svg.icon:not(:last-child):not(.pull-right),
 .amis-scope .cxd-Combo-addBtn > .pull-left {
-  margin-right: var(--Combo-addBtn-paddingX);
+  margin-right: var(--Button-icon-rightMargin);
 }
 
 .amis-scope .cxd-Combo-addBtn .cxd-Button--loading:last-child:not(:first-child):not(.pull-left),
@@ -98526,7 +98940,7 @@ title: Word Break
 }
 
 .amis-scope .cxd-Picker-input input {
-  flex-basis: 5rem;
+  flex-basis: 1.875rem;
   flex-grow: 1;
   outline: none;
   background: transparent;
@@ -98806,7 +99220,7 @@ title: Word Break
 .amis-scope .cxd-TagControl-sugItem .cxd-Button-icon:first-child:not(:last-child):not(.pull-right),
 .amis-scope .cxd-TagControl-sugItem > svg.icon:not(:last-child):not(.pull-right),
 .amis-scope .cxd-TagControl-sugItem > .pull-left {
-  margin-right: var(--TagControl-sugBtn-paddingX);
+  margin-right: var(--Button-icon-rightMargin);
 }
 
 .amis-scope .cxd-TagControl-sugItem .cxd-Button-icon:last-child:not(:first-child):not(.pull-left),
@@ -98817,7 +99231,7 @@ title: Word Break
 .amis-scope .cxd-TagControl-sugItem .cxd-Button--loading:first-child:not(:last-child):not(.pull-right),
 .amis-scope .cxd-TagControl-sugItem > svg.icon:not(:last-child):not(.pull-right),
 .amis-scope .cxd-TagControl-sugItem > .pull-left {
-  margin-right: var(--TagControl-sugBtn-paddingX);
+  margin-right: var(--Button-icon-rightMargin);
 }
 
 .amis-scope .cxd-TagControl-sugItem .cxd-Button--loading:last-child:not(:first-child):not(.pull-left),
@@ -99503,7 +99917,7 @@ title: Word Break
 }
 
 .amis-scope .cxd-IconPickerControl-input input {
-  flex-basis: 5rem;
+  flex-basis: 1.875rem;
   flex-grow: 1;
   outline: none;
   background: transparent;
@@ -100138,6 +100552,11 @@ title: Word Break
   }
 }
 
+.amis-scope .cxd-Form--debug {
+  word-break: break-all;
+  white-space: pre-wrap;
+}
+
 .amis-scope .cxd-Form--quickEdit {
   min-width: var(--Form-control-widthSm);
 }
@@ -100894,6 +101313,7 @@ title: Word Break
   overflow: auto;
   scroll-behavior: smooth;
   background: var(--Tabs-content-bg);
+  position: relative;
 }
 
 .amis-scope .cxd-AnchorNav-section-wrap > .cxd-AnchorNav-section {
@@ -101862,6 +102282,53 @@ title: Word Break
   border-radius: var(--TimelineItem--icon-radius);
 }
 
+.amis-scope .cxd-Timeline-horizontal .cxd-TimelineItem-content {
+  padding-bottom: var(--TimelineItem--content-padding-bottom);
+  margin-left: var(--TimelineItem--content-margin-left);
+}
+
+.amis-scope .cxd-Timeline-horizontal .cxd-TimelineItem-content .cxd-TimelineItem-time {
+  color: var(--TimelineItem--text-secondary-color);
+  font-size: var(--Timeline--font-size);
+  margin-bottom: var(--TimelineItem--content-time-margin-bottom);
+}
+
+.amis-scope .cxd-Timeline-horizontal .cxd-TimelineItem-content .cxd-TimelineItem-title {
+  color: var(--TimelineItem--text-primary-color);
+  font-size: var(--Timeline--font-size);
+  margin-bottom: var(--TimelineItem--content-title-margin-bottom);
+}
+
+.amis-scope .cxd-Timeline-horizontal .cxd-TimelineItem-content .cxd-TimelineItem-detail .cxd-TimelineItem-detail-button {
+  display: flex;
+  cursor: pointer;
+  align-items: center;
+  font-size: var(--Timeline--font-size);
+  color: var(--TimelineItem--detail-button-color);
+  margin-bottom: var(--TimelineItem--detail-button-margin-bottom);
+}
+
+.amis-scope .cxd-Timeline-horizontal .cxd-TimelineItem-content .cxd-TimelineItem-detail .cxd-TimelineItem-detail-arrow {
+  width: var(--TimelineItem-detail-arrow-width);
+  height: var(--TimelineItem-detail-arrow-width);
+}
+
+.amis-scope .cxd-Timeline-horizontal .cxd-TimelineItem-content .cxd-TimelineItem-detail .cxd-TimelineItem-detail-arrow-top {
+  transform: rotateX(180deg);
+}
+
+.amis-scope .cxd-Timeline-horizontal .cxd-TimelineItem-content .cxd-TimelineItem-detail .cxd-TimelineItem-detail-visible {
+  display: block;
+  max-width: var(--TimelineItem-detail-visible-max-width);
+  font-size: var(--Timeline--font-size);
+  padding: var(--TimelineItem-detail-visible-padding);
+  box-shadow: var(--TimelineItem-detail-visible-shadow);
+}
+
+.amis-scope .cxd-Timeline-horizontal .cxd-TimelineItem-content .cxd-TimelineItem-detail .cxd-TimelineItem-detail-invisible {
+  display: none;
+}
+
 .amis-scope .cxd-BarCode > img {
   display: block;
   margin: 0 auto;
@@ -101871,19 +102338,25 @@ title: Word Break
   display: inline-flex;
   height: var(--Tag-height);
   padding: 0 var(--gap-sm);
+  flex-flow: row nowrap;
   justify-content: center;
   align-items: center;
   font-size: var(--Tag-content-fontSize);
   max-width: 160px;
-  text-overflow: ellipsis;
-  overflow: hidden;
-  white-space: nowrap;
   transition: all 0.3;
   border-radius: var(--Tag-borderRadius);
   background-color: var(--Tag-default-color);
   color: var(--Tag-fontColor);
 }
 
+.amis-scope .cxd-Tag-text {
+  display: inline-block;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+  line-height: var(--Tag-height);
+}
+
 .amis-scope .cxd-Tag:not(:last-child) {
   margin-right: var(--gap-sm);
 }
@@ -101925,6 +102398,7 @@ title: Word Break
   border-radius: calc((var(--Tag-height) + 2px) / 2);
   border: 1px solid var(--Tag-default-color);
   color: var(--Tag-default-color);
+  line-height: 22px;
 }
 
 .amis-scope .cxd-Tag--rounded--inactive {
@@ -102268,41 +102742,15 @@ title: Word Break
   padding: var(--gap-sm);
 }
 
-.amis-scope .cxd-Switch .text {
-  margin: 0 0.5rem 0 1.5625rem;
-  vertical-align: super;
-}
-
-.amis-scope .cxd-Switch .slider:before {
-  width: calc(var(--Switch-height) - 0.25rem);
-  top: 0.125rem;
-  bottom: 0.125rem;
-  left: 0.125rem;
-  transition: all 0.5s ease;
+.AMISDebug-logLine {
+  overflow-x: hidden;
 }
 
 .amis-scope .cxd-Switch:active .slider::before {
-  width: calc(var(--Switch-height) + 0.125rem);
+  width: calc(var(--Switch-slider-width) + var(--Switch-slider-margin) * 2);
   border-radius: 10px;
 }
 
-.amis-scope .cxd-Switch:hover {
-  background: var(--Switch-onHover-bgColor);
-}
-
-.amis-scope .cxd-Switch.is-checked {
-  background: var(--Switch-checked-bgColor);
-}
-
-.amis-scope .cxd-Switch.is-checked .slider::before {
-  right: auto;
-  left: calc( 100% - (var(--Switch-height) - 0.25rem) - 0.125rem );
-}
-
-.amis-scope .cxd-Switch.is-checked .text {
-  margin: 0 1.5625rem 0 0.5rem;
-}
-
 .amis-scope .cxd-Switch.is-checked:hover {
   background: var(--Switch-checked-onHover-bgColor);
 }
@@ -102312,7 +102760,12 @@ title: Word Break
 }
 
 .amis-scope .cxd-Switch.is-checked:active .slider::before {
-  left: calc( 100% - (var(--Switch-height) + 0.125rem) - 0.125rem );
+  right: calc(var(--Switch-slider-margin) * 2);
+}
+
+.amis-scope .cxd-Switch--sm:active .slider::before {
+  width: calc( var(--Switch-slider-width--sm) + var(--Switch-slider-margin) * 2 );
+  border-radius: 10px;
 }
 
 .amis-scope .cxd-TextControl-sugs {