@yh-ui/components 0.1.56 → 1.0.1

package/dist/sku-selector/src/sku-selector.mjs

@@ -1,55 +1,44 @@
 export const skuSelectorProps = {
-  /** 规格列表 */
   specs: {
     type: Array,
     default: () => []
   },
-  /** SKU 列表 */
   skus: {
     type: Array,
     default: () => []
   },
-  /** 当前选中的规格值 ID 列表（支持 v-model） */
   modelValue: {
     type: Array,
     default: () => []
   },
-  /** 是否开启库存检查，库存为 0 的组合将自动置灰 */
   checkStock: {
     type: Boolean,
     default: true
   },
-  /** 整体是否禁用 */
   disabled: {
     type: Boolean,
     default: false
   },
-  /** 是否允许点击已选中项来取消选中 */
   allowUnselect: {
     type: Boolean,
     default: true
   },
-  /** 规格选项的尺寸 */
   size: {
     type: String,
     default: "default"
   },
-  /** 图片规格的图片高度（px） */
   imageSize: {
     type: Number,
     default: 80
   },
-  /** 是否显示已选规格的汇总文本，如 "已选：红色/L" */
   showSelectedSummary: {
     type: Boolean,
     default: false
   },
-  /** 汇总文本前缀 */
   summaryPrefix: {
     type: String,
-    default: "\u5DF2\u9009"
+    default: ""
   },
-  /** 主题变量覆盖 */
   themeOverrides: {
     type: Object,
     default: () => ({})
@@ -57,8 +46,6 @@ export const skuSelectorProps = {
 };
 export const skuSelectorEmits = {
   "update:modelValue": (value) => Array.isArray(value),
-  /** 每次选中结果变化时触发，sku 为 null 表示未完整选中 */
   change: (_sku, _selectedValues) => true,
-  /** 点击某个规格值时触发（无论是否可选） */
   select: (_spec, _value) => true
 };

package/dist/sku-selector/src/sku-selector.vue

@@ -1,13 +1,13 @@
 <script setup>
 import { computed } from "vue";
-import { useNamespace } from "@yh-ui/hooks";
+import { useNamespace, useLocale, useSKU } from "@yh-ui/hooks";
 import { useComponentTheme } from "@yh-ui/theme";
-import { useSKU } from "@yh-ui/hooks";
 import { skuSelectorProps, skuSelectorEmits } from "./sku-selector";
 defineOptions({ name: "YhSkuSelector" });
 const props = defineProps(skuSelectorProps);
 const emit = defineEmits(skuSelectorEmits);
 const ns = useNamespace("sku-selector");
+const { t } = useLocale();
 const { themeStyle } = useComponentTheme(
   "sku-selector",
   computed(() => props.themeOverrides)
@@ -28,13 +28,15 @@ const handleValueClick = (index, spec, value) => {
 const isValueActive = (valueId) => {
   return selectedValueIds.value.includes(valueId);
 };
+const summaryPrefixText = computed(() => props.summaryPrefix || t("skuselector.selected"));
+const summaryPlaceholder = computed(() => t("skuselector.placeholder"));
 const selectedSummary = computed(() => {
   if (!props.showSelectedSummary) return "";
   const names = props.specs.map((spec) => {
     const selectedId = selectedValueIds.value.find((id) => spec.values.some((v) => v.id === id));
     return spec.values.find((v) => v.id === selectedId)?.name ?? "";
   }).filter(Boolean);
-  return names.length ? `${props.summaryPrefix}\uFF1A${names.join(" / ")}` : "";
+  return names.length ? `${summaryPrefixText.value}: ${names.join(" / ")}` : "";
 });
 const imgSizePx = computed(() => `${props.imageSize}px`);
 </script>
@@ -47,24 +49,20 @@ const imgSizePx = computed(() => `${props.imageSize}px`);
 }]"
     role="group"
   >
-    <!-- 已选汇总 -->
     <div v-if="showSelectedSummary" :class="ns.e('summary')">
       <slot name="summary" :summary="selectedSummary" :sku="selectedSku">
         <span v-if="selectedSummary" :class="ns.e('summary-text')">{{ selectedSummary }}</span>
-        <span v-else :class="ns.e('summary-placeholder')">请选择规格</span>
+        <span v-else :class="ns.e('summary-placeholder')">{{ summaryPlaceholder }}</span>
       </slot>
     </div>
 
-    <!-- 规格行 -->
     <div v-for="(spec, index) in specs" :key="spec.id" :class="ns.e('item')">
-      <!-- 规格标题 -->
       <div :class="ns.e('label')">
         <slot name="label" :spec="spec">
           <span :class="ns.e('label-name')">{{ spec.name }}</span>
         </slot>
       </div>
 
-      <!-- 规格值列表 -->
       <div :class="[ns.e('values'), spec.mode ? ns.em('values', spec.mode) : '']">
         <div
           v-for="value in spec.values"
@@ -82,7 +80,6 @@ const imgSizePx = computed(() => `${props.imageSize}px`);
             :active="isValueActive(value.id)"
             :disabled="!isValueSelectable(index, value.id)"
           >
-            <!-- 色块模式 -->
             <span
               v-if="spec.mode === 'color'"
               :class="ns.e('color-swatch')"
@@ -91,7 +88,6 @@ const imgSizePx = computed(() => `${props.imageSize}px`);
 }"
             />
 
-            <!-- 图片模式 -->
             <span v-else-if="spec.mode === 'image'" :class="ns.e('img-wrap')">
               <img
                 v-if="value.image"
@@ -101,7 +97,6 @@ const imgSizePx = computed(() => `${props.imageSize}px`);
               />
             </span>
 
-            <!-- 默认：文字 + 标签 -->
             <span :class="ns.e('value-name')">{{ value.name }}</span>
             <span v-if="value.tag" :class="ns.e('value-tag')">{{ value.tag }}</span>
           </slot>

package/dist/slider/index.d.ts

@@ -112,7 +112,11 @@ export declare const YhSlider: import("@yh-ui/utils").SFCWithInstall<{
         onInput?: ((_val: import("./index.js").SliderValueType) => any) | undefined;
         onChange?: ((_val: import("./index.js").SliderValueType) => any) | undefined;
         "onUpdate:modelValue"?: ((_val: import("./index.js").SliderValueType) => any) | undefined;
-    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    }>, {
+        sliderRef: import("vue").Ref<HTMLElement | undefined>;
+        firstValue: import("vue").Ref<number>;
+        secondValue: import("vue").Ref<number>;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         input: (_val: import("./index.js").SliderValueType) => void;
         change: (_val: import("./index.js").SliderValueType) => void;
         "update:modelValue": (_val: import("./index.js").SliderValueType) => void;
@@ -265,7 +269,11 @@ export declare const YhSlider: import("@yh-ui/utils").SFCWithInstall<{
         onInput?: ((_val: import("./index.js").SliderValueType) => any) | undefined;
         onChange?: ((_val: import("./index.js").SliderValueType) => any) | undefined;
         "onUpdate:modelValue"?: ((_val: import("./index.js").SliderValueType) => any) | undefined;
-    }>, {}, {}, {}, {}, {
+    }>, {
+        sliderRef: import("vue").Ref<HTMLElement | undefined>;
+        firstValue: import("vue").Ref<number>;
+        secondValue: import("vue").Ref<number>;
+    }, {}, {}, {}, {
         label: string;
         size: "" | "large" | "default" | "small";
         disabled: boolean;
@@ -411,7 +419,11 @@ export declare const YhSlider: import("@yh-ui/utils").SFCWithInstall<{
     onInput?: ((_val: import("./index.js").SliderValueType) => any) | undefined;
     onChange?: ((_val: import("./index.js").SliderValueType) => any) | undefined;
     "onUpdate:modelValue"?: ((_val: import("./index.js").SliderValueType) => any) | undefined;
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}>, {
+    sliderRef: import("vue").Ref<HTMLElement | undefined>;
+    firstValue: import("vue").Ref<number>;
+    secondValue: import("vue").Ref<number>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     input: (_val: import("./index.js").SliderValueType) => void;
     change: (_val: import("./index.js").SliderValueType) => void;
     "update:modelValue": (_val: import("./index.js").SliderValueType) => void;
@@ -465,3 +477,8 @@ export declare const YhSlider: import("@yh-ui/utils").SFCWithInstall<{
 export default YhSlider;
 export * from './src/slider';
 export type SliderInstance = InstanceType<typeof Slider>;
+export type YhSliderInstance = SliderInstance;
+export type YhSliderProps = import('./src/slider').SliderProps;
+export type YhSliderEmits = import('./src/slider').SliderEmits;
+export type YhSliderSlots = import('./src/slider').SliderSlots;
+export type YhSliderExpose = import('./src/slider').SliderExpose;

package/dist/slider/src/slider.d.ts

@@ -1,5 +1,6 @@
 import type { CSSProperties, ExtractPropTypes, PropType } from 'vue';
 import type { InputNumberSize } from '../../input-number';
+import type { Ref } from 'vue';
 export type { InputNumberSize };
 export type SliderValueType = number | [number, number];
 export declare const sliderProps: {
@@ -144,3 +145,17 @@ export declare const sliderEmits: {
     input: (_val: SliderValueType) => boolean;
 };
 export type SliderEmits = typeof sliderEmits;
+export interface SliderSlots {
+    thumb?: (scope: {
+        value: number;
+    }) => unknown;
+    mark?: (scope: {
+        mark: string;
+    }) => unknown;
+    default?: () => unknown;
+}
+export interface SliderExpose {
+    sliderRef: Ref<HTMLElement | undefined>;
+    firstValue: Ref<number>;
+    secondValue: Ref<number>;
+}

package/dist/slider/src/slider.vue

@@ -189,6 +189,11 @@ const handleInputChange = (val) => {
 onMounted(() => {
   initValues();
 });
+defineExpose({
+  sliderRef,
+  firstValue,
+  secondValue
+});
 </script>
 
 <template>

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

@@ -124,7 +124,11 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         type: import("vue").PropType<import("@yh-ui/theme").ComponentThemeVars>;
         default: undefined;
     };
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}>, {
+    sliderRef: import("vue").Ref<HTMLElement | undefined>;
+    firstValue: import("vue").Ref<number>;
+    secondValue: import("vue").Ref<number>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     input: (_val: SliderValueType) => void;
     change: (_val: SliderValueType) => void;
     "update:modelValue": (_val: SliderValueType) => void;

package/dist/smart-address/index.d.ts

@@ -66,7 +66,7 @@ export declare const YhSmartAddress: import("@yh-ui/utils").SFCWithInstall<{
             default: null;
         };
         themeOverrides: {
-            type: import("vue").PropType<Record<string, string>>;
+            type: import("vue").PropType<import("@yh-ui/theme").ComponentThemeVars>;
             default: () => {};
         };
     }>> & Readonly<{
@@ -81,7 +81,7 @@ export declare const YhSmartAddress: import("@yh-ui/utils").SFCWithInstall<{
         required: boolean;
         parser: (raw: string) => import("./index.js").ParsedAddress;
         disabled: boolean;
-        themeOverrides: Record<string, string>;
+        themeOverrides: import("@yh-ui/theme").ComponentThemeVars;
         modelValue: import("./index.js").AddressValue;
         labelPlacement: "top" | "left";
         labelField: string;
@@ -168,7 +168,7 @@ export declare const YhSmartAddress: import("@yh-ui/utils").SFCWithInstall<{
             default: null;
         };
         themeOverrides: {
-            type: import("vue").PropType<Record<string, string>>;
+            type: import("vue").PropType<import("@yh-ui/theme").ComponentThemeVars>;
             default: () => {};
         };
     }>> & Readonly<{
@@ -179,7 +179,7 @@ export declare const YhSmartAddress: import("@yh-ui/utils").SFCWithInstall<{
         required: boolean;
         parser: (raw: string) => import("./index.js").ParsedAddress;
         disabled: boolean;
-        themeOverrides: Record<string, string>;
+        themeOverrides: import("@yh-ui/theme").ComponentThemeVars;
         modelValue: import("./index.js").AddressValue;
         labelPlacement: "top" | "left";
         labelField: string;
@@ -263,7 +263,7 @@ export declare const YhSmartAddress: import("@yh-ui/utils").SFCWithInstall<{
         default: null;
     };
     themeOverrides: {
-        type: import("vue").PropType<Record<string, string>>;
+        type: import("vue").PropType<import("@yh-ui/theme").ComponentThemeVars>;
         default: () => {};
     };
 }>> & Readonly<{
@@ -278,7 +278,7 @@ export declare const YhSmartAddress: import("@yh-ui/utils").SFCWithInstall<{
     required: boolean;
     parser: (raw: string) => import("./index.js").ParsedAddress;
     disabled: boolean;
-    themeOverrides: Record<string, string>;
+    themeOverrides: import("@yh-ui/theme").ComponentThemeVars;
     modelValue: import("./index.js").AddressValue;
     labelPlacement: "top" | "left";
     labelField: string;
@@ -329,3 +329,8 @@ export * from './src/use-address-parser';
 export type SmartAddressInstance = InstanceType<typeof SmartAddress>;
 export type YhSmartAddressInstance = SmartAddressInstance;
 export type YhSmartAddressProps = import('./src/smart-address').SmartAddressProps;
+export type YhSmartAddressEmits = import('./src/smart-address').SmartAddressEmits;
+export type YhSmartAddressSlots = import('./src/smart-address').SmartAddressSlots;
+export type YhAddressValue = import('./src/smart-address').AddressValue;
+export type YhRegionOption = import('./src/smart-address').RegionOption;
+export type YhParsedAddress = import('./src/use-address-parser').ParsedAddress;

package/dist/smart-address/src/smart-address.cjs

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.smartAddressProps = exports.smartAddressEmits = void 0;
 const smartAddressProps = exports.smartAddressProps = {
-  /** 当前地址值（支持 v-model） */
   modelValue: {
     type: Object,
     default: () => ({
@@ -18,82 +17,66 @@ const smartAddressProps = exports.smartAddressProps = {
       detail: ""
     })
   },
-  /** 是否显示姓名字段 */
   showName: {
     type: Boolean,
     default: true
   },
-  /** 是否显示电话字段 */
   showPhone: {
     type: Boolean,
     default: true
   },
-  /** 是否显示街道字段 */
   showStreet: {
     type: Boolean,
     default: false
   },
-  /** 智能识别输入框的 placeholder */
   parsePlaceholder: {
     type: String,
     default: ""
   },
-  /** 是否必填（显示星号） */
   required: {
     type: Boolean,
     default: false
   },
-  /** 是否禁用 */
   disabled: {
     type: Boolean,
     default: false
   },
-  /** 识别按钮文案 */
   parseButtonText: {
     type: String,
     default: ""
   },
-  /** 是否显示智能识别区域 */
   showParser: {
     type: Boolean,
     default: true
   },
-  /** 省市区输入模式 */
   regionType: {
     type: String,
     default: "input"
   },
-  /** 省市区选项数据源（树形） */
   regionOptions: {
     type: Array,
     default: () => []
   },
-  /** 自定义选项的标签字段 */
   labelField: {
     type: String,
     default: "label"
   },
-  /** 自定义选项的值字段 */
   valueField: {
     type: String,
     default: "value"
   },
-  /** 自定义选项的子级字段 */
   childrenField: {
     type: String,
     default: "children"
   },
-  /** 标签位置 */
   labelPlacement: {
     type: String,
     default: "left"
   },
-  /** 自定义解析函数 (用于替代内置解析逻辑) */
   parser: {
     type: Function,
     default: null
   },
-  /** 主题变量覆盖 */
   themeOverrides: {
     type: Object,
     default: () => ({})
@@ -101,8 +84,6 @@ const smartAddressProps = exports.smartAddressProps = {
 };
 const smartAddressEmits = exports.smartAddressEmits = {
   "update:modelValue": val => val !== void 0,
-  /** 智能识别完成 */
   parsed: val => val !== void 0,
-  /** 任意字段变化 */
   change: val => val !== void 0
 };

package/dist/smart-address/src/smart-address.d.ts

@@ -1,3 +1,4 @@
+import type { ComponentThemeVars } from '@yh-ui/theme';
 import type { ExtractPropTypes, PropType } from 'vue';
 import type { ParsedAddress } from './use-address-parser';
 export type { ParsedAddress };
@@ -17,98 +18,90 @@ export interface RegionOption {
     [key: string]: unknown;
 }
 export declare const smartAddressProps: {
-    /** 当前地址值（支持 v-model） */
     modelValue: {
         type: PropType<AddressValue>;
         default: () => AddressValue;
     };
-    /** 是否显示姓名字段 */
     showName: {
         type: BooleanConstructor;
         default: boolean;
     };
-    /** 是否显示电话字段 */
     showPhone: {
         type: BooleanConstructor;
         default: boolean;
     };
-    /** 是否显示街道字段 */
     showStreet: {
         type: BooleanConstructor;
         default: boolean;
     };
-    /** 智能识别输入框的 placeholder */
     parsePlaceholder: {
         type: StringConstructor;
         default: string;
     };
-    /** 是否必填（显示星号） */
     required: {
         type: BooleanConstructor;
         default: boolean;
     };
-    /** 是否禁用 */
     disabled: {
         type: BooleanConstructor;
         default: boolean;
     };
-    /** 识别按钮文案 */
     parseButtonText: {
         type: StringConstructor;
         default: string;
     };
-    /** 是否显示智能识别区域 */
     showParser: {
         type: BooleanConstructor;
         default: boolean;
     };
-    /** 省市区输入模式 */
     regionType: {
         type: PropType<"input" | "select" | "cascader">;
         default: string;
     };
-    /** 省市区选项数据源（树形） */
     regionOptions: {
         type: PropType<RegionOption[]>;
         default: () => never[];
     };
-    /** 自定义选项的标签字段 */
     labelField: {
         type: StringConstructor;
         default: string;
     };
-    /** 自定义选项的值字段 */
     valueField: {
         type: StringConstructor;
         default: string;
     };
-    /** 自定义选项的子级字段 */
     childrenField: {
         type: StringConstructor;
         default: string;
     };
-    /** 标签位置 */
     labelPlacement: {
         type: PropType<"left" | "top">;
         default: string;
     };
-    /** 自定义解析函数 (用于替代内置解析逻辑) */
     parser: {
         type: PropType<(raw: string) => ParsedAddress>;
         default: null;
     };
-    /** 主题变量覆盖 */
     themeOverrides: {
-        type: PropType<Record<string, string>>;
+        type: PropType<ComponentThemeVars>;
         default: () => {};
     };
 };
 export type SmartAddressProps = ExtractPropTypes<typeof smartAddressProps>;
 export declare const smartAddressEmits: {
     'update:modelValue': (val: AddressValue) => boolean;
-    /** 智能识别完成 */
     parsed: (val: ParsedAddress) => boolean;
-    /** 任意字段变化 */
     change: (val: AddressValue) => boolean;
 };
 export type SmartAddressEmits = typeof smartAddressEmits;
+export interface SmartAddressSlots {
+    'parse-icon'?: () => unknown;
+    region?: (props: {
+        value: AddressValue;
+        update: (field: keyof AddressValue, value: string) => void;
+    }) => unknown;
+    extra?: (props: {
+        value: AddressValue;
+        update: (field: keyof AddressValue, value: string) => void;
+    }) => unknown;
+}

package/dist/smart-address/src/smart-address.mjs

@@ -1,5 +1,4 @@
 export const smartAddressProps = {
-  /** 当前地址值（支持 v-model） */
   modelValue: {
     type: Object,
     default: () => ({
@@ -12,82 +11,66 @@ export const smartAddressProps = {
       detail: ""
     })
   },
-  /** 是否显示姓名字段 */
   showName: {
     type: Boolean,
     default: true
   },
-  /** 是否显示电话字段 */
   showPhone: {
     type: Boolean,
     default: true
   },
-  /** 是否显示街道字段 */
   showStreet: {
     type: Boolean,
     default: false
   },
-  /** 智能识别输入框的 placeholder */
   parsePlaceholder: {
     type: String,
     default: ""
   },
-  /** 是否必填（显示星号） */
   required: {
     type: Boolean,
     default: false
   },
-  /** 是否禁用 */
   disabled: {
     type: Boolean,
     default: false
   },
-  /** 识别按钮文案 */
   parseButtonText: {
     type: String,
     default: ""
   },
-  /** 是否显示智能识别区域 */
   showParser: {
     type: Boolean,
     default: true
   },
-  /** 省市区输入模式 */
   regionType: {
     type: String,
     default: "input"
   },
-  /** 省市区选项数据源（树形） */
   regionOptions: {
     type: Array,
     default: () => []
   },
-  /** 自定义选项的标签字段 */
   labelField: {
     type: String,
     default: "label"
   },
-  /** 自定义选项的值字段 */
   valueField: {
     type: String,
     default: "value"
   },
-  /** 自定义选项的子级字段 */
   childrenField: {
     type: String,
     default: "children"
   },
-  /** 标签位置 */
   labelPlacement: {
     type: String,
     default: "left"
   },
-  /** 自定义解析函数 (用于替代内置解析逻辑) */
   parser: {
     type: Function,
     default: null
   },
-  /** 主题变量覆盖 */
   themeOverrides: {
     type: Object,
     default: () => ({})
@@ -95,8 +78,6 @@ export const smartAddressProps = {
 };
 export const smartAddressEmits = {
   "update:modelValue": (val) => val !== void 0,
-  /** 智能识别完成 */
   parsed: (val) => val !== void 0,
-  /** 任意字段变化 */
   change: (val) => val !== void 0
 };

package/dist/smart-address/src/smart-address.vue.d.ts

@@ -96,7 +96,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         default: null;
     };
     themeOverrides: {
-        type: import("vue").PropType<Record<string, string>>;
+        type: import("vue").PropType<import("@yh-ui/theme").ComponentThemeVars>;
         default: () => {};
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -169,7 +169,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         default: null;
     };
     themeOverrides: {
-        type: import("vue").PropType<Record<string, string>>;
+        type: import("vue").PropType<import("@yh-ui/theme").ComponentThemeVars>;
         default: () => {};
     };
 }>> & Readonly<{
@@ -180,7 +180,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     required: boolean;
     parser: (raw: string) => import("./use-address-parser").ParsedAddress;
     disabled: boolean;
-    themeOverrides: Record<string, string>;
+    themeOverrides: import("@yh-ui/theme").ComponentThemeVars;
     modelValue: AddressValue;
     labelPlacement: "top" | "left";
     labelField: string;

package/dist/space/index.cjs

@@ -3,9 +3,24 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+var _exportNames = {
+  YhSpace: true
+};
 module.exports = exports.YhSpace = void 0;
 var _utils = require("@yh-ui/utils");
 var _space = _interopRequireDefault(require("./src/space.vue"));
+var _space2 = require("./src/space.cjs");
+Object.keys(_space2).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _space2[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _space2[key];
+    }
+  });
+});
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const YhSpace = exports.YhSpace = (0, _utils.withInstall)(_space.default);
 module.exports = YhSpace;