@jiangood/open-admin 3.0.15 → 3.1.1

package/src/layouts/admin/index.jsx

@@ -2,7 +2,7 @@ import React from 'react';
 import {Layout, Menu, Skeleton, Watermark} from 'antd';
 
 import "./index.less"
-import {HttpUtils, NamedIcon, PageUtils, GlobalData, TreeUtils, history, Link, ARTICLE_HEADER_LEFT, OrgSwitcher} from "../../framework";
+import {HttpClient, NamedIcon, PageUtils, GlobalData, TreeUtils, history, Link, ARTICLE_HEADER_LEFT, OrgSwitcher} from "../../framework";
 
 import { HeaderRight } from "./HeaderRight";
 import { TabLayout } from "./TabLayout";
@@ -10,7 +10,7 @@ const {Header, Sider, Content} = Layout;
 /**
  * 带菜单的布局，主要处理布局宇框架结构
  */
-export default class extends React.Component {
+export default class AdminLayout extends React.Component {
 
     state = {
         loginInfo: {},
@@ -50,8 +50,8 @@ export default class extends React.Component {
 
     initMenu = () => {
         this.setState({menuLoading: true})
-        HttpUtils.get('/admin/menu-info').then(info => {
-            const {menuTree, pathMenuMap, menuMap} = info
+        HttpClient.get('/admin/menu-info', null, {toastError: false}).then(info => {
+            const {menuTree, pathMenuMap, menuMap} = info.data
             this.setState({menuMap})
 
             const pathname = PageUtils.currentPathname();
@@ -86,15 +86,15 @@ export default class extends React.Component {
             }
 
             this.setState({menuTree, pathMenuMap, topMenus, sideMenus, activeTopMenuKey, currentMenuKey})
+            this.setState({menuLoading: false})
 
         }).catch(err => {
             console.error('加载菜单失败:', err)
             this.setState({menuTree: [], topMenus: [], sideMenus: []})
-        }).finally(()=>{
             this.setState({menuLoading: false})
         })
     }
-    actionRef = React.createRef()
+    actionRef = React.createRef() // NOSONAR: React ref 由父组件通过 ref 访问
 
     classifyMenus = (menuTree) => {
         const topMenus = [];
@@ -166,13 +166,14 @@ export default class extends React.Component {
         return (
             <nav className="top-nav">
                 {topMenus.map(item => (
-                    <span
+                    <button
                         key={item.key}
+                        type="button"
                         className={'top-nav-item' + (item.key === activeTopMenuKey ? ' active' : '')}
                         onClick={() => this.onTopMenuClick({key: item.key})}
                     >
                         {item.label}
-                    </span>
+                    </button>
                 ))}
             </nav>
         );
@@ -188,7 +189,10 @@ return <Layout className='main-layout'>
                    breakpoint={'md'}
              >
                 <div className='sider-header'>
-                    <img className='logo-img' src="./logo.png" onClick={() => history.push('/')} alt='logo'/>
+                    <button type="button" className='logo-img'
+                            onClick={() => history.push('/')}>
+                        <img src="./logo.png" alt='logo'/>
+                    </button>
                     <h3 className='hide-on-mobile'>
                         <Link to="/" style={{color: 'rgba(255,255,255,0.85)'}}>{siteInfo.title}</Link>
                     </h3>
@@ -201,8 +205,8 @@ return <Layout className='main-layout'>
                 <Header className='header'>
                     {this.renderTopMenu()}
                     {this.state.headerLeftArticles.map(a => (
-                        <div key={a.code} className='item' style={{cursor: 'pointer', padding: '0 12px', whiteSpace: 'nowrap'}}
-                             onClick={() => PageUtils.open('/article/' + a.code, a.title)}>{a.title}</div>
+                        <button key={a.code} type="button" className='item'
+                                onClick={() => PageUtils.open('/article/' + a.code, a.title)}>{a.title}</button>
                     ))}
                     {this.props.showOrgSwitcher?.({
                         activeTopMenu: this.getActiveTopMenu(),

package/src/layouts/admin/index.less

@@ -27,6 +27,9 @@
         color: rgba(0, 0, 0, 0.65);
         transition: color 0.2s;
         white-space: nowrap;
+        background: none;
+        border: none;
+        font: inherit;
 
         &:hover {
           color: var(--primary-color, var(--primary-color, #1961AC));
@@ -50,10 +53,13 @@
         align-items: center;
         padding: 0 0.5rem;
         cursor: pointer;
+        background: none;
+        border: none;
+        font: inherit;
 
         &:hover {
           background: var(--primary-color-hover, #4990CD);
-          color: white;
+          color: white; /* NOSONAR: 主题色悬停态，对比度由主题色决定 */
         }
       }
     }
@@ -74,6 +80,15 @@
       .logo-img {
         height: 36px;
         cursor: pointer;
+        background: none;
+        border: none;
+        padding: 0;
+        display: inline-flex;
+        align-items: center;
+
+        img {
+          height: 36px;
+        }
       }
 
       h3 {

package/src/layouts/index.tsx

@@ -3,12 +3,10 @@ import {ConfigProvider, Modal} from "antd";
 import zhCN from 'antd/locale/zh_CN';
 import dayjs from 'dayjs';
 import 'dayjs/locale/zh-cn';
-import {history, PageFrame} from "../framework";
+import {ErrorBoundary, GlobalData, HttpClient, PageFrame, PageLoading, PageUtils, history, getThemeConfig, setThemeColors, EventBus} from "../framework";
+import type {ThemeColors} from "../framework";
 
 import AdminLayout from "./admin"
-import {HttpUtils, PageLoading, PageUtils, GlobalData, getThemeConfig, setThemeColors, EventBus} from "../framework";
-import {ErrorBoundary} from "../framework";
-import type {ThemeColors} from "../framework";
 
 import '../style/global.less'
 import './index.less'
@@ -76,8 +74,8 @@ export class Layouts extends React.Component<LayoutsProps> {
     }
 
     loadSiteInfo() {
-        HttpUtils.get("/admin/public/site-info").then(data => {
-            GlobalData.setSiteInfo(data);
+        HttpClient.get("/admin/public/site-info", null, {toastError: false}).then(data => {
+            GlobalData.setSiteInfo(data.data);
             this.setState({siteInfoLoaded: true});
         }).catch(() => {
             console.error('[Layout] 加载站点信息失败');
@@ -85,12 +83,12 @@ export class Layouts extends React.Component<LayoutsProps> {
     }
 
     loadLoginInfo() {
-        HttpUtils.get('/admin/public/login-info').then(data => {
-            GlobalData.setDictInfo(data.dictInfo);
-            GlobalData.setLoginInfo(data.loginInfo);
-            GlobalData.setSiteArticles(data.siteArticles);
+        HttpClient.get('/admin/public/login-info', null, {toastError: false}).then(data => {
+            GlobalData.setDictInfo(data.data.dictInfo);
+            GlobalData.setLoginInfo(data.data.loginInfo);
+            GlobalData.setSiteArticles(data.data.siteArticles);
 
-            if (data.needUpdatePwd) {
+            if (data.data.needUpdatePwd) {
                 this.setState({loginChecked: true});
                 history.push('/standalone/forceUpdatePwd');
                 return;
@@ -116,7 +114,7 @@ export class Layouts extends React.Component<LayoutsProps> {
         this.loadData();
     }
 
-    componentDidUpdate(prevProps: {}, prevState: typeof this.state) {
+    componentDidUpdate(prevProps: LayoutsProps, prevState: typeof this.state) {
         if (this.state.location !== prevState.location) {
             this.loadData();
         }
@@ -144,18 +142,26 @@ export class Layouts extends React.Component<LayoutsProps> {
         return (
             <ErrorBoundary minimal>
                 <ConfigProvider {...baseConfigProps} theme={getThemeConfig()}>
-                    {showPageFrame ? <PageFrame url={pathname + search}/> : ready ? <AdminLayout headerExtra={this.props.headerExtra} showOrgSwitcher={this.props.showOrgSwitcher} loginInfo={GlobalData.getLoginInfo()}/> : (
-                        <PageLoading messages={[
-                            !siteInfoLoaded && '加载站点信息...',
-                            !loginChecked && '检查登录中...',
-                        ].filter(Boolean)}/>
-                    )}
+                    {this.renderContent(showPageFrame, ready, pathname, search)}
                     {this.renderLoginExpiredModal()}
                 </ConfigProvider>
             </ErrorBoundary>
         );
     }
 
+    renderContent(showPageFrame: boolean, ready: boolean, pathname: string, search: string) {
+        if (showPageFrame) {
+            return <PageFrame url={pathname + search}/>;
+        }
+        if (ready) {
+            return <AdminLayout headerExtra={this.props.headerExtra} showOrgSwitcher={this.props.showOrgSwitcher} loginInfo={GlobalData.getLoginInfo()}/>;
+        }
+        return <PageLoading messages={[
+            !this.state.siteInfoLoaded && '加载站点信息...',
+            !this.state.loginChecked && '检查登录中...',
+        ].filter(Boolean)}/>;
+    }
+
     renderLoginExpiredModal() {
         return (
             <Modal open={this.state.loginExpiredVisible} title="确认操作" okText="确定"

package/src/pages/404.jsx

@@ -2,7 +2,7 @@ import React from "react";
 import {Result} from "antd";
 import {Page} from "../framework";
 
-export default class extends React.Component {
+export default class NotFound extends React.Component {
 
     render() {
         return <Page>

package/src/pages/article/$code.jsx

@@ -1,8 +1,8 @@
 import React from "react";
-import {HttpUtils, Page, UrlUtils} from "../../framework";
+import {HttpClient, Page, UrlUtils} from "../../framework";
 import "./article.less";
 
-export default class extends React.Component {
+export default class ArticlePage extends React.Component {
 
     state = {
         article: null,
@@ -12,8 +12,8 @@ export default class extends React.Component {
     componentDidMount() {
         const code = this.props.params?.code
         if (code) {
-            HttpUtils.get('admin/article/getByCode', {code}).then(rs => {
-                this.setState({article: rs, loading: false})
+            HttpClient.get('admin/article/getByCode', {code}, {toastError: false}).then(rs => {
+                this.setState({article: rs.data, loading: false})
             }).catch(() => {
                 this.setState({loading: false})
             })

package/src/pages/index.jsx

@@ -2,7 +2,7 @@ import React from "react";
 import {Card} from "antd";
 import {Page} from "../framework";
 
-export default class extends React.Component {
+export default class HomePage extends React.Component {
     render() {
         return <Page title="首页" description="欢迎使用本系统">
             <Card>欢迎使用本系统</Card>

package/src/pages/public/login.jsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import {Button, Form, Input, message} from 'antd';
 import {LockOutlined, UserOutlined, WarningOutlined} from '@ant-design/icons';
-import {EventBus, HttpUtils, GlobalData, history} from "../../framework";
+import {EventBus, HttpClient, GlobalData, history} from "../../framework";
 
 import "./login.less"
 
@@ -13,54 +13,61 @@ function getRedirect(query) {
     return redirect;
 }
 
-function postLogin(values, query) {
-    return new Promise((resolve, reject) => {
-        HttpUtils.post('/admin/auth/login', values).then(rs => {
-            EventBus.emit('loginSuccess')
-            history.push(getRedirect(query))
-            resolve(rs)
-        }).catch(e => {
-            console.error('[Login] 登录失败:', e);
-            reject(e)
-        })
+function postLogin(values, query, success, error) {
+    HttpClient.post('/admin/auth/login', values, null, {toastError: false}).then(rs => {
+        EventBus.emit('loginSuccess')
+        history.push(getRedirect(query))
+        success?.(rs)
+    }).catch(e => {
+        console.error('[Login] 登录失败:', e);
+        message.error(HttpClient.errToMsg(e))
+        error?.(e)
     })
 }
 
 function encodePassword(pwd) {
     const chars = [];
     for (let i = 0; i < pwd.length; i++)
-        chars.push(pwd.charCodeAt(i) + i + 2);
-    return btoa(String.fromCharCode(...chars));
+        chars.push(pwd.codePointAt(i) + i + 2);
+    return btoa(String.fromCodePoint(...chars));
 }
 
-export default class extends React.Component {
+export default class LoginPage extends React.Component {
 
     state = {
         logging: false,
         siteInfo: {}
     }
 
-    async componentDidMount() {
+    componentDidMount() {
         const siteInfo = GlobalData.getSiteInfo()
-        if (siteInfo && siteInfo.title) {
+        if (siteInfo?.title) {
             this.setState({siteInfo})
             return
         }
         // localStorage 中无站点信息，从服务端重新加载
-        try {
-            const rs = await HttpUtils.get('/admin/public/site-info', null, { showError: false })
-            GlobalData.setSiteInfo(rs)
-            this.setState({siteInfo: rs})
-        } catch (e) {
-            console.error('[Login] 加载站点信息失败:', e);
+        HttpClient.get('/admin/public/site-info', null, {toastError: false}).then(rs => {
+            GlobalData.setSiteInfo(rs.data)
+            this.setState({siteInfo: rs.data})
+        }).catch(() => {
+            console.error('[Login] 加载站点信息失败');
             message.error('加载站点信息失败，请刷新页面重试')
-        }
+        })
     }
 
     submit = values => {
         this.setState({logging: true})
-        values.password = encodePassword(values.password)
-        postLogin(values, this.props.location?.query).finally(() => {
+        try {
+            values.password = encodePassword(values.password)
+        } catch (e) {
+            console.error('[Login] 密码编码失败:', e);
+            this.setState({logging: false})
+            message.error('密码含不支持字符，请联系管理员重置')
+            return
+        }
+        postLogin(values, this.props.location?.query, () => {
+            this.setState({logging: false})
+        }, () => {
             this.setState({logging: false})
         })
     }
@@ -76,14 +83,14 @@ export default class extends React.Component {
             <section className='login-page' style={pageStyle}>
                 <div className="login-content">
                     <h1>{siteInfo.title}</h1>
-                    {this.getForm(siteInfo)}
+                    {this.getForm()}
                     {this.renderFormBottom()}
                 </div>
             </section>
         );
     }
 
-    getForm = siteInfo => {
+    getForm = () => {
         const form = (
             <Form
                 name="normal_login"

package/src/pages/public/test.jsx

@@ -2,7 +2,7 @@ import React from "react";
 import {Page} from "../../framework";
 import {Button, message, Modal, Space} from "antd";
 
-export default class extends React.Component {
+export default class TestPage extends React.Component {
 
     state = {
         modalOpen:false

package/src/pages/standalone/forceUpdatePwd.jsx

@@ -1,19 +1,20 @@
 import React from "react";
 import {Button, Form, Input, message} from "antd";
-import {HttpUtils, history} from "../../framework";
+import {HttpClient, history} from "../../framework";
 
-export default class extends React.Component {
+export default class ForceUpdatePwdPage extends React.Component {
 
     onFinish = (values) => {
-        HttpUtils.post('admin/userCenter/update-pwd', values).then(() => {
+        HttpClient.post('admin/userCenter/update-pwd', values, null).then(() => {
             message.success('修改密码成功，请重新登录');
             history.push('/public/login');
         })
     }
 
-    validator = (rule, value) => {
-        return HttpUtils.get("admin/sysUser/pwd-strength", {password: value}, {showError: false})
-    }
+    validator = (rule, value) => HttpClient.get("admin/sysUser/pwd-strength", {password: value}, {toastError: false})
+        .catch(e => {
+            throw new Error(e.message)
+        })
 
     render() {
         return (
@@ -42,10 +43,11 @@ export default class extends React.Component {
                                    extra={'请输入字母、数字、特殊字符'}
                                    rules={[
                                        {required: true, message: '请输入新密码'},
+                                       {pattern: /^[\x20-\x7E]{1,64}$/, message: '密码仅支持英文、数字与常见符号，长度不超过64位'},
                                        {validator: this.validator}
                                    ]}
                         >
-                            <Input.Password/>
+                            <Input.Password maxLength={64}/>
                         </Form.Item>
                         <Form.Item style={{marginTop: 40}}>
                             <Button type="primary" htmlType="submit" block size='large'>

package/src/pages/system/article/index.jsx

@@ -8,7 +8,7 @@ import {
     FieldEditor,
     FieldUploadImage,
     FormModal,
-    HttpUtils,
+    HttpClient,
     Page,
     PageUtils,
     PermActions,
@@ -16,7 +16,7 @@ import {
     ViewImage
 } from "../../../framework";
 
-export default class extends React.Component {
+export default class ArticleListPage extends React.Component {
 
     state = {
         editing: false,
@@ -42,12 +42,12 @@ export default class extends React.Component {
     onFinish = async values => {
         const isNew = !values.id;
         const url = isNew ? 'admin/article/create' : 'admin/article/update';
-        await HttpUtils.post(url, values)
+        await HttpClient.post(url, values)
         this.tableRef.current.reload()
     }
 
     handleDelete = record => {
-        HttpUtils.post('admin/article/delete', {id: record.id}).then(rs => {
+        HttpClient.post('admin/article/delete', {id: record.id}, null).then(() => {
             this.tableRef.current.reload()
         })
     }
@@ -84,7 +84,8 @@ export default class extends React.Component {
             title: '启用',
             dataIndex: 'enabled',
             render(v) {
-                return v == null ? null : (v ? '是' : '否')
+                if (v == null) return null;
+                return v ? '是' : '否';
             },
         },
         {
@@ -111,14 +112,14 @@ export default class extends React.Component {
         >
             <ProTable
                 actionRef={this.tableRef}
-                toolBarRender={() => (
+                toolBarRender={() => ( // NOSONAR: AntD 渲染函数惯例
                     <PermActions>
                         <Button perm='article:create' type='primary' icon={<PlusOutlined/>} onClick={this.handleAdd}>新增</Button>
                     </PermActions>
                 )}
-                request={(params) => HttpUtils.get('admin/article/page', params)}
+                request={(params) => HttpClient.get('admin/article/page', params)}
                 columns={this.columns}
-                searchFormRender={() => (
+                searchFormRender={() => ( // NOSONAR: AntD 渲染函数惯例
                     <>
                         <Form.Item label='编码' name='code'>
                             <Input/>

package/src/pages/system/dict/index.jsx

@@ -5,7 +5,7 @@ import {
     PermActions,
     FieldBoolean,
     FormModal,
-    HttpUtils,
+    HttpClient,
     Page,
     ProTable,
     ViewSwitch,
@@ -23,7 +23,7 @@ const COLOR_OPTIONS = [
     {value: 'GRAY', label: '灰色'},
 ]
 
-export default class extends React.Component {
+export default class DictPage extends React.Component {
 
     state = {
         typeTree: [],
@@ -42,9 +42,10 @@ export default class extends React.Component {
 
     loadTree = () => {
         this.setState({treeLoading: true})
-        HttpUtils.get('admin/dict/type-tree').then(rs => {
-            this.setState({typeTree: rs})
-        }).finally(() => {
+        HttpClient.get('admin/dict/type-tree', null, {toastError: false}).then(rs => {
+            this.setState({typeTree: rs.data})
+            this.setState({treeLoading: false})
+        }).catch(() => {
             this.setState({treeLoading: false})
         })
     }
@@ -62,7 +63,7 @@ export default class extends React.Component {
     handleTypeDelete = () => {
         const {selectedType} = this.state
         if (!selectedType) return
-        HttpUtils.post('admin/dict/type-delete', {id: selectedType.id}).then(() => {
+        HttpClient.post('admin/dict/type-delete', {id: selectedType.id}, null).then(() => {
             this.setState({selectedType: null, selectedTypeCode: null})
             this.loadTree()
         })
@@ -71,7 +72,7 @@ export default class extends React.Component {
     handleTypeFormFinish = async values => {
         const isNew = !values.id
         const url = isNew ? 'admin/dict/type-create' : 'admin/dict/type-update'
-        await HttpUtils.post(url, values)
+        await HttpClient.post(url, values)
         this.loadTree()
     }
 
@@ -98,11 +99,13 @@ export default class extends React.Component {
             this.setState({selectedType: null, selectedTypeCode: null})
             return
         }
-        const node = this.findNode(this.state.typeTree, selectedKeys[0])
-        this.setState({
-            selectedType: node,
-            selectedTypeCode: node?.typeCode || null
-        },()=>this.tableRef.current.reload())
+        this.setState((prevState) => {
+            const node = this.findNode(prevState.typeTree, selectedKeys[0])
+            return {
+                selectedType: node,
+                selectedTypeCode: node?.typeCode || null
+            }
+        }, () => this.tableRef.current.reload())
     }
 
     handleItemAdd = () => {
@@ -114,7 +117,7 @@ export default class extends React.Component {
     }
 
     handleItemDelete = row => {
-        HttpUtils.post('admin/dict/delete', row).then(rs => {
+        HttpClient.post('admin/dict/delete', row, null).then(() => {
             this.tableRef.current.reload()
         })
     }
@@ -122,7 +125,7 @@ export default class extends React.Component {
     onItemFormFinish = async values => {
         const isNew = !values.id
         const url = isNew ? 'admin/dict/create' : 'admin/dict/update'
-        await HttpUtils.post(url, values)
+        await HttpClient.post(url, values)
         this.tableRef.current.reload()
     }
 
@@ -220,7 +223,7 @@ export default class extends React.Component {
                                 actionRef={this.tableRef}
                                 request={(params) => {
                                     params.typeCode = selectedTypeCode
-                                    return HttpUtils.get('admin/dict/page', params)
+                                    return HttpClient.get('admin/dict/page', params)
                                 }}
                                 columns={this.columns}
                             />
@@ -266,7 +269,7 @@ export default class extends React.Component {
                         allowClear
                         maxLength={20}
                         options={COLOR_OPTIONS}
-                        filterOption={(input, option) =>
+                        filterOption={(input, option) => // NOSONAR: AntD AutoComplete 过滤回调惯例
                             (option.value + option.label).toLowerCase().includes(input.toLowerCase())
                         }
                         placeholder='如 SUCCESS、#ff0000'

package/src/pages/system/file/index.jsx

@@ -2,9 +2,9 @@ import React from 'react'
 import {Button, Form, Input, Modal, Space} from 'antd'
 import {CloudUploadOutlined} from "@ant-design/icons";
 
-import {PermActions, DictUtils, FieldDateRange, FieldDictSelect, FieldUploadFile, HttpUtils, Page, ProTable, UrlUtils, ViewImage} from "../../../framework";
+import {PermActions, DictUtils, FieldDateRange, FieldDictSelect, FieldUploadFile, HttpClient, Page, ProTable, UrlUtils, ViewImage} from "../../../framework";
 
-export default class extends React.Component {
+export default class FilePage extends React.Component {
 
     state = {
         formOpen: false,
@@ -15,13 +15,13 @@ export default class extends React.Component {
     formRef = React.createRef()
 
     handleDelete = row => {
-        HttpUtils.post('admin/sysFile/delete', {value: row.objectName}).then(rs => {
+        HttpClient.post('admin/sysFile/delete', {value: row.objectName}, null).then(() => {
             this.tableRef.current.reload()
         })
     }
 
     handleBatchDelete = ids => {
-        HttpUtils.post('admin/sysFile/deleteBatch', ids).then(rs => {
+        HttpClient.post('admin/sysFile/deleteBatch', ids, null).then(() => {
             this.tableRef.current.reload()
             this.tableRef.current.clearSelection()
         })
@@ -32,7 +32,7 @@ export default class extends React.Component {
             title: '缩略图',
             dataIndex: 'objectName',
             width: 80,
-            render: (objectName, record) => {
+            render: (objectName, record) => { // NOSONAR: 返回元素或占位文本，类型不同属预期
                 if (record.type !== 'image') {
                     return '-'
                 }
@@ -151,12 +151,12 @@ export default class extends React.Component {
             <ProTable
                 actionRef={this.tableRef}
                 rowSelection={{}}
-                toolBarRender={(params, selection) => (
+                toolBarRender={(params, selection) => ( // NOSONAR: AntD 渲染函数惯例
                     <Space>
                         <Button type='primary' icon={<CloudUploadOutlined/>} onClick={() => this.setState({formOpen: true})}>上传文件</Button>
                         <PermActions
                             actions={[{
-                                label: `批量删除${selection.selectedRowKeys.length ? `(${selection.selectedRowKeys.length})` : ''}`,
+                                label: '批量删除' + (selection.selectedRowKeys.length ? `(${selection.selectedRowKeys.length})` : ''),
                                 perm: 'sys-file:delete',
                                 danger: true,
                                 disabled: !selection.selectedRowKeys.length,
@@ -167,11 +167,11 @@ export default class extends React.Component {
                     </Space>
                 )}
                 request={(params) => {
-                    return HttpUtils.get('admin/sysFile/page', params);
+                    return HttpClient.get('admin/sysFile/page', params);
                 }}
 
                 columns={this.columns}
-                searchFormRender={() => (
+                searchFormRender={() => ( // NOSONAR: AntD 渲染函数惯例
                     <>
                         <Form.Item label='文件名' name='originName'>
                             <Input/>