hy-app 0.6.8 → 0.7.0

package/components/hy-upload/index.scss

@@ -1,145 +1,150 @@
-@use "../../libs/css/mixin" as *;
-@use "../../libs/css/theme" as *;
-
-$hy-upload-image-width: 80px !default;
-$hy-upload-text-font-size: 11px !default;
-
-
-@include b(upload) {
-  @include flex(column);
-  flex: 1;
-
-  @include e(wrap) {
-    @include flex;
-    flex-wrap: wrap;
-    flex: 1;
-
-    @include m(preview) {
-      border-radius: 2px;
-      margin: 0 8px 8px 0;
-      position: relative;
-      overflow: hidden;
-      @include flex;
-
-      @include e(image) {
-        width: $hy-upload-image-width;
-        height: $hy-upload-image-width;
-      }
-
-      @include e(other) {
-        width: $hy-upload-image-width;
-        height: $hy-upload-image-width;
-        background-color: rgb(242, 242, 242);
-        flex: 1;
-        @include flex(column);
-        justify-content: center;
-        align-items: center;
-
-        @include m(text) {
-          font-size: $hy-upload-text-font-size;
-          color: $hy-text-color--grey;
-          margin-top: 2px;
-        }
-      }
-
-      /* 进度条样式 */
-      @include e(progress) {
-        width: 100%;
-        height: 100%;
-        backdrop-filter: blur(6px);
-        position: absolute;
-        z-index: 10;
-        display: grid;
-        place-content: center;
-
-        @include m(number) {
-          width: 70px;
-          margin-bottom: 6rpx;
-        }
-
-        @include m(value) {
-          font-size: 20rpx;
-          color: $hy-primary;
-        }
-      }
-    }
-  }
-
-  @include e(deletable) {
-    position: absolute;
-    top: 0;
-    right: 0;
-    background-color: rgb(55, 55, 55);
-    height: 14px;
-    width: 14px;
-    @include flex;
-    border-bottom-left-radius: 100px;
-    align-items: center;
-    justify-content: center;
-    z-index: 9;
-
-    @include m(icon) {
-      position: absolute;
-      transform: scale(0.7);
-      top: 0;
-      right: 0;
-    }
-  }
-
-  @include e(success) {
-    position: absolute;
-    bottom: 0;
-    right: 0;
-    @include flex;
-    // 由于weex(nvue)为阿里巴巴的KPI(部门业绩考核)的laji产物，不支持css绘制三角形
-    // 所以在nvue下使用图片，非nvue下使用css实现
-    /* #ifndef APP-NVUE */
-    border-style: solid;
-    border-color: transparent $hy-success $hy-success transparent;
-    border-width: 9px;
-    align-items: center;
-    justify-content: center;
-    /* #endif */
-
-    @include m(icon) {
-      /* #ifndef APP-NVUE */
-      position: absolute;
-      transform: scale(0.7);
-      bottom: -10px;
-      right: -10px;
-      /* #endif */
-      /* #ifdef APP-NVUE */
-      width: 16px;
-      height: 16px;
-      /* #endif */
-    }
-  }
-
-  @include e(button) {
-    @include flex(column);
-    align-items: center;
-    justify-content: center;
-    width: $hy-upload-image-width;
-    height: $hy-upload-image-width;
-    background-color: $hy-background--empty;
-    border-radius: 2px;
-    margin: 0 8px 8px 0;
-    /* #ifndef APP-NVUE */
-    box-sizing: border-box;
-    /* #endif */
-
-    @include m(text) {
-      font-size: $hy-upload-text-font-size;
-      color: $hy-text-color--grey;
-      margin-top: 2px;
-    }
-
-    @include m(hover) {
-      background-color: $hy-background--hover;
-    }
-
-    @include m(disabled) {
-      opacity: 0.5;
-    }
-  }
+@use "../../libs/css/mixin" as *;
+@use "../../libs/css/theme" as *;
+
+$hy-upload-image-width: 80px !default;
+$hy-upload-text-font-size: 11px !default;
+
+
+@include b(upload) {
+  @include flex(column);
+  flex: 1;
+
+  @include e(wrap) {
+    @include flex;
+    flex-wrap: wrap;
+    flex: 1;
+
+    @include m(preview) {
+      border-radius: 2px;
+      margin: 0 8px 8px 0;
+      position: relative;
+      overflow: hidden;
+      @include flex;
+
+      @include e(image) {
+        width: $hy-upload-image-width;
+        height: $hy-upload-image-width;
+      }
+
+      @include e(other) {
+        width: $hy-upload-image-width;
+        height: $hy-upload-image-width;
+        background-color: rgb(242, 242, 242);
+        flex: 1;
+        @include flex(column);
+        justify-content: center;
+        align-items: center;
+
+        @include m(text) {
+          font-size: $hy-upload-text-font-size;
+          color: $hy-text-color--grey;
+          margin-top: 2px;
+        }
+      }
+
+      /* 进度条样式 */
+      @include e(progress) {
+        width: 100%;
+        height: 100%;
+        backdrop-filter: blur(6px);
+        position: absolute;
+        z-index: 10;
+        display: grid;
+        place-content: center;
+
+        @include m(number) {
+          width: 70px;
+          margin-bottom: 6rpx;
+        }
+
+        @include m(value) {
+          font-size: 20rpx;
+          color: $hy-primary;
+        }
+      }
+    }
+  }
+
+  @include e(deletable) {
+    position: absolute;
+    top: 0;
+    right: 0;
+    background-color: rgb(55, 55, 55);
+    height: 14px;
+    width: 14px;
+    @include flex;
+    border-bottom-left-radius: 100px;
+    align-items: center;
+    justify-content: center;
+    z-index: 9;
+
+    @include m(icon) {
+      position: absolute;
+      transform: scale(0.7);
+      top: 0;
+      right: 0;
+    }
+  }
+
+  @include e(status) {
+    position: absolute;
+    bottom: 0;
+    right: 0;
+    @include flex;
+    /* #ifndef APP-NVUE */
+    border-style: solid;
+    border-width: 9px;
+    align-items: center;
+    justify-content: center;
+    /* #endif */
+  }
+
+  @include e(success) {
+    border-color: transparent $hy-success $hy-success transparent;
+
+    @include m(icon) {
+      /* #ifndef APP-NVUE */
+      position: absolute;
+      transform: scale(0.7);
+      bottom: -10px;
+      right: -10px;
+      /* #endif */
+      /* #ifdef APP-NVUE */
+      width: 16px;
+      height: 16px;
+      /* #endif */
+    }
+  }
+
+  @include e(error) {
+    border-color: transparent $hy-error $hy-error transparent;
+  }
+
+  @include e(button) {
+    @include flex(column);
+    align-items: center;
+    justify-content: center;
+    width: $hy-upload-image-width;
+    height: $hy-upload-image-width;
+    background-color: $hy-background--empty;
+    border-radius: 2px;
+    margin: 0 8px 8px 0;
+    /* #ifndef APP-NVUE */
+    box-sizing: border-box;
+    /* #endif */
+
+    @include m(text) {
+      font-size: $hy-upload-text-font-size;
+      color: $hy-text-color--grey;
+      margin-top: 2px;
+    }
+
+    @include m(hover) {
+      background-color: $hy-background--hover;
+    }
+
+    @include m(disabled) {
+      opacity: 0.5;
+    }
+  }
 }

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/components/index.ts

@@ -6,6 +6,7 @@ import HyBackTop from './hy-back-top/hy-back-top.vue'
 import HyBadge from './hy-badge/hy-badge.vue'
 import HyButton from './hy-button/hy-button.vue'
 import HyCard from './hy-card/hy-card.vue'
+import HyCascader from './hy-cascader/hy-cascader.vue'
 import HyCell from './hy-cell/hy-cell.vue'
 import HyCheckButton from './hy-check-button/hy-check-button.vue'
 import HyCheckbox from './hy-checkbox/hy-checkbox.vue'
@@ -52,6 +53,7 @@ import HySubsection from './hy-subsection/hy-subsection.vue'
 import HySwiper from './hy-swiper/hy-swiper.vue'
 import HySwitch from './hy-switch/hy-switch.vue'
 import HyTabs from './hy-tabs/hy-tabs.vue'
+import HyKeyboard from './hy-keyboard/hy-keyboard.vue'
 import HyTag from './hy-tag/hy-tag.vue'
 import HyTextarea from './hy-textarea/hy-textarea.vue'
 import HyTooltip from './hy-tooltip/hy-tooltip.vue'
@@ -68,6 +70,7 @@ const install = (Vue: any) => {
     Vue.component('HyBadge', HyBadge)
     Vue.component('HyButton', HyButton)
     Vue.component('HyCard', HyCard)
+    Vue.component('HyCascader', HyCascader)
     Vue.component('HyCell', HyCell)
     Vue.component('HyCheckButton', HyCheckButton)
     Vue.component('HyCheckbox', HyCheckbox)
@@ -113,6 +116,7 @@ const install = (Vue: any) => {
     Vue.component('HySwiper', HySwiper)
     Vue.component('HySwitch', HySwitch)
     Vue.component('HyTabs', HyTabs)
+    Vue.component('HyKeyboard', HyKeyboard)
     Vue.component('HyTag', HyTag)
     Vue.component('HyTextarea', HyTextarea)
     Vue.component('HyTooltip', HyTooltip)
@@ -129,6 +133,7 @@ export {
     HyBadge,
     HyButton,
     HyCard,
+    HyCascader,
     HyCell,
     HyCheckButton,
     HyCheckbox,
@@ -174,6 +179,7 @@ export {
     HySwiper,
     HySwitch,
     HyTabs,
+    HyKeyboard,
     HyTag,
     HyTextarea,
     HyTooltip,

package/global.d.ts

@@ -9,6 +9,7 @@ declare module 'vue' {
         HyButton: (typeof import('./components/hy-button/hy-button.vue'))['default']
         HyCalendar: (typeof import('./components/hy-calendar/hy-calendar.vue'))['default']
         HyCard: (typeof import('./components/hy-card/hy-card.vue'))['default']
+        HyCascader: (typeof import('./components/hy-cascader/hy-cascader.vue'))['default']
         HyCell: (typeof import('./components/hy-cell/hy-cell.vue'))['default']
         HyCellItem: (typeof import('./components/hy-cell-item/hy-cell-item.vue'))['default']
         HyCheckButton: (typeof import('./components/hy-check-button/hy-check-button.vue'))['default']
@@ -38,6 +39,7 @@ declare module 'vue' {
         HyImage: (typeof import('./components/hy-image/hy-image.vue'))['default']
         HyIndexBar: (typeof import('./components/hy-index-bar/hy-index-bar.vue'))['default']
         HyInput: (typeof import('./components/hy-input/hy-input.vue'))['default']
+        HyKeyboard: (typeof import('./components/hy-keyboard/hy-keyboard.vue'))['default']
         HyLine: (typeof import('./components/hy-line/hy-line.vue'))['default']
         HyLineProgress: (typeof import('./components/hy-line-progress/hy-line-progress.vue'))['default']
         HyList: (typeof import('./components/hy-list/hy-list.vue'))['default']