amis 1.6.0 → 1.6.1-beta.0

package/lib/themes/antd-ie11.css

@@ -609,6 +609,8 @@
   --Form-description-color: rgba(26, 26, 26, 0.85);
   --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);
@@ -1379,6 +1381,8 @@
   --Nav-item-onActive-borderLeft: 0;
   --Modal-header-bg: #fff;
   --Modal-title-fontWeight: 500;
+  --Form-item-fontSize: var(--fontSizeBase);
+  --Form-item-fontColor: var(--body-color);
   --Form-input-onFocused-borderColor: #40a9ff;
   --Form-input-borderColor: #d9d9d9;
   --Form-input-boxShadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
@@ -1448,7 +1452,8 @@
   --TimelineItem--icon-radius: 50%;
   --TimelineItem--round-radius: 50%;
   --TimelineItem--content-radius: 0.125rem;
-  --TimelineItem-detail-visible-shadow: 0 0.0625rem 0.625rem 0 rgba(0 0 0 / 10%);
+  --TimelineItem-detail-visible-shadow: 0 0.0625rem 0.625rem 0
+    rgba(0 0 0 / 10%);
   --TimelineItem--font-size: 0.75rem;
   --TimelineItem--text-primary-color: #151a26;
   --TimelineItem--text-secondary-color: #83868c;
@@ -4711,7 +4716,7 @@ input[type=button].antd-Button--block {
   background: var(--PopOver-bg);
   left: 0;
   bottom: 0;
-  z-index: 1300;
+  z-index: 3000;
   padding: 0;
   margin: 0;
   font-weight: var(--fontWeightNormal);
@@ -6884,6 +6889,7 @@ input[type=button].antd-Button--block {
 
 .antd-CalendarMobile {
   height: 100%;
+  width: 100%;
   overflow: scroll;
 }
 .antd-CalendarMobile-pop {
@@ -7034,6 +7040,9 @@ input[type=button].antd-Button--block {
 .antd-CalendarMobile-footer .antd-DateRangePicker-rangers .antd-DateRangePicker-ranger {
   margin: 0 1.5625rem;
 }
+.antd-CalendarMobile-footer .antd-DatePicker-shortcuts {
+  width: auto;
+}
 .antd-CalendarMobile-calendar-wrap {
   padding: var(--gap-sm) 0;
 }
@@ -14817,6 +14826,31 @@ td.rdtQuarter.rdtDisabled > span {
   border-radius: var(--DatePicker-borderRadius);
 }
 
+.antd-DateRangePicker.is-mobile {
+  border: 0;
+  justify-content: flex-end;
+}
+.antd-DateRangePicker.is-mobile span:focus,
+.antd-DateRangePicker.is-mobile a:focus {
+  outline: unset;
+}
+.antd-DateRangePicker.is-mobile .antd-DateRangePicker-value,
+.antd-DateRangePicker.is-mobile .antd-DateRangePicker-clear {
+  display: inline-flex;
+  justify-content: flex-end;
+  padding: 0 0;
+}
+.antd-DateRangePicker.is-mobile .antd-DateRangePicker-value {
+  margin-right: var(--gap-xs);
+}
+.antd-DateRangePicker.is-mobile .antd-DateRangePicker-placeholder {
+  flex-grow: unset;
+  flex-basis: unset;
+}
+.antd-DateRangePicker.is-mobile .antd-DateRangePicker-toggler {
+  margin-top: -3px;
+}
+
 .antd-ImageControl {
   position: relative;
 }
@@ -17261,6 +17295,8 @@ td.rdtQuarter.rdtDisabled > span {
   font-weight: var(--fontWeightNormal);
   margin-bottom: var(--gap-xs);
   position: relative;
+  font-size: var(--Form-item-fontSize);
+  color: var(--Form-item-fontColor);
 }
 .antd-Form-label > span {
   position: relative;
@@ -18364,6 +18400,152 @@ td.rdtQuarter.rdtDisabled > span {
   border-radius: var(--TimelineItem--icon-radius);
 }
 
+/**
+ * Debug 模块的 UI，由于没法使用任何主题，所以这里使用独立配色风格
+ */
+.AMISDebug {
+  position: fixed;
+  z-index: 4000;
+  top: 0;
+  right: 0;
+  height: 100vh;
+  width: 24px;
+}
+.AMISDebug h3 {
+  color: inherit;
+}
+.AMISDebug .primary {
+  color: #009fff;
+}
+.AMISDebug-header {
+  padding: var(--Drawer-header-padding);
+  background: var(--Drawer-header-bg);
+  border-bottom: var(--Drawer-content-borderWidth) solid var(--Drawer-header-borderColor);
+}
+.AMISDebug-hoverBox {
+  pointer-events: none;
+  position: absolute;
+  outline: 1px dashed #1c76c4;
+}
+.AMISDebug-activeBox {
+  pointer-events: none;
+  position: absolute;
+  outline: 1px #1c76c4;
+}
+.AMISDebug-tab {
+  overflow: hidden;
+}
+.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;
+}
+.AMISDebug-tab > button:hover {
+  color: #e7e7e7;
+}
+.AMISDebug-tab > button.active {
+  color: #e7e7e7;
+  border-bottom-color: #e7e7e7;
+}
+.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;
+}
+.AMISDebug-toggle i {
+  color: var(--text-color);
+}
+.AMISDebug-toggle:hover i {
+  color: var(--primary);
+}
+.AMISDebug-content {
+  display: none;
+}
+.AMISDebug-resize {
+  position: absolute;
+  width: 4px;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  cursor: col-resize;
+}
+.AMISDebug-resize:hover {
+  background: #75715e;
+}
+.AMISDebug-changePosition {
+  position: absolute;
+  font-size: 18px;
+  right: 40px;
+  top: var(--gap-sm);
+  cursor: pointer;
+}
+.AMISDebug-close {
+  position: absolute;
+  font-size: 18px;
+  right: var(--gap-sm);
+  top: var(--gap-sm);
+  cursor: pointer;
+}
+.AMISDebug.is-expanded {
+  width: 420px;
+  overflow: auto;
+  background: #272821;
+  color: #cccccc;
+  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
+}
+.AMISDebug.is-expanded .AMISDebug-toggle {
+  display: none;
+}
+.AMISDebug.is-expanded .AMISDebug-content {
+  display: block;
+}
+.AMISDebug.is-left {
+  left: 0;
+}
+.AMISDebug.is-left .AMISDebug-resize {
+  left: unset;
+  right: 0;
+}
+.AMISDebug-log {
+  padding: var(--gap-sm);
+}
+.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;
+}
+.AMISDebug-log button:hover {
+  background: #1177bb;
+}
+.AMISDebug-inspect {
+  padding: var(--gap-sm);
+}
+
 /*
  * utilities
  */

package/lib/themes/antd.css

@@ -609,6 +609,8 @@
   --Form-description-color: rgba(26, 26, 26, 0.85);
   --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);
@@ -1379,6 +1381,8 @@
   --Nav-item-onActive-borderLeft: 0;
   --Modal-header-bg: #fff;
   --Modal-title-fontWeight: 500;
+  --Form-item-fontSize: var(--fontSizeBase);
+  --Form-item-fontColor: var(--body-color);
   --Form-input-onFocused-borderColor: #40a9ff;
   --Form-input-borderColor: #d9d9d9;
   --Form-input-boxShadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
@@ -1448,7 +1452,8 @@
   --TimelineItem--icon-radius: 50%;
   --TimelineItem--round-radius: 50%;
   --TimelineItem--content-radius: 0.125rem;
-  --TimelineItem-detail-visible-shadow: 0 0.0625rem 0.625rem 0 rgba(0 0 0 / 10%);
+  --TimelineItem-detail-visible-shadow: 0 0.0625rem 0.625rem 0
+    rgba(0 0 0 / 10%);
   --TimelineItem--font-size: 0.75rem;
   --TimelineItem--text-primary-color: #151a26;
   --TimelineItem--text-secondary-color: #83868c;
@@ -4711,7 +4716,7 @@ input[type=button].antd-Button--block {
   background: var(--PopOver-bg);
   left: 0;
   bottom: 0;
-  z-index: 1300;
+  z-index: 3000;
   padding: 0;
   margin: 0;
   font-weight: var(--fontWeightNormal);
@@ -6884,6 +6889,7 @@ input[type=button].antd-Button--block {
 
 .antd-CalendarMobile {
   height: 100%;
+  width: 100%;
   overflow: scroll;
 }
 .antd-CalendarMobile-pop {
@@ -7034,6 +7040,9 @@ input[type=button].antd-Button--block {
 .antd-CalendarMobile-footer .antd-DateRangePicker-rangers .antd-DateRangePicker-ranger {
   margin: 0 1.5625rem;
 }
+.antd-CalendarMobile-footer .antd-DatePicker-shortcuts {
+  width: auto;
+}
 .antd-CalendarMobile-calendar-wrap {
   padding: var(--gap-sm) 0;
 }
@@ -14817,6 +14826,31 @@ td.rdtQuarter.rdtDisabled > span {
   border-radius: var(--DatePicker-borderRadius);
 }
 
+.antd-DateRangePicker.is-mobile {
+  border: 0;
+  justify-content: flex-end;
+}
+.antd-DateRangePicker.is-mobile span:focus,
+.antd-DateRangePicker.is-mobile a:focus {
+  outline: unset;
+}
+.antd-DateRangePicker.is-mobile .antd-DateRangePicker-value,
+.antd-DateRangePicker.is-mobile .antd-DateRangePicker-clear {
+  display: inline-flex;
+  justify-content: flex-end;
+  padding: 0 0;
+}
+.antd-DateRangePicker.is-mobile .antd-DateRangePicker-value {
+  margin-right: var(--gap-xs);
+}
+.antd-DateRangePicker.is-mobile .antd-DateRangePicker-placeholder {
+  flex-grow: unset;
+  flex-basis: unset;
+}
+.antd-DateRangePicker.is-mobile .antd-DateRangePicker-toggler {
+  margin-top: -3px;
+}
+
 .antd-ImageControl {
   position: relative;
 }
@@ -17261,6 +17295,8 @@ td.rdtQuarter.rdtDisabled > span {
   font-weight: var(--fontWeightNormal);
   margin-bottom: var(--gap-xs);
   position: relative;
+  font-size: var(--Form-item-fontSize);
+  color: var(--Form-item-fontColor);
 }
 .antd-Form-label > span {
   position: relative;
@@ -18364,6 +18400,152 @@ td.rdtQuarter.rdtDisabled > span {
   border-radius: var(--TimelineItem--icon-radius);
 }
 
+/**
+ * Debug 模块的 UI，由于没法使用任何主题，所以这里使用独立配色风格
+ */
+.AMISDebug {
+  position: fixed;
+  z-index: 4000;
+  top: 0;
+  right: 0;
+  height: 100vh;
+  width: 24px;
+}
+.AMISDebug h3 {
+  color: inherit;
+}
+.AMISDebug .primary {
+  color: #009fff;
+}
+.AMISDebug-header {
+  padding: var(--Drawer-header-padding);
+  background: var(--Drawer-header-bg);
+  border-bottom: var(--Drawer-content-borderWidth) solid var(--Drawer-header-borderColor);
+}
+.AMISDebug-hoverBox {
+  pointer-events: none;
+  position: absolute;
+  outline: 1px dashed #1c76c4;
+}
+.AMISDebug-activeBox {
+  pointer-events: none;
+  position: absolute;
+  outline: 1px #1c76c4;
+}
+.AMISDebug-tab {
+  overflow: hidden;
+}
+.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;
+}
+.AMISDebug-tab > button:hover {
+  color: #e7e7e7;
+}
+.AMISDebug-tab > button.active {
+  color: #e7e7e7;
+  border-bottom-color: #e7e7e7;
+}
+.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;
+}
+.AMISDebug-toggle i {
+  color: var(--text-color);
+}
+.AMISDebug-toggle:hover i {
+  color: var(--primary);
+}
+.AMISDebug-content {
+  display: none;
+}
+.AMISDebug-resize {
+  position: absolute;
+  width: 4px;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  cursor: col-resize;
+}
+.AMISDebug-resize:hover {
+  background: #75715e;
+}
+.AMISDebug-changePosition {
+  position: absolute;
+  font-size: 18px;
+  right: 40px;
+  top: var(--gap-sm);
+  cursor: pointer;
+}
+.AMISDebug-close {
+  position: absolute;
+  font-size: 18px;
+  right: var(--gap-sm);
+  top: var(--gap-sm);
+  cursor: pointer;
+}
+.AMISDebug.is-expanded {
+  width: 420px;
+  overflow: auto;
+  background: #272821;
+  color: #cccccc;
+  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
+}
+.AMISDebug.is-expanded .AMISDebug-toggle {
+  display: none;
+}
+.AMISDebug.is-expanded .AMISDebug-content {
+  display: block;
+}
+.AMISDebug.is-left {
+  left: 0;
+}
+.AMISDebug.is-left .AMISDebug-resize {
+  left: unset;
+  right: 0;
+}
+.AMISDebug-log {
+  padding: var(--gap-sm);
+}
+.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;
+}
+.AMISDebug-log button:hover {
+  background: #1177bb;
+}
+.AMISDebug-inspect {
+  padding: var(--gap-sm);
+}
+
 /*
  * utilities
  */