amis 1.6.0 → 1.6.1-beta.0

package/sdk/ang-ie11.css

@@ -23443,7 +23443,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;
@@ -26118,6 +26118,7 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .a-CalendarMobile {
   height: 100%;
+  width: 100%;
   overflow: scroll;
 }
 
@@ -26300,6 +26301,10 @@ readers do not read off random characters that represent icons */
   margin: 0 1.5625rem;
 }
 
+.amis-scope .a-CalendarMobile-footer .a-DatePicker-shortcuts {
+  width: auto;
+}
+
 .amis-scope .a-CalendarMobile-calendar-wrap {
   padding: 0.5rem 0;
 }
@@ -35815,6 +35820,36 @@ readers do not read off random characters that represent icons */
   border-radius: 0.142rem;
 }
 
+.amis-scope .a-DateRangePicker.is-mobile {
+  border: 0;
+  justify-content: flex-end;
+}
+
+.amis-scope .a-DateRangePicker.is-mobile span:focus,
+.amis-scope .a-DateRangePicker.is-mobile a:focus {
+  outline: unset;
+}
+
+.amis-scope .a-DateRangePicker.is-mobile .a-DateRangePicker-value,
+.amis-scope .a-DateRangePicker.is-mobile .a-DateRangePicker-clear {
+  display: inline-flex;
+  justify-content: flex-end;
+  padding: 0 0;
+}
+
+.amis-scope .a-DateRangePicker.is-mobile .a-DateRangePicker-value {
+  margin-right: 0.25rem;
+}
+
+.amis-scope .a-DateRangePicker.is-mobile .a-DateRangePicker-placeholder {
+  flex-grow: unset;
+  flex-basis: unset;
+}
+
+.amis-scope .a-DateRangePicker.is-mobile .a-DateRangePicker-toggler {
+  margin-top: -3px;
+}
+
 .amis-scope .a-ImageControl {
   position: relative;
 }
@@ -38823,6 +38858,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 .a-Form-label > span {
@@ -40149,6 +40186,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: 0.75rem;
+  background: #f9f9f9;
+  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: #edf1f2;
+  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: #58666e;
+}
+
+.amis-scope .AMISDebug-toggle:hover i {
+  color: #7266ba;
+}
+
+.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
  */

package/sdk/ang.css

@@ -20306,6 +20306,8 @@ readers do not read off random characters that represent icons */
   --Form-description-color: #6f808a;
   --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);
@@ -24707,7 +24709,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);
@@ -27362,6 +27364,7 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .a-CalendarMobile {
   height: 100%;
+  width: 100%;
   overflow: scroll;
 }
 
@@ -27544,6 +27547,10 @@ readers do not read off random characters that represent icons */
   margin: 0 1.5625rem;
 }
 
+.amis-scope .a-CalendarMobile-footer .a-DatePicker-shortcuts {
+  width: auto;
+}
+
 .amis-scope .a-CalendarMobile-calendar-wrap {
   padding: var(--gap-sm) 0;
 }
@@ -36952,6 +36959,36 @@ readers do not read off random characters that represent icons */
   border-radius: var(--DatePicker-borderRadius);
 }
 
+.amis-scope .a-DateRangePicker.is-mobile {
+  border: 0;
+  justify-content: flex-end;
+}
+
+.amis-scope .a-DateRangePicker.is-mobile span:focus,
+.amis-scope .a-DateRangePicker.is-mobile a:focus {
+  outline: unset;
+}
+
+.amis-scope .a-DateRangePicker.is-mobile .a-DateRangePicker-value,
+.amis-scope .a-DateRangePicker.is-mobile .a-DateRangePicker-clear {
+  display: inline-flex;
+  justify-content: flex-end;
+  padding: 0 0;
+}
+
+.amis-scope .a-DateRangePicker.is-mobile .a-DateRangePicker-value {
+  margin-right: var(--gap-xs);
+}
+
+.amis-scope .a-DateRangePicker.is-mobile .a-DateRangePicker-placeholder {
+  flex-grow: unset;
+  flex-basis: unset;
+}
+
+.amis-scope .a-DateRangePicker.is-mobile .a-DateRangePicker-toggler {
+  margin-top: -3px;
+}
+
 .amis-scope .a-ImageControl {
   position: relative;
 }
@@ -39869,6 +39906,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 .a-Form-label > span {
@@ -41165,6 +41204,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
  */