{"componentChunkName":"component---src-templates-post-template-js","path":"/zh-CN/input/upload","result":{"data":{"current":{"frontmatter":{"title":"Upload 上传","order":53,"brief":"文件选择上传","icon":"doc-upload"},"fields":{"type":"input"},"tableOfContents":{"items":[{"url":"#代码演示","title":"代码演示","items":[{"url":"#如何引入","title":"如何引入"},{"url":"#基本","title":"基本"},{"url":"#文件名超长省略","title":"文件名超长省略"},{"url":"#添加提示文本","title":"添加提示文本"},{"url":"#点击头像触发上传","title":"点击头像触发上传"},{"url":"#自定义上传属性","title":"自定义上传属性"},{"url":"#上传文件类型","title":"上传文件类型"},{"url":"#上传文件夹","title":"上传文件夹"},{"url":"#一次选中多个文件","title":"一次选中多个文件"},{"url":"#限制文件总数量","title":"限制文件总数量"},{"url":"#限制上传文件大小","title":"限制上传文件大小"},{"url":"#自定义列表操作区","title":"自定义列表操作区"},{"url":"#自定义文件列表标题","title":"自定义文件列表标题","items":[{"url":"#字符串或-reactnode-形式","title":"字符串或 ReactNode 形式"},{"url":"#函数形式","title":"函数形式"}]},{"url":"#自定义预览逻辑","title":"自定义预览逻辑"},{"url":"#默认文件列表","title":"默认文件列表"},{"url":"#受控组件","title":"受控组件"},{"url":"#图片墙","title":"图片墙"},{"url":"#图片墙放大预览","title":"图片墙放大预览"},{"url":"#图片墙设置宽高","title":"图片墙设置宽高"},{"url":"#禁用","title":"禁用"},{"url":"#手动触发上传","title":"手动触发上传"},{"url":"#拖拽上传","title":"拖拽上传"},{"url":"#上传前自定义校验","title":"上传前自定义校验"},{"url":"#上传后更新文件信息","title":"上传后更新文件信息"},{"url":"#自定义请求","title":"自定义请求"}]},{"url":"#api-参考","title":"API 参考"},{"url":"#interfaces","title":"Interfaces","items":[{"url":"#fileitem-interface","title":"FileItem Interface"},{"url":"#renderfilelisttitleprops-interface","title":"RenderFileListTitleProps Interface"}]},{"url":"#methods","title":"Methods"},{"url":"#accessibility","title":"Accessibility","items":[{"url":"#aria","title":"ARIA"}]},{"url":"#文案规范","title":"文案规范"},{"url":"#设计变量","title":"设计变量"},{"url":"#faq","title":"FAQ"}]},"body":"var _excluded = [\"components\"];\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nfunction _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }\nfunction _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }\n/* @jsxRuntime classic */\n/* @jsx mdx */\n\nvar _frontmatter = {\n \"localeCode\": \"zh-CN\",\n \"order\": 53,\n \"category\": \"输入类\",\n \"title\": \"Upload 上传\",\n \"icon\": \"doc-upload\",\n \"width\": \"48%\",\n \"brief\": \"文件选择上传\"\n};\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\nvar Notice = makeShortcode(\"Notice\");\nvar DesignToken = makeShortcode(\"DesignToken\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"section\", null, mdx(\"h2\", {\n parentName: \"section\"\n }, \"\\u4EE3\\u7801\\u6F14\\u793A\"), mdx(\"h3\", {\n parentName: \"section\"\n }, \"\\u5982\\u4F55\\u5F15\\u5165\"), mdx(\"pre\", {\n parentName: \"section\"\n }, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-jsx\",\n \"metastring\": \"import\",\n \"import\": true\n }, \"import { Upload } from '@douyinfe/semi-ui';\\n\")), mdx(\"h3\", {\n parentName: \"section\"\n }, \"\\u57FA\\u672C\"), mdx(\"p\", {\n parentName: \"section\"\n }, \"\\u6700\\u57FA\\u672C\\u7684\\u7528\\u6CD5\\uFF0C\\u5728 children \\u5185\\u653E\\u7F6E\\u4E00\\u4E2A Button\\uFF0C\\u70B9\\u51FB children \\u5185\\u5BB9\\uFF08\\u5373\\u653E\\u7F6E\\u7684 Button\\uFF09\\u6FC0\\u6D3B\\u6587\\u4EF6\\u9009\\u62E9\\u6846\\uFF0C\\u9009\\u62E9\\u5B8C\\u6210\\u540E\\u81EA\\u52A8\\u5F00\\u59CB\\u4E0A\\u4F20\"), mdx(\"pre\", {\n parentName: \"section\"\n }, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-jsx\",\n \"metastring\": \"live=true width=48%\",\n \"live\": \"true\",\n \"width\": \"48%\"\n }, \"import React from 'react';\\nimport { Upload, Button } from '@douyinfe/semi-ui';\\nimport { IconUpload } from '@douyinfe/semi-icons';\\n\\n() => {\\n return (\\n \\n \\n \\n );\\n};\\n\")), mdx(\"h3\", {\n parentName: \"section\"\n }, \"\\u6587\\u4EF6\\u540D\\u8D85\\u957F\\u7701\\u7565\"), mdx(\"p\", {\n parentName: \"section\"\n }, \"\\u901A\\u8FC7 \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"showTooltip\"), \" \\u5C5E\\u6027\\uFF0C\\u81EA\\u5B9A\\u4E49\\u8BBE\\u7F6E\\u6587\\u4EF6\\u540D\\u5F39\\u51FA\\u63D0\\u793A\"), mdx(\"p\", {\n parentName: \"section\"\n }, \"\\u5F53\\u7C7B\\u578B\\u4E3A \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"boolean\"), \" \\u65F6\\uFF0C\\u63A7\\u5236\\u662F\\u5426\\u5F39\\u51FA\\u63D0\\u793A\"), mdx(\"pre\", {\n parentName: \"section\"\n }, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-jsx\",\n \"metastring\": \"live=true width=48%\",\n \"live\": \"true\",\n \"width\": \"48%\"\n }, \"import React from 'react';\\nimport { Upload, Button } from '@douyinfe/semi-ui';\\n\\n() => {\\n const action = 'https://api.semi.design/upload';\\n const button = (\\n \\n );\\n return (\\n <>\\n \\n {button}\\n \\n \\n );\\n}\\n\")), mdx(\"p\", {\n parentName: \"section\"\n }, \"\\u5F53\\u7C7B\\u578B\\u4E3A \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"object\"), \" \\u65F6\\uFF0C\\u53EF\\u4EE5\\u81EA\\u5B9A\\u4E49\\u5F39\\u51FA\\u6837\\u5F0F\"), mdx(\"pre\", {\n parentName: \"section\"\n }, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-jsx\",\n \"metastring\": \"live=true width=48%\",\n \"live\": \"true\",\n \"width\": \"48%\"\n }, \"import React from 'react';\\nimport { Upload, Button, Tooltip } from '@douyinfe/semi-ui';\\n\\n() => {\\n const action = 'https://api.semi.design/upload';\\n const button = (\\n \\n );\\n return (\\n <>\\n {\\n return {children}\\n } \\n }}>\\n {button}\\n \\n \\n );\\n}\\n\")), mdx(\"h3\", {\n parentName: \"section\"\n }, \"\\u6DFB\\u52A0\\u63D0\\u793A\\u6587\\u672C\"), mdx(\"p\", {\n parentName: \"section\"\n }, \"\\u901A\\u8FC7 \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"prompt\"), \" \\u63D2\\u69FD\\uFF0C\\u8BBE\\u7F6E\\u81EA\\u5B9A\\u4E49\\u63D0\\u793A\\u6587\\u672C\", mdx(\"br\", {\n parentName: \"p\"\n }), \"\\n\", \"\\u901A\\u8FC7 \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"promptPosition\"), \" \\u8BBE\\u7F6E\\u63D2\\u69FD\\u4F4D\\u7F6E\\uFF0C\\u53EF\\u9009 \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"left\"), \"\\u3001\", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"right\"), \"\\u3001\", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"bottom\"), \"\\uFF0C\\u9ED8\\u8BA4\\u4E3A \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"right\")), mdx(\"pre\", {\n parentName: \"section\"\n }, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-jsx\",\n \"metastring\": \"live=true width=48%\",\n \"live\": \"true\",\n \"width\": \"48%\"\n }, \"import React from 'react';\\nimport { Upload, Button } from '@douyinfe/semi-ui';\\nimport { IconUpload } from '@douyinfe/semi-icons';\\n\\n() => {\\n const action = 'https://api.semi.design/upload';\\n const getPrompt = (pos, isListType) => {\\n let basicStyle = { display: 'flex', alignItems: 'center', color: 'grey', height: isListType ? '100%' : 32 };\\n let marginStyle = {\\n left: { marginRight: 10 },\\n right: { marginLeft: 10 },\\n };\\n let style = { ...basicStyle, ...marginStyle[pos] };\\n\\n return
\\u8BF7\\u4E0A\\u4F20\\u8D44\\u683C\\u8BA4\\u8BC1\\u6750\\u6599
;\\n };\\n const button = (\\n \\n );\\n const positions = ['right', 'left', 'bottom'];\\n return (\\n <>\\n {positions.map((pos, index) => (\\n <>\\n {index ? (\\n \\n ) : null}\\n \\n {button}\\n \\n \\n ))}\\n \\n );\\n};\\n\")), mdx(\"p\", {\n parentName: \"section\"\n }, \"\\u5F53 listType \\u4E3A picture \\u65F6\\uFF0CpromptPosition \\u4F4D\\u7F6E\\u7684\\u53C2\\u7167\\u5BF9\\u8C61\\u4E3A\\u56FE\\u7247\\u5899\\u5217\\u8868\\u6574\\u4F53\"), mdx(\"pre\", {\n parentName: \"section\"\n }, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-jsx\",\n \"metastring\": \"live=true width=48%\",\n \"live\": \"true\",\n \"width\": \"48%\"\n }, \"import React from 'react';\\nimport { Upload } from '@douyinfe/semi-ui';\\nimport { IconPlus } from '@douyinfe/semi-icons';\\n\\n() => {\\n const action = 'https://api.semi.design/upload';\\n const getPrompt = (pos, isListType) => {\\n let basicStyle = { display: 'flex', alignItems: 'center', color: 'grey', height: isListType ? '100%' : 32 };\\n let marginStyle = {\\n left: { marginRight: 10 },\\n right: { marginLeft: 10 },\\n };\\n let style = { ...basicStyle, ...marginStyle[pos] };\\n\\n return
\\u8BF7\\u4E0A\\u4F20\\u8BA4\\u8BC1\\u6750\\u6599
;\\n };\\n const defaultFileList = [\\n {\\n uid: '1',\\n name: 'dy.jpeg',\\n status: 'success',\\n size: '130kb',\\n url:\\n 'https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/root-web-sites/dy.png',\\n },\\n {\\n uid: '5',\\n name: 'resso.jpeg',\\n percent: 50,\\n size: '222kb',\\n url:\\n 'https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/root-web-sites/Resso.png',\\n },\\n ];\\n const positions = ['right', 'bottom'];\\n return (\\n <>\\n {positions.map((pos, index) => (\\n <>\\n {index ? (\\n \\n ) : null}\\n \\n \\n \\n \\n ))}\\n \\n );\\n};\\n\")), mdx(\"h3\", {\n parentName: \"section\"\n }, \"\\u70B9\\u51FB\\u5934\\u50CF\\u89E6\\u53D1\\u4E0A\\u4F20\"), mdx(\"pre\", {\n parentName: \"section\"\n }, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-jsx\",\n \"metastring\": \"live=true width=48%\",\n \"live\": \"true\",\n \"width\": \"48%\"\n }, \"import React from 'react';\\nimport { Upload, Avatar, Toast } from '@douyinfe/semi-ui';\\nimport { IconCamera } from '@douyinfe/semi-icons';\\n\\n() => {\\n const [url, setUrl] = useState('https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/root-web-sites/dy.png');\\n const onSuccess = (response, file) => {\\n Toast.success('\\u5934\\u50CF\\u66F4\\u65B0\\u6210\\u529F');\\n setUrl('https://sf6-cdn-tos.douyinstatic.com/obj/ttfe/ies/semi/ttmoment.jpeg');\\n };\\n\\n const style = {\\n backgroundColor: 'var(--semi-color-overlay-bg)',\\n height: '100%',\\n width: '100%',\\n display: 'flex',\\n alignItems: 'center',\\n justifyContent: 'center',\\n color: 'var(--semi-color-white)',\\n };\\n \\n const hoverMask = (
\\n \\n
);\\n\\n const api = 'https://api.semi.design/upload';\\n let imageOnly = 'image/*';\\n\\n return (\\n Toast.error('\\u4E0A\\u4F20\\u5931\\u8D25')}\\n >\\n \\n \\n );\\n};\\n\")), mdx(\"pre\", {\n parentName: \"section\"\n }, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-css\"\n }, \".avatar-upload .semi-upload-add {\\n border-radius: 50%; // \\u786E\\u4FDD\\u53EA\\u6709\\u5706\\u662F\\u70B9\\u51FB\\u70ED\\u533A\\n}\\n\")), mdx(\"h3\", {\n parentName: \"section\"\n }, \"\\u81EA\\u5B9A\\u4E49\\u4E0A\\u4F20\\u5C5E\\u6027\"), mdx(\"p\", {\n parentName: \"section\"\n }, \"\\u901A\\u8FC7\\u8BBE\\u7F6E \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"data\"), \"\\u3001\", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"headers\"), \" \\u53EF\\u6DFB\\u52A0\\u81EA\\u5B9A\\u4E49\\u4E0A\\u4F20\\u5C5E\\u6027\"), mdx(\"pre\", {\n parentName: \"section\"\n }, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-jsx\",\n \"metastring\": \"live=true width=48%\",\n \"live\": \"true\",\n \"width\": \"48%\"\n }, \"import React from 'react';\\nimport { Upload, Button } from '@douyinfe/semi-ui';\\nimport { IconUpload } from '@douyinfe/semi-icons';\\n\\n() => {\\n let action = 'https://api.semi.design/upload';\\n let data = {\\n role: 'ies',\\n time: new Date().getTime(),\\n };\\n let headers = {\\n 'x-tt-semi': 'semi-upload',\\n };\\n return (\\n \\n \\n \\n );\\n};\\n\")), mdx(\"h3\", {\n parentName: \"section\"\n }, \"\\u4E0A\\u4F20\\u6587\\u4EF6\\u7C7B\\u578B\"), mdx(\"p\", {\n parentName: \"section\"\n }, \"\\u901A\\u8FC7 \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"accept \\u5C5E\\u6027\\uFF08\"), \"input\", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"\\u7684\\u539F\\u751F\"), \"html` \\u5C5E\\u6027\\uFF09\\u53EF\\u4EE5\\u9650\\u5236\\u4E0A\\u4F20\\u7684\\u6587\\u4EF6\\u7C7B\\u578B\\u3002\"), mdx(\"p\", {\n parentName: \"section\"\n }, mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"accept\"), \" \\u652F\\u6301\\u4F20\\u5165\\u4EE5\\u4E0B\\u4E24\\u79CD\\u7C7B\\u578B\\u5B57\\u7B26\\u4E32\\uFF1A\"), mdx(\"ul\", {\n parentName: \"section\"\n }, mdx(\"li\", {\n parentName: \"ul\"\n }, \"\\u6587\\u4EF6\\u540E\\u7F00\\u540D\\u96C6\\u5408\\uFF08\\u63A8\\u8350\\uFF09\\uFF0C\\u5982 .jpg\\u3001.png \\u7B49\\uFF1B\"), mdx(\"li\", {\n parentName: \"ul\"\n }, \"\\u6587\\u4EF6\\u7C7B\\u578B\\u7684 MIME types \\u96C6\\u5408\\uFF0C\\u53EF\\u53C2\\u8003\", mdx(\"a\", {\n parentName: \"li\",\n \"href\": \"https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types/Complete_list_of_MIME_types\"\n }, \"MDN \\u6587\\u6863\"), \" \")), mdx(\"p\", {\n parentName: \"section\"\n }, \"\\u4F8B\\u5982\\u53EA\\u5141\\u8BB8\\u7528\\u6237\\u4E0A\\u4F20 PNG \\u548C PDF \\u6587\\u4EF6\\uFF0C\", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"accept\"), \" \\u53EF\\u4EE5\\u8FD9\\u6837\\u5199\\uFF1A \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"accept = '.pdf,.png'\"), \" \\u6216 \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"accept = 'application/pdf,image/png'\"), \"\\uFF08\\u5C06 PNG \\u4E0E PDF \\u7684 MIME type \\u901A\\u8FC7\", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \",\"), \"\\u8FDE\\u63A5\\u8D77\\u6765\\u5373\\u53EF\\uFF09\\u3002\"), mdx(Notice, {\n type: \"primary\",\n title: \"\\u6CE8\\u610F\\u4E8B\\u9879\",\n mdxType: \"Notice\"\n }, mdx(\"div\", null, \"Upload \\u4F1A\\u5728\\u5185\\u90E8\\u62E6\\u622A\\u6389\\u4E0D\\u7B26\\u5408 accept \\u683C\\u5F0F\\u7684\\u6587\\u4EF6\\uFF0C\\u5F53\\u62E6\\u622A\\u5230\\u4E0D\\u7B26\\u5408\\u683C\\u5F0F\\u8981\\u6C42\\u7684\\u6587\\u4EF6\\u65F6\\uFF0C\\u4F1A\\u89E6\\u53D1 onAcceptInvalid \\u65B9\\u6CD5\\uFF1B\"), mdx(\"div\", null, \"accept \\u4F7F\\u7528\\u540E\\u7F00\\u53EF\\u4EE5\\u907F\\u514D\\u56E0\\u4E3A\\u6D4F\\u89C8\\u5668\\u6216\\u8005\\u64CD\\u4F5C\\u7CFB\\u7EDF\\u7684\\u4E0D\\u540C\\u5BFC\\u81F4 file.type \\u4E0E MIME \\u4E0D\\u517C\\u5BB9\\u95EE\\u9898\\u3002\")), mdx(\"pre\", {\n parentName: \"section\"\n }, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-jsx\",\n \"metastring\": \"live=true width=48%\",\n \"live\": \"true\",\n \"width\": \"48%\"\n }, \"import React from 'react';\\nimport { Upload, Button } from '@douyinfe/semi-ui';\\nimport { IconUpload } from '@douyinfe/semi-icons';\\n\\n() => {\\n let action = 'https://api.semi.design/upload';\\n let imageOnly = 'image/*';\\n let videoOnly = 'video/*';\\n let fileLimit = '.pdf,.png,.jpeg';\\n return (\\n <>\\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n );\\n};\\n\")), mdx(\"h3\", {\n parentName: \"section\"\n }, \"\\u4E0A\\u4F20\\u6587\\u4EF6\\u5939\"), mdx(\"p\", {\n parentName: \"section\"\n }, \"\\u901A\\u8FC7\\u4F20\\u5165 \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"directory\"), \" \\u4E3A \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"true\"), \"\\uFF0C\\u53EF\\u4EE5\\u652F\\u6301\\u4E0A\\u4F20\\u6587\\u4EF6\\u5939\\u4E0B\\u7684\\u6240\\u6709\\u6587\\u4EF6\"), mdx(\"pre\", {\n parentName: \"section\"\n }, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-jsx\",\n \"metastring\": \"live=true\",\n \"live\": \"true\"\n }, \"import React from 'react';\\nimport { Upload, Button } from '@douyinfe/semi-ui';\\nimport { IconUpload } from '@douyinfe/semi-icons';\\n\\n() => {\\n let action = 'https://api.semi.design/upload';\\n return (\\n <>\\n \\n \\n \\n \\n );\\n};\\n\")), mdx(\"h3\", {\n parentName: \"section\"\n }, \"\\u4E00\\u6B21\\u9009\\u4E2D\\u591A\\u4E2A\\u6587\\u4EF6\"), mdx(\"p\", {\n parentName: \"section\"\n }, \"\\u901A\\u8FC7\\u8BBE\\u7F6E \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"multiple\"), \" \\u5C5E\\u6027\\u53EF\\u4EE5\\u652F\\u6301\\u540C\\u65F6\\u9009\\u4E2D\\u591A\\u4E2A\\u6587\\u4EF6\\u4E0A\\u4F20\\u3002\"), mdx(\"pre\", {\n parentName: \"section\"\n }, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-jsx\",\n \"metastring\": \"live=true width=48%\",\n \"live\": \"true\",\n \"width\": \"48%\"\n }, \"import React from 'react';\\nimport { Upload, Button } from '@douyinfe/semi-ui';\\nimport { IconUpload } from '@douyinfe/semi-icons';\\n\\n() => {\\n let action = 'https://api.semi.design/upload';\\n return (\\n \\n \\n \\n );\\n};\\n\")), mdx(\"h3\", {\n parentName: \"section\"\n }, \"\\u9650\\u5236\\u6587\\u4EF6\\u603B\\u6570\\u91CF\"), mdx(\"p\", {\n parentName: \"section\"\n }, \"\\u901A\\u8FC7\\u8BBE\\u7F6E \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"limit\"), \" \\u5C5E\\u6027\\u53EF\\u4EE5\\u9650\\u5236\\u6700\\u5927\\u53EF\\u4E0A\\u4F20\\u7684\\u6587\\u4EF6\\u6570\", mdx(\"br\", {\n parentName: \"p\"\n }), \"\\n\", \"\\u5F53 \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"limit\"), \" \\u4E3A1\\u65F6\\uFF0C\\u59CB\\u7EC8\\u7528\\u6700\\u65B0\\u4E0A\\u4F20\\u7684\\u4EE3\\u66FF\\u5F53\\u524D\\uFF0C\\u5E76\\u4E0D\\u4F1A\\u89E6\\u53D1onExceed\\u56DE\\u8C03\"), mdx(\"pre\", {\n parentName: \"section\"\n }, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-jsx\",\n \"metastring\": \"dir=\\\"column\\\" live=true width=48%\",\n \"dir\": \"\\\"column\\\"\",\n \"live\": \"true\",\n \"width\": \"48%\"\n }, \"import React from 'react';\\nimport { Upload, Button } from '@douyinfe/semi-ui';\\nimport { IconUpload } from '@douyinfe/semi-icons';\\n\\n() => {\\n let action = 'https://api.semi.design/upload';\\n let limit = 1;\\n let onChange = props => {\\n console.log(props.fileList);\\n };\\n return (\\n \\n \\n \\n );\\n};\\n\")), mdx(\"pre\", {\n parentName: \"section\"\n }, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-jsx\",\n \"metastring\": \"dir=\\\"column\\\" live=true width=48%\",\n \"dir\": \"\\\"column\\\"\",\n \"live\": \"true\",\n \"width\": \"48%\"\n }, \"import React from 'react';\\nimport { Upload, Button } from '@douyinfe/semi-ui';\\nimport { IconUpload } from '@douyinfe/semi-icons';\\n\\n() => {\\n let action = 'https://api.semi.design/upload';\\n let [disabled, setDisabled] = useState(false);\\n let limit = 2;\\n let onChange = props => {\\n let length = props.fileList.length;\\n if (length === limit) {\\n setDisabled(true);\\n } else {\\n setDisabled(false);\\n }\\n };\\n return (\\n Toast.warning(`\\u6700\\u591A\\u53EA\\u5141\\u8BB8\\u4E0A\\u4F20${limit}\\u4E2A\\u6587\\u4EF6`)}\\n onChange={onChange}\\n >\\n \\n \\n );\\n};\\n\")), mdx(\"p\", {\n parentName: \"section\"\n }, \"\\u7167\\u7247\\u5899\\u6A21\\u5F0F\\u4E0B\\uFF0C\\u5F53\\u5DF2\\u4E0A\\u4F20\\u6587\\u4EF6\\u6570\\u91CF\\u7B49\\u4E8E limit \\u65F6\\uFF0C\\u4F1A\\u81EA\\u52A8\\u9690\\u85CF\\u4E0A\\u4F20\\u5165\\u53E3\"), mdx(\"pre\", {\n parentName: \"section\"\n }, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-jsx\",\n \"metastring\": \"live=true width=48%\",\n \"live\": \"true\",\n \"width\": \"48%\"\n }, \"import React from 'react';\\nimport { Upload } from '@douyinfe/semi-ui';\\nimport { IconPlus } from '@douyinfe/semi-icons';\\n\\n() => {\\n let action = 'https://api.semi.design/upload';\\n const defaultFileList = [\\n {\\n uid: '1',\\n name: 'dyBag.png',\\n status: 'success',\\n size: '130KB',\\n preview: true,\\n url: 'https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/root-web-sites/edit-bag.jpeg',\\n },\\n {\\n uid: '2',\\n name: 'dyBag2.jpeg',\\n status: 'success',\\n size: '222KB',\\n preview: true,\\n fileInstance: new File([new ArrayBuffer(2048)], 'dyBag2.jpeg', { type: 'image/png' }),\\n url: 'https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/root-web-sites/edit-bag.jpeg',\\n },\\n ];\\n return (\\n Toast.warning('\\u6700\\u591A\\u53EA\\u5141\\u8BB8\\u4E0A\\u4F202\\u4E2A\\u6587\\u4EF6')}\\n >\\n \\n \\n );\\n};\\n\")), mdx(\"h3\", {\n parentName: \"section\"\n }, \"\\u9650\\u5236\\u4E0A\\u4F20\\u6587\\u4EF6\\u5927\\u5C0F\"), mdx(\"p\", {\n parentName: \"section\"\n }, \"\\u901A\\u8FC7 \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"maxSize\"), \" \\u548C \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"minSize\"), \" \\u5C5E\\u6027\\u53EF\\u4EE5\\u81EA\\u5B9A\\u4E49\\u4E0A\\u4F20\\u6587\\u4EF6\\u5927\\u5C0F\\u7684\\u9650\\u5236\\uFF0C\\u901A\\u8FC7\\u8BBE\\u7F6E \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"onSizeError\"), \" \\u53EF\\u4EE5\\u8BBE\\u7F6E\\u8D85\\u51FA\\u9650\\u5236\\u65F6\\u7684\\u56DE\\u8C03\\u3002\"), mdx(\"pre\", {\n parentName: \"section\"\n }, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-jsx\",\n \"metastring\": \"live=true width=48%\",\n \"live\": \"true\",\n \"width\": \"48%\"\n }, \"import React from 'react';\\nimport { Upload, Button } from '@douyinfe/semi-ui';\\nimport { IconUpload } from '@douyinfe/semi-icons';\\n\\n() => {\\n let action = 'https://api.semi.design/upload';\\n\\n return (\\n <>\\n Toast.error(`${file.name} size invalid`)}\\n >\\n \\n \\n \\n );\\n};\\n\")), mdx(\"h3\", {\n parentName: \"section\"\n }, \"\\u81EA\\u5B9A\\u4E49\\u5217\\u8868\\u64CD\\u4F5C\\u533A\"), mdx(\"p\", {\n parentName: \"section\"\n }, mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"listType\"), \" \\u4E3A \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"list\"), \" \\u65F6\\uFF0C\\u53EF\\u4EE5\\u901A\\u8FC7\\u4F20\\u5165 \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"renderFileOperation\"), \" \\u6765\\u81EA\\u5B9A\\u4E49\\u5217\\u8868\\u64CD\\u4F5C\\u533A\"), mdx(\"pre\", {\n parentName: \"section\"\n }, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-jsx\",\n \"metastring\": \"live=true width=48%\",\n \"live\": \"true\",\n \"width\": \"48%\"\n }, \"import React from 'react';\\nimport { Upload, Button } from '@douyinfe/semi-ui';\\nimport { IconUpload, IconDownload, IconEyeOpened, IconDelete } from '@douyinfe/semi-icons';\\n\\n() => {\\n let action = 'https://api.semi.design/upload';\\n\\n const defaultFileList = [\\n {\\n uid: '1',\\n name: 'dyBag.png',\\n status: 'success',\\n size: '130KB',\\n preview: true,\\n url: 'https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/root-web-sites/edit-bag.jpeg',\\n }\\n ];\\n const renderFileOperation = (fileItem) => (\\n
\\n \\n \\n \\n
\\n );\\n return \\n \\n ;\\n};\\n\")), mdx(\"h3\", {\n parentName: \"section\"\n }, \"\\u81EA\\u5B9A\\u4E49\\u6587\\u4EF6\\u5217\\u8868\\u6807\\u9898\"), mdx(\"p\", {\n parentName: \"section\"\n }, mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"listType\"), \" \\u4E3A \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"list\"), \" \\u65F6\\uFF0C\\u53EF\\u4EE5\\u901A\\u8FC7 \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"fileListTitle\"), \" \\u81EA\\u5B9A\\u4E49\\u6587\\u4EF6\\u5217\\u8868\\u9876\\u90E8\\u7684\\u6807\\u9898\\u533A\\u57DF\\u3002\\u652F\\u6301\\u4E24\\u79CD\\u5F62\\u5F0F\\uFF1A\"), mdx(\"h4\", {\n parentName: \"section\"\n }, \"\\u5B57\\u7B26\\u4E32\\u6216 ReactNode \\u5F62\\u5F0F\"), mdx(\"p\", {\n parentName: \"section\"\n }, \"\\u5F53\\u4F20\\u5165\\u5B57\\u7B26\\u4E32\\u6216 ReactNode \\u65F6\\uFF0C\\u4EC5\\u66FF\\u6362\\u6807\\u9898\\u6587\\u5B57\\uFF0C\\u6E05\\u7A7A\\u6309\\u94AE\\u4FDD\\u6301\\u9ED8\\u8BA4\\u6837\\u5F0F\\uFF1A\"), mdx(\"pre\", {\n parentName: \"section\"\n }, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-jsx\",\n \"metastring\": \"live=true width=48%\",\n \"live\": \"true\",\n \"width\": \"48%\"\n }, \"import React from 'react';\\nimport { Upload, Button } from '@douyinfe/semi-ui';\\nimport { IconUpload } from '@douyinfe/semi-icons';\\n\\n() => {\\n let action = 'https://api.semi.design/upload';\\n\\n const defaultFileList = [\\n {\\n uid: '1',\\n name: 'document.pdf',\\n status: 'success',\\n size: '130KB',\\n },\\n {\\n uid: '2',\\n name: 'report.xlsx',\\n status: 'success',\\n size: '222KB',\\n },\\n ];\\n\\n return (\\n <>\\n \\n \\n \\n \\uD83D\\uDCC1 \\u91CD\\u8981\\u6587\\u4EF6}\\n >\\n \\n \\n \\n );\\n};\\n\")), mdx(\"h4\", {\n parentName: \"section\"\n }, \"\\u51FD\\u6570\\u5F62\\u5F0F\"), mdx(\"p\", {\n parentName: \"section\"\n }, \"\\u5F53\\u4F20\\u5165\\u51FD\\u6570\\u65F6\\uFF0C\\u53EF\\u4EE5\\u5B8C\\u5168\\u81EA\\u5B9A\\u4E49\\u6807\\u9898\\u533A\\u57DF\\uFF0C\\u5305\\u62EC\\u6E05\\u7A7A\\u6309\\u94AE\\u3002\\u51FD\\u6570\\u4F1A\\u63A5\\u6536\\u4EE5\\u4E0B\\u53C2\\u6570\\uFF1A\"), mdx(\"ul\", {\n parentName: \"section\"\n }, mdx(\"li\", {\n parentName: \"ul\"\n }, mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"fileList\"), \": \\u5F53\\u524D\\u6587\\u4EF6\\u5217\\u8868\"), mdx(\"li\", {\n parentName: \"ul\"\n }, mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"onClear\"), \": \\u6E05\\u7A7A\\u6587\\u4EF6\\u7684\\u56DE\\u8C03\\u51FD\\u6570\"), mdx(\"li\", {\n parentName: \"ul\"\n }, mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"clearText\"), \": \\u6E05\\u7A7A\\u6309\\u94AE\\u7684\\u9ED8\\u8BA4\\u6587\\u6848\\uFF08\\u6839\\u636E\\u5F53\\u524D\\u8BED\\u8A00\\u73AF\\u5883\\uFF09\")), mdx(\"pre\", {\n parentName: \"section\"\n }, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-jsx\",\n \"metastring\": \"live=true width=48%\",\n \"live\": \"true\",\n \"width\": \"48%\"\n }, \"import React from 'react';\\nimport { Upload, Button } from '@douyinfe/semi-ui';\\nimport { IconUpload, IconClose } from '@douyinfe/semi-icons';\\n\\n() => {\\n let action = 'https://api.semi.design/upload';\\n\\n const defaultFileList = [\\n {\\n uid: '1',\\n name: 'document.pdf',\\n status: 'success',\\n size: '130KB',\\n },\\n {\\n uid: '2',\\n name: 'report.xlsx',\\n status: 'success',\\n size: '222KB',\\n },\\n ];\\n\\n return (\\n <>\\n (\\n
\\n \\n \\uD83D\\uDCC2 \\u5171 {fileList.length} \\u4E2A\\u6587\\u4EF6\\n \\n \\n
\\n )}\\n >\\n \\n \\n (\\n
\\n \\n \\u5DF2\\u9009\\u62E9 {fileList.length} \\u4E2A\\u6587\\u4EF6\\n \\n \\n \\u5168\\u90E8\\u79FB\\u9664\\n \\n
\\n )}\\n >\\n \\n \\n \\n );\\n};\\n\")), mdx(\"h3\", {\n parentName: \"section\"\n }, \"\\u81EA\\u5B9A\\u4E49\\u9884\\u89C8\\u903B\\u8F91\"), mdx(\"p\", {\n parentName: \"section\"\n }, mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"listType\"), \" \\u4E3A \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"list\"), \" \\u65F6\\uFF0C\\u53EF\\u4EE5\\u901A\\u8FC7\\u4F20\\u5165 \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"previewFile\"), \" \\u89C8\\u903B\\u8F91\", mdx(\"br\", {\n parentName: \"p\"\n }), \"\\n\", \"\\u4F8B\\u5982\\u4F60\\u4E0D\\u9700\\u8981\\u5BF9\\u56FE\\u7247\\u7C7B\\u578B\\u8FDB\\u884C\\u7F29\\u7565\\u56FE\\u9884\\u89C8\\u65F6\\uFF0C\\u53EF\\u4EE5\\u5728 \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"previewFile\"), \" \\u4E2D\\u6052\\u5B9A\\u8FD4\\u56DE\\u4E00\\u4E2A\", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"\"), mdx(\"br\", {\n parentName: \"p\"\n }), \"\\n\", \"\\u5047\\u5982\\u4F60\\u5E0C\\u671B\\u70B9\\u51FB\\u56FE\\u7247\\u65F6\\u653E\\u5927\\u9884\\u89C8\\uFF0C\\u5219\\u53EF\\u4EE5\\u5728 \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"previewFile\"), \"\\u4E2D\\u4F7F\\u7528 Image \\u7EC4\\u4EF6\", mdx(\"br\", {\n parentName: \"p\"\n }), \"\\n\", \"\\u6216\\u8005\\u4F60\\u5E0C\\u671B\\u4F7F\\u7528\\u989D\\u5916\\u7684\\u64CD\\u4F5C\\u533A\\u6765\\u5B9E\\u73B0\\u70B9\\u51FB\\u653E\\u5927\\u9884\\u89C8\\uFF0C\\u4F60\\u4E5F\\u53EF\\u4EE5\\u7ED3\\u5408 \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"renderFileOperation\"), \" \\u653E\\u7F6E\\u4E00\\u4E9B\\u81EA\\u5B9A\\u4E49\\u5143\\u7D20\\u4F8B\\u5982 Icon \\u56FE\\u6807\\u5B9E\\u73B0\\u70B9\\u51FB\\u653E\\u5927 \"), mdx(\"pre\", {\n parentName: \"section\"\n }, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-jsx\",\n \"metastring\": \"live=true width=48%\",\n \"live\": \"true\",\n \"width\": \"48%\"\n }, \"import React from 'react';\\nimport { Upload, Button, Image } from '@douyinfe/semi-ui';\\nimport { IconUpload, IconFile } from '@douyinfe/semi-icons';\\n\\n() => {\\n let action = 'https://api.semi.design/upload';\\n const defaultFileList = [\\n {\\n uid: '1',\\n name: 'dyBag.png',\\n status: 'success',\\n size: '130KB',\\n url: 'https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/root-web-sites/edit-bag.jpeg',\\n },\\n {\\n uid: '2',\\n name: 'dyBag2.png',\\n status: 'success',\\n size: '130KB',\\n url: 'https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/root-web-sites/edit-bag.jpeg',\\n },\\n ];\\n return (\\n file.uid === '1' ? : }\\n >\\n \\n \\n );\\n};\\n\")), mdx(\"p\", {\n parentName: \"section\"\n }, \"\\u7ED3\\u5408 renderFileOperation \\u4E0E ImagePreview \\u7684\\u793A\\u4F8B\\uFF0C\\u4EE5\\u4E0B\\u793A\\u4F8B\\u70B9\\u51FB\\u53F3\\u4FA7\\u7B2C\\u4E00\\u4E2A Icon \\u53EF\\u653E\\u5927\\u56FE\\u7247\\u9884\\u89C8\"), mdx(\"pre\", {\n parentName: \"section\"\n }, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-jsx\",\n \"metastring\": \"live=true\",\n \"live\": \"true\"\n }, \"import React, { useStae } from 'react';\\nimport { Upload, Button, ImagePreview } from '@douyinfe/semi-ui';\\nimport { IconUpload, IconDownload, IconEyeOpened, IconDelete, IconExpand } from '@douyinfe/semi-icons';\\n\\n() => {\\n let action = 'https://api.semi.design/upload';\\n const [visible, setVisible] = useState(false);\\n const defaultFileList = [\\n {\\n uid: '1',\\n name: 'dyBag.png',\\n status: 'success',\\n size: '130KB',\\n preview: true,\\n url: 'https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/root-web-sites/edit-bag.jpeg',\\n }\\n ];\\n const renderFileOperation = (fileItem) => (\\n
\\n }\\n type=\\\"tertiary\\\"\\n theme=\\\"borderless\\\"\\n size=\\\"small\\\"\\n onClick={()=> setVisible(true)}\\n >\\n \\n \\n \\n \\n
\\n );\\n return \\n \\n ;\\n};\\n\\n\")), mdx(\"h3\", {\n parentName: \"section\"\n }, \"\\u9ED8\\u8BA4\\u6587\\u4EF6\\u5217\\u8868\"), mdx(\"p\", {\n parentName: \"section\"\n }, \"\\u901A\\u8FC7 \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"defaultFileList\"), \" \\u53EF\\u4EE5\\u5C55\\u793A\\u5DF2\\u4E0A\\u4F20\\u7684\\u6587\\u4EF6\\u3002\\u5F53\\u9700\\u8981\\u9884\\u89C8\\u9ED8\\u8BA4\\u6587\\u4EF6\\u7684\\u7F29\\u7565\\u56FE\\u65F6\\uFF0C\\u4F60\\u53EF\\u4EE5\\u5C06 \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"defaultFileList\"), \" \\u5185\\u5BF9\\u5E94 \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"item\"), \" \\u7684 \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"preview\"), \" \\u5C5E\\u6027\\u8BBE\\u4E3A \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"true\")), mdx(Notice, {\n title: \"\\u6CE8\\u610F\\u4E8B\\u9879\",\n mdxType: \"Notice\"\n }, \"defaultFileList\\u4E2D uid \\u5FC5\\u987B\\u552F\\u4E00\\uFF0C\\u4E0D\\u53EF\\u91CD\\u590D\"), mdx(\"pre\", {\n parentName: \"section\"\n }, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-jsx\",\n \"metastring\": \"live=true width=48%\",\n \"live\": \"true\",\n \"width\": \"48%\"\n }, \"import React from 'react';\\nimport { Upload, Button } from '@douyinfe/semi-ui';\\nimport { IconUpload } from '@douyinfe/semi-icons';\\n\\n() => {\\n let action = 'https://api.semi.design/upload';\\n\\n const defaultFileList = [\\n {\\n uid: '1',\\n name: 'dyBag.jpeg',\\n status: 'success',\\n size: '130KB',\\n preview: true,\\n url: 'https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/root-web-sites/edit-bag.jpeg',\\n },\\n {\\n uid: '2',\\n name: 'dyBag2.jpeg',\\n status: 'uploadFail',\\n size: '222KB',\\n preview: true,\\n fileInstance: new File([new ArrayBuffer(2048)], 'dyBag2.jpeg', { type: 'image/png' }),\\n url: 'https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/root-web-sites/edit-bag.jpeg',\\n },\\n ];\\n\\n return (\\n <>\\n \\n \\n \\n \\n );\\n};\\n\")), mdx(\"h3\", {\n parentName: \"section\"\n }, \"\\u53D7\\u63A7\\u7EC4\\u4EF6\"), mdx(\"p\", {\n parentName: \"section\"\n }, \"\\u5F53\\u4F20\\u5165\", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"fileList\"), \"\\u65F6\\uFF0C\\u4F5C\\u4E3A\\u53D7\\u63A7\\u7EC4\\u4EF6\\u4F7F\\u7528\\u3002\\u9700\\u8981\\u76D1\\u542C onChange \\u56DE\\u8C03\\uFF0C\\u5E76\\u4E14\\u5C06 fileList \\u56DE\\u4F20\\u7ED9 Upload\\uFF08\\u6CE8\\u610F\\u9700\\u4F20\\u5165\\u4E00\\u4E2A\\u65B0\\u7684\\u6570\\u7EC4\\u5BF9\\u8C61\\uFF09\"), mdx(\"pre\", {\n parentName: \"section\"\n }, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-jsx\",\n \"metastring\": \"live=true width=48%\",\n \"live\": \"true\",\n \"width\": \"48%\"\n }, \"import React from 'react';\\nimport { Upload, Button } from '@douyinfe/semi-ui';\\nimport { IconUpload } from '@douyinfe/semi-icons';\\n\\n() => {\\n const initList = [\\n {\\n uid: '1',\\n name: 'dyBag.jpeg',\\n status: 'success',\\n size: '130KB',\\n preview: true,\\n url: 'https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/root-web-sites/edit-bag.jpeg',\\n },\\n {\\n uid: '2',\\n name: 'dy.jpeg',\\n status: 'uploading',\\n size: '222KB',\\n percent: 50,\\n preview: true,\\n fileInstance: new File([new ArrayBuffer(2048)], 'dy.jpeg', { type: 'image/jpeg' }),\\n url:\\n 'https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/root-web-sites/dy.png',\\n },\\n ];\\n\\n const [list, updateList] = useState(initList);\\n\\n const onChange = ({ fileList, currentFile, event }) => {\\n console.log('onChange');\\n console.log(fileList);\\n console.log(currentFile);\\n let newFileList = [...fileList]; // spread to get new array\\n updateList(newFileList);\\n };\\n\\n return (\\n \\n \\n \\n );\\n};\\n\")), mdx(\"h3\", {\n parentName: \"section\"\n }, \"\\u56FE\\u7247\\u5899\"), mdx(\"p\", {\n parentName: \"section\"\n }, \"\\u8BBE\\u7F6E \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"listType = 'picture'\"), \"\\uFF0C\\u7528\\u6237\\u53EF\\u4EE5\\u4E0A\\u4F20\\u56FE\\u7247\\u5E76\\u5728\\u5217\\u8868\\u4E2D\\u663E\\u793A\\u7F29\\u7565\\u56FE\", mdx(\"br\", {\n parentName: \"p\"\n }), \"\\n\", \"\\u5982\\u679C\\u901A\\u8FC7 defaultFileList \\u6216 fileList \\u8BBE\\u7F6E\\u5DF2\\u4E0A\\u4F20\\u7684\\u6587\\u4EF6\\u5217\\u8868\\u65F6\\uFF0C\\u4F1A\\u81EA\\u52A8\\u8BFB\\u53D6\\u5BF9\\u8C61\\u6570\\u7EC4\\u4E2D\\u7684 url \\u5C5E\\u6027\\u7528\\u4E8E\\u5C55\\u793A\\u56FE\\u7247\"), mdx(\"pre\", {\n parentName: \"section\"\n }, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-jsx\",\n \"metastring\": \"live=true width=48%\",\n \"live\": \"true\",\n \"width\": \"48%\"\n }, \"import React from 'react';\\nimport { Upload } from '@douyinfe/semi-ui';\\nimport { IconPlus } from '@douyinfe/semi-icons';\\n\\n() => {\\n let action = 'https://api.semi.design/upload';\\n const defaultFileList = [\\n {\\n uid: '1',\\n name: 'dy.png',\\n status: 'success',\\n size: '130KB',\\n preview: true,\\n url:\\n 'https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/root-web-sites/dy.png',\\n },\\n ];\\n return (\\n <>\\n \\n \\n \\n \\n );\\n};\\n\")), mdx(\"p\", {\n parentName: \"section\"\n }, \"\\u8BBE\\u7F6E \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"showPicInfo\"), \"\\uFF0C\\u53EF\\u4EE5\\u67E5\\u770B\\u56FE\\u7247\\u57FA\\u7840\\u4FE1\\u606F\"), mdx(\"pre\", {\n parentName: \"section\"\n }, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-jsx\",\n \"metastring\": \"live=true width=48%\",\n \"live\": \"true\",\n \"width\": \"48%\"\n }, \"import React from 'react';\\nimport { Upload } from '@douyinfe/semi-ui';\\nimport { IconPlus } from '@douyinfe/semi-icons';\\n\\n() => {\\n let action = 'https://api.semi.design/upload';\\n const defaultFileList = [\\n {\\n uid: '1',\\n name: 'music.png',\\n status: 'success',\\n size: '130KB',\\n preview: true,\\n url:\\n 'https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/root-web-sites/Resso.png',\\n },\\n {\\n uid: '2',\\n name: 'brand.png',\\n status: 'success',\\n size: '130KB',\\n preview: true,\\n url:\\n 'https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/root-web-sites/Resso.png',\\n },\\n ];\\n return (\\n <>\\n \\n \\n \\n \\n );\\n};\\n\")), mdx(\"h3\", {\n parentName: \"section\"\n }, \"\\u56FE\\u7247\\u5899\\u653E\\u5927\\u9884\\u89C8\"), mdx(\"p\", {\n parentName: \"section\"\n }, \"\\u914D\\u5408 Image \\u7EC4\\u4EF6\\uFF0C\\u901A\\u8FC7 renderThumbnail API \\uFF0C\\u53EF\\u4EE5\\u5B9E\\u73B0\\u70B9\\u51FB\\u56FE\\u7247\\u653E\\u5927\\u9884\\u89C8\"), mdx(\"pre\", {\n parentName: \"section\"\n }, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-jsx\",\n \"metastring\": \"live=true width=48%\",\n \"live\": \"true\",\n \"width\": \"48%\"\n }, \"import React from 'react';\\nimport { Upload, Image } from '@douyinfe/semi-ui';\\nimport { IconPlus } from '@douyinfe/semi-icons';\\n\\n() => {\\n let action = 'https://api.semi.design/upload';\\n const defaultFileList = [\\n {\\n uid: '1',\\n name: 'music.png',\\n status: 'success',\\n size: '130KB',\\n preview: true,\\n url:\\n 'https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/root-web-sites/Resso.png',\\n }\\n ];\\n return (\\n <>\\n ()}\\n >\\n \\n \\n \\n );\\n};\\n\")), mdx(\"p\", {\n parentName: \"section\"\n }, \"\\u53EF\\u4EE5\\u901A\\u8FC7 \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"renderPicPreviewIcon\"), \"\\uFF0C\", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"onPreviewClick\"), \" \\u6765\\u81EA\\u5B9A\\u4E49\\u9884\\u89C8\\u56FE\\u6807\\uFF0C\\u5F53\\u663E\\u793A\\u66FF\\u6362\\u56FE\\u6807 \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"showReplace\"), \" \\u65F6\\uFF0C\\u4E0D\\u4F1A\\u518D\\u663E\\u793A\\u9884\\u89C8\\u56FE\\u6807\", mdx(\"br\", null), \"\\n\\u5F53\\u9700\\u8981\\u81EA\\u5B9A\\u4E49\\u9884\\u89C8/\\u66FF\\u6362\\u529F\\u80FD\\u65F6\\uFF0C\\u9700\\u8981\\u5173\\u95ED\\u66FF\\u6362\\u529F\\u80FD\\uFF0C\\u4F7F\\u7528 \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"renderPicPreviewIcon\"), \" \\u76D1\\u542C\\u56FE\\u6807\\u70B9\\u51FB\\u4E8B\\u4EF6\\u5373\\u53EF\\u3002\", mdx(\"br\", null), \"\\n\", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"onPreviewClick\"), \" \\u76D1\\u542C\\u7684\\u662F\\u5355\\u5F20\\u56FE\\u7247\\u5BB9\\u5668\\u7684\\u70B9\\u51FB\\u4E8B\\u4EF6\"), mdx(\"pre\", {\n parentName: \"section\"\n }, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-jsx\",\n \"metastring\": \"live=true width=48%\",\n \"live\": \"true\",\n \"width\": \"48%\"\n }, \"import React from 'react';\\nimport { Upload } from '@douyinfe/semi-ui';\\nimport { IconPlus, IconEyeOpened } from '@douyinfe/semi-icons';\\n\\n() => {\\n let action = 'https://api.semi.design/upload';\\n const defaultFileList = [\\n {\\n uid: '1',\\n name: 'resso.png',\\n status: 'success',\\n size: '130KB',\\n preview: true,\\n url:\\n 'https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/root-web-sites/Resso.png',\\n },\\n ];\\n const handlePreview = (file) => {\\n const feature = \\\"width=300,height=300\\\";\\n window.open(file.url, 'imagePreview', feature);\\n };\\n return (\\n <>\\n }\\n >\\n \\n \\n \\n );\\n};\\n\")), mdx(\"h3\", {\n parentName: \"section\"\n }, \"\\u56FE\\u7247\\u5899\\u8BBE\\u7F6E\\u5BBD\\u9AD8\"), mdx(\"p\", {\n parentName: \"section\"\n }, \"\\u901A\\u8FC7\\u8BBE\\u7F6E picHeight, picWidth \\uFF08 v2.42 \\u540E\\u63D0\\u4F9B\\uFF09\\uFF0C\\u53EF\\u4EE5\\u7EDF\\u4E00\\u8BBE\\u7F6E\\u56FE\\u7247\\u5899\\u5143\\u7D20\\u7684\\u5BBD\\u9AD8\\n\\u5982\\u679C\\u540C\\u65F6\\u4F7F\\u7528 \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"renderThumbnail\"), \" return Image \\u7EC4\\u4EF6\\u6765\\u5B9E\\u73B0\\u70B9\\u51FB\\u653E\\u5927\\u9884\\u89C8\\uFF0C\\u4F60\\u9700\\u8981\\u540C\\u65F6\\u6307\\u5B9A Image \\u7EC4\\u4EF6\\u7684 width \\u548C height\"), mdx(\"pre\", {\n parentName: \"section\"\n }, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-jsx\",\n \"metastring\": \"live=true dir=\\\"column\\\"\",\n \"live\": \"true\",\n \"dir\": \"\\\"column\\\"\"\n }, \"import React from 'react';\\nimport { Upload } from '@douyinfe/semi-ui';\\nimport { IconPlus } from '@douyinfe/semi-icons';\\n\\n() => {\\n let action = 'https://api.semi.design/upload';\\n const defaultFileList = [\\n {\\n uid: '1',\\n name: 'image-1.jpg',\\n status: 'success',\\n size: '130KB',\\n preview: true,\\n url:\\n 'https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/root-web-sites/abstract.jpg',\\n }\\n ];\\n return (\\n <>\\n ()}\\n >\\n \\n \\u70B9\\u51FB\\u6DFB\\u52A0\\u56FE\\u7247\\n \\n \\n );\\n};\\n\")), mdx(\"p\", {\n parentName: \"section\"\n }, \"\\u8BBE\\u7F6E \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"hotSpotLocation\"), \" \\u81EA\\u5B9A\\u4E49\\u70B9\\u51FB\\u70ED\\u533A\\u7684\\u987A\\u5E8F\\uFF0C\\u9ED8\\u8BA4\\u5728\\u7167\\u7247\\u5899\\u5217\\u8868\\u7ED3\\u5C3E\"), mdx(\"pre\", {\n parentName: \"section\"\n }, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-jsx\",\n \"metastring\": \"live=true width=48%\",\n \"live\": \"true\",\n \"width\": \"48%\"\n }, \"import React from 'react';\\nimport { Upload, Select, RadioGroup, Radio } from '@douyinfe/semi-ui';\\nimport { IconPlus, IconEyeOpened } from '@douyinfe/semi-icons';\\n\\n() => {\\n let action = 'https://api.semi.design/upload';\\n const defaultFileList = [\\n {\\n uid: '1',\\n name: 'resso.png',\\n status: 'success',\\n size: '130KB',\\n preview: true,\\n url:\\n 'https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/root-web-sites/Resso.png',\\n },\\n ];\\n const handlePreview = (file) => {\\n const feature = \\\"width=300,height=300\\\";\\n window.open(file.url, 'imagePreview', feature);\\n };\\n const [hotSpotLocation, setLocation] = useState('end');\\n return (\\n <>\\n setLocation(e.target.value)}>\\n start\\n end\\n \\n
\\n \\n \\n \\n \\n );\\n};\\n\")), mdx(\"h3\", {\n parentName: \"section\"\n }, \"\\u7981\\u7528\"), mdx(\"pre\", {\n parentName: \"section\"\n }, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-jsx\",\n \"metastring\": \"live=true width=48%\",\n \"live\": \"true\",\n \"width\": \"48%\"\n }, \"import React from 'react';\\nimport { Upload, Button } from '@douyinfe/semi-ui';\\nimport { IconUpload } from '@douyinfe/semi-icons';\\n\\n() => {\\n const defaultFileList = [\\n {\\n uid: '1',\\n name: 'first.png',\\n status: 'success',\\n size: '130KB',\\n preview: true,\\n url: 'https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/root-web-sites/dy.png',\\n },\\n {\\n uid: '2',\\n name: 'second.png',\\n status: 'validateFail',\\n size: '222KB',\\n preview: true,\\n url: 'https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/root-web-sites/dy.png',\\n },\\n ];\\n let action = 'https://api.semi.design/upload';\\n return (\\n <>\\n \\n \\n \\n \\n );\\n};\\n\")), mdx(\"h3\", {\n parentName: \"section\"\n }, \"\\u624B\\u52A8\\u89E6\\u53D1\\u4E0A\\u4F20\"), mdx(\"p\", {\n parentName: \"section\"\n }, mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"uploadTrigger='custom'\"), \"\\uFF0C\\u9009\\u4E2D\\u6587\\u4EF6\\u540E\\u5C06\\u4E0D\\u4F1A\\u81EA\\u52A8\\u89E6\\u53D1\\u4E0A\\u4F20\\u3002\\u9700\\u8981\\u624B\\u52A8\\u8C03\\u7528 \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"ref\"), \" \\u4E0A\\u7684 \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"upload\"), \" \\u65B9\\u6CD5\\u89E6\\u53D1\"), mdx(\"pre\", {\n parentName: \"section\"\n }, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-jsx\",\n \"metastring\": \"live=true width=48%\",\n \"live\": \"true\",\n \"width\": \"48%\"\n }, \"import React, { useRef } from 'react';\\nimport { Upload, Button } from '@douyinfe/semi-ui';\\nimport { IconUpload, IconPlus } from '@douyinfe/semi-icons';\\n\\nfunction ManulUploadDemo() {\\n const uploadRef = useRef();\\n const manulUpload = () => {\\n uploadRef.current && uploadRef.current.upload();\\n };\\n\\n let action = 'https://api.semi.design/upload';\\n return (\\n
\\n console.log(...v)}\\n onError={(...v) => console.log(...v)}\\n >\\n \\n \\n \\n
\\n );\\n}\\n\")), mdx(\"h3\", {\n parentName: \"section\"\n }, \"\\u62D6\\u62FD\\u4E0A\\u4F20\"), mdx(\"p\", {\n parentName: \"section\"\n }, mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"draggable='true'\"), \"\\uFF0C\\u53EF\\u4EE5\\u4F7F\\u7528\\u62D6\\u62FD\\u529F\\u80FD\"), mdx(Notice, {\n type: \"primary\",\n title: \"\\u6CE8\\u610F\\u4E8B\\u9879\",\n mdxType: \"Notice\"\n }, mdx(\"div\", null, \"\\u5728directory\\u4E3Atrue\\u7684\\u60C5\\u51B5\\u4E0B\\uFF0C\\u56E0\\u4E3A\\u6D4F\\u89C8\\u5668\\u81EA\\u52A8\\u505A\\u4E86\\u9650\\u5236\\uFF0C\\u6240\\u4EE5\\u70B9\\u51FB\\u4E0A\\u4F20\\u65F6\\u4E0D\\u5141\\u8BB8\\u9009\\u5355\\u4E2A\\u6587\\u4EF6\\uFF0C\\u62D6\\u62FD\\u65F6\\u6211\\u4EEC\\u8BA4\\u4E3A\\u540C\\u65F6\\u5141\\u8BB8\\u6587\\u4EF6\\u5939\\u3001\\u6587\\u4EF6\\u90FD\\u80FD\\u62D6\\u52A8\\u66F4\\u5408\\u7406\\uFF0C\\u6240\\u4EE5\\u4E0D\\u505A\\u53E6\\u5916\\u7684\\u62E6\\u622A\\u5904\\u7406\\u3002\")), mdx(\"pre\", {\n parentName: \"section\"\n }, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-jsx\",\n \"metastring\": \"live=true width=48%\",\n \"live\": \"true\",\n \"width\": \"48%\"\n }, \"import React from 'react';\\nimport { Upload } from '@douyinfe/semi-ui';\\n\\n() => (\\n \\n);\\n\")), mdx(\"p\", {\n parentName: \"section\"\n }, \"\\u53EF\\u4EE5\\u901A\\u8FC7 \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"dragIcon\"), \"\\u3001\", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"dragMainText\"), \"\\u3001\", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"dragSubText\"), \" \\u5FEB\\u6377\\u8BBE\\u7F6E\\u62D6\\u62FD\\u533A\\u5185\\u5BB9\"), mdx(\"pre\", {\n parentName: \"section\"\n }, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-jsx\",\n \"metastring\": \"live=true width=48%\",\n \"live\": \"true\",\n \"width\": \"48%\"\n }, \"import React from 'react';\\nimport { Upload } from '@douyinfe/semi-ui';\\nimport { IconBolt } from '@douyinfe/semi-icons';\\n\\n() => }\\n draggable={true}\\n accept=\\\"application/pdf,.jpeg\\\"\\n dragMainText={'\\u70B9\\u51FB\\u4E0A\\u4F20\\u6587\\u4EF6\\u6216\\u62D6\\u62FD\\u6587\\u4EF6\\u5230\\u8FD9\\u91CC'}\\n dragSubText=\\\"\\u4EC5\\u652F\\u6301jpeg\\u3001pdf\\\"\\n style={{ marginTop: 10 }}\\n>;\\n\")), mdx(\"p\", {\n parentName: \"section\"\n }, \"\\u8FD8\\u53EF\\u4EE5\\u901A\\u8FC7 \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"children\"), \" \\u4F20\\u5165 ReactNode\\uFF0C\\u5B8C\\u5168\\u81EA\\u5B9A\\u4E49\\u62D6\\u62FD\\u533A\\u7684\\u663E\\u793A\"), mdx(\"pre\", {\n parentName: \"section\"\n }, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-jsx\",\n \"metastring\": \"live=true width=48%\",\n \"live\": \"true\",\n \"width\": \"48%\"\n }, \"import React from 'react';\\nimport { Upload } from '@douyinfe/semi-ui';\\nimport { IconBolt } from '@douyinfe/semi-icons';\\n\\n() => (}\\n draggable={true}\\n accept=\\\"application/pdf,.jpeg\\\"\\n style={{ marginTop: 10 }}\\n>\\n
\\n \\n \\n Wow, you can really dance.\\n
\\n \\n\\n);\\n\")), mdx(\"p\", {\n parentName: \"section\"\n }, \"Scss \\u6837\\u5F0F\\u5982\\u4E0B\"), mdx(\"pre\", {\n parentName: \"section\"\n }, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-scss\"\n }, \".components-upload-demo-drag-area {\\n border-radius: var(--semi-border-radius-small);\\n border: 2px dashed var(--semi-color-border);\\n width: 100%;\\n padding: 12px;\\n background-color: var(--semi-color-tertiary-light-default);\\n display: flex;\\n cursor: pointer;\\n flex-wrap: wrap;\\n justify-content: center;\\n &:hover {\\n background-color: var(--semi-color-primary-light-default);\\n border-color: var(--semi-color-primary);\\n }\\n}\\n\")), mdx(\"h3\", {\n parentName: \"section\"\n }, \"\\u4E0A\\u4F20\\u524D\\u81EA\\u5B9A\\u4E49\\u6821\\u9A8C\"), mdx(\"p\", {\n parentName: \"section\"\n }, \"\\u53EF\\u901A\\u8FC7 \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"beforeUpload\"), \" \\u94A9\\u5B50\\uFF0C\\u5BF9\\u6587\\u4EF6\\u72B6\\u6001\\u8FDB\\u884C\\u66F4\\u65B0\\uFF0C\\u8FD9\\u662F\\u5728\\u7F51\\u7EDC\\u4E0A\\u4F20\\u524D\\uFF0C\\u9009\\u62E9\\u6587\\u4EF6\\u540E\\u8FDB\\u884C\\u6821\\u9A8C\\uFF0C\", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"({ file: FileItem, fileList: Array }) => beforeUploadResult | Promise | boolean\"), \" \\u540C\\u6B65\\u6821\\u9A8C\\u65F6\\u9700\\u8FD4\\u56DE boolean\\uFF08true \\u4E3A\\u6821\\u9A8C\\u901A\\u8FC7\\uFF0Cfalse \\u4E3A\\u6821\\u9A8C\\u5931\\u8D25\\uFF0C\\u6821\\u9A8C\\u5931\\u8D25\\u4F1A\\u963B\\u6B62\\u6587\\u4EF6\\u7F51\\u7EDC\\u4E0A\\u4F20\\uFF09\\u6216\\u8005\\u4E00\\u4E2A Object \\u5BF9\\u8C61\\uFF0C\\u5177\\u4F53\\u7ED3\\u6784\\u5982\\u4E0B\"), mdx(\"pre\", {\n parentName: \"section\"\n }, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-ts\"\n }, \"// beforeUploadResult:\\n{\\n fileInstance?: File,\\n status?: 'success' | 'uploadFail' | 'validateFail' | 'validating' | 'uploading' | 'wait',\\n validateMessage?: React.ReactNode | string, // \\u6587\\u4EF6\\u7684\\u6821\\u9A8C\\u4FE1\\u606F\\n shouldUpload: boolean, // \\u662F\\u5426\\u9700\\u8981\\u4E0A\\u4F20\\u3002\\u9ED8\\u8BA4\\u4E3Atrue\\uFF0C\\u5982\\u679C\\u4E3Afalse\\uFF0C\\u8BE5fileItem\\u53EA\\u4F1A\\u88AB\\u5C55\\u793A\\u5728\\u5217\\u8868\\u4E2D\\uFF0C\\u4E0D\\u4F1A\\u89E6\\u53D1\\u4E0A\\u4F20\\u64CD\\u4F5C\\n autoRemove: boolean, // \\u662F\\u5426\\u4ECEfileList\\u4E2D\\u79FB\\u9664\\u8BE5\\u6587\\u4EF6\\uFF0C\\u9ED8\\u8BA4\\u4E3Afalse\\n}\\n\")), mdx(\"pre\", {\n parentName: \"section\"\n }, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-jsx\",\n \"metastring\": \"live=true width=48%\",\n \"live\": \"true\",\n \"width\": \"48%\"\n }, \"import React, { useRef } from 'react';\\nimport { Upload, Button } from '@douyinfe/semi-ui';\\nimport { IconUpload } from '@douyinfe/semi-icons';\\n\\nfunction ValidateDemo() {\\n const countRef = useRef(0);\\n\\n const transformFile = (fileInstance) => {\\n if (countRef.current === 0) {\\n return new File([fileInstance], 'newFileName', { type: 'image/png' });\\n }\\n return fileInstance;\\n };\\n\\n const beforeUpload = ({ file, fileList }) => {\\n let result;\\n if (countRef.current > 0) {\\n result = {\\n autoRemove: false,\\n fileInstance: file.fileInstance,\\n shouldUpload: true,\\n };\\n } else {\\n result = {\\n autoRemove: false,\\n fileInstance: file.fileInstance,\\n status: 'validateFail',\\n shouldUpload: false,\\n };\\n }\\n countRef.current = countRef.current + 1;\\n return result;\\n };\\n\\n return (\\n \\n \\n \\n );\\n}\\n\")), mdx(\"p\", {\n parentName: \"section\"\n }, \"\\u5F02\\u6B65\\u6821\\u9A8C\\u65F6\\uFF0C\\u9700\\u8FD4\\u56DE Promise\\uFF0CPromise resolve \\u4EE3\\u8868\\u68C0\\u9A8C\\u901A\\u8FC7\\uFF0Creject \\u4EE3\\u8868\\u6821\\u9A8C\\u5931\\u8D25\\uFF0C\\u4E0D\\u4F1A\\u89E6\\u53D1\\u4E0A\\u4F20\\u3002\", mdx(\"br\", {\n parentName: \"p\"\n }), \"\\n\", \"resolve/reject \\u65F6\\u53EF\\u4EE5\\u4F20\\u5165 object\\uFF08\\u7ED3\\u6784\\u540C\\u4E0A beforeUploadResult\\uFF09\"), mdx(\"pre\", {\n parentName: \"section\"\n }, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-jsx\",\n \"metastring\": \"live=true width=48%\",\n \"live\": \"true\",\n \"width\": \"48%\"\n }, \"import React, { useRef } from 'react';\\nimport { Upload, Button } from '@douyinfe/semi-ui';\\nimport { IconUpload } from '@douyinfe/semi-icons';\\n\\nfunction AsyncBeforeUploadDemo() {\\n const countRef = useRef(0);\\n const beforeUpload = ({ file, fileList }) => {\\n return new Promise((resolve, reject) => {\\n if (countRef.current > 1) {\\n const result = {\\n autoRemove: false,\\n shouldUpload: true,\\n };\\n countRef.current = countRef.current + 1;\\n resolve(result);\\n } else {\\n const result = {\\n autoRemove: false,\\n fileInstance: file.fileInstance,\\n status: 'validateFail',\\n shouldUpload: false,\\n validateMessage: `\\u7B2C${countRef.current + 1}\\u4E2A\\u6CE8\\u5B9A\\u5931\\u8D25`,\\n };\\n countRef.current = countRef.current + 1;\\n reject(result);\\n }\\n });\\n };\\n\\n return (\\n \\n \\n \\n );\\n}\\n\")), mdx(\"h3\", {\n parentName: \"section\"\n }, \"\\u4E0A\\u4F20\\u540E\\u66F4\\u65B0\\u6587\\u4EF6\\u4FE1\\u606F\"), mdx(\"p\", {\n parentName: \"section\"\n }, \"\\u53EF\\u4EE5\\u901A\\u8FC7 \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"afterUpload\"), \" \\u94A9\\u5B50\\uFF0C\\u5BF9\\u6587\\u4EF6\\u72B6\\u6001\\uFF0C\\u6821\\u9A8C\\u4FE1\\u606F\\uFF0C\\u6587\\u4EF6\\u540D\\u8FDB\\u884C\\u66F4\\u65B0\\u3002\", mdx(\"br\", {\n parentName: \"p\"\n }), \"\\n\", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"({ response: any, file: FileItem, fileList: Array }) => afterUploadResult\"), mdx(\"br\", {\n parentName: \"p\"\n }), \"\\n\", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"afterUpload\"), \" \\u5728\\u4E0A\\u4F20\\u5B8C\\u6210\\u540E(\", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"xhr.onload\"), \")\\u4E14\\u6CA1\\u6709\\u53D1\\u751F\\u9519\\u8BEF\\u7684\\u60C5\\u51B5\\u4E0B\\u89E6\\u53D1\\uFF0C\\u9700\\u8FD4\\u56DE\\u4E00\\u4E2A Object \\u5BF9\\u8C61\\uFF08\\u4E0D\\u652F\\u6301\\u5F02\\u6B65\\u8FD4\\u56DE\\uFF09\\uFF0C\\u5177\\u4F53\\u7ED3\\u6784\\u5982\\u4E0B\"), mdx(\"pre\", {\n parentName: \"section\"\n }, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-ts\"\n }, \"// afterUploadResult:\\n{\\n status?: 'success' | 'uploadFail' | 'validateFail' | 'validating' | 'uploading' | 'wait';\\n // \\u6587\\u4EF6\\u7684\\u6821\\u9A8C\\u4FE1\\u606F\\n validateMessage?: React.ReactNode | string;\\n // \\u662F\\u5426\\u4ECEfileList\\u4E2D\\u79FB\\u9664\\u8BE5\\u6587\\u4EF6\\uFF0C\\u9ED8\\u8BA4\\u4E3Afalse\\n autoRemove?: boolean;\\n // \\u6587\\u4EF6\\u7684\\u540D\\u79F0\\n name?: string;\\n // \\u9884\\u89C8\\u6587\\u4EF6\\u7684url\\uFF0C\\u4E00\\u822C\\u4E3A\\u5F53\\u6B21\\u4E0A\\u4F20\\u8BF7\\u6C42\\u4E2D Server \\u63A5\\u6536\\u5230\\u6587\\u4EF6\\u540E\\u8FD4\\u56DE\\u7684\\u5B58\\u50A8\\u5730\\u5740\\uFF0Cv2.63\\u540E\\u652F\\u6301\\u4F20\\u5165\\u3002\\n // \\u4E4B\\u524D\\u7684\\u7248\\u672C\\u4E5F\\u53EF\\u4EE5\\u901A\\u8FC7 onChange \\u4E2D\\u7ED3\\u5408 status \\u624B\\u52A8\\u66F4\\u65B0\\u53D7\\u63A7 fileList \\u4E2D\\u7684\\u5C5E\\u6027\\u5B9E\\u73B0\\n url?: string \\n}\\n\")), mdx(\"pre\", {\n parentName: \"section\"\n }, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-jsx\",\n \"metastring\": \"live=true width=48%\",\n \"live\": \"true\",\n \"width\": \"48%\"\n }, \"import React from 'react';\\nimport { Upload, Button } from '@douyinfe/semi-ui';\\nimport { IconUpload } from '@douyinfe/semi-icons';\\n\\n() => {\\n const afterUpload = ({ response, file }) => {\\n // \\u53EF\\u4EE5\\u6839\\u636E\\u4E1A\\u52A1\\u63A5\\u53E3\\u8FD4\\u56DE\\uFF0C\\u51B3\\u5B9A\\u5F53\\u6B21\\u4E0A\\u4F20\\u662F\\u5426\\u6210\\u529F\\n if (response.status_code === 200) {\\n return {\\n autoRemove: false,\\n status: 'uploadFail',\\n validateMessage: '\\u5185\\u5BB9\\u4E0D\\u5408\\u6CD5',\\n name: 'RenameByServer.jpg',\\n url: 'https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/root-web-sites/edit-bag.jpeg'\\n };\\n } else {\\n return {};\\n }\\n };\\n\\n return (\\n \\n \\n \\n )\\n}\\n\")), mdx(\"h3\", {\n parentName: \"section\"\n }, \"\\u81EA\\u5B9A\\u4E49\\u8BF7\\u6C42\"), mdx(\"p\", {\n parentName: \"section\"\n }, \"\\u5F53\\u4F20\\u5165 customRequest \\u65F6, \\u76F8\\u5F53\\u4E8E\\u4F7F\\u7528\\u7684\\u81EA\\u5B9A\\u4E49\\u7684\\u8BF7\\u6C42\\u65B9\\u6CD5\\u66FF\\u6362\\u4E86 upload \\u5185\\u7F6E\\u7684 xhr \\u8BF7\\u6C42\\uFF0C\\u7528\\u6237\\u9700\\u8981\\u81EA\\u884C\\u63A5\\u7BA1\\u4E0A\\u4F20\\u884C\\u4E3A\\u3002\", mdx(\"br\", {\n parentName: \"p\"\n }), \"\\n\", \"\\u53EF\\u5728\\u5165\\u53C2\\u4E2D\\u83B7\\u53D6\\u5230\\u5F53\\u524D\\u64CD\\u4F5C\\u7684 file \\u5BF9\\u8C61\\uFF0C\\u7528\\u6237\\u81EA\\u884C\\u5B9E\\u73B0\\u4E0A\\u4F20\\u8FC7\\u7A0B\\uFF0C\\u5E76\\u4E14\\u5728\\u9002\\u5F53\\u7684\\u65F6\\u5019\\u8C03\\u7528 customRequest \\u5165\\u53C2\\u4E2D\\u7684 onProgress\\u3001onError\\u3001onSuccess \\u4EE5\\u66F4\\u65B0 Upload \\u7EC4\\u4EF6\\u5185\\u90E8\\u72B6\\u6001\\u8FDB\\u800C\\u9A71\\u52A8 UI \\u66F4\\u65B0\", mdx(\"br\", {\n parentName: \"p\"\n }), \"\\n\", \"customRequest \\u5305\\u542B\\u4EE5\\u4E0B\\u5165\\u53C2\"), mdx(\"pre\", {\n parentName: \"section\"\n }, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-ts\"\n }, \"{\\n // \\u5F53\\u524D\\u6587\\u4EF6\\u540D\\u79F0\\n fileName: string,\\n // \\u7528\\u6237\\u8BBE\\u7F6E\\u7684props.data\\n data: object,\\n // FileItem\\uFF0C\\u5177\\u4F53\\u7ED3\\u6784\\u53C2\\u8003\\u4E0B\\u9762\\u7684\\u6587\\u6863\\n file: FileItem,\\n // original File Object which extends Blob, \\u6D4F\\u89C8\\u5668\\u5B9E\\u9645\\u83B7\\u53D6\\u5230\\u7684\\u6587\\u4EF6\\u5BF9\\u8C61(https://developer.mozilla.org/zh-CN/docs/Web/API/File)\\n fileInstance: File,\\n // \\u4E0A\\u4F20\\u8FC7\\u7A0B\\u4E2D\\u5E94\\u8C03\\u7528\\u7684\\u51FD\\u6570\\uFF0Cevent\\u9700\\u8981\\u5305\\u542B total\\u3001loaded\\u5C5E\\u6027\\n onProgress: (event: { total: number, loaded: number }) => any,\\n // \\u4E0A\\u4F20\\u51FA\\u9519\\u65F6\\u5E94\\u8C03\\u7528\\u7684\\u51FD\\u6570\\n onError: (userXhr: { status: number }, e: event) => any,\\n // \\u4E0A\\u4F20\\u6210\\u529F\\u540E\\u5E94\\u8C03\\u7528\\u7684\\u51FD\\u6570, response\\u4E3A\\u4E0A\\u4F20\\u6210\\u529F\\u540E\\u7684\\u8BF7\\u6C42\\u7ED3\\u679C\\n onSuccess: (response: any, e?: event) => any,\\n // \\u7528\\u6237\\u8BBE\\u7F6E\\u7684props.withCredentials\\n withCredentials: boolean,\\n // \\u7528\\u6237\\u8BBE\\u7F6E\\u7684props.action\\n action: string,\\n}\\n\")), mdx(\"pre\", {\n parentName: \"section\"\n }, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-jsx\",\n \"metastring\": \"live=true width=48%\",\n \"live\": \"true\",\n \"width\": \"48%\"\n }, \"import React from 'react';\\nimport { Upload, Button } from '@douyinfe/semi-ui';\\nimport { IconUpload } from '@douyinfe/semi-icons';\\n\\n() => {\\n const mockRequest = ({ file, onProgress, onError, onSuccess }) => {\\n let count = 0;\\n let interval = setInterval(() => {\\n if (count === 100) {\\n clearInterval(interval);\\n onSuccess();\\n return;\\n }\\n onProgress({ total: 100, loaded: count });\\n count += 20;\\n }, 500);\\n };\\n\\n return (\\n \\n \\n \\n );\\n};\\n\"))), mdx(\"section\", null, mdx(\"h2\", {\n parentName: \"section\"\n }, \"API \\u53C2\\u8003\"), mdx(\"hr\", {\n parentName: \"section\"\n }), mdx(\"table\", {\n parentName: \"section\"\n }, mdx(\"thead\", {\n parentName: \"table\"\n }, mdx(\"tr\", {\n parentName: \"thead\"\n }, mdx(\"th\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u5C5E\\u6027\"), mdx(\"th\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u8BF4\\u660E\"), mdx(\"th\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u7C7B\\u578B\"), mdx(\"th\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u9ED8\\u8BA4\\u503C\"), mdx(\"th\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u7248\\u672C\"))), mdx(\"tbody\", {\n parentName: \"table\"\n }, mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"accept\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"html\"), \" \\u539F\\u751F\\u5C5E\\u6027\\uFF0C\\u63A5\\u53D7\\u4E0A\\u4F20\\u7684\", mdx(\"a\", {\n parentName: \"td\",\n \"href\": \"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-accept\"\n }, \"\\u6587\\u4EF6\\u7C7B\\u578B\"), \"\\u3002\", mdx(\"br\", null), mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"accept\"), \" \\u7684\\u503C\\u4E3A\\u4F60\\u5141\\u8BB8\\u9009\\u62E9\\u6587\\u4EF6\\u7684\", mdx(\"a\", {\n parentName: \"td\",\n \"href\": \"https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types/Complete_list_of_MIME_types\"\n }, \"MIME types \\u5B57\\u7B26\\u4E32\"), \"\\u6216\\u6587\\u4EF6\\u540E\\u7F00\\uFF08.jpg\\u7B49\\uFF09\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"string\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n })), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"action\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u6587\\u4EF6\\u4E0A\\u4F20\\u5730\\u5740\\uFF0C\\u5FC5\\u586B\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"string\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n })), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"addOnPasting\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u6309\\u4E0B ctrl/command + v\\u65F6\\uFF0C\\u662F\\u5426\\u81EA\\u52A8\\u5C06\\u526A\\u8D34\\u677F\\u4E2D\\u7684\\u6587\\u4EF6\\u6DFB\\u52A0\\u81F3 fileList\\uFF0C\\u5F53\\u524D\\u4EC5\\u652F\\u6301\\u56FE\\u7247\\u7C7B\\u578B; \\u9700\\u7528\\u6237\\u6388\\u6743\\u540C\\u610F\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"boolean\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"false\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"2.43.0\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"afterUpload\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u6587\\u4EF6\\u4E0A\\u4F20\\u540E\\u7684\\u94A9\\u5B50\\uFF0C\\u6839\\u636E return \\u7684 object \\u66F4\\u65B0\\u6587\\u4EF6\\u72B6\\u6001\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"function(auProps) => afterUploadResult\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n })), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"beforeClear\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u6E05\\u7A7A\\u6587\\u4EF6\\u524D\\u56DE\\u8C03\\uFF0C\\u6309\\u7167\\u8FD4\\u56DE\\u503C\\u6765\\u5224\\u65AD\\u662F\\u5426\\u7EE7\\u7EED\\u79FB\\u9664\\uFF0C\\u8FD4\\u56DEfalse\\u3001Promise.resolve(false)\\u3001Promise.reject()\\u4F1A\\u963B\\u6B62\\u79FB\\u9664\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"(fileList: Array\", \") => boolean\", \"|\", \"Promise\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n })), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"beforeRemove\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u79FB\\u9664\\u6587\\u4EF6\\u524D\\u7684\\u56DE\\u8C03\\uFF0C\\u6309\\u7167\\u8FD4\\u56DE\\u503C\\u6765\\u5224\\u65AD\\u662F\\u5426\\u7EE7\\u7EED\\u79FB\\u9664\\uFF0C\\u8FD4\\u56DEfalse\\u3001Promise.resolve(false)\\u3001Promise.reject()\\u4F1A\\u963B\\u6B62\\u79FB\\u9664\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"(file: \", \", fileList: Array\", \") => boolean\", \"|\", \"Promise\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n })), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"beforeUpload\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u4E0A\\u4F20\\u6587\\u4EF6\\u524D\\u7684\\u94A9\\u5B50\\uFF0C\\u6839\\u636E return \\u7684 object \\u66F4\\u65B0\\u6587\\u4EF6\\u72B6\\u6001\\uFF0C\\u63A7\\u5236\\u662F\\u5426\\u4E0A\\u4F20\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"function(buProps) => beforeUploadResult \", \"|\", \" Promise \", \"|\", \" boolean\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n })), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"capture\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u6587\\u4EF6\\u4E0A\\u4F20\\u63A7\\u4EF6\\u4E2D\\u5A92\\u4F53\\u62CD\\u6444\\u7684\\u65B9\\u5F0F\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"boolean\", \"|\", \"string\", \"|\", \"undefined\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n })), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"className\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u7C7B\\u540D\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"string\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n })), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"customRequest\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u81EA\\u5B9A\\u4E49\\u4E0A\\u4F20\\u4F7F\\u7528\\u7684\\u5F02\\u6B65\\u8BF7\\u6C42\\u65B9\\u6CD5\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"(object: customRequestArgs) => void\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n })), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"data\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u4E0A\\u4F20\\u65F6\\u9644\\u5E26\\u7684\\u989D\\u5916\\u53C2\\u6570\\u6216\\u8FD4\\u56DE\\u4E0A\\u4F20\\u989D\\u5916\\u53C2\\u6570\\u7684\\u65B9\\u6CD5\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"object\", \"|\", \"(file: \", mdx(\"a\", {\n parentName: \"td\",\n \"href\": \"https://developer.mozilla.org/zh-CN/docs/Web/API/File\"\n }, \"File\"), \") => object\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"{}\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n })), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"defaultFileList\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u5DF2\\u4E0A\\u4F20\\u7684\\u6587\\u4EF6\\u5217\\u8868\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"Array\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"[]\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n })), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"directory\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u6587\\u4EF6\\u5939\\u7C7B\\u578B\\u4E0A\\u4F20\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"boolean\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"false\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n })), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"disabled\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u662F\\u5426\\u7981\\u7528\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"boolean\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"false\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n })), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"dragIcon\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u62D6\\u62FD\\u533A\\u5DE6\\u4FA7 Icon\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"ReactNode\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"\")), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n })), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"dragMainText\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u62D6\\u62FD\\u533A\\u4E3B\\u6587\\u672C\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"ReactNode\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"'\\u70B9\\u51FB\\u4E0A\\u4F20\\u6587\\u4EF6\\u6216\\u62D6\\u62FD\\u6587\\u4EF6\\u5230\\u8FD9\\u91CC'\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n })), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"dragSubText\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u62D6\\u62FD\\u533A\\u5E2E\\u52A9\\u6587\\u672C\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"ReactNode\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"''\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n })), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"draggable\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u662F\\u5426\\u652F\\u6301\\u62D6\\u62FD\\u4E0A\\u4F20\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"boolean\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"false\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n })), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"fileList\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u5DF2\\u4E0A\\u4F20\\u7684\\u6587\\u4EF6\\u5217\\u8868\\uFF0C\\u4F20\\u5165\\u8BE5\\u503C\\u65F6\\uFF0Cupload \\u5373\\u4E3A\\u53D7\\u63A7\\u7EC4\\u4EF6\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"Array\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n })), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"fileListTitle\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u81EA\\u5B9A\\u4E49\\u6587\\u4EF6\\u5217\\u8868\\u6807\\u9898\\u533A\\u57DF\\u3002\\u652F\\u6301\\u4E24\\u79CD\\u5F62\\u5F0F\\uFF1A\", mdx(\"br\", null), \"1. \\u4F20\\u5165 ReactNode \\u65F6\\uFF0C\\u4EC5\\u66FF\\u6362\\u6807\\u9898\\u6587\\u5B57\\uFF0C\\u6E05\\u7A7A\\u6309\\u94AE\\u4FDD\\u6301\\u9ED8\\u8BA4\\u6837\\u5F0F\", mdx(\"br\", null), \"2. \\u4F20\\u5165\\u51FD\\u6570\\u65F6\\uFF0C\\u53EF\\u5B8C\\u5168\\u81EA\\u5B9A\\u4E49\\u6807\\u9898\\u533A\\u57DF\\uFF08\\u5305\\u62EC\\u6E05\\u7A7A\\u6309\\u94AE\\uFF09\\uFF0C\\u51FD\\u6570\\u53C2\\u6570\\u4E3A \", mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"{ fileList, onClear, clearText }\")), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"ReactNode \", \"|\", \" (props: RenderFileListTitleProps) => ReactNode\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"2.75.0\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"fileName\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u4F5C\\u7528\\u4E0E name \\u76F8\\u540C\\uFF0C\\u4E3B\\u8981\\u5728 Form.Upload \\u4E2D\\u4F7F\\u7528\\uFF0C\\u4E3A\\u4E86\\u907F\\u514D\\u4E0E Field \\u7684 props.name \\u51B2\\u7A81\\uFF0C\\u6B64\\u5904\\u53E6\\u5916\\u63D0\\u4F9B\\u4E00\\u4E2A\\u91CD\\u547D\\u540D\\u7684 props\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"string\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n })), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"headers\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u4E0A\\u4F20\\u65F6\\u9644\\u5E26\\u7684 headers \\u6216\\u8FD4\\u56DE\\u4E0A\\u4F20\\u989D\\u5916 headers \\u7684\\u65B9\\u6CD5\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"object\", \"|\", \"(file: \", mdx(\"a\", {\n parentName: \"td\",\n \"href\": \"https://developer.mozilla.org/zh-CN/docs/Web/API/File\"\n }, \"File\"), \") => object\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"{}\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n })), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"hotSpotLocation\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u7167\\u7247\\u5899\\u70B9\\u51FB\\u70ED\\u533A\\u7684\\u653E\\u7F6E\\u4F4D\\u7F6E\\uFF0C\\u53EF\\u9009\\u503C \", mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"start\"), \", \", mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"end\")), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"string\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"'end'\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"2.5.0\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"itemStyle\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"fileCard \\u7684\\u5185\\u8054\\u6837\\u5F0F\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"CSSProperties\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n })), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"limit\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u6700\\u5927\\u5141\\u8BB8\\u4E0A\\u4F20\\u6587\\u4EF6\\u4E2A\\u6570\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"number\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n })), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"listType\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u6587\\u4EF6\\u5217\\u8868\\u5C55\\u793A\\u7C7B\\u578B\\uFF0C\\u53EF\\u9009\", mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"picture\"), \"\\u3001\", mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"list\")), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"string\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"'list'\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n })), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"maxSize\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u6587\\u4EF6\\u4F53\\u79EF\\u6700\\u5927\\u9650\\u5236\\uFF0C\\u5355\\u4F4D KB\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"number\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n })), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"minSize\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u6587\\u4EF6\\u4F53\\u79EF\\u6700\\u5C0F\\u9650\\u5236\\uFF0C\\u5355\\u4F4D KB\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"number\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n })), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"multiple\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u662F\\u5426\\u5141\\u8BB8\\u5355\\u6B21\\u9009\\u4E2D\\u591A\\u4E2A\\u6587\\u4EF6\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"boolean\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"false\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n })), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"name\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u4E0A\\u4F20\\u65F6\\u4F7F\\u7528\\u7684\\u6587\\u4EF6\\u540D\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"string\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"''\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n })), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"onAcceptInvalid\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u5F53\\u63A5\\u6536\\u5230\\u7684\\u6587\\u4EF6\\u4E0D\\u7B26\\u5408accept\\u89C4\\u8303\\u65F6\\u89E6\\u53D1\\uFF08\\u4E00\\u822C\\u662F\\u56E0\\u4E3A\\u6587\\u4EF6\\u5939\\u9009\\u62E9\\u4E86\\u5168\\u90E8\\u7C7B\\u578B\\u6587\\u4EF6/\\u62D6\\u62FD\\u4E0D\\u7B26\\u5408\\u683C\\u5F0F\\u7684\\u6587\\u4EF6\\u65F6\\u89E6\\u53D1\\uFF09\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"(files: File[]) => void\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n })), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"onChange\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u6587\\u4EF6\\u72B6\\u6001\\u53D1\\u751F\\u53D8\\u5316\\u65F6\\u8C03\\u7528\\uFF0C\\u5305\\u62EC\\u4E0A\\u4F20\\u6210\\u529F\\uFF0C\\u5931\\u8D25\\uFF0C\\u4E0A\\u4F20\\u4E2D\\uFF0C\\u56DE\\u8C03\\u5165\\u53C2\\u4E3A Object\\uFF0C\\u5305\\u542B fileList\\u3001currentFile \\u7B49\\u503C\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"({fileList: Array\", \", currentFile?: FileItem}) => void\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n })), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"onClear\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u70B9\\u51FB\\u6E05\\u7A7A\\u65F6\\u7684\\u56DE\\u8C03\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"() => void\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n })), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"onDrop\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u5F53\\u62D6\\u62FD\\u7684\\u5143\\u7D20\\u5728\\u62D6\\u62FD\\u533A\\u4E0A\\u88AB\\u91CA\\u653E\\u65F6\\u89E6\\u53D1\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"(e, files: Array\", \", fileList: Array\", \") => void\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n })), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"onError\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u4E0A\\u4F20\\u9519\\u8BEF\\u65F6\\u7684\\u56DE\\u8C03\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"(error: Error, file: \", mdx(\"a\", {\n parentName: \"td\",\n \"href\": \"https://developer.mozilla.org/zh-CN/docs/Web/API/File\"\n }, \"File\"), \", fileList: Array\", \", xhr: XMLHttpRequest) => void\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n })), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"onExceed\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u4E0A\\u4F20\\u6587\\u4EF6\\u603B\\u6570\\u8D85\\u51FA \", mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"limit\"), \" \\u65F6\\u7684\\u56DE\\u8C03\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"(fileList:Array\", \") => void\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n })), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"onFileChange\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u9009\\u4E2D\\u6587\\u4EF6\\u540E\\u7684\\u56DE\\u8C03\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"(Array\", \") => void\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n })), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"onOpenFileDialog\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u6253\\u5F00\\u7CFB\\u7EDF\\u6587\\u7CFB\\u7EDF\\u6587\\u4EF6\\u9009\\u62E9\\u5F39\\u7A97\\u65F6\\u89E6\\u53D1\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"() => void\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n })), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"onPreviewClick\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u70B9\\u51FB\\u6587\\u4EF6\\u5361\\u7247\\u65F6\\u7684\\u56DE\\u8C03\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"(fileItem: FileItem) => void\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n })), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"onProgress\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u4E0A\\u4F20\\u6587\\u4EF6\\u65F6\\u7684\\u56DE\\u8C03\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"(percent: number, file: \", mdx(\"a\", {\n parentName: \"td\",\n \"href\": \"https://developer.mozilla.org/zh-CN/docs/Web/API/File\"\n }, \"File\"), \", fileList: Array\", \") => void\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n })), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"onPastingError\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"addOnPasting\\u4E3Atrue\\u65F6\\uFF0C\\u7C98\\u8D34\\u8BFB\\u53D6\\u5931\\u8D25\\u65F6\\u7684\\u56DE\\u8C03\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"(Error\", \"|\", \"PermissionState)\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"2.43.0\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"onRemove\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u79FB\\u9664\\u6587\\u4EF6\\u7684\\u56DE\\u8C03\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"(currentFile: \", mdx(\"a\", {\n parentName: \"td\",\n \"href\": \"https://developer.mozilla.org/zh-CN/docs/Web/API/File\"\n }, \"File\"), \", fileList:Array\", \", currentFileItem: FileItem) => void\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n })), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"onRetry\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u4E0A\\u4F20\\u91CD\\u8BD5\\u7684\\u56DE\\u8C03\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"(file: \", \") => void\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n })), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"onSizeError\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u6587\\u4EF6\\u5C3A\\u5BF8\\u975E\\u6CD5\\u7684\\u56DE\\u8C03\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"(file:\", mdx(\"a\", {\n parentName: \"td\",\n \"href\": \"https://developer.mozilla.org/zh-CN/docs/Web/API/File\"\n }, \"File\"), \", fileList:Array\", \") => void\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n })), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"onSuccess\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u4E0A\\u4F20\\u6210\\u529F\\u540E\\u7684\\u56DE\\u8C03\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"(responseBody: object, file: \", mdx(\"a\", {\n parentName: \"td\",\n \"href\": \"https://developer.mozilla.org/zh-CN/docs/Web/API/File\"\n }, \"File\"), \", fileList:Array\", \") => void\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n })), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"picHeight\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u56FE\\u7247\\u5899\\u6A21\\u5F0F\\u4E0B\\uFF0C\\u53EF\\u901A\\u8FC7\\u8BE5 API \\u5B9A\\u5236\\u56FE\\u7247\\u5C55\\u793A\\u9AD8\\u5EA6\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"string\", \"|\", \"number\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"2.42.0\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"picWidth\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u56FE\\u7247\\u5899\\u6A21\\u5F0F\\u4E0B\\uFF0C\\u53EF\\u901A\\u8FC7\\u8BE5 API \\u5B9A\\u5236\\u56FE\\u7247\\u5C55\\u793A\\u5BBD\\u5EA6\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"string\", \"|\", \"number\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"2.42.0\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"previewFile\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u81EA\\u5B9A\\u4E49\\u9884\\u89C8\\u903B\\u8F91\\uFF0C\\u8BE5\\u51FD\\u6570\\u8FD4\\u56DE\\u5185\\u5BB9\\u5C06\\u4F1A\\u66FF\\u6362\\u539F\\u7F29\\u7565\\u56FE\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"(fileItem: FileItem) => ReactNode\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n })), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"prompt\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u81EA\\u5B9A\\u4E49\\u63D2\\u69FD\\uFF0C\\u53EF\\u7528\\u4E8E\\u63D2\\u5165\\u63D0\\u793A\\u6587\\u672C\\u3002\\u4E0E\\u76F4\\u63A5\\u5728 \", mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"children\"), \" \\u4E2D\\u5199\\u7684\\u533A\\u522B\\u65F6\\uFF0C\", mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"prompt\"), \" \\u7684\\u5185\\u5BB9\\u5728\\u70B9\\u51FB\\u65F6\\u4E0D\\u4F1A\\u89E6\\u53D1\\u4E0A\\u4F20\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"ReactNode\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n })), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"promptPosition\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u63D0\\u793A\\u6587\\u672C\\u7684\\u4F4D\\u7F6E\\uFF0C\\u5F53 listType \\u4E3A list \\u65F6\\uFF0C\\u53C2\\u7167\\u7269\\u4E3A children \\u5143\\u7D20\\uFF1B\\u5F53 listType \\u4E3A picture \\u65F6\\uFF0C\\u53C2\\u7167\\u7269\\u4E3A\\u56FE\\u7247\\u5217\\u8868\\u3002\\u53EF\\u9009\\u503C \", mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"left\"), \"\\u3001\", mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"right\"), \"\\u3001\", mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"bottom\")), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"string\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"'right'\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n })), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"renderFileItem\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"fileCard \\u7684\\u81EA\\u5B9A\\u4E49\\u6E32\\u67D3\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"(renderProps: RenderFileItemProps) => ReactNode\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n })), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"renderFileOperation\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u81EA\\u5B9A\\u4E49\\u5217\\u8868\\u9879\\u64CD\\u4F5C\\u533A\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"(renderProps: RenderFileItemProps)=>ReactNode\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"2.5.0\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"renderPicClose\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u81EA\\u5B9A\\u4E49\\u7167\\u7247\\u5899 close \\u6309\\u94AE\\uFF0C\\u53EA\\u5728\\u7167\\u7247\\u5899\\u6A21\\u5F0F\\u4E0B\\u6709\\u6548\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"({className: string, remove: (e: MouseEvent) => void})=>ReactNode\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"2.75.0\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"renderPicInfo\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u81EA\\u5B9A\\u4E49\\u7167\\u7247\\u5899\\u4FE1\\u606F\\uFF0C\\u53EA\\u5728\\u7167\\u7247\\u5899\\u6A21\\u5F0F\\u4E0B\\u6709\\u6548\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"(renderProps: RenderFileItemProps)=>ReactNode\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"2.2.0\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"renderPicPreviewIcon\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u81EA\\u5B9A\\u4E49\\u7167\\u7247\\u5899hover\\u65F6\\u5C55\\u793A\\u7684\\u9884\\u89C8\\u56FE\\u6807\\uFF0C\\u53EA\\u5728\\u7167\\u7247\\u5899\\u6A21\\u5F0F\\u4E0B\\u6709\\u6548\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"(renderProps: RenderFileItemProps)=>ReactNode\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"2.5.0\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"renderThumbnail\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u81EA\\u5B9A\\u4E49\\u56FE\\u7247\\u5899\\u7F29\\u7565\\u56FE\\uFF0C\\u53EA\\u5728\\u7167\\u7247\\u5899\\u6A21\\u5F0F\\u4E0B\\u6709\\u6548\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"(renderProps: RenderFileItemProps)=>ReactNode\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"2.2.0\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"showClear\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u5728 limit \\u4E0D\\u4E3A 1 \\u4E14\\u5F53\\u524D\\u5DF2\\u4E0A\\u4F20\\u6587\\u4EF6\\u6570\\u5927\\u4E8E 1 \\u65F6\\uFF0C\\u662F\\u5426\\u5C55\\u793A\\u6E05\\u7A7A\\u6309\\u94AE\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"boolean\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"true\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n })), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"showPicInfo\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u662F\\u5426\\u663E\\u793A\\u56FE\\u7247\\u4FE1\\u606F\\uFF0C\\u53EA\\u5728\\u7167\\u7247\\u5899\\u6A21\\u5F0F\\u4E0B\\u6709\\u6548\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"boolean\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"false\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"2.2.0\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"showReplace\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u4E0A\\u4F20\\u6210\\u529F\\u65F6\\uFF0C\\u662F\\u5426\\u5C55\\u793A\\u5728 fileCard \\u5185\\u90E8\\u5C55\\u793A\\u66FF\\u6362\\u6309\\u94AE\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"boolean\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"false\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n })), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"showRetry\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u4E0A\\u4F20\\u5931\\u8D25\\u65F6\\uFF0C\\u662F\\u5426\\u5C55\\u793A\\u5728 fileCard \\u5185\\u90E8\\u5C55\\u793A\\u91CD\\u8BD5\\u6309\\u94AE\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"boolean\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"true\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n })), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"showTooltip\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u6587\\u4EF6\\u540D\\u8D85\\u957F\\u65F6\\uFF0C\\u662F\\u5426\\u5C55\\u793A tooltip \\u53CA\\u76F8\\u5173\\u914D\\u7F6E: type\\uFF0C\\u6D6E\\u5C42\\u5185\\u5BB9\\u627F\\u8F7D\\u7684\\u7EC4\\u4EF6\\uFF0C\\u652F\\u6301 Tooltip \", \"|\", \" Popover\\uFF1Bopts\\uFF0C\\u5176\\u4ED6\\u9700\\u8981\\u900F\\u4F20\\u7ED9\\u6D6E\\u5C42\\u7EC4\\u4EF6\\u7684\\u5C5E\\u6027\\uFF1B renderTooltip\\uFF0C\\u81EA\\u5B9A\\u4E49\\u6E32\\u67D3\\u5F39\\u51FA\\u5C42\\u7EC4\\u4EF6\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"boolean \", \"|\", \" {type: 'tooltip' \", \"|\", \" 'popover', opts: object, renderTooltip: (content: ReactNode, children: ReactNode) => ReactNode}\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"true\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n })), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"showUploadList\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u662F\\u5426\\u663E\\u793A\\u6587\\u4EF6\\u5217\\u8868\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"boolean\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"true\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n })), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"style\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u6837\\u5F0F\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"CSSProperties\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n })), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"transformFile\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u9009\\u4E2D\\u6587\\u4EF6\\u540E\\uFF0C\\u4E0A\\u4F20\\u6587\\u4EF6\\u524D\\u7684\\u56DE\\u8C03\\u51FD\\u6570\\uFF0C\\u53EF\\u7528\\u4E8E\\u5BF9\\u6587\\u4EF6\\u8FDB\\u884C\\u81EA\\u5B9A\\u4E49\\u8F6C\\u6362\\u5904\\u7406\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"(file:\", mdx(\"a\", {\n parentName: \"td\",\n \"href\": \"https://developer.mozilla.org/zh-CN/docs/Web/API/File\"\n }, \"File\"), \") => FileItem\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n })), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"uploadTrigger\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u89E6\\u53D1\\u4E0A\\u4F20\\u65F6\\u673A\\uFF0C\\u53EF\\u9009\\u503C \", mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"auto\"), \"\\u3001\", mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"custom\")), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"string\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"'auto'\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n })), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"validateMessage\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"Upload \\u6574\\u4F53\\u7684\\u9519\\u8BEF\\u4FE1\\u606F\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"ReactNode\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n })), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"withCredentials\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u662F\\u5426\\u5E26\\u4E0A Cookie \\u4FE1\\u606F\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"boolean\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"false\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }))))), mdx(\"section\", null, mdx(\"h2\", {\n parentName: \"section\"\n }, \"Interfaces\"), mdx(\"h3\", {\n parentName: \"section\"\n }, \"FileItem Interface\"), mdx(Notice, {\n title: \"\\u6CE8\\u610F\",\n mdxType: \"Notice\"\n }, \"uid\\u4E3A\\u6587\\u4EF6\\u552F\\u4E00\\u6807\\u8BC6\\u7B26\\uFF0CUpload\\u7684\\u66F4\\u65B0\\u3001\\u5220\\u9664\\u7B49\\u903B\\u8F91\\u5BF9\\u8BE5\\u503C\\u5F3A\\u4F9D\\u8D56\\u3002 \\u5982\\u679C\\u5F53\\u524D\\u6587\\u4EF6\\u662F\\u901A\\u8FC7upload\\u9009\\u4E2D\\u6DFB\\u52A0\\u7684\\uFF0C\\u4F1A\\u81EA\\u52A8\\u751F\\u6210uid\\u3002 \\u5982\\u679C\\u662Fprops.defaultFileList\\u6216\\u8005props.fileList\\u4F20\\u5165\\u7684, \\u5FC5\\u4F20\\uFF0C\\u4E14\\u9700\\u8981\\u81EA\\u884C\\u4FDD\\u8BC1\\u4E0D\\u4F1A\\u91CD\\u590D\"), mdx(\"pre\", {\n parentName: \"section\"\n }, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-ts\"\n }, \"interface FileItem {\\n event? : event, // xhr event\\n fileInstance?: File, // original File Object which extends Blob, \\u6D4F\\u89C8\\u5668\\u5B9E\\u9645\\u83B7\\u53D6\\u5230\\u7684\\u6587\\u4EF6\\u5BF9\\u8C61(https://developer.mozilla.org/zh-CN/docs/Web/API/File)\\n name: string,\\n percent? : number, // \\u4E0A\\u4F20\\u8FDB\\u5EA6\\u767E\\u5206\\u6BD4\\n preview: boolean, // \\u662F\\u5426\\u6839\\u636Eurl\\u8FDB\\u884C\\u9884\\u89C8\\n response?: any, // xhr\\u7684response, \\u8BF7\\u6C42\\u6210\\u529F\\u65F6\\u4E3Arespoonse body\\uFF0C\\u8BF7\\u6C42\\u5931\\u8D25\\u65F6\\u4E3A\\u5BF9\\u5E94 error\\n shouldUpload?: boolean; // \\u662F\\u5426\\u5E94\\u8BE5\\u7EE7\\u7EED\\u4E0A\\u4F20\\n showReplace?: boolean, // \\u5355\\u72EC\\u63A7\\u5236\\u8BE5file\\u662F\\u5426\\u5C55\\u793A\\u66FF\\u6362\\u6309\\u94AE\\n showRetry?: boolean, // \\u5355\\u72EC\\u63A7\\u5236\\u8BE5file\\u662F\\u5426\\u5C55\\u793A\\u91CD\\u8BD5\\u6309\\u94AE\\n size: string, // \\u6587\\u4EF6\\u5927\\u5C0F\\uFF0C\\u5355\\u4F4Dkb\\n status: string, // 'success' | 'uploadFail' | 'validateFail' | 'validating' | 'uploading' | 'wait';\\n uid: string, // \\u6587\\u4EF6\\u552F\\u4E00\\u6807\\u8BC6\\u7B26\\uFF0C\\u5982\\u679C\\u5F53\\u524D\\u6587\\u4EF6\\u662F\\u901A\\u8FC7upload\\u9009\\u4E2D\\u6DFB\\u52A0\\u7684\\uFF0C\\u4F1A\\u81EA\\u52A8\\u751F\\u6210uid\\u3002\\u5982\\u679C\\u662FdefaultFileList, \\u9700\\u8981\\u81EA\\u884C\\u4FDD\\u8BC1\\u4E0D\\u4F1A\\u91CD\\u590D\\n url: string,\\n validateMessage?: ReactNode | string,\\n}\\n\")), mdx(\"h3\", {\n parentName: \"section\"\n }, \"RenderFileListTitleProps Interface\"), mdx(\"p\", {\n parentName: \"section\"\n }, mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"fileListTitle\"), \" \\u4F20\\u5165\\u51FD\\u6570\\u65F6\\u7684\\u53C2\\u6570\\u7C7B\\u578B\\uFF1A\"), mdx(\"pre\", {\n parentName: \"section\"\n }, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-ts\"\n }, \"interface RenderFileListTitleProps {\\n fileList: Array; // \\u5F53\\u524D\\u6587\\u4EF6\\u5217\\u8868\\n onClear: () => void; // \\u6E05\\u7A7A\\u6587\\u4EF6\\u7684\\u56DE\\u8C03\\u51FD\\u6570\\n clearText: string; // \\u6E05\\u7A7A\\u6309\\u94AE\\u7684\\u9ED8\\u8BA4\\u6587\\u6848\\uFF08\\u6839\\u636E\\u5F53\\u524D\\u8BED\\u8A00\\u73AF\\u5883\\uFF09\\n}\\n\"))), mdx(\"section\", null, mdx(\"h2\", {\n parentName: \"section\"\n }, \"Methods\"), mdx(\"p\", {\n parentName: \"section\"\n }, \"\\u7ED1\\u5B9A\\u5728\\u7EC4\\u4EF6\\u5B9E\\u4F8B\\u4E0A\\u7684\\u65B9\\u6CD5\\uFF0C\\u53EF\\u4EE5\\u901A\\u8FC7 ref \\u8C03\\u7528\\u5B9E\\u73B0\\u67D0\\u4E9B\\u7279\\u6B8A\\u4EA4\\u4E92\"), mdx(\"table\", {\n parentName: \"section\"\n }, mdx(\"thead\", {\n parentName: \"table\"\n }, mdx(\"tr\", {\n parentName: \"thead\"\n }, mdx(\"th\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u540D\\u79F0\"), mdx(\"th\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u63CF\\u8FF0\"), mdx(\"th\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u7C7B\\u578B\"), mdx(\"th\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u7248\\u672C\"))), mdx(\"tbody\", {\n parentName: \"table\"\n }, mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"insert\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u4E0A\\u4F20\\u6587\\u4EF6\\uFF0C\\u5F53index\\u4F20\\u5165\\u65F6\\uFF0C\\u4F1A\\u63D2\\u5165\\u5230\\u6307\\u5B9A\\u4F4D\\u7F6E\\uFF0C\\u4E0D\\u4F20\\u5219\\u63D2\\u5165\\u5230\\u6700\\u540E\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"(files: Array\", \", index?: number) => void\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"2.2.0\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"upload\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u624B\\u52A8\\u5F00\\u59CB\\u4E0A\\u4F20\\uFF0C\\u914D\\u5408uploadTrigger=\\\"custom\\\"\\u4F7F\\u7528\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"() => void\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n })), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"openFileDialog\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u6253\\u5F00\\u6587\\u4EF6\\u9009\\u62E9\\u7A97\\u53E3\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"() => void\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"2.21.0\"))))), mdx(\"section\", null, mdx(\"h2\", {\n parentName: \"section\"\n }, \"Accessibility\"), mdx(\"p\", {\n parentName: \"section\"\n }, \"Upload\\u7EC4\\u4EF6\\u662F\\u4E00\\u4E2A\\u53EF\\u4EA4\\u4E92\\u7684\\u63A7\\u4EF6\\uFF0C\\u5728\\u70B9\\u51FB\\u6216\\u62D6\\u62FD\\u65F6\\u89E6\\u53D1\\u6587\\u4EF6\\u9009\\u62E9\\uFF0C\\u6587\\u4EF6\\u9009\\u4E2D\\u540E\\u4F1A\\u5728\\u6587\\u4EF6\\u5217\\u8868\\u5185\\u5C55\\u793A\\u72B6\\u6001\\u3002\"), mdx(\"h3\", {\n parentName: \"section\"\n }, \"ARIA\"), mdx(\"ul\", {\n parentName: \"section\"\n }, mdx(\"li\", {\n parentName: \"ul\"\n }, \"\\u4E3A\\u53EF\\u70B9\\u51FB\\u5143\\u7D20\\u6DFB\\u52A0 \", mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"role=\\\"button\\\"\")), mdx(\"li\", {\n parentName: \"ul\"\n }, \"\\u6587\\u4EF6\\u5217\\u8868\\u6DFB\\u52A0 \", mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"role=\\\"list\\\"\"), \"\\uFF0C\\u5E76\\u7528 \", mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"aria-label\"), \" \\u63CF\\u8FF0\"))), mdx(\"section\", null, mdx(\"h2\", {\n parentName: \"section\"\n }, \"\\u6587\\u6848\\u89C4\\u8303\"), mdx(\"ul\", {\n parentName: \"section\"\n }, mdx(\"li\", {\n parentName: \"ul\"\n }, \"\\u4E0A\\u4F20\\u6309\\u94AE\", mdx(\"ul\", {\n parentName: \"li\"\n }, mdx(\"li\", {\n parentName: \"ul\"\n }, \"\\u5173\\u4E8E\\u8868\\u5355\\u6309\\u94AE\\u7684\\u6587\\u6848\\u89C4\\u8303\\uFF0C\\u53C2\\u8003\", mdx(\"a\", {\n parentName: \"li\",\n \"href\": \"https:/lf3-static.semi.design/obj/semi-tos/semi_main/zh-CN/input/button#%E6%96%87%E6%A1%88%E8%A7%84%E8%8C%83\"\n }, \"\\u6309\\u94AEButton\\u7EC4\\u4EF6\\u7684\\u6587\\u6848\\u89C4\\u8303\"), \" \"))), mdx(\"li\", {\n parentName: \"ul\"\n }, \"\\u5E2E\\u52A9\\u6587\\u672C\", mdx(\"ul\", {\n parentName: \"li\"\n }, mdx(\"li\", {\n parentName: \"ul\"\n }, \"\\u5E2E\\u52A9\\u6587\\u672C\\u4F7F\\u7528\\u8BED\\u53E5\\u4E66\\u5199\\u89C4\\u8303\\uFF0C\\u9996\\u5B57\\u6BCD\\u5927\\u5199\\uFF0C\\u53EF\\u4EE5\\u4E0D\\u9700\\u8981\\u53E5\\u53F7\"))), mdx(\"li\", {\n parentName: \"ul\"\n }, \"\\u7528\\u6237\\u51FA\\u9519\\u63D0\\u793A\", mdx(\"ul\", {\n parentName: \"li\"\n }, mdx(\"li\", {\n parentName: \"ul\"\n }, \"\\u6E05\\u6670\\u5730\\u544A\\u8BC9\\u7528\\u6237\\u4E3A\\u4EC0\\u4E48\\u6587\\u4EF6\\u65E0\\u6CD5\\u88AB\\u4E0A\\u4F20\\uFF0C\\u5E76\\u4E14\\u544A\\u77E5\\u7528\\u6237\\u5982\\u4F55\\u64CD\\u4F5C\\u80FD\\u591F\\u6210\\u529F\\u4E0A\\u4F20\"), mdx(\"li\", {\n parentName: \"ul\"\n }, \"\\u5E2E\\u52A9\\u6587\\u672C\\u4F7F\\u7528\\u8BED\\u53E5\\u4E66\\u5199\\u89C4\\u8303\\uFF0C\\u9996\\u5B57\\u6BCD\\u5927\\u5199\"), mdx(\"li\", {\n parentName: \"ul\"\n }, \"\\u7B80\\u6D01\\u7684\\u7528\\u8BED\\u8BA9\\u7528\\u6237\\u80FD\\u591F\\u4E00\\u773C\\u8BFB\\u61C2\\uFF0C\\u6BD4\\u5982 \", mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"File size must be less than 20MB\"), \", \", mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"File type must be .gif, .jpg, .png or .svg\")))))), mdx(\"section\", null, mdx(\"h2\", {\n parentName: \"section\"\n }, \"\\u8BBE\\u8BA1\\u53D8\\u91CF\"), mdx(DesignToken, {\n mdxType: \"DesignToken\"\n })), mdx(\"section\", null, mdx(\"h2\", {\n parentName: \"section\"\n }, \"FAQ\"), mdx(\"ul\", {\n parentName: \"section\"\n }, mdx(\"li\", {\n parentName: \"ul\"\n }, \"\\u4EC0\\u4E48\\u65F6\\u5019\\u4F1A\\u5C55\\u793A\\u91CD\\u8BD5\\u6309\\u94AE\\uFF1F\", mdx(\"ul\", {\n parentName: \"li\"\n }, mdx(\"li\", {\n parentName: \"ul\"\n }, \"\\u5F53 \", mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"showRetry\"), \" \\u4E3A true\\uFF0C\\u4E14\\u5F53\\u524D\\u6587\\u4EF6\\u662F\\u7531\\u4E8E\\u7F51\\u7EDC\\u539F\\u56E0\\u9519\\u8BEF\\u5BFC\\u81F4\\u7684\\u4E0A\\u4F20\\u5931\\u8D25\\u65F6\\uFF0C\\u4F1A\\u5C55\\u793A\\u91CD\\u8BD5\\u6309\\u94AE\\u3002\\u5176\\u4ED6\\u5982\\u6821\\u9A8C\\u5931\\u8D25\\uFF0C\\u4E0A\\u4F20\\u6210\\u529F\\u7B49\\u72B6\\u6001\\u662F\\u4E0D\\u4F1A\\u5C55\\u793A\\u91CD\\u8BD5\\u6309\\u94AE\\u7684\\u3002\"))), mdx(\"li\", {\n parentName: \"ul\"\n }, \"\\u4EC0\\u4E48\\u65F6\\u5019\\u4F1A\\u5C55\\u793A\\u66FF\\u6362\\u6309\\u94AE\\uFF1F\", mdx(\"ul\", {\n parentName: \"li\"\n }, mdx(\"li\", {\n parentName: \"ul\"\n }, \"\\u5F53 \", mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"showReplace\"), \" \\u4E3Atrue\\uFF0C\\u4E14\\u5F53\\u524D\\u6587\\u4EF6\\u72B6\\u6001\\u4E3A\\u5DF2\\u4E0A\\u4F20\\u65F6\\uFF0C\\u4F1A\\u5C55\\u793A\\u66FF\\u6362\\u6309\\u94AE\\u3002\"))), mdx(\"li\", {\n parentName: \"ul\"\n }, \"Semi Upload\\u628A\\u56FE\\u7247\\u5B58\\u5230\\u54EA\\u91CC\\u4E86\\uFF1F\", mdx(\"ul\", {\n parentName: \"li\"\n }, mdx(\"li\", {\n parentName: \"ul\"\n }, \"Semi Upload\\u4E0D\\u8D1F\\u8D23\\u56FE\\u7247\\u7684\\u4FDD\\u5B58\\uFF0C\\u5F53\\u4F60\\u4F7F\\u7528 Upload \\u7EC4\\u4EF6\\u65F6\\u9700\\u8981\\u81EA\\u5B9A\\u4E49 action\\u3002\\u4F60\\u53EF\\u4EE5\\u9009\\u62E9\\u628A action \\u8BBE\\u7F6E\\u4E3A\\u81EA\\u5DF1\\u7684\\u670D\\u52A1\\u5668\\u5730\\u5740\\u6216\\u8005\\u56FE\\u7247\\u670D\\u52A1\\u5730\\u5740\\u3002\"))), mdx(\"li\", {\n parentName: \"ul\"\n }, \"Form.Upload props.name\\u65E0\\u6548\\uFF1F\", mdx(\"ul\", {\n parentName: \"li\"\n }, mdx(\"li\", {\n parentName: \"ul\"\n }, \"Form.Field \\u4E2D\\u6709 props.name\\uFF0CUpload\\u4E5F\\u6709 props.name\\uFF0C\\u540C\\u540D props \\u4F1A\\u51B2\\u7A81\\u3002\\u4F7F\\u7528 Form.Upload \\u65F6\\uFF0C\\u53EF\\u4EE5\\u8F6C\\u4E3A\\u4F7F\\u7528 props.fileName\\uFF0C\\u907F\\u514D\\u51B2\\u7A81\"))), mdx(\"li\", {\n parentName: \"ul\"\n }, \"\\u4E0A\\u4F20\\u56FE\\u7247\\u540E\\u6CA1\\u6709\\u8C03\\u7528 XXX \\u65B9\\u6CD5\\uFF1F\", mdx(\"ul\", {\n parentName: \"li\"\n }, mdx(\"li\", {\n parentName: \"ul\"\n }, \"\\u5982\\u679C\\u4F60\\u8BBE\\u7F6E\\u4E86 \", mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"accept\"), \"\\uFF0C\\u53EF\\u4EE5\\u5C1D\\u8BD5\\u628A accept \\u5C5E\\u6027\\u53BB\\u6389\\uFF0C\\u7136\\u540E\\u518D\\u770B\\u662F\\u5426\\u8C03\\u7528\\u4E86\\u6539\\u65B9\\u6CD5\\u3002\\u53BB\\u6389\\u540E\\u8C03\\u7528\\u4E86\\u8BE5\\u65B9\\u6CD5\\u8BF4\\u660E\\uFF0Caccept \\u5728\\u5F53\\u524D\\u73AF\\u5883\\u4E0B\\u83B7\\u53D6\\u7684 file type \\u4E0E\\u8BBE\\u7F6E\\u7684 accept \\u4E0D\\u7B26\\uFF0C\\u4E0A\\u4F20\\u884C\\u4E3A\\u63D0\\u524D\\u7EC8\\u6B62\\u3002\\u53EF\\u4EE5\\u6253\\u4E2A\\u65AD\\u70B9\\u5230 upload/foundation.js checkFileFormat \\u51FD\\u6570\\uFF0C\\u770B\\u4E0B\\u83B7\\u53D6\\u7684 file.type \\u771F\\u5B9E\\u503C\\u662F\\u5426\\u7B26\\u5408\\u9884\\u671F\\u3002\")))), mdx(Notice, {\n title: \"关于进度条\",\n mdxType: \"Notice\"\n }, \"\\u8FDB\\u5EA6\\u6761\\u8868\\u793A\\u4E0A\\u4F20\\u8FDB\\u5EA6\\uFF0C\\u4E0A\\u4F20\\u8FDB\\u5EA6\\u5206\\u4E3A\\u6570\\u636E\\u4E0A\\u8F7D\\u548C\\u670D\\u52A1\\u5668\\u8FD4\\u56DE\\u4E24\\u90E8\\u5206\\uFF0C\\u5982\\u679C\\u6570\\u636E\\u5DF2\\u7ECF\\u5168\\u90E8\\u53D1\\u51FA\\uFF0C\\u4F46\\u662F\\u670D\\u52A1\\u5668\\u6CA1\\u6709\\u8FD4\\u56DE\\u54CD\\u5E94\\uFF0C\\u8FDB\\u5EA6\\u6761\\u4F1A\\u505C\\u7559\\u572890%\\u63D0\\u793A\\u7528\\u6237\\u4E0A\\u4F20\\u5E76\\u6CA1\\u6709\\u5B8C\\u6210\\uFF0C\\u6B64\\u65F6\\u5F00\\u53D1\\u8005\\u5DE5\\u5177\\u4E2D\\u8BF7\\u6C42\\u4F1A\\u5904\\u4E8E pending, \\u8FD9\\u662F\\u6B63\\u5E38\\u73B0\\u8C61\\u3002\\u4EC5\\u5F53\\u670D\\u52A1\\u5668\\u8FD4\\u56DE\\u54CD\\u5E94\\uFF0C\\u4E0A\\u4F20\\u6D41\\u7A0B\\u624D\\u771F\\u6B63\\u7ED3\\u675F\\uFF0C\\u4E0A\\u4F20\\u8FDB\\u5EA6\\u4F1A\\u8FBE\\u5230100%\")));\n}\n;\nMDXContent.isMDXComponent = true;"}},"pageContext":{"slug":"zh-CN/input/upload","next":{"fields":{"slug":"en-US/navigation/anchor"},"id":"3573f2f1-b7f1-5cdd-80be-936e6a73690c","frontmatter":{"title":"Anchor","localeCode":"en-US","icon":"doc-anchor","showNew":null}},"previous":{"fields":{"slug":"en-US/input/upload"},"id":"7b7f2df2-5ca9-57ef-ab63-bc419b628466","frontmatter":{"title":"Upload","localeCode":"en-US","icon":"doc-upload","showNew":null}}}},"staticQueryHashes":["1348983216229725","1477422646229725","3245198693229725","417590761229725","63159454229725"]}