@hina-ui/vue 1.7.5 → 1.7.7

package/src/locale/en-US.ts

@@ -1,220 +1 @@
-import type { UiMessages } from './types'
-
-export const enUS: UiMessages = {
-  qrCode: {
-    label: 'QR code',
-    empty: 'No content',
-    expired: 'QR code expired',
-    scanned: 'Scanned',
-    error: 'Unable to generate QR code',
-    refresh: 'Refresh code',
-  },
-  carousel: {
-    label: 'Featured content',
-    role: 'carousel',
-    slide: 'slide',
-    prev: 'Previous group',
-    next: 'Next group',
-    choose: 'Choose a position',
-    play: 'Start rotation',
-    pause: 'Stop rotation',
-    empty: 'No content',
-    position: (index, total) => `${index} of ${total}`,
-    goTo: index => `Go to group ${index}`,
-  },
-  monthGrid: { today: 'Go to current month' },
-  masonry: { empty: 'No items' },
-  splitButton: { more: 'More actions' },
-  editable: {
-    edit: 'Edit',
-    save: 'Save',
-    placeholder: 'Click to edit',
-    failed: 'Could not save. Try again.',
-  },
-  tag: 'en-US',
-  stepper: {
-    label: 'Steps',
-    progress: (step, total) => `Step ${step} of ${total}`,
-    completed: 'Completed',
-    error: 'This step has an error',
-  },
-  common: {
-    close: 'Close',
-    copy: 'Copy',
-    copied: 'Copied',
-    clear: 'Clear',
-    loading: 'Loading',
-    confirm: 'Confirm',
-    cancel: 'Cancel',
-  },
-  banner: {
-    prev: 'Previous notice',
-    next: 'Next notice',
-  },
-  pagination: {
-    rangeLabel: (from, to, total) =>
-      total ? String(from) + '–' + to + ' of ' + total + ' items' : '0 items',
-    pageCountLabel: (page, count) => 'Page ' + page + ' of ' + count,
-    pageSizeLabel: 'Items per page',
-    pageSizeOption: n => String(n) + ' / page',
-    jumpLabel: 'Go to page',
-    previousPagesLabel: n => 'Go back ' + n + ' pages',
-    nextPagesLabel: n => 'Go forward ' + n + ' pages',
-    choosePage: 'Choose a page',
-    choosePageHint: 'Press ArrowDown or ArrowUp to choose a page',
-    navLabel: 'Pagination',
-    prev: 'Previous page',
-    next: 'Next page',
-    first: 'First page',
-    last: 'Last page',
-    pageLabel: n => `Page ${n}`,
-    totalLabel: n => `${n} items`,
-  },
-  table: {
-    edit: 'Edit',
-    save: 'Save',
-    cancel: 'Cancel',
-    editFailed: 'Could not save. Try again.',
-    selectPage: 'Select current page',
-    selectFiltered: 'Select filtered rows',
-    expand: 'Expand',
-    collapse: 'Collapse',
-    moveRow: 'Move row',
-    moveColumn: 'Move column',
-    resizeColumn: 'Resize column',
-
-    noColumns: 'No visible columns',
-    empty: 'No data',
-    loading: 'Loading',
-    sortAsc: 'Sort ascending',
-    sortDesc: 'Sort descending',
-    sortNone: 'Clear sorting',
-    selectRow: 'Select row',
-    selectAll: 'Select all',
-  },
-  select: {
-    placeholder: 'Select',
-    empty: 'No matches',
-    optionCountLabel: n => `${n} options available`,
-  },
-  upload: {
-    choose: 'Choose file',
-    dropHint: 'Drop files here, or click to browse',
-    tooLargeLabel: readableSize => `File exceeds the ${readableSize} limit`,
-    remove: 'Remove',
-    removeFile: name => `Remove ${name}`,
-  },
-  time: {
-    justNow: 'Just now',
-    unknown: 'Unknown time',
-  },
-  virtualList: { empty: 'No data' },
-  dataList: { empty: 'No data', list: 'List view', grid: 'Grid view', layout: 'Display layout' },
-  scroll: {
-    regionLabel: 'Scrollable region',
-    backToTop: 'Back to top',
-  },
-  toast: {
-    regionLabel: 'Notifications',
-  },
-  spoiler: {
-    revealLabel: 'Spoiler, click to reveal',
-    hideLabel: 'Hide spoiler',
-  },
-  codeblock: {
-    copy: 'Copy code',
-  },
-  splitter: {
-    handleLabel: 'Resize panel',
-  },
-  sidebar: {
-    navLabel: 'Sidebar navigation',
-    toggleLabel: 'Toggle sidebar',
-  },
-  anchor: {
-    navLabel: 'On this page',
-  },
-  breadcrumb: {
-    navLabel: 'Breadcrumb',
-  },
-  lightbox: {
-    zoomIn: 'Zoom in',
-    zoomOut: 'Zoom out',
-    resetZoom: 'Fit to window',
-    actualSize: 'Actual size',
-    rotate: 'Rotate',
-    download: 'Download',
-    loadingLarge: 'Loading HD',
-  },
-  chip: {
-    remove: 'Remove',
-  },
-  numberInput: {
-    increase: 'Increase',
-    decrease: 'Decrease',
-  },
-  passwordInput: {
-    show: 'Show password',
-    hide: 'Hide password',
-  },
-  tree: { empty: 'No nodes' },
-  treeSelect: {
-    search: 'Search nodes',
-  },
-  combobox: {
-    placeholder: 'Type or choose',
-    toggle: 'Show options',
-  },
-  slider: {
-    minimum: 'Minimum',
-    maximum: 'Maximum',
-  },
-  pinInput: {
-    cellLabel: (index, total) => `Digit ${index} of ${total}`,
-  },
-  dateField: {
-    year: 'Year',
-    month: 'Month',
-    day: 'Day',
-    hour: 'Hour',
-    minute: 'Minute',
-    second: 'Second',
-    dayPeriod: 'AM or PM',
-  },
-  dateRangeField: {
-    start: 'start date',
-    end: 'end date',
-    separator: '–',
-  },
-  datePicker: {
-    open: 'Open calendar',
-  },
-  dateTimePicker: {
-    time: 'Time',
-  },
-  rating: {
-    star: value => `${value} ${value === 1 ? 'star' : 'stars'}`,
-    label: (value, max) => `${value} out of ${max} stars`,
-    score: (value, max) => `${value} out of ${max} points`,
-  },
-  form: {
-    required: 'Required',
-  },
-  command: {
-    label: 'Command palette',
-    placeholder: 'Search',
-    empty: 'No matches',
-  },
-  calendar: {
-    label: 'Calendar',
-    prev: 'Previous month',
-    next: 'Next month',
-    prevYear: 'Previous year',
-    nextYear: 'Next year',
-    prevYears: 'Previous twelve years',
-    nextYears: 'Next twelve years',
-    pickMonth: 'Choose a month',
-    pickYear: 'Choose a year',
-    weekStartsOn: 0,
-  },
-}
+export { enUS } from '../../../shared/src/locale/en-US'

package/src/locale/index.ts

@@ -7,64 +7,21 @@ import {
   type InjectionKey,
   type MaybeRefOrGetter,
 } from 'vue'
-import type { PartialUiMessages, UiMessages } from './types'
-import { zhCN } from './zh-CN'
+import {
+  mergeUiMessages,
+  zhCN,
+  type PartialUiMessages,
+  type UiMessages,
+} from '../../../shared/src/locale'
 
 const UI_LOCALE_KEY = Symbol('hn-ui-locale') as InjectionKey<ComputedRef<UiMessages>>
 
 const fallbackLocale = computed(() => zhCN)
 
-function merge(base: UiMessages, patch: PartialUiMessages): UiMessages {
-  return {
-    qrCode: { ...base.qrCode, ...patch.qrCode },
-    carousel: { ...base.carousel, ...patch.carousel },
-    monthGrid: { ...base.monthGrid, ...patch.monthGrid },
-    masonry: { ...base.masonry, ...patch.masonry },
-    splitButton: { ...base.splitButton, ...patch.splitButton },
-    editable: { ...base.editable, ...patch.editable },
-    tag: patch.tag ?? base.tag,
-    common: { ...base.common, ...patch.common },
-    stepper: { ...base.stepper, ...patch.stepper },
-    banner: { ...base.banner, ...patch.banner },
-    pagination: { ...base.pagination, ...patch.pagination },
-    table: { ...base.table, ...patch.table },
-    select: { ...base.select, ...patch.select },
-    upload: { ...base.upload, ...patch.upload },
-    time: { ...base.time, ...patch.time },
-    scroll: { ...base.scroll, ...patch.scroll },
-    virtualList: { ...base.virtualList, ...patch.virtualList },
-    dataList: { ...base.dataList, ...patch.dataList },
-    toast: { ...base.toast, ...patch.toast },
-    spoiler: { ...base.spoiler, ...patch.spoiler },
-    codeblock: { ...base.codeblock, ...patch.codeblock },
-    splitter: { ...base.splitter, ...patch.splitter },
-    sidebar: { ...base.sidebar, ...patch.sidebar },
-    anchor: { ...base.anchor, ...patch.anchor },
-    breadcrumb: { ...base.breadcrumb, ...patch.breadcrumb },
-    lightbox: { ...base.lightbox, ...patch.lightbox },
-    chip: { ...base.chip, ...patch.chip },
-    numberInput: { ...base.numberInput, ...patch.numberInput },
-    passwordInput: { ...base.passwordInput, ...patch.passwordInput },
-    tree: { ...base.tree, ...patch.tree },
-    treeSelect: { ...base.treeSelect, ...patch.treeSelect },
-    combobox: { ...base.combobox, ...patch.combobox },
-    slider: { ...base.slider, ...patch.slider },
-    pinInput: { ...base.pinInput, ...patch.pinInput },
-    dateField: { ...base.dateField, ...patch.dateField },
-    dateRangeField: { ...base.dateRangeField, ...patch.dateRangeField },
-    calendar: { ...base.calendar, ...patch.calendar },
-    datePicker: { ...base.datePicker, ...patch.datePicker },
-    dateTimePicker: { ...base.dateTimePicker, ...patch.dateTimePicker },
-    rating: { ...base.rating, ...patch.rating },
-    form: { ...base.form, ...patch.form },
-    command: { ...base.command, ...patch.command },
-  }
-}
-
 export function provideUiLocale(
   messages: MaybeRefOrGetter<PartialUiMessages>,
 ): ComputedRef<UiMessages> {
-  const resolved = computed(() => merge(zhCN, toValue(messages)))
+  const resolved = computed(() => mergeUiMessages(zhCN, toValue(messages)))
   provide(UI_LOCALE_KEY, resolved)
   return resolved
 }
@@ -73,6 +30,5 @@ export function useUiLocale(): ComputedRef<UiMessages> {
   return inject(UI_LOCALE_KEY, fallbackLocale)
 }
 
-export { zhCN } from './zh-CN'
-export { enUS } from './en-US'
-export type { UiMessages, PartialUiMessages } from './types'
+export { zhCN, enUS } from '../../../shared/src/locale'
+export type { UiMessages, PartialUiMessages } from '../../../shared/src/locale'

package/src/locale/types.ts

@@ -1,225 +1 @@
-export interface UiMessages {
-  qrCode: {
-    label: string
-    empty: string
-    expired: string
-    scanned: string
-    error: string
-    refresh: string
-  }
-  carousel: {
-    label: string
-    role: string
-    slide: string
-    prev: string
-    next: string
-    choose: string
-    play: string
-    pause: string
-    empty: string
-    position: (index: number, total: number) => string
-    goTo: (index: number) => string
-  }
-  monthGrid: { today: string }
-  masonry: { empty: string }
-  splitButton: { more: string }
-  editable: { edit: string; save: string; placeholder: string; failed: string }
-  tag: string
-  stepper: {
-    label: string
-    progress: (step: number, total: number) => string
-    completed: string
-    error: string
-  }
-  common: {
-    close: string
-    copy: string
-    copied: string
-    clear: string
-    loading: string
-    confirm: string
-    cancel: string
-  }
-  banner: {
-    prev: string
-    next: string
-  }
-  pagination: {
-    rangeLabel: (from: number, to: number, total: number) => string
-    pageCountLabel: (page: number, count: number) => string
-    pageSizeLabel: string
-    pageSizeOption: (n: number) => string
-    jumpLabel: string
-    previousPagesLabel: (n: number) => string
-    nextPagesLabel: (n: number) => string
-    choosePage: string
-    choosePageHint: string
-    navLabel: string
-    prev: string
-    next: string
-    first: string
-    last: string
-    pageLabel: (n: number) => string
-    totalLabel: (n: number) => string
-  }
-  table: {
-    edit: string
-    save: string
-    cancel: string
-    editFailed: string
-    selectPage: string
-    selectFiltered: string
-    expand: string
-    collapse: string
-    moveRow: string
-    moveColumn: string
-    resizeColumn: string
-
-    noColumns: string
-    empty: string
-    loading: string
-    sortAsc: string
-    sortDesc: string
-    sortNone: string
-    selectRow: string
-    selectAll: string
-  }
-  select: {
-    placeholder: string
-    empty: string
-    optionCountLabel: (n: number) => string
-  }
-  upload: {
-    choose: string
-    dropHint: string
-    tooLargeLabel: (readableSize: string) => string
-    remove: string
-    removeFile: (name: string) => string
-  }
-  time: {
-    justNow: string
-    unknown: string
-  }
-  scroll: {
-    regionLabel: string
-    backToTop: string
-  }
-  virtualList: {
-    empty: string
-  }
-  dataList: {
-    empty: string
-    list: string
-    grid: string
-    layout: string
-  }
-  toast: {
-    regionLabel: string
-  }
-  spoiler: {
-    revealLabel: string
-    hideLabel: string
-  }
-  codeblock: {
-    copy: string
-  }
-  splitter: {
-    handleLabel: string
-  }
-  sidebar: {
-    navLabel: string
-    toggleLabel: string
-  }
-  anchor: {
-    navLabel: string
-  }
-  breadcrumb: {
-    navLabel: string
-  }
-  lightbox: {
-    zoomIn: string
-    zoomOut: string
-    resetZoom: string
-    actualSize: string
-    rotate: string
-    download: string
-    loadingLarge: string
-  }
-  chip: {
-    remove: string
-  }
-  numberInput: {
-    increase: string
-    decrease: string
-  }
-  passwordInput: {
-    show: string
-    hide: string
-  }
-  tree: {
-    empty: string
-  }
-  treeSelect: {
-    search: string
-  }
-  combobox: {
-    placeholder: string
-    toggle: string
-  }
-  slider: {
-    minimum: string
-    maximum: string
-  }
-  pinInput: {
-    cellLabel: (index: number, total: number) => string
-  }
-  dateField: {
-    year: string
-    month: string
-    day: string
-    hour: string
-    minute: string
-    second: string
-    dayPeriod: string
-  }
-  dateRangeField: {
-    start: string
-    end: string
-    separator: string
-  }
-  datePicker: {
-    open: string
-  }
-  dateTimePicker: {
-    time: string
-  }
-  rating: {
-    star: (value: number) => string
-    label: (value: number, max: number) => string
-    score: (value: number, max: number) => string
-  }
-  form: {
-    required: string
-  }
-  command: {
-    label: string
-    placeholder: string
-    empty: string
-  }
-  calendar: {
-    label: string
-    prev: string
-    next: string
-    prevYear: string
-    nextYear: string
-    prevYears: string
-    nextYears: string
-    pickMonth: string
-    pickYear: string
-    weekStartsOn: 0 | 1 | 2 | 3 | 4 | 5 | 6
-  }
-}
-
-export type PartialUiMessages = {
-  [K in keyof UiMessages]?: UiMessages[K] extends object ? Partial<UiMessages[K]> : UiMessages[K]
-}
+export type * from '../../../shared/src/locale/types'