@zerodep-dev/vue-tsx-pro-ui 0.0.0-stage → 0.1.0

package/dist/patterns/ThemeSwitcher.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeSwitcher.js","names":["_isVNode","_vtp_readonlyProp","_vtp_restProps","_createVNode","Menu","_mergeProps"],"sources":["../../src/patterns/ThemeSwitcher.tsx"],"sourcesContent":["/**\n * 主题切换：图标按钮弹出菜单，列出“跟随系统”与各套主题，配合 createThemePreference 使用。\n *\n *   const preference = createThemePreference({ themes: { light: lightTheme, dark: darkTheme, paper: paperTheme } });\n *   <ThemeSwitcher preference={preference} />\n *\n * 选中后新主题从按钮处圆形展开（revealTransition；不支持 View Transitions 或减少动态效果时直接切换）。\n * 按钮的图标表示当前的选择；内置主题（builtinThemes）与跟随系统有默认的文字和图标，其他主题用 labels、icons 补上。\n */\nimport {\n  Citrus,\n  Coffee,\n  Contrast,\n  Flower2,\n  Monitor,\n  Moon,\n  MoonStar,\n  Palette,\n  PartyPopper,\n  ScrollText,\n  Sun,\n  Trees,\n  Waves,\n  Zap,\n} from '@lucide/icons';\nimport { _component } from '@zerodep-dev/vue-tsx-pro-tsx';\nimport { IconButton, type IconButtonProps } from '../base/IconButton';\nimport { useLang } from '../config/context';\nimport { useMessages } from '../config/lang/messages';\nimport { patternsMessages } from './messages';\nimport type { IconData } from '../base/Icon';\nimport { Menu, MenuRadioGroup, MenuRadioItem, type MenuProps } from '../overlay/Menu';\nimport { toElement } from '../utils/dom/element';\nimport { mergePartProps } from '../utils/props';\nimport { SYSTEM_THEME } from '../config/theme/boot';\nimport { builtinThemeLabel, builtinThemes, type BuiltinThemeName } from '../config/theme/builtin';\nimport type { ThemePreference } from '../config/theme/preference';\n\n/** 未声明的属性落到菜单（role=\"menu\" 的 div）上 */\nexport interface ThemeSwitcherProps<Name extends string> extends Omit<\n  MenuProps,\n  'trigger' | 'children'\n> {\n  /** createThemePreference 的结果 */\n  preference: ThemePreference<Name>;\n  /** 各选项的文字（键是主题名或 'system'）；内置主题与跟随系统默认取语言包，其他默认是主题名 */\n  labels?: Partial<Record<Name | typeof SYSTEM_THEME, string>>;\n  /** 各选项的图标；内置主题与跟随系统有默认图标，其他默认是调色板 */\n  icons?: Partial<Record<Name | typeof SYSTEM_THEME, IconData>>;\n  /** 列出“跟随系统”，默认 true */\n  system?: boolean;\n  /** 触发按钮的部件属性 */\n  propsTrigger?: Partial<IconButtonProps>;\n}\n\n// 每套内置主题都要有图标：加主题时漏了这里类型检查会报错\nconst DEFAULT_ICONS: Record<BuiltinThemeName | typeof SYSTEM_THEME, IconData> = {\n  [SYSTEM_THEME]: Monitor,\n  light: Sun,\n  dark: Moon,\n  paper: ScrollText,\n  midnight: MoonStar,\n  'high-contrast': Contrast,\n  ocean: Waves,\n  forest: Trees,\n  lemon: Citrus,\n  sakura: Flower2,\n  festive: PartyPopper,\n  cyberpunk: Zap,\n  coffee: Coffee,\n};\n\n/** 主题切换（图标按钮 + 单选菜单）：选中后从按钮处圆形展开新主题 */\nexport const ThemeSwitcher = _component(\n  <Name extends string>({\n    preference,\n    labels,\n    icons,\n    system = true,\n    propsTrigger,\n    ...rest\n  }: ThemeSwitcherProps<Name>) => {\n    const lang = useLang();\n    const messages = useMessages('patterns', patternsMessages);\n    let button: HTMLElement | null = null;\n\n    const labelOf = (name: string) =>\n      (labels as Record<string, string | undefined> | undefined)?.[name] ??\n      (name === SYSTEM_THEME\n        ? lang.themeSystem\n        : name in builtinThemes\n          ? builtinThemeLabel(lang, name as BuiltinThemeName)\n          : name);\n    const iconOf = (name: string) =>\n      (icons as Record<string, IconData | undefined> | undefined)?.[name] ??\n      (DEFAULT_ICONS as Record<string, IconData | undefined>)[name] ??\n      Palette;\n\n    function choose(next: string) {\n      const rect = button?.getBoundingClientRect();\n      const origin = rect && { x: rect.left + rect.width / 2, y: rect.top + rect.height / 2 };\n      void preference.set(next as Name, { origin });\n    }\n\n    return () => {\n      const choices: string[] = system\n        ? [SYSTEM_THEME, ...preference.names]\n        : [...preference.names];\n      return (\n        <Menu\n          {...rest}\n          trigger={(props) => (\n            <IconButton\n              {...mergePartProps<IconButtonProps>(\n                { icon: iconOf(preference.preference), 'aria-label': messages.themeLabel },\n                propsTrigger,\n                {\n                  ...props,\n                  ref: (value: unknown) => {\n                    props.ref(value);\n                    button = toElement(value);\n                  },\n                },\n              )}\n            />\n          )}\n        >\n          <MenuRadioGroup\n            _value={preference.preference}\n            onUpdate:_value={choose}\n            aria-label={messages.themeLabel}\n          >\n            {choices.map((name) => (\n              <MenuRadioItem key={name} value={name} icon={iconOf(name)}>\n                {labelOf(name)}\n              </MenuRadioItem>\n            ))}\n          </MenuRadioGroup>\n        </Menu>\n      );\n    };\n  },\n);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAsCA,SAAA,QAAA,GAAA;CAAA,OAAA,OAAA,MAAA,cAAA,OAAA,UAAA,SAAA,KAAA,CAAA,MAAA,qBAAA,CAAAA,QAAA,CAAA;AAAA;AAkBA,IAAM,gBAA0E;EAC7E,eAAe;CAChB,OAAO;CACP,MAAM;CACN,OAAO;CACP,UAAU;CACV,iBAAiB;CACjB,OAAO;CACP,QAAQ;CACR,OAAO;CACP,QAAQ;CACR,SAAS;CACT,WAAW;CACX,QAAQ;AACV;;AAGA,IAAa,gBAAgB,0BAC3B,QAAA,SAOgC;CAAA,MAAA,SAAA,CAAA;CAAA,MAAA,aAAAC,aAAA,QAAA,YAAA;CAAA,MAAA,SAAAA,aAAA,QAAA,QAAA;CAAA,MAAA,QAAAA,aAAA,QAAA,OAAA;CAAA,MAAA,SAAAA,aAAA,QAAA,UAHrB,IAAI;CAAA,MAAA,eAAAA,aAAA,QAAA,cAAA;CAAA,MAEV,OAAIC,UAAA,QAAA,MAAA,IAAA;CAEP,MAAM,OAAO,QAAQ;CACrB,MAAM,WAAW,YAAY,YAAY,gBAAgB;CACzD,IAAI,SAA6B;CAEjC,MAAM,WAAW,SACf,OAAA,QAA6D,UAC5D,SAAA,WACG,KAAK,cACL,QAAQ,gBACN,kBAAkB,MAAM,IAAwB,IAChD;CACR,MAAM,UAAU,SACd,MAAA,QAA8D,SAC7D,cAAuD,SACxD;CAEF,SAAS,OAAO,MAAc;EAC5B,MAAM,OAAO,QAAQ,sBAAsB;EAC3C,MAAM,SAAS,QAAQ;GAAE,GAAG,KAAK,OAAO,KAAK,QAAQ;GAAG,GAAG,KAAK,MAAM,KAAK,SAAS;EAAE;EACtF,WAAK,MAAW,IAAI,MAAc,EAAE,OAAO,CAAC;CAC9C;CAEA,aAAa;EAAA,IAAA;EACX,MAAM,UAAoB,OAAA,QACtB,CAAC,cAAc,GAAG,WAAA,MAAW,KAAK,IAClC,CAAC,GAAG,WAAA,MAAW,KAAK;EACxB,OAAAC,YAAAC,QAAAC,WAEQ,MAAI,EAAA,WAAA,OAAA,OAAA,OAAA,MACE,UAAKF,YAAA,YAEP,eACF;GAAE,MAAM,OAAO,WAAA,MAAW,UAAU;GAAG,cAAc,SAAS;EAAW,GAAC,aAAA,OAE1E;GACE,GAAG;GACH,MAAM,UAAmB;IACvB,MAAM,IAAI,KAAK;IACf,SAAS,UAAU,KAAK;GAC1B;EACF,CACF,GAAC,IAAA,GAEJ,CAAA,GAAA,EAAA,eAAA,CAAAA,YAAA,gBAAA;GAAA,UAGS,WAAA,MAAW;GAAU,mBACZ;GAAM,cACX,SAAS;EAAU,GAAA,QAAA,SAE9B,QAAQ,KAAK,SAAI;GAAA,IAAA;GAAA,OAAAA,YAAA,eAAA;IAAA,OACI;IAAI,SAAS;IAAI,QAAQ,OAAO,IAAI;GAAC,GAAA,QAAA,QACtD,QAAQ,IAAI,CAAC,IAAA,QAAA,EAAA,eAAA,CAAA,KAAA,EAAA,CAAA;EAAA,CAEjB,CAAC,IAAA,SAAA,EAAA,eAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA,CAAA;CAIV;AACF,GAAC;CAAA,MAAA;CAAA,OAAA;EAAA;EAAA;EAAA;EAAA;EAAA;CAAA;AAAA,CACH"}

package/dist/patterns/form-dialog.d.ts

@@ -0,0 +1,62 @@
+import { type VNodeChild } from 'vue';
+import type { StatusTone } from '../utils/style/tone-styles';
+import { type DialogProps } from '../overlay/Dialog';
+/** 对话框里的一个字段 */
+export interface FormDialogField {
+    /** 字段名：结果里的 key */
+    name: string;
+    /** 标签 */
+    label: string;
+    /**
+     * 控件：单行文字、多行文字、下拉选择、日期（值是 ISO 日期 'YYYY-MM-DD'）
+     * @default 'text'
+     */
+    type?: 'text' | 'textarea' | 'select' | 'date';
+    /** 必填 */
+    required?: boolean;
+    /** 下拉的选项（type 为 select）；description 是选项的第二行 */
+    options?: readonly {
+        value: string;
+        label: string;
+        description?: string;
+    }[];
+    /** 初始值 */
+    defaultValue?: string;
+    /** 占位文字 */
+    placeholder?: string;
+    /** 标签下面的说明 */
+    description?: VNodeChild;
+    /** 最多几个字（text、textarea） */
+    maxlength?: number;
+    /** 最早可选的日期（type 为 date，ISO 日期） */
+    min?: string;
+    /** 最晚可选的日期（type 为 date，ISO 日期） */
+    max?: string;
+    /** 校验：返回错误说明时不提交；values 是全部字段的值 */
+    validate?: (value: string, values: Readonly<Record<string, string>>) => string | null | undefined;
+}
+/** prompt() 的选项 */
+export interface FormDialogOptions {
+    /** 标题 */
+    title: VNodeChild;
+    /** 标题下面的说明 */
+    description?: VNodeChild;
+    /** 字段 */
+    fields: readonly FormDialogField[];
+    /** 确认按钮的文字，默认取语言包（确定） */
+    confirmText?: VNodeChild;
+    /** 确认按钮的色调，默认 accent；驳回、终止用 danger */
+    tone?: StatusTone;
+    /**
+     * 对话框的尺寸
+     * @default 'sm'
+     */
+    size?: DialogProps['size'];
+    /** 提交：返回 Promise 时等它完成，失败时对话框留着 */
+    onSubmit?: (values: Record<string, string>) => unknown;
+}
+/**
+ * 命令式的小表单对话框：在组件 setup 里调用，返回 prompt(options)。
+ * 提交（onSubmit 完成）时得到填好的值，取消、Esc 时得到 null
+ */
+export declare function useFormDialog(): (options: FormDialogOptions) => Promise<Record<string, string> | null>;

package/dist/patterns/form-dialog.js

@@ -0,0 +1,143 @@
+import { useLang } from "../config/context.js";
+import { Flex } from "../layout/Flex.js";
+import { Field } from "../form/Field.js";
+import { Textarea } from "../input/Textarea.js";
+import { useDetachedDialog } from "../overlay/detached.js";
+import { Dialog } from "../overlay/Dialog.js";
+import { TextField } from "../input/TextField.js";
+import { Select } from "../input/Select.js";
+import { DatePicker } from "../date/DatePicker.js";
+import { createVNode, isVNode, ref, useId } from "vue";
+import { _component, bindable, readonlyProp, untrack } from "@zerodep-dev/vue-tsx-pro-tsx";
+//#region src/patterns/form-dialog.tsx
+/** 对话框里的一个字段 */
+/** prompt() 的选项 */
+function _isSlot(s) {
+	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+/** 对话框的内容：字段、错误、提交 */
+var FormDialogBody = /*#__PURE__*/ _component((_props, _ctx) => {
+	const _cache = [];
+	const options = readonlyProp(_props, "options");
+	const open = bindable(_props, "_open", () => true, _ctx.emit);
+	const onDone = readonlyProp(_props, "onDone");
+	const onClose = readonlyProp(_props, "onClose");
+	const lang = useLang();
+	let values = ref(Object.fromEntries(untrack(() => options.value.fields).map((field) => [field.name, field.defaultValue ?? ""])));
+	let errors = ref({});
+	const formId = useId();
+	/** 对话框的确认：校验没过返回 false（对话框留着）；onSubmit 失败时对话框也留着 */
+	async function confirm() {
+		const trimmed = Object.fromEntries(Object.entries(values.value).map(([name, value]) => [name, value.trim()]));
+		errors.value = Object.fromEntries(options.value.fields.map((field) => {
+			const value = trimmed[field.name] ?? "";
+			const message = field.required && !value ? lang.formRequired : field.validate?.(value, trimmed);
+			return [field.name, message ?? ""];
+		}).filter(([, message]) => message));
+		if (Object.keys(errors.value).length > 0) return false;
+		await options.value.onSubmit?.(trimmed);
+		onDone.value(trimmed);
+	}
+	const control = (field, autofocus) => {
+		switch (field.type) {
+			case "textarea": return createVNode(Textarea, {
+				"_value": values.value[field.name] ?? "",
+				"onUpdate:_value": (next) => values.value[field.name] = next,
+				"rows": 3,
+				"placeholder": field.placeholder,
+				"maxlength": field.maxlength,
+				"autofocus": autofocus
+			}, null);
+			case "date": return createVNode(DatePicker, {
+				"_value": values.value[field.name] || null,
+				"onUpdate:_value": (next) => values.value[field.name] = next ?? "",
+				"min": field.min,
+				"max": field.max
+			}, null);
+			case "select": return createVNode(Select, {
+				"items": field.options ?? [],
+				"_value": values.value[field.name] || null,
+				"onUpdate:_value": (next) => values.value[field.name] = next ?? "",
+				"placeholder": field.placeholder
+			}, null);
+			default: return createVNode(TextField, {
+				"_value": values.value[field.name] ?? "",
+				"onUpdate:_value": (next) => values.value[field.name] = next,
+				"placeholder": field.placeholder,
+				"maxlength": field.maxlength,
+				"autofocus": autofocus
+			}, null);
+		}
+	};
+	return () => createVNode(Dialog, {
+		"size": options.value.size ?? "sm",
+		"_open": open.value,
+		"onUpdate:_open": _cache[0] || (_cache[0] = ($event) => open.value = $event),
+		"onClose": _cache[1] || (_cache[1] = () => onClose.value()),
+		"title": options.value.title,
+		"description": options.value.description,
+		"tone": options.value.tone,
+		"confirmText": options.value.confirmText,
+		"onConfirm": confirm,
+		"propsConfirm": _cache[2] || (_cache[2] = {
+			type: "submit",
+			form: formId
+		}),
+		"key": "__site1"
+	}, {
+		default: () => [createVNode("form", {
+			"id": formId,
+			"onSubmit": _cache[3] || (_cache[3] = (event) => event.preventDefault())
+		}, [createVNode(Flex, {
+			"direction": "column",
+			"gap": "md",
+			"key": "__site0"
+		}, {
+			default: () => [options.value.fields.map((field, index) => {
+				let _slot;
+				return createVNode(Field, {
+					"key": field.name,
+					"label": field.label,
+					"description": field.description,
+					"required": field.required,
+					"error": errors.value[field.name] || void 0
+				}, _isSlot(_slot = control(field, index === 0)) ? _slot : { default: () => [_slot] });
+			})],
+			$stable: true
+		})])],
+		$stable: true
+	});
+}, {
+	name: "FormDialogBody",
+	props: [
+		"options",
+		"_open",
+		"onUpdate:_open",
+		"onDone",
+		"onClose"
+	]
+});
+/**
+* 命令式的小表单对话框：在组件 setup 里调用，返回 prompt(options)。
+* 提交（onSubmit 完成）时得到填好的值，取消、Esc 时得到 null
+*/
+function useFormDialog() {
+	const mount = useDetachedDialog();
+	return (options) => new Promise((resolve) => {
+		let result = null;
+		mount((host) => createVNode(FormDialogBody, {
+			"options": options,
+			"_open": host.open,
+			"onUpdate:_open": ($event) => host.open = $event,
+			"onDone": (values) => result = values,
+			"onClose": () => {
+				resolve(result);
+				host.closed();
+			}
+		}, null));
+	});
+}
+//#endregion
+export { useFormDialog };
+
+//# sourceMappingURL=form-dialog.js.map

package/dist/patterns/form-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-dialog.js","names":["_isVNode","_vtp_readonlyProp","_vtp_bindable","_vue_ref","_vtp_untrack","_createVNode"],"sources":["../../src/patterns/form-dialog.tsx"],"sourcesContent":["/**\n * 命令式的小表单对话框：一个操作前要填一两个字段（退回的原因、改派给谁、驳回的说明），不值得为它单独写一个对话框组件。\n *\n *   const prompt = useFormDialog();              // setup 里\n *   const values = await prompt({\n *     title: '退回收件箱',\n *     fields: [{ name: 'reason', label: '原因', type: 'textarea', required: true }],\n *     confirmText: '退回',\n *     onSubmit: (values) => releaseWorkItem(id, values.reason),   // 可选：失败时对话框留着\n *   });\n *   if (values) refresh();                       // 取消、Esc 时是 null\n *\n * 字段是 text（默认）、textarea、select（options）、date（ISO 日期，可限 min / max）；required 的没填、validate 返回说明时，错误落在字段下面、不提交。\n * 值都是字符串（去掉首尾空白）。onSubmit 返回 Promise 时确认按钮显示加载中，失败（reject）时对话框留着，由调用方提示原因。\n * 对话框渲染在组件树之外，沿用调用处的主题、语言（同 useConfirm）。\n */\nimport { _component } from '@zerodep-dev/vue-tsx-pro-tsx';\nimport { useId, type VNodeChild } from 'vue';\nimport { useLang } from '../config/context';\nimport { DatePicker } from '../date/DatePicker';\nimport { Field } from '../form/Field';\nimport { Select } from '../input/Select';\nimport { Textarea } from '../input/Textarea';\nimport { TextField } from '../input/TextField';\nimport { Flex } from '../layout/Flex';\nimport type { StatusTone } from '../utils/style/tone-styles';\nimport { useDetachedDialog } from '../overlay/detached';\nimport { Dialog, type DialogProps } from '../overlay/Dialog';\n\n/** 对话框里的一个字段 */\nexport interface FormDialogField {\n  /** 字段名：结果里的 key */\n  name: string;\n  /** 标签 */\n  label: string;\n  /**\n   * 控件：单行文字、多行文字、下拉选择、日期（值是 ISO 日期 'YYYY-MM-DD'）\n   * @default 'text'\n   */\n  type?: 'text' | 'textarea' | 'select' | 'date';\n  /** 必填 */\n  required?: boolean;\n  /** 下拉的选项（type 为 select）；description 是选项的第二行 */\n  options?: readonly { value: string; label: string; description?: string }[];\n  /** 初始值 */\n  defaultValue?: string;\n  /** 占位文字 */\n  placeholder?: string;\n  /** 标签下面的说明 */\n  description?: VNodeChild;\n  /** 最多几个字（text、textarea） */\n  maxlength?: number;\n  /** 最早可选的日期（type 为 date，ISO 日期） */\n  min?: string;\n  /** 最晚可选的日期（type 为 date，ISO 日期） */\n  max?: string;\n  /** 校验：返回错误说明时不提交；values 是全部字段的值 */\n  validate?: (value: string, values: Readonly<Record<string, string>>) => string | null | undefined;\n}\n\n/** prompt() 的选项 */\nexport interface FormDialogOptions {\n  /** 标题 */\n  title: VNodeChild;\n  /** 标题下面的说明 */\n  description?: VNodeChild;\n  /** 字段 */\n  fields: readonly FormDialogField[];\n  /** 确认按钮的文字，默认取语言包（确定） */\n  confirmText?: VNodeChild;\n  /** 确认按钮的色调，默认 accent；驳回、终止用 danger */\n  tone?: StatusTone;\n  /**\n   * 对话框的尺寸\n   * @default 'sm'\n   */\n  size?: DialogProps['size'];\n  /** 提交：返回 Promise 时等它完成，失败时对话框留着 */\n  onSubmit?: (values: Record<string, string>) => unknown;\n}\n\n/** 对话框的内容：字段、错误、提交 */\nconst FormDialogBody = _component(\n  ({\n    options,\n    _open: open = _bindable(true),\n    onDone,\n    onClose,\n  }: {\n    options: FormDialogOptions;\n    _open?: boolean;\n    /** 提交成功：带上值 */\n    onDone: (values: Record<string, string>) => void;\n    /** 对话框关上了（不论提交还是取消） */\n    onClose: () => void;\n  }) => {\n    const lang = useLang();\n    // 初始值只取一次：对话框打开后由用户填\n    let values = _state<Record<string, string>>(\n      Object.fromEntries(\n        _untrack(options.fields).map((field) => [field.name, field.defaultValue ?? '']),\n      ),\n    );\n    let errors = _state<Record<string, string>>({});\n    // 确认按钮是这个表单的提交按钮：在输入框里按 Enter 也是确认（浏览器的隐式提交会点它）\n    const formId = useId();\n\n    /** 对话框的确认：校验没过返回 false（对话框留着）；onSubmit 失败时对话框也留着 */\n    async function confirm() {\n      const trimmed = Object.fromEntries(\n        Object.entries(values).map(([name, value]) => [name, value.trim()]),\n      );\n      errors = Object.fromEntries(\n        options.fields\n          .map((field): [string, string] => {\n            const value = trimmed[field.name] ?? '';\n            const message =\n              field.required && !value ? lang.formRequired : field.validate?.(value, trimmed);\n            return [field.name, message ?? ''];\n          })\n          .filter(([, message]) => message),\n      );\n      if (Object.keys(errors).length > 0) return false;\n      await options.onSubmit?.(trimmed);\n      onDone(trimmed);\n    }\n\n    const control = (field: FormDialogField, autofocus: boolean) => {\n      switch (field.type) {\n        case 'textarea':\n          return (\n            <Textarea\n              _value={values[field.name] ?? ''}\n              onUpdate:_value={(next: string) => (values[field.name] = next)}\n              rows={3}\n              placeholder={field.placeholder}\n              maxlength={field.maxlength}\n              autofocus={autofocus}\n            />\n          );\n        case 'date':\n          return (\n            <DatePicker\n              _value={values[field.name] || null}\n              onUpdate:_value={(next: string | null) => (values[field.name] = next ?? '')}\n              min={field.min}\n              max={field.max}\n            />\n          );\n        case 'select':\n          return (\n            <Select\n              items={field.options ?? []}\n              _value={values[field.name] || null}\n              onUpdate:_value={(next: string | null) => (values[field.name] = next ?? '')}\n              placeholder={field.placeholder}\n            />\n          );\n        default:\n          return (\n            <TextField\n              _value={values[field.name] ?? ''}\n              onUpdate:_value={(next: string) => (values[field.name] = next)}\n              placeholder={field.placeholder}\n              maxlength={field.maxlength}\n              autofocus={autofocus}\n            />\n          );\n      }\n    };\n\n    return () => (\n      <Dialog\n        size={options.size ?? 'sm'}\n        _open={open}\n        onClose={() => onClose()}\n        title={options.title}\n        description={options.description}\n        tone={options.tone}\n        confirmText={options.confirmText}\n        onConfirm={confirm}\n        propsConfirm={{ type: 'submit', form: formId }}\n      >\n        <form id={formId} onSubmit={(event: Event) => event.preventDefault()}>\n          <Flex direction=\"column\" gap=\"md\">\n            {options.fields.map((field, index) => (\n              <Field\n                key={field.name}\n                label={field.label}\n                description={field.description}\n                required={field.required}\n                error={errors[field.name] || undefined}\n              >\n                {control(field, index === 0)}\n              </Field>\n            ))}\n          </Flex>\n        </form>\n      </Dialog>\n    );\n  },\n);\n\n/**\n * 命令式的小表单对话框：在组件 setup 里调用，返回 prompt(options)。\n * 提交（onSubmit 完成）时得到填好的值，取消、Esc 时得到 null\n */\nexport function useFormDialog(): (\n  options: FormDialogOptions,\n) => Promise<Record<string, string> | null> {\n  const mount = useDetachedDialog();\n  return (options) =>\n    new Promise((resolve) => {\n      let result: Record<string, string> | null = null;\n      mount((host) => (\n        <FormDialogBody\n          options={options}\n          _open={host.open}\n          onDone={(values) => (result = values)}\n          onClose={() => {\n            resolve(result);\n            host.closed();\n          }}\n        />\n      ));\n    });\n}\n"],"mappings":"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"}

package/dist/patterns/index.d.ts

@@ -0,0 +1,24 @@
+/**
+ * 页面组合（子路径 `@zerodep-dev/vue-tsx-pro-ui/patterns`）：用核心组件拼好的页面级部件，后台应用直接拿来搭页面：
+ * 应用外壳 AppShell、页签区 PageTabs、查询表格 QueryTable、分步表单 StepsForm、数据导入 DataImport、吸底操作栏 ActionBar、筛选条 FilterBar、通知中心 NotificationCenter、
+ * 留言 CommentThread、看板 KanbanBoard、时限标记 DeadlineBadge、主题切换 ThemeSwitcher、命令式的表单对话框 useFormDialog。
+ *
+ *   import { AppShell, FilterBar } from '@zerodep-dev/vue-tsx-pro-ui/patterns';
+ *
+ * 它们只依赖主入口的组件与工具，不放在主入口：外观与交互更有主见（同 Ant Design 的 ProComponents），
+ * 文案自带中英文（messages.ts），别的语言在 Lang.messages.patterns 里补。
+ */
+export { ActionBar, actionBarStyles, type ActionBarProps } from './ActionBar';
+export { AppShell, AppShellBrand, appShellBrandStyles, AppShellContext, appShellDynamicStyles, appShellOffset, appShellStyles, type AppShellBrandProps, type AppShellProps, type AppShellSidebarModes, type AppShellState, } from './AppShell';
+export { CommentComposer, commentStyles, CommentThread, type CommentAttachment, type CommentAuthor, type CommentComposerProps, type CommentDraft, type CommentItem, type CommentThreadProps, } from './CommentThread';
+export { DataImport, dataImportStyles, type DataImportProps, type ImportField } from './DataImport';
+export { DeadlineBadge, type DeadlineBadgeProps } from './DeadlineBadge';
+export { FilterBar, filterBarColumnStyles, filterBarStyles, type FilterBarManaged, type FilterBarProps, } from './FilterBar';
+export { KanbanBoard, kanbanBoardDynamicStyles, kanbanBoardStyles, type KanbanBoardProps, type KanbanCardState, type KanbanColumn, } from './KanbanBoard';
+export { NotificationCenter, notificationCenterStyles, NotificationList, notificationListStyles, type NotificationCenterProps, type NotificationItem, type NotificationListOptions, type NotificationListProps, type NotificationType, } from './NotificationCenter';
+export { PageTabs, type PageTab, type PageTabsProps } from './PageTabs';
+export { QueryTable, queryTableStyles, type QueryTableProps } from './QueryTable';
+export { StepsForm, stepsFormStyles, type FormStep, type StepsFormProps } from './StepsForm';
+export { ThemeSwitcher, type ThemeSwitcherProps } from './ThemeSwitcher';
+export { useFormDialog, type FormDialogField, type FormDialogOptions } from './form-dialog';
+export { patternsMessages, type PatternsMessages } from './messages';

package/dist/patterns/index.js

@@ -0,0 +1,15 @@
+import { ActionBar, actionBarStyles } from "./ActionBar.js";
+import { patternsMessages } from "./messages.js";
+import { AppShell, AppShellBrand, AppShellContext, appShellBrandStyles, appShellDynamicStyles, appShellOffset, appShellStyles } from "./AppShell.js";
+import { CommentComposer, CommentThread, commentStyles } from "./CommentThread.js";
+import { DataImport, dataImportStyles } from "./DataImport.js";
+import { DeadlineBadge } from "./DeadlineBadge.js";
+import { FilterBar, filterBarColumnStyles, filterBarStyles } from "./FilterBar.js";
+import { KanbanBoard, kanbanBoardDynamicStyles, kanbanBoardStyles } from "./KanbanBoard.js";
+import { NotificationCenter, NotificationList, notificationCenterStyles, notificationListStyles } from "./NotificationCenter.js";
+import { PageTabs } from "./PageTabs.js";
+import { QueryTable, queryTableStyles } from "./QueryTable.js";
+import { StepsForm, stepsFormStyles } from "./StepsForm.js";
+import { ThemeSwitcher } from "./ThemeSwitcher.js";
+import { useFormDialog } from "./form-dialog.js";
+export { ActionBar, AppShell, AppShellBrand, AppShellContext, CommentComposer, CommentThread, DataImport, DeadlineBadge, FilterBar, KanbanBoard, NotificationCenter, NotificationList, PageTabs, QueryTable, StepsForm, ThemeSwitcher, actionBarStyles, appShellBrandStyles, appShellDynamicStyles, appShellOffset, appShellStyles, commentStyles, dataImportStyles, filterBarColumnStyles, filterBarStyles, kanbanBoardDynamicStyles, kanbanBoardStyles, notificationCenterStyles, notificationListStyles, patternsMessages, queryTableStyles, stepsFormStyles, useFormDialog };

package/dist/patterns/messages.d.ts

@@ -0,0 +1,172 @@
+/**
+ * 页面组合（AppShell、FilterBar、NotificationCenter、KanbanBoard、DeadlineBadge、ThemeSwitcher）自带的文案：
+ * 中文与英文各一份，可以在 createUi 的 lang.messages.patterns 里按字段改写（见 config/lang/messages.ts）
+ */
+import type { MessageTable } from '../config/lang/messages';
+/** 页面组合的文案 */
+export interface PatternsMessages {
+    /** 查询栏的查询按钮，默认“查询” */
+    readonly filterSearch: string;
+    /** 查询栏的重置按钮，默认“重置” */
+    readonly filterReset: string;
+    /** 查询栏展开更多条件，默认“展开” */
+    readonly filterExpand: string;
+    /** 查询栏收起更多条件，默认“收起” */
+    readonly filterCollapse: string;
+    /** 收起的条件里已经填了几项：`(2)` → “已设 2 项” */
+    readonly filterActive: (count: number) => string;
+    /** 查询栏的高级筛选（按钮、条件构造器的名称、摘要的开头），默认“高级筛选” */
+    readonly filterAdvanced: string;
+    /** 时限标记：还剩几个工作日，默认“剩 n 个工作日” */
+    readonly deadlineRemaining: (workdays: number) => string;
+    /** 时限标记：今天到期，默认“今天到期” */
+    readonly deadlineDue: string;
+    /** 时限标记：超时几个工作日（0 时是周末、假日里刚过期），默认“超时 n 个工作日”“已超时” */
+    readonly deadlineOverdue: (workdays: number) => string;
+    /** 时限标记：按时完成，默认“按时完成” */
+    readonly deadlineDone: string;
+    /** 时限标记：超时完成，默认“超时 n 个工作日完成” */
+    readonly deadlineDoneLate: (workdays: number) => string;
+    /** 时限标记的完整说明（title 与读屏）：截止日，默认“截止 2026-10-23” */
+    readonly deadlineOn: (date: string) => string;
+    /** 通知中心的标题与按钮名称，默认“通知” */
+    readonly notifications: string;
+    /** 通知中心按钮的名称（带未读数），默认“通知，未读 n 条” */
+    readonly notificationsUnread: (count: number) => string;
+    /** 通知中心：全部标为已读，默认“全部标为已读” */
+    readonly notificationsMarkAllRead: string;
+    /** 通知中心：不按类型筛选，默认“全部” */
+    readonly notificationsAll: string;
+    /** 通知中心：只看未读，默认“只看未读” */
+    readonly notificationsUnreadOnly: string;
+    /** 通知中心：没有通知，默认“没有通知” */
+    readonly notificationsEmpty: string;
+    /** 通知中心：一条未读的标记（读屏），默认“未读” */
+    readonly notificationUnreadMark: string;
+    /** 看板卡片把手的操作说明，默认“按空格拿起，左右方向键换列、上下方向键调整位置，再按空格放下，Esc 取消” */
+    readonly kanbanInstructions: string;
+    /** 看板：一列没有卡片时，默认“没有” */
+    readonly kanbanEmpty: string;
+    /** 窄屏时收着侧边导航的抽屉的标题，默认“导航” */
+    readonly navigation: string;
+    /** 窄屏时打开侧边导航的按钮，默认“打开导航” */
+    readonly navigationOpen: string;
+    /** 抽屉式侧边导航的开关按钮上的文字，默认“菜单” */
+    readonly navigationMenu: string;
+    /** 抽屉式侧边导航的宽度调整手柄，默认“调整导航宽度” */
+    readonly navigationResize: string;
+    /** AppShell 侧栏底部收起成图标栏的按钮，默认“收起侧栏” */
+    readonly sidebarCollapse: string;
+    /** AppShell 侧栏收起后展开的按钮，默认“展开侧栏” */
+    readonly sidebarExpand: string;
+    /** 页签区的名称，默认“打开的页面” */
+    readonly pageTabsLabel: string;
+    /** 页签的右键菜单的名称，默认“页签操作” */
+    readonly pageTabsMenu: string;
+    /** 页签的右键菜单：关闭这一个，默认“关闭” */
+    readonly pageTabsClose: string;
+    /** 页签的右键菜单：关闭其他的，默认“关闭其他” */
+    readonly pageTabsCloseOthers: string;
+    /** 页签的右键菜单：关闭右边的，默认“关闭右侧” */
+    readonly pageTabsCloseRight: string;
+    /** 查询表格：刷新，默认“刷新” */
+    readonly queryTableRefresh: string;
+    /** 查询表格：行高菜单，默认“行高” */
+    readonly queryTableDensity: string;
+    /** 行高：紧凑，默认“紧凑” */
+    readonly queryTableDensityCompact: string;
+    /** 行高：标准，默认“标准” */
+    readonly queryTableDensityStandard: string;
+    /** 行高：宽松，默认“宽松” */
+    readonly queryTableDensityComfortable: string;
+    /** 查询表格：全屏，默认“全屏” */
+    readonly queryTableFullscreen: string;
+    /** 查询表格：退出全屏，默认“退出全屏” */
+    readonly queryTableExitFullscreen: string;
+    /** 查询表格分页导航的名称：`('任务台账')` → “任务台账分页” */
+    readonly queryTablePagination: (title: string) => string;
+    /** 查询表格的查询栏（search 地标）的名称：`('任务台账')` → “任务台账查询” */
+    readonly queryTableSearch: (title: string) => string;
+    /** 分步表单：上一步，默认“上一步” */
+    readonly stepsFormPrevious: string;
+    /** 分步表单：下一步，默认“下一步” */
+    readonly stepsFormNext: string;
+    /** 分步表单：最后一步的提交，默认“提交” */
+    readonly stepsFormSubmit: string;
+    /** 分步表单这一步内容的名称：`(2, 3)` → “第 2 步，共 3 步” */
+    readonly stepsFormStep: (step: number, total: number) => string;
+    /** 导入的四步：上传文件、对应列、校验与预览、完成 */
+    readonly dataImportSteps: readonly [string, string, string, string];
+    /** 导入：支持的格式说明：`('.xlsx, .csv')` → “支持 .xlsx, .csv” */
+    readonly dataImportAccept: (accept: string) => string;
+    /** 导入：下载模板按钮，默认“下载模板” */
+    readonly dataImportTemplate: string;
+    /** 导入：选工作表，默认“工作表” */
+    readonly dataImportSheet: string;
+    /** 导入：读文件失败：`('…')` → “读不了这个文件：…” */
+    readonly dataImportParseFailed: (reason: string) => string;
+    /** 导入：文件里没有数据行，默认“文件里没有数据行” */
+    readonly dataImportEmpty: string;
+    /** 导入：对应列表格的列标题“字段” */
+    readonly dataImportField: string;
+    /** 导入：对应列表格的列标题“文件中的列” */
+    readonly dataImportColumn: string;
+    /** 导入：对应列表格的列标题“示例” */
+    readonly dataImportSample: string;
+    /** 导入：不导入这个字段，默认“不导入” */
+    readonly dataImportSkip: string;
+    /** 导入：必填字段还没对应：`(['零件号'])` → “必填的字段还没对应：零件号” */
+    readonly dataImportUnmapped: (labels: readonly string[]) => string;
+    /** 导入：校验结果：`(120, 118, 2)` → “共 120 行，可以导入 118 行，2 行有错” */
+    readonly dataImportSummary: (total: number, valid: number, invalid: number) => string;
+    /** 导入：只看有错的行，默认“只看有错的行” */
+    readonly dataImportOnlyErrors: string;
+    /** 导入：预览表的“序号”列（第几行数据） */
+    readonly dataImportRow: string;
+    /** 导入：预览表的“校验”列 */
+    readonly dataImportStatus: string;
+    /** 导入：没有错的行，默认“可以导入” */
+    readonly dataImportValid: string;
+    /** 导入：改了格子之后的提示，默认“格子可以直接改，改完重新校验” */
+    readonly dataImportEditHint: string;
+    /** 导入：确认按钮：`(118)` → “导入 118 行” */
+    readonly dataImportSubmit: (count: number) => string;
+    /** 导入：完成：`(118)` → “已导入 118 行” */
+    readonly dataImportDone: (count: number) => string;
+    /** 导入：再导入一份，默认“再导入一份” */
+    readonly dataImportAgain: string;
+    /** 导入：数字列里不是数字，默认“不是数字” */
+    readonly dataImportNotNumber: string;
+    /** 导入：所在的预览表的名称，默认“导入预览” */
+    readonly dataImportPreview: string;
+    /** 主题切换的名称，默认“主题” */
+    readonly themeLabel: string;
+    /** 留言：留言列表的名称，默认“留言” */
+    readonly comments: string;
+    /** 留言：没有留言时，默认“还没有留言” */
+    readonly commentsEmpty: string;
+    /** 留言：输入框的提示，默认“写下留言，输入 @ 提及相关的人” */
+    readonly commentPlaceholder: string;
+    /** 留言：回复按钮，默认“回复” */
+    readonly commentReply: string;
+    /** 留言：回复某人时输入框的名称：`('林小满')` → “回复 林小满” */
+    readonly commentReplyTo: (name: string) => string;
+    /** 留言：发送按钮，默认“发送” */
+    readonly commentSend: string;
+    /** 留言：取消回复，默认“取消” */
+    readonly commentCancel: string;
+    /** 留言：添加附件的按钮，默认“附件” */
+    readonly commentAttach: string;
+    /** 留言：发送的快捷键说明，默认“Ctrl + Enter 发送” */
+    readonly commentSendHint: string;
+    /** 留言：发送失败，默认“发送失败，内容已保留，请重试” */
+    readonly commentSendFailed: string;
+    /** 留言：改过的留言的标记，默认“已编辑” */
+    readonly commentEdited: string;
+    /** 留言：一条留言下面回复列表的名称：`(3)` → “3 条回复” */
+    readonly commentReplies: (count: number) => string;
+    /** 留言：附件列表的名称，默认“附件” */
+    readonly commentAttachments: string;
+}
+/** 页面组合的文案表：中文与英文，别的语言先找同语种、再用英文 */
+export declare const patternsMessages: MessageTable<PatternsMessages>;

package/dist/patterns/messages.js

@@ -0,0 +1,184 @@
+//#region src/patterns/messages.ts
+/** 页面组合的文案表：中文与英文，别的语言先找同语种、再用英文 */
+var patternsMessages = {
+	"zh-CN": {
+		filterSearch: "查询",
+		filterReset: "重置",
+		filterExpand: "展开",
+		filterCollapse: "收起",
+		filterActive: (count) => `已设 ${count} 项`,
+		filterAdvanced: "高级筛选",
+		deadlineRemaining: (workdays) => `剩 ${workdays} 个工作日`,
+		deadlineDue: "今天到期",
+		deadlineOverdue: (workdays) => workdays > 0 ? `超时 ${workdays} 个工作日` : "已超时",
+		deadlineDone: "按时完成",
+		deadlineDoneLate: (workdays) => `超时 ${workdays} 个工作日完成`,
+		deadlineOn: (date) => `截止 ${date}`,
+		notifications: "通知",
+		notificationsUnread: (count) => count > 0 ? `通知，未读 ${count} 条` : "通知",
+		notificationsMarkAllRead: "全部标为已读",
+		notificationsAll: "全部",
+		notificationsUnreadOnly: "只看未读",
+		notificationsEmpty: "没有通知",
+		notificationUnreadMark: "未读",
+		kanbanInstructions: "按空格拿起，左右方向键换列、上下方向键调整位置，再按空格放下，Esc 取消",
+		kanbanEmpty: "没有",
+		navigation: "导航",
+		navigationOpen: "打开导航",
+		navigationMenu: "菜单",
+		navigationResize: "调整导航宽度",
+		sidebarCollapse: "收起侧栏",
+		sidebarExpand: "展开侧栏",
+		pageTabsLabel: "打开的页面",
+		pageTabsMenu: "页签操作",
+		pageTabsClose: "关闭",
+		pageTabsCloseOthers: "关闭其他",
+		pageTabsCloseRight: "关闭右侧",
+		queryTableRefresh: "刷新",
+		queryTableDensity: "行高",
+		queryTableDensityCompact: "紧凑",
+		queryTableDensityStandard: "标准",
+		queryTableDensityComfortable: "宽松",
+		queryTableFullscreen: "全屏",
+		queryTableExitFullscreen: "退出全屏",
+		queryTablePagination: (title) => `${title}分页`,
+		queryTableSearch: (title) => `${title}查询`,
+		stepsFormPrevious: "上一步",
+		stepsFormNext: "下一步",
+		stepsFormSubmit: "提交",
+		stepsFormStep: (step, total) => `第 ${step} 步，共 ${total} 步`,
+		dataImportSteps: [
+			"上传文件",
+			"对应列",
+			"校验与预览",
+			"完成"
+		],
+		dataImportAccept: (accept) => `支持 ${accept}`,
+		dataImportTemplate: "下载模板",
+		dataImportSheet: "工作表",
+		dataImportParseFailed: (reason) => `读不了这个文件：${reason}`,
+		dataImportEmpty: "文件里没有数据行",
+		dataImportField: "字段",
+		dataImportColumn: "文件中的列",
+		dataImportSample: "示例",
+		dataImportSkip: "不导入",
+		dataImportUnmapped: (labels) => `必填的字段还没对应：${labels.join("、")}`,
+		dataImportSummary: (total, valid, invalid) => `共 ${total} 行，可以导入 ${valid} 行${invalid ? `，${invalid} 行有错` : ""}`,
+		dataImportOnlyErrors: "只看有错的行",
+		dataImportRow: "序号",
+		dataImportStatus: "校验",
+		dataImportValid: "可以导入",
+		dataImportEditHint: "有错的格子可以直接改，改完重新校验",
+		dataImportSubmit: (count) => `导入 ${count} 行`,
+		dataImportDone: (count) => `已导入 ${count} 行`,
+		dataImportAgain: "再导入一份",
+		dataImportNotNumber: "不是数字",
+		dataImportPreview: "导入预览",
+		themeLabel: "主题",
+		comments: "留言",
+		commentsEmpty: "还没有留言",
+		commentPlaceholder: "写下留言，输入 @ 提及相关的人",
+		commentReply: "回复",
+		commentReplyTo: (name) => `回复 ${name}`,
+		commentSend: "发送",
+		commentCancel: "取消",
+		commentAttach: "附件",
+		commentSendHint: "Ctrl + Enter 发送",
+		commentSendFailed: "发送失败，内容已保留，请重试",
+		commentEdited: "已编辑",
+		commentReplies: (count) => `${count} 条回复`,
+		commentAttachments: "附件"
+	},
+	"en-US": {
+		filterSearch: "Search",
+		filterReset: "Reset",
+		filterExpand: "More filters",
+		filterCollapse: "Fewer filters",
+		filterActive: (count) => `${count} set`,
+		filterAdvanced: "Advanced filter",
+		deadlineRemaining: (workdays) => `${workdays} ${workdays === 1 ? "workday" : "workdays"} left`,
+		deadlineDue: "Due today",
+		deadlineOverdue: (workdays) => workdays > 0 ? `${workdays} ${workdays === 1 ? "workday" : "workdays"} overdue` : "Overdue",
+		deadlineDone: "Done on time",
+		deadlineDoneLate: (workdays) => `Done ${workdays} ${workdays === 1 ? "workday" : "workdays"} late`,
+		deadlineOn: (date) => `Due ${date}`,
+		notifications: "Notifications",
+		notificationsUnread: (count) => count > 0 ? `Notifications, ${count} unread` : "Notifications",
+		notificationsMarkAllRead: "Mark all as read",
+		notificationsAll: "All",
+		notificationsUnreadOnly: "Unread only",
+		notificationsEmpty: "No notifications",
+		notificationUnreadMark: "Unread",
+		kanbanInstructions: "Press space to pick up, use the left and right arrow keys to change column and the up and down arrow keys to change position, press space again to drop, Escape to cancel",
+		kanbanEmpty: "None",
+		navigation: "Navigation",
+		navigationOpen: "Open navigation",
+		navigationMenu: "Menu",
+		navigationResize: "Resize navigation",
+		sidebarCollapse: "Collapse sidebar",
+		sidebarExpand: "Expand sidebar",
+		pageTabsLabel: "Open pages",
+		pageTabsMenu: "Tab actions",
+		pageTabsClose: "Close",
+		pageTabsCloseOthers: "Close others",
+		pageTabsCloseRight: "Close tabs to the right",
+		queryTableRefresh: "Refresh",
+		queryTableDensity: "Row height",
+		queryTableDensityCompact: "Compact",
+		queryTableDensityStandard: "Standard",
+		queryTableDensityComfortable: "Comfortable",
+		queryTableFullscreen: "Full screen",
+		queryTableExitFullscreen: "Exit full screen",
+		queryTablePagination: (title) => `${title} pagination`,
+		queryTableSearch: (title) => `Search ${title}`,
+		stepsFormPrevious: "Previous",
+		stepsFormNext: "Next",
+		stepsFormSubmit: "Submit",
+		stepsFormStep: (step, total) => `Step ${step} of ${total}`,
+		dataImportSteps: [
+			"Upload",
+			"Map columns",
+			"Review",
+			"Done"
+		],
+		dataImportAccept: (accept) => `Supports ${accept}`,
+		dataImportTemplate: "Download template",
+		dataImportSheet: "Sheet",
+		dataImportParseFailed: (reason) => `Can't read this file: ${reason}`,
+		dataImportEmpty: "The file has no data rows",
+		dataImportField: "Field",
+		dataImportColumn: "Column in file",
+		dataImportSample: "Sample",
+		dataImportSkip: "Don't import",
+		dataImportUnmapped: (labels) => `Required fields not mapped: ${labels.join(", ")}`,
+		dataImportSummary: (total, valid, invalid) => `${total} rows, ${valid} ready to import${invalid ? `, ${invalid} with problems` : ""}`,
+		dataImportOnlyErrors: "Only rows with problems",
+		dataImportRow: "#",
+		dataImportStatus: "Check",
+		dataImportValid: "Ready",
+		dataImportEditHint: "Fix cells in place; they are checked again",
+		dataImportSubmit: (count) => `Import ${count} rows`,
+		dataImportDone: (count) => `Imported ${count} rows`,
+		dataImportAgain: "Import another file",
+		dataImportNotNumber: "Not a number",
+		dataImportPreview: "Import preview",
+		themeLabel: "Theme",
+		comments: "Comments",
+		commentsEmpty: "No comments yet",
+		commentPlaceholder: "Write a comment, type @ to mention someone",
+		commentReply: "Reply",
+		commentReplyTo: (name) => `Reply to ${name}`,
+		commentSend: "Send",
+		commentCancel: "Cancel",
+		commentAttach: "Attach",
+		commentSendHint: "Ctrl + Enter to send",
+		commentSendFailed: "Could not send. Your text is kept, please try again",
+		commentEdited: "Edited",
+		commentReplies: (count) => count === 1 ? "1 reply" : `${count} replies`,
+		commentAttachments: "Attachments"
+	}
+};
+//#endregion
+export { patternsMessages };
+
+//# sourceMappingURL=messages.js.map