@eifi1/ui-kit 0.33.0 → 0.34.0

package/src/i18n/locales/zh.ts

@@ -149,6 +149,7 @@ export function uiKitLabelsZh(numberLocale = "zh-CN"): UiKitLabels {
       reworkPlaceholder: "还有哪些需要完善？如有新的限制或方向调整，请一并说明。",
       reworkUploadFailed: "无法上传文件，返工请求未发送。",
       status: "状态",
+      note: "备注",
     },
     accountSettings: {
       profile: {
@@ -170,6 +171,7 @@ export function uiKitLabelsZh(numberLocale = "zh-CN"): UiKitLabels {
         submit: "修改密码",
         tooShort: "新密码太短。",
         mismatch: "两次输入的密码不一致。",
+        wrongPassword: "密码不正确。",
       },
       twoFactor: {
         status: "双重验证",
@@ -227,8 +229,8 @@ export function uiKitLabelsZh(numberLocale = "zh-CN"): UiKitLabels {
       keyboardHint:
         "方向键在单元格之间移动。直接输入替换单元格内容，F2 编辑，Esc 撤销编辑。回车向下移动，并在末尾添加一行。",
       lineError: (line) => `无法读取第 ${line} 行`,
-      points: (count) => `${count} 个点`,
-      problems: (count) => `${count} 个单元格不是数字`,
+      points: (count) => `${n(count)} 个点`,
+      problems: (count) => `${n(count)} 个单元格不是数字`,
     },
     pageContents: { title: "本页目录" },
     common: {
@@ -255,6 +257,7 @@ export function uiKitLabelsZh(numberLocale = "zh-CN"): UiKitLabels {
       filter: "筛选",
       close: "关闭",
       selectRow: "选择行",
+      rowDetails: "详情",
       autoSize: "自动调整列宽",
       loading: "加载中…",
       filters: "筛选条件",
@@ -296,6 +299,7 @@ export function uiKitLabelsZh(numberLocale = "zh-CN"): UiKitLabels {
       pageRange: (from, to, total) => `${n(from)}–${n(to)} / ${n(total)}`,
       rowCount: (total) => n(total),
       columnsCount: (visible, total) => `列（${n(visible)}/${n(total)}）`,
+      filterColumn: (column, active) => (active ? `筛选${column}（已启用）` : `筛选${column}`),
       empty: "暂无条目",
       actions: "操作",
       edit: "编辑",
@@ -473,7 +477,7 @@ export function uiKitLabelsZh(numberLocale = "zh-CN"): UiKitLabels {
       emptyMultiple: "将文件拖放到此处",
       hint: (accept) => (accept ? `支持：${accept}` : "任意文件类型"),
       busy: "正在上传…",
-      rejectedPick: (count) => (count === 1 ? "未添加该文件" : `${count} 个文件均未添加`),
+      rejectedPick: (count) => (count === 1 ? "未添加该文件" : `${n(count)} 个文件均未添加`),
       rejectedType: (name) => `“${name}”的文件类型不受支持`,
       rejectedTypeOnly: (accept) => `仅限 ${accept} 文件`,
       rejectedSize: (name, maxSize) => `“${name}”超过 ${maxSize}`,
@@ -575,14 +579,14 @@ export function uiKitLabelsZh(numberLocale = "zh-CN"): UiKitLabels {
       strong: "强",
       announcement: (level) => `密码强度：${level}`,
       // Unformatted, as in the English default.
-      ruleLength: (minLength) => `至少 ${minLength} 个字符`,
+      ruleLength: (minLength) => `至少 ${n(minLength)} 个字符`,
       ruleCase: "包含大写和小写字母",
       ruleDigit: "包含数字",
       ruleSymbol: "包含符号",
       optional: (rule) => `${rule}（可选）`,
       met: "已满足：",
       notMet: "未满足：",
-      tooLong: (maxBytes) => `最多 ${maxBytes} 个字符（带重音的字母和表情符号按多个字符计算）。`,
+      tooLong: (maxBytes) => `最多 ${n(maxBytes)} 个字符（带重音的字母和表情符号按多个字符计算）。`,
     },
     seriesChart: {
       resetZoom: "重置缩放",
@@ -1118,7 +1122,6 @@ export function uiKitLabelsZh(numberLocale = "zh-CN"): UiKitLabels {
         deactivate: "已停用",
         reactivate: "已重新激活",
         role: "角色已更改",
-        membership_remove: "已从公司移除",
         password_change_require: "已要求设置新密码",
         password_change_withdraw: "已撤回新密码要求",
         mail_verification: "已发送确认邮件",
@@ -1133,6 +1136,46 @@ export function uiKitLabelsZh(numberLocale = "zh-CN"): UiKitLabels {
         erase: "账户已永久删除",
         plan: "套餐已更改",
       },
+      // 0.34 (§11.5): whole phrases per noun. `team` is Kurvenschmiede's "团队"; `company`
+      // keeps `actions.membership_remove`'s string.
+      groupActions: {
+        group: {
+          group_create: "群组已创建",
+          group_rename: "群组已重命名",
+          group_delete: "群组已删除",
+          membership_add: "已添加到群组",
+          membership_role: "群组中的角色已更改",
+          membership_remove: "已从群组移除",
+          deleted: "已删除的群组",
+        },
+        team: {
+          group_create: "团队已创建",
+          group_rename: "团队已重命名",
+          group_delete: "团队已删除",
+          membership_add: "已添加到团队",
+          membership_role: "团队中的角色已更改",
+          membership_remove: "已从团队移除",
+          deleted: "已删除的团队",
+        },
+        company: {
+          group_create: "公司已创建",
+          group_rename: "公司已重命名",
+          group_delete: "公司已删除",
+          membership_add: "已添加到公司",
+          membership_role: "公司中的角色已更改",
+          membership_remove: "已从公司移除",
+          deleted: "已删除的公司",
+        },
+        budget: {
+          group_create: "预算已创建",
+          group_rename: "预算已重命名",
+          group_delete: "预算已删除",
+          membership_add: "已添加到预算",
+          membership_role: "预算中的角色已更改",
+          membership_remove: "已从预算移除",
+          deleted: "已删除的预算",
+        },
+      },
     },
     transferOwnership: {
       title: (name) => `移交 ${name} 的工作`,
@@ -1464,6 +1507,7 @@ export function uiKitLabelsZh(numberLocale = "zh-CN"): UiKitLabels {
       keptBeta: "测试版保留其结束日期；只更改了套餐。",
       untilDone: (date) => `免费至 ${date}。`,
       overLimit: "超出新套餐的上限：不会删除任何内容，但无法新建。",
+      // No plural: the app's word reads the same after any number (0.33.1).
       usageOf: (used, limit, dimension) => `${used}/${limit} ${dimension}`,
     },
     // 0.32.0 — docs/text-size-harmonization.md §6: the text-size and contrast settings in

package/src/i18n/plurals.ts

@@ -52,3 +52,32 @@ function pluralCategories(locale: string, type: Intl.PluralRuleType): readonly s
     return [];
   }
 }
+
+/**
+ * A word in the plural forms a count can ask for, `other` required: an app's
+ * `key_one` / `key_other` pair, or any of CLDR's categories (`zero`, `one`, `two`, `few`,
+ * `many`). A category left out reads `other`, the stand-in {@link withAllPlurals} fills
+ * a catalogue with — so English's two forms serve every language, as in the apps'
+ * catalogues.
+ *
+ *     { one: t("planUsage.budget_one"), other: t("planUsage.budget_other") }
+ */
+export type PluralForms = { other: string } & Partial<Record<Intl.LDMLPluralRule, string>>;
+
+/**
+ * The form of `forms` that `count` takes in `locale` — CLDR's cardinal category for it,
+ * through `Intl.PluralRules`, else `other`. A locale `Intl` cannot read reads as the
+ * runtime's, as everywhere the kit formats (and `undefined` is the runtime's). For the
+ * kit's own parts that put an app's word after a count: `planColumn`'s usage.
+ */
+export function pluralForm(count: number, forms: PluralForms, locale?: string): string {
+  return forms[pluralCategory(count, locale)] ?? forms.other;
+}
+
+function pluralCategory(count: number, locale: string | undefined): Intl.LDMLPluralRule {
+  try {
+    return new Intl.PluralRules(locale).select(count);
+  } catch {
+    return new Intl.PluralRules().select(count);
+  }
+}

package/src/i18n/review.ts

@@ -130,6 +130,10 @@ export const KIT_LABEL_SAMPLES: Readonly<Record<string, readonly (readonly unkno
   "dataTable.pageRange": [[1, 25, 1240]],
   "dataTable.rowCount": [[1], [1240]],
   "dataTable.columnsCount": [[3, 8]],
+  "dataTable.filterColumn": [
+    ["{{column}}", false],
+    ["{{column}}", true],
+  ],
   "miniCalendar.day": [["{{date}}"]],
   "miniCalendar.startSelected": [["{{date}}"]],
   "miniCalendar.rangeSelected": [["{{from}}", "{{to}}"]],

package/src/i18n/shared-labels.ts

@@ -0,0 +1,135 @@
+// The English words of the eleven namespaces the provider types itself (./kit-labels),
+// in a module with no provider code: the English catalogue (./defaults) imports them
+// without the React context, as it imports every component's `*-labels.ts`, and
+// ./kit-labels re-exports them under the same names. Until 0.34 they were the rule's
+// exceptions, written in the provider (round 0.34, DOC-6's sev-1 note).
+//
+// Here rather than beside their components: the provider re-exports them, and the
+// catalogues reach the provider, so a module outside `i18n/` would put component
+// directories into every catalogue's graph (`npm run check:graph` refuses that).
+
+import type {
+  AppShellLabels,
+  CalculatorLabels,
+  ComboboxLabels,
+  CommonLabels,
+  CurrencyLabels,
+  DatePickerLabels,
+  FileLabels,
+  MultiSelectLabels,
+  PickerSheetLabels,
+  SwipeableRowLabels,
+  TopBarLabels,
+} from "./kit-labels";
+
+export const DEFAULT_COMMON_LABELS: CommonLabels = {
+  close: "Close",
+  clear: "Clear",
+  search: "Search",
+  done: "Done",
+  cancel: "Cancel",
+  save: "Save",
+  back: "Back",
+  next: "Next",
+  remove: "Remove",
+  loading: "Loading…",
+  noResults: "No results",
+  fieldValue: (field, value) => `${field}: ${value}`,
+  dismiss: "Dismiss",
+  opensInNewTab: "opens in a new tab",
+};
+
+export const DEFAULT_DATE_PICKER_LABELS: DatePickerLabels = {
+  panel: "Choose a date",
+  rangePanel: "Choose a date range",
+  clear: "Clear",
+  previousDay: "Previous day",
+  nextDay: "Next day",
+  today: "Today",
+  apply: "Apply",
+  cancel: "Cancel",
+  presets: "Quick ranges",
+};
+
+export const DEFAULT_COMBOBOX_LABELS: ComboboxLabels = {
+  search: "Search",
+  noResults: "No results",
+  clear: "Clear",
+  loading: "Loading…",
+  create: (query) => `Create “${query}”`,
+  selectedCount: (count) => `${count} selected`,
+  loadError: "Couldn’t load results",
+  resultCount: (count) => (count === 1 ? "1 result" : `${count} results`),
+  minChars: (count) =>
+    count === 1 ? "Type at least 1 character" : `Type at least ${count} characters`,
+};
+
+export const DEFAULT_MULTI_SELECT_LABELS: MultiSelectLabels = {
+  search: "Search",
+  selectAll: "Select all",
+  clear: "Clear",
+  all: "All",
+  selectedCount: (count) => String(count),
+};
+
+export const DEFAULT_CALCULATOR_LABELS: CalculatorLabels = {
+  open: "Open calculator",
+  panel: "Calculator",
+  calculation: "Calculation",
+  backspace: "Backspace",
+  clear: "Clear",
+  equals: "Equals",
+  done: "Done",
+  plus: "Plus",
+  minus: "Minus",
+  times: "Times",
+  divide: "Divide",
+  decimal: "Decimal point",
+};
+
+export const DEFAULT_CURRENCY_LABELS: CurrencyLabels = {
+  currency: "Currency",
+  search: "Search currency",
+};
+
+export const DEFAULT_APP_SHELL_LABELS: AppShellLabels = {
+  collapse: "Collapse sidebar",
+  expand: "Expand sidebar",
+  toggleGroup: (groupLabel) => `${groupLabel}: pages`,
+};
+
+export const DEFAULT_TOP_BAR_LABELS: TopBarLabels = {
+  theme: "Toggle theme",
+  palette: "Appearance preset",
+  language: "Language",
+  switchRole: "Switch role",
+  role: (value) => `Role: ${value}`,
+};
+
+export const DEFAULT_PICKER_SHEET_LABELS: PickerSheetLabels = { close: "Close" };
+
+export const DEFAULT_SWIPEABLE_ROW_LABELS: SwipeableRowLabels = { actions: "Row actions" };
+
+/** Formats with the locale the provider was given (see {@link useKitFileLabels}).
+ *  This static default has no locale to hand and falls back to the runtime's. */
+export const DEFAULT_FILE_LABELS: FileLabels = {
+  size: (bytes) => formatFileSize(bytes),
+};
+
+/** "12 kB", "3.4 MB" — `Intl`'s unit formatting, so the digits, the decimal mark and
+ *  the unit's spelling all follow `locale`. */
+export function formatFileSize(bytes: number, locale?: string): string {
+  const units = ["byte", "kilobyte", "megabyte", "gigabyte"] as const;
+  let value = bytes;
+  let i = 0;
+  while (value >= 1000 && i < units.length - 1) {
+    value /= 1000;
+    i += 1;
+  }
+  return new Intl.NumberFormat(locale, {
+    style: "unit",
+    unit: units[i],
+    unitDisplay: i === 0 ? "long" : "short",
+    maximumFractionDigits: value < 10 && i > 0 ? 1 : 0,
+  }).format(value);
+}