amis 2.0.0-rc.15 → 2.0.0-rc.16

package/sdk/ang.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);
@@ -93888,12 +93907,13 @@ title: Word Break
 }
 
 .amis-scope .a-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);
@@ -93909,12 +93929,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 .a-Switch:hover {
+  background: var(--Switch-onHover-bgColor);
 }
 
 .amis-scope .a-Switch.is-checked {
@@ -93923,13 +93947,13 @@ title: Word Break
 
 .amis-scope .a-Switch.is-checked .slider::before {
   left: auto;
-  right: 0.0625rem;
+  right: var(--Switch-slider-margin);
   border-width: 0;
 }
 
 .amis-scope .a-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 .a-Switch.is-checked.is-disabled .slider:before {
@@ -93945,6 +93969,32 @@ title: Word Break
   opacity: 0;
 }
 
+.amis-scope .a-Switch--sm {
+  height: var(--Switch-height--sm);
+  min-width: var(--Switch-width--sm);
+}
+
+.amis-scope .a-Switch--sm .text {
+  line-height: var(--Switch-height--sm);
+  margin: 0 var(--Switch-text-marginRight--sm) 0 var(--Switch-text-marginLeft--sm);
+}
+
+.amis-scope .a-Switch--sm .text > svg {
+  margin-top: calc((var(--Switch-height--sm) - var(--fontSizeSm)) / 2);
+}
+
+.amis-scope .a-Switch--sm .slider::before {
+  width: var(--Switch-slider-width--sm);
+}
+
+.amis-scope .a-Switch--sm.is-checked .slider::before {
+  right: var(--Switch-slider-margin);
+}
+
+.amis-scope .a-Switch--sm.is-checked .text {
+  margin: 0 var(--Switch-text-marginLeft--sm) 0 var(--Switch-text-marginRight--sm);
+}
+
 .amis-scope .a-Switch-option {
   vertical-align: middle;
   margin-left: var(--Switch-gap);

package/sdk/antd-ie11.css

@@ -92506,12 +92506,13 @@ title: Word Break
 }
 
 .amis-scope .antd-Switch .text {
-  margin: 0 0.4375rem 0 1.5625rem;
+  margin: 0 0.5rem 0 1.5625rem;
   color: #fff;
   text-indent: 0.25rem;
   text-transform: uppercase;
   font-size: 0.75rem;
   line-height: 1.375rem;
+  vertical-align: super;
   font-style: normal;
   font-weight: bold;
   transition: all 0s;
@@ -92527,7 +92528,9 @@ title: Word Break
   content: "";
   position: absolute;
   background: #fff;
-  width: calc(1.375rem - 0.125rem);
+  width: calc(
+    1.375rem - 0.0625rem * 2
+  );
   top: 0.0625rem;
   bottom: 0.0625rem;
   left: 0.0625rem;
@@ -92535,6 +92538,10 @@ title: Word Break
   transition: margin-left 0s;
 }
 
+.amis-scope .antd-Switch:hover {
+  background: #bfbfbf;
+}
+
 .amis-scope .antd-Switch.is-checked {
   background: #1890ff;
 }
@@ -92547,7 +92554,7 @@ title: Word Break
 
 .amis-scope .antd-Switch.is-checked .text {
   color: #fff;
-  margin: 0 1.5625rem 0 0.4375rem;
+  margin: 0 1.5625rem 0 0.5rem;
 }
 
 .amis-scope .antd-Switch.is-checked.is-disabled .slider:before {
@@ -92563,6 +92570,42 @@ title: Word Break
   opacity: 0;
 }
 
+.amis-scope .antd-Switch--sm {
+  height: 1rem;
+  min-width: 1.75rem;
+}
+
+.amis-scope .antd-Switch--sm .text {
+  line-height: 1rem;
+  margin: 0 calc(
+    0.0625rem * 2 + 0.5rem / 2
+  ) 0 calc(
+    0.0625rem * 2 + 1.5625rem / 2
+  );
+}
+
+.amis-scope .antd-Switch--sm .text > svg {
+  margin-top: calc((1rem - 0.75rem) / 2);
+}
+
+.amis-scope .antd-Switch--sm .slider::before {
+  width: calc(
+    1rem - 0.0625rem * 2
+  );
+}
+
+.amis-scope .antd-Switch--sm.is-checked .slider::before {
+  right: 0.0625rem;
+}
+
+.amis-scope .antd-Switch--sm.is-checked .text {
+  margin: 0 calc(
+    0.0625rem * 2 + 1.5625rem / 2
+  ) 0 calc(
+    0.0625rem * 2 + 0.5rem / 2
+  );
+}
+
 .amis-scope .antd-Switch-option {
   vertical-align: middle;
   margin-left: 0.5rem;

package/sdk/antd.css

@@ -75334,8 +75334,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);
@@ -93997,12 +94016,13 @@ title: Word Break
 }
 
 .amis-scope .antd-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);
@@ -94018,12 +94038,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 .antd-Switch:hover {
+  background: var(--Switch-onHover-bgColor);
 }
 
 .amis-scope .antd-Switch.is-checked {
@@ -94032,13 +94056,13 @@ title: Word Break
 
 .amis-scope .antd-Switch.is-checked .slider::before {
   left: auto;
-  right: 0.0625rem;
+  right: var(--Switch-slider-margin);
   border-width: 0;
 }
 
 .amis-scope .antd-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 .antd-Switch.is-checked.is-disabled .slider:before {
@@ -94054,6 +94078,32 @@ title: Word Break
   opacity: 0;
 }
 
+.amis-scope .antd-Switch--sm {
+  height: var(--Switch-height--sm);
+  min-width: var(--Switch-width--sm);
+}
+
+.amis-scope .antd-Switch--sm .text {
+  line-height: var(--Switch-height--sm);
+  margin: 0 var(--Switch-text-marginRight--sm) 0 var(--Switch-text-marginLeft--sm);
+}
+
+.amis-scope .antd-Switch--sm .text > svg {
+  margin-top: calc((var(--Switch-height--sm) - var(--fontSizeSm)) / 2);
+}
+
+.amis-scope .antd-Switch--sm .slider::before {
+  width: var(--Switch-slider-width--sm);
+}
+
+.amis-scope .antd-Switch--sm.is-checked .slider::before {
+  right: var(--Switch-slider-margin);
+}
+
+.amis-scope .antd-Switch--sm.is-checked .text {
+  margin: 0 var(--Switch-text-marginLeft--sm) 0 var(--Switch-text-marginRight--sm);
+}
+
 .amis-scope .antd-Switch-option {
   vertical-align: middle;
   margin-left: var(--Switch-gap);