x-next 1.0.1 → 1.1.0

package/dist/locale/en-US.d.ts

@@ -0,0 +1,4 @@
+import { Locale } from './interface';
+/** 英文语言包 */
+declare const enUS: Locale;
+export default enUS;

package/dist/locale/index.d.ts

@@ -0,0 +1,46 @@
+import { InjectionKey, Ref } from 'vue';
+import { Locale, LocaleKey } from './interface';
+import { default as zhCN } from './zh-CN';
+import { default as enUS } from './en-US';
+export declare const LOCALES: Record<string, Locale>;
+export declare const DEFAULT_LOCALE_CODE = "zh-CN";
+export { zhCN, enUS };
+export type { Locale, LocaleKey };
+export * from './interface';
+/**
+ * 把 `{name}` 占位符替换为参数值。
+ * 未提供对应参数时保留占位符原文，便于暴露漏传参数的问题。
+ */
+export declare const formatMessage: (template: string, params?: Record<string, string | number>) => string;
+/** 设置全局默认语言（组件库之外也可调用） */
+export declare const setGlobalLocale: (code: string) => void;
+/** 获取当前全局默认语言标识 */
+export declare const getGlobalLocale: () => string;
+/**
+ * ConfigProvider 注入的 locale，
+ * 与 locale/index.ts 分开放置以避免循环依赖。
+ */
+export declare const localeInjectionKey: InjectionKey<Ref<Locale | undefined>>;
+/**
+ * 非组件上下文（命令式调用：Dialog/MessageBox/Notification）的取文案方式。
+ *
+ * 这些函数在 setup 之外执行，无法 inject，因此读取全局默认语言。
+ * 需要跟随 ConfigProvider 时应通过 options 显式传入文案。
+ */
+export declare const getLocaleMessage: (key: LocaleKey | (string & {}), params?: Record<string, string | number>) => string;
+export interface UseLocaleReturn {
+    /** 当前生效的语言包 */
+    locale: Ref<Locale>;
+    /**
+     * 取文案并插值。
+     * 找不到 key 时返回 key 本身，便于定位缺失的翻译。
+     */
+    t: (key: LocaleKey | (string & {}), params?: Record<string, string | number>) => string;
+}
+/**
+ * 读取当前 locale。
+ *
+ * 优先级：ConfigProvider 注入 > 全局默认（setGlobalLocale）> zh-CN。
+ * 未注入任何 locale 时行为与历史硬编码中文完全一致。
+ */
+export declare const useLocale: () => UseLocaleReturn;

package/dist/locale/interface.d.ts

@@ -0,0 +1,249 @@
+/**
+ * 语言包结构。
+ *
+ * 采用扁平 key + 命名参数插值（`{column}`），与组件中既有模板串
+ * （如 `筛选${columnName}`、`共 ${total} 条`）的语义直接对应。
+ */
+export interface PaginationLocale {
+    prev: string;
+    next: string;
+    /** 快速跳转页码，参数：{page} */
+    jumpToPage: string;
+    /** 每页条数选项，参数：{size} */
+    pageSizeOption: string;
+    /** 跳转输入框，参数：{page} */
+    jumpTo: string;
+    /** 总条数，参数：{total} */
+    total: string;
+}
+export interface TableLocaleMessages {
+    resetText: string;
+    okText: string;
+    currentColumnText: string;
+    /** 参数：{column} */
+    filterLabelText: string;
+    summaryText: string;
+}
+export interface DialogLocale {
+    okText: string;
+    cancelText: string;
+    /** 参数：{title} */
+    closeLabel: string;
+}
+export interface EmptyLocale {
+    description: string;
+}
+export interface NetworkLocale {
+    checking: string;
+    good: string;
+    fair: string;
+    poor: string;
+    offline: string;
+    /** 参数：{status} */
+    ariaLabel: string;
+}
+export interface ImagePreviewLocale {
+    fullscreen: string;
+    rotateRight: string;
+    rotateLeft: string;
+    zoomIn: string;
+    zoomOut: string;
+    originalSize: string;
+    /** 参数：{index} / {total} */
+    previewLabel: string;
+    closeLabel: string;
+    /** 上一张图片按钮的 aria-label */
+    prevLabel: string;
+    /** 下一张图片按钮的 aria-label */
+    nextLabel: string;
+}
+export interface InputLocale {
+    /** 显示密码按钮的 aria-label */
+    showPassword: string;
+    /** 隐藏密码按钮的 aria-label */
+    hidePassword: string;
+}
+export interface MenuLocale {
+    /** 展开菜单按钮的 aria-label */
+    expand: string;
+    /** 收起菜单按钮的 aria-label */
+    collapse: string;
+}
+export interface TabsLocale {
+    /** 向前滚动标签页按钮的 aria-label */
+    scrollPrev: string;
+    /** 向后滚动标签页按钮的 aria-label */
+    scrollNext: string;
+    /** 新增标签页按钮的 aria-label */
+    add: string;
+    /** 关闭标签页按钮的 aria-label，参数：{title} */
+    close: string;
+}
+export interface MessageLocale {
+    /** 关闭按钮的 aria-label，参数：{id}（消息 id，未设置时为空串） */
+    closeLabel: string;
+}
+export interface DatePickerLocale {
+    /** 面板快速翻到上一页（跨年 / 跨年代）按钮的 aria-label */
+    prevPage: string;
+    /** 面板翻到上一项（上一月 / 上一年等）按钮的 aria-label */
+    prevItem: string;
+    /** 面板翻到下一项按钮的 aria-label */
+    nextItem: string;
+    /** 面板快速翻到下一页按钮的 aria-label */
+    nextPage: string;
+    /** 日期模式底部「今天」按钮 */
+    today: string;
+    thisWeek: string;
+    thisMonth: string;
+    thisYear: string;
+    thisQuarter: string;
+    /** 周模式下周号列的列头 */
+    weekColumn: string;
+    /** 星期缩写，周日起 7 项；用于日期网格表头 */
+    weekdays: {
+        sun: string;
+        mon: string;
+        tue: string;
+        wed: string;
+        thu: string;
+        fri: string;
+        sat: string;
+    };
+    /** 日期时间面板中时间区域的小标题 */
+    selectTime: string;
+    /** 面板底部确认按钮 */
+    ok: string;
+    placeholderDate: string;
+    placeholderWeek: string;
+    placeholderMonth: string;
+    placeholderYear: string;
+    placeholderQuarter: string;
+    /** 范围输入框开始占位符，参数：{type}，如「开始日期」 */
+    rangeStart: string;
+    /** 范围输入框结束占位符，参数：{type}，如「结束日期」 */
+    rangeEnd: string;
+    /** 范围占位符的默认类型词，如「日期」；英文包用「date」拼出 Start date */
+    dateLabel: string;
+    /** 周模式的周号文案，参数：{week} */
+    weekLabel: string;
+    /** 月份格文案，参数：{month}（数字）与 {monthName}（缩写） */
+    monthLabel: string;
+}
+export interface TimePickerLocale {
+    /** 单值输入框占位符 */
+    placeholder: string;
+    /** 范围输入框开始占位符 */
+    rangeStart: string;
+    /** 范围输入框结束占位符 */
+    rangeEnd: string;
+    /** 底部「此刻」按钮 */
+    now: string;
+    /** 底部确认按钮 */
+    ok: string;
+    /** 时 / 分 / 秒列的 aria-label */
+    hour: string;
+    minute: string;
+    second: string;
+}
+export interface CommonLocale {
+    clear: string;
+    /** 参数：{target}，如「清空输入」 */
+    clearTarget: string;
+    /** 参数：{target}，如「关闭抽屉」 */
+    closeTarget: string;
+    search: string;
+    select: string;
+    close: string;
+    loading: string;
+    noData: string;
+    previous: string;
+    next: string;
+    /** 清空按钮 aria 的目标词，如「清空日期」 */
+    date: string;
+    /** 清空按钮 aria 的目标词，如「清空时间」 */
+    time: string;
+    /** 清空按钮 aria 的目标词，如「清空日期范围」 */
+    dateRange: string;
+    /** 清空按钮 aria 的目标词，如「清空时间范围」 */
+    timeRange: string;
+    /** 关闭按钮 aria 的目标词，如「关闭标签」 */
+    tag: string;
+    /** 关闭按钮 aria 的目标词，如「关闭通知」 */
+    notification: string;
+}
+/**
+ * 表单校验消息表。
+ *
+ * 结构必须与 b-validate 的 validateMessages 一致：按 `type.min` 这类
+ * 点分路径取模板，模板内用 `#{name}` 插值（如 `#{field}`、`#{min}`）。
+ * 因此这里保留 b-validate 的嵌套形状，而不是扁平 key。
+ */
+export interface ValidateMessagesLocale {
+    required: string;
+    type: {
+        string: string;
+        number: string;
+        boolean: string;
+        array: string;
+        object: string;
+        url: string;
+        email: string;
+        ip: string;
+    };
+    number: {
+        min: string;
+        max: string;
+        equal: string;
+        range: string;
+        positive: string;
+        negative: string;
+    };
+    array: {
+        length: string;
+        minLength: string;
+        maxLength: string;
+        includes: string;
+        deepEqual: string;
+        empty: string;
+    };
+    string: {
+        minLength: string;
+        maxLength: string;
+        length: string;
+        match: string;
+        uppercase: string;
+        lowercase: string;
+    };
+    object: {
+        deepEqual: string;
+        hasKeys: string;
+        empty: string;
+    };
+    boolean: {
+        true: string;
+        false: string;
+    };
+}
+export interface Locale {
+    /** 语言标识，如 zh-CN */
+    code: string;
+    pagination: PaginationLocale;
+    table: TableLocaleMessages;
+    dialog: DialogLocale;
+    empty: EmptyLocale;
+    network: NetworkLocale;
+    imagePreview: ImagePreviewLocale;
+    input: InputLocale;
+    menu: MenuLocale;
+    tabs: TabsLocale;
+    message: MessageLocale;
+    datePicker: DatePickerLocale;
+    timePicker: TimePickerLocale;
+    common: CommonLocale;
+    validateMessages: ValidateMessagesLocale;
+}
+/** 语言包中所有叶子 key 的点分路径 */
+export type LocaleKey = {
+    [K in keyof Omit<Locale, 'code'>]: `${K & string}.${keyof Locale[K] & string}`;
+}[keyof Omit<Locale, 'code'>];

package/dist/locale/zh-CN.d.ts

@@ -0,0 +1,8 @@
+import { Locale } from './interface';
+/**
+ * 简体中文语言包。
+ *
+ * 文案与组件中原本硬编码的中文保持一致，切换到 locale 后默认外观不变。
+ */
+declare const zhCN: Locale;
+export default zhCN;

package/dist/style/alert.css

@@ -0,0 +1 @@
+.x-alert-slide-enter-from,.x-alert-slide-appear-from{max-height:0;opacity:0}.x-alert-slide-enter-to,.x-alert-slide-appear-to{max-height:200px;opacity:1}.x-alert-slide-enter-active,.x-alert-slide-appear-active,.x-alert-slide-leave-active{transition:max-height var(--x-transition-duration-3, 0.3s) ease-in-out,opacity var(--x-transition-duration-2, 0.2s) ease-in-out,padding-top var(--x-transition-duration-3, 0.3s) ease-in-out,padding-bottom var(--x-transition-duration-3, 0.3s) ease-in-out,margin-top var(--x-transition-duration-3, 0.3s) ease-in-out,margin-bottom var(--x-transition-duration-3, 0.3s) ease-in-out}.x-alert-slide-leave-to{max-height:0;padding-top:0;padding-bottom:0;margin-top:0;margin-bottom:0;opacity:0}.x-alert{display:flex;align-items:center;box-sizing:border-box;width:100%;padding:8px 15px;overflow:hidden;font-size:var(--x-font-size-body-3);line-height:1.5715;text-align:left;border-radius:var(--x-border-radius-medium)}.x-alert-with-title{align-items:flex-start;padding:15px 15px}.x-alert-center{justify-content:center}.x-alert-center .x-alert--body{flex:initial}.x-alert-normal{background-color:var(--x-color-neutral-2);border:var(--x-border-1) solid var(--x-color-transparent)}.x-alert-info{background-color:var(--x-color-primary-light-1);border:var(--x-border-1) solid var(--x-color-transparent)}.x-alert-success{background-color:var(--x-color-success-light-1);border:var(--x-border-1) solid var(--x-color-transparent)}.x-alert-warning{background-color:var(--x-color-warning-light-1);border:var(--x-border-1) solid var(--x-color-transparent)}.x-alert-error{background-color:var(--x-color-danger-light-1);border:var(--x-border-1) solid var(--x-color-transparent)}.x-alert-banner{border:none;border-radius:0}.x-alert--body{position:relative;flex:1}.x-alert--title{margin-bottom:var(--x-spacing-2);font-weight:var(--x-font-weight-500);font-size:var(--x-font-size-title-1);line-height:1.5}.x-alert-normal .x-alert--title{color:var(--x-color-text-1)}.x-alert-normal .x-alert--content{color:var(--x-color-text-1)}.x-alert-normal.x-alert-with-title .x-alert-normal--content{color:var(--x-color-text-2)}.x-alert-info .x-alert--title{color:var(--x-color-text-1)}.x-alert-info .x-alert--content{color:var(--x-color-text-1)}.x-alert-info.x-alert-with-title .x-alert-info--content{color:var(--x-color-text-2)}.x-alert-success .x-alert--title{color:var(--x-color-text-1)}.x-alert-success .x-alert--content{color:var(--x-color-text-1)}.x-alert-success.x-alert-with-title .x-alert-success--content{color:var(--x-color-text-2)}.x-alert-warning .x-alert--title{color:var(--x-color-text-1)}.x-alert-warning .x-alert--content{color:var(--x-color-text-1)}.x-alert-warning.x-alert-with-title .x-alert-warning--content{color:var(--x-color-text-2)}.x-alert-error .x-alert--title{color:var(--x-color-text-1)}.x-alert-error .x-alert--content{color:var(--x-color-text-1)}.x-alert-error.x-alert-with-title .x-alert-error--content{color:var(--x-color-text-2)}.x-alert--icon{display:flex;margin-right:var(--x-spacing-4)}.x-alert--icon svg{font-size:16px;vertical-align:-3px}.x-alert-with-title .x-alert--icon svg{font-size:18px;vertical-align:-5px}.x-alert-normal .x-alert--icon svg{color:var(--x-color-neutral-4)}.x-alert-info .x-alert--icon svg{color:var(--x-color-primary-6)}.x-alert-success .x-alert--icon svg{color:var(--x-color-success-6)}.x-alert-warning .x-alert--icon svg{color:var(--x-color-warning-6)}.x-alert-error .x-alert--icon svg{color:var(--x-color-danger-6)}.x-alert--close-btn{top:4px;right:0;box-sizing:border-box;margin-left:var(--x-spacing-4);padding:0;color:var(--x-color-text-2);font-size:12px;background-color:var(--x-color-transparent);border:none;outline:none;cursor:pointer;transition:color var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-alert--close-btn:hover{color:var(--x-color-text-1)}.x-alert--close-btn:focus-visible{outline:2px solid var(--x-color-primary-6);outline-offset:2px}.x-alert--action+.x-alert--close-btn{margin-left:var(--x-spacing-4)}.x-alert--action{margin-left:var(--x-spacing-4)}.x-alert-with-title .x-alert--close-btn{margin-top:0;margin-right:0}

package/dist/style/alert.js

@@ -0,0 +1,2 @@
+import './base.css';
+import './alert.css';