vdesign-ui 0.2.1 → 0.2.3

package/dist/components/checkbox/style.less

@@ -12,35 +12,36 @@
     // 普通状态
     .@{checkbox-prefix-cls} {
 
-        &__input{
+        &__input {
             position: relative;
-            margin-inline-end: calc(var(--spacing-check_radio-icon-margin_right) * 1px);
-            width: calc(var(--icon-check_radio-sizing) * 1px);
-            height: calc(var(--icon-check_radio-sizing) * 1px);
+            margin-inline-end: var(--spacing-check_radio-icon-margin_right);
+            width: var(--icon-check_radio-sizing);
+            height: var(--icon-check_radio-sizing);
         }
 
         &__text {
             color: var(--color-check_radio-text-default);
-            font-size: calc(var(--en-single-f-d-r-fontSize) * 1px);
+            font-size: var(--en-single-f-d-r-fontSize);
             font-weight: var(--en-single-f-d-r-fontWeight);
         }
 
         &__description {
             line-height: 1;
-            margin-top: calc(var(--spacing-check_radio-text-margin_top) * 1px);
+            margin-top: var(--spacing-check_radio-text-margin_top);
             color: var(--color-check_radio-text_describe-default);
-            font-size: calc(var(--en-single-f-b-r-fontSize) * 1px);
+            font-size: var(--en-single-f-b-r-fontSize);
             font-weight: var(--en-single-f-b-r-fontWeight);
         }
 
         .@{checkbox-icon-prefix-cls} {
             display: block;
-            width: calc(var(--icon-check_radio-sizing) * 1px);
-            height: calc(var(--icon-check_radio-sizing) * 1px);
+            width: var(--icon-check_radio-sizing);
+            height: var(--icon-check_radio-sizing);
             position: relative;
             top: 0;
             left: 0;
-            &::before{
+
+            &::before {
                 position: absolute;
                 box-sizing: border-box;
                 content: ' ';
@@ -49,10 +50,9 @@
                 right: -50%;
                 bottom: -50%;
                 left: -50%;
-                border: 0 solid var(--color-check_radio-default);
+                border: 3px solid var(--color-check_radio-default);
                 -webkit-transform: scale(0.5);
                 transform: scale(0.5);
-                border-width: 3px;
             }
         }
 
@@ -68,16 +68,16 @@
             cursor: pointer;
             -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
             opacity: 0;
-
         }
     }
 
+
     // 选中状态
     .@{checkbox-prefix-cls}--checked {
 
         .@{checkbox-prefix-cls} {
             &__text {
-                font-size: calc(var(--en-single-f-d-s-fontSize) * 1px);
+                font-size: var(--en-single-f-d-s-fontSize);
                 font-weight: var(--en-single-f-d-s-fontWeight);
             }
         }
@@ -139,7 +139,7 @@
 
         & + .@{checkbox-prefix-cls}__label {
             .@{checkbox-prefix-cls}__text {
-                font-size: calc(var(--en-single-f-d-s-fontSize) * 1px);
+                font-size: var(--en-single-f-d-s-fontSize);
                 font-weight: var(--en-single-f-d-s-fontWeight);
             }
         }
@@ -183,54 +183,52 @@
         background-color: var(--color-check_radio-check_bg-default);
 
         &--large {
-            height: calc(var(--height-check_radio-check_button_l) * 1px);
-            border-radius: calc(var(--radius-check_radio-check_l) * 1px);
+            height: var(--height-check_radio-check_button_l);
+            border-radius: var(--radius-check_radio-check_l);
 
             .@{checkbox-button-prefix-cls}__text {
-                margin-block-start: calc(var(--spacing-check_radio-check_icon-margin_bottom) * 1px);
+                margin-block-start: var(--spacing-check_radio-check_icon-margin_bottom);
                 font-size: 12px;
-                // color: rgba(0, 0, 0, 0.85);
                 color: var(--color-check_radio-radio_button_text-default);
             }
             
         }
 
         &--medium {
-            height: calc(var(--height-check_radio-check_button_m) * 1px);
-            border-radius: calc(var(--radius-check_radio-m) * 1px);
+            height: var(--height-check_radio-check_button_m);
+            border-radius: var(--radius-check_radio-m);
 
             .@{checkbox-button-prefix-cls}{
                 &__description {
-                    margin-block-start: calc(var(--spacing-check_radio-check_describe-margin_top) * 1px);
+                    margin-block-start: var(--spacing-check_radio-check_describe-margin_top);
                     font-size: 11px;
-                    // color: rgba(0, 0, 0, 0.3);
                     color: var(--color-check_radio-check_button_text_describe-default);
                 }
             }
         }
 
-        &--small {
-            height: calc(var(--height-check_radio-check_button_s) * 1px);
-            border-radius: calc(var(--radius-check_radio-s) * 1px);
+        &--small {            
             display: flex;
             flex-direction: row;
+            height: var(--height-check_radio-check_button_s);
+            border-radius: var(--radius-check_radio-s);
         }
 
 
         &__icon--large {
             color: var(--color-check_radio-check_button_icon-default);
-            font-size: calc(var(--icon-check_radio-check_l) * 1px);
+            font-size: var(--icon-check_radio-check_l);
         }
 
         &__icon--small {
-            font-size: calc(var(--icon-check_radio-check_s) * 1px);
+            font-size: var(--icon-check_radio-check_s);
             color: var(--text-color-h2);
-            margin-inline-end: calc(var(--spacing-check_radio-check_icon-margin_right) * 1px);
+            margin-inline-end: var(--spacing-check_radio-check_icon-margin_right);
         }
 
         &__text {
             color: var(--color-check_radio-radio_button_text-default);
-            font-size: calc(var(--en-single-f-c-r-fontSize) * 1px);
+            font-size: var(--en-single-f-c-r-fontSize);
             font-weight: var(--en-single-f-c-r-fontWeight);
         }
 
@@ -240,7 +238,7 @@
 
             .@{checkbox-button-prefix-cls}__text {
                 color: var(--color-check_radio-radio_button_text-active);
-                font-size: calc(var(--en-single-f-c-s-fontSize) * 1px);
+                font-size: var(--en-single-f-c-s-fontSize);
                 font-weight: var(--en-single-f-c-s-fontWeight);
             }
 
@@ -276,7 +274,7 @@
     .@{checkbox-prefix-cls}-group {
         display: flex;
         flex-direction: column;
-        gap: calc(var(--spacing-check_radio-group-margin_x)*1px);
+        gap: var(--spacing-check_radio-group-margin_x);
 		
 		&__card{
 			display: flex;

package/dist/components/checkbox-group/index.js

@@ -0,0 +1,7 @@
+import CheckboxGroup from './index.vue';
+
+CheckboxGroup.install = function (Vue) {
+  Vue.component(CheckboxGroup.name, CheckboxGroup);
+};
+
+export default CheckboxGroup;

package/dist/components/{checkbox/checkbox-group → checkbox-group}/index.vue

@@ -4,8 +4,7 @@
     </div>
 </template>
 <script>
-import { findComponentsDownward } from '../assist';
-
+import { findComponentsDownward } from "../utils/assist";
 
 const prefixCls = 'vd-checkbox-group';
 

package/dist/components/common/state/index.vue

@@ -29,52 +29,5 @@ export default {
 </script>
 
 <style lang="less">
-.vd-market-state {
-    display: inline-flex;
-    align-items: baseline;
-    font-size: calc(var(--en-single-f-b-r-fontSize) * 1px);
-    font-weight: var(--en-single-f-b-r-fontWeight);
-
-    &::before {
-        content: '';
-        display: inline-block;
-        border-radius: 50%;
-        width: calc(var(--width-dropdown-state_drop) * 1px);
-        height: calc(var(--width-dropdown-state_drop) * 1px);
-        margin-inline-end: calc(var(--spacing-dropdown-state_drop-margin_right) * 1px);
-        background-color: var(--color-dropdown-state-open);
-    }
-
-    &--open {
-        color: var(--color-dropdown-state-open);
-
-        &::before {
-            background-color: var(--color-dropdown-state-open);
-        }
-    }
-
-    &--preopen {
-        color: var(--color-dropdown-state-preopen);
-
-        &::before {
-            background-color: var(--color-dropdown-state-preopen);
-        }
-    }
-
-    &--close {
-        color: var(--color-dropdown-state-close);
-
-        &::before {
-            background-color: var(--text-color-h3);
-        }
-    }
-
-    &--fusing {
-        color: var(--color-dropdown-state-fusing);
-
-        &::before {
-            background-color: var(--color-dropdown-state-fusing);
-        }
-    }
-}
+@import 'style.less';
 </style>

package/dist/components/common/state/style.less

@@ -0,0 +1,48 @@
+.vd-market-state {
+    display: inline-flex;
+    align-items: baseline;
+    font-size: var(--en-single-f-b-r-fontSize);
+    font-weight: var(--en-single-f-b-r-fontWeight);
+
+    &::before {
+        content: '';
+        display: inline-block;
+        border-radius: 50%;
+        width: var(--width-dropdown-state_drop);
+        height: var(--width-dropdown-state_drop);
+        margin-inline-end: var(--spacing-dropdown-state_drop-margin_right);
+        background-color: var(--color-dropdown-state-open);
+    }
+
+    &--open {
+        color: var(--color-dropdown-state-open);
+
+        &::before {
+            background-color: var(--color-dropdown-state-open);
+        }
+    }
+
+    &--preopen {
+        color: var(--color-dropdown-state-preopen);
+
+        &::before {
+            background-color: var(--color-dropdown-state-preopen);
+        }
+    }
+
+    &--close {
+        color: var(--color-dropdown-state-close);
+
+        &::before {
+            background-color: var(--text-color-h3);
+        }
+    }
+
+    &--fusing {
+        color: var(--color-dropdown-state-fusing);
+
+        &::before {
+            background-color: var(--color-dropdown-state-fusing);
+        }
+    }
+}