amis-ui 6.9.0-rc.2 → 6.9.0-rc.4

package/lib/themes/dark.css

@@ -750,6 +750,10 @@
   :root {
     --fontSizeBase: var(--fontSizeLg);
   }
+  :root,
+  .AMISCSSWrapper {
+    --Page-body-padding: var(--gap-md);
+  }
 }
 :root,
 .AMISCSSWrapper {
@@ -4593,9 +4597,9 @@
   --conditionBuilder-body-paddingLeft: var(--sizes-base-14);
   --table-border-width: var(--borders-width-2);
   --table-border-color: var(--colors-neutral-line-8);
-  --table-paddingTop: var(--sizes-size-3);
+  --table-paddingTop: var(--sizes-size-6);
   --table-paddingRight: var(--sizes-size-6);
-  --table-paddingBottom: var(--sizes-size-3);
+  --table-paddingBottom: var(--sizes-size-6);
   --table-paddingLeft: var(--sizes-size-6);
   --table-paddingX: var(--sizes-size-7);
   --table-header-color: var(--colors-neutral-text-2);
@@ -18211,6 +18215,7 @@ input[type=button].dark-Button--block {
     min-height: 0;
     flex: 1;
     height: 2.75rem;
+    font-size: var(--fontSizeMd);
   }
   .dark-Modal .dark-Modal-footer > .dark-Button:first-child {
     margin-left: 0;
@@ -21343,12 +21348,6 @@ input[type=button].dark-Button--block {
   /* 主题 */
   /* 子组件 */
 }
-.dark-Panel-fixedBottom {
-  position: sticky;
-  background: var(--white);
-  bottom: var(--affix-offset-bottom);
-  z-index: 900;
-}
 .dark-Panel--default {
   border-color: var(--Panel-top-border-color) var(--Panel-right-border-color) var(--Panel-bottom-border-color) var(--Panel-left-border-color);
 }
@@ -21445,6 +21444,16 @@ input[type=button].dark-Button--block {
   border-width: var(--Panel-heading-top-border-width) var(--Panel-heading-right-border-width) var(--Panel-heading-bottom-border-width) var(--Panel-heading-left-border-width);
   border-radius: var(--Panel-headingBorderRadius);
 }
+.dark-Panel-heading.is-collapsible {
+  display: flex;
+  justify-content: space-between;
+}
+.dark-Panel-arrow {
+  transition: transform 0.1s ease-in;
+}
+.dark-Panel-arrow.is-collapsed {
+  transform: rotate(180deg);
+}
 .dark-Panel-title {
   margin: 0;
   font-size: var(--Panel-heading-fontSize);
@@ -21467,6 +21476,12 @@ input[type=button].dark-Button--block {
 .dark-Panel-footer .dark-Button + .dark-Button {
   margin-left: var(--Panel-footerButtonMarginLeft);
 }
+.dark-Panel-fixedBottom {
+  position: sticky;
+  background: var(--white);
+  bottom: var(--affix-offset-bottom);
+  z-index: 900;
+}
 .dark-Panel-btnToolbar {
   text-align: var(--Panel-btnToolbarTextAlign);
 }
@@ -21496,10 +21511,12 @@ input[type=button].dark-Button--block {
     border-radius: 0;
   }
   .dark-Panel--form > .dark-Panel-heading .dark-Panel-title {
-    padding-left: var(--Panel-body-paddingLeft);
-    border-left: 0.1875rem solid var(--primary);
     font-size: var(--fontSizeLg);
   }
+  .dark-Panel--form > .dark-Panel-heading .dark-Panel-title .icon {
+    width: var(--sizes-base-7);
+    height: var(--sizes-base-7);
+  }
   .dark-Panel--form .dark-Panel-footerWrap {
     padding-bottom: var(--Panel-body-paddingBottom);
   }
@@ -23668,9 +23685,95 @@ input[type=button].dark-Button--block {
 .dark-Crud2-pager {
   align-self: flex-start;
 }
-.dark-Crud2-filter {
+.dark-Crud2-filter:not(:empty) {
   margin-bottom: var(--gap-base);
 }
+.dark-Crud2.is-mobile.is-mobile-cards .dark-ColumnToggler {
+  display: none;
+}
+.dark-Crud2.is-mobile.is-mobile-cards .dark-SearchBox {
+  border-radius: var(--Form-input-borderRadius);
+  width: 100%;
+}
+.dark-Crud2.is-mobile.is-mobile-cards .dark-Card {
+  --Card-borderRadius: var(--sizes-size-5);
+  --gap-base: var(--sizes-size-9);
+  --fontSizeBase: var(--fonts-size-7);
+  --body-lineHeight: var(--sizes-base-11);
+  --Card-actions-borderColor: #f2f2f4;
+  --Card-actions-fontSize: var(--fontSizeBase);
+  font-size: var(--fontSizeBase);
+  border: 0;
+  box-shadow: var(--boxShadowSm);
+}
+.dark-Crud2.is-mobile.is-mobile-cards .dark-Card-field {
+  margin-bottom: var(--sizes-size-3);
+}
+.dark-Crud2.is-mobile.is-mobile-cards .dark-Card-fieldLabel {
+  color: var(--colors-neutral-text-5);
+  font-size: var(--fontSizeBase);
+  flex-basis: var(--sizes-base-28);
+  line-height: var(--body-lineHeight);
+  margin-right: var(--sizes-size-6);
+}
+.dark-Crud2.is-mobile.is-mobile-cards .dark-Card-fieldValue {
+  color: var(--colors-neutral-text-2);
+}
+.dark-Crud2.is-mobile.is-mobile-cards .dark-Card-actions-wrapper {
+  padding-left: var(--gap-md);
+  padding-right: var(--gap-md);
+}
+.dark-Crud2.is-mobile.is-mobile-cards .dark-Card-actions > a {
+  height: var(--sizes-base-12);
+  line-height: var(--sizes-base-12);
+  margin-top: var(--sizes-size-4);
+  margin-bottom: var(--sizes-size-4);
+}
+.dark-Crud2.is-mobile.is-mobile-cards .dark-Card .dark-Form-item .dark-Form-value,
+.dark-Crud2.is-mobile.is-mobile-cards .dark-Card .dark-Form-item .dark-Form-control {
+  font-size: var(--fontSizeBase);
+}
+.dark-Crud2.is-mobile.is-mobile-cards .dark-Card-multiMedia--right {
+  align-items: flex-start;
+}
+.dark-Crud2.is-mobile.is-mobile-cards .dark-Card-multiMedia-img {
+  width: var(--sizes-base-45);
+  height: var(--sizes-base-45);
+}
+.dark-Crud2.is-mobile.is-mobile-cards .dark-Card .dark-Image {
+  border: 0;
+}
+.dark-Crud2.is-mobile.is-mobile-cards .dark-Card .dark-Image--thumb {
+  padding-left: 0;
+}
+.dark-Crud2.is-mobile.is-mobile-cards .dark-Card .dark-Image--thumb img {
+  border-radius: var(--sizes-size-5);
+}
+.dark-Crud2.is-mobile.is-mobile-cards .dark-Panel {
+  --Panel-bodyPadding: var(--gap-md);
+  --Panel-headingPadding: var(--gap-sm) var(--gap-md);
+  --Panel-body-paddingTop: var(--gap-md);
+  --Panel-body-paddingBottom: var(--gap-md);
+  --Panel-body-paddingLeft: var(--gap-md);
+  --Panel-body-paddingRight: var(--gap-md);
+}
+.dark-Crud2.is-mobile.is-mobile-cards .dark-Panel--form {
+  margin: 0;
+  margin-bottom: var(--gap-md);
+  border-radius: var(--sizes-size-5);
+  box-shadow: var(--boxShadowSm);
+}
+.dark-Crud2.is-mobile.is-mobile-cards .dark-Panel-body {
+  padding-top: 0;
+}
+.dark-Crud2.is-mobile.is-mobile-cards .dark-Panel .dark-Form--column {
+  margin-left: 0;
+  margin-right: 0;
+}
+.dark-Crud2.is-mobile.is-mobile-cards .dark-Panel .dark-Form-item {
+  padding-left: 0;
+  padding-right: 0;
+}
 @media (min-width: 576px) {
   .dark-Crud-toolbar {
     margin-top: calc(var(--Crud-toolbar-gap) * -1);
@@ -23909,6 +24012,9 @@ input[type=button].dark-Button--block {
 .dark-Table-table th > .dark-Form, .dark-Table-table th > .dark-Form-item > .dark-Form-control:not(.is-thin), .dark-Table-table td > .dark-Form, .dark-Table-table td > .dark-Form-item > .dark-Form-control:not(.is-thin) {
   min-width: var(--Form-control-widthBase);
 }
+.dark-Table-table th > .dark-Form.dark-CheckboxControl, .dark-Table-table th > .dark-Form.dark-SwitchControl, .dark-Table-table th > .dark-Form.dark-RadiosControl, .dark-Table-table th > .dark-Form-item > .dark-Form-control:not(.is-thin).dark-CheckboxControl, .dark-Table-table th > .dark-Form-item > .dark-Form-control:not(.is-thin).dark-SwitchControl, .dark-Table-table th > .dark-Form-item > .dark-Form-control:not(.is-thin).dark-RadiosControl, .dark-Table-table td > .dark-Form.dark-CheckboxControl, .dark-Table-table td > .dark-Form.dark-SwitchControl, .dark-Table-table td > .dark-Form.dark-RadiosControl, .dark-Table-table td > .dark-Form-item > .dark-Form-control:not(.is-thin).dark-CheckboxControl, .dark-Table-table td > .dark-Form-item > .dark-Form-control:not(.is-thin).dark-SwitchControl, .dark-Table-table td > .dark-Form-item > .dark-Form-control:not(.is-thin).dark-RadiosControl {
+  min-width: auto;
+}
 .dark-Table-table th .dark-Form-static, .dark-Table-table td .dark-Form-static {
   min-height: auto;
 }
@@ -24098,10 +24204,10 @@ input[type=button].dark-Button--block {
   color: #a0a0a0;
 }
 .dark-Table-table > tbody > tr.bg-dark.lt, .dark-Table-table > tbody > tr.bg-dark .lt {
-  background: #41474c;
+  background: #3e4750;
 }
 .dark-Table-table > tbody > tr.bg-dark.lter, .dark-Table-table > tbody > tr.bg-dark .lter {
-  background: #4f5458;
+  background: #475460;
 }
 .dark-Table-table > tbody > tr.bg-dark.dk, .dark-Table-table > tbody > tr.bg-dark .dk {
   background: #272d33;
@@ -24132,10 +24238,10 @@ input[type=button].dark-Button--block {
   color: #666666;
 }
 .dark-Table-table > tbody > tr.bg-black.lt, .dark-Table-table > tbody > tr.bg-black .lt {
-  background: #0d0d0d;
+  background: #0d0c0c;
 }
 .dark-Table-table > tbody > tr.bg-black.lter, .dark-Table-table > tbody > tr.bg-black .lter {
-  background: #1a1a1a;
+  background: #1b1818;
 }
 .dark-Table-table > tbody > tr.bg-black.dk, .dark-Table-table > tbody > tr.bg-black .dk {
   background: black;
@@ -24166,10 +24272,10 @@ input[type=button].dark-Button--block {
   color: #cfe5fc;
 }
 .dark-Table-table > tbody > tr.bg-primary.lt, .dark-Table-table > tbody > tr.bg-primary .lt {
-  background: #1c88fc;
+  background: #1a88ff;
 }
 .dark-Table-table > tbody > tr.bg-primary.lter, .dark-Table-table > tbody > tr.bg-primary .lter {
-  background: #3896fa;
+  background: #3395ff;
 }
 .dark-Table-table > tbody > tr.bg-primary.dk, .dark-Table-table > tbody > tr.bg-primary .dk {
   background: #006fe6;
@@ -24200,10 +24306,10 @@ input[type=button].dark-Button--block {
   color: #b4e7c0;
 }
 .dark-Table-table > tbody > tr.bg-success.lt, .dark-Table-table > tbody > tr.bg-success .lt {
-  background: #30b94f;
+  background: #2abe4c;
 }
 .dark-Table-table > tbody > tr.bg-success.lter, .dark-Table-table > tbody > tr.bg-success .lter {
-  background: #3ac85a;
+  background: #2dd554;
 }
 .dark-Table-table > tbody > tr.bg-success.dk, .dark-Table-table > tbody > tr.bg-success .dk {
   background: #21953b;
@@ -24234,10 +24340,10 @@ input[type=button].dark-Button--block {
   color: #cfe5fc;
 }
 .dark-Table-table > tbody > tr.bg-info.lt, .dark-Table-table > tbody > tr.bg-info .lt {
-  background: #1c88fc;
+  background: #1a88ff;
 }
 .dark-Table-table > tbody > tr.bg-info.lter, .dark-Table-table > tbody > tr.bg-info .lter {
-  background: #3896fa;
+  background: #3395ff;
 }
 .dark-Table-table > tbody > tr.bg-info.dk, .dark-Table-table > tbody > tr.bg-info .dk {
   background: #006fe6;
@@ -24268,10 +24374,10 @@ input[type=button].dark-Button--block {
   color: #fffefa;
 }
 .dark-Table-table > tbody > tr.bg-warning.lt, .dark-Table-table > tbody > tr.bg-warning .lt {
-  background: #f8da4e;
+  background: #fddd4a;
 }
 .dark-Table-table > tbody > tr.bg-warning.lter, .dark-Table-table > tbody > tr.bg-warning .lter {
-  background: #f7de69;
+  background: #ffe361;
 }
 .dark-Table-table > tbody > tr.bg-warning.dk, .dark-Table-table > tbody > tr.bg-warning .dk {
   background: #fcd417;
@@ -24302,10 +24408,10 @@ input[type=button].dark-Button--block {
   color: #f8e5e6;
 }
 .dark-Table-table > tbody > tr.bg-danger.lt, .dark-Table-table > tbody > tr.bg-danger .lt {
-  background: #dd4d5b;
+  background: #e24857;
 }
 .dark-Table-table > tbody > tr.bg-danger.lter, .dark-Table-table > tbody > tr.bg-danger .lter {
-  background: #df6571;
+  background: #e85c69;
 }
 .dark-Table-table > tbody > tr.bg-danger.dk, .dark-Table-table > tbody > tr.bg-danger .dk {
   background: #d62133;
@@ -25099,10 +25205,10 @@ input[type=button].dark-Button--block {
   color: #a0a0a0;
 }
 .dark-Table2 .dark-Table-table > tbody > tr.bg-dark.lt, .dark-Table2 .dark-Table-table > tbody > tr.bg-dark .lt {
-  background: #41474c;
+  background: #3e4750;
 }
 .dark-Table2 .dark-Table-table > tbody > tr.bg-dark.lter, .dark-Table2 .dark-Table-table > tbody > tr.bg-dark .lter {
-  background: #4f5458;
+  background: #475460;
 }
 .dark-Table2 .dark-Table-table > tbody > tr.bg-dark.dk, .dark-Table2 .dark-Table-table > tbody > tr.bg-dark .dk {
   background: #272d33;
@@ -25133,10 +25239,10 @@ input[type=button].dark-Button--block {
   color: #666666;
 }
 .dark-Table2 .dark-Table-table > tbody > tr.bg-black.lt, .dark-Table2 .dark-Table-table > tbody > tr.bg-black .lt {
-  background: #0d0d0d;
+  background: #0d0c0c;
 }
 .dark-Table2 .dark-Table-table > tbody > tr.bg-black.lter, .dark-Table2 .dark-Table-table > tbody > tr.bg-black .lter {
-  background: #1a1a1a;
+  background: #1b1818;
 }
 .dark-Table2 .dark-Table-table > tbody > tr.bg-black.dk, .dark-Table2 .dark-Table-table > tbody > tr.bg-black .dk {
   background: black;
@@ -25167,10 +25273,10 @@ input[type=button].dark-Button--block {
   color: #cfe5fc;
 }
 .dark-Table2 .dark-Table-table > tbody > tr.bg-primary.lt, .dark-Table2 .dark-Table-table > tbody > tr.bg-primary .lt {
-  background: #1c88fc;
+  background: #1a88ff;
 }
 .dark-Table2 .dark-Table-table > tbody > tr.bg-primary.lter, .dark-Table2 .dark-Table-table > tbody > tr.bg-primary .lter {
-  background: #3896fa;
+  background: #3395ff;
 }
 .dark-Table2 .dark-Table-table > tbody > tr.bg-primary.dk, .dark-Table2 .dark-Table-table > tbody > tr.bg-primary .dk {
   background: #006fe6;
@@ -25201,10 +25307,10 @@ input[type=button].dark-Button--block {
   color: #b4e7c0;
 }
 .dark-Table2 .dark-Table-table > tbody > tr.bg-success.lt, .dark-Table2 .dark-Table-table > tbody > tr.bg-success .lt {
-  background: #30b94f;
+  background: #2abe4c;
 }
 .dark-Table2 .dark-Table-table > tbody > tr.bg-success.lter, .dark-Table2 .dark-Table-table > tbody > tr.bg-success .lter {
-  background: #3ac85a;
+  background: #2dd554;
 }
 .dark-Table2 .dark-Table-table > tbody > tr.bg-success.dk, .dark-Table2 .dark-Table-table > tbody > tr.bg-success .dk {
   background: #21953b;
@@ -25235,10 +25341,10 @@ input[type=button].dark-Button--block {
   color: #cfe5fc;
 }
 .dark-Table2 .dark-Table-table > tbody > tr.bg-info.lt, .dark-Table2 .dark-Table-table > tbody > tr.bg-info .lt {
-  background: #1c88fc;
+  background: #1a88ff;
 }
 .dark-Table2 .dark-Table-table > tbody > tr.bg-info.lter, .dark-Table2 .dark-Table-table > tbody > tr.bg-info .lter {
-  background: #3896fa;
+  background: #3395ff;
 }
 .dark-Table2 .dark-Table-table > tbody > tr.bg-info.dk, .dark-Table2 .dark-Table-table > tbody > tr.bg-info .dk {
   background: #006fe6;
@@ -25269,10 +25375,10 @@ input[type=button].dark-Button--block {
   color: #fffefa;
 }
 .dark-Table2 .dark-Table-table > tbody > tr.bg-warning.lt, .dark-Table2 .dark-Table-table > tbody > tr.bg-warning .lt {
-  background: #f8da4e;
+  background: #fddd4a;
 }
 .dark-Table2 .dark-Table-table > tbody > tr.bg-warning.lter, .dark-Table2 .dark-Table-table > tbody > tr.bg-warning .lter {
-  background: #f7de69;
+  background: #ffe361;
 }
 .dark-Table2 .dark-Table-table > tbody > tr.bg-warning.dk, .dark-Table2 .dark-Table-table > tbody > tr.bg-warning .dk {
   background: #fcd417;
@@ -25303,10 +25409,10 @@ input[type=button].dark-Button--block {
   color: #f8e5e6;
 }
 .dark-Table2 .dark-Table-table > tbody > tr.bg-danger.lt, .dark-Table2 .dark-Table-table > tbody > tr.bg-danger .lt {
-  background: #dd4d5b;
+  background: #e24857;
 }
 .dark-Table2 .dark-Table-table > tbody > tr.bg-danger.lter, .dark-Table2 .dark-Table-table > tbody > tr.bg-danger .lter {
-  background: #df6571;
+  background: #e85c69;
 }
 .dark-Table2 .dark-Table-table > tbody > tr.bg-danger.dk, .dark-Table2 .dark-Table-table > tbody > tr.bg-danger .dk {
   background: #d62133;
@@ -26816,6 +26922,19 @@ input[type=button].dark-Button--block {
   text-overflow: ellipsis;
   overflow: hidden;
 }
+@media (max-width: 767px) {
+  .dark-Card-fieldValue .dark-Form-item {
+    padding-top: 0;
+    padding-bottom: 0;
+  }
+  .dark-Card-fieldValue .dark-Form-item:after {
+    display: none;
+  }
+  .dark-Card-fieldValue .dark-Form-item .dark-Form-static {
+    padding-top: 0;
+    padding-bottom: 0;
+  }
+}
 .dark-Card-fieldLabel {
   flex-grow: 0;
   flex-shrink: 0;
@@ -28410,6 +28529,7 @@ input[type=button].dark-Button--block {
   content: var(--image-image-normal-icon);
 }
 .dark-InputBox {
+  height: var(--input-size-default-height);
   display: flex;
   background: var(--Form-input-bg);
   border: var(--Form-input-borderWidth) solid var(--Form-input-borderColor);
@@ -28419,7 +28539,6 @@ input[type=button].dark-Button--block {
   font-size: var(--Form-input-fontSize);
   flex-wrap: wrap;
   justify-content: flex-start;
-  height: var(--input-size-default-height);
 }
 .dark-InputBox input {
   flex-basis: 1.875rem;
@@ -28812,6 +28931,11 @@ input[type=button].dark-Button--block {
 .dark-SchemaEditor-info {
   min-width: 0;
   min-height: 0;
+  flex: 1;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
   display: flex;
   background: var(--Form-input-bg);
   border: var(--Form-input-borderWidth) solid var(--Form-input-borderColor);
@@ -28821,11 +28945,6 @@ input[type=button].dark-Button--block {
   font-size: var(--Form-input-fontSize);
   flex-wrap: wrap;
   justify-content: flex-start;
-  flex: 1;
-  display: flex;
-  flex-direction: row;
-  justify-content: space-between;
-  align-items: center;
 }
 .dark-SchemaEditor-info input {
   flex-basis: 1.875rem;
@@ -28862,15 +28981,6 @@ input[type=button].dark-Button--block {
   color: var(--Form-input-placeholderColor);
 }
 .dark-ResultBox {
-  display: flex;
-  background: var(--Form-input-bg);
-  border: var(--Form-input-borderWidth) solid var(--Form-input-borderColor);
-  border-radius: var(--Form-input-borderRadius);
-  line-height: var(--Form-input-lineHeight);
-  padding: var(--Form-input-paddingY) var(--Form-input-paddingX);
-  font-size: var(--Form-input-fontSize);
-  flex-wrap: wrap;
-  justify-content: flex-start;
   flex-wrap: nowrap;
   padding: 0 0.75rem;
   min-height: var(--Form-input-height);
@@ -28887,6 +28997,15 @@ input[type=button].dark-Button--block {
   border-radius: var(--Form-select-borderRadius);
   min-height: var(--Form-selectOption-height);
   padding: var(--select-base-default-paddingTop) var(--select-base-default-paddingRight) var(--select-base-default-paddingBottom) var(--select-base-default-paddingLeft);
+  display: flex;
+  background: var(--Form-input-bg);
+  border: var(--Form-input-borderWidth) solid var(--Form-input-borderColor);
+  border-radius: var(--Form-input-borderRadius);
+  line-height: var(--Form-input-lineHeight);
+  padding: var(--Form-input-paddingY) var(--Form-input-paddingX);
+  font-size: var(--Form-input-fontSize);
+  flex-wrap: wrap;
+  justify-content: flex-start;
 }
 .dark-ResultBox input {
   flex-basis: 1.875rem;
@@ -30994,10 +31113,10 @@ input.dark-TextControl-input-password {
   color: var(--Form-input-onDisabled-color);
 }
 .dark-TextareaControl {
-  position: relative;
-  max-width: 100%;
   --Form-input-clearBtn-padding: 0.125rem;
   position: relative;
+  position: relative;
+  max-width: 100%;
 }
 .dark-TextareaControl.is-inline {
   display: inline-block;
@@ -34959,18 +35078,6 @@ td.rdtQuarter.rdtDisabled:hover > span {
   border-style: var(--inputImage-base-default-top-border-style) var(--inputImage-base-default-right-border-style) var(--inputImage-base-default-bottom-border-style) var(--inputImage-base-default-left-border-style);
   box-shadow: var(--shadows-shadow-none);
 }
-.dark-ImageControl-addBtn-bg {
-  position: absolute;
-  z-index: 0;
-  overflow: hidden;
-  left: 0;
-  right: 0;
-  top: 0;
-  bottom: 0;
-}
-.dark-ImageControl-addBtn-bg .dark-Image {
-  border: 0;
-}
 .dark-ImageControl-addBtn:not(:disabled):not(.is-disabled):hover {
   color: var(--ImageControl-addBtn-onHover-color);
   background: var(--ImageControl-addBtn-onHover-bg);
@@ -35011,6 +35118,18 @@ td.rdtQuarter.rdtDisabled:hover > span {
   border-style: var(--inputImage-base-disabled-top-border-style) var(--inputImage-base-disabled-right-border-style) var(--inputImage-base-disabled-bottom-border-style) var(--inputImage-base-disabled-left-border-style);
   box-shadow: var(--shadows-shadow-none);
 }
+.dark-ImageControl-addBtn-bg {
+  position: absolute;
+  z-index: 0;
+  overflow: hidden;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+}
+.dark-ImageControl-addBtn-bg .dark-Image {
+  border: 0;
+}
 .dark-ImageControl-addBtn svg {
   top: 0;
   margin-bottom: var(--inputImage-base-default-icon-margin);
@@ -36353,9 +36472,9 @@ td.rdtQuarter.rdtDisabled:hover > span {
   border: var(--Form-select-outer-borderWidth) solid var(--Form-select-outer-borderColor);
 }
 .dark-TreeSelect {
+  outline: none;
   position: relative;
   max-width: 100%;
-  outline: none;
 }
 .dark-TreeSelect.is-inline {
   display: inline-block;
@@ -36866,9 +36985,9 @@ td.rdtQuarter.rdtDisabled:hover > span {
   vertical-align: middle;
 }
 .dark-Picker {
+  outline: none;
   position: relative;
   max-width: 100%;
-  outline: none;
   /* tag 样式 */
 }
 .dark-Picker.is-inline {
@@ -39238,7 +39357,6 @@ td.rdtQuarter.rdtDisabled:hover > span {
     overflow-wrap: break-word;
     margin-right: 0;
     margin-bottom: 0;
-    font-size: var(--fontSizeLg);
   }
   .dark-Form-item .dark-Form-label + .dark-Form-item-controlBox {
     max-width: 72%;
@@ -39250,11 +39368,8 @@ td.rdtQuarter.rdtDisabled:hover > span {
   .dark-Form-item .dark-Form-description {
     font-size: var(--fontSizeBase);
   }
-  .dark-Form-item .dark-TextControl-input {
-    font-size: var(--fontSizeLg);
-  }
   .dark-Form-item .dark-TextControl-input input {
-    height: calc(var(--Form-input-lineHeight) * var(--fontSizeLg));
+    height: calc(var(--Form-input-lineHeight) * var(--Form-item-fontSize));
   }
   .dark-Form-item .dark-NumberControl .dark-Number {
     min-width: 0;
@@ -39308,7 +39423,6 @@ td.rdtQuarter.rdtDisabled:hover > span {
   .dark-Form-item .dark-Form-control {
     flex: 1;
     flex-wrap: wrap;
-    font-size: var(--fontSizeLg);
     min-width: 0;
   }
   .dark-Form-item .dark-Form-value .dark-ColorPicker > input,
@@ -39405,6 +39519,9 @@ td.rdtQuarter.rdtDisabled:hover > span {
   }
   .dark-Form-item .dark-TextareaControl > textarea,
   .dark-Form-item .dark-Form-control > .dark-TextControl-input,
+  .dark-Form-item .dark-Number-input,
+  .dark-Form-item .dark-ResultBox,
+  .dark-Form-item .dark-DateControl > .dark-DatePicker,
   .dark-Form-item .dark-TextControl.is-focused > .dark-TextControl-input {
     border: none;
     padding: 0 var(--Form-input-paddingX) 0 0;
@@ -39415,6 +39532,15 @@ td.rdtQuarter.rdtDisabled:hover > span {
   .dark-Form-item .dark-Form-control > .dark-TextControl-input:hover,
   .dark-Form-item .dark-Form-control > .dark-TextControl-input:focus,
   .dark-Form-item .dark-Form-control > .dark-TextControl-input.active,
+  .dark-Form-item .dark-Number-input:hover,
+  .dark-Form-item .dark-Number-input:focus,
+  .dark-Form-item .dark-Number-input.active,
+  .dark-Form-item .dark-ResultBox:hover,
+  .dark-Form-item .dark-ResultBox:focus,
+  .dark-Form-item .dark-ResultBox.active,
+  .dark-Form-item .dark-DateControl > .dark-DatePicker:hover,
+  .dark-Form-item .dark-DateControl > .dark-DatePicker:focus,
+  .dark-Form-item .dark-DateControl > .dark-DatePicker.active,
   .dark-Form-item .dark-TextControl.is-focused > .dark-TextControl-input:hover,
   .dark-Form-item .dark-TextControl.is-focused > .dark-TextControl-input:focus,
   .dark-Form-item .dark-TextControl.is-focused > .dark-TextControl-input.active {
@@ -41506,6 +41632,12 @@ td.rdtQuarter.rdtDisabled:hover > span {
   line-height: var(--gap-lg);
   color: #999;
 }
+.dark-PullRefresh-footer {
+  text-align: center;
+  color: #999;
+  margin-bottom: 12px;
+  font-size: var(--fontSizeMd);
+}
 .dark-PullRefresh .loading-icon {
   animation: var(--Button-animation-spin);
   margin-right: var(--gap-xs);
@@ -42610,6 +42742,171 @@ td.rdtQuarter.rdtDisabled:hover > span {
   background: var(--Form-input-onDisabled-bg);
   border-color: var(--Form-input-onDisabled-borderColor);
 }
+.ae-MobileDevTool {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  font-size: 12px;
+  background-color: #fff;
+  z-index: 1001;
+  border-bottom: 1px solid #dee2e6;
+  height: 20px;
+}
+.ae-MobileDevTool-dimensions {
+  width: 40%;
+  display: flex;
+  justify-content: end;
+}
+.ae-MobileDevTool-select {
+  font-size: 12px;
+  padding: 0;
+  border: none !important;
+  min-height: initial;
+  margin-left: 10px;
+  vertical-align: initial;
+}
+.ae-MobileDevTool-select span {
+  font-size: 12px !important;
+}
+.ae-MobileDevTool-select .cxd-PopOver {
+  width: 180px !important;
+  z-index: 10000;
+}
+.ae-MobileDevTool-dimension span {
+  margin-right: 5px;
+  padding: 0 2px;
+}
+.ae-MobileDevTool-dimension-input {
+  width: 32px;
+  height: 16px;
+  border: none;
+  border-radius: 0.125rem;
+  padding: 0 2px;
+  font-size: 12px;
+  text-align: center;
+  margin-right: 5px;
+}
+.ae-MobileDevTool-dimension-input:focus, .ae-MobileDevTool-dimension-input:hover {
+  outline: none;
+  border: 1px solid #2468f2;
+}
+.ae-MobileDevTool-right {
+  width: 40%;
+  display: flex;
+  align-items: center;
+  position: relative;
+  height: 20px;
+}
+.ae-MobileDevTool-right-scale {
+  margin-right: 10px;
+  display: flex;
+  position: relative;
+}
+.ae-MobileDevTool-right-scale-auto-value {
+  position: absolute;
+  background-color: #fff;
+  width: 40px;
+  left: 10px;
+}
+.ae-MobileDevTool-right-scale-auto {
+  cursor: pointer;
+  margin-left: 10px;
+}
+.ae-MobileDevTool-right-scale-auto:hover {
+  color: #2468f2;
+}
+.ae-MobileDevTool-right-rotate-screen {
+  width: 16px;
+  height: 16px;
+  cursor: pointer;
+  position: absolute;
+  top: 1px;
+}
+.ae-MobileDevTool-right-rotate-screen:hover {
+  color: #2468f2;
+}
+.ae-PreviewIFrameBody * {
+  cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAFKADAAQAAAABAAAAFAAAAACy3fD9AAABQ0lEQVQ4EaWVsWrDMBCGI4mCMxRMxgxZvKTQyWvmDn0AQx/Aj+U38NbVXTMUitd4SrZAIARDZ+P+v/EZ46pJKgmEpP90n2Wf7qxmlpYkiQnDcN00zdoYs2zb9pHblFLf0I7QqrquqzzPm6m7mgppmj5Be0FfTG2T9QXrIsuy3Vg3o4UCjKBX9PlI/2vKPc9xHD+UZXmQTQOwh23E8I9x1UP39OmA/WvyZK6N0BNOejYMQBAEbyDd85rXHriMouhLM5rYdSsA10BiW5CleTVE8R3J0rxnviDxJ0vLpRXRZyRL+wBsvprpZDO4aGQxKEcXZ5sPWQxKZTO6aGRpVg04M9F924Us3ZegwpcG/4KsLpeZg0xwiCtH8BZl7JO+Q7VhCXKEEvYhBxmAFADds2pgyuy5VSz43d/lZJh37VfFpurzC/gBw0WEc6PyhBMAAAAASUVORK5CYII="), auto !important;
+}
+.ae-MobileDevTool-rightHandle {
+  cursor: ew-resize;
+  position: absolute;
+  right: -6px;
+  top: 40%;
+  width: 10px;
+  height: 22px;
+  z-index: 1000;
+  border: 1px solid #dee2e6;
+  background-color: #fff;
+  border-radius: 0.125rem;
+  color: #666;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.ae-MobileDevTool-rightHandle:hover {
+  color: #000;
+  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.08);
+}
+.ae-MobileDevTool-rightHandle::before {
+  content: "···";
+  display: block;
+  transform: rotate(90deg);
+}
+.ae-MobileDevTool-bottomHandle {
+  cursor: ns-resize;
+  position: absolute;
+  bottom: -6px;
+  left: calc(50% - 11px);
+  width: 22px;
+  height: 10px;
+  z-index: 1000;
+  border: 1px solid #dee2e6;
+  background-color: #fff;
+  border-radius: 0.125rem;
+  color: #666;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.ae-MobileDevTool-bottomHandle:hover {
+  color: #000;
+  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.08);
+}
+.ae-MobileDevTool-bottomHandle::before {
+  content: "···";
+  display: block;
+}
+.height-move::before {
+  content: "";
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 10000000;
+  cursor: ns-resize;
+}
+.height-move * {
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+}
+.width-move::before {
+  content: "";
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 10000000;
+  cursor: ew-resize;
+}
+.width-move * {
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+}
 :root,
 .AMISCSSWrapper {
   --loading-dark-bg-color: var(--colors-neutral-fill-2);