hy-app 0.6.8 → 0.6.9

package/components/hy-action-sheet/index.scss

@@ -75,7 +75,7 @@
     top: 20px;
     right: 15px;
     background-color: rgba(128, 128, 128, 0.25);
-    border-radius: $hy-border-radius-circle;
+    border-radius: $hy-radius-circle;
     padding: $hy-border-margin-padding-sm;
   }
 
@@ -112,7 +112,7 @@
     width: $hy-img-size-base;
     height: $hy-img-size-base;
     margin: 0 auto 7px;
-    border-radius: $hy-border-radius-base;
+    border-radius: $hy-radius-base;
   }
 
   @include e(panel-title) {

package/components/hy-avatar/index.scss

@@ -7,7 +7,7 @@
   justify-content: center;
 
   @include m(circle) {
-    border-radius: $hy-border-radius-circle;
+    border-radius: $hy-radius-circle;
   }
 
   @include m(square) {
@@ -34,7 +34,7 @@
     height: 100%;
 
     @include m(circle) {
-      border-radius: $hy-border-radius-circle;
+      border-radius: $hy-radius-circle;
       overflow: hidden;
     }
 

package/components/hy-cell-item/index.scss

@@ -12,22 +12,22 @@
   /* 大 */
   @include m(large) {
     font-size: $hy-font-size-lg;
-    padding: 35rpx;
-    line-height: 25px;
+    padding: $hy-border-margin-padding-lg;
+    line-height: $hy-line-height-lg;
   }
 
   /* 默认 */
   @include m(medium) {
     font-size: $hy-font-size-base;
-    padding: 30rpx;
-    line-height: 20px;
+    padding: $hy-border-margin-padding-base;
+    line-height: $hy-line-height-base;
   }
 
   /* 小 */
   @include m(small) {
     font-size: $hy-font-size-sm;
-    padding: 25rpx;
-    line-height: 15px;
+    padding: $hy-border-margin-padding-sm;
+    line-height: $hy-line-height-sm;
   }
 
   /*点击状态*/
@@ -51,9 +51,8 @@
 
       /*sub值*/
       @include e(sub) {
-        margin-top: $hy-border-margin-padding-sm;
         color: $hy-text-color--grey;
-        font-size: 24rpx;
+        font-size: $hy-font-size-sm;
       }
     }
   }
@@ -64,7 +63,7 @@
     max-width: 90%;
     flex: 1;
     @include m(value) {
-      line-height: 24px;
+      line-height: $hy-line-height-base;
       color: $hy-text-color--grey;
       margin-right: $hy-border-margin-padding-sm;
     }

package/components/hy-code-input/index.scss

@@ -27,7 +27,7 @@
     /* 无边框 */
     @include e(no) {
       background-color: $hy-background--track;
-      border-radius: $hy-border-radius-sm;
+      border-radius: $hy-radius-sm;
       @include m(active) {
         &:before {
           content: "";
@@ -67,7 +67,7 @@
         content: "";
         position: absolute;
         bottom: 0;
-        border-radius: $hy-border-radius-semicircle;
+        border-radius: $hy-radius-semicircle;
         width: 40px;
         background-color: $hy-border-color--2;
       }

package/components/hy-config-provider/hy-config-provider.vue

@@ -38,9 +38,9 @@ const themeStyle = computed(() => {
         {
             '--hy-theme-color': props.themeColor,
             '--hy-theme--light':
-                props.theme === 'light'
-                    ? colorGradient(props.themeColor)[80]
-                    : colorGradient(props.themeColor, '#000')[60],
+                props.theme === 'dark'
+                    ? colorGradient(props.themeColor, '#000')[60]
+                    : colorGradient(props.themeColor)[80],
             padding: addUnit(props.padding)
         },
         props.customStyle

package/components/hy-config-provider/props.ts

@@ -8,7 +8,7 @@ const configProviderProps = {
      * */
     theme: {
         type: String,
-        default: 'light'
+        default: ''
     },
     /** 主题色 */
     themeColor: {

package/components/hy-float-button/index.scss

@@ -11,7 +11,7 @@
   @include borderRadio(square);
 
   @include e(shadow) {
-    box-shadow: $hy-box-shadow;
+    box-shadow: $hy-shadow-base;
   }
 
   //@include e(animation) {

package/components/hy-index-bar/index.scss

@@ -34,7 +34,7 @@
         justify-content: center;
         color: $hy-text-color--3;
         margin: 2rpx 0;
-        border-radius: $hy-border-radius-sm;
+        border-radius: $hy-radius-sm;
 
         @include is(active) {
           position: relative;

package/components/hy-line-progress/index.scss

@@ -8,11 +8,11 @@
   flex: 1;
   width: 100%;
   overflow: hidden;
-  border-radius: $hy-border-radius-semicircle;
+  border-radius: $hy-radius-semicircle;
 
   @include e(background) {
     background-color: $hy-background--empty;
-    border-radius: $hy-border-radius-semicircle;
+    border-radius: $hy-radius-semicircle;
     flex: 1;
   }
 
@@ -24,7 +24,7 @@
     align-items: center;
     @include flex(row);
     color: #ffffff;
-    border-radius: $hy-border-radius-semicircle;
+    border-radius: $hy-radius-semicircle;
     transition: width 0.5s ease;
     justify-content: flex-end;
     background-color: $hy-primary;

package/components/hy-menu/index.scss

@@ -33,7 +33,7 @@
         height: 15px;
         background: $hy-primary;
         transform: translateY(-50%);
-        border-radius: $hy-border-radius-semicircle;
+        border-radius: $hy-radius-semicircle;
       }
 
       &:active {

package/components/hy-modal/index.scss

@@ -3,7 +3,7 @@
 
 @include b(modal) {
   max-width: 650rpx;
-  border-radius: $hy-border-radius-base;
+  border-radius: $hy-radius-base;
   overflow: hidden;
 
   /* 标题 */
@@ -65,7 +65,7 @@
         justify-content: center;
         align-items: center;
         height: 43px;
-        border-radius: $hy-border-radius-semicircle;
+        border-radius: $hy-radius-semicircle;
 
         /* 确认 */
         @include m(confirm) {

package/components/hy-notice-bar/index.scss

@@ -13,7 +13,7 @@
     flex: 1;
     background-color: #FFF6C8;
     color: $hy-warning;
-    border-radius: $hy-border-radius-sm;
+    border-radius: $hy-radius-sm;
   }
 
   @include e(left-icon) {

package/components/hy-popover/index.scss

@@ -32,7 +32,7 @@ $z-index: 998;
     z-index: $z-index;
     position: relative;
     background-color: $hy-background--box;
-    border-radius: $hy-border-radius-sm;
+    border-radius: $hy-radius-sm;
   }
 
   @include edeep(pos) {
@@ -43,8 +43,8 @@ $z-index: 998;
     min-height: 36px;
     z-index: $z-index;
     transition: opacity 0.2s;
-    box-shadow: $hy-box-shadow;
-    border-radius: $hy-border-radius-sm;
+    box-shadow: $hy-shadow-base;
+    border-radius: $hy-radius-sm;
   }
 
 
@@ -55,7 +55,7 @@ $z-index: 998;
 
   @include e(container) {
     position: relative;
-    border-radius: $hy-border-radius-sm;
+    border-radius: $hy-radius-sm;
   }
 
   @include e(inner) {
@@ -64,7 +64,7 @@ $z-index: 998;
     line-height: 22px;
     z-index: $z-index;
     background-color: $hy-background--box;
-    border-radius: $hy-border-radius-sm;
+    border-radius: $hy-radius-sm;
     box-sizing: content-box;
     width: 200px;
   }
@@ -79,5 +79,5 @@ $z-index: 998;
     z-index: $z-index;
   }
 
-  @include squareArrow(6px, $hy-background--box, $z-index, $hy-box-shadow);
+  @include squareArrow(6px, $hy-background--box, $z-index, $hy-shadow-base);
 }

package/components/hy-popup/index.scss

@@ -13,23 +13,23 @@
     @include m(round) {
 
       &-top {
-        border-radius: 0 0 $hy-border-radius-lg $hy-border-radius-lg;
+        border-radius: 0 0 $hy-radius-lg $hy-radius-lg;
       }
 
       &-left {
-        border-radius: 0 $hy-border-radius-lg $hy-border-radius-lg 0;
+        border-radius: 0 $hy-radius-lg $hy-radius-lg 0;
       }
 
       &-right {
-        border-radius: $hy-border-radius-lg 0 0 $hy-border-radius-lg;
+        border-radius: $hy-radius-lg 0 0 $hy-radius-lg;
       }
 
       &-bottom {
-        border-radius: $hy-border-radius-lg $hy-border-radius-lg 0 0;
+        border-radius: $hy-radius-lg $hy-radius-lg 0 0;
       }
 
       &-center {
-        border-radius: $hy-border-radius-lg;
+        border-radius: $hy-radius-lg;
       }
     }
 

package/components/hy-scroll-list/index.scss

@@ -28,14 +28,14 @@
     @include m(line) {
       width: 60px;
       height: 4px;
-      border-radius: $hy-border-radius-semicircle;
+      border-radius: $hy-radius-semicircle;
       overflow: hidden;
       background-color: $hy-background--empty;
 
       @include e(bar) {
         width: 20px;
         height: 4px;
-        border-radius: $hy-border-radius-semicircle;
+        border-radius: $hy-radius-semicircle;
         background-color: $hy-primary;
       }
     }

package/components/hy-search/index.scss

@@ -42,7 +42,7 @@ $hy-search-close-size: 20px !default;
     @include e(close) {
       width: $hy-search-close-size;
       height: $hy-search-close-size;
-      border-radius: $hy-border-radius-circle;
+      border-radius: $hy-radius-circle;
       background-color: $hy-background--track;
       @include flex(row);
       align-items: center;

package/components/hy-signature/index.scss

@@ -8,7 +8,7 @@
     display: flex;
     overflow: hidden;
     background: $hy-background--3;
-    border-radius: $hy-border-radius-base;
+    border-radius: $hy-radius-base;
     border: $hy-border-line;
   }
 

package/components/hy-skeleton/index.scss

@@ -17,7 +17,7 @@
     }
   }
   @include e(col) {
-    border-radius: $hy-border-radius-sm;
+    border-radius: $hy-radius-sm;
     background-color: $hy-background--skeleton;
     display: flex;
     align-items: center;
@@ -32,20 +32,20 @@
     &-text {
       width: 100%;
       height: 20px;
-      border-radius: $hy-border-radius-sm;
+      border-radius: $hy-radius-sm;
     }
 
     &-rect {
       width: 100%;
       height: 20px;
-      border-radius: $hy-border-radius-base;
+      border-radius: $hy-radius-base;
     }
 
     &-circle {
       flex-shrink: 0;
       width: 48px;
       height: 48px;
-      border-radius: $hy-border-radius-circle;
+      border-radius: $hy-radius-circle;
     }
   }
   @include m(animation) {

package/components/hy-slider/index.scss

@@ -15,7 +15,7 @@
     flex: 1;
     @include flex(column);
     position: relative;
-    border-radius: $hy-border-radius-semicircle;
+    border-radius: $hy-radius-semicircle;
     padding: $hy-border-margin-padding-base $hy-border-margin-padding-lg;
     justify-content: center;
   }
@@ -34,7 +34,7 @@
 
   @include e(base) {
     background-color: $hy-background--empty;
-    border-radius: $hy-border-radius-semicircle;
+    border-radius: $hy-radius-semicircle;
   }
 
   /* #ifndef APP-NVUE */
@@ -51,7 +51,7 @@
 
   @include e(gap) {
     position: relative;
-    border-radius: $hy-border-radius-semicircle;
+    border-radius: $hy-radius-semicircle;
     transition: width 0.2s;
     background-color: $hy-primary;
     &-0 {

package/components/hy-steps/index.scss

@@ -40,7 +40,7 @@
       align-items: center;
       position: relative;
       background-color: transparent;
-      border-radius: $hy-border-radius-semicircle;
+      border-radius: $hy-radius-semicircle;
 
       /* 选择 */
       &.process {
@@ -70,7 +70,7 @@
         @include e(item) {
           width: 10px;
           height: 10px;
-          border-radius: $hy-border-radius-circle;
+          border-radius: $hy-radius-circle;
           background-color: $hy-info;
           border: none;
         }
@@ -89,7 +89,7 @@
         box-sizing: border-box;
         flex-shrink: 0;
         /* #endif */
-        border-radius: $hy-border-radius-semicircle;
+        border-radius: $hy-radius-semicircle;
         border: $hy-border-line;
         @include flex(row);
         align-items: center;

package/components/hy-subsection/index.scss

@@ -15,12 +15,12 @@
     height: 35px;
     background-color: $hy-background--3;
     padding: 3px;
-    border-radius: $hy-border-radius-sm;
+    border-radius: $hy-radius-sm;
     align-items: stretch;
 
     @include m(bar) {
       background-color: $hy-background--container !important;
-      border-radius: $hy-border-radius-sm;
+      border-radius: $hy-radius-sm;
     }
   }
 
@@ -38,7 +38,7 @@
     background-color: $hy-primary;
 
     @include m(first) {
-      border-radius: $hy-border-radius-sm 0 0 $hy-border-radius-sm;
+      border-radius: $hy-radius-sm 0 0 $hy-radius-sm;
     }
 
     @include m(center) {
@@ -46,7 +46,7 @@
     }
 
     @include m(last) {
-      border-radius: 0 $hy-border-radius-sm $hy-border-radius-sm 0;
+      border-radius: 0 $hy-radius-sm $hy-radius-sm 0;
     }
   }
 
@@ -67,13 +67,13 @@
     }
 
     @include m(first) {
-      border-top-left-radius: $hy-border-radius-sm;
-      border-bottom-left-radius: $hy-border-radius-sm;
+      border-top-left-radius: $hy-radius-sm;
+      border-bottom-left-radius: $hy-radius-sm;
     }
 
     @include m(last) {
-      border-top-right-radius: $hy-border-radius-sm;
-      border-bottom-right-radius: $hy-border-radius-sm;
+      border-top-right-radius: $hy-radius-sm;
+      border-bottom-right-radius: $hy-radius-sm;
     }
 
     @include m(text) {

package/components/hy-swiper/index.scss

@@ -61,7 +61,7 @@
       @include e(bar) {
         width: 22px;
         height: 4px;
-        border-radius: $hy-border-radius-semicircle;
+        border-radius: $hy-radius-semicircle;
         background-color: #ffffff;
         transition: transform 0.3s;
       }
@@ -70,7 +70,7 @@
     @include m(dot) {
       width: 5px;
       height: 5px;
-      border-radius: $hy-border-radius-semicircle;
+      border-radius: $hy-radius-semicircle;
       margin: 0 $hy-border-margin-padding-sm;
 
       @include e(active) {

package/components/hy-switch/index.scss

@@ -8,7 +8,7 @@
   /* #endif */
   background-color: $hy-background--3;
   position: relative;
-  border-radius: $hy-border-radius-semicircle;
+  border-radius: $hy-radius-semicircle;
   transition: background-color 0.4s;
   border: 1px solid rgba(0, 0, 0, 0.12);
   justify-content: flex-end;
@@ -25,7 +25,7 @@
     align-items: center;
     justify-content: center;
     background-color: $hy-background--container;
-    border-radius: $hy-border-radius-semicircle;
+    border-radius: $hy-radius-semicircle;
     box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.25);
     transition-property: transform;
     transition-duration: 0.4s;
@@ -34,7 +34,7 @@
 
   @include e(bg) {
     position: absolute;
-    border-radius: $hy-border-radius-semicircle;
+    border-radius: $hy-radius-semicircle;
     background-color: $hy-background--3;
     transition-property: transform;
     transition-duration: 0.4s;

package/components/hy-tabbar-group/index.scss

@@ -19,8 +19,8 @@
   @include m(circle) {
     margin-left: $hy-border-margin-padding-lg;
     margin-right: $hy-border-margin-padding-lg;
-    border-radius: $hy-border-radius-semicircle;
-    box-shadow: $hy-box-shadow;
+    border-radius: $hy-radius-semicircle;
+    box-shadow: $hy-shadow-base;
 
     @include is(fixed) {
       @include is(safe) {

package/components/hy-tabs/index.scss

@@ -62,7 +62,7 @@
         width: 30px;
         position: absolute;
         bottom: 2px;
-        border-radius: $hy-border-radius-semicircle;
+        border-radius: $hy-radius-semicircle;
         transition-property: transform;
         transition-duration: 300ms;
       }

package/components/hy-tag/index.scss

@@ -88,7 +88,7 @@ $hy-background--disabled);
 
   /* 关闭按钮 */
   @include e(close) {
-    border-radius: $hy-border-radius-semicircle;
+    border-radius: $hy-radius-semicircle;
     background-color: #C6C7CB;
     margin-left: $hy-border-margin-padding-sm;
     @include flex(row);

package/components/hy-textarea/index.scss

@@ -2,7 +2,7 @@
 @use "../../libs/css/mixin" as *;
 
 @include b(textarea) {
-  border-radius: $hy-border-radius-sm;
+  border-radius: $hy-radius-sm;
   position: relative;
   @include flex;
   flex: 1;
@@ -13,11 +13,11 @@
   }
 
   @include e(radius) {
-    border-radius: $hy-border-radius-sm;
+    border-radius: $hy-radius-sm;
   }
 
   @include e(no-radius) {
-    border-radius: $hy-border-radius-no;
+    border-radius: $hy-radius-no;
   }
 
   @include e(disabled) {
@@ -48,6 +48,6 @@
     font-size: 12px;
     background-color: $hy-background--3;
     padding: 1px 4px;
-    border-radius: $hy-border-radius-sm;
+    border-radius: $hy-radius-sm;
   }
 }

package/components/hy-toast/index.scss

@@ -23,7 +23,7 @@
     @include m(icon) {
       width: 60rpx;
       height: 60rpx;
-      border-radius: $hy-border-radius-semicircle;
+      border-radius: $hy-radius-semicircle;
       box-sizing: border-box;
       margin-right: $hy-border-margin-padding-base;
       display: flex;

package/components/hy-tooltip/index.scss

@@ -8,7 +8,7 @@ $hy-tooltip--background-color: rgb(50, 50, 51);
   position: relative;
   @include flex;
 
-  @include squareArrow(6px, $hy-tooltip--background-color, -1, $hy-box-shadow);
+  @include squareArrow(6px, $hy-tooltip--background-color, -1, $hy-shadow-base);
 
   @include edeep(popup) {
     position: absolute;
@@ -17,8 +17,8 @@ $hy-tooltip--background-color: rgb(50, 50, 51);
     text-align: center;
     min-height: 36px;
     transition: opacity 0.2s;
-    box-shadow: $hy-box-shadow;
-    border-radius: $hy-border-radius-sm;
+    box-shadow: $hy-shadow-base;
+    border-radius: $hy-radius-sm;
   }
 
 
@@ -29,7 +29,7 @@ $hy-tooltip--background-color: rgb(50, 50, 51);
 
   @include e(container) {
     position: relative;
-    border-radius: $hy-border-radius-sm;
+    border-radius: $hy-radius-sm;
   }
 
   @include e(inner) {
@@ -37,7 +37,7 @@ $hy-tooltip--background-color: rgb(50, 50, 51);
     padding: $hy-border-margin-padding-base;
     line-height: 22px;
     z-index: $hy-tooltip--z-index;
-    border-radius: $hy-border-radius-sm;
+    border-radius: $hy-radius-sm;
     box-sizing: content-box;
     width: 200px;
   }
@@ -58,7 +58,7 @@ $hy-tooltip--background-color: rgb(50, 50, 51);
       background-color: $hy-tooltip--background-color;
       position: relative;
       flex: 1;
-      border-radius: $hy-border-radius-sm;
+      border-radius: $hy-radius-sm;
       padding: 0;
       @include flex(row);
       align-items: center;

package/components/hy-warn/index.scss

@@ -7,7 +7,7 @@
   padding: $hy-border-margin-padding-base;
   @include flex(row);
   align-items: center;
-  border-radius: $hy-border-radius-sm;
+  border-radius: $hy-radius-sm;
 
   @include e(primary) {
 

package/libs/css/_mixin.scss

@@ -151,13 +151,13 @@
 @mixin borderRadio($shape) {
   @include m($shape) {
     @if $shape == circle {
-      border-radius:  theme.$hy-border-radius-semicircle;
+      border-radius:  theme.$hy-radius-semicircle;
     }
     @else if($shape == square) {
-      border-radius: theme.$hy-border-radius-sm;
+      border-radius: theme.$hy-radius-sm;
     }
     @else {
-      border-radius: 28rpx theme.$hy-border-radius-sm;
+      border-radius: 28rpx theme.$hy-radius-sm;
     }
   }
 }

package/libs/css/common.scss

@@ -38,7 +38,7 @@
     width: 4px;
     height: 18px;
     background: $hy-primary;
-    border-radius: $hy-border-radius-semicircle;
+    border-radius: $hy-radius-semicircle;
   }
 }
 

package/libs/css/theme.scss

@@ -34,9 +34,27 @@ $hy-icon-color: var(--hy-icon-color, #606266) !default; // 一般用于icon
 $hy-text-color--grey: var(--hy-text-color--grey, #999) !default; // 辅助灰色，如加载更多的提示信息
 $hy-text-color--placeholder: var(--hy-text-color--placeholder, #909399) !default; // 输入框提示颜色
 $hy-text-color--disabled: var(--hy-text-color--disabled, #FFFFFF3F) !default; // 禁用文字颜色
-$hy-border-color: var(--hy-border-color, #c0c0c0) !default; // 边框颜色
 $hy-text-color--hover: var(--hy-text-color--hover, #58595b)!default; // 点击状态文字颜色
 
+/* 文字大小 */
+$hy-font-size-xs: var(--hy-font-size-xs, 20rpx)!default; // 超小字体
+$hy-font-size-sm: var(--hy-font-size-sm, 24rpx)!default; // 小号字体
+$hy-font-size-base: var(--hy-font-size-base, 28rpx)!default; // 基础字体
+$hy-font-size-md: var(--hy-font-size-md, 32rpx)!default; // 中等字体
+$hy-font-size-lg: var(--hy-font-size-lg, 36rpx)!default; // 大号字体
+$hy-font-size-xl: var(--hy-font-size-xl, 40rpx)!default; // 超大字体
+$hy-font-size-xxl: var(--hy-font-size-xxl, 48rpx)!default; // 特大字体
+
+/* 字体样式 */
+$hy-font-weight-normal: var(--hy-font-weight-normal, 400)!default; // 正常字重
+$hy-font-weight-medium: var(--hy-font-weight-medium, 500)!default; // 中等字重
+$hy-font-weight-bold: var(--hy-font-weight-bold, 600)!default; // 粗体
+
+/* 字体行高 */
+$hy-line-height-sm: var(--hy-line-height-sm, 1.4)!default; // 小行高
+$hy-line-height-base: var(--hy-line-height-base, 1.5)!default; // 基础行高
+$hy-line-height-lg: var(--hy-line-height-lg, 1.8)!default; // 大行高
+
 
 /* 背景色 */
 $hy-background: var(--hy-background, #f8f8f8) !default; // 页面背景色
@@ -45,7 +63,7 @@ $hy-background--3: var(--hy-background--3, rgb(238, 238, 239)) !default; // 弹
 $hy-background--container: var(--hy-background--container, #ffffff) !default; // 容器背景色
 $hy-background--disabled: var(--hy-background--disabled, rgba(0, 0, 0, 0.04)); // 禁用背景色
 $hy-background--track: var(--hy-background--track, #F6F6F6) !default; // 轨道背景色
-$hy-background--empty: var(--hy-background--empty, #F3F3F3) !default; // 搜索背景色
+$hy-background--empty: var(--hy-background--empty, #F3F3F3) !default; // 空状态、搜索背景色
 $hy-background--skeleton: var(--hy-background--skeleton, #eee) !default; // 骨架屏背景色
 $hy-background--hover: var(--hy-background--hover, rgba(0,0,0,0.05)) !default; // 点击状态
 $hy-background-mask: var(--hy-background-mask, rgba(0, 0, 0, 0.5)) !default; //遮罩颜色
@@ -57,17 +75,6 @@ $hy-background--table-header: var(--hy-background--table-header, #FAFAFA) !defau
 $hy-background-image--mask--two-flanks: var(--hy-background-image--mask--two-flanks, linear-gradient(180deg, hsla(0, 0%, 100%, 0.95), hsla(0, 0%, 100%, 0.6)),
         linear-gradient(0deg, hsla(0, 0%, 100%, 0.95), hsla(0, 0%, 100%, 0.6))) !default; // 向两边形成雾霾形状
 
-/* 文字尺寸 */
-$hy-font-size-sm: 24rpx; // 提示文字大小
-$hy-font-size-base: 32rpx; // 基本文字大小
-$hy-font-size-lg: 40rpx; // 标题文字大小
-
-
-/* 边框颜色 */
-$hy-border-color-light: var(--hy-border-color-light, #c8c7cc) !default;
-$hy-border-color: var(--hy-border-color, #c2c2c4) !default;
-$hy-border-color--2: var(--hy-border-color--2, #c9cacc) !default;
-
 /* 图片尺寸 */
 $hy-img-size-sm: var(--hy-img-size-sm, 45rpx) !default;
 $hy-img-size-base: var(--hy-img-size-base, 80rpx) !default;
@@ -78,18 +85,13 @@ $hy-avatar-size-sm: var(--hy-avatar-size-sm, 80rpx) !default;
 $hy-avatar-size-base: var(--hy-avatar-size-base, 100rpx) !default;
 $hy-avatar-size-lg: var(--hy-avatar-size-lg, 120rpx) !default;
 
-/* 透明度 */
-$hy-opacity-disabled: var(--hy-opacity-disabled, 0.3) !default; // 组件禁用态的透明度
-
 /* 盒子的圆角 */
-$hy-border-radius-no: var(--hy-border-radius-no, 0) !default;
-$hy-border-radius-sm: var(--hy-border-radius-sm, 8rpx) !default;
-$hy-border-radius-base: var(--hy-border-radius-base, 20rpx) !default;
-$hy-border-radius-lg: var(--hy-border-radius-lg, 32rpx) !default;
-$hy-border-radius-circle: var(--hy-border-radius-circle, 50%) !default;
-$hy-border-radius-semicircle: var(--hy-border-radius-semicircle, 100px) !default;
-/* 盒子阴影 */
-$hy-box-shadow: var(--hy-box-shadow, 0 0 10rpx 4rpx rgba(0, 0, 0, 0.16)) !default;
+$hy-radius-no: var(--hy-radius-no, 0) !default;
+$hy-radius-sm: var(--hy-radius-sm, 8rpx) !default;
+$hy-radius-base: var(--hy-radius-base, 20rpx) !default;
+$hy-radius-lg: var(--hy-radius-lg, 32rpx) !default;
+$hy-radius-circle: var(--hy-radius-circle, 50%) !default;
+$hy-radius-semicircle: var(--hy-radius-semicircle, 100px) !default;
 /* 盒内盒外间距 */
 $hy-border-margin-padding-sm: var(--hy-border-margin-padding-sm, 10rpx) !default;
 $hy-border-margin-padding-base: var(--hy-border-margin-padding-base, 20rpx) !default;
@@ -97,3 +99,30 @@ $hy-border-margin-padding-lg: var(--hy-border-margin-padding-lg, 30rpx) !default
 /* 底部线条 */
 /* TODO: 边框不能写1rpx否则在某些机型无法显示 */
 $hy-border-line: var(--hy-border-line, 1px solid #e8e8e8) !default;
+/* 边框颜色 */
+$hy-border-color: var(--hy-border-color, #c2c2c4) !default;
+$hy-border-color-light: var(--hy-border-color-light, #c8c7cc) !default;
+$hy-border-color--2: var(--hy-border-color--2, #c9cacc) !default;
+/* 边框宽度 */
+$hy-border-width-xs: var(--hy-border-width-xs, 1rpx) !default;
+$hy-border-width-sm: var(--hy-border-width-sm, 2rpx) !default;
+$hy-border-width-base: var(--hy-border-width-base, 4rpx) !default;
+$hy-border-width-lg: var(--hy-border-width-lg, 8rpx) !default;
+
+/* 盒子阴影 */
+$hy-border-shadow-base: var(--hy-border-box-shadow, 0 0 10rpx 4rpx rgba(0, 0, 0, 0.16)) !default;
+$hy-shadow-sm: var(--hy-shadow-sm, 0 2rpx 8rpx rgba(0, 0, 0, 0.06)) !default; // 轻微阴影
+$hy-shadow-base: var(--hy-shadow-base, 0 4rpx 16rpx rgba(0, 0, 0, 0.08)) !default; // 基础阴影
+$hy-shadow-lg: var(--hy-shadow-lg, 0 8rpx 24rpx rgba(0, 0, 0, 0.12)) !default; // 强烈阴影
+$hy-shadow-xl: var(--hy-shadow-xl, 0 12rpx 40rpx rgba(0, 0, 0, 0.16)) !default; // 极强烈阴影
+
+/* 透明度 */
+$hy-opacity-xs: var(--hy-opacity-xs, 0.1) !default; // 极低透明度
+$hy-opacity-sm: var(--hy-opacity-sm, 0.3) !default; // 低透明度
+$hy-opacity-base: var(--hy-opacity-base, 0.5) !default; // 中等透明度
+$hy-opacity-lg: var(--hy-opacity-lg, 0.7) !default; // 高透明度
+$hy-opacity-disabled: var(--hy-opacity-disabled, 0.4) !default; // 禁用态透明度
+
+/* 过渡曲线 */
+$hy-transition-ease: var(--hy-transition-ease, cubic-bezier(0.4, 0, 0.2, 1)) !default; // 标准曲线
+$hy-transition-bounce: var(--hy-transition-bounce, cubic-bezier(0.34, 1.56, 0.64, 1)) !default; // 弹跳曲线

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "hy-app",
-    "version": "0.6.8",
+    "version": "0.6.9",
     "description": "📱一个基于vue3+ts构建的uni-app组件库,拥有八十多个精美组件，适配多端，支持自定义主题",
     "main": "./index.ts",
     "private": false,