amis 2.0.0-rc.15 → 2.0.0-rc.20

package/sdk/sdk-ie11.css

@@ -92505,12 +92505,13 @@ title: Word Break
 }
 
 .amis-scope .cxd-Switch .text {
-  margin: 0 0.4375rem 0 1.5625rem;
+  margin: 0 0.5rem 0 1.5625rem;
   color: #ffffff;
   text-indent: 0.25rem;
   text-transform: uppercase;
   font-size: 12px;
   line-height: 1.25rem;
+  vertical-align: super;
   font-style: normal;
   font-weight: bold;
   transition: all 0s;
@@ -92526,27 +92527,33 @@ title: Word Break
   content: "";
   position: absolute;
   background: #fff;
-  width: calc(1.25rem - 0.125rem);
-  top: 0.0625rem;
-  bottom: 0.0625rem;
-  left: 0.0625rem;
+  width: calc(
+    1.25rem - 0.125rem * 2
+  );
+  top: 0.125rem;
+  bottom: 0.125rem;
+  left: 0.125rem;
   border-radius: 50%;
-  transition: margin-left 0s;
+  transition: all 0.5s ease;
 }
 
-.amis-scope .cxd-Switch.is-checked {
+.amis-scope .cxd-Switch:hover {
   background: #b8babf;
 }
 
+.amis-scope .cxd-Switch.is-checked {
+  background: #2468f2;
+}
+
 .amis-scope .cxd-Switch.is-checked .slider::before {
   left: auto;
-  right: 0.0625rem;
+  right: 0.125rem;
   border-width: 0;
 }
 
 .amis-scope .cxd-Switch.is-checked .text {
   color: #fff;
-  margin: 0 1.5625rem 0 0.4375rem;
+  margin: 0 1.5625rem 0 0.5rem;
 }
 
 .amis-scope .cxd-Switch.is-checked.is-disabled .slider:before {
@@ -92562,6 +92569,42 @@ title: Word Break
   opacity: 0;
 }
 
+.amis-scope .cxd-Switch--sm {
+  height: 1rem;
+  min-width: 1.75rem;
+}
+
+.amis-scope .cxd-Switch--sm .text {
+  line-height: 1rem;
+  margin: 0 calc(
+    0.125rem * 2 + 0.5rem / 2
+  ) 0 calc(
+    0.125rem * 2 + 1.5625rem / 2
+  );
+}
+
+.amis-scope .cxd-Switch--sm .text > svg {
+  margin-top: calc((1rem - 12px) / 2);
+}
+
+.amis-scope .cxd-Switch--sm .slider::before {
+  width: calc(
+    1rem - 0.125rem * 2
+  );
+}
+
+.amis-scope .cxd-Switch--sm.is-checked .slider::before {
+  right: 0.125rem;
+}
+
+.amis-scope .cxd-Switch--sm.is-checked .text {
+  margin: 0 calc(
+    0.125rem * 2 + 1.5625rem / 2
+  ) 0 calc(
+    0.125rem * 2 + 0.5rem / 2
+  );
+}
+
 .amis-scope .cxd-Switch-option {
   vertical-align: middle;
   margin-left: 0.5rem;
@@ -93173,6 +93216,31 @@ title: Word Break
 .amis-scope .cxd-Select-option {
   cursor: pointer;
   padding: calc( ( 1.5rem - 1.4285714286 * 14px ) / 2 ) 0.625rem;
+  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 > span {
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
 }
 
 .amis-scope .cxd-Select-option.is-active {
@@ -94613,10 +94681,6 @@ title: Word Break
   border-radius: 0.25rem;
   color: #000;
   background: #fff;
-  min-width: calc(
-    16px * 8 + 0.75rem * 2 +
-      14px * 2
-  );
 }
 
 .amis-scope .cxd-DateRangePicker--borderHalf {
@@ -94662,6 +94726,7 @@ title: Word Break
   padding: 0;
   background: 0;
   flex: 1;
+  width: 50%;
 }
 
 .amis-scope .cxd-DateRangePicker .cxd-DateRangePicker-input.isActive {
@@ -94772,7 +94837,7 @@ title: Word Break
   margin: 0;
   padding-left: 0.625rem;
   list-style: none;
-  background: #F7F7F9;
+  background: #f7f7f9;
   line-height: 2rem;
 }
 
@@ -94801,20 +94866,6 @@ title: Word Break
   display: flex;
 }
 
-.amis-scope .cxd-DateRangeControl.is-date > .cxd-DateRangePicker {
-  min-width: calc(calc(
-    16px * 8 + 0.75rem * 2 +
-      14px * 2
-  ) + 16px * 10);
-}
-
-.amis-scope .cxd-DateRangeControl.is-datetime > .cxd-DateRangePicker {
-  min-width: calc(calc(
-    16px * 8 + 0.75rem * 2 +
-      14px * 2
-  ) + 16px * 10);
-}
-
 .amis-scope .cxd-DateRangePicker-popover {
   margin: 0.125rem 0 0;
 }
@@ -100726,41 +100777,13 @@ title: Word Break
   overflow-x: hidden;
 }
 
-.amis-scope .cxd-Switch .text {
-  margin: 0 0.5rem 0 1.5625rem;
-  vertical-align: super;
-}
-
-.amis-scope .cxd-Switch .slider:before {
-  width: calc(1.25rem - 0.25rem);
-  top: 0.125rem;
-  bottom: 0.125rem;
-  left: 0.125rem;
-  transition: all 0.5s ease;
-}
-
 .amis-scope .cxd-Switch:active .slider::before {
-  width: calc(1.25rem + 0.125rem);
+  width: calc(calc(
+    1.25rem - 0.125rem * 2
+  ) + 0.125rem * 2);
   border-radius: 10px;
 }
 
-.amis-scope .cxd-Switch:hover {
-  background: #b8babf;
-}
-
-.amis-scope .cxd-Switch.is-checked {
-  background: #2468f2;
-}
-
-.amis-scope .cxd-Switch.is-checked .slider::before {
-  right: auto;
-  left: calc( 100% - (1.25rem - 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: #144bcc;
 }
@@ -100770,7 +100793,14 @@ title: Word Break
 }
 
 .amis-scope .cxd-Switch.is-checked:active .slider::before {
-  left: calc( 100% - (1.25rem + 0.125rem) - 0.125rem );
+  right: calc(0.125rem * 2);
+}
+
+.amis-scope .cxd-Switch--sm:active .slider::before {
+  width: calc( calc(
+    1rem - 0.125rem * 2
+  ) + 0.125rem * 2 );
+  border-radius: 10px;
 }
 
 .amis-scope .cxd-TextControl-sugs {

package/sdk/sdk.css

@@ -75330,8 +75330,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);
@@ -75862,13 +75881,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;
@@ -94386,12 +94410,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);
@@ -94407,12 +94432,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 {
@@ -94421,13 +94450,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 {
@@ -94443,6 +94472,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);
@@ -95054,6 +95109,31 @@ 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 > span {
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
 }
 
 .amis-scope .cxd-Select-option.is-active {
@@ -96461,7 +96541,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 {
@@ -96507,6 +96586,7 @@ title: Word Break
   padding: 0;
   background: 0;
   flex: 1;
+  width: 50%;
 }
 
 .amis-scope .cxd-DateRangePicker .cxd-DateRangePicker-input.isActive {
@@ -96617,7 +96697,7 @@ title: Word Break
   margin: 0;
   padding-left: 0.625rem;
   list-style: none;
-  background: #F7F7F9;
+  background: #f7f7f9;
   line-height: 2rem;
 }
 
@@ -96646,14 +96726,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;
 }
@@ -102461,41 +102533,11 @@ title: Word Break
   overflow-x: hidden;
 }
 
-.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;
-}
-
 .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);
 }
@@ -102505,7 +102547,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 {