chore(ui): fix demo of upload

Author: xiejay97

packages/ui/src/components/upload/demos/1.Basic.md

@@ -19,7 +19,7 @@ import { UploadOutlined } from '@react-devui/icons';
 import { DUpload, DButton } from '@react-devui/ui';
 
 export default function Demo() {
-  const [list, setList] = useState([
+  const [files, setFiles] = useState([
     {
       uid: 1,
       name: 'logo.svg',
@@ -48,15 +48,15 @@ export default function Demo() {
 
   return (
     <DUpload
-      dModel={list}
+      dModel={files}
       dTrigger={
         <DButton className="mb-2" dIcon={<UploadOutlined />}>
           Upload
         </DButton>
       }
       dList={<DUpload.List />}
       dXHRRequest={{ url: 'https://rd-upload.free.beeceptor.com' }}
-      onModelChange={setList}
+      onModelChange={setFiles}
     >
       {({ trigger, list }) => (
         <>

packages/ui/src/components/upload/demos/3.PhotoWall.md

@@ -18,7 +18,7 @@ import React, { useState } from 'react';
 import { DUpload } from '@react-devui/ui';
 
 export default function Demo() {
-  const [list, setList] = useState([
+  const [files, setFiles] = useState([
     {
       uid: 1,
       name: 'logo.svg',
@@ -47,13 +47,13 @@ export default function Demo() {
 
   return (
     <DUpload
-      dModel={list}
+      dModel={files}
       dTrigger={<DUpload.PictureButton />}
       dList={<DUpload.List dType="picture" />}
       dXHRRequest={{ url: 'https://rd-upload.free.beeceptor.com' }}
-      onModelChange={setList}
+      onModelChange={setFiles}
     >
-      {({ trigger, list }) => React.cloneElement(list, { children: list.length > 6 ? null : trigger })}
+      {({ trigger, list }) => React.cloneElement(list, { children: files.length >= 6 ? null : trigger })}
     </DUpload>
   );
 }

packages/ui/src/components/upload/demos/4.PictureList.md

@@ -19,7 +19,7 @@ import { UploadOutlined } from '@react-devui/icons';
 import { DUpload, DButton } from '@react-devui/ui';
 
 export default function Demo() {
-  const [list, setList] = useState([
+  const [files, setFiles] = useState([
     {
       uid: 1,
       name: 'logo.svg',
@@ -48,15 +48,15 @@ export default function Demo() {
 
   return (
     <DUpload
-      dModel={list}
+      dModel={files}
       dTrigger={
         <DButton className="mb-2" dIcon={<UploadOutlined />}>
           Upload
         </DButton>
       }
       dList={<DUpload.List dType="picture-list" />}
       dXHRRequest={{ url: 'https://rd-upload.free.beeceptor.com' }}
-      onModelChange={setList}
+      onModelChange={setFiles}
     >
       {({ trigger, list }) => (
         <>

packages/ui/src/components/upload/demos/7.Actions.md

@@ -21,7 +21,7 @@ import { DUpload, DButton, DModal } from '@react-devui/ui';
 export default function Demo() {
   const [visible, setVisible] = useState(false);
   const [file, setFile] = useState();
-  const [list, setList] = useState([
+  const [files, setFiles] = useState([
     {
       uid: 1,
       name: 'logo.svg',
@@ -34,7 +34,7 @@ export default function Demo() {
   return (
     <>
       <DUpload
-        dModel={list}
+        dModel={files}
         dTrigger={
           <DButton className="mb-2" dIcon={<UploadOutlined />}>
             Upload
@@ -60,7 +60,7 @@ export default function Demo() {
           />
         }
         dXHRRequest={{ url: 'https://rd-upload.free.beeceptor.com' }}
-        onModelChange={setList}
+        onModelChange={setFiles}
       >
         {({ trigger, list }) => (
           <>