@yh-ui/components 0.1.56 → 1.0.4

package/dist/product-card/src/product-card.d.ts

@@ -7,172 +7,138 @@ export interface ProductBadge {
     color?: string;
 }
 export declare const productCardProps: {
-    /** 商品图片 */
     image: {
         type: StringConstructor;
         default: string;
     };
-    /** 鼠标悬浮切换图 */
     hoverImage: {
         type: StringConstructor;
         default: string;
     };
-    /** 视频预览地址 */
     videoSrc: {
         type: StringConstructor;
         default: string;
     };
-    /** 商品标题 */
     title: {
         type: StringConstructor;
         default: string;
     };
-    /** 副标题/属性简述 */
     description: {
         type: StringConstructor;
         default: string;
     };
-    /** 当前售价 */
     price: {
         type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
-    /** 会员价/到手价 */
     vipPrice: {
         type: (StringConstructor | NumberConstructor)[];
         default: string;
     };
-    /** 会员价标签文本 (默认 "会员价") */
     vipLabel: {
         type: StringConstructor;
         default: string;
     };
-    /** 划线价/参考价 */
     marketPrice: {
         type: (StringConstructor | NumberConstructor)[];
         default: string;
     };
-    /** 货币符号 */
     currency: {
         type: StringConstructor;
         default: string;
     };
-    /** 价格后置单位 (如: /件, /kg) */
     unit: {
         type: StringConstructor;
         default: string;
     };
-    /** 营销丝带文本 (推荐) */
     ribbon: {
         type: StringConstructor;
         default: string;
     };
-    /** 丝带背景颜色 */
     ribbonColor: {
         type: StringConstructor;
         default: string;
     };
-    /** 兼容性：标题标签文本 (不推荐，建议使用 ribbons 或 badges) */
     tag: {
         type: StringConstructor;
         default: string;
     };
-    /** 兼容性：标签颜色类型 */
     tagType: {
         type: PropType<"primary" | "success" | "warning" | "danger" | "info">;
         default: string;
     };
-    /** 标签组 (支持图片 or 文本标签) */
     badges: {
         type: PropType<ProductBadge[]>;
         default: () => never[];
     };
-    /** 布局模式 */
     layout: {
         type: PropType<ProductCardLayout>;
         default: string;
     };
-    /** 是否开启图片懒加载 */
     lazy: {
         type: BooleanConstructor;
         default: boolean;
     };
-    /** 库存进度（0-100） */
     stockProgress: {
         type: NumberConstructor;
         default: number;
     };
-    /** 库存进度条颜色 (支持渐变色) */
     stockColor: {
         type: StringConstructor;
         default: string;
     };
-    /** 库存文字提示 */
     stockText: {
         type: StringConstructor;
         default: string;
     };
-    /** 是否显示边框 */
     border: {
         type: BooleanConstructor;
         default: boolean;
     };
-    /** 是否开启悬浮阴影 */
     shadow: {
         type: BooleanConstructor;
         default: boolean;
     };
-    /** 是否只读 (隐藏所有操作按钮) */
     readonly: {
         type: BooleanConstructor;
         default: boolean;
     };
-    /** 操作按钮文本 */
     actionText: {
         type: StringConstructor;
         default: string;
     };
-    /** 按钮加载态 */
     actionLoading: {
         type: BooleanConstructor;
         default: boolean;
     };
-    /** 是否已售罄/禁用 */
     soldOut: {
         type: BooleanConstructor;
         default: boolean;
     };
-    /** 是否开启曝光监听 */
     exposure: {
         type: BooleanConstructor;
         default: boolean;
     };
-    /** 曝光上报阈值 (0-1) */
     exposureThreshold: {
         type: NumberConstructor;
         default: number;
     };
-    /** 曝光成功后是否只上报一次 */
     exposureOnce: {
         type: BooleanConstructor;
         default: boolean;
     };
-    /** 标题显示行数限制 (多行截断) */
     titleLines: {
         type: NumberConstructor;
         default: number;
     };
-    /** 描述显示行数限制 (多行截断) */
     descriptionLines: {
         type: NumberConstructor;
         default: number;
     };
-    /** 标签显示位置 */
     badgePosition: {
         type: PropType<"top" | "inline">;
         default: string;
     };
-    /** 主题覆盖 */
     themeOverrides: {
         type: PropType<Record<string, string>>;
         default: () => {};
@@ -182,7 +148,11 @@ export type ProductCardProps = ExtractPropTypes<typeof productCardProps>;
 export declare const productCardEmits: {
     click: (e: MouseEvent) => boolean;
     action: (e: MouseEvent) => boolean;
-    /** 曝光上报事件 */
     expose: () => boolean;
 };
 export type ProductCardEmits = typeof productCardEmits;
+export interface ProductCardSlots {
+    title?: () => unknown;
+    description?: () => unknown;
+    footer?: () => unknown;
+}

package/dist/product-card/src/product-card.mjs

@@ -1,170 +1,136 @@
 export const productCardProps = {
-  /** 商品图片 */
   image: {
     type: String,
     default: ""
   },
-  /** 鼠标悬浮切换图 */
   hoverImage: {
     type: String,
     default: ""
   },
-  /** 视频预览地址 */
   videoSrc: {
     type: String,
     default: ""
   },
-  /** 商品标题 */
   title: {
     type: String,
     default: ""
   },
-  /** 副标题/属性简述 */
   description: {
     type: String,
     default: ""
   },
-  /** 当前售价 */
   price: {
     type: [Number, String],
     default: 0
   },
-  /** 会员价/到手价 */
   vipPrice: {
     type: [Number, String],
     default: ""
   },
-  /** 会员价标签文本 (默认 "会员价") */
   vipLabel: {
     type: String,
-    default: "\u4F1A\u5458"
+    default: ""
   },
-  /** 划线价/参考价 */
   marketPrice: {
     type: [Number, String],
     default: ""
   },
-  /** 货币符号 */
   currency: {
     type: String,
     default: "\xA5"
   },
-  /** 价格后置单位 (如: /件, /kg) */
   unit: {
     type: String,
     default: ""
   },
-  /** 营销丝带文本 (推荐) */
   ribbon: {
     type: String,
     default: ""
   },
-  /** 丝带背景颜色 */
   ribbonColor: {
     type: String,
     default: ""
   },
-  /** 兼容性：标题标签文本 (不推荐，建议使用 ribbons 或 badges) */
   tag: {
     type: String,
     default: ""
   },
-  /** 兼容性：标签颜色类型 */
   tagType: {
     type: String,
     default: "danger"
   },
-  /** 标签组 (支持图片 or 文本标签) */
   badges: {
     type: Array,
     default: () => []
   },
-  /** 布局模式 */
   layout: {
     type: String,
     default: "vertical"
   },
-  /** 是否开启图片懒加载 */
   lazy: {
     type: Boolean,
     default: true
   },
-  /** 库存进度（0-100） */
   stockProgress: {
     type: Number,
     default: 0
   },
-  /** 库存进度条颜色 (支持渐变色) */
   stockColor: {
     type: String,
     default: ""
   },
-  /** 库存文字提示 */
   stockText: {
     type: String,
     default: ""
   },
-  /** 是否显示边框 */
   border: {
     type: Boolean,
     default: true
   },
-  /** 是否开启悬浮阴影 */
   shadow: {
     type: Boolean,
     default: true
   },
-  /** 是否只读 (隐藏所有操作按钮) */
   readonly: {
     type: Boolean,
     default: false
   },
-  /** 操作按钮文本 */
   actionText: {
     type: String,
     default: ""
   },
-  /** 按钮加载态 */
   actionLoading: {
     type: Boolean,
     default: false
   },
-  /** 是否已售罄/禁用 */
   soldOut: {
     type: Boolean,
     default: false
   },
-  /** 是否开启曝光监听 */
   exposure: {
     type: Boolean,
     default: false
   },
-  /** 曝光上报阈值 (0-1) */
   exposureThreshold: {
     type: Number,
     default: 0.5
   },
-  /** 曝光成功后是否只上报一次 */
   exposureOnce: {
     type: Boolean,
     default: true
   },
-  /** 标题显示行数限制 (多行截断) */
   titleLines: {
     type: Number,
     default: 2
   },
-  /** 描述显示行数限制 (多行截断) */
   descriptionLines: {
     type: Number,
     default: 1
   },
-  /** 标签显示位置 */
   badgePosition: {
     type: String,
     default: "top"
   },
-  /** 主题覆盖 */
   themeOverrides: {
     type: Object,
     default: () => ({})
@@ -173,6 +139,5 @@ export const productCardProps = {
 export const productCardEmits = {
   click: (e) => e instanceof MouseEvent,
   action: (e) => e instanceof MouseEvent,
-  /** 曝光上报事件 */
   expose: () => true
 };

package/dist/product-card/src/product-card.vue

@@ -1,12 +1,13 @@
 <script setup>
 import { ref, computed, onMounted, onUnmounted, watch } from "vue";
-import { useNamespace } from "@yh-ui/hooks";
+import { useNamespace, useLocale } from "@yh-ui/hooks";
 import { useComponentTheme } from "@yh-ui/theme";
 import { productCardProps, productCardEmits } from "./product-card";
 defineOptions({ name: "YhProductCard" });
 const props = defineProps(productCardProps);
 const emit = defineEmits(productCardEmits);
 const ns = useNamespace("product-card");
+const { t } = useLocale();
 const { themeStyle } = useComponentTheme(
   "product-card",
   computed(() => props.themeOverrides)
@@ -63,6 +64,9 @@ const displayVipPrice = computed(() => {
   const p = Number(props.vipPrice);
   return isNaN(p) ? props.vipPrice : p.toFixed(2);
 });
+const vipLabelText = computed(() => props.vipLabel || t("productcard.vip"));
+const soldOutText = computed(() => t("productcard.soldOut"));
+const actionText = computed(() => props.actionText || t("productcard.buyNow"));
 const stockStyle = computed(() => ({
   width: `${Math.min(100, Math.max(0, props.stockProgress))}%`,
   background: props.stockColor || "var(--yh-color-primary)"
@@ -92,7 +96,6 @@ const handleBadgeImageError = (idx) => {
     @mouseenter="handleMouseEnter"
     @mouseleave="handleMouseLeave"
   >
-    <!-- 1. Ribbon System (Feature 1) -->
     <div
       v-if="props.ribbon"
       :class="ns.e('ribbon')"
@@ -103,7 +106,6 @@ const handleBadgeImageError = (idx) => {
       {{ props.ribbon }}
     </div>
 
-    <!-- Media Area (Feature 3) -->
     <div :class="ns.e('image-wrapper')">
       <img
         :src="currentImage"
@@ -112,22 +114,18 @@ const handleBadgeImageError = (idx) => {
         :loading="props.lazy ? 'lazy' : 'eager'"
       />
 
-      <!-- Video Preview Overlay -->
       <Transition name="yh-fade">
         <div v-if="videoActive && props.videoSrc" :class="ns.e('video-overlay')">
           <video :src="props.videoSrc" autoplay muted loop playsinline :class="ns.e('video')" />
         </div>
       </Transition>
 
-      <!-- Sold Out Mask (Feature 4) -->
       <div v-if="props.soldOut" :class="ns.e('sold-out-mask')">
-        <span :class="ns.e('sold-out-text')">售罄</span>
+        <span :class="ns.e('sold-out-text')">{{ soldOutText }}</span>
       </div>
     </div>
 
-    <!-- Content Area -->
     <div :class="ns.e('content')">
-      <!-- 1. Badges System (Row Style: Above Title) -->
       <div
         v-if="(props.tag || props.badges.length) && props.badgePosition === 'top'"
         :class="ns.e('badges')"
@@ -156,7 +154,6 @@ const handleBadgeImageError = (idx) => {
       </div>
 
       <h3 :class="ns.e('title')" :title="props.title">
-        <!-- 2. Badges System (Inline Style: Prefix) -->
         <span
           v-if="(props.tag || props.badges.length) && props.badgePosition === 'inline'"
           :class="[ns.e('badges'), ns.is('inline')]"
@@ -194,7 +191,6 @@ const handleBadgeImageError = (idx) => {
         <slot name="description">{{ props.description }}</slot>
       </div>
 
-      <!-- Price Area (Feature 2) -->
       <div :class="ns.e('price-row')">
         <div :class="ns.e('main-price')">
           <span :class="ns.e('currency')">{{ props.currency }}</span>
@@ -203,7 +199,7 @@ const handleBadgeImageError = (idx) => {
         </div>
 
         <div v-if="props.vipPrice" :class="ns.e('vip-row')">
-          <span :class="ns.e('vip-label')">{{ props.vipLabel }}</span>
+          <span :class="ns.e('vip-label')">{{ vipLabelText }}</span>
           <span :class="ns.e('currency')">{{ props.currency }}</span>
           <span :class="ns.e('vip-price')">{{ displayVipPrice }}</span>
         </div>
@@ -213,7 +209,6 @@ const handleBadgeImageError = (idx) => {
         </div>
       </div>
 
-      <!-- Stock Progress (Feature 2 & 侧边栏需求) -->
       <div v-if="props.stockProgress" :class="ns.e('stock-area')">
         <div :class="ns.e('stock-bar-bg')">
           <div :class="ns.e('stock-bar-inner')" :style="stockStyle" />
@@ -221,7 +216,6 @@ const handleBadgeImageError = (idx) => {
         <span v-if="props.stockText" :class="ns.e('stock-text')">{{ props.stockText }}</span>
       </div>
 
-      <!-- Footer Actions (Feature 4) -->
       <div v-if="!props.readonly" :class="ns.e('footer')">
         <slot name="footer">
           <button
@@ -229,7 +223,7 @@ const handleBadgeImageError = (idx) => {
             @click.stop="handleAction"
           >
             <span v-if="props.actionLoading" :class="ns.e('loading-spinner')" />
-            {{ props.actionText || "\u7ACB\u5373\u8D2D\u4E70" }}
+            {{ actionText }}
           </button>
         </slot>
       </div>

package/dist/product-card/src/product-card.vue.d.ts

@@ -294,6 +294,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     image: string;
     tag: string;
     description: string;
+    soldOut: boolean;
     readonly: boolean;
     themeOverrides: Record<string, string>;
     border: boolean;
@@ -316,7 +317,6 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     stockText: string;
     actionText: string;
     actionLoading: boolean;
-    soldOut: boolean;
     exposure: boolean;
     exposureThreshold: number;
     exposureOnce: boolean;

package/dist/progress/index.d.ts

@@ -323,3 +323,8 @@ export declare const YhProgress: import("@yh-ui/utils").SFCWithInstall<{
 export default YhProgress;
 export * from './src/progress';
 export type ProgressInstance = InstanceType<typeof Progress>;
+export type YhProgressInstance = ProgressInstance;
+export type YhProgressProps = import('./src/progress').ProgressProps;
+export type YhProgressSlots = import('./src/progress').ProgressSlots;
+export type YhProgressType = import('./src/progress').ProgressType;
+export type YhProgressStatus = import('./src/progress').ProgressStatus;

package/dist/progress/src/progress.d.ts

@@ -104,3 +104,8 @@ export declare const progressProps: {
     };
 };
 export type ProgressProps = ExtractPropTypes<typeof progressProps>;
+export interface ProgressSlots {
+    default?: (props: {
+        percentage: number;
+    }) => unknown;
+}

package/dist/radio/index.d.ts

@@ -157,3 +157,17 @@ export * from './src/radio';
 export type RadioInstance = InstanceType<typeof Radio>;
 export type RadioGroupInstance = InstanceType<typeof RadioGroup>;
 export type RadioButtonInstance = InstanceType<typeof RadioButton>;
+export type YhRadioInstance = RadioInstance;
+export type YhRadioGroupInstance = RadioGroupInstance;
+export type YhRadioButtonInstance = RadioButtonInstance;
+export type YhRadioProps = import('./src/radio').RadioProps;
+export type YhRadioEmits = import('./src/radio').RadioEmits;
+export type YhRadioSlots = import('./src/radio').RadioSlots;
+export type YhRadioExpose = import('./src/radio').RadioExpose;
+export type YhRadioGroupProps = import('./src/radio').RadioGroupProps;
+export type YhRadioGroupEmits = import('./src/radio').RadioGroupEmits;
+export type YhRadioGroupOption = import('./src/radio').RadioGroupOption;
+export type YhRadioButtonProps = import('./src/radio').RadioButtonProps;
+export type YhRadioButtonEmits = import('./src/radio').RadioButtonEmits;
+export type YhRadioButtonExpose = import('./src/radio').RadioButtonExpose;
+export type YhRadioValueType = import('./src/radio').RadioValueType;

package/dist/rate/index.d.ts

@@ -62,7 +62,7 @@ export declare const YhRate: import("@yh-ui/utils").SFCWithInstall<{
             readonly default: "{value}";
         };
         readonly size: {
-            readonly type: import("vue").PropType<"large" | "default" | "small">;
+            readonly type: import("vue").PropType<import("./index.js").RateSize>;
             readonly default: "default";
         };
         readonly clearable: {
@@ -80,7 +80,7 @@ export declare const YhRate: import("@yh-ui/utils").SFCWithInstall<{
         change: (value: number) => void;
         "update:modelValue": (value: number) => void;
     }, import("vue").PublicProps, {
-        readonly size: "large" | "default" | "small";
+        readonly size: import("./index.js").RateSize;
         readonly disabled: boolean;
         readonly colors: string | string[] | Record<number, string>;
         readonly textColor: string;
@@ -167,7 +167,7 @@ export declare const YhRate: import("@yh-ui/utils").SFCWithInstall<{
             readonly default: "{value}";
         };
         readonly size: {
-            readonly type: import("vue").PropType<"large" | "default" | "small">;
+            readonly type: import("vue").PropType<import("./index.js").RateSize>;
             readonly default: "default";
         };
         readonly clearable: {
@@ -182,7 +182,7 @@ export declare const YhRate: import("@yh-ui/utils").SFCWithInstall<{
         onChange?: ((value: number) => any) | undefined;
         "onUpdate:modelValue"?: ((value: number) => any) | undefined;
     }>, {}, {}, {}, {}, {
-        readonly size: "large" | "default" | "small";
+        readonly size: import("./index.js").RateSize;
         readonly disabled: boolean;
         readonly colors: string | string[] | Record<number, string>;
         readonly textColor: string;
@@ -266,7 +266,7 @@ export declare const YhRate: import("@yh-ui/utils").SFCWithInstall<{
         readonly default: "{value}";
     };
     readonly size: {
-        readonly type: import("vue").PropType<"large" | "default" | "small">;
+        readonly type: import("vue").PropType<import("./index.js").RateSize>;
         readonly default: "default";
     };
     readonly clearable: {
@@ -284,7 +284,7 @@ export declare const YhRate: import("@yh-ui/utils").SFCWithInstall<{
     change: (value: number) => void;
     "update:modelValue": (value: number) => void;
 }, string, {
-    readonly size: "large" | "default" | "small";
+    readonly size: import("./index.js").RateSize;
     readonly disabled: boolean;
     readonly colors: string | string[] | Record<number, string>;
     readonly textColor: string;
@@ -315,3 +315,8 @@ export declare const YhRate: import("@yh-ui/utils").SFCWithInstall<{
 export default YhRate;
 export * from './src/rate';
 export type RateInstance = InstanceType<typeof Rate>;
+export type YhRateSize = import('./src/rate').RateSize;
+export type YhRateProps = import('./src/rate').RateProps;
+export type YhRateEmits = import('./src/rate').RateEmits;
+export type YhRateSlots = import('./src/rate').RateSlots;
+export type YhRateInstance = RateInstance;

package/dist/rate/src/rate.d.ts

@@ -1,4 +1,5 @@
 import type { ExtractPropTypes, PropType, Component } from 'vue';
+export type RateSize = 'large' | 'default' | 'small';
 export declare const rateProps: {
     readonly modelValue: {
         readonly type: NumberConstructor;
@@ -61,7 +62,7 @@ export declare const rateProps: {
         readonly default: "{value}";
     };
     readonly size: {
-        readonly type: PropType<"large" | "default" | "small">;
+        readonly type: PropType<RateSize>;
         readonly default: "default";
     };
     readonly clearable: {
@@ -80,3 +81,11 @@ export declare const rateEmits: {
     change: (value: number) => boolean;
 };
 export type RateEmits = typeof rateEmits;
+export interface RateSlots {
+    icon?: (props: {
+        index: number;
+        width: string;
+        activeColor: string;
+        voidColor: string;
+    }) => unknown;
+}

package/dist/rate/src/rate.vue.d.ts

@@ -69,7 +69,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         readonly default: "{value}";
     };
     readonly size: {
-        readonly type: import("vue").PropType<"large" | "default" | "small">;
+        readonly type: import("vue").PropType<import("./rate").RateSize>;
         readonly default: "default";
     };
     readonly clearable: {
@@ -145,7 +145,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         readonly default: "{value}";
     };
     readonly size: {
-        readonly type: import("vue").PropType<"large" | "default" | "small">;
+        readonly type: import("vue").PropType<import("./rate").RateSize>;
         readonly default: "default";
     };
     readonly clearable: {
@@ -160,7 +160,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     onChange?: ((value: number) => any) | undefined;
     "onUpdate:modelValue"?: ((value: number) => any) | undefined;
 }>, {
-    readonly size: "large" | "default" | "small";
+    readonly size: import("./rate").RateSize;
     readonly disabled: boolean;
     readonly colors: string | string[] | Record<number, string>;
     readonly textColor: string;

package/dist/result/index.d.ts

@@ -33,3 +33,7 @@ export declare const YhResult: import("@yh-ui/utils").SFCWithInstall<{
 export default YhResult;
 export * from './src/result';
 export type ResultInstance = InstanceType<typeof Result>;
+export type YhResultInstance = ResultInstance;
+export type YhResultProps = import('./src/result').ResultProps;
+export type YhResultSlots = import('./src/result').ResultSlots;
+export type YhResultIconType = import('./src/result').ResultIconType;