@yh-ui/components 0.1.55 → 1.0.1

package/dist/gantt-chart/index.d.ts

@@ -1,7 +1,6 @@
 import GanttChart from './src/gantt-chart.vue';
-import type { GanttChartProps } from './src/gantt-chart';
 export declare const YhGanttChart: import("@yh-ui/utils").SFCWithInstall<{
-    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<GanttChartProps> & Readonly<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./index.js").GanttChartProps> & Readonly<{
         "onUpdate:data"?: ((data: import("./index.js").GanttTask[]) => any) | undefined;
         "onUpdate:viewMode"?: ((value: import("./index.js").GanttViewMode) => any) | undefined;
         "onTask-click"?: ((task: import("./index.js").GanttTask, event: MouseEvent) => any) | undefined;
@@ -38,7 +37,7 @@ export declare const YhGanttChart: import("@yh-ui/utils").SFCWithInstall<{
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<GanttChartProps> & Readonly<{
+    }, Readonly<import("./index.js").GanttChartProps> & Readonly<{
         "onUpdate:data"?: ((data: import("./index.js").GanttTask[]) => any) | undefined;
         "onUpdate:viewMode"?: ((value: import("./index.js").GanttViewMode) => any) | undefined;
         "onTask-click"?: ((task: import("./index.js").GanttTask, event: MouseEvent) => any) | undefined;
@@ -64,7 +63,7 @@ export declare const YhGanttChart: import("@yh-ui/utils").SFCWithInstall<{
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<Readonly<GanttChartProps> & Readonly<{
+} & import("vue").ComponentOptionsBase<Readonly<import("./index.js").GanttChartProps> & Readonly<{
     "onUpdate:data"?: ((data: import("./index.js").GanttTask[]) => any) | undefined;
     "onUpdate:viewMode"?: ((value: import("./index.js").GanttViewMode) => any) | undefined;
     "onTask-click"?: ((task: import("./index.js").GanttTask, event: MouseEvent) => any) | undefined;
@@ -109,7 +108,10 @@ export declare const YhGanttChart: import("@yh-ui/utils").SFCWithInstall<{
 })> & Record<string, unknown>;
 export default YhGanttChart;
 export * from './src/gantt-chart';
-export type { GanttChartProps };
 export type GanttChartInstance = InstanceType<typeof GanttChart>;
 export type YhGanttChartInstance = GanttChartInstance;
-export type YhGanttChartProps = GanttChartProps;
+export type YhGanttChartProps = import('./src/gantt-chart').GanttChartProps;
+export type YhGanttChartEmits = import('./src/gantt-chart').GanttChartEmits;
+export type YhGanttTask = import('./src/gantt-chart').GanttTask;
+export type YhGanttColumn = import('./src/gantt-chart').GanttColumn;
+export type YhGanttChartSlots = import('./src/gantt-chart').GanttChartSlots;

package/dist/gantt-chart/src/gantt-chart.d.ts

@@ -106,7 +106,4 @@ export interface FlattenedGanttTask extends GanttTask {
     _isMilestone: boolean;
     _matchesSearch: boolean;
 }
-export type GanttChartInstance = {
-    visible: boolean;
-    toggle: (val: boolean) => void;
-};
+export type GanttChartInstance = InstanceType<typeof import('./gantt-chart.vue').default>;

package/dist/gantt-chart/src/gantt-chart.vue

@@ -4,7 +4,7 @@ import dayjs from "../../dayjs";
 import isBetweenPluginModule from "dayjs/plugin/isBetween.js";
 import isoWeekPluginModule from "dayjs/plugin/isoWeek.js";
 import quarterOfYearPluginModule from "dayjs/plugin/quarterOfYear.js";
-import { useNamespace } from "@yh-ui/hooks";
+import { useNamespace, useLocale } from "@yh-ui/hooks";
 import { useComponentTheme } from "@yh-ui/theme";
 import { YhTooltip } from "../../tooltip";
 import { YhInput } from "../../input";
@@ -15,7 +15,7 @@ dayjs.extend(quarterOfYearPluginModule);
 defineOptions({ name: "YhGanttChart" });
 const props = defineProps({
   data: { type: Array, required: true, default: () => [] },
-  columns: { type: Array, required: false, default: () => [{ prop: "name", label: "\u4EFB\u52A1\u540D\u79F0", width: 200 }] },
+  columns: { type: Array, required: false, default: () => [] },
   startDate: { type: [String, Number, Date], required: false },
   endDate: { type: [String, Number, Date], required: false },
   viewMode: { type: String, required: false, default: "day" },
@@ -34,10 +34,18 @@ const props = defineProps({
 });
 const emit = defineEmits(["update:data", "update:viewMode", "task-click", "task-dblclick", "task-drag-end", "progress-drag-end", "dependency-click"]);
 const ns = useNamespace("gantt-chart");
+const { t } = useLocale();
 const { themeStyle } = useComponentTheme(
-  "gantt-chart",
+  "gantt",
   computed(() => props.themeOverrides)
 );
+const resolvedColumns = computed(() => {
+  const isDefaultNameColumn = props.columns.length === 1 && props.columns[0]?.prop === "name" && props.columns[0]?.width === 200;
+  return isDefaultNameColumn ? [{ ...props.columns[0], label: t("ganttchart.taskName") }] : props.columns;
+});
+const ganttSearchPlaceholder = computed(() => t("ganttchart.searchPlaceholder"));
+const ganttZoomText = computed(() => t("ganttchart.zoom"));
+const ganttMilestoneText = computed(() => t("ganttchart.milestone"));
 const ganttRef = ref(null);
 const timelineBodyRef = ref(null);
 const sidebarBodyRef = ref(null);
@@ -153,7 +161,7 @@ const getFlattenedTasks = (tasks, parentId = null, level = 0, ancestorHasNext =
 const visibleAllTasks = computed(() => {
   let list = getFlattenedTasks(props.data);
   if (searchKeyword.value) {
-    return list.filter((t) => t._matchesSearch);
+    return list.filter((t2) => t2._matchesSearch);
   }
   return list;
 });
@@ -174,13 +182,13 @@ const renderTasks = computed(
 const totalHeight = computed(() => visibleAllTasks.value.length * props.rowHeight);
 const resourceLoadMap = computed(() => {
   const loadMap = {};
-  visibleAllTasks.value.forEach((t) => {
-    if (!t.assignees) return;
-    let current = dayjs(t._startDate || t.startDate);
-    const end = dayjs(t._endDate || t.endDate);
+  visibleAllTasks.value.forEach((t2) => {
+    if (!t2.assignees) return;
+    let current = dayjs(t2._startDate || t2.startDate);
+    const end = dayjs(t2._endDate || t2.endDate);
     while (current.isBefore(end) || current.isSame(end, "day")) {
       const dateStr = current.format("YYYY-MM-DD");
-      t.assignees.forEach((resId) => {
+      t2.assignees.forEach((resId) => {
         if (!loadMap[resId]) loadMap[resId] = {};
         loadMap[resId][dateStr] = (loadMap[resId][dateStr] || 0) + 1;
       });
@@ -291,18 +299,18 @@ const dependenciesLinks = computed(() => {
   if (!props.showDependencies) return [];
   const links = [];
   const idToPos = /* @__PURE__ */ new Map();
-  taskStyles.value.forEach((t) => idToPos.set(t.task.id, t));
-  taskStyles.value.forEach((t) => {
-    if (!t.task.dependencies) return;
-    t.task.dependencies.forEach((depId) => {
+  taskStyles.value.forEach((t2) => idToPos.set(t2.task.id, t2));
+  taskStyles.value.forEach((t2) => {
+    if (!t2.task.dependencies) return;
+    t2.task.dependencies.forEach((depId) => {
       const from = idToPos.get(depId);
       if (from) {
         const x1 = from.left + from.width, y1 = from.top + props.rowHeight / 2;
-        const x2 = t.left, y2 = t.top + props.rowHeight / 2;
+        const x2 = t2.left, y2 = t2.top + props.rowHeight / 2;
         links.push({
-          id: `${depId}-${t.task.id}`,
+          id: `${depId}-${t2.task.id}`,
           from: from.task,
-          to: t.task,
+          to: t2.task,
           path: `M ${x1} ${y1} L ${x2} ${y2}`
         });
       }
@@ -324,19 +332,19 @@ const handleBodyScroll = (e) => {
 };
 const updateSuccessors = (taskId) => {
   const findTask = (id, list) => {
-    for (const t of list) {
-      if (t.id === id) return t;
-      if (t.children) {
-        const found = findTask(id, t.children);
+    for (const t2 of list) {
+      if (t2.id === id) return t2;
+      if (t2.children) {
+        const found = findTask(id, t2.children);
         if (found) return found;
       }
     }
   };
   const findAffected = (predId, list) => {
     let affected2 = [];
-    list.forEach((t) => {
-      if (t.dependencies?.includes(predId)) affected2.push(t);
-      if (t.children) affected2 = affected2.concat(findAffected(predId, t.children));
+    list.forEach((t2) => {
+      if (t2.dependencies?.includes(predId)) affected2.push(t2);
+      if (t2.children) affected2 = affected2.concat(findAffected(predId, t2.children));
     });
     return affected2;
   };
@@ -448,14 +456,16 @@ const handleMouseEnter = (e, task) => {
         <YhInput
           id="gantt-search-input"
           v-model="searchKeyword"
-          placeholder="搜索任务..."
+          :placeholder="ganttSearchPlaceholder"
           prefix-icon="search"
           size="small"
           style="width: 200px"
         />
       </div>
       <div :class="ns.e('toolbar-right')">
-        <span style="font-size: 12px; color: var(--yh-text-color-secondary)">缩放</span>
+        <span style="font-size: 12px; color: var(--yh-text-color-secondary)">{{
+          ganttZoomText
+        }}</span>
         <input
           type="range"
           v-model.number="PIXELS_PER_DAY"
@@ -470,10 +480,10 @@ const handleMouseEnter = (e, task) => {
           type="button"
           name="gantt-view-switcher"
         >
-          <YhRadioButton value="day">天</YhRadioButton>
-          <YhRadioButton value="week">周</YhRadioButton>
-          <YhRadioButton value="month">月</YhRadioButton>
-          <YhRadioButton value="year">年</YhRadioButton>
+          <YhRadioButton value="day">{{ t("ganttchart.day") }}</YhRadioButton>
+          <YhRadioButton value="week">{{ t("ganttchart.week") }}</YhRadioButton>
+          <YhRadioButton value="month">{{ t("ganttchart.month") }}</YhRadioButton>
+          <YhRadioButton value="year">{{ t("ganttchart.year") }}</YhRadioButton>
         </YhRadioGroup>
       </div>
     </div>
@@ -489,7 +499,7 @@ const handleMouseEnter = (e, task) => {
         >
           <div :class="ns.e('sidebar-header')">
             <div
-              v-for="col in columns"
+              v-for="col in resolvedColumns"
               :key="col.prop"
               :class="ns.e('sidebar-header-cell')"
               :style="{
@@ -513,7 +523,7 @@ const handleMouseEnter = (e, task) => {
 }"
           >
             <div
-              v-for="col in columns"
+              v-for="col in resolvedColumns"
               :key="col.prop"
               :class="ns.e('cell')"
               :style="{
@@ -521,7 +531,7 @@ const handleMouseEnter = (e, task) => {
 }"
             >
               <slot name="table-cell" :row="task" :column="col" :index="index">
-                <template v-if="col.prop === columns[0].prop">
+                <template v-if="col.prop === resolvedColumns[0].prop">
                   <span :class="ns.e('tree-node')">
                     <span
                       v-for="(hasNext, i) in task._ancestorHasNext"
@@ -663,7 +673,7 @@ const handleMouseEnter = (e, task) => {
             <YhTooltip
               v-for="ts in taskStyles"
               :key="ts.task.id"
-              :content="ts.isMilestone ? `${ts.task.name} (Milestone)` : ts.task.name"
+              :content="ts.isMilestone ? `${ts.task.name} (${ganttMilestoneText})` : ts.task.name"
               placement="top"
               :class="[ns.e('task-wrapper'), ns.is('milestone', ts.isMilestone), ns.is('summary', ts.isSummary), ts.task.status ? ns.e(`task-${ts.task.status}`) : '']"
               :style="ts.style"

package/dist/grid/index.d.ts

@@ -71,3 +71,9 @@ export default YhGrid;
 export * from './src/grid';
 export type GridInstance = InstanceType<typeof Grid>;
 export type GridItemInstance = InstanceType<typeof GridItem>;
+export type YhGridInstance = GridInstance;
+export type YhGridItemInstance = GridItemInstance;
+export type YhGridProps = import('./src/grid').GridProps;
+export type YhGridItemProps = import('./src/grid').GridItemProps;
+export type YhGridSlots = import('./src/grid').GridSlots;
+export type YhGridItemSlots = import('./src/grid').GridItemSlots;

package/dist/grid/src/grid.d.ts

@@ -74,3 +74,6 @@ export interface GridItemProps {
 export interface GridSlots {
     default?: () => void;
 }
+export interface GridItemSlots {
+    default?: () => void;
+}

package/dist/icon/index.d.ts

@@ -147,3 +147,8 @@ export declare const YhIcon: import("@yh-ui/utils").SFCWithInstall<{
 })> & Record<string, unknown>;
 export default YhIcon;
 export type IconInstance = InstanceType<typeof Icon>;
+export type YhIconInstance = IconInstance;
+export type YhIconProps = import('./src/icon').IconProps;
+export type YhIconSlots = import('./src/icon').IconSlots;
+export type YhIconData = import('./src/icon').IconData;
+export type YhIconSet = import('./src/icon').IconSet;

package/dist/image/index.d.ts

@@ -347,7 +347,15 @@ export declare const YhImageViewer: import("@yh-ui/utils").SFCWithInstall<import
         readonly type: import("vue").PropType<Record<string, unknown>>;
         readonly default: () => {};
     };
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}>, {
+    prev: () => void;
+    next: () => void;
+    zoomIn: () => void;
+    zoomOut: () => void;
+    rotateLeft: () => void;
+    rotateRight: () => void;
+    reset: () => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     switch: (index: number) => void;
     close: () => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -416,3 +424,12 @@ export * from './src/image';
 export * from './src/image-viewer';
 export type ImageInstance = InstanceType<typeof Image>;
 export type ImageViewerInstance = InstanceType<typeof ImageViewer>;
+export type YhImageInstance = ImageInstance;
+export type YhImageViewerInstance = ImageViewerInstance;
+export type YhImageProps = import('./src/image').ImageProps;
+export type YhImageEmits = import('./src/image').ImageEmits;
+export type YhImageSlots = import('./src/image').ImageSlots;
+export type YhImageViewerProps = import('./src/image-viewer').ImageViewerProps;
+export type YhImageViewerEmits = import('./src/image-viewer').ImageViewerEmits;
+export type YhImageViewerSlots = import('./src/image-viewer').ImageViewerSlots;
+export type YhImageViewerExpose = import('./src/image-viewer').ImageViewerExpose;

package/dist/image/src/image-viewer.d.ts

@@ -88,3 +88,14 @@ export declare const imageViewerEmits: {
     switch: (index: number) => boolean;
 };
 export type ImageViewerEmits = typeof imageViewerEmits;
+export interface ImageViewerSlots {
+}
+export interface ImageViewerExpose {
+    prev: () => void;
+    next: () => void;
+    zoomIn: () => void;
+    zoomOut: () => void;
+    rotateLeft: () => void;
+    rotateRight: () => void;
+    reset: () => void;
+}

package/dist/image/src/image-viewer.vue

@@ -1,6 +1,6 @@
 <script setup>
 import { computed, ref, onMounted, onUnmounted, watch } from "vue";
-import { useNamespace } from "@yh-ui/hooks";
+import { useNamespace, useLocale } from "@yh-ui/hooks";
 import { imageViewerProps, imageViewerEmits } from "./image-viewer";
 import Viewer from "../../viewerjs";
 import "viewerjs/dist/viewer.css";
@@ -10,6 +10,7 @@ defineOptions({
 const props = defineProps(imageViewerProps);
 const emit = defineEmits(imageViewerEmits);
 const ns = useNamespace("viewer");
+const { t } = useLocale();
 const index = ref(props.initialIndex);
 const scale = ref(1);
 const rotate = ref(0);
@@ -123,6 +124,15 @@ onUnmounted(() => {
     viewerList = null;
   }
 });
+defineExpose({
+  prev: handlePrev,
+  next: handleNext,
+  zoomIn: handleZoomIn,
+  zoomOut: handleZoomOut,
+  rotateLeft: handleRotateLeft,
+  rotateRight: handleRotateRight,
+  reset
+});
 </script>
 
 <template>
@@ -133,7 +143,12 @@ onUnmounted(() => {
       <div :class="ns.e('mask')" @click="hideOnClickModal && handleClose()"></div>
 
       <!-- Close -->
-      <span :class="[ns.e('btn'), ns.e('close')]" @click="handleClose">
+      <span
+        :class="[ns.e('btn'), ns.e('close')]"
+        :title="t('imageviewer.close')"
+        :aria-label="t('imageviewer.close')"
+        @click="handleClose"
+      >
         <svg viewBox="0 0 1024 1024" width="1em" height="1em">
           <path
             fill="currentColor"
@@ -144,7 +159,12 @@ onUnmounted(() => {
 
       <!-- Arrows -->
       <template v-if="urlList.length > 1">
-        <span :class="[ns.e('btn'), ns.e('prev')]" @click="handlePrev">
+        <span
+          :class="[ns.e('btn'), ns.e('prev')]"
+          :title="t('imageviewer.prev')"
+          :aria-label="t('imageviewer.prev')"
+          @click="handlePrev"
+        >
           <svg viewBox="0 0 1024 1024" width="1em" height="1em">
             <path
               fill="currentColor"
@@ -152,7 +172,12 @@ onUnmounted(() => {
             />
           </svg>
         </span>
-        <span :class="[ns.e('btn'), ns.e('next')]" @click="handleNext">
+        <span
+          :class="[ns.e('btn'), ns.e('next')]"
+          :title="t('imageviewer.next')"
+          :aria-label="t('imageviewer.next')"
+          @click="handleNext"
+        >
           <svg viewBox="0 0 1024 1024" width="1em" height="1em">
             <path
               fill="currentColor"
@@ -165,25 +190,42 @@ onUnmounted(() => {
       <!-- Actions -->
       <div v-if="showProgress" :class="ns.e('actions')">
         <div :class="ns.e('actions-inner')">
-          <i :class="ns.e('zoom-out')" @click="handleZoomOut"
+          <i
+            :class="ns.e('zoom-out')"
+            :title="t('imageviewer.zoomOut')"
+            :aria-label="t('imageviewer.zoomOut')"
+            @click="handleZoomOut"
             ><svg viewBox="0 0 1024 1024" width="1em" height="1em">
               <path fill="currentColor" d="M192 480h640v64H192z" /></svg
           ></i>
-          <i :class="ns.e('zoom-in')" @click="handleZoomIn"
+          <i
+            :class="ns.e('zoom-in')"
+            :title="t('imageviewer.zoomIn')"
+            :aria-label="t('imageviewer.zoomIn')"
+            @click="handleZoomIn"
             ><svg viewBox="0 0 1024 1024" width="1em" height="1em">
               <path
                 fill="currentColor"
                 d="M480 480V224h64v256h256v64H544v256h-64V544H224v-64h256z"
               /></svg
           ></i>
-          <i :class="ns.e('reset')" @click="reset"
+          <i
+            :class="ns.e('reset')"
+            :title="t('imageviewer.reset')"
+            :aria-label="t('imageviewer.reset')"
+            @click="reset"
             ><svg viewBox="0 0 1024 1024" width="1em" height="1em">
               <path
                 fill="currentColor"
                 d="M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896zm0 64a384 384 0 1 0 0 768 384 384 0 0 0 0-768zm0 128a256 256 0 1 1 0 512 256 256 0 0 1 0-512z"
               /></svg
           ></i>
-          <i :class="ns.e('rotate-left')" @click="handleRotateLeft">
+          <i
+            :class="ns.e('rotate-left')"
+            :title="t('imageviewer.rotateLeft')"
+            :aria-label="t('imageviewer.rotateLeft')"
+            @click="handleRotateLeft"
+          >
             <svg viewBox="0 0 1024 1024" width="1em" height="1em">
               <path
                 fill="currentColor"
@@ -191,7 +233,12 @@ onUnmounted(() => {
               />
             </svg>
           </i>
-          <i :class="ns.e('rotate-right')" @click="handleRotateRight">
+          <i
+            :class="ns.e('rotate-right')"
+            :title="t('imageviewer.rotateRight')"
+            :aria-label="t('imageviewer.rotateRight')"
+            @click="handleRotateRight"
+          >
             <svg viewBox="0 0 1024 1024" width="1em" height="1em">
               <path
                 fill="currentColor"

package/dist/image/src/image-viewer.vue.d.ts

@@ -44,7 +44,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly type: import("vue").PropType<Record<string, unknown>>;
         readonly default: () => {};
     };
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}>, {
+    prev: () => void;
+    next: () => void;
+    zoomIn: () => void;
+    zoomOut: () => void;
+    rotateLeft: () => void;
+    rotateRight: () => void;
+    reset: () => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     switch: (index: number) => void;
     close: () => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{

package/dist/image/src/image.d.ts

@@ -137,3 +137,7 @@ export interface ImageEmits {
     (e: 'close'): void;
     (e: 'show'): void;
 }
+export interface ImageSlots {
+    placeholder?: () => unknown;
+    error?: () => unknown;
+}

package/dist/image/src/image.vue

@@ -183,7 +183,7 @@ const handleSwitch = (index) => {
 <template>
   <div ref="container" :class="ns.b()" :style="themeStyle">
     <slot v-if="isLoading" name="placeholder">
-      <div :class="ns.e('placeholder')">{{ t('button.loading') }}</div>
+      <div :class="ns.e('placeholder')">{{ t('image.loading') }}</div>
     </slot>
     <slot v-else-if="error" name="error">
       <div :class="ns.e('error')">{{ t("image.error") }}</div>

package/dist/image-magnifier/index.d.ts

@@ -466,3 +466,9 @@ export * from './src/image-magnifier';
 export type ImageMagnifierInstance = InstanceType<typeof ImageMagnifier>;
 export type YhImageMagnifierInstance = ImageMagnifierInstance;
 export type YhImageMagnifierProps = import('./src/image-magnifier').ImageMagnifierProps;
+export type YhImageMagnifierEmits = import('./src/image-magnifier').ImageMagnifierEmits;
+export type YhImageMagnifierSlots = import('./src/image-magnifier').ImageMagnifierSlots;
+export type YhImageMagnifierExpose = import('./src/image-magnifier').ImageMagnifierExpose;
+export type YhImageMagnifierImage = import('./src/image-magnifier').ImageMagnifierImage;
+export type YhImageMagnifierPosition = import('./src/image-magnifier').ImageMagnifierPosition;
+export type YhImageMagnifierMaskShape = import('./src/image-magnifier').ImageMagnifierMaskShape;

package/dist/image-magnifier/src/image-magnifier.d.ts

@@ -144,3 +144,18 @@ export declare const imageMagnifierEmits: {
     'update:modelValue': (index: number) => boolean;
 };
 export type ImageMagnifierEmits = typeof imageMagnifierEmits;
+export interface ImageMagnifierSlots {
+    default?: () => unknown;
+    title?: () => unknown;
+    'close-icon'?: () => unknown;
+    fullscreen?: (props: {
+        src: string;
+        alt: string;
+    }) => unknown;
+}
+export interface ImageMagnifierExpose {
+    visible: boolean;
+    currentScale: number;
+    currentIndex: number;
+    switchImage: (index: number) => void;
+}

package/dist/image-magnifier/src/image-magnifier.vue

@@ -1,12 +1,13 @@
 <script setup>
 import { ref, computed, reactive, watch, onUnmounted, nextTick } from "vue";
-import { useNamespace } from "@yh-ui/hooks";
+import { useNamespace, useLocale } from "@yh-ui/hooks";
 import { useComponentTheme } from "@yh-ui/theme";
 import { imageMagnifierProps, imageMagnifierEmits } from "./image-magnifier";
 defineOptions({ name: "YhImageMagnifier" });
 const props = defineProps(imageMagnifierProps);
 const emit = defineEmits(imageMagnifierEmits);
 const ns = useNamespace("image-magnifier");
+const { t } = useLocale();
 const { themeStyle } = useComponentTheme(
   "image-magnifier",
   computed(() => props.themeOverrides)
@@ -36,6 +37,9 @@ const currentImage = computed(
 const currentSrc = computed(() => currentImage.value.src);
 const currentZoomSrc = computed(() => currentImage.value.zoomSrc || currentImage.value.src);
 const currentAlt = computed(() => currentImage.value.alt || props.alt);
+const getSwitchToImageLabel = (index) => t("imagemagnifier.switchToImage", { index: index + 1 });
+const getGalleryItemAlt = (index) => t("imagemagnifier.galleryItem", { index: index + 1 });
+const fullscreenCloseLabel = computed(() => t("imagemagnifier.close"));
 const switchImage = (index) => {
   currentIndex.value = index;
   emit("update:modelValue", index);
@@ -328,9 +332,9 @@ defineExpose({ visible, currentScale, currentIndex, switchImage });
         :class="[ns.e('gallery-item'), ns.is('active', idx === currentIndex)]"
         @click="switchImage(idx)"
         type="button"
-        :aria-label="`Switch to image ${idx + 1}`"
+        :aria-label="getSwitchToImageLabel(idx)"
       >
-        <img :src="img.src" :alt="img.alt || `Gallery ${idx + 1}`" />
+        <img :src="img.src" :alt="img.alt || getGalleryItemAlt(idx)" />
       </button>
     </div>
 
@@ -350,7 +354,7 @@ defineExpose({ visible, currentScale, currentIndex, switchImage });
             :class="ns.e('fullscreen-close')"
             @click="closeFullscreen"
             type="button"
-            aria-label="Close"
+            :aria-label="fullscreenCloseLabel"
           >
             <slot name="close-icon">✕</slot>
           </button>
@@ -367,7 +371,7 @@ defineExpose({ visible, currentScale, currentIndex, switchImage });
               @click="switchImage(idx)"
               type="button"
             >
-              <img :src="img.src" :alt="img.alt || `Gallery ${idx + 1}`" />
+              <img :src="img.src" :alt="img.alt || getGalleryItemAlt(idx)" />
             </button>
           </div>
         </div>

package/dist/infinite-scroll/index.d.ts

@@ -274,3 +274,8 @@ export default YhInfiniteScroll;
 export * from './src/infinite-scroll';
 export * from './src/directive';
 export type InfiniteScrollInstance = InstanceType<typeof InfiniteScroll>;
+export type YhInfiniteScrollInstance = InfiniteScrollInstance;
+export type YhInfiniteScrollProps = import('./src/infinite-scroll').InfiniteScrollProps;
+export type YhInfiniteScrollEmits = import('./src/infinite-scroll').InfiniteScrollEmits;
+export type YhInfiniteScrollSlots = import('./src/infinite-scroll').InfiniteScrollSlots;
+export type YhInfiniteScrollExpose = import('./src/infinite-scroll').InfiniteScrollExpose;

package/dist/infinite-scroll/src/infinite-scroll.d.ts

@@ -82,3 +82,13 @@ export declare const infiniteScrollEmits: {
 };
 export type InfiniteScrollProps = ExtractPropTypes<typeof infiniteScrollProps>;
 export type InfiniteScrollEmits = typeof infiniteScrollEmits;
+export interface InfiniteScrollSlots {
+    default?: () => unknown;
+    loading?: () => unknown;
+    finished?: () => unknown;
+    error?: () => unknown;
+}
+export interface InfiniteScrollExpose {
+    check: () => void;
+    retry: () => void;
+}