@kine-design/crud 0.0.1-beta.24 → 0.0.1-beta.26

package/.vlaude/last-session-id

@@ -1 +1 @@
-594292cc-8321-4629-97d9-91ad432e0646
+4c9b1c27-b707-4b0b-98d7-fde5d511ce47

package/components/crudPage/KCrudPage.tsx

@@ -9,6 +9,7 @@
  * 一个配置出一整个页面：标题 + 筛选 + 表格 + 分页 + 状态标签。
  */
 import { defineComponent, ref, computed, type PropType } from 'vue';
+import { useLocale } from '@kine-design/core';
 import KTableColumn from 'kine-ui/components/tableColumn/KTableColumn.tsx';
 import KTag from 'kine-ui/components/tag/KTag.tsx';
 import KImage from 'kine-ui/components/image/KImage.tsx';
@@ -31,6 +32,7 @@ export default defineComponent({
   },
 
   setup(props, { slots }) {
+    const t = useLocale();
     const rootRef = ref<HTMLElement>();
     const tableBodyRef = computed(
       () => rootRef.value?.querySelector('.k-search-table-body') as HTMLElement | undefined,
@@ -107,7 +109,7 @@ export default defineComponent({
     const renderFilters = () => {
       if (!props.config.filters?.length) return null;
       return props.config.filters.map(f => (
-        <div class="k-crud-page-filter-item" key={f.param}>
+        <div class="k-crud-page-filter-item" data-k={`filter:${f.param}`} key={f.param}>
           <label class="k-crud-page-filter-label">{f.label}</label>
           {f.type === 'select' ? (
             <KSelect
@@ -116,7 +118,7 @@ export default defineComponent({
               options={f.options ?? []}
               optionParam="label"
               valueParam="value"
-              placeholder={f.placeholder ?? '全部'}
+              placeholder={f.placeholder ?? t.value.crudPage.all}
               onUpdate:modelValue={(v: unknown) => {
                 filters[f.param] = (v as string) || undefined;
               }}
@@ -124,7 +126,7 @@ export default defineComponent({
           ) : (
             <KInput
               class="k-crud-page-filter-control"
-              placeholder={f.placeholder ?? `请输入${f.label}`}
+              placeholder={f.placeholder ?? t.value.crudPage.fieldPlaceholder(f.label)}
               modelValue={(filters[f.param] as string) ?? ''}
               onUpdate:modelValue={(v: string) => {
                 filters[f.param] = v || undefined;
@@ -136,7 +138,7 @@ export default defineComponent({
     };
 
     return () => (
-      <div class="k-crud-page" ref={rootRef}>
+      <div class="k-crud-page" data-k="page:crudList" ref={rootRef}>
         <KPageHeader title={props.config.title}>
           {{ extra: slots.headerExtra }}
         </KPageHeader>

package/components/editableTable/KEditableTable.tsx

@@ -13,6 +13,7 @@
  * - 汇总行：底部加粗合计
  */
 import { defineComponent, ref, type PropType } from 'vue';
+import { useLocale } from '@kine-design/core';
 import KButton from 'kine-ui/components/button/KButton.tsx';
 import KInput from 'kine-ui/components/input/KInput.tsx';
 import KSelect from 'kine-ui/components/select/KSelect.tsx';
@@ -68,9 +69,9 @@ export default defineComponent({
     /** 是否显示汇总行 */
     showSummary: { type: Boolean, default: false },
     /** 汇总行标签 */
-    summaryLabel: { type: String, default: '合计' },
+    summaryLabel: { type: String, default: undefined },
     /** 新增行按钮文本 */
-    addText: { type: String, default: '+ 添加行' },
+    addText: { type: String, default: undefined },
     /** 是否可新增 */
     addable: { type: Boolean, default: true },
     /** 币种前缀（用于金额汇总展示） */
@@ -78,6 +79,7 @@ export default defineComponent({
   },
   emits: ['update:modelValue', 'add', 'remove'],
   setup(props, { emit, slots }) {
+    const t = useLocale();
     const deletingId = ref<string | number | null>(null);
 
     // ── 更新某行某字段 ──────────────────────────────
@@ -177,7 +179,7 @@ export default defineComponent({
               <div class="k-et-header-right">
                 {slots.headerExtra?.()}
                 {props.addable && (
-                  <KButton plain text={props.addText} onClick={addRow} />
+                  <KButton plain text={props.addText ?? t.value.editableTable.addRow} onClick={addRow} />
                 )}
               </div>
             </div>
@@ -212,9 +214,9 @@ export default defineComponent({
                       <td class="k-et-td" colspan={cols.length + (props.showActions ? 1 : 0)}>
                         <span class="k-et-delete-confirm">
                           <s class="k-et-deleted-text">{row[cols[0].param] as string ?? ''}</s>
-                          <span class="k-et-delete-ask">确定删除这一行？</span>
-                          <KButton type="danger" size="small" text="删除" onClick={confirmDelete} />
-                          <KButton plain size="small" text="取消" onClick={cancelDelete} />
+                          <span class="k-et-delete-ask">{t.value.editableTable.confirmDelete}</span>
+                          <KButton type="danger" size="small" text={t.value.editableTable.delete} onClick={confirmDelete} />
+                          <KButton plain size="small" text={t.value.editableTable.cancel} onClick={cancelDelete} />
                         </span>
                       </td>
                     </tr>
@@ -246,7 +248,7 @@ export default defineComponent({
                   {props.showIndex && <td class="k-et-td" />}
                   {cols.map((col, ci) => (
                     <td key={col.param} class={['k-et-td k-et-td-summary', col.align && `k-et-align-${col.align}`]}>
-                      {ci === 0 ? props.summaryLabel : ''}
+                      {ci === 0 ? (props.summaryLabel ?? t.value.editableTable.summary) : ''}
                       {col.summary ? (
                         <span class="k-et-summary-value">
                           {props.currencyPrefix && col.summaryFormat === undefined && ci === cols.length - 1 ? `${props.currencyPrefix} ` : ''}
@@ -266,9 +268,9 @@ export default defineComponent({
             <div class="k-et-empty">
               {slots.empty?.() ?? (
                 <>
-                  <span class="k-et-empty-text">暂无数据</span>
+                  <span class="k-et-empty-text">{t.value.editableTable.noData}</span>
                   {props.addable && (
-                    <KButton type="primary" text="添加第一行" onClick={addRow} />
+                    <KButton type="primary" text={t.value.editableTable.addFirstRow} onClick={addRow} />
                   )}
                 </>
               )}

package/components/formPage/KApprovalDialog.tsx

@@ -12,28 +12,18 @@
  * - reject: 红色确认按钮，备注必填
  */
 import { defineComponent, ref, type PropType } from 'vue';
+import { useLocale } from '@kine-design/core';
 import KButton from 'kine-ui/components/button/KButton.tsx';
 import KInput from 'kine-ui/components/input/KInput.tsx';
 import './formPage.css';
 
 export type ApprovalType = 'submit' | 'approve' | 'reject';
 
-const CONFIG = {
-  submit: {
-    title: '提交审批',
-    confirmText: '确认提交',
-    btnType: 'primary' as const,
-  },
-  approve: {
-    title: '审批通过',
-    confirmText: '确认通过',
-    btnType: 'success' as const,
-  },
-  reject: {
-    title: '驳回申请',
-    confirmText: '确认驳回',
-    btnType: 'danger' as const,
-  },
+// Button visual style per type. Text is resolved from locale at render time.
+const BTN_TYPE = {
+  submit: 'primary' as const,
+  approve: 'success' as const,
+  reject: 'danger' as const,
 } as const;
 
 export default defineComponent({
@@ -58,6 +48,7 @@ export default defineComponent({
   },
   emits: ['update:visible', 'confirm', 'cancel'],
   setup(props, { emit, slots }) {
+    const t = useLocale();
     const remark = ref('');
 
     const close = () => {
@@ -82,10 +73,20 @@ export default defineComponent({
     return () => {
       if (!props.visible) return null;
 
-      const cfg = CONFIG[props.type];
-      const displayTitle = props.title || cfg.title;
+      const ad = t.value.approvalDialog;
+      const titleMap = {
+        submit: ad.submitTitle,
+        approve: ad.approveTitle,
+        reject: ad.rejectTitle,
+      };
+      const confirmMap = {
+        submit: ad.submitConfirm,
+        approve: ad.approveConfirm,
+        reject: ad.rejectConfirm,
+      };
+      const displayTitle = props.title || titleMap[props.type];
       const placeholder = props.remarkPlaceholder
-        || (props.type === 'reject' ? '请输入驳回原因...' : '添加备注（可选）...');
+        || (props.type === 'reject' ? ad.rejectPlaceholder : ad.remarkPlaceholder);
 
       return (
         <div class="k-approval-overlay" onClick={close}>
@@ -119,16 +120,16 @@ export default defineComponent({
                 onUpdate:modelValue={(v: string) => { remark.value = v; }}
               />
               {isRemarkRequired() && (
-                <span class="k-approval-dialog-required-hint">* 必填</span>
+                <span class="k-approval-dialog-required-hint">{ad.required}</span>
               )}
             </div>
 
             {/* 底部 */}
             <div class="k-approval-dialog-footer">
-              <KButton text="取消" onClick={close} />
+              <KButton text={ad.cancel} onClick={close} />
               <KButton
-                type={cfg.btnType}
-                text={props.loading ? '处理中...' : cfg.confirmText}
+                type={BTN_TYPE[props.type]}
+                text={props.loading ? ad.processing : confirmMap[props.type]}
                 disabled={!canConfirm()}
                 loading={props.loading}
                 onClick={confirm}

package/components/formPage/KFormPage.tsx

@@ -10,6 +10,7 @@
  * 业务页面只需 <KFormPage :config="config" /> 即可。
  */
 import { defineComponent, type PropType } from 'vue';
+import { useLocale } from '@kine-design/core';
 import { useFormPage, renderFormField } from '../../composables/form';
 import type { FormPageConfig } from '../../composables/form/types';
 import KFormCard from './KFormCard';
@@ -23,6 +24,8 @@ export default defineComponent({
     config: { type: Object as PropType<FormPageConfig>, required: true },
   },
   setup(props, { slots }) {
+    const t = useLocale();
+
     const {
       formData,
       isEdit,
@@ -46,10 +49,12 @@ export default defineComponent({
 
     return () => {
       if (loading.value) {
-        return <div class="k-fp-loading">加载中...</div>;
+        return <div class="k-fp-loading">{t.value.formPage.loading}</div>;
       }
 
-      const title = isEdit.value ? `编辑${props.config.title}` : `新建${props.config.title}`;
+      const title = isEdit.value
+        ? t.value.formPage.editTitle(props.config.title)
+        : t.value.formPage.createTitle(props.config.title);
 
       return (
         <div class="k-form-page-wrapper">
@@ -102,17 +107,17 @@ export default defineComponent({
             {{
               default: () => slots.actions?.({ formData, submit, saveDraft, submitting }) ?? (
                 <>
-                  <KButton text="取消" onClick={goBack} />
+                  <KButton text={t.value.formPage.cancel} onClick={goBack} />
                   {props.config.showDraft && (
                     <KButton
-                      text="保存草稿"
+                      text={t.value.formPage.saveDraft}
                       disabled={submitting.value}
                       onClick={() => saveDraft()}
                     />
                   )}
                   <KButton
                     type="primary"
-                    text={submitting.value ? '保存中...' : (props.config.submitText ?? '保存')}
+                    text={submitting.value ? t.value.formPage.saving : (props.config.submitText ?? t.value.formPage.save)}
                     disabled={submitting.value}
                     loading={submitting.value}
                     onClick={() => submit()}

package/components/formPage/KMasterDetailPage.tsx

@@ -11,6 +11,7 @@
  */
 import { defineComponent, ref, type PropType } from 'vue';
 import { useRouter } from 'vue-router';
+import { useLocale } from '@kine-design/core';
 import { useFormPage, renderFormField } from '../../composables/form';
 import type { MasterDetailPageConfig, DetailTableConfig } from '../../composables/form/types';
 import type { EditableTableRow } from '../editableTable';
@@ -27,6 +28,7 @@ export default defineComponent({
   },
   setup(props, { slots }) {
     const router = useRouter();
+    const t = useLocale();
 
     const {
       formData,
@@ -78,12 +80,12 @@ export default defineComponent({
 
     return () => {
       if (loading.value) {
-        return <div class="k-fp-loading">加载中...</div>;
+        return <div class="k-fp-loading">{t.value.formPage.loading}</div>;
       }
 
       const title = isEdit.value
         ? `${props.config.title}`
-        : `新建${props.config.title}`;
+        : t.value.formPage.createTitle(props.config.title);
 
       return (
         <div class="k-form-page k-master-detail-page">
@@ -115,7 +117,7 @@ export default defineComponent({
           </div>
 
           {/* 主表字段区 */}
-          <KFormCard title="基本信息">
+          <KFormCard title={t.value.formPage.basicInfo}>
             {{
               default: () => (
                 <div class={`k-fp-grid k-fp-grid--${cols}`}>
@@ -179,17 +181,17 @@ export default defineComponent({
             {{
               default: () => slots.actions?.({ formData, submit, saveDraft, submitting }) ?? (
                 <>
-                  <KButton text="取消" onClick={goBack} />
+                  <KButton text={t.value.formPage.cancel} onClick={goBack} />
                   {props.config.showDraft && (
                     <KButton
-                      text="保存草稿"
+                      text={t.value.formPage.saveDraft}
                       disabled={submitting.value}
                       onClick={() => saveDraft()}
                     />
                   )}
                   <KButton
                     type="primary"
-                    text={submitting.value ? '保存中...' : (props.config.submitText ?? '提交')}
+                    text={submitting.value ? t.value.formPage.saving : (props.config.submitText ?? t.value.formPage.submit)}
                     disabled={submitting.value}
                     loading={submitting.value}
                     onClick={() => submit()}

package/components/layout/KSider.tsx

@@ -7,6 +7,7 @@
  * 江湖的业务千篇一律，复杂的代码好几百行。
  */
 import { computed, defineComponent, inject, ref } from 'vue';
+import { useLocale } from '@kine-design/core';
 import {
   LAYOUT_COLLAPSED_KEY,
   LAYOUT_TOGGLE_KEY,
@@ -18,6 +19,8 @@ import {
 export default defineComponent({
   name: 'KSider',
   setup(_, ctx) {
+    const t = useLocale();
+
     // 从 KLayout 注入折叠状态、切换方法和宽度配置
     const collapsed = inject(LAYOUT_COLLAPSED_KEY);
     const toggle = inject(LAYOUT_TOGGLE_KEY);
@@ -41,7 +44,7 @@ export default defineComponent({
       <button
         class="k-crud-sider-trigger-btn"
         onClick={handleTriggerClick}
-        title={isCollapsed.value ? '展开侧边栏' : '折叠侧边栏'}
+        title={isCollapsed.value ? t.value.a11y.expandSider : t.value.a11y.collapseSider}
       >
         <span class={['k-crud-sider-trigger-icon', isCollapsed.value && 'k-crud-sider-trigger-icon--collapsed']}>
           {'‹'}

package/components/login/KLoginPage.tsx

@@ -7,6 +7,7 @@
  * 江湖的业务千篇一律，复杂的代码好几百行。
  */
 import { defineComponent, ref } from 'vue';
+import { useLocale } from '@kine-design/core';
 import KInput from 'kine-ui/components/input/KInput.tsx';
 import KButton from 'kine-ui/components/button/KButton.tsx';
 import './login.css';
@@ -37,6 +38,7 @@ export default defineComponent({
     },
   },
   setup(props, ctx) {
+    const t = useLocale();
     const username = ref('');
     const password = ref('');
     const remember = ref(false);
@@ -68,21 +70,21 @@ export default defineComponent({
           <form class="k-login-form" onSubmit={handleSubmit}>
             {/* 用户名 */}
             <div class="k-login-form-item">
-              <label>用户名</label>
+              <label>{t.value.login.username}</label>
               <KInput
                 modelValue={username.value}
-                placeholder="请输入用户名"
+                placeholder={t.value.login.usernamePlaceholder}
                 onUpdate:modelValue={(v: string) => { username.value = v; }}
               />
             </div>
 
             {/* 密码 */}
             <div class="k-login-form-item">
-              <label>密码</label>
+              <label>{t.value.login.password}</label>
               <KInput
                 type="password"
                 modelValue={password.value}
-                placeholder="请输入密码"
+                placeholder={t.value.login.passwordPlaceholder}
                 onUpdate:modelValue={(v: string) => { password.value = v; }}
               />
             </div>
@@ -96,13 +98,13 @@ export default defineComponent({
                   remember.value = (e.target as HTMLInputElement).checked;
                 }}
               />
-              记住我
+              {t.value.login.remember}
             </label>
 
             {/* 提交按钮 */}
             <KButton
               type="primary"
-              text={props.loading ? '登录中...' : '登 录'}
+              text={props.loading ? t.value.login.loggingIn : t.value.login.login}
               disabled={props.loading}
               loading={props.loading}
               onClick={handleSubmit}

package/components/searchTable/KSearchTable.tsx

@@ -7,6 +7,7 @@
  * 江湖的业务千篇一律，复杂的代码好几百行。
  */
 import { defineComponent, PropType } from 'vue';
+import { useLocale } from '@kine-design/core';
 import KTable from 'kine-ui/components/table/KTable.tsx';
 import KPagination from 'kine-ui/components/pagination/KPagination.tsx';
 import KButton from 'kine-ui/components/button/KButton.tsx';
@@ -68,6 +69,8 @@ export default defineComponent({
   ],
 
   setup(props, ctx) {
+    const t = useLocale();
+
     /** 点击搜索按钮 */
     const onSearch = () => {
       ctx.emit('search');
@@ -94,9 +97,9 @@ export default defineComponent({
               {ctx.slots.search?.()}
             </div>
             {/* 搜索 / 重置按钮区 */}
-            <div class="k-search-table-search-actions">
-              <KButton type="primary" text="搜索" onClick={onSearch} />
-              <KButton text="重置" onClick={onReset} />
+            <div class="k-search-table-search-actions" data-k="action:searchActions">
+              <KButton type="primary" text={t.value.searchTable.search} data-k="action:search" onClick={onSearch} />
+              <KButton text={t.value.searchTable.reset} data-k="action:reset" onClick={onReset} />
             </div>
           </div>
         )}

package/components/upload/KFileList.tsx

@@ -7,17 +7,11 @@
  * 江湖的业务千篇一律，复杂的代码好几百行。
  */
 import { defineComponent, PropType } from 'vue';
+import { useLocale } from '@kine-design/core';
 import type { UploadFile } from './types';
 import KButton from 'kine-ui/components/button/KButton.tsx';
 import './upload.css';
 
-const STATUS_TEXT: Record<UploadFile['status'], string> = {
-  pending: '等待中',
-  uploading: '上传中',
-  success: '已完成',
-  error: '上传失败',
-};
-
 function formatSize(bytes: number): string {
   if (bytes < 1024) return `${bytes} B`;
   if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;
@@ -38,6 +32,20 @@ export default defineComponent({
   },
   emits: ['remove'],
   setup(props, ctx) {
+    const t = useLocale();
+
+    // 状态文案映射：在 render 内现取以保持响应式（不能留在模块顶层）
+    const statusText = (status: UploadFile['status']): string => {
+      const u = t.value.upload;
+      const map: Record<UploadFile['status'], string> = {
+        pending: u.statusWaiting,
+        uploading: u.statusUploading,
+        success: u.statusDone,
+        error: u.statusFailed,
+      };
+      return map[status];
+    };
+
     return () => {
       if (props.files.length === 0) return null;
 
@@ -62,7 +70,7 @@ export default defineComponent({
                     }
                   </span>
                   <span class="k-file-list-meta">
-                    {formatSize(file.size)} · {STATUS_TEXT[file.status]}
+                    {formatSize(file.size)} · {statusText(file.status)}
                   </span>
                 </div>
 

package/components/upload/KImageUpload.tsx

@@ -7,6 +7,7 @@
  * 江湖的业务千篇一律，复杂的代码好几百行。
  */
 import { defineComponent, ref, computed, onBeforeUnmount, PropType } from 'vue';
+import { useLocale } from '@kine-design/core';
 import type { UploadFile, UploadRequest } from './types';
 import KButton from 'kine-ui/components/button/KButton.tsx';
 import './upload.css';
@@ -58,6 +59,7 @@ export default defineComponent({
   },
   emits: ['update:fileList', 'change', 'error'],
   setup(props, ctx) {
+    const t = useLocale();
     const inputRef = ref<HTMLInputElement | null>(null);
     const isDragOver = ref(false);
     // 本地 objectURL 缓存，组件销毁时统一释放
@@ -101,7 +103,7 @@ export default defineComponent({
 
       for (const raw of filesToProcess) {
         if (props.maxSize !== Infinity && raw.size > props.maxSize) {
-          ctx.emit('error', { file: raw, message: `文件 "${raw.name}" 超过大小限制` });
+          ctx.emit('error', { file: raw, message: t.value.upload.oversize(raw.name) });
           continue;
         }
 
@@ -230,7 +232,7 @@ export default defineComponent({
             )}
             {file.status === 'error' && (
               <div class="k-image-upload-overlay k-image-upload-overlay--error">
-                <span>上传失败</span>
+                <span>{t.value.upload.uploadFailed}</span>
               </div>
             )}
             {!props.disabled && (

package/components/upload/KUpload.tsx

@@ -7,6 +7,7 @@
  * 江湖的业务千篇一律，复杂的代码好几百行。
  */
 import { defineComponent, ref, PropType } from 'vue';
+import { useLocale } from '@kine-design/core';
 import type { UploadFile, UploadRequest } from './types';
 import './upload.css';
 
@@ -59,6 +60,7 @@ export default defineComponent({
   },
   emits: ['update:fileList', 'change', 'error'],
   setup(props, ctx) {
+    const t = useLocale();
     const inputRef = ref<HTMLInputElement | null>(null);
     const isDragOver = ref(false);
 
@@ -69,7 +71,7 @@ export default defineComponent({
 
     const validateFile = (file: File): string | null => {
       if (props.maxSize !== Infinity && file.size > props.maxSize) {
-        return `文件 "${file.name}" 超过大小限制（最大 ${formatSize(props.maxSize)}）`;
+        return t.value.upload.oversize(file.name, formatSize(props.maxSize));
       }
       return null;
     };
@@ -195,7 +197,7 @@ export default defineComponent({
             <div class="k-upload-placeholder">
               <span class="k-upload-icon">↑</span>
               <span class="k-upload-text">
-                {props.drag ? '点击或拖拽文件到此处上传' : '点击上传文件'}
+                {props.drag ? t.value.upload.trigger : t.value.upload.triggerSimple}
               </span>
             </div>
           )}

package/composables/error/dispatchError.ts

@@ -7,6 +7,7 @@
  * 江湖的业务千篇一律，复杂的代码好几百行。
  */
 
+import { getActiveLocaleMessages } from '@kine-design/core';
 import { BusinessError, NetworkRequestError } from '../request/types';
 import type { ErrorHandlerOptions } from './types';
 import { defaultFeedbackHandler } from './defaultFeedbackHandler';
@@ -20,6 +21,7 @@ import { defaultFeedbackHandler } from './defaultFeedbackHandler';
  * createErrorHandler 和 useErrorHandler 共用此函数。
  */
 export function dispatchError(error: unknown, options: ErrorHandlerOptions): void {
+  const t = getActiveLocaleMessages();
   const feedback = options.feedbackHandler ?? defaultFeedbackHandler;
 
   // 业务错误：后端返回 success=false
@@ -41,30 +43,30 @@ export function dispatchError(error: unknown, options: ErrorHandlerOptions): voi
           return;
         }
         if (detail.status === 403) {
-          feedback.showWarning('权限不足，无法执行此操作');
+          feedback.showWarning(t.request.permissionDenied);
           return;
         }
-        feedback.showError(`请求失败 (${detail.status})`);
+        feedback.showError(t.request.failedWithStatus(detail.status));
         return;
       case 'timeout':
-        feedback.showWarning('请求超时，请稍后重试');
+        feedback.showWarning(t.request.timeoutRetry);
         return;
       case 'aborted':
         // 用户主动取消，静默处理
         return;
       case 'invalidURL':
-        feedback.showError(`无效的请求地址: ${detail.url}`);
+        feedback.showError(t.request.invalidUrl(detail.url));
         return;
       case 'decodingFailed':
-        feedback.showError('数据解析失败');
+        feedback.showError(t.request.parseFailed);
         return;
       case 'unknown':
-        feedback.showError('网络异常，请检查网络连接');
+        feedback.showError(t.request.networkException);
         return;
     }
   }
 
   // 其他未知错误
   const message = error instanceof Error ? error.message : String(error);
-  feedback.showError(message || '发生了未知错误');
+  feedback.showError(message || t.request.unknown);
 }

package/composables/form/renderFormField.tsx

@@ -9,6 +9,7 @@
  * 抽取自 KFormPage / KMasterDetailPage 的 renderField，消除重复。
  * KFormPage 和 KMasterDetailPage 均通过此函数渲染主表单字段。
  */
+import { getActiveLocaleMessages } from '@kine-design/core';
 import type { FormFieldConfig } from './types';
 import KInput from 'kine-ui/components/input/KInput.tsx';
 import KSelect from 'kine-ui/components/select/KSelect.tsx';
@@ -29,6 +30,7 @@ export function renderFormField(
   validateField: (param: string) => void,
   slots: Record<string, ((...args: unknown[]) => unknown) | undefined>,
 ) {
+  const t = getActiveLocaleMessages();
   // 优先使用自定义插槽
   const customSlot = slots[`field-${field.param}`];
   if (customSlot) {
@@ -46,7 +48,7 @@ export function renderFormField(
           type="textarea"
           class={['k-fp-input--error-wrap', error && 'k-fp-input--error', field.disabled && 'k-fp-input--disabled'].filter(Boolean)}
           modelValue={val as string}
-          placeholder={field.placeholder ?? `请输入${field.label}`}
+          placeholder={field.placeholder ?? t.form.inputPlaceholder(field.label)}
           disabled={field.disabled}
           readonly={field.readonly}
           onUpdate:modelValue={(v: string) => { formData[field.param] = v; }}
@@ -62,7 +64,7 @@ export function renderFormField(
             type="number"
             class={['k-fp-input', error && 'k-fp-input--error', field.disabled && 'k-fp-input--disabled'].filter(Boolean)}
             modelValue={val as string | number}
-            placeholder={field.placeholder ?? `请输入${field.label}`}
+            placeholder={field.placeholder ?? t.form.inputPlaceholder(field.label)}
             disabled={field.disabled}
             readonly={field.readonly}
             onUpdate:modelValue={(v: string) => { formData[field.param] = v; }}
@@ -80,7 +82,7 @@ export function renderFormField(
           options={field.options ?? []}
           optionParam="label"
           valueParam="value"
-          placeholder={field.placeholder ?? `请选择${field.label}`}
+          placeholder={field.placeholder ?? t.form.selectPlaceholder(field.label)}
           disabled={field.disabled}
           readonly={field.readonly}
           onUpdate:modelValue={(v: unknown) => {
@@ -108,7 +110,7 @@ export function renderFormField(
         <KInput
           class={['k-fp-input--error-wrap', error && 'k-fp-input--error', field.disabled && 'k-fp-input--disabled'].filter(Boolean)}
           modelValue={val as string}
-          placeholder={field.placeholder ?? `请输入${field.label}`}
+          placeholder={field.placeholder ?? t.form.inputPlaceholder(field.label)}
           disabled={field.disabled}
           readonly={field.readonly}
           onUpdate:modelValue={(v: string) => { formData[field.param] = v; }}