fix(client): fix typo in upload component (#5460)

* fix(client): fix typo in upload component

* fix(plugin-file-manager): fix rule hook

packages/core/client/src/schema-component/antd/upload/Upload.tsx

@@ -250,7 +250,7 @@ function AttachmentListItem(props) {
       {item}
     </a>
   ) : (
-    <span className={`${prefixCls}-span`}>{item}3</span>
+    <span className={`${prefixCls}-span`}>{item}</span>
   );
 
   const content = (
@@ -358,6 +358,7 @@ export function Uploader({ rules, ...props }: UploadProps) {
   const uploadProps = useUploadProps(props);
 
   const beforeUpload = useBeforeUpload(rules);
+  console.log('----------', pendingList);
 
   useEffect(() => {
     if (pendingList.length) {

packages/core/client/src/schema-component/antd/upload/shared.ts

@@ -59,8 +59,11 @@ export class AttachmentFileTypes {
  */
 export const attachmentFileTypes = new AttachmentFileTypes();
 
-export function matchMimetype(file: FileModel, type: string) {
-  if (file.mimetype) {
+export function matchMimetype(file: FileModel | UploadFile<any>, type: string) {
+  if ('originFileObj' in file) {
+    return match(file.type, type);
+  }
+  if ('mimetype' in file) {
     return match(file.mimetype, type);
   }
   if (file.url) {
@@ -223,7 +226,7 @@ const Rules: Record<string, RuleFunction> = {
 
 type RuleFunction = (file: UploadFile, options: any) => string | null;
 
-function validate(file, rules: Record<string, any>) {
+export function validate(file, rules: Record<string, any>) {
   if (!rules) {
     return null;
   }

packages/plugins/@nocobase/plugin-file-manager/src/client/hooks/useStorageRules.ts

@@ -7,6 +7,7 @@
  * For more information, please refer to: https://www.nocobase.com/agreement.
  */
 
+import { useEffect } from 'react';
 import { useField } from '@formily/react';
 import { useAPIClient, useCollectionField, useCollectionManager, useRequest } from '@nocobase/client';
 
@@ -14,20 +15,22 @@ export function useStorageRules(storage) {
   const name = storage ?? '';
   const apiClient = useAPIClient();
   const field = useField<any>();
-  const { loading, data } = useRequest<any>(
-    async () => {
-      if (field.pattern !== 'editable') {
-        return null;
-      }
-      return apiClient.request({
-        url: `storages:getRules/${name}`,
-      });
+  const { loading, data, run } = useRequest<any>(
+    {
+      url: `storages:getRules/${name}`,
     },
     {
+      manual: true,
       refreshDeps: [name],
       cacheKey: name,
     },
   );
+  useEffect(() => {
+    if (field.pattern !== 'editable') {
+      return;
+    }
+    run();
+  }, [field.pattern, run]);
   return (!loading && data?.data) || null;
 }