amis-ui 6.11.0-beta.4 → 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;
@@ -29940,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;
@@ -34975,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;
@@ -35003,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);
@@ -39051,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;
@@ -39156,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 {
@@ -41120,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;
@@ -41135,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;
@@ -41159,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,5 +1,5 @@
 /**
- * amis-ui v6.11.0-beta.4
+ * amis-ui v6.11.0-beta.5
  * Copyright 2018-2025 fex
  */
 

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;
@@ -29942,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;
@@ -34977,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;
@@ -35005,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);
@@ -39053,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;
@@ -39158,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 {
@@ -41122,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;
@@ -41137,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;
@@ -41161,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,5 +1,5 @@
 /**
- * amis-ui v6.11.0-beta.4
+ * amis-ui v6.11.0-beta.5
  * Copyright 2018-2025 fex
  */