feat: 上传图片组件添加可配置项

baidu · Jan 24, 2025 · 54e1dd2 · 54e1dd2
1 parent 1af15a0
commit 54e1dd2
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 5 deletions.
diff --git a/packages/amis-core/src/index.tsx b/packages/amis-core/src/index.tsx
@@ -54,7 +54,8 @@ import {
   register as registerLocale,
   extendLocale,
   removeLocaleData,
-  localeable
+  localeable,
+  format as localeFormatter
 } from './locale';
 import type {LocaleProps, TranslateFn} from './locale';
 
@@ -203,6 +204,7 @@ export {
   extendLocale,
   removeLocaleData,
   localeable,
+  localeFormatter,
   LocaleProps,
   TranslateFn,
   ClassNamesFn,

diff --git a/packages/amis-core/src/locale.tsx b/packages/amis-core/src/locale.tsx
@@ -63,7 +63,7 @@ const fns: {
   [propName: string]: TranslateFn;
 } = {};
 
-function format(str: string, data?: object) {
+export function format(str: string, data?: object) {
   return str.replace(/(\\)?\{\{([\s\S]+?)\}\}/g, (_, escape, key) => {
     if (escape) {
       return _.substring(1);

diff --git a/packages/amis/src/renderers/Form/InputImage.tsx b/packages/amis/src/renderers/Form/InputImage.tsx
@@ -7,7 +7,8 @@ import {
   resolveEventData,
   CustomStyle,
   setThemeClassName,
-  PlainObject
+  PlainObject,
+  localeFormatter
 } from 'amis-core';
 // import 'cropperjs/dist/cropper.css';
 const Cropper = React.lazy(() => import('react-cropper'));
@@ -710,7 +711,10 @@ export default class ImageControl extends React.Component<
             // 类型错误
             if (err.code === ErrorCode.FileInvalidType) {
               if (invalidTypeMessage) {
-                return invalidTypeMessage;
+                return localeFormatter(invalidTypeMessage, {
+                  files: file.name,
+                  accept
+                });
               } else {
                 return __('File.invalidType', {
                   files: file.name,
@@ -721,7 +725,9 @@ export default class ImageControl extends React.Component<
             // 文件太大
             else if (err.code === ErrorCode.FileTooLarge) {
               if (invalidSizeMessage) {
-                return invalidSizeMessage;
+                return localeFormatter(invalidSizeMessage, {
+                  maxSize: prettyBytes(maxSize as number, 1024)
+                });
               } else {
                 return __('File.sizeLimit', {
                   maxSize: prettyBytes(maxSize as number, 1024)