hy-app 0.5.2 → 0.5.4

package/components/hy-coupon/README.md

@@ -1,133 +0,0 @@
-# HyCoupon 优惠券组件
-
-市场上常用的优惠券组件，支持多种状态展示和丰富的功能配置。
-
-## 引入方式
-
-```js
-// 全局引入
-import { createApp } from 'vue'
-import HyDesignUni from '@/package'
-import App from './App.vue'
-
-const app = createApp(App)
-app.use(HyDesignUni)
-app.mount('#app')
-
-// 局部引入
-import { HyCoupon } from '@/package'
-
-export default {
-  components: {
-    HyCoupon
-  }
-}
-```
-
-## 基本用法
-
-```html
-<hy-coupon 
-  amount="50" 
-  title="新人专享优惠券" 
-  subtitle="全场通用，无门槛使用" 
-  validity="2023.10.01-2023.12.31" 
-  @click="onCouponClick"
-/>
-```
-
-## 状态展示
-
-```html
-<!-- 已使用状态 -->
-<hy-coupon 
-  amount="30" 
-  title="已使用优惠券" 
-  status="used" 
-  used-date="2023-10-15 14:30"
-/>
-
-<!-- 已过期状态 -->
-<hy-coupon 
-  amount="15" 
-  title="已过期优惠券" 
-  status="expired" 
-  expire-date="2023-10-01"
-/>
-
-<!-- 已禁用状态 -->
-<hy-coupon 
-  amount="25" 
-  title="已禁用优惠券" 
-  status="disabled" 
-  disabled-reason="账户等级不足"
-/>
-```
-
-## 增强功能
-
-```html
-<!-- 专属优惠券 -->
-<hy-coupon 
-  amount="40" 
-  title="专属优惠券" 
-  is-exclusive
-  limit-per-user="1"
-/>
-
-<!-- 显示操作按钮 -->
-<hy-coupon 
-  amount="60" 
-  title="限时优惠券" 
-  show-action-button
-  @receive="onCouponReceive"
-/>
-
-<!-- 自定义按钮文本 -->
-<hy-coupon 
-  amount="100" 
-  title="大额优惠券" 
-  show-action-button
-  custom-button-text="立即兑换"
-/>
-```
-
-## Props
-
-| 属性名 | 类型 | 默认值 | 说明 |
-|-------|------|-------|------|
-| amount | string/number | - | 优惠券金额 |
-| title | string | - | 优惠券标题 |
-| subtitle | string | '' | 优惠券副标题 |
-| status | string | 'normal' | 优惠券状态：normal/disabled/used/expired |
-| minSpend | string/number | 0 | 最低消费金额 |
-| validity | string | '' | 有效期文本 |
-| customStyle | Object | {} | 自定义样式 |
-| showRightBorder | boolean | true | 是否显示右侧边框装饰 |
-| tooltip | string | '' | 提示文本 |
-| showActionButton | boolean | false | 是否显示操作按钮 |
-| customButtonText | string | '' | 自定义按钮文本 |
-| isExclusive | boolean | false | 是否为专属优惠券 |
-| limitPerUser | number | 0 | 每用户限领数量 |
-| usedDate | string | '' | 使用日期（已使用状态时显示） |
-| expireDate | string | '' | 过期日期（已过期状态时显示） |
-| disabledReason | string | '' | 禁用原因（已禁用状态时显示） |
-| triggerReceiveOnClick | boolean | true | 点击时是否触发receive事件 |
-
-## Events
-
-| 事件名 | 说明 | 回调参数 |
-|-------|------|--------|
-| click | 点击优惠券时触发（仅正常状态） | event: { status: CouponStatus } |
-| receive | 领取优惠券时触发 | - |
-| hover | 鼠标悬停状态改变时触发 | value: boolean |
-
-## 示例页面
-
-请查看 `pages/coupon-demo/index.vue` 了解更多使用示例。
-
-## 注意事项
-
-1. 在移动端环境下，`hover` 相关效果可能表现不同，请根据实际情况调整。
-2. 当优惠券金额较大时，建议使用 `customStyle` 调整字体大小以保证显示效果。
-3. 在小屏幕设备上，长文本可能会被截断，建议优化文本内容或调整组件宽度。

package/components/hy-tabBar/hy-tabBar.vue

@@ -1,109 +0,0 @@
-<template>
-    <view class="hy-tabBar--placeholder"></view>
-    <view class="hy-tabBar">
-        <view class="hy-tabBar--box" :style="{ backgroundColor: barBgColor }">
-            <view class="hy-tabBar--container">
-                <view
-                    :class="[
-                        'hy-tabBar--container__item',
-                        'list',
-                        current === i ? 'is-active' : ''
-                    ]"
-                    v-for="(item, i) in list"
-                    :key="i"
-                    @click="checkItem(i)"
-                >
-                    <view class="hy-tabBar--container__item--bar">
-                        <view class="icon">
-                            <hy-badge
-                                :value="item?.badge"
-                                absolute
-                                :offset="[-13, 25]"
-                                :max="badge?.max"
-                                :is-dot="badge?.isDot"
-                                :inverted="badge?.inverted"
-                                :bg-color="badge?.bgColor"
-                                :type="badge?.type"
-                                :number-type="badge?.numberType"
-                                :shape="badge?.shape"
-                                :show-zero="badge?.showZero"
-                                :show="!!item?.badge"
-                            ></hy-badge>
-                            <hy-icon :name="item.icon" :color="color" size="25"></hy-icon>
-                        </view>
-                        <text class="text" :style="[{ color: color }]">{{ item.name }}</text>
-                        <text class="circle"></text>
-                    </view>
-                </view>
-                <view
-                    class="hy-tabBar--indicator"
-                    :style="{
-                        '--num': `translateX(calc(((100vw - 110rpx - ${list.length} * 70rpx) / ${list.length - 1} + 70rpx) * ${current}))`,
-                        background: activeColor
-                    }"
-                ></view>
-            </view>
-        </view>
-    </view>
-</template>
-
-<script lang="ts">
-export default {
-    name: 'hy-switch',
-    options: {
-        addGlobalClass: true,
-        virtualHost: true,
-        styleIsolation: 'shared'
-    }
-}
-</script>
-
-<script setup lang="ts">
-import { ref, toRefs, watch } from 'vue'
-import defaultProps from './props'
-import type IProps from './typing'
-
-// 组件
-import HyIcon from '../hy-icon/hy-icon.vue'
-import HyBadge from '../hy-badge/hy-badge.vue'
-
-/**
- * 一般用于导航轮播，广告展示等场景,可开箱即用
- * @displayName hy-swiper
- */
-defineOptions({})
-
-const props = withDefaults(defineProps<IProps>(), defaultProps)
-const { modelValue, baseBgColor } = toRefs(props)
-const emit = defineEmits(['clickTab'])
-
-const baseBackgroundColor = baseBgColor.value ? baseBgColor.value : 'var(--hy-background)'
-const current = ref(0)
-watch(
-    () => modelValue.value,
-    (newVal) => {
-        current.value = newVal
-    }
-)
-
-const checkItem = (index: number) => {
-    current.value = index
-    emit('clickTab', index)
-}
-</script>
-
-<style lang="scss" scoped>
-@import './index.scss';
-.hy-tabBar {
-    background: v-bind(baseBackgroundColor);
-    &--indicator {
-        border: 12rpx solid v-bind(baseBackgroundColor);
-        &::before {
-            box-shadow: 1px -15rpx 0 v-bind(baseBackgroundColor);
-        }
-        &::after {
-            box-shadow: -1px -15rpx 0 v-bind(baseBackgroundColor);
-        }
-    }
-}
-</style>

package/components/hy-tabBar/props.ts

@@ -1,13 +0,0 @@
-import type IProps from "./typing";
-
-const defaultProps: IProps = {
-  modelValue: 0,
-  list: [],
-  color: "",
-  baseBgColor: "",
-  barBgColor: "",
-  activeColor: "",
-  badge: {},
-};
-
-export default defaultProps;

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

@@ -1,54 +0,0 @@
-import type HyBadgeProps from "../hy-badge/typing";
-
-export interface TabListVo {
-  /**
-   * @description 标题
-   * */
-  name: string;
-  /**
-   * @description icon图标或者图片
-   * */
-  icon: string;
-  /**
-   * @description 徽标值
-   * */
-  badge?: number;
-}
-
-export default interface HyTabBarProps {
-  /**
-   * @description tab当前值
-   * */
-  modelValue: number;
-  /**
-   * @description 导航栏值
-   * {
-   *     name: 中文名,
-   *     icon: uview-plus里面的矢量图标库
-   * }
-   * */
-  list: TabListVo[];
-  /**
-   * @description 文字颜色
-   * */
-  color?: string;
-  /**
-   * @description 底部导航栏底部背景颜色（颜色设置必须要和页面背景颜色一样，才有重合感觉）
-   * 支持渐变色--linear-gradient(155deg, #192b6e, #a6307c)
-   * */
-  baseBgColor?: string;
-  /**
-   * @description 底部导航栏背景颜色
-   * 支持渐变色--linear-gradient(155deg, #192b6e, #a6307c)
-   * */
-  barBgColor?: string;
-  /**
-   * @description 点击突出按钮的背景颜色
-   * 支持渐变色--linear-gradient(0deg, #ffa576,#0951eb)
-   * */
-  activeColor?: string;
-  /**
-   * @description 徽标属性集合
-   * */
-  badge?: Partial<HyBadgeProps>;
-}