amis 1.10.1-beta.0 → 1.10.2

package/sdk/cxd.css

@@ -33928,6 +33928,17 @@ readers do not read off random characters that represent icons */
   user-select: none;
 }
 
+.amis-scope .cxd-CBPicker-trigger {
+  cursor: pointer;
+  transition: transform var(--animation-duration) ease-out;
+  display: flex;
+  color: var(--Form-select-caret-iconColor);
+}
+
+.amis-scope .cxd-CBPicker-trigger:hover {
+  color: var(--primary);
+}
+
 @keyframes contextMenuInSpecial {
   from {
     transform: scale3d(1, 1, 1);
@@ -34447,7 +34458,6 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Crud-toolbar-item {
-  margin-left: var(--Crud-toolbar-gap);
   margin-top: var(--Crud-toolbar-gap);
   line-height: var(--Crud-toolbar-lineHeight);
   height: var(--Crud-toolbar-height);
@@ -34456,6 +34466,10 @@ readers do not read off random characters that represent icons */
   align-items: center;
 }
 
+.amis-scope .cxd-Crud-toolbar-item:not(:first-child) {
+  margin-left: var(--Crud-toolbar-gap);
+}
+
 .amis-scope .cxd-Crud-toolbar-item--left {
   float: left;
 }
@@ -34495,7 +34509,6 @@ readers do not read off random characters that represent icons */
 
 @media (min-width: 576px) {
   .amis-scope .cxd-Crud-toolbar {
-    margin-left: calc(var(--Crud-toolbar-gap) * -1);
     margin-top: calc(var(--Crud-toolbar-gap) * -1);
     flex-basis: 0;
     flex-grow: 1;
@@ -34512,12 +34525,163 @@ readers do not read off random characters that represent icons */
   }
 
   .amis-scope .cxd-Crud-toolbar-item {
+    line-height: var(--Crud-toolbar-lineHeight);
+    height: var(--Crud-toolbar-height);
+    vertical-align: middle;
+  }
+
+  .amis-scope .cxd-Crud-toolbar-item:not(:first-child) {
     margin-left: var(--Crud-toolbar-gap);
+  }
+
+  .amis-scope .cxd-Crud-toolbar-item--left {
+    float: left;
+  }
+
+  .amis-scope .cxd-Crud-toolbar-item--right {
+    float: right;
+  }
+
+  .amis-scope .cxd-Crud-actions > * + .cxd-Button,
+  .amis-scope .cxd-Crud-actions > * + .cxd-Button--disabled-wrap {
+    margin-left: var(--Crud-toolbar-gap);
+  }
+}
+
+.amis-scope .cxd-Crud2 {
+  position: relative;
+}
+
+.amis-scope .cxd-Crud2-selection,
+.amis-scope .cxd-Crud2-toolbar,
+.amis-scope .cxd-Crud2-body {
+  margin-bottom: var(--gap-base);
+}
+
+.amis-scope .cxd-Crud2-selectionLabel {
+  display: inline-block;
+  vertical-align: top;
+  margin-top: var(--gap-xs);
+}
+
+.amis-scope .cxd-Crud2-value {
+  cursor: pointer;
+  vertical-align: middle;
+  user-select: none;
+  line-height: calc( var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem );
+  display: inline-block;
+  font-size: var(--Form-selectValue-fontSize);
+  color: var(--Form-selectValue-color);
+  background: var(--Form-selectValue-bg);
+  border: 0.0625rem solid var(--Form-selectValue-borderColor);
+  border-radius: 2px;
+  margin-right: var(--gap-xs);
+  margin-top: var(--gap-xs);
+}
+
+.amis-scope .cxd-Crud2-value:hover {
+  background: var(--Form-selectValue-onHover-bg);
+}
+
+.amis-scope .cxd-Crud2-value.is-disabled {
+  pointer-events: none;
+  opacity: var(--Button-onDisabled-opacity);
+}
+
+.amis-scope .cxd-Crud2-valueIcon {
+  cursor: pointer;
+  border-right: 0.0625rem solid var(--Form-selectValue-borderColor);
+  padding: 1px 5px;
+}
+
+.amis-scope .cxd-Crud2-valueIcon:hover {
+  background: var(--Form-selectValue-onHover-bg);
+}
+
+.amis-scope .cxd-Crud2-valueLabel {
+  padding: 0 var(--gap-xs);
+}
+
+.amis-scope .cxd-Crud2-selectionClear {
+  display: inline-block;
+  cursor: pointer;
+  user-select: none;
+  margin-left: var(--gap-xs);
+  margin-top: var(--gap-xs);
+  vertical-align: middle;
+}
+
+.amis-scope .cxd-Crud2-toolbar-item {
+  margin-top: var(--Crud-toolbar-gap);
+  line-height: var(--Crud-toolbar-lineHeight);
+  height: var(--Crud-toolbar-height);
+  vertical-align: middle;
+  display: inline-flex;
+  align-items: center;
+}
+
+.amis-scope .cxd-Crud2-toolbar-item:not(:first-child) {
+  margin-left: var(--Crud-toolbar-gap);
+}
+
+.amis-scope .cxd-Crud2-toolbar-item--left {
+  float: left;
+}
+
+.amis-scope .cxd-Crud2-toolbar-item--right {
+  float: right;
+}
+
+.amis-scope .cxd-Crud2-actions > * + .cxd-Button,
+.amis-scope .cxd-Crud2-actions > * + .cxd-ButtonGroup,
+.amis-scope .cxd-Crud2-actions > * + .cxd-ButtonToolbar {
+  margin-left: var(--Crud-toolbar-gap);
+}
+
+.amis-scope .cxd-Crud2-statistics {
+  line-height: var(--Crud-toolbar-height);
+  vertical-align: middle;
+}
+
+.amis-scope .cxd-Crud2-pageSwitch .cxd-Select {
+  margin-left: var(--Crud-toolbar-gap);
+}
+
+.amis-scope .cxd-Crud2-pager {
+  align-self: flex-start;
+}
+
+.amis-scope .cxd-Crud2-filter {
+  margin-bottom: var(--gap-base);
+}
+
+@media (min-width: 576px) {
+  .amis-scope .cxd-Crud-toolbar {
+    margin-top: calc(var(--Crud-toolbar-gap) * -1);
+    flex-basis: 0;
+    flex-grow: 1;
+  }
+
+  .amis-scope .cxd-Crud-toolbar::before,
+  .amis-scope .cxd-Crud-toolbar::after {
+    display: table;
+    content: "";
+  }
+
+  .amis-scope .cxd-Crud-toolbar::after {
+    clear: both;
+  }
+
+  .amis-scope .cxd-Crud-toolbar-item {
     line-height: var(--Crud-toolbar-lineHeight);
     height: var(--Crud-toolbar-height);
     vertical-align: middle;
   }
 
+  .amis-scope .cxd-Crud-toolbar-item:not(:first-child) {
+    margin-left: var(--Crud-toolbar-gap);
+  }
+
   .amis-scope .cxd-Crud-toolbar-item--left {
     float: left;
   }
@@ -37523,7 +37687,7 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .cxd-Table-v2.cxd-Table-resizable .cxd-Table-table > thead > tr > th .cxd-Table-thead-resizable {
   position: absolute;
-  width: 1px;
+  width: 3px;
   right: 0;
   top: 0;
   bottom: 0;
@@ -37587,8 +37751,6 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .cxd-Table-v2 .cxd-TableCell-searchBtn {
   cursor: pointer;
-  position: static;
-  transform: translateY(-50%);
   color: var(--text--muted-color);
   margin-left: var(--TableCell-icon-gap);
 }
@@ -40157,7 +40319,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-InputBox input {
-  flex-basis: 5rem;
+  flex-basis: 1.875rem;
   flex-grow: 1;
   outline: none;
   background: transparent;
@@ -40535,7 +40697,7 @@ readers do not read off random characters that represent icons */
   font-size: var(--Form-input-fontSize);
   flex-wrap: wrap;
   justify-content: flex-start;
-  flex-wrap: wrap;
+  flex-wrap: nowrap;
   padding: 0 0.3125rem;
   min-height: var(--Form-input-height);
   align-items: center;
@@ -40544,7 +40706,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-ResultBox input {
-  flex-basis: 5rem;
+  flex-basis: 1.875rem;
   flex-grow: 1;
   outline: none;
   background: transparent;
@@ -40573,10 +40735,6 @@ readers do not read off random characters that represent icons */
   border-color: transparent !important;
 }
 
-.amis-scope .cxd-ResultBox.is-clearable {
-  padding-right: 3.4375rem;
-}
-
 .amis-scope .cxd-ResultBox.is-error {
   border-color: var(--Form-input-onError-borderColor);
   background: var(--Form-input-onError-bg);
@@ -40625,7 +40783,30 @@ readers do not read off random characters that represent icons */
   padding-left: var(--gap-base);
 }
 
+.amis-scope .cxd-ResultBox-value-wrap {
+  flex-grow: 1;
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+}
+
+.amis-scope .cxd-ResultBox-actions {
+  display: flex;
+  align-items: center;
+  flex-shrink: 0;
+}
+
+.amis-scope .cxd-ResultBox-actions > *:first-child {
+  margin-left: 0.3125rem;
+}
+
+.amis-scope .cxd-ResultBox-actions > *:not(:last-child) {
+  margin-right: 0.3125rem;
+}
+
 .amis-scope .cxd-ResultBox-singleValue {
+  padding: 0 calc(var(--Form-input-paddingX) - 0.1875rem);
+  flex-grow: 1;
   display: inline-block;
   max-width: 100%;
   overflow: hidden;
@@ -40663,10 +40844,7 @@ readers do not read off random characters that represent icons */
   margin-left: auto;
   text-decoration: none;
   height: 100%;
-  padding: 0.25rem;
   margin: auto 0;
-  position: absolute;
-  right: 10px;
   background-color: unset;
 }
 
@@ -40757,6 +40935,7 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .cxd-ResultBox-placeholder {
   color: var(--Form-input-placeholderColor);
+  flex-grow: 1;
   user-select: none;
 }
 
@@ -42243,7 +42422,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-TextControl-input input {
-  flex-basis: 5rem;
+  flex-basis: 1.875rem;
   flex-grow: 1;
   outline: none;
   background: transparent;
@@ -42625,7 +42804,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-TextareaControl-input input {
-  flex-basis: 5rem;
+  flex-basis: 1.875rem;
   flex-grow: 1;
   outline: none;
   background: transparent;
@@ -44146,6 +44325,10 @@ readers do not read off random characters that represent icons */
   box-shadow: var(--Form-select-onFocus-boxShadow);
 }
 
+.amis-scope .cxd-Select .cxd-PopOver.cxd-Select-popover .cxd-Select-menu {
+  overflow-x: hidden;
+}
+
 .amis-scope .cxd-Select .cxd-PopOver.cxd-Select-popover .cxd-Select-menu .cxd-Select-option {
   height: 2rem;
   line-height: 1.375rem;
@@ -47420,7 +47603,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-TreeSelect-input input {
-  flex-basis: 5rem;
+  flex-basis: 1.875rem;
   flex-grow: 1;
   outline: none;
   background: transparent;
@@ -48036,7 +48219,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Picker-input input {
-  flex-basis: 5rem;
+  flex-basis: 1.875rem;
   flex-grow: 1;
   outline: none;
   background: transparent;
@@ -49013,7 +49196,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-IconPickerControl-input input {
-  flex-basis: 5rem;
+  flex-basis: 1.875rem;
   flex-grow: 1;
   outline: none;
   background: transparent;

package/sdk/dark-ie11.css

@@ -31936,6 +31936,17 @@ readers do not read off random characters that represent icons */
   user-select: none;
 }
 
+.amis-scope .dark-CBPicker-trigger {
+  cursor: pointer;
+  transition: transform 0s ease-out;
+  display: flex;
+  color: #4b5563;
+}
+
+.amis-scope .dark-CBPicker-trigger:hover {
+  color: #0983ff;
+}
+
 @keyframes contextMenuInSpecial {
   from {
     transform: scale3d(1, 1, 1);
@@ -32455,7 +32466,6 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .dark-Crud-toolbar-item {
-  margin-left: 0.25rem;
   margin-top: 0.25rem;
   line-height: 1.5;
   height: 1.875rem;
@@ -32464,6 +32474,10 @@ readers do not read off random characters that represent icons */
   align-items: center;
 }
 
+.amis-scope .dark-Crud-toolbar-item:not(:first-child) {
+  margin-left: 0.25rem;
+}
+
 .amis-scope .dark-Crud-toolbar-item--left {
   float: left;
 }
@@ -32503,7 +32517,6 @@ readers do not read off random characters that represent icons */
 
 @media (min-width: 576px) {
   .amis-scope .dark-Crud-toolbar {
-    margin-left: calc(0.25rem * -1);
     margin-top: calc(0.25rem * -1);
     flex-basis: 0;
     flex-grow: 1;
@@ -32520,12 +32533,163 @@ readers do not read off random characters that represent icons */
   }
 
   .amis-scope .dark-Crud-toolbar-item {
+    line-height: 1.5;
+    height: 1.875rem;
+    vertical-align: middle;
+  }
+
+  .amis-scope .dark-Crud-toolbar-item:not(:first-child) {
+    margin-left: 0.25rem;
+  }
+
+  .amis-scope .dark-Crud-toolbar-item--left {
+    float: left;
+  }
+
+  .amis-scope .dark-Crud-toolbar-item--right {
+    float: right;
+  }
+
+  .amis-scope .dark-Crud-actions > * + .dark-Button,
+  .amis-scope .dark-Crud-actions > * + .dark-Button--disabled-wrap {
     margin-left: 0.25rem;
+  }
+}
+
+.amis-scope .dark-Crud2 {
+  position: relative;
+}
+
+.amis-scope .dark-Crud2-selection,
+.amis-scope .dark-Crud2-toolbar,
+.amis-scope .dark-Crud2-body {
+  margin-bottom: 0.75rem;
+}
+
+.amis-scope .dark-Crud2-selectionLabel {
+  display: inline-block;
+  vertical-align: top;
+  margin-top: 0.25rem;
+}
+
+.amis-scope .dark-Crud2-value {
+  cursor: pointer;
+  vertical-align: middle;
+  user-select: none;
+  line-height: calc( 1.4285714286 * 0.875rem - 0.125rem );
+  display: inline-block;
+  font-size: 0.75rem;
+  color: #f3f1f1;
+  background: #302d2a;
+  border: 0.0625rem solid #b2dbfc;
+  border-radius: 2px;
+  margin-right: 0.25rem;
+  margin-top: 0.25rem;
+}
+
+.amis-scope .dark-Crud2-value:hover {
+  background: #cbe7fd;
+}
+
+.amis-scope .dark-Crud2-value.is-disabled {
+  pointer-events: none;
+  opacity: 0.65;
+}
+
+.amis-scope .dark-Crud2-valueIcon {
+  cursor: pointer;
+  border-right: 0.0625rem solid #b2dbfc;
+  padding: 1px 5px;
+}
+
+.amis-scope .dark-Crud2-valueIcon:hover {
+  background: #cbe7fd;
+}
+
+.amis-scope .dark-Crud2-valueLabel {
+  padding: 0 0.25rem;
+}
+
+.amis-scope .dark-Crud2-selectionClear {
+  display: inline-block;
+  cursor: pointer;
+  user-select: none;
+  margin-left: 0.25rem;
+  margin-top: 0.25rem;
+  vertical-align: middle;
+}
+
+.amis-scope .dark-Crud2-toolbar-item {
+  margin-top: 0.25rem;
+  line-height: 1.5;
+  height: 1.875rem;
+  vertical-align: middle;
+  display: inline-flex;
+  align-items: center;
+}
+
+.amis-scope .dark-Crud2-toolbar-item:not(:first-child) {
+  margin-left: 0.25rem;
+}
+
+.amis-scope .dark-Crud2-toolbar-item--left {
+  float: left;
+}
+
+.amis-scope .dark-Crud2-toolbar-item--right {
+  float: right;
+}
+
+.amis-scope .dark-Crud2-actions > * + .dark-Button,
+.amis-scope .dark-Crud2-actions > * + .dark-ButtonGroup,
+.amis-scope .dark-Crud2-actions > * + .dark-ButtonToolbar {
+  margin-left: 0.25rem;
+}
+
+.amis-scope .dark-Crud2-statistics {
+  line-height: 1.875rem;
+  vertical-align: middle;
+}
+
+.amis-scope .dark-Crud2-pageSwitch .dark-Select {
+  margin-left: 0.25rem;
+}
+
+.amis-scope .dark-Crud2-pager {
+  align-self: flex-start;
+}
+
+.amis-scope .dark-Crud2-filter {
+  margin-bottom: 0.75rem;
+}
+
+@media (min-width: 576px) {
+  .amis-scope .dark-Crud-toolbar {
+    margin-top: calc(0.25rem * -1);
+    flex-basis: 0;
+    flex-grow: 1;
+  }
+
+  .amis-scope .dark-Crud-toolbar::before,
+  .amis-scope .dark-Crud-toolbar::after {
+    display: table;
+    content: "";
+  }
+
+  .amis-scope .dark-Crud-toolbar::after {
+    clear: both;
+  }
+
+  .amis-scope .dark-Crud-toolbar-item {
     line-height: 1.5;
     height: 1.875rem;
     vertical-align: middle;
   }
 
+  .amis-scope .dark-Crud-toolbar-item:not(:first-child) {
+    margin-left: 0.25rem;
+  }
+
   .amis-scope .dark-Crud-toolbar-item--left {
     float: left;
   }
@@ -35588,7 +35752,7 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .dark-Table-v2.dark-Table-resizable .dark-Table-table > thead > tr > th .dark-Table-thead-resizable {
   position: absolute;
-  width: 1px;
+  width: 3px;
   right: 0;
   top: 0;
   bottom: 0;
@@ -35652,8 +35816,6 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .dark-Table-v2 .dark-TableCell-searchBtn {
   cursor: pointer;
-  position: static;
-  transform: translateY(-50%);
   color: white;
   margin-left: 0.5rem;
 }
@@ -38230,7 +38392,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .dark-InputBox input {
-  flex-basis: 5rem;
+  flex-basis: 1.875rem;
   flex-grow: 1;
   outline: none;
   background: transparent;
@@ -38618,7 +38780,7 @@ readers do not read off random characters that represent icons */
   font-size: 0.875rem;
   flex-wrap: wrap;
   justify-content: flex-start;
-  flex-wrap: wrap;
+  flex-wrap: nowrap;
   padding: 0 0.3125rem;
   min-height: 1.875rem;
   align-items: center;
@@ -38627,7 +38789,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .dark-ResultBox input {
-  flex-basis: 5rem;
+  flex-basis: 1.875rem;
   flex-grow: 1;
   outline: none;
   background: transparent;
@@ -38656,10 +38818,6 @@ readers do not read off random characters that represent icons */
   border-color: transparent !important;
 }
 
-.amis-scope .dark-ResultBox.is-clearable {
-  padding-right: 3.4375rem;
-}
-
 .amis-scope .dark-ResultBox.is-error {
   border-color: #dc3545;
   background: #3c3c3c;
@@ -38708,7 +38866,30 @@ readers do not read off random characters that represent icons */
   padding-left: 0.75rem;
 }
 
+.amis-scope .dark-ResultBox-value-wrap {
+  flex-grow: 1;
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+}
+
+.amis-scope .dark-ResultBox-actions {
+  display: flex;
+  align-items: center;
+  flex-shrink: 0;
+}
+
+.amis-scope .dark-ResultBox-actions > *:first-child {
+  margin-left: 0.3125rem;
+}
+
+.amis-scope .dark-ResultBox-actions > *:not(:last-child) {
+  margin-right: 0.3125rem;
+}
+
 .amis-scope .dark-ResultBox-singleValue {
+  padding: 0 calc(0.5rem - 0.1875rem);
+  flex-grow: 1;
   display: inline-block;
   max-width: 100%;
   overflow: hidden;
@@ -38746,10 +38927,7 @@ readers do not read off random characters that represent icons */
   margin-left: auto;
   text-decoration: none;
   height: 100%;
-  padding: 0.25rem;
   margin: auto 0;
-  position: absolute;
-  right: 10px;
   background-color: unset;
 }
 
@@ -38840,6 +39018,7 @@ readers do not read off random characters that represent icons */
 
 .amis-scope .dark-ResultBox-placeholder {
   color: white;
+  flex-grow: 1;
   user-select: none;
 }
 
@@ -40342,7 +40521,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .dark-TextControl-input input {
-  flex-basis: 5rem;
+  flex-basis: 1.875rem;
   flex-grow: 1;
   outline: none;
   background: transparent;
@@ -40739,7 +40918,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .dark-TextareaControl-input input {
-  flex-basis: 5rem;
+  flex-basis: 1.875rem;
   flex-grow: 1;
   outline: none;
   background: transparent;
@@ -42290,6 +42469,10 @@ readers do not read off random characters that represent icons */
   box-shadow: none;
 }
 
+.amis-scope .dark-Select .dark-PopOver.dark-Select-popover .dark-Select-menu {
+  overflow-x: hidden;
+}
+
 .amis-scope .dark-Select .dark-PopOver.dark-Select-popover .dark-Select-menu .dark-Select-option {
   height: 2rem;
   line-height: 1.375rem;
@@ -45624,7 +45807,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .dark-TreeSelect-input input {
-  flex-basis: 5rem;
+  flex-basis: 1.875rem;
   flex-grow: 1;
   outline: none;
   background: transparent;
@@ -46272,7 +46455,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .dark-Picker-input input {
-  flex-basis: 5rem;
+  flex-basis: 1.875rem;
   flex-grow: 1;
   outline: none;
   background: transparent;
@@ -47262,7 +47445,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .dark-IconPickerControl-input input {
-  flex-basis: 5rem;
+  flex-basis: 1.875rem;
   flex-grow: 1;
   outline: none;
   background: transparent;