hy-app 0.5.10 → 0.5.12

package/components/hy-badge/props.ts

@@ -1,82 +1,82 @@
-import type { CSSProperties, PropType } from 'vue'
-
-const badgeProps = {
-    /** 是否显示圆点 */
-    isDot: {
-        type: Boolean,
-        default: false
-    },
-    /** 显示的内容 */
-    value: {
-        type: [String, Number],
-        default: 0
-    },
-    /** 是否显示 */
-    show: {
-        type: Boolean,
-        default: true
-    },
-    /** 最大值，超过最大值会显示 '{max}+' */
-    max: {
-        type: Number,
-        default: 999
-    },
-    /** 层级 */
-    zIndex: {
-        type: Number,
-        default: 999
-    },
-    /**
-     * 主题类型
-     * @values error,warning,success,primary,info
-     * */
-    type: {
-        type: String,
-        default: 'error'
-    },
-    /** 当数值为 0 时，是否展示 Badge */
-    showZero: {
-        type: Boolean,
-        default: false
-    },
-    /** 背景颜色，优先级比type高，如设置，type参数会失效 */
-    bgColor: String,
-    /** 字体颜色 */
-    color: String,
-    /**
-     * 徽标形状
-     * @values circle,horn
-     * */
-    shape: {
-        type: String,
-        default: 'circle'
-    },
-    /**
-     * 设置数字的显示方式
-     * @values overflow,ellipsis,limit
-     * */
-    numberType: {
-        type: String,
-        default: 'overflow'
-    },
-    /** 设置badge的位置偏移，格式为 \[x, y\]，也即设置的为top和right的值，absolute为true时有效 */
-    offset: Array,
-    /** 是否反转背景和字体颜色 */
-    inverted: {
-        type: Boolean,
-        default: false
-    },
-    /** 是否绝对定位 */
-    absolute: {
-        type: Boolean,
-        default: false
-    },
-    /** 自定义输入框外部样式 */
-    customStyle: {
-        type: Object as PropType<CSSProperties>
-    },
-    /** 自定义外部类名 */
-    customClass: String
-} as const
-
-export default badgeProps
+import type { CSSProperties, PropType } from 'vue'
+
+const badgeProps = {
+    /** 是否显示圆点 */
+    isDot: {
+        type: Boolean,
+        default: false
+    },
+    /** 显示的内容 */
+    value: {
+        type: [String, Number],
+        default: 0
+    },
+    /** 是否显示 */
+    show: {
+        type: Boolean,
+        default: true
+    },
+    /** 最大值，超过最大值会显示 '{max}+' */
+    max: {
+        type: Number,
+        default: 999
+    },
+    /** 层级 */
+    zIndex: {
+        type: Number,
+        default: 999
+    },
+    /**
+     * 主题类型
+     * @values error,warning,success,primary,info
+     * */
+    type: {
+        type: String,
+        default: 'error'
+    },
+    /** 当数值为 0 时，是否展示 Badge */
+    showZero: {
+        type: Boolean,
+        default: false
+    },
+    /** 背景颜色，优先级比type高，如设置，type参数会失效 */
+    bgColor: String,
+    /** 字体颜色 */
+    color: String,
+    /**
+     * 徽标形状
+     * @values circle,horn
+     * */
+    shape: {
+        type: String,
+        default: 'circle'
+    },
+    /**
+     * 设置数字的显示方式
+     * @values overflow,ellipsis,limit
+     * */
+    numberType: {
+        type: String,
+        default: 'overflow'
+    },
+    /** 设置badge的位置偏移，格式为 \[x, y\]，也即设置的为top和right的值，absolute为true时有效 */
+    offset: Array,
+    /** 是否反转背景和字体颜色 */
+    inverted: {
+        type: Boolean,
+        default: false
+    },
+    /** 是否绝对定位 */
+    absolute: {
+        type: Boolean,
+        default: false
+    },
+    /** 自定义输入框外部样式 */
+    customStyle: {
+        type: Object as PropType<CSSProperties>
+    },
+    /** 自定义外部类名 */
+    customClass: String
+} as const
+
+export default badgeProps

package/components/hy-badge/typing.d.ts

@@ -1,9 +1,9 @@
-import type { ExtractPropTypes } from 'vue'
-import type badgeProps from './props'
-
-export interface HyBadgeProps extends ExtractPropTypes<typeof badgeProps> {}
-
-export interface IBadgeEmit {
-    /** 点击触发 */
-    (e: 'click', event: Event): void
-}
+import type { ExtractPropTypes } from 'vue'
+import type badgeProps from './props'
+
+export interface HyBadgeProps extends ExtractPropTypes<typeof badgeProps> {}
+
+export interface IBadgeEmit {
+    /** 点击触发 */
+    (e: 'click', event: Event): void
+}

package/components/hy-button/hy-button.vue

@@ -5,17 +5,19 @@
         :hover-stay-time="Number(hoverStayTime)"
         :form-type="formType"
         :open-type="openType"
+        :lang="lang"
+        :scope="scope"
+        :data-name="dataName"
         :app-parameter="appParameter"
         :hover-stop-propagation="hoverStopPropagation"
         :send-message-title="sendMessageTitle"
         :send-message-path="sendMessagePath"
-        :lang="lang"
-        :data-name="dataName"
         :session-from="sessionFrom"
         :send-message-img="sendMessageImg"
         :show-message-card="showMessageCard"
         @getphonenumber="getphonenumber"
         @getuserinfo="getuserinfo"
+        @getAuthorize="getAuthorize"
         @error="error"
         @opensetting="opensetting"
         @launchapp="launchapp"
@@ -227,7 +229,7 @@ const nvueTextStyle = computed((): CSSProperties => {
     return style
 })
 /**
- * @description 字体大小
+ * 字体大小
  * */
 const textSize = computed((): number => {
     let fontSize = 14
@@ -250,6 +252,18 @@ const clickHandler = (e: any) => {
     props.stop && e.stopPropagation()
 }
 
+/**
+ * 支付宝小程序授权
+ * @param e
+ */
+function getAuthorize(e: any) {
+    if (props.scope === 'phoneNumber') {
+        getphonenumber(e)
+    } else if (props.scope === 'userInfo') {
+        getuserinfo(e)
+    }
+}
+
 const getphonenumber = (e: any) => {
     emit('getphonenumber', e)
 }

package/components/hy-button/index.scss

@@ -15,8 +15,31 @@
   /* #endif */
   flex-direction: row;
 
+  /* 亮光效果 */
+  &::before {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: -100%;
+    width: 100%;
+    height: 100%;
+    background: linear-gradient(
+                    90deg,
+                    transparent,
+                    rgba(255, 255, 255, 0.4),
+                    transparent
+    );
+    transition: left 0.7s;
+    z-index: 1;
+  }
+  &:active::before {
+    left: 100%;
+    transition: left 0.2s;
+  }
+
+
   /* 去除原生按钮边框 */
-  &:after {
+  &::after {
     border: none !important;
   }
 

package/components/hy-button/props.ts

@@ -129,7 +129,15 @@ const buttonProps = {
     stop: {
         type: Boolean,
         default: true
+    },
+    /**
+     * 在支付宝小程序使用，当 open-type 为 getAuthorize 时有效。
+     * @values userInfo,phoneNumber
+     * */
+    scope: {
+        type: String,
+        default: ''
     }
-}
+} as const
 
 export default buttonProps

package/components/hy-button/typing.d.ts

@@ -1,3 +1,8 @@
+import type { ExtractPropTypes } from 'vue'
+import type buttonProps from './props'
+
+export interface HyButtonProps extends ExtractPropTypes<typeof buttonProps> {}
+
 export interface IButtonEmits {
     /**
      * 点击按钮事件

package/components/hy-calendar/header.vue

@@ -1,60 +1,60 @@
-<template>
-    <view class="hy-calendar--header hy-border-bottom">
-        <text class="hy-calendar--header__title" v-if="showTitle">{{ title }}</text>
-        <text class="hy-calendar--header__subtitle" v-if="showSubtitle">{{ subtitle }}</text>
-        <view class="hy-calendar--header__weekdays">
-            <text class="hy-calendar--header__weekdays__weekday">{{ weekText[0] }}</text>
-            <text class="hy-calendar--header__weekdays__weekday">{{ weekText[1] }}</text>
-            <text class="hy-calendar--header__weekdays__weekday">{{ weekText[2] }}</text>
-            <text class="hy-calendar--header__weekdays__weekday">{{ weekText[3] }}</text>
-            <text class="hy-calendar--header__weekdays__weekday">{{ weekText[4] }}</text>
-            <text class="hy-calendar--header__weekdays__weekday">{{ weekText[5] }}</text>
-            <text class="hy-calendar--header__weekdays__weekday">{{ weekText[6] }}</text>
-        </view>
-    </view>
-</template>
-
-<script>
-export default {
-    name: 'hy-calendar-header',
-    props: {
-        // 标题
-        title: {
-            type: String,
-            default: ''
-        },
-        // 副标题
-        subtitle: {
-            type: String,
-            default: ''
-        },
-        // 是否显示标题
-        showTitle: {
-            type: Boolean,
-            default: true
-        },
-        // 是否显示副标题
-        showSubtitle: {
-            type: Boolean,
-            default: true
-        },
-        // 星期文本
-        weekText: {
-            type: Array,
-            default: () => {
-                return ['一', '二', '三', '四', '五', '六', '日']
-            }
-        }
-    },
-    data() {
-        return {}
-    },
-    methods: {
-        name() {}
-    }
-}
-</script>
-
-<style lang="scss" scoped>
-@import './index.scss';
-</style>
+<template>
+    <view class="hy-calendar--header hy-border-bottom">
+        <text class="hy-calendar--header__title" v-if="showTitle">{{ title }}</text>
+        <text class="hy-calendar--header__subtitle" v-if="showSubtitle">{{ subtitle }}</text>
+        <view class="hy-calendar--header__weekdays">
+            <text class="hy-calendar--header__weekdays__weekday">{{ weekText[0] }}</text>
+            <text class="hy-calendar--header__weekdays__weekday">{{ weekText[1] }}</text>
+            <text class="hy-calendar--header__weekdays__weekday">{{ weekText[2] }}</text>
+            <text class="hy-calendar--header__weekdays__weekday">{{ weekText[3] }}</text>
+            <text class="hy-calendar--header__weekdays__weekday">{{ weekText[4] }}</text>
+            <text class="hy-calendar--header__weekdays__weekday">{{ weekText[5] }}</text>
+            <text class="hy-calendar--header__weekdays__weekday">{{ weekText[6] }}</text>
+        </view>
+    </view>
+</template>
+
+<script>
+export default {
+    name: 'hy-calendar-header',
+    props: {
+        // 标题
+        title: {
+            type: String,
+            default: ''
+        },
+        // 副标题
+        subtitle: {
+            type: String,
+            default: ''
+        },
+        // 是否显示标题
+        showTitle: {
+            type: Boolean,
+            default: true
+        },
+        // 是否显示副标题
+        showSubtitle: {
+            type: Boolean,
+            default: true
+        },
+        // 星期文本
+        weekText: {
+            type: Array,
+            default: () => {
+                return ['一', '二', '三', '四', '五', '六', '日']
+            }
+        }
+    },
+    data() {
+        return {}
+    },
+    methods: {
+        name() {}
+    }
+}
+</script>
+
+<style lang="scss" scoped>
+@import './index.scss';
+</style>