@sdata/web-vue 3.30.0 → 4.1.0

package/dist/sd.css

@@ -3408,11 +3408,11 @@ body {
 }
 
 .sd-upload {
-  display: block;
+  display: inline-block;
   max-width: 100%;
   cursor: pointer;
 }
-.sd-upload .sd-upload.sd-upload-draggable {
+.sd-upload.sd-upload-draggable {
   width: 100%;
 }
 .sd-upload-tip {
@@ -3490,7 +3490,7 @@ body {
 .sd-upload-wrapper {
   width: 100%;
 }
-.sd-upload-wrapper .sd-upload-wrapper.sd-upload-wrapper-type-picture-card {
+.sd-upload-wrapper.sd-upload-wrapper-type-picture-card {
   display: flex;
   justify-content: flex-start;
 }
@@ -3562,12 +3562,10 @@ body {
   padding: 0;
   list-style: none;
 }
-.sd-upload-list .sd-upload-list.sd-upload-list-type-text,
-.sd-upload-list .sd-upload-list.sd-upload-list-type-picture {
+.sd-upload-list.sd-upload-list-type-text, .sd-upload-list.sd-upload-list-type-picture {
   width: 100%;
 }
-.sd-upload-list .sd-upload-list.sd-upload-list-type-text .sd-upload-list-item:first-of-type,
-.sd-upload-list .sd-upload-list.sd-upload-list-type-picture .sd-upload-list-item:first-of-type {
+.sd-upload-list.sd-upload-list-type-text .sd-upload-list-item:first-of-type, .sd-upload-list.sd-upload-list-type-picture .sd-upload-list-item:first-of-type {
   margin-top: 24px;
 }
 .sd-upload-list {
@@ -3668,12 +3666,12 @@ body {
 .sd-upload-list {
   /*** end ****/
 }
-.sd-upload-list .sd-upload-list.sd-upload-list-type-picture-card {
+.sd-upload-list.sd-upload-list-type-picture-card {
   display: flex;
   flex-wrap: wrap;
   vertical-align: top;
 }
-.sd-upload-list .sd-upload-list.sd-upload-list-type-picture-card .sd-upload-list-status {
+.sd-upload-list.sd-upload-list-type-picture-card .sd-upload-list-status {
   top: 50%;
   margin-left: 0;
   transform: translateY(-50%);
@@ -4758,6 +4756,9 @@ body.sd-tour-active .sd-tour-popover * {
   pointer-events: none !important;
 }
 
+.sd-tooltip-mouse-through {
+  pointer-events: none;
+}
 .sd-tooltip-content {
   max-width: 350px;
   padding: 8px 12px;
@@ -7937,6 +7938,9 @@ body.sd-tour-active .sd-tour-popover * {
   font-size: inherit;
   white-space: nowrap;
 }
+.sd-statistic-content .sd-statistic-value .sd-number-flow-fraction {
+  font-size: inherit;
+}
 .sd-statistic-content .sd-statistic-value-decimal {
   display: inline-block;
   font-size: inherit;
@@ -10308,20 +10312,6 @@ body.sd-tour-active .sd-tour-popover * {
   margin-top: 4px;
 }
 
-.sd-overflow-list {
-  display: flex;
-  align-items: center;
-  justify-content: flex-start;
-}
-.sd-overflow-list > *:not(:last-child) {
-  flex-shrink: 0;
-}
-.sd-overflow-list-spacer {
-  flex: 1;
-  min-width: 0;
-  height: 1px;
-}
-
 .sd-notification-list {
   position: fixed;
   z-index: 1003;
@@ -10528,6 +10518,74 @@ body.sd-tour-active .sd-tour-popover * {
   transition: height 0.3s cubic-bezier(0.34, 0.69, 0.1, 1), margin 0.3s cubic-bezier(0.34, 0.69, 0.1, 1), padding 0.3s cubic-bezier(0.34, 0.69, 0.1, 1), opacity 0.3s cubic-bezier(0.34, 0.69, 0.1, 1);
 }
 
+.sd-number-flow {
+  display: inline-flex;
+  align-items: baseline;
+  line-height: 1;
+  direction: ltr;
+  white-space: nowrap;
+  isolation: isolate;
+}
+.sd-number-flow-content, .sd-number-flow-part, .sd-number-flow-digit-track, .sd-number-flow-digit-value, .sd-number-flow-symbol {
+  display: inline-block;
+}
+.sd-number-flow-content {
+  margin: -0.25em -0.2em;
+  padding: 0.25em 0.2em;
+  overflow: hidden;
+}
+.sd-number-flow-part {
+  position: relative;
+  vertical-align: bottom;
+}
+.sd-number-flow-digit {
+  height: 1em;
+  overflow: hidden;
+}
+.sd-number-flow-digit-track {
+  display: flex;
+  flex-direction: column;
+  height: 1em;
+  transform: translateY(calc(1em * var(--sd-number-flow-start)));
+}
+.sd-number-flow-digit-value {
+  flex: 0 0 1em;
+  height: 1em;
+  line-height: 1;
+  text-align: center;
+  font-variant-numeric: tabular-nums;
+}
+.sd-number-flow-prepared .sd-number-flow-digit-track {
+  transition: none;
+}
+.sd-number-flow-animating .sd-number-flow-digit-track {
+  transform: translateY(calc(1em * var(--sd-number-flow-end)));
+  transition: transform var(--sd-number-flow-spin-duration, var(--sd-number-flow-duration)) var(--sd-number-flow-spin-easing, var(--sd-number-flow-easing)), opacity var(--sd-number-flow-opacity-duration) ease-out;
+}
+.sd-number-flow-symbol {
+  white-space: pre;
+}
+.sd-number-flow-will-change :is(.sd-number-flow-content, .sd-number-flow-part, .sd-number-flow-digit-track, .sd-number-flow-symbol) {
+  will-change: transform;
+}
+.sd-number-flow-custom-prefix {
+  margin-right: 4px;
+}
+.sd-number-flow-custom-suffix {
+  margin-left: 4px;
+}
+
+.sd-number-flow-group {
+  display: inline-flex;
+  gap: 4px;
+  align-items: baseline;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .sd-number-flow-digit-track {
+    transition: none;
+  }
+}
 .sd-modal-container {
   position: fixed;
   inset: 0;
@@ -13852,6 +13910,243 @@ body.sd-tour-active .sd-tour-popover * {
 .sd-col {
   box-sizing: border-box;
 }
+.sd-col-1 {
+  flex: 0 0 4.1666666667%;
+  width: 4.1666666667%;
+}
+.sd-col-2 {
+  flex: 0 0 8.3333333333%;
+  width: 8.3333333333%;
+}
+.sd-col-3 {
+  flex: 0 0 12.5%;
+  width: 12.5%;
+}
+.sd-col-4 {
+  flex: 0 0 16.6666666667%;
+  width: 16.6666666667%;
+}
+.sd-col-5 {
+  flex: 0 0 20.8333333333%;
+  width: 20.8333333333%;
+}
+.sd-col-6 {
+  flex: 0 0 25%;
+  width: 25%;
+}
+.sd-col-7 {
+  flex: 0 0 29.1666666667%;
+  width: 29.1666666667%;
+}
+.sd-col-8 {
+  flex: 0 0 33.3333333333%;
+  width: 33.3333333333%;
+}
+.sd-col-9 {
+  flex: 0 0 37.5%;
+  width: 37.5%;
+}
+.sd-col-10 {
+  flex: 0 0 41.6666666667%;
+  width: 41.6666666667%;
+}
+.sd-col-11 {
+  flex: 0 0 45.8333333333%;
+  width: 45.8333333333%;
+}
+.sd-col-12 {
+  flex: 0 0 50%;
+  width: 50%;
+}
+.sd-col-13 {
+  flex: 0 0 54.1666666667%;
+  width: 54.1666666667%;
+}
+.sd-col-14 {
+  flex: 0 0 58.3333333333%;
+  width: 58.3333333333%;
+}
+.sd-col-15 {
+  flex: 0 0 62.5%;
+  width: 62.5%;
+}
+.sd-col-16 {
+  flex: 0 0 66.6666666667%;
+  width: 66.6666666667%;
+}
+.sd-col-17 {
+  flex: 0 0 70.8333333333%;
+  width: 70.8333333333%;
+}
+.sd-col-18 {
+  flex: 0 0 75%;
+  width: 75%;
+}
+.sd-col-19 {
+  flex: 0 0 79.1666666667%;
+  width: 79.1666666667%;
+}
+.sd-col-20 {
+  flex: 0 0 83.3333333333%;
+  width: 83.3333333333%;
+}
+.sd-col-21 {
+  flex: 0 0 87.5%;
+  width: 87.5%;
+}
+.sd-col-22 {
+  flex: 0 0 91.6666666667%;
+  width: 91.6666666667%;
+}
+.sd-col-23 {
+  flex: 0 0 95.8333333333%;
+  width: 95.8333333333%;
+}
+.sd-col-24 {
+  flex: 0 0 100%;
+  width: 100%;
+}
+.sd-col-offset-1 {
+  margin-left: 4.1666666667%;
+}
+.sd-col-offset-2 {
+  margin-left: 8.3333333333%;
+}
+.sd-col-offset-3 {
+  margin-left: 12.5%;
+}
+.sd-col-offset-4 {
+  margin-left: 16.6666666667%;
+}
+.sd-col-offset-5 {
+  margin-left: 20.8333333333%;
+}
+.sd-col-offset-6 {
+  margin-left: 25%;
+}
+.sd-col-offset-7 {
+  margin-left: 29.1666666667%;
+}
+.sd-col-offset-8 {
+  margin-left: 33.3333333333%;
+}
+.sd-col-offset-9 {
+  margin-left: 37.5%;
+}
+.sd-col-offset-10 {
+  margin-left: 41.6666666667%;
+}
+.sd-col-offset-11 {
+  margin-left: 45.8333333333%;
+}
+.sd-col-offset-12 {
+  margin-left: 50%;
+}
+.sd-col-offset-13 {
+  margin-left: 54.1666666667%;
+}
+.sd-col-offset-14 {
+  margin-left: 58.3333333333%;
+}
+.sd-col-offset-15 {
+  margin-left: 62.5%;
+}
+.sd-col-offset-16 {
+  margin-left: 66.6666666667%;
+}
+.sd-col-offset-17 {
+  margin-left: 70.8333333333%;
+}
+.sd-col-offset-18 {
+  margin-left: 75%;
+}
+.sd-col-offset-19 {
+  margin-left: 79.1666666667%;
+}
+.sd-col-offset-20 {
+  margin-left: 83.3333333333%;
+}
+.sd-col-offset-21 {
+  margin-left: 87.5%;
+}
+.sd-col-offset-22 {
+  margin-left: 91.6666666667%;
+}
+.sd-col-offset-23 {
+  margin-left: 95.8333333333%;
+}
+.sd-col-order-1 {
+  order: 1;
+}
+.sd-col-order-2 {
+  order: 2;
+}
+.sd-col-order-3 {
+  order: 3;
+}
+.sd-col-order-4 {
+  order: 4;
+}
+.sd-col-order-5 {
+  order: 5;
+}
+.sd-col-order-6 {
+  order: 6;
+}
+.sd-col-order-7 {
+  order: 7;
+}
+.sd-col-order-8 {
+  order: 8;
+}
+.sd-col-order-9 {
+  order: 9;
+}
+.sd-col-order-10 {
+  order: 10;
+}
+.sd-col-order-11 {
+  order: 11;
+}
+.sd-col-order-12 {
+  order: 12;
+}
+.sd-col-order-13 {
+  order: 13;
+}
+.sd-col-order-14 {
+  order: 14;
+}
+.sd-col-order-15 {
+  order: 15;
+}
+.sd-col-order-16 {
+  order: 16;
+}
+.sd-col-order-17 {
+  order: 17;
+}
+.sd-col-order-18 {
+  order: 18;
+}
+.sd-col-order-19 {
+  order: 19;
+}
+.sd-col-order-20 {
+  order: 20;
+}
+.sd-col-order-21 {
+  order: 21;
+}
+.sd-col-order-22 {
+  order: 22;
+}
+.sd-col-order-23 {
+  order: 23;
+}
+.sd-col-order-24 {
+  order: 24;
+}
 .sd-col-xs-1 {
   flex: 0 0 4.1666666667%;
   width: 4.1666666667%;
@@ -17613,6 +17908,7 @@ body.sd-tour-active .sd-tour-popover * {
 }
 .sd-collapse-item-header-title {
   display: inline;
+  overflow: hidden;
 }
 .sd-collapse-item-header-extra {
   float: right;