vdesign-ui 0.1.16 → 0.1.18

package/dist/components/dialog/style.less

@@ -1,27 +1,29 @@
-
 @dialog-prefix-cls: vd-dialog;
 
-.@{dialog-prefix-cls}{
+.@{dialog-prefix-cls} {
     position: absolute;
     left: 50%;
     top: 50%;
     z-index: 2111;
-    transform: translate(-50%,-50%);
+    transform: translate(-50%, -50%);
     width: 279px;
-    background-color:var(--color-dialog-bg);
+    background-color: var(--color-dialog-bg);
     border-radius: calc(var(--radius-dialog-content) * 1px);
     padding-inline-start: calc(var(--spacing-dialog-padding_left) * 1px);
     padding-inline-end: calc(var(--spacing-dialog-padding_right) * 1px);
 
-    ::-webkit-scrollbar{width:3px;}
+    ::-webkit-scrollbar {
+        width: 3px;
+    }
 
 
-    &__header{
+    &__header {
         padding-block-start: calc(var(--spacing-dialog-padding_top) * 1px);
-    
-        &--img{
+
+        &--img {
             padding-block-start: calc(var(--spacing-dialog-icon-padding_top) * 1px);
-            &-content{
+
+            &-content {
                 text-align: center;
                 margin-block-end: calc(var(--spacing-dialog-icon_title-margin_top) * 1px);
             }
@@ -29,15 +31,15 @@
 
     }
 
-    &__title{
-        text-align: center; 
+    &__title {
+        text-align: center;
         font-size: calc(var(--en-multi-f-e-s-fontSize) * 1px);
         font-weight: var(--en-multi-f-e-s-fontWeight);
-        line-height:  calc(var(--en-multi-f-e-s-lineHeight) * 1px);
-        color:var(--color-dialog-title); 
+        line-height: calc(var(--en-multi-f-e-s-lineHeight) * 1px);
+        color: var(--color-dialog-title);
     }
 
-    &__message{
+    &__message {
         text-align: center;
         overflow-y: auto;
         min-height: calc(var(--height-dialog-super_small) * 1px);
@@ -45,65 +47,68 @@
         margin-block-start: calc(var(--spacing-dialog-title-margin_bottom) * 1px);
         font-size: calc(var(--en-multi-f-d-r-fontSize) * 1px);
         font-weight: var(--en-multi-f-d-r-fontWeight);
-        line-height:  calc(var(--en-multi-f-d-r-lineHeight) * 1px);
+        line-height: calc(var(--en-multi-f-d-r-lineHeight) * 1px);
         color: var(--color-dialog-text);
 
-        &--head{
+        &--head {
             margin-block-start: 0;
             color: var(--color-dialog-title);
         }
     }
 
-    &__footer{
-        margin-block-start: calc(var(--spacing-dialog-button-margin_top) * 1px); 
+    &__footer {
+        margin-block-start: calc(var(--spacing-dialog-button-margin_top) * 1px);
     }
-     
-    &__btns{
+
+    &__btns {
         display: flex;
         justify-content: space-between;
         padding-block-end: calc(var(--spacing-dialog-padding_bottom) * 1px);
 
-        button{
+        button {
             flex: 1;
         }
-        button+button{
+
+        button+button {
             margin-inline-start: calc(var(--spacing-dialog-button_double-margin_mid) * 1px);
         }
     }
 
-    &__btn{
+    &__btn {
         padding-block-end: calc(var(--spacing-dialog-padding_bottom) * 1px);
         padding-inline-start: calc(var(--spacing-dialog-button_single-margin_left) * 1px);
         padding-inline-end: calc(var(--spacing-dialog-button_single-margin_right) * 1px);
     }
-   
-    &__btns--text{
+
+    &__btns--text {
         display: flex;
         justify-content: space-between;
         padding-block-end: calc(var(--spacing-dialog-button_text-padding_bottom) * 1px);
 
-        button{
+        button {
             flex: 1;
         }
-        button+button{
+
+        button+button {
             margin-inline-start: calc(var(--spacing-dialog-button_double-margin_mid) * 1px);
-        }  
+        }
     }
 
-    &__btn--text-block{
+    &__btn--text-block {
         display: flex;
         justify-content: space-between;
         padding-block-end: calc(var(--spacing-dialog-button_text-padding_bottom) * 1px);
     }
 
-    &__btns-block{
+    &__btns-block {
 
         padding-block-end: calc(var(--spacing-dialog-button_text-padding_bottom) * 1px);
 
-        button{
+        button {
             flex: 1;
         }
-        button+button{
+
+        button+button {
             margin-block-start: calc(var(--spacing-dialog-button_double-margin_mid) * 1px);
         }
     }
@@ -118,5 +123,10 @@
     width: 100%;
     height: 100%;
     background-color: var(--color-dialog-mask_bg);
-  }
-  
+}
+
+html[theme="dark"] {
+    .@{dialog-prefix-cls} {
+        background: linear-gradient(0deg, var(--bg-color-4) 0%, var(--bg-color-4) 100%), var(--bg-color-1);
+    }
+}

package/dist/components/dropdown/index.vue

@@ -106,7 +106,7 @@ export default {
     state: {
       type: String,
       default: 'close',
-      validator: value => ['open', 'preopen', 'close'].includes(value)
+      validator: value => ['open', 'preopen', 'close', 'fusing', 'pre', 'last'].includes(value)
     },
     stateText: {
       type: String,

package/dist/components/dropdown/style.less

@@ -278,6 +278,22 @@
             background-color: var(--color-dropdown-state-fusing);
           }
         }
+
+        &--pre {
+          color: var(--color-dropdown-state-pre_market_auction);
+
+          &::before {
+            background-color: var(--color-dropdown-state-pre_market_auction);
+          }
+        }
+
+        &--last {
+          color: var(--color-dropdown-state-last_trading_session);
+
+          &::before {
+            background-color: var(--color-dropdown-state-last_trading_session);
+          }
+        }
       }
 
 

package/dist/components/footer/style.less

@@ -17,6 +17,6 @@
     &__text{
         font-size: calc(var(--en-single-f-b-r-fontSize) * 1px);
         font-weight: var(--en-single-f-b-r-fontWeight);
-        color: var(--text-color-h3);
+        color: var(--text-color-h2);
     }
 }

package/dist/components/footnav/footnav-item/style.less

@@ -13,6 +13,7 @@
   .vd-iconfont {
     margin-bottom: 2px;
     font-size: calc(var(--icon-footnav-size) * 1px);
+    color: var(--text-color-h2);
   }
 
   &:active {