@sdata/web-vue 4.4.3 → 4.5.1

package/dist/sd.css

@@ -3679,8 +3679,11 @@ body {
   transition: opacity 0.1s cubic-bezier(0.34, 0.69, 0.1, 1);
 }
 .sd-upload-list-picture-operation {
-  display: none;
+  display: flex;
+  justify-content: space-evenly;
   font-size: 14px;
+  opacity: 0;
+  pointer-events: none;
 }
 .sd-upload-list-picture-operation .sd-upload-icon-retry {
   color: var(--sd-color-white);
@@ -3689,14 +3692,14 @@ body {
   color: var(--sd-color-white);
   font-size: 26px;
 }
-.sd-upload-list-picture-mask:hover {
+.sd-upload-list-picture-mask:hover, .sd-upload-list-picture-mask:focus-within {
   opacity: 1;
 }
-.sd-upload-list-picture-mask:hover .sd-upload-list-picture-operation {
-  display: flex;
-  justify-content: space-evenly;
+.sd-upload-list-picture-mask:hover .sd-upload-list-picture-operation, .sd-upload-list-picture-mask:focus-within .sd-upload-list-picture-operation {
+  opacity: 1;
+  pointer-events: auto;
 }
-.sd-upload-list-picture-mask:hover .sd-upload-list-picture-error-tip {
+.sd-upload-list-picture-mask:hover .sd-upload-list-picture-error-tip, .sd-upload-list-picture-mask:focus-within .sd-upload-list-picture-error-tip {
   display: none;
 }
 .sd-upload-list-type-picture .sd-upload-list-item-content {
@@ -5269,8 +5272,8 @@ body.sd-tour-active .sd-tour-popover * {
 .sd-textarea-wrapper.sd-textarea-scroll .sd-textarea-clear-btn {
   right: 25px;
 }
-.sd-textarea-wrapper:hover .sd-textarea-clear-btn {
-  display: block;
+.sd-textarea-wrapper:hover .sd-textarea-clear-btn, .sd-textarea-wrapper:focus-within .sd-textarea-clear-btn {
+  visibility: visible;
 }
 .sd-textarea-wrapper .sd-textarea-mirror {
   position: absolute;
@@ -5450,6 +5453,11 @@ body.sd-tour-active .sd-tour-popover * {
 }
 .sd-tabs-tab-close-btn {
   margin-left: 8px;
+  padding: 0;
+  color: inherit;
+  font: inherit;
+  background: none;
+  border: 0;
   user-select: none;
 }
 .sd-tabs-nav-add-btn {
@@ -5457,12 +5465,23 @@ body.sd-tour-active .sd-tour-popover * {
   align-items: center;
   justify-content: center;
   padding: 0 8px;
+  color: inherit;
+  font: inherit;
   font-size: 12px;
+  background: none;
+  border: 0;
   user-select: none;
 }
 .sd-tabs-add {
   position: relative;
 }
+.sd-tabs-nav-button {
+  padding: 0;
+  color: inherit;
+  font: inherit;
+  background: none;
+  border: 0;
+}
 .sd-tabs-nav-button-left {
   margin-right: 6px;
   margin-left: 10px;
@@ -5825,7 +5844,7 @@ body.sd-tour-active .sd-tour-popover * {
   border-top: none;
 }
 .sd-tabs-content-animation {
-  transition: margin 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
+  transition: transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
 }
 .sd-tabs-horizontal.sd-tabs-justify {
   display: flex;
@@ -14080,6 +14099,9 @@ body.sd-tour-active .sd-tour-popover * {
   flex: 0 0 100%;
   width: 100%;
 }
+.sd-col-offset-0 {
+  margin-left: 0%;
+}
 .sd-col-offset-1 {
   margin-left: 4.1666666667%;
 }
@@ -14149,6 +14171,9 @@ body.sd-tour-active .sd-tour-popover * {
 .sd-col-offset-23 {
   margin-left: 95.8333333333%;
 }
+.sd-col-order-0 {
+  order: 0;
+}
 .sd-col-order-1 {
   order: 1;
 }
@@ -14317,6 +14342,9 @@ body.sd-tour-active .sd-tour-popover * {
   flex: 0 0 100%;
   width: 100%;
 }
+.sd-col-xs-offset-0 {
+  margin-left: 0%;
+}
 .sd-col-xs-offset-1 {
   margin-left: 4.1666666667%;
 }
@@ -14386,6 +14414,9 @@ body.sd-tour-active .sd-tour-popover * {
 .sd-col-xs-offset-23 {
   margin-left: 95.8333333333%;
 }
+.sd-col-xs-order-0 {
+  order: 0;
+}
 .sd-col-xs-order-1 {
   order: 1;
 }
@@ -14555,6 +14586,9 @@ body.sd-tour-active .sd-tour-popover * {
     flex: 0 0 100%;
     width: 100%;
   }
+  .sd-col-sm-offset-0 {
+    margin-left: 0%;
+  }
   .sd-col-sm-offset-1 {
     margin-left: 4.1666666667%;
   }
@@ -14624,6 +14658,9 @@ body.sd-tour-active .sd-tour-popover * {
   .sd-col-sm-offset-23 {
     margin-left: 95.8333333333%;
   }
+  .sd-col-sm-order-0 {
+    order: 0;
+  }
   .sd-col-sm-order-1 {
     order: 1;
   }
@@ -14794,6 +14831,9 @@ body.sd-tour-active .sd-tour-popover * {
     flex: 0 0 100%;
     width: 100%;
   }
+  .sd-col-md-offset-0 {
+    margin-left: 0%;
+  }
   .sd-col-md-offset-1 {
     margin-left: 4.1666666667%;
   }
@@ -14863,6 +14903,9 @@ body.sd-tour-active .sd-tour-popover * {
   .sd-col-md-offset-23 {
     margin-left: 95.8333333333%;
   }
+  .sd-col-md-order-0 {
+    order: 0;
+  }
   .sd-col-md-order-1 {
     order: 1;
   }
@@ -15033,6 +15076,9 @@ body.sd-tour-active .sd-tour-popover * {
     flex: 0 0 100%;
     width: 100%;
   }
+  .sd-col-lg-offset-0 {
+    margin-left: 0%;
+  }
   .sd-col-lg-offset-1 {
     margin-left: 4.1666666667%;
   }
@@ -15102,6 +15148,9 @@ body.sd-tour-active .sd-tour-popover * {
   .sd-col-lg-offset-23 {
     margin-left: 95.8333333333%;
   }
+  .sd-col-lg-order-0 {
+    order: 0;
+  }
   .sd-col-lg-order-1 {
     order: 1;
   }
@@ -15272,6 +15321,9 @@ body.sd-tour-active .sd-tour-popover * {
     flex: 0 0 100%;
     width: 100%;
   }
+  .sd-col-xl-offset-0 {
+    margin-left: 0%;
+  }
   .sd-col-xl-offset-1 {
     margin-left: 4.1666666667%;
   }
@@ -15341,6 +15393,9 @@ body.sd-tour-active .sd-tour-popover * {
   .sd-col-xl-offset-23 {
     margin-left: 95.8333333333%;
   }
+  .sd-col-xl-order-0 {
+    order: 0;
+  }
   .sd-col-xl-order-1 {
     order: 1;
   }
@@ -15511,6 +15566,9 @@ body.sd-tour-active .sd-tour-popover * {
     flex: 0 0 100%;
     width: 100%;
   }
+  .sd-col-xxl-offset-0 {
+    margin-left: 0%;
+  }
   .sd-col-xxl-offset-1 {
     margin-left: 4.1666666667%;
   }
@@ -15580,6 +15638,9 @@ body.sd-tour-active .sd-tour-popover * {
   .sd-col-xxl-offset-23 {
     margin-left: 95.8333333333%;
   }
+  .sd-col-xxl-order-0 {
+    order: 0;
+  }
   .sd-col-xxl-order-1 {
     order: 1;
   }
@@ -22335,6 +22396,10 @@ body.sd-tour-active .sd-tour-popover * {
 .sd-avatar-group-popover .sd-avatar:not(:first-child) {
   margin-left: 4px !important;
 }
+.sd-avatar-group-popover .sd-avatar-rtl:not(:first-child) {
+  margin-right: 4px !important;
+  margin-left: 0 !important;
+}
 
 /**********************************************
  * Popup Box