amis-ui 6.11.0-beta.3 → 6.11.0-beta.5

package/lib/themes/cxd.css

@@ -20749,6 +20749,38 @@ input[type=button].cxd-Button--block {
 .cxd-TplField.is-inline {
   display: inline;
 }
+.cxd-TplField table {
+  border: 0;
+  border-collapse: collapse;
+  empty-cells: show;
+  max-width: 100%;
+}
+.cxd-TplField table td {
+  min-width: 5px;
+}
+.cxd-TplField table td,
+.cxd-TplField table th {
+  border: 1px solid #ddd;
+}
+.cxd-TplField table td:empty,
+.cxd-TplField table th:empty {
+  height: 20px;
+}
+.cxd-TplField table th {
+  background: #ececec;
+}
+.cxd-TplField hr {
+  clear: both;
+  user-select: none;
+  -o-user-select: none;
+  -moz-user-select: none;
+  -khtml-user-select: none;
+  -webkit-user-select: none;
+  -ms-user-select: none;
+  -moz-column-break-after: always;
+  break-after: always;
+  page-break-after: always;
+}
 .max-line {
   overflow: hidden;
   text-overflow: ellipsis;
@@ -25239,6 +25271,9 @@ input[type=button].cxd-Button--block {
 }
 .cxd-Crud-selection-overflow-wrapper .cxd-Crud-valueLabel {
   padding: 0 var(--gap-xs);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
 .cxd-Crud-selectionLabel {
   display: inline-block;
@@ -25288,6 +25323,9 @@ input[type=button].cxd-Button--block {
 }
 .cxd-Crud .cxd-Crud-valueLabel {
   padding: 0 var(--gap-xs);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
 .cxd-Crud-selectionClear {
   display: inline-block;
@@ -26651,6 +26689,8 @@ input[type=button].cxd-Button--block {
 }
 .cxd-Table--autoFillHeight > .cxd-Table-contentWrap > .cxd-Table-content > table {
   border-top: none;
+}
+.cxd-Table--autoFillHeight > .cxd-Table-contentWrap > .cxd-Table-content > table.cxd-Table-table--tableFillHeight {
   min-height: 100%;
 }
 .cxd-Table--autoFillHeight > .cxd-Table-contentWrap > .cxd-Table-content table thead {
@@ -29054,7 +29094,7 @@ input[type=button].cxd-Button--block {
 .cxd-Field--quickEditable:focus {
   position: relative;
 }
-.cxd-Field--quickEditable:focus:after {
+.cxd-Field--quickEditable:focus:before {
   content: "";
   left: 0;
   top: 0;
@@ -29938,6 +29978,57 @@ input[type=button].cxd-Button--block {
   z-index: 100;
   text-align: center;
 }
+.cxd-Carousel-vertical.cxd-Carousel .cxd-Carousel-dotsControl {
+  right: 0;
+  bottom: auto;
+  height: 100%;
+  width: auto;
+  display: flex;
+  flex-direction: column;
+  top: 0;
+  justify-content: center;
+}
+.cxd-Carousel-vertical.cxd-Carousel .cxd-Carousel-leftArrow, .cxd-Carousel-vertical.cxd-Carousel .cxd-Carousel-rightArrow {
+  height: 10%;
+  width: 100%;
+  left: 0;
+  right: 0;
+  bottom: unset;
+}
+.cxd-Carousel-vertical.cxd-Carousel .cxd-Carousel-leftArrow {
+  top: 0;
+}
+.cxd-Carousel-vertical.cxd-Carousel .cxd-Carousel-leftArrow svg {
+  transform: translate(-50%, -50%) rotate(90deg);
+}
+.cxd-Carousel-vertical.cxd-Carousel .cxd-Carousel-rightArrow {
+  bottom: 0;
+  top: unset;
+}
+.cxd-Carousel-vertical.cxd-Carousel .cxd-Carousel-rightArrow svg {
+  transform: translate(-50%, -50%) rotate(90deg);
+}
+.cxd-Carousel-vertical.cxd-Carousel .cxd-Carousel-item.slide {
+  transform: translateY(100%);
+}
+.cxd-Carousel-vertical.cxd-Carousel .cxd-Carousel-item.slide.in {
+  transform: translateY(0);
+}
+.cxd-Carousel-vertical.cxd-Carousel .cxd-Carousel-item.slide.out {
+  transform: translateY(-100%);
+}
+.cxd-Carousel-vertical.cxd-Carousel .cxd-Carousel-item.slideRight {
+  transform: translateY(-100%);
+}
+.cxd-Carousel-vertical.cxd-Carousel .cxd-Carousel-item.slideRight.in {
+  transform: translateY(0);
+}
+.cxd-Carousel-vertical.cxd-Carousel .cxd-Carousel-item.slideRight.out {
+  transform: translateY(100%);
+}
+.cxd-Carousel img {
+  pointer-events: none;
+}
 @keyframes disappear {
   to {
     opacity: 0;
@@ -30268,7 +30359,7 @@ input[type=button].cxd-Button--block {
   padding: 5px 10px;
 }
 .cxd-Image--thumb .cxd-Image-info {
-  width: 6.875rem;
+  width: 100%;
   padding: 0;
 }
 .cxd-Image-thumb--4-3 {
@@ -34973,26 +35064,19 @@ input.cxd-TextControl-input-password {
   background: var(--select-base-default-option-bg-color);
   line-height: var(--select-base-default-option-line-height);
 }
-.cxd-Select-option-checkbox {
+.cxd-Select-option .cxd-Checkbox {
   width: 100%;
   display: flex;
-  text-overflow: ellipsis;
-  overflow: hidden;
-  white-space: nowrap;
   align-items: center;
-}
-.cxd-Select-option-checkbox > label {
-  width: 100%;
-  display: flex;
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
-  align-items: center;
+  margin: 0;
 }
-.cxd-Select-option-checkbox > label > i {
+.cxd-Select-option .cxd-Checkbox > i {
   flex-shrink: 0;
 }
-.cxd-Select-option-checkbox > label > span {
+.cxd-Select-option .cxd-Checkbox > span {
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
@@ -35001,6 +35085,12 @@ input.cxd-TextControl-input-password {
   font-weight: var(--select-base-default-option-fontWeight);
   color: var(--select-base-default-option-color);
 }
+.cxd-Select-option .cxd-Checkbox .cxd-TplField > span > p {
+  margin: 0;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+}
 .cxd-Select-option.is-active {
   color: var(--Form-select-menu-onActive-color);
   background: var(--Form-select-menu-onActive-bg);
@@ -39049,6 +39139,9 @@ td.rdtQuarter.rdtDisabled:hover > span {
 }
 .cxd-Picker .cxd-Picker-valueLabel {
   padding: 0 var(--gap-xs);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
 .cxd-Picker-btn {
   cursor: pointer;
@@ -39154,6 +39247,9 @@ td.rdtQuarter.rdtDisabled:hover > span {
 }
 .cxd-Picker-overflow-wrapper .cxd-Picker-valueLabel {
   padding: 0 var(--gap-xs);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
 .cxd-PickerControl.is-inline .cxd-Picker,
 .cxd-Form-item--inline .cxd-Picker {
@@ -41118,14 +41214,26 @@ td.rdtQuarter.rdtDisabled:hover > span {
 .cxd-Form--column-1 > .cxd-Form-item {
   width: 100%;
 }
+.cxd-Form--column-1 > [data-role*=container] {
+  flex: 100%;
+}
+.cxd-Form--column-1 > .cxd-Form-item:nth-last-child(-n+1) {
+  margin-bottom: 0;
+}
 .cxd-Form--column-2 > .cxd-Form-item {
   width: 50%;
 }
-.cxd-Form--column-2 > .cxd-Form-item:nth-last-child(2) {
+.cxd-Form--column-2 > [data-role*=container] {
+  flex: 100%;
+}
+.cxd-Form--column-2 > .cxd-Form-item:nth-last-child(-n+2) {
   margin-bottom: 0;
 }
 .cxd-Form--column-3 > .cxd-Form-item {
-  width: 33%;
+  width: 33.3333333333%;
+}
+.cxd-Form--column-3 > [data-role*=container] {
+  flex: 100%;
 }
 .cxd-Form--column-3 > .cxd-Form-item:nth-last-child(-n+3) {
   margin-bottom: 0;
@@ -41133,23 +41241,35 @@ td.rdtQuarter.rdtDisabled:hover > span {
 .cxd-Form--column-4 > .cxd-Form-item {
   width: 25%;
 }
+.cxd-Form--column-4 > [data-role*=container] {
+  flex: 100%;
+}
 .cxd-Form--column-4 > .cxd-Form-item:nth-last-child(-n+4) {
   margin-bottom: 0;
 }
 .cxd-Form--column-5 > .cxd-Form-item {
   width: 20%;
 }
+.cxd-Form--column-5 > [data-role*=container] {
+  flex: 100%;
+}
 .cxd-Form--column-5 > .cxd-Form-item:nth-last-child(-n+5) {
   margin-bottom: 0;
 }
 .cxd-Form--column-6 > .cxd-Form-item {
-  width: 16.6%;
+  width: 16.6666666667%;
+}
+.cxd-Form--column-6 > [data-role*=container] {
+  flex: 100%;
 }
 .cxd-Form--column-6 > .cxd-Form-item:nth-last-child(-n+6) {
   margin-bottom: 0;
 }
 .cxd-Form--column-7 > .cxd-Form-item {
-  width: 14.2%;
+  width: 14.2857142857%;
+}
+.cxd-Form--column-7 > [data-role*=container] {
+  flex: 100%;
 }
 .cxd-Form--column-7 > .cxd-Form-item:nth-last-child(-n+7) {
   margin-bottom: 0;
@@ -41157,18 +41277,27 @@ td.rdtQuarter.rdtDisabled:hover > span {
 .cxd-Form--column-8 > .cxd-Form-item {
   width: 12.5%;
 }
+.cxd-Form--column-8 > [data-role*=container] {
+  flex: 100%;
+}
 .cxd-Form--column-8 > .cxd-Form-item:nth-last-child(-n+8) {
   margin-bottom: 0;
 }
-.cxd-Form-column-9 > .cxd-Form-item {
-  width: 11.1%;
+.cxd-Form--column-9 > .cxd-Form-item {
+  width: 11.1111111111%;
+}
+.cxd-Form--column-9 > [data-role*=container] {
+  flex: 100%;
 }
 .cxd-Form--column-9 > .cxd-Form-item:nth-last-child(-n+9) {
   margin-bottom: 0;
 }
-.cxd-Form-column-10 > .cxd-Form-item {
+.cxd-Form--column-10 > .cxd-Form-item {
   width: 10%;
 }
+.cxd-Form--column-10 > [data-role*=container] {
+  flex: 100%;
+}
 .cxd-Form--column-10 > .cxd-Form-item:nth-last-child(-n+10) {
   margin-bottom: 0;
 }

package/lib/themes/cxd.js

@@ -1,6 +1,6 @@
 /**
- * amis-ui v6.11.0-beta.3
- * Copyright 2018-2024 fex
+ * amis-ui v6.11.0-beta.5
+ * Copyright 2018-2025 fex
  */
 
 'use strict';

package/lib/themes/dark.css

@@ -20751,6 +20751,38 @@ input[type=button].dark-Button--block {
 .dark-TplField.is-inline {
   display: inline;
 }
+.dark-TplField table {
+  border: 0;
+  border-collapse: collapse;
+  empty-cells: show;
+  max-width: 100%;
+}
+.dark-TplField table td {
+  min-width: 5px;
+}
+.dark-TplField table td,
+.dark-TplField table th {
+  border: 1px solid #ddd;
+}
+.dark-TplField table td:empty,
+.dark-TplField table th:empty {
+  height: 20px;
+}
+.dark-TplField table th {
+  background: #ececec;
+}
+.dark-TplField hr {
+  clear: both;
+  user-select: none;
+  -o-user-select: none;
+  -moz-user-select: none;
+  -khtml-user-select: none;
+  -webkit-user-select: none;
+  -ms-user-select: none;
+  -moz-column-break-after: always;
+  break-after: always;
+  page-break-after: always;
+}
 .max-line {
   overflow: hidden;
   text-overflow: ellipsis;
@@ -25241,6 +25273,9 @@ input[type=button].dark-Button--block {
 }
 .dark-Crud-selection-overflow-wrapper .dark-Crud-valueLabel {
   padding: 0 var(--gap-xs);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
 .dark-Crud-selectionLabel {
   display: inline-block;
@@ -25290,6 +25325,9 @@ input[type=button].dark-Button--block {
 }
 .dark-Crud .dark-Crud-valueLabel {
   padding: 0 var(--gap-xs);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
 .dark-Crud-selectionClear {
   display: inline-block;
@@ -26653,6 +26691,8 @@ input[type=button].dark-Button--block {
 }
 .dark-Table--autoFillHeight > .dark-Table-contentWrap > .dark-Table-content > table {
   border-top: none;
+}
+.dark-Table--autoFillHeight > .dark-Table-contentWrap > .dark-Table-content > table.dark-Table-table--tableFillHeight {
   min-height: 100%;
 }
 .dark-Table--autoFillHeight > .dark-Table-contentWrap > .dark-Table-content table thead {
@@ -29056,7 +29096,7 @@ input[type=button].dark-Button--block {
 .dark-Field--quickEditable:focus {
   position: relative;
 }
-.dark-Field--quickEditable:focus:after {
+.dark-Field--quickEditable:focus:before {
   content: "";
   left: 0;
   top: 0;
@@ -29940,6 +29980,57 @@ input[type=button].dark-Button--block {
   z-index: 100;
   text-align: center;
 }
+.dark-Carousel-vertical.dark-Carousel .dark-Carousel-dotsControl {
+  right: 0;
+  bottom: auto;
+  height: 100%;
+  width: auto;
+  display: flex;
+  flex-direction: column;
+  top: 0;
+  justify-content: center;
+}
+.dark-Carousel-vertical.dark-Carousel .dark-Carousel-leftArrow, .dark-Carousel-vertical.dark-Carousel .dark-Carousel-rightArrow {
+  height: 10%;
+  width: 100%;
+  left: 0;
+  right: 0;
+  bottom: unset;
+}
+.dark-Carousel-vertical.dark-Carousel .dark-Carousel-leftArrow {
+  top: 0;
+}
+.dark-Carousel-vertical.dark-Carousel .dark-Carousel-leftArrow svg {
+  transform: translate(-50%, -50%) rotate(90deg);
+}
+.dark-Carousel-vertical.dark-Carousel .dark-Carousel-rightArrow {
+  bottom: 0;
+  top: unset;
+}
+.dark-Carousel-vertical.dark-Carousel .dark-Carousel-rightArrow svg {
+  transform: translate(-50%, -50%) rotate(90deg);
+}
+.dark-Carousel-vertical.dark-Carousel .dark-Carousel-item.slide {
+  transform: translateY(100%);
+}
+.dark-Carousel-vertical.dark-Carousel .dark-Carousel-item.slide.in {
+  transform: translateY(0);
+}
+.dark-Carousel-vertical.dark-Carousel .dark-Carousel-item.slide.out {
+  transform: translateY(-100%);
+}
+.dark-Carousel-vertical.dark-Carousel .dark-Carousel-item.slideRight {
+  transform: translateY(-100%);
+}
+.dark-Carousel-vertical.dark-Carousel .dark-Carousel-item.slideRight.in {
+  transform: translateY(0);
+}
+.dark-Carousel-vertical.dark-Carousel .dark-Carousel-item.slideRight.out {
+  transform: translateY(100%);
+}
+.dark-Carousel img {
+  pointer-events: none;
+}
 @keyframes disappear {
   to {
     opacity: 0;
@@ -30270,7 +30361,7 @@ input[type=button].dark-Button--block {
   padding: 5px 10px;
 }
 .dark-Image--thumb .dark-Image-info {
-  width: 6.875rem;
+  width: 100%;
   padding: 0;
 }
 .dark-Image-thumb--4-3 {
@@ -34975,26 +35066,19 @@ input.dark-TextControl-input-password {
   background: var(--select-base-default-option-bg-color);
   line-height: var(--select-base-default-option-line-height);
 }
-.dark-Select-option-checkbox {
+.dark-Select-option .dark-Checkbox {
   width: 100%;
   display: flex;
-  text-overflow: ellipsis;
-  overflow: hidden;
-  white-space: nowrap;
   align-items: center;
-}
-.dark-Select-option-checkbox > label {
-  width: 100%;
-  display: flex;
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
-  align-items: center;
+  margin: 0;
 }
-.dark-Select-option-checkbox > label > i {
+.dark-Select-option .dark-Checkbox > i {
   flex-shrink: 0;
 }
-.dark-Select-option-checkbox > label > span {
+.dark-Select-option .dark-Checkbox > span {
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
@@ -35003,6 +35087,12 @@ input.dark-TextControl-input-password {
   font-weight: var(--select-base-default-option-fontWeight);
   color: var(--select-base-default-option-color);
 }
+.dark-Select-option .dark-Checkbox .dark-TplField > span > p {
+  margin: 0;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+}
 .dark-Select-option.is-active {
   color: var(--Form-select-menu-onActive-color);
   background: var(--Form-select-menu-onActive-bg);
@@ -39051,6 +39141,9 @@ td.rdtQuarter.rdtDisabled:hover > span {
 }
 .dark-Picker .dark-Picker-valueLabel {
   padding: 0 var(--gap-xs);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
 .dark-Picker-btn {
   cursor: pointer;
@@ -39156,6 +39249,9 @@ td.rdtQuarter.rdtDisabled:hover > span {
 }
 .dark-Picker-overflow-wrapper .dark-Picker-valueLabel {
   padding: 0 var(--gap-xs);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
 .dark-PickerControl.is-inline .dark-Picker,
 .dark-Form-item--inline .dark-Picker {
@@ -41120,14 +41216,26 @@ td.rdtQuarter.rdtDisabled:hover > span {
 .dark-Form--column-1 > .dark-Form-item {
   width: 100%;
 }
+.dark-Form--column-1 > [data-role*=container] {
+  flex: 100%;
+}
+.dark-Form--column-1 > .dark-Form-item:nth-last-child(-n+1) {
+  margin-bottom: 0;
+}
 .dark-Form--column-2 > .dark-Form-item {
   width: 50%;
 }
-.dark-Form--column-2 > .dark-Form-item:nth-last-child(2) {
+.dark-Form--column-2 > [data-role*=container] {
+  flex: 100%;
+}
+.dark-Form--column-2 > .dark-Form-item:nth-last-child(-n+2) {
   margin-bottom: 0;
 }
 .dark-Form--column-3 > .dark-Form-item {
-  width: 33%;
+  width: 33.3333333333%;
+}
+.dark-Form--column-3 > [data-role*=container] {
+  flex: 100%;
 }
 .dark-Form--column-3 > .dark-Form-item:nth-last-child(-n+3) {
   margin-bottom: 0;
@@ -41135,23 +41243,35 @@ td.rdtQuarter.rdtDisabled:hover > span {
 .dark-Form--column-4 > .dark-Form-item {
   width: 25%;
 }
+.dark-Form--column-4 > [data-role*=container] {
+  flex: 100%;
+}
 .dark-Form--column-4 > .dark-Form-item:nth-last-child(-n+4) {
   margin-bottom: 0;
 }
 .dark-Form--column-5 > .dark-Form-item {
   width: 20%;
 }
+.dark-Form--column-5 > [data-role*=container] {
+  flex: 100%;
+}
 .dark-Form--column-5 > .dark-Form-item:nth-last-child(-n+5) {
   margin-bottom: 0;
 }
 .dark-Form--column-6 > .dark-Form-item {
-  width: 16.6%;
+  width: 16.6666666667%;
+}
+.dark-Form--column-6 > [data-role*=container] {
+  flex: 100%;
 }
 .dark-Form--column-6 > .dark-Form-item:nth-last-child(-n+6) {
   margin-bottom: 0;
 }
 .dark-Form--column-7 > .dark-Form-item {
-  width: 14.2%;
+  width: 14.2857142857%;
+}
+.dark-Form--column-7 > [data-role*=container] {
+  flex: 100%;
 }
 .dark-Form--column-7 > .dark-Form-item:nth-last-child(-n+7) {
   margin-bottom: 0;
@@ -41159,18 +41279,27 @@ td.rdtQuarter.rdtDisabled:hover > span {
 .dark-Form--column-8 > .dark-Form-item {
   width: 12.5%;
 }
+.dark-Form--column-8 > [data-role*=container] {
+  flex: 100%;
+}
 .dark-Form--column-8 > .dark-Form-item:nth-last-child(-n+8) {
   margin-bottom: 0;
 }
-.dark-Form-column-9 > .dark-Form-item {
-  width: 11.1%;
+.dark-Form--column-9 > .dark-Form-item {
+  width: 11.1111111111%;
+}
+.dark-Form--column-9 > [data-role*=container] {
+  flex: 100%;
 }
 .dark-Form--column-9 > .dark-Form-item:nth-last-child(-n+9) {
   margin-bottom: 0;
 }
-.dark-Form-column-10 > .dark-Form-item {
+.dark-Form--column-10 > .dark-Form-item {
   width: 10%;
 }
+.dark-Form--column-10 > [data-role*=container] {
+  flex: 100%;
+}
 .dark-Form--column-10 > .dark-Form-item:nth-last-child(-n+10) {
   margin-bottom: 0;
 }

package/lib/themes/dark.js

@@ -1,6 +1,6 @@
 /**
- * amis-ui v6.11.0-beta.3
- * Copyright 2018-2024 fex
+ * amis-ui v6.11.0-beta.5
+ * Copyright 2018-2025 fex
  */
 
 'use strict';