hy-app 0.5.2 → 0.5.4

package/components/hy-coupon/props.ts

@@ -1,129 +1,103 @@
-import type { HyCouponProps } from "./typing";
-import type { CSSProperties, PropType } from "vue";
-import type { CouponStatus, CouponType } from "./typing";
+import type { CSSProperties, PropType } from 'vue'
+import type { HyButtonProps } from '../hy-button/typing'
 
-export const defaultProps = {
-  amount: "",
-  title: "",
-  subTitle: "",
-  type: "primary",
-  status: "normal",
-  minSpend: 0,
-  validity: "",
-  customStyle: {} as CSSProperties,
-  customClass: "",
-  tooltip: "",
-  showActionButton: false,
-  customButtonText: "",
-  isExclusive: false,
-  limitPerUser: 0,
-  usedDate: "",
-  expireDate: "",
-  disabledReason: "",
-  triggerReceiveOnClick: true
-};
+const couponProps = {
+    /** 优惠券标题 */
+    title: {
+        type: String,
+        default: ''
+    },
+    /**
+     * 优惠券类型：moneyOff：满减券，discount：折扣券，fixedAmount：无门槛券
+     * @values moneyOff,discount,fixedAmount
+     * */
+    type: {
+        type: String,
+        default: ''
+    },
+    /** 金额底部优惠券类型文字描述 */
+    typeText: {
+        type: String,
+        default: ''
+    },
+    /** 优惠券状态 */
+    status: {
+        type: String,
+        default: ''
+    },
+    /** 优惠券禁用状态 */
+    disabledStatus: {
+        type: Array,
+        default: () => ['']
+    },
+    /** 优惠券描述备注 */
+    description: {
+        type: String,
+        default: ''
+    },
+    /** 优惠券金额 */
+    amount: {
+        type: [String, Number],
+        default: ''
+    },
+    /** 优惠券单位，没有就用默认值 */
+    unit: {
+        type: String,
+        default: ''
+    },
+    /** 优惠券开始时间 */
+    startDate: {
+        type: String,
+        default: ''
+    },
+    /** 优惠券结束时间 */
+    endDate: {
+        type: String,
+        default: ''
+    },
+    /** 时间格式 */
+    format: {
+        type: String,
+        default: 'yyyy-MM-dd'
+    },
+    /** 日期描述，没有日期描述就用开始时间到结束时间 */
+    dateDesc: {
+        type: String,
+        default: ''
+    },
+    /** 背景色 */
+    bgColor: {
+        type: String,
+        default: ''
+    },
+    /** 是否显示阴影 */
+    boxShadow: {
+        type: Boolean,
+        default: false
+    },
+    /**
+     * 按钮类型
+     * @values text,button,none
+     * */
+    btnMode: {
+        type: String,
+        default: 'button'
+    },
+    /** 按钮文字 */
+    btnText: {
+        type: String,
+        default: '立即领取'
+    },
+    buttonProp: {
+        type: Object as PropType<HyButtonProps>,
+        default: () => ({})
+    },
+    /** 定义需要用到的外部样式 */
+    customStyle: {
+        type: Object as PropType<CSSProperties>
+    },
+    /** 自定义外部类名 */
+    customClass: String
+}
 
-export const props = {
-  /** 优惠券金额 */
-  amount: {
-    type: [String, Number],
-    required: true
-  },
-  /** 优惠券标题 */
-  title: {
-    type: String,
-    required: true
-  },
-  /** 优惠券副标题 */
-  subTitle: {
-    type: String,
-    default: defaultProps.subTitle
-  },
-  /**
-   * 优惠券主题类型
-   * @values primary,secondary,tertiary
-   */
-  type: {
-    type: String as PropType<CouponType>,
-    default: defaultProps.type,
-    validator: (value: CouponType) => {
-      return ["primary", "secondary", "tertiary"].includes(value);
-    }
-  },
-  /**
-   * 优惠券状态
-   * @values normal,disabled,used,expired
-   */
-  status: {
-    type: String as PropType<CouponStatus>,
-    default: defaultProps.status,
-    validator: (value: CouponStatus) => {
-      return ["normal", "disabled", "used", "expired"].includes(value);
-    }
-  },
-  /** 最小消费金额限制 */
-  minSpend: {
-    type: [String, Number],
-    default: defaultProps.minSpend
-  },
-  /** 有效期文本 */
-  validity: {
-    type: String,
-    default: defaultProps.validity
-  },
-  /** 自定义样式 */
-  customStyle: {
-    type: Object as PropType<CSSProperties>,
-    default: () => defaultProps.customStyle
-  },
-  /** 自定义类名 */
-  customClass: {
-    type: String,
-    default: defaultProps.customClass
-  },
-  /** 提示文本 */
-  tooltip: {
-    type: String,
-    default: defaultProps.tooltip
-  },
-  /** 是否显示操作按钮 */
-  showActionButton: {
-    type: Boolean,
-    default: defaultProps.showActionButton
-  },
-  /** 自定义按钮文本 */
-  customButtonText: {
-    type: String,
-    default: defaultProps.customButtonText
-  },
-  /** 是否为专属优惠券 */
-  isExclusive: {
-    type: Boolean,
-    default: defaultProps.isExclusive
-  },
-  /** 每用户限领数量 */
-  limitPerUser: {
-    type: Number,
-    default: defaultProps.limitPerUser
-  },
-  /** 使用日期（已使用状态时显示） */
-  usedDate: {
-    type: String,
-    default: defaultProps.usedDate
-  },
-  /** 过期日期（已过期状态时显示） */
-  expireDate: {
-    type: String,
-    default: defaultProps.expireDate
-  },
-  /** 禁用原因（已禁用状态时显示） */
-  disabledReason: {
-    type: String,
-    default: defaultProps.disabledReason
-  },
-  /** 点击时是否触发receive事件 */
-  triggerReceiveOnClick: {
-    type: Boolean,
-    default: defaultProps.triggerReceiveOnClick
-  }
-};
+export default couponProps

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

@@ -1,146 +1,147 @@
-import type { CSSProperties } from "vue";
-
-export type CouponStatus = 'normal' | 'disabled' | 'used' | 'expired';
-export type CouponType = 'primary' | 'secondary' | 'tertiary';
-
-export interface HyCouponProps {
-  /**
-   * 优惠券金额
-   * @type {string}
-   */
-  amount: string;
-  
-  /**
-   * 优惠券主题类型
-   * @type {'primary' | 'secondary' | 'tertiary'}
-   * @default 'primary'
-   * @values primary, secondary, tertiary
-   */
-  type?: CouponType;
-  
-  /**
-   * 优惠券标题
-   * @type {string}
-   */
-  title: string;
-  
-  /**
-   * 优惠券副标题
-   * @type {string}
-   * @default ''
-   */
-  subTitle?: string;
-  
-  /**
-   * 优惠券状态
-   * @type {'normal' | 'disabled' | 'used' | 'expired'}
-   * @default 'normal'
-   * @values normal, disabled, used, expired
-   */
-  status?: CouponStatus;
-  
-  /**
-   * 最小消费金额限制
-   * @type {number}
-   * @default 0
-   */
-  minSpend?: number;
-  
-  /**
-   * 有效期
-   * @type {string}
-   * @default ''
-   */
-  validity?: string;
-  
-  /**
-   * 是否显示左边界装饰
-   * @type {boolean}
-   * @default true
-   */
-  showLeftBorder?: boolean;
-  
-  /**
-   * 是否显示右边界装饰
-   * @type {boolean}
-   * @default true
-   */
-  showRightBorder?: boolean;
-  
-  /**
-   * 自定义样式
-   * @type {CSSProperties}
-   * @default {}
-   */
-  customStyle?: CSSProperties;
-  
-  /**
-   * 自定义类名
-   * @type {string}
-   * @default ''
-   */
-  customClass?: string;
-  
-  /**
-   * 提示文本
-   * @type {string}
-   * @default ''
-   */
-  tooltip?: string;
-  
-  /**
-   * 是否显示操作按钮
-   * @type {boolean}
-   * @default false
-   */
-  showActionButton?: boolean;
-  
-  /**
-   * 自定义按钮文本
-   * @type {string}
-   * @default ''
-   */
-  customButtonText?: string;
-  
-  /**
-   * 是否为专属优惠券
-   * @type {boolean}
-   * @default false
-   */
-  isExclusive?: boolean;
-  
-  /**
-   * 每用户限领数量
-   * @type {number}
-   * @default 0
-   */
-  limitPerUser?: number;
-  
-  /**
-   * 使用日期（已使用状态时显示）
-   * @type {string}
-   * @default ''
-   */
-  usedDate?: string;
-  
-  /**
-   * 过期日期（已过期状态时显示）
-   * @type {string}
-   * @default ''
-   */
-  expireDate?: string;
-  
-  /**
-   * 禁用原因（已禁用状态时显示）
-   * @type {string}
-   * @default ''
-   */
-  disabledReason?: string;
-  
-  /**
-   * 点击时是否触发receive事件
-   * @type {boolean}
-   * @default true
-   */
-  triggerReceiveOnClick?: boolean;
-}
+import type { CSSProperties } from 'vue'
+
+export type CouponStatus = 'unused' | 'used' | 'expired' | 'redeemed'
+/**
+ * moneyOff：满减券，discount：折扣券，fixedAmount：无门槛券
+ * */
+export type CouponType = 'moneyOff' | 'discount' | 'fixedAmount'
+
+export interface HyCouponProps {
+    /**
+     * 优惠券金额
+     * @type {string}
+     */
+    amount: string
+
+    /**
+     * 优惠券标题
+     * @type {string}
+     */
+    title: string
+
+    /**
+     * 优惠券副标题
+     * @type {string}
+     * @default ''
+     */
+    subTitle?: string
+
+    /**
+     * 优惠券状态
+     * @type {'normal' | 'disabled' | 'used' | 'expired'}
+     * @default 'normal'
+     */
+    status?: CouponStatus
+
+    /**
+     * 最小消费金额限制
+     * @type {number}
+     * @default 0
+     */
+    minSpend?: number
+
+    /**
+     * 有效期
+     * @type {string}
+     * @default ''
+     */
+    validity?: string
+
+    /**
+     * 是否显示左边界装饰
+     * @type {boolean}
+     * @default true
+     */
+    showLeftBorder?: boolean
+
+    /**
+     * 是否显示右边界装饰
+     * @type {boolean}
+     * @default true
+     */
+    showRightBorder?: boolean
+
+    /**
+     * 自定义样式
+     * @type {CSSProperties}
+     * @default {}
+     */
+    customStyle?: CSSProperties
+
+    /**
+     * 自定义类名
+     * @type {string}
+     * @default ''
+     */
+    customClass?: string
+
+    /**
+     * 提示文本
+     * @type {string}
+     * @default ''
+     */
+    tooltip?: string
+
+    /**
+     * 是否显示操作按钮
+     * @type {boolean}
+     * @default false
+     */
+    showActionButton?: boolean
+
+    /**
+     * 自定义按钮文本
+     * @type {string}
+     * @default ''
+     */
+    customButtonText?: string
+
+    /**
+     * 是否为专属优惠券
+     * @type {boolean}
+     * @default false
+     */
+    isExclusive?: boolean
+
+    /**
+     * 每用户限领数量
+     * @type {number}
+     * @default 0
+     */
+    limitPerUser?: number
+
+    /**
+     * 使用日期（已使用状态时显示）
+     * @type {string}
+     * @default ''
+     */
+    usedDate?: string
+
+    /**
+     * 过期日期（已过期状态时显示）
+     * @type {string}
+     * @default ''
+     */
+    expireDate?: string
+
+    /**
+     * 禁用原因（已禁用状态时显示）
+     * @type {string}
+     * @default ''
+     */
+    disabledReason?: string
+
+    /**
+     * 点击时是否触发receive事件
+     * @type {boolean}
+     * @default true
+     */
+    triggerReceiveOnClick?: boolean
+}
+
+export interface ICouponEmits {
+    /** 点击优惠券 */
+    (e: 'click'): void
+    /** 点击使用优惠券 */
+    (e: 'used'): void
+}

package/components/hy-datetime-picker/props.ts

@@ -113,9 +113,7 @@ const datetimePickerProps = {
     /** 各列的默认索引 */
     defaultIndex: {
         type: Array,
-        default() {
-            return []
-        }
+        default: () => []
     },
     /** 输入框是否显示边框 */
     hasInput: {

package/components/hy-folding-panel/props.ts

@@ -37,6 +37,6 @@ const foldingPanelProps = {
         type: String as PropType<HyApp.SizeType>,
         default: 'medium'
     }
-}
+} as const
 
 export default foldingPanelProps

package/components/hy-folding-panel/typing.d.ts

@@ -1,41 +1,3 @@
-import type { Ref, ToRefs } from 'vue'
-
-// 折叠面板组组件的Props接口
-export interface HyFoldingPanelGroupProps {
-    /**
-     * 当前激活的面板索引，支持v-model
-     */
-    modelValue?: number
-    /**
-     * 是否手风琴模式，默认false
-     */
-    accordion?: boolean
-    /**
-     * 是否禁用整个折叠面板组
-     */
-    disabled?: boolean
-    /**
-     * 是否显示边框，默认true
-     */
-    border?: boolean
-    /**
-     * 面板大小 large, medium, small
-     */
-    size?: HyApp.SizeType
-}
-
-// 父组件提供给子组件的配置接口
-export interface HyFoldingPanelGroupConfig extends ToRefs<HyFoldingPanelGroupProps> {
-    /**
-     * 当前激活的索引
-     */
-    activeIndex: Ref<number | string>
-    /**
-     * 更新激活索引的方法
-     */
-    updateActiveIndex: (index: number | string) => void
-}
-
 // 折叠面板组组件的事件接口
 export interface IFoldingPanelGroupEmits {
     /**

package/components/hy-folding-panel-item/hy-folding-panel-item.vue

@@ -67,8 +67,7 @@ export default {
 
 <script setup lang="ts">
 import { ref, computed, inject, onMounted } from 'vue'
-import type { HyFoldingPanelItemEmits } from './typing'
-import type { HyFoldingPanelGroupConfig } from '../hy-folding-panel/typing'
+import type { IFoldingPanelConfig, IFoldingPanelItemEmits } from './typing'
 import { addUnit, IconConfig } from '../../libs'
 import foldingPanelItemProps from './props'
 // 组件
@@ -86,7 +85,7 @@ const props = defineProps(foldingPanelItemProps)
 const emit = defineEmits<IFoldingPanelItemEmits>()
 
 // 尝试从父组件注入配置
-const groupConfig = inject<HyFoldingPanelGroupConfig>('hy-folding-panel')
+const groupConfig = inject<IFoldingPanelConfig>('hy-folding-panel')
 
 // 内部展开状态
 const expanded = ref(props.defaultOpen)
@@ -94,7 +93,6 @@ const expanded = ref(props.defaultOpen)
 // 计算当前是否展开
 const isExpanded = computed(() => {
     if (groupConfig?.accordion?.value) {
-        console.log(groupConfig.activeIndex.value, props.index)
         // 如果在group中，根据group的activeIndex判断
         return groupConfig.activeIndex.value === props.index
     }
@@ -105,7 +103,6 @@ const isExpanded = computed(() => {
 // 处理点击事件
 const handleClick = () => {
     if (props.disabled) return
-    console.log(groupConfig?.accordion?.value)
 
     if (groupConfig?.accordion?.value) {
         // 在group中时，通知group更新激活索引

package/components/hy-folding-panel-item/index.scss

@@ -10,16 +10,8 @@
     pointer-events: none;
   }
 
-  @include is(active) {
-    background-color: $hy-background--active;
-  }
-
   @include m(border) {
     border-bottom: $hy-border-line;
-
-    &:last-child {
-      border-bottom: none;
-    }
   }
 
   @include m(large) {

package/components/hy-folding-panel-item/typing.d.ts

@@ -1,3 +1,17 @@
+import foldingPanelProps from '../hy-folding-panel/props'
+import type { ExtractPropTypes, ToRefs } from 'vue'
+
+export interface IFoldingPanelConfig extends ToRefs<ExtractPropTypes<typeof foldingPanelProps>> {
+    /**
+     * 当前激活的索引
+     */
+    activeIndex: Ref<number | string>
+    /**
+     * 更新激活索引的方法
+     */
+    updateActiveIndex: (index: number | string) => void
+}
+
 // 折叠面板项组件的事件接口
 export interface IFoldingPanelItemEmits {
     /**