amis 1.6.0 → 1.6.1-beta.0

package/sdk/sdk-ie11.css

@@ -23417,7 +23417,7 @@ readers do not read off random characters that represent icons */
   background: white;
   left: 0;
   bottom: 0;
-  z-index: 1300;
+  z-index: 3000;
   padding: 0;
   margin: 0;
   font-weight: 400;
@@ -26090,6 +26090,7 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .cxd-CalendarMobile {
   height: 100%;
+  width: 100%;
   overflow: scroll;
 }
 
@@ -26272,6 +26273,10 @@ readers do not read off random characters that represent icons */
   margin: 0 1.5625rem;
 }
 
+.amis-scope .cxd-CalendarMobile-footer .cxd-DatePicker-shortcuts {
+  width: auto;
+}
+
 .amis-scope .cxd-CalendarMobile-calendar-wrap {
   padding: 0.5rem 0;
 }
@@ -35782,6 +35787,36 @@ readers do not read off random characters that represent icons */
   border-radius: 0.25rem;
 }
 
+.amis-scope .cxd-DateRangePicker.is-mobile {
+  border: 0;
+  justify-content: flex-end;
+}
+
+.amis-scope .cxd-DateRangePicker.is-mobile span:focus,
+.amis-scope .cxd-DateRangePicker.is-mobile a:focus {
+  outline: unset;
+}
+
+.amis-scope .cxd-DateRangePicker.is-mobile .cxd-DateRangePicker-value,
+.amis-scope .cxd-DateRangePicker.is-mobile .cxd-DateRangePicker-clear {
+  display: inline-flex;
+  justify-content: flex-end;
+  padding: 0 0;
+}
+
+.amis-scope .cxd-DateRangePicker.is-mobile .cxd-DateRangePicker-value {
+  margin-right: 0.25rem;
+}
+
+.amis-scope .cxd-DateRangePicker.is-mobile .cxd-DateRangePicker-placeholder {
+  flex-grow: unset;
+  flex-basis: unset;
+}
+
+.amis-scope .cxd-DateRangePicker.is-mobile .cxd-DateRangePicker-toggler {
+  margin-top: -3px;
+}
+
 .amis-scope .cxd-ImageControl {
   position: relative;
 }
@@ -38774,6 +38809,8 @@ readers do not read off random characters that represent icons */
   font-weight: 400;
   margin-bottom: 0.25rem;
   position: relative;
+  font-size: 0.875rem;
+  color: #5e626a;
 }
 
 .amis-scope .cxd-Form-label > span {
@@ -40101,6 +40138,179 @@ readers do not read off random characters that represent icons */
   border-radius: 50%;
 }
 
+/**
+ * Debug 模块的 UI，由于没法使用任何主题，所以这里使用独立配色风格
+ */
+
+.amis-scope .AMISDebug {
+  position: fixed;
+  z-index: 4000;
+  top: 0;
+  right: 0;
+  height: 100vh;
+  width: 24px;
+}
+
+.amis-scope .AMISDebug h3 {
+  color: inherit;
+}
+
+.amis-scope .AMISDebug .primary {
+  color: #009fff;
+}
+
+.amis-scope .AMISDebug-header {
+  padding: 1rem 1.5rem;
+  background: #fff;
+  border-bottom: 0.0625rem solid #dfe2e6;
+}
+
+.amis-scope .AMISDebug-hoverBox {
+  pointer-events: none;
+  position: absolute;
+  outline: 1px dashed #1c76c4;
+}
+
+.amis-scope .AMISDebug-activeBox {
+  pointer-events: none;
+  position: absolute;
+  outline: 1px #1c76c4;
+}
+
+.amis-scope .AMISDebug-tab {
+  overflow: hidden;
+}
+
+.amis-scope .AMISDebug-tab > button {
+  color: inherit;
+  background: inherit;
+  float: left;
+  border: none;
+  outline: none;
+  cursor: pointer;
+  padding: 0.5rem 1rem;
+  transition: 0.3s;
+  border-bottom: 1px solid transparent;
+}
+
+.amis-scope .AMISDebug-tab > button:hover {
+  color: #e7e7e7;
+}
+
+.amis-scope .AMISDebug-tab > button.active {
+  color: #e7e7e7;
+  border-bottom-color: #e7e7e7;
+}
+
+.amis-scope .AMISDebug-toggle {
+  background: #ffffff;
+  position: fixed;
+  top: 50%;
+  right: 0;
+  width: 24px;
+  height: 48px;
+  box-shadow: rgba(0, 0, 0, 0.24) -2px 0px 4px 0px;
+  border-top-left-radius: 12px;
+  border-bottom-left-radius: 12px;
+  padding-top: 14px;
+  padding-left: 6px;
+  cursor: pointer;
+}
+
+.amis-scope .AMISDebug-toggle i {
+  color: #151a26;
+}
+
+.amis-scope .AMISDebug-toggle:hover i {
+  color: #2468f2;
+}
+
+.amis-scope .AMISDebug-content {
+  display: none;
+}
+
+.amis-scope .AMISDebug-resize {
+  position: absolute;
+  width: 4px;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  cursor: col-resize;
+}
+
+.amis-scope .AMISDebug-resize:hover {
+  background: #75715e;
+}
+
+.amis-scope .AMISDebug-changePosition {
+  position: absolute;
+  font-size: 18px;
+  right: 40px;
+  top: 0.5rem;
+  cursor: pointer;
+}
+
+.amis-scope .AMISDebug-close {
+  position: absolute;
+  font-size: 18px;
+  right: 0.5rem;
+  top: 0.5rem;
+  cursor: pointer;
+}
+
+.amis-scope .AMISDebug.is-expanded {
+  width: 420px;
+  overflow: auto;
+  background: #272821;
+  color: #cccccc;
+  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
+}
+
+.amis-scope .AMISDebug.is-expanded .AMISDebug-toggle {
+  display: none;
+}
+
+.amis-scope .AMISDebug.is-expanded .AMISDebug-content {
+  display: block;
+}
+
+.amis-scope .AMISDebug.is-left {
+  left: 0;
+}
+
+.amis-scope .AMISDebug.is-left .AMISDebug-resize {
+  left: unset;
+  right: 0;
+}
+
+.amis-scope .AMISDebug-log {
+  padding: 0.5rem;
+}
+
+.amis-scope .AMISDebug-log button {
+  cursor: pointer;
+  background: #0e639c;
+  flex-grow: 1;
+  box-sizing: border-box;
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  padding: 6px 11px;
+  outline: none;
+  text-decoration: none;
+  color: inherit;
+  max-width: 300px;
+  border: none;
+}
+
+.amis-scope .AMISDebug-log button:hover {
+  background: #1177bb;
+}
+
+.amis-scope .AMISDebug-inspect {
+  padding: 0.5rem;
+}
+
 /*
  * utilities
  */
@@ -42708,15 +42918,8 @@ readers do not read off random characters that represent icons */
   padding-left: 0;
 }
 
-.amis-scope .cxd-Form-label {
-  font-size: 14px;
-  color: #5e626a;
-}
-
 .amis-scope .cxd-Form-item--inline .cxd-Form-label {
   margin-right: 1rem;
-  font-size: 14px;
-  color: #5e626a;
 }
 
 .amis-scope .cxd-Form .cxd-Collapse {

package/sdk/sdk.css

@@ -20306,6 +20306,8 @@ readers do not read off random characters that represent icons */
   --Form-description-color: #273047;
   --Form-description-fontSize: var(--fontSizeSm);
   --Form-fontSize: var(--fontSizeBase);
+  --Form-item-fontSize: var(--Form-fontSize);
+  --Form-item-fontColor: #5e626a;
   --Form-group--lg-gutterWidth: 2.5rem;
   --Form-group--md-gutterWidth: 1.875rem;
   --Form-group--sm-gutterWidth: var(--gap-md);
@@ -21060,6 +21062,8 @@ readers do not read off random characters that represent icons */
   --Page-title-color: #000;
   --Page-header-paddingX: var(--gap-md);
   --Page-header-paddingY: 0.625rem;
+  --Form-item-fontSize: var(--fontSizeBase);
+  --Form-item-fontColor: #5e626a;
   --Form-item-gap: var(--gap-base);
   --Form-input-bg: #ffffff;
   --Form-input-color: #151a26;
@@ -25177,7 +25181,7 @@ readers do not read off random characters that represent icons */
   background: var(--PopOver-bg);
   left: 0;
   bottom: 0;
-  z-index: 1300;
+  z-index: 3000;
   padding: 0;
   margin: 0;
   font-weight: var(--fontWeightNormal);
@@ -27832,6 +27836,7 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .cxd-CalendarMobile {
   height: 100%;
+  width: 100%;
   overflow: scroll;
 }
 
@@ -28014,6 +28019,10 @@ readers do not read off random characters that represent icons */
   margin: 0 1.5625rem;
 }
 
+.amis-scope .cxd-CalendarMobile-footer .cxd-DatePicker-shortcuts {
+  width: auto;
+}
+
 .amis-scope .cxd-CalendarMobile-calendar-wrap {
   padding: var(--gap-sm) 0;
 }
@@ -37422,6 +37431,36 @@ readers do not read off random characters that represent icons */
   border-radius: var(--DatePicker-borderRadius);
 }
 
+.amis-scope .cxd-DateRangePicker.is-mobile {
+  border: 0;
+  justify-content: flex-end;
+}
+
+.amis-scope .cxd-DateRangePicker.is-mobile span:focus,
+.amis-scope .cxd-DateRangePicker.is-mobile a:focus {
+  outline: unset;
+}
+
+.amis-scope .cxd-DateRangePicker.is-mobile .cxd-DateRangePicker-value,
+.amis-scope .cxd-DateRangePicker.is-mobile .cxd-DateRangePicker-clear {
+  display: inline-flex;
+  justify-content: flex-end;
+  padding: 0 0;
+}
+
+.amis-scope .cxd-DateRangePicker.is-mobile .cxd-DateRangePicker-value {
+  margin-right: var(--gap-xs);
+}
+
+.amis-scope .cxd-DateRangePicker.is-mobile .cxd-DateRangePicker-placeholder {
+  flex-grow: unset;
+  flex-basis: unset;
+}
+
+.amis-scope .cxd-DateRangePicker.is-mobile .cxd-DateRangePicker-toggler {
+  margin-top: -3px;
+}
+
 .amis-scope .cxd-ImageControl {
   position: relative;
 }
@@ -40339,6 +40378,8 @@ readers do not read off random characters that represent icons */
   font-weight: var(--fontWeightNormal);
   margin-bottom: var(--gap-xs);
   position: relative;
+  font-size: var(--Form-item-fontSize);
+  color: var(--Form-item-fontColor);
 }
 
 .amis-scope .cxd-Form-label > span {
@@ -41635,6 +41676,179 @@ readers do not read off random characters that represent icons */
   border-radius: var(--TimelineItem--icon-radius);
 }
 
+/**
+ * Debug 模块的 UI，由于没法使用任何主题，所以这里使用独立配色风格
+ */
+
+.amis-scope .AMISDebug {
+  position: fixed;
+  z-index: 4000;
+  top: 0;
+  right: 0;
+  height: 100vh;
+  width: 24px;
+}
+
+.amis-scope .AMISDebug h3 {
+  color: inherit;
+}
+
+.amis-scope .AMISDebug .primary {
+  color: #009fff;
+}
+
+.amis-scope .AMISDebug-header {
+  padding: var(--Drawer-header-padding);
+  background: var(--Drawer-header-bg);
+  border-bottom: var(--Drawer-content-borderWidth) solid var(--Drawer-header-borderColor);
+}
+
+.amis-scope .AMISDebug-hoverBox {
+  pointer-events: none;
+  position: absolute;
+  outline: 1px dashed #1c76c4;
+}
+
+.amis-scope .AMISDebug-activeBox {
+  pointer-events: none;
+  position: absolute;
+  outline: 1px #1c76c4;
+}
+
+.amis-scope .AMISDebug-tab {
+  overflow: hidden;
+}
+
+.amis-scope .AMISDebug-tab > button {
+  color: inherit;
+  background: inherit;
+  float: left;
+  border: none;
+  outline: none;
+  cursor: pointer;
+  padding: var(--gap-sm) var(--gap-md);
+  transition: 0.3s;
+  border-bottom: 1px solid transparent;
+}
+
+.amis-scope .AMISDebug-tab > button:hover {
+  color: #e7e7e7;
+}
+
+.amis-scope .AMISDebug-tab > button.active {
+  color: #e7e7e7;
+  border-bottom-color: #e7e7e7;
+}
+
+.amis-scope .AMISDebug-toggle {
+  background: var(--body-bg);
+  position: fixed;
+  top: 50%;
+  right: 0;
+  width: 24px;
+  height: 48px;
+  box-shadow: rgba(0, 0, 0, 0.24) -2px 0px 4px 0px;
+  border-top-left-radius: 12px;
+  border-bottom-left-radius: 12px;
+  padding-top: 14px;
+  padding-left: 6px;
+  cursor: pointer;
+}
+
+.amis-scope .AMISDebug-toggle i {
+  color: var(--text-color);
+}
+
+.amis-scope .AMISDebug-toggle:hover i {
+  color: var(--primary);
+}
+
+.amis-scope .AMISDebug-content {
+  display: none;
+}
+
+.amis-scope .AMISDebug-resize {
+  position: absolute;
+  width: 4px;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  cursor: col-resize;
+}
+
+.amis-scope .AMISDebug-resize:hover {
+  background: #75715e;
+}
+
+.amis-scope .AMISDebug-changePosition {
+  position: absolute;
+  font-size: 18px;
+  right: 40px;
+  top: var(--gap-sm);
+  cursor: pointer;
+}
+
+.amis-scope .AMISDebug-close {
+  position: absolute;
+  font-size: 18px;
+  right: var(--gap-sm);
+  top: var(--gap-sm);
+  cursor: pointer;
+}
+
+.amis-scope .AMISDebug.is-expanded {
+  width: 420px;
+  overflow: auto;
+  background: #272821;
+  color: #cccccc;
+  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
+}
+
+.amis-scope .AMISDebug.is-expanded .AMISDebug-toggle {
+  display: none;
+}
+
+.amis-scope .AMISDebug.is-expanded .AMISDebug-content {
+  display: block;
+}
+
+.amis-scope .AMISDebug.is-left {
+  left: 0;
+}
+
+.amis-scope .AMISDebug.is-left .AMISDebug-resize {
+  left: unset;
+  right: 0;
+}
+
+.amis-scope .AMISDebug-log {
+  padding: var(--gap-sm);
+}
+
+.amis-scope .AMISDebug-log button {
+  cursor: pointer;
+  background: #0e639c;
+  flex-grow: 1;
+  box-sizing: border-box;
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  padding: 6px 11px;
+  outline: none;
+  text-decoration: none;
+  color: inherit;
+  max-width: 300px;
+  border: none;
+}
+
+.amis-scope .AMISDebug-log button:hover {
+  background: #1177bb;
+}
+
+.amis-scope .AMISDebug-inspect {
+  padding: var(--gap-sm);
+}
+
 /*
  * utilities
  */
@@ -44242,15 +44456,8 @@ readers do not read off random characters that represent icons */
   padding-left: 0;
 }
 
-.amis-scope .cxd-Form-label {
-  font-size: 14px;
-  color: #5e626a;
-}
-
 .amis-scope .cxd-Form-item--inline .cxd-Form-label {
   margin-right: 1rem;
-  font-size: 14px;
-  color: #5e626a;
 }
 
 .amis-scope .cxd-Form .cxd-Collapse {