页面三
13 |全局初始数据
9 |
10 |
12 |
13 |
15 |
16 |
18 |
19 | };
--------------------------------------------------------------------------------
/.github/workflows/preview-start.yml:
--------------------------------------------------------------------------------
1 | name: Preview Start
2 |
3 | on: pull_request_target
4 |
5 | jobs:
6 | preview:
7 | runs-on: ubuntu-latest
8 | steps:
9 | - name: create
10 | uses: actions-cool/maintain-one-comment@v1.2.1
11 | with:
12 | token: ${{ secrets.GITHUB_TOKEN }}
13 | body: |
14 | ⚡️ Deploying PR Preview...
15 | 
16 |
17 |
18 | body-include: ''
19 |
--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
2 |
3 | # dependencies
4 | **/node_modules
5 | # roadhog-api-doc ignore
6 | /src/utils/request-temp.js
7 | _roadhog-api-doc
8 |
9 | # production
10 | /dist
11 | /.vscode
12 |
13 | # misc
14 | .DS_Store
15 | npm-debug.log*
16 | yarn-error.log
17 |
18 | /coverage
19 | .idea
20 | yarn.lock
21 | package-lock.json
22 | *bak
23 | .vscode
24 |
25 | # visual studio code
26 | .history
27 | *.log
28 | functions/*
29 | .temp/**
30 |
31 | # umi
32 | .umi
33 | .umi-production
34 |
35 | # screenshot
36 | screenshot
37 | .firebase
38 | .eslintcache
39 |
40 | build
41 |
--------------------------------------------------------------------------------
/src/pages/dataManage/useModel/index.tsx:
--------------------------------------------------------------------------------
1 | // import React from 'react'
2 | import Page1 from './componenets/page1'
3 | import Page2 from './componenets/page2'
4 | import Page3 from './componenets/page3'
5 |
6 | export default () => {
7 |
8 | return <>
9 | useModel数据管理
10 |
11 |
13 |
14 |
16 |
17 |
19 |
20 | };
--------------------------------------------------------------------------------
/src/pages/project/index.tsx:
--------------------------------------------------------------------------------
1 | import React, { useState } from 'react'
2 | import Project2 from './components/seconed'
3 | import { connect } from 'dva'
4 |
5 | const Project: React.Fc = (props) => {
6 | const [name, setName] = useState('小李')
7 | console.log(props.update)
8 |
9 | return
10 | 项目顶层组件
11 | {
18 | setName(name)
19 | console.log(999)
20 | }}>
21 |
22 | }
23 |
24 | export default connect(({ project }) => ({
25 | update: project.update,
26 | }))(Project)
--------------------------------------------------------------------------------
/config/defaultSettings.ts:
--------------------------------------------------------------------------------
1 | import { Settings as LayoutSettings } from '@ant-design/pro-layout';
2 |
3 | const Settings: LayoutSettings & {
4 | pwa?: boolean;
5 | logo?: string;
6 | } = {
7 | menu: {
8 | locale: false, //关闭国际化
9 | },
10 | navTheme: 'light',
11 | // 拂晓蓝
12 | // primaryColor: '#1890ff',
13 | primaryColor: '#f26',
14 | layout: 'mix',
15 | contentWidth: 'Fluid',
16 | fixedHeader: false,
17 | fixSiderbar: true,
18 | colorWeak: false,
19 | title: 'Ant Design Pro',
20 | pwa: false,
21 | logo: 'https://gw.alipayobjects.com/zos/rmsportal/KDpgvguMpGfqaHPjicRK.svg',
22 | iconfontUrl: '',
23 | };
24 |
25 | export default Settings;
26 |
--------------------------------------------------------------------------------
/src/pages/dataManage/project/components/seconed.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import Project3 from './three'
3 | import { Descriptions } from 'antd'
4 | import { connect } from 'dva'
5 |
6 | const Project2: React.Fc = (props:any) => {
7 | const { useInfo } = props
8 |
9 | return
12 | 姓名: {name}
13 |
14 |
15 | dva姓名: {props.update}
16 |
17 |
10 |
11 | {useInfo.userName}
12 | {useInfo.age}
13 |
14 |
16 | }
17 |
18 | export default connect(({ user }) => ({
19 | useInfo: user.useInfo,
20 | }))(Project2)
--------------------------------------------------------------------------------
/src/pages/dataManage/project/components/three.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import Project4 from './four'
3 | import { Descriptions } from 'antd'
4 | import { connect } from 'dva'
5 |
6 | const Project3: React.Fc = (props:any) => {
7 | const { useInfo } = props
8 |
9 | return
10 |
11 |
12 | {useInfo.userName}
13 | {useInfo.age}
14 |
15 |
17 | }
18 |
19 | export default connect(({ user }) => ({
20 | useInfo: user.useInfo,
21 | }))(Project3)
--------------------------------------------------------------------------------
/public/pro_icon.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/docker/nginx.conf:
--------------------------------------------------------------------------------
1 | server {
2 | listen 80;
3 | # gzip config
4 | gzip on;
5 | gzip_min_length 1k;
6 | gzip_comp_level 9;
7 | gzip_types text/plain text/css text/javascript application/json application/javascript application/x-javascript application/xml;
8 | gzip_vary on;
9 | gzip_disable "MSIE [1-6]\.";
10 |
11 | root /usr/share/nginx/html;
12 | include /etc/nginx/mime.types;
13 | location / {
14 | try_files $uri $uri/ /index.html;
15 | }
16 | location /api {
17 | proxy_pass https://proapi.azurewebsites.net;
18 | proxy_set_header X-Forwarded-Proto $scheme;
19 | proxy_set_header X-Real-IP $remote_addr;
20 | }
21 | }
22 |
--------------------------------------------------------------------------------
/.github/FUNDING.yml:
--------------------------------------------------------------------------------
1 | # These are supported funding model platforms
2 |
3 | github: # Replace with up to 4 GitHub Sponsors-enabled usernames e.g., [user1, user2]
4 | patreon: # Replace with a single Patreon username
5 | open_collective: ant-design
6 | ko_fi: # Replace with a single Ko-fi username
7 | tidelift: # Replace with a single Tidelift platform-name/package-name e.g., npm/babel
8 | community_bridge: # Replace with a single Community Bridge project-name e.g., cloud-foundry
9 | liberapay: # Replace with a single Liberapay username
10 | issuehunt: # Replace with a single IssueHunt username
11 | otechie: # Replace with a single Otechie username
12 | custom: # Replace with up to 4 custom sponsorship URLs e.g., ['link1', 'link2']
13 |
--------------------------------------------------------------------------------
/src/pages/dataManage/project/index.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import Project2 from './components/seconed'
3 | import { connect } from 'dva'
4 | import { Descriptions } from 'antd'
5 |
6 | const Project: React.Fc = (props) => {
7 | const { useInfo } = props
8 |
9 | return
10 |
19 | }
20 |
21 | export default connect(({ user }) => ({
22 | useInfo: user.useInfo,
23 | }))(Project)
--------------------------------------------------------------------------------
/src/locales/pt-BR.ts:
--------------------------------------------------------------------------------
1 | import component from './pt-BR/component';
2 | import globalHeader from './pt-BR/globalHeader';
3 | import menu from './pt-BR/menu';
4 | import pwa from './pt-BR/pwa';
5 | import settingDrawer from './pt-BR/settingDrawer';
6 | import settings from './pt-BR/settings';
7 | import pages from './pt-BR/pages';
8 |
9 | export default {
10 | 'navBar.lang': 'Idiomas',
11 | 'layout.user.link.help': 'ajuda',
12 | 'layout.user.link.privacy': 'política de privacidade',
13 | 'layout.user.link.terms': 'termos de serviços',
14 | 'app.preview.down.block': 'Download this page to your local project',
15 | ...globalHeader,
16 | ...menu,
17 | ...settingDrawer,
18 | ...settings,
19 | ...pwa,
20 | ...component,
21 | ...pages,
22 | };
23 |
--------------------------------------------------------------------------------
/src/pages/project/components/four.tsx:
--------------------------------------------------------------------------------
1 | import { Button } from 'antd'
2 | import React, { useState } from 'react'
3 | import { connect } from 'dva'
4 |
5 | const Project4: React.Fc = (props: {onSuccess: (name: string) => void, dispatch: any}) => {
6 | const [name, setName] = useState('')
7 |
8 | const clickName = () => {
9 | setName(`小明${Math.floor(Math.random()*10)}`)
10 | props.onSuccess(name)
11 | props.dispatch({
12 | type: 'project/changeState',
13 | payload: name,
14 | })
15 | }
16 |
17 | return
11 |
13 | {useInfo.userName}
14 | {useInfo.age}
15 |
16 |
17 | 嵌套组件
12 |
18 | 项目第四层组件
19 |
22 | }
23 |
24 | export default connect(({ project }) => ({
25 | project,
26 | }))(Project4)
--------------------------------------------------------------------------------
/src/components/HeaderDropdown/index.tsx:
--------------------------------------------------------------------------------
1 | import type { DropDownProps } from 'antd/es/dropdown';
2 | import { Dropdown } from 'antd';
3 | import React from 'react';
4 | import classNames from 'classnames';
5 | import styles from './index.less';
6 |
7 | export type HeaderDropdownProps = {
8 | overlayClassName?: string;
9 | overlay: React.ReactNode | (() => React.ReactNode) | any;
10 | placement?: 'bottomLeft' | 'bottomRight' | 'topLeft' | 'topCenter' | 'topRight' | 'bottomCenter';
11 | } & Omit姓名: {name}
20 |
21 |
7 |
8 |
10 | Zhou Maomao
11 | 1810000000
12 | Hangzhou, Zhejiang
13 | empty
14 |
15 | No. 18, Wantang Road, Xihu District, Hangzhou, Zhejiang, China
16 |
17 |
18 |
19 |
20 | )
21 | }
22 |
23 | export default Detail
--------------------------------------------------------------------------------
/src/pages/dataManage/initialstate/componenets/page3.tsx:
--------------------------------------------------------------------------------
1 | import { useModel } from 'umi';
2 | import { Descriptions } from 'antd'
3 |
4 | export default () => {
5 | const { initialState, loading, error, refresh, setInitialState } = useModel('@@initialState');
6 |
7 | const { currentUser } = initialState
8 |
9 | return <>
10 | 这是子应用详情页2
9 |页面三
11 |页面二
11 |页面二
15 |修改数据
21 | 24 | 27 | 28 | }; -------------------------------------------------------------------------------- /src/locales/en-US.ts: -------------------------------------------------------------------------------- 1 | import component from './en-US/component'; 2 | import globalHeader from './en-US/globalHeader'; 3 | import menu from './en-US/menu'; 4 | import pages from './en-US/pages'; 5 | import pwa from './en-US/pwa'; 6 | import settingDrawer from './en-US/settingDrawer'; 7 | import settings from './en-US/settings'; 8 | 9 | export default { 10 | 'navBar.lang': 'Languages', 11 | 'layout.user.link.help': 'Help', 12 | 'layout.user.link.privacy': 'Privacy', 13 | 'layout.user.link.terms': 'Terms', 14 | 'app.copyright.produced': 'Produced by Ant Financial Experience Department', 15 | 'app.preview.down.block': 'Download this page to your local project', 16 | 'app.welcome.link.fetch-blocks': 'Get all block', 17 | 'app.welcome.link.block-list': 'Quickly build standard, pages based on `block` development', 18 | ...globalHeader, 19 | ...menu, 20 | ...settingDrawer, 21 | ...settings, 22 | ...pwa, 23 | ...component, 24 | ...pages, 25 | }; 26 | -------------------------------------------------------------------------------- /src/locales/fa-IR/globalHeader.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | 'component.globalHeader.search': 'جستجو ', 3 | 'component.globalHeader.search.example1': 'مثال 1 را جستجو کنید', 4 | 'component.globalHeader.search.example2': 'مثال 2 را جستجو کنید', 5 | 'component.globalHeader.search.example3': 'مثال 3 را جستجو کنید', 6 | 'component.globalHeader.help': 'کمک', 7 | 'component.globalHeader.notification': 'اعلان', 8 | 'component.globalHeader.notification.empty': 'شما همه اعلان ها را مشاهده کرده اید.', 9 | 'component.globalHeader.message': 'پیام', 10 | 'component.globalHeader.message.empty': 'شما همه پیام ها را مشاهده کرده اید.', 11 | 'component.globalHeader.event': 'رویداد', 12 | 'component.globalHeader.event.empty': 'شما همه رویدادها را مشاهده کرده اید.', 13 | 'component.noticeIcon.clear': 'پاک کردن', 14 | 'component.noticeIcon.cleared': 'پاک شد', 15 | 'component.noticeIcon.empty': 'بدون اعلان', 16 | 'component.noticeIcon.view-more': 'نمایش بیشتر', 17 | }; 18 | -------------------------------------------------------------------------------- /src/pages/dataManage/useModel/componenets/page1.tsx: -------------------------------------------------------------------------------- 1 | // import React from 'react'; 2 | import { useModel } from 'umi'; 3 | import { Descriptions, Button } from 'antd'; 4 | 5 | export default () => { 6 | const { count, addCount, substractCount } = useModel('product', model => ( 7 | { 8 | count: model.count, 9 | addCount: model.addCount, 10 | substractCount: model.substractCount, 11 | } 12 | )) 13 | 14 | return <> 15 |页面一
16 |修改数据
22 | 25 | 28 | 29 | }; -------------------------------------------------------------------------------- /src/locales/id-ID/globalHeader.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | 'component.globalHeader.search': 'Pencarian', 3 | 'component.globalHeader.search.example1': 'Contoh 1 Pencarian', 4 | 'component.globalHeader.search.example2': 'Contoh 2 Pencarian', 5 | 'component.globalHeader.search.example3': 'Contoh 3 Pencarian', 6 | 'component.globalHeader.help': 'Bantuan', 7 | 'component.globalHeader.notification': 'Notifikasi', 8 | 'component.globalHeader.notification.empty': 'Anda telah membaca semua notifikasi', 9 | 'component.globalHeader.message': 'Pesan', 10 | 'component.globalHeader.message.empty': 'Anda telah membaca semua pesan.', 11 | 'component.globalHeader.event': 'Acara', 12 | 'component.globalHeader.event.empty': 'Anda telah melihat semua acara.', 13 | 'component.noticeIcon.clear': 'Kosongkan', 14 | 'component.noticeIcon.cleared': 'Berhasil dikosongkan', 15 | 'component.noticeIcon.empty': 'Tidak ada pemberitahuan', 16 | 'component.noticeIcon.view-more': 'Melihat lebih', 17 | }; 18 | -------------------------------------------------------------------------------- /.github/workflows/preview-build.yml: -------------------------------------------------------------------------------- 1 | name: Preview Build 2 | 3 | on: 4 | pull_request: 5 | types: [opened, synchronize, reopened] 6 | 7 | jobs: 8 | build-preview: 9 | runs-on: ubuntu-latest 10 | 11 | steps: 12 | - uses: actions/checkout@v2 13 | with: 14 | ref: ${{ github.event.pull_request.head.sha }} 15 | 16 | - name: build 17 | run: | 18 | yarn 19 | yarn add umi-plugin-pro --save 20 | yarn build 21 | 22 | - name: upload dist artifact 23 | uses: actions/upload-artifact@v2 24 | with: 25 | name: dist 26 | path: dist/ 27 | retention-days: 5 28 | 29 | - name: Save PR number 30 | if: ${{ always() }} 31 | run: echo ${{ github.event.number }} > ./pr-id.txt 32 | 33 | - name: Upload PR number 34 | if: ${{ always() }} 35 | uses: actions/upload-artifact@v2 36 | with: 37 | name: pr 38 | path: ./pr-id.txt 39 | -------------------------------------------------------------------------------- /src/locales/pt-BR/globalHeader.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | 'component.globalHeader.search': 'Busca', 3 | 'component.globalHeader.search.example1': 'Exemplo de busca 1', 4 | 'component.globalHeader.search.example2': 'Exemplo de busca 2', 5 | 'component.globalHeader.search.example3': 'Exemplo de busca 3', 6 | 'component.globalHeader.help': 'Ajuda', 7 | 'component.globalHeader.notification': 'Notificação', 8 | 'component.globalHeader.notification.empty': 'Você visualizou todas as notificações.', 9 | 'component.globalHeader.message': 'Mensagem', 10 | 'component.globalHeader.message.empty': 'Você visualizou todas as mensagens.', 11 | 'component.globalHeader.event': 'Evento', 12 | 'component.globalHeader.event.empty': 'Você visualizou todos os eventos.', 13 | 'component.noticeIcon.clear': 'Limpar', 14 | 'component.noticeIcon.cleared': 'Limpo', 15 | 'component.noticeIcon.empty': 'Sem notificações', 16 | 'component.noticeIcon.loaded': 'Carregado', 17 | 'component.noticeIcon.view-more': 'Veja mais', 18 | }; 19 | -------------------------------------------------------------------------------- /src/components/Footer/index.tsx: -------------------------------------------------------------------------------- 1 | import { useIntl } from 'umi'; 2 | import { GithubOutlined } from '@ant-design/icons'; 3 | import { DefaultFooter } from '@ant-design/pro-layout'; 4 | 5 | export default () => { 6 | const intl = useIntl(); 7 | const defaultMessage = intl.formatMessage({ 8 | id: 'app.copyright.produced', 9 | defaultMessage: '蚂蚁集团体验技术部出品', 10 | }); 11 | 12 | return ( 13 |
9 |
10 |
12 | Zhou Maomao
13 | 1810000000
14 | Hangzhou, Zhejiang
15 | empty
16 |
17 | No. 18, Wantang Road, Xihu District, Hangzhou, Zhejiang, China
18 |
19 |
20 |
23 |
27 |
28 | )
29 | }
30 |
31 | export default Detail
--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
1 | MIT License
2 |
3 | Copyright (c) 2019 Alipay.inc
4 |
5 | Permission is hereby granted, free of charge, to any person obtaining a copy
6 | of this software and associated documentation files (the "Software"), to deal
7 | in the Software without restriction, including without limitation the rights
8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 |
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 |
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 |
--------------------------------------------------------------------------------
/src/services/swagger/typings.d.ts:
--------------------------------------------------------------------------------
1 | // @ts-ignore
2 | /* eslint-disable */
3 |
4 | declare namespace API {
5 | type Order = {
6 | id?: number;
7 | petId?: number;
8 | quantity?: number;
9 | shipDate?: string;
10 | /** Order Status */
11 | status?: 'placed' | 'approved' | 'delivered';
12 | complete?: boolean;
13 | };
14 |
15 | type Category = {
16 | id?: number;
17 | name?: string;
18 | };
19 |
20 | type User = {
21 | id?: number;
22 | username?: string;
23 | firstName?: string;
24 | lastName?: string;
25 | email?: string;
26 | password?: string;
27 | phone?: string;
28 | /** User Status */
29 | userStatus?: number;
30 | };
31 |
32 | type Tag = {
33 | id?: number;
34 | name?: string;
35 | };
36 |
37 | type Pet = {
38 | id?: number;
39 | category?: Category;
40 | name: string;
41 | photoUrls: string[];
42 | tags?: Tag[];
43 | /** pet status in the store */
44 | status?: 'available' | 'pending' | 'sold';
45 | };
46 |
47 | type ApiResponse = {
48 | code?: number;
49 | type?: string;
50 | message?: string;
51 | };
52 | }
53 |
--------------------------------------------------------------------------------
/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "compilerOptions": {
3 | "outDir": "build/dist",
4 | "module": "esnext",
5 | "target": "esnext",
6 | "lib": ["esnext", "dom"],
7 | "sourceMap": true,
8 | "baseUrl": ".",
9 | "jsx": "react-jsx",
10 | "resolveJsonModule": true,
11 | "allowSyntheticDefaultImports": true,
12 | "moduleResolution": "node",
13 | "forceConsistentCasingInFileNames": true,
14 | "noImplicitReturns": true,
15 | "suppressImplicitAnyIndexErrors": true,
16 | "noUnusedLocals": true,
17 | "allowJs": true,
18 | "skipLibCheck": true,
19 | "experimentalDecorators": true,
20 | "strict": true,
21 | "paths": {
22 | "@/*": ["./src/*"],
23 | "@@/*": ["./src/.umi/*"]
24 | }
25 | },
26 | "include": [
27 | "mock/**/*",
28 | "src/**/*",
29 | "tests/**/*",
30 | "test/**/*",
31 | "__test__/**/*",
32 | "typings/**/*",
33 | "config/**/*",
34 | ".eslintrc.js",
35 | ".stylelintrc.js",
36 | ".prettierrc.js",
37 | "jest.config.js",
38 | "mock/*"
39 | ],
40 | "exclude": ["node_modules", "build", "dist", "scripts", "src/.umi/*", "webpack", "jest"]
41 | }
42 |
--------------------------------------------------------------------------------
/src/global.less:
--------------------------------------------------------------------------------
1 | // @import '~antd/es/style/themes/default.less';
2 | @import (reference) '~antd/es/style/themes/index';
3 | @import './custom.css';
4 |
5 | html,
6 | body,
7 | #root {
8 | height: 100%;
9 | }
10 | html {
11 | --chid-primary-color: #f26;
12 | }
13 |
14 | .colorWeak {
15 | filter: invert(80%);
16 | }
17 |
18 | .ant-layout {
19 | min-height: 100vh;
20 | }
21 | .ant-pro-sider.ant-layout-sider.ant-pro-sider-fixed {
22 | left: unset;
23 | }
24 |
25 | canvas {
26 | display: block;
27 | }
28 |
29 | body {
30 | text-rendering: optimizeLegibility;
31 | -webkit-font-smoothing: antialiased;
32 | -moz-osx-font-smoothing: grayscale;
33 | }
34 |
35 | ul,
36 | ol {
37 | list-style: none;
38 | }
39 |
40 | @media (max-width: @screen-xs) {
41 | .ant-table {
42 | width: 100%;
43 | overflow-x: auto;
44 | &-thead > tr,
45 | &-tbody > tr {
46 | > th,
47 | > td {
48 | white-space: pre;
49 | > span {
50 | display: block;
51 | }
52 | }
53 | }
54 | }
55 | }
56 |
57 | // Compatible with IE11
58 | @media screen and(-ms-high-contrast: active), (-ms-high-contrast: none) {
59 | body .ant-design-pro > .ant-layout {
60 | min-height: 100vh;
61 | }
62 | }
63 |
--------------------------------------------------------------------------------
/tests/PuppeteerEnvironment.js:
--------------------------------------------------------------------------------
1 | // eslint-disable-next-line
2 | const NodeEnvironment = require('jest-environment-node');
3 | const getBrowser = require('./getBrowser');
4 |
5 | class PuppeteerEnvironment extends NodeEnvironment {
6 | // Jest is not available here, so we have to reverse engineer
7 | // the setTimeout function, see https://github.com/facebook/jest/blob/v23.1.0/packages/jest-runtime/src/index.js#L823
8 | setTimeout(timeout) {
9 | if (this.global.jasmine) {
10 | // eslint-disable-next-line no-underscore-dangle
11 | this.global.jasmine.DEFAULT_TIMEOUT_INTERVAL = timeout;
12 | } else {
13 | this.global[Symbol.for('TEST_TIMEOUT_SYMBOL')] = timeout;
14 | }
15 | }
16 |
17 | async setup() {
18 | const browser = await getBrowser();
19 | const page = await browser.newPage();
20 | this.global.browser = browser;
21 | this.global.page = page;
22 | }
23 |
24 | async teardown() {
25 | const { page, browser } = this.global;
26 |
27 | if (page) {
28 | await page.close();
29 | }
30 |
31 | if (browser) {
32 | await browser.disconnect();
33 | }
34 |
35 | if (browser) {
36 | await browser.close();
37 | }
38 | }
39 | }
40 |
41 | module.exports = PuppeteerEnvironment;
42 |
--------------------------------------------------------------------------------
/.github/workflows/issue-open-check.yml:
--------------------------------------------------------------------------------
1 | name: Issue Open Check
2 |
3 | on:
4 | issues:
5 | types: [opened, edited]
6 |
7 | jobs:
8 | check-issue:
9 | runs-on: ubuntu-latest
10 | steps:
11 | - uses: actions-cool/issues-helper@v2.2.0
12 | id: check
13 | with:
14 | actions: 'check-issue'
15 | issue-number: ${{ github.event.issue.number }}
16 | title-excludes: '🐛[BUG], 👑 [需求], 🧐[问题]'
17 |
18 | - if: steps.check.outputs.check-result == 'false' && github.event.issue.state == 'open'
19 | uses: actions-cool/issues-helper@v2.2.0
20 | with:
21 | actions: 'create-comment, close-issue'
22 | issue-number: ${{ github.event.issue.number }}
23 | body: |
24 | 当前 Issue 未检测到标题，请规范填写，谢谢！
25 |
26 | The title of the current issue is not detected, please fill in according to the specifications, thank you!
27 |
28 | - if: steps.check.outputs.check-result == 'true'
29 | uses: actions-cool/issues-similarity-analysis@v1.1.0
30 | with:
31 | filter-threshold: 0.6
32 | title-excludes: '🐛[BUG], 👑 [需求], 🧐[问题]'
33 | comment-title: '### 以下的 Issues 可能会帮助到你 / The following issues may help you'
34 | show-footer: false
35 |
--------------------------------------------------------------------------------
/tests/getBrowser.js:
--------------------------------------------------------------------------------
1 | /* eslint-disable global-require */
2 | /* eslint-disable import/no-extraneous-dependencies */
3 | const findChrome = require('carlo/lib/find_chrome');
4 |
5 | const getBrowser = async () => {
6 | try {
7 | // eslint-disable-next-line import/no-unresolved
8 | const puppeteer = require('puppeteer');
9 | const browser = await puppeteer.launch({
10 | args: [
11 | '--disable-gpu',
12 | '--disable-dev-shm-usage',
13 | '--no-first-run',
14 | '--no-zygote',
15 | '--no-sandbox',
16 | ],
17 | });
18 | return browser;
19 | } catch (error) {
20 | // console.log(error)
21 | }
22 |
23 | try {
24 | // eslint-disable-next-line import/no-unresolved
25 | const puppeteer = require('puppeteer-core');
26 | const findChromePath = await findChrome({});
27 | const { executablePath } = findChromePath;
28 | const browser = await puppeteer.launch({
29 | executablePath,
30 | args: [
31 | '--disable-gpu',
32 | '--disable-dev-shm-usage',
33 | '--no-first-run',
34 | '--no-zygote',
35 | '--no-sandbox',
36 | ],
37 | });
38 | return browser;
39 | } catch (error) {
40 | console.log('🧲 no find chrome');
41 | }
42 | throw new Error('no find puppeteer');
43 | };
44 |
45 | module.exports = getBrowser;
46 |
--------------------------------------------------------------------------------
/src/locales/zh-CN/settingDrawer.ts:
--------------------------------------------------------------------------------
1 | export default {
2 | 'app.setting.pagestyle': '整体风格设置',
3 | 'app.setting.pagestyle.dark': '暗色菜单风格',
4 | 'app.setting.pagestyle.light': '亮色菜单风格',
5 | 'app.setting.content-width': '内容区域宽度',
6 | 'app.setting.content-width.fixed': '定宽',
7 | 'app.setting.content-width.fluid': '流式',
8 | 'app.setting.themecolor': '主题色',
9 | 'app.setting.themecolor.dust': '薄暮',
10 | 'app.setting.themecolor.volcano': '火山',
11 | 'app.setting.themecolor.sunset': '日暮',
12 | 'app.setting.themecolor.cyan': '明青',
13 | 'app.setting.themecolor.green': '极光绿',
14 | 'app.setting.themecolor.daybreak': '拂晓蓝（默认）',
15 | 'app.setting.themecolor.geekblue': '极客蓝',
16 | 'app.setting.themecolor.purple': '酱紫',
17 | 'app.setting.navigationmode': '导航模式',
18 | 'app.setting.sidemenu': '侧边菜单布局',
19 | 'app.setting.topmenu': '顶部菜单布局',
20 | 'app.setting.fixedheader': '固定 Header',
21 | 'app.setting.fixedsidebar': '固定侧边菜单',
22 | 'app.setting.fixedsidebar.hint': '侧边菜单布局时可配置',
23 | 'app.setting.hideheader': '下滑时隐藏 Header',
24 | 'app.setting.hideheader.hint': '固定 Header 时可配置',
25 | 'app.setting.othersettings': '其他设置',
26 | 'app.setting.weakmode': '色弱模式',
27 | 'app.setting.copy': '拷贝设置',
28 | 'app.setting.copyinfo': '拷贝成功，请到 config/defaultSettings.js 中替换默认配置',
29 | 'app.setting.production.hint':
30 | '配置栏只在开发环境用于预览，生产环境不会展现，请拷贝后手动修改配置文件',
31 | };
32 |
--------------------------------------------------------------------------------
/src/locales/zh-TW/settingDrawer.ts:
--------------------------------------------------------------------------------
1 | export default {
2 | 'app.setting.pagestyle': '整體風格設置',
3 | 'app.setting.pagestyle.dark': '暗色菜單風格',
4 | 'app.setting.pagestyle.light': '亮色菜單風格',
5 | 'app.setting.content-width': '內容區域寬度',
6 | 'app.setting.content-width.fixed': '定寬',
7 | 'app.setting.content-width.fluid': '流式',
8 | 'app.setting.themecolor': '主題色',
9 | 'app.setting.themecolor.dust': '薄暮',
10 | 'app.setting.themecolor.volcano': '火山',
11 | 'app.setting.themecolor.sunset': '日暮',
12 | 'app.setting.themecolor.cyan': '明青',
13 | 'app.setting.themecolor.green': '極光綠',
14 | 'app.setting.themecolor.daybreak': '拂曉藍（默認）',
15 | 'app.setting.themecolor.geekblue': '極客藍',
16 | 'app.setting.themecolor.purple': '醬紫',
17 | 'app.setting.navigationmode': '導航模式',
18 | 'app.setting.sidemenu': '側邊菜單布局',
19 | 'app.setting.topmenu': '頂部菜單布局',
20 | 'app.setting.fixedheader': '固定 Header',
21 | 'app.setting.fixedsidebar': '固定側邊菜單',
22 | 'app.setting.fixedsidebar.hint': '側邊菜單布局時可配置',
23 | 'app.setting.hideheader': '下滑時隱藏 Header',
24 | 'app.setting.hideheader.hint': '固定 Header 時可配置',
25 | 'app.setting.othersettings': '其他設置',
26 | 'app.setting.weakmode': '色弱模式',
27 | 'app.setting.copy': '拷貝設置',
28 | 'app.setting.copyinfo': '拷貝成功，請到 config/defaultSettings.js 中替換默認配置',
29 | 'app.setting.production.hint':
30 | '配置欄只在開發環境用於預覽，生產環境不會展現，請拷貝後手動修改配置文件',
31 | };
32 |
--------------------------------------------------------------------------------
/tests/beforeTest.js:
--------------------------------------------------------------------------------
1 | /* eslint-disable global-require */
2 | /* eslint-disable import/no-extraneous-dependencies */
3 | const { execSync } = require('child_process');
4 | const { join } = require('path');
5 | const findChrome = require('carlo/lib/find_chrome');
6 | const detectInstaller = require('detect-installer');
7 |
8 | const installPuppeteer = () => {
9 | // find can use package manager
10 | const packages = detectInstaller(join(__dirname, '../'));
11 | // get installed package manager
12 | const packageName = packages.find(detectInstaller.hasPackageCommand) || 'npm';
13 | console.log(`🤖 will use ${packageName} install puppeteer`);
14 | const command = `${packageName} ${packageName.includes('yarn') ? 'add' : 'i'} puppeteer`;
15 | execSync(command, {
16 | stdio: 'inherit',
17 | });
18 | };
19 |
20 | const initPuppeteer = async () => {
21 | try {
22 | // eslint-disable-next-line import/no-unresolved
23 | const findChromePath = await findChrome({});
24 | const { executablePath } = findChromePath;
25 | console.log(`🧲 find you browser in ${executablePath}`);
26 | return;
27 | } catch (error) {
28 | console.log('🧲 no find chrome');
29 | }
30 |
31 | try {
32 | require.resolve('puppeteer');
33 | } catch (error) {
34 | // need install puppeteer
35 | await installPuppeteer();
36 | }
37 | };
38 |
39 | initPuppeteer();
40 |
--------------------------------------------------------------------------------
/src/locales/ja-JP/settingDrawer.ts:
--------------------------------------------------------------------------------
1 | export default {
2 | 'app.setting.pagestyle': 'ページスタイル設定',
3 | 'app.setting.pagestyle.dark': 'ダークスタイル',
4 | 'app.setting.pagestyle.light': 'ライトスタイル',
5 | 'app.setting.content-width': 'コンテンツの幅',
6 | 'app.setting.content-width.fixed': '固定',
7 | 'app.setting.content-width.fluid': '流体',
8 | 'app.setting.themecolor': 'テーマカラー',
9 | 'app.setting.themecolor.dust': 'ダストレッド',
10 | 'app.setting.themecolor.volcano': 'ボルケ-ノ',
11 | 'app.setting.themecolor.sunset': 'サンセットオレンジ',
12 | 'app.setting.themecolor.cyan': 'シアン',
13 | 'app.setting.themecolor.green': 'ポーラーグリーン',
14 | 'app.setting.themecolor.daybreak': '夜明けの青（デフォルト）',
15 | 'app.setting.themecolor.geekblue': 'ギーク ブルー',
16 | 'app.setting.themecolor.purple': 'ゴールデンパープル',
17 | 'app.setting.navigationmode': 'ナビゲーションモード',
18 | 'app.setting.sidemenu': 'サイドメニューのレイアウト',
19 | 'app.setting.topmenu': 'トップメニューのレイアウト',
20 | 'app.setting.fixedheader': '固定ヘッダー',
21 | 'app.setting.fixedsidebar': '固定サイドバー',
22 | 'app.setting.fixedsidebar.hint': 'サイドメニューのレイアウトで動作します',
23 | 'app.setting.hideheader': 'スクロール時の非表示ヘッダー',
24 | 'app.setting.hideheader.hint': '非表示ヘッダーが有効になっている場合に機能します',
25 | 'app.setting.othersettings': 'その他の設定',
26 | 'app.setting.weakmode': 'ウィークモード',
27 | 'app.setting.copy': 'コピー設定',
28 | 'app.setting.copyinfo':
29 | 'コピーが成功しました。src/models/setting.jsのdefaultSettingsを置き換えてください',
30 | 'app.setting.production.hint': '設定パネルは開発環境でのみ表示されます。手動で変更してください',
31 | };
32 |
--------------------------------------------------------------------------------
/src/pages/Admin.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { HeartTwoTone, SmileTwoTone } from '@ant-design/icons';
3 | import { Card, Typography, Alert } from 'antd';
4 | import { PageHeaderWrapper } from '@ant-design/pro-layout';
5 | import { useIntl } from 'umi';
6 |
7 | export default (): React.ReactNode => {
8 | const intl = useIntl();
9 | return (
10 | 这是子应用详情页
11 |
24 |
26 | 35 | Want to add more pages? Please refer to{' '} 36 | 37 | use block 38 | 39 | 。 40 |
41 |
31 |
37 |
38 | {/*子组件 */}
39 |
41 |
42 |
43 |
44 |
45 |
46 |
47 |
48 |
52 | )
53 | }
54 |
55 | export default formInput
--------------------------------------------------------------------------------
/src/locales/fa-IR/settingDrawer.ts:
--------------------------------------------------------------------------------
1 | export default {
2 | 'app.setting.pagestyle': 'تنظیم نوع صفحه',
3 | 'app.setting.pagestyle.dark': 'سبک تیره',
4 | 'app.setting.pagestyle.light': 'سبک سبک',
5 | 'app.setting.content-width': 'عرض محتوا',
6 | 'app.setting.content-width.fixed': 'ثابت',
7 | 'app.setting.content-width.fluid': 'شناور',
8 | 'app.setting.themecolor': 'رنگ تم',
9 | 'app.setting.themecolor.dust': 'گرد و غبار قرمز',
10 | 'app.setting.themecolor.volcano': 'آتشفشان',
11 | 'app.setting.themecolor.sunset': 'غروب نارنجی',
12 | 'app.setting.themecolor.cyan': 'فیروزه ای',
13 | 'app.setting.themecolor.green': 'سبز قطبی',
14 | 'app.setting.themecolor.daybreak': 'آبی روشن(پیشفرض)',
15 | 'app.setting.themecolor.geekblue': 'چسب گیک',
16 | 'app.setting.themecolor.purple': 'بنفش طلایی',
17 | 'app.setting.navigationmode': 'حالت پیمایش',
18 | 'app.setting.sidemenu': 'طرح منوی کناری',
19 | 'app.setting.topmenu': 'طرح منوی بالایی',
20 | 'app.setting.fixedheader': 'سرصفحه ثابت',
21 | 'app.setting.fixedsidebar': 'نوار کناری ثابت',
22 | 'app.setting.fixedsidebar.hint': 'کار بر روی منوی کناری',
23 | 'app.setting.hideheader': 'هدر پنهان هنگام پیمایش',
24 | 'app.setting.hideheader.hint': 'وقتی Hidden Header فعال باشد کار می کند',
25 | 'app.setting.othersettings': 'تنظیمات دیگر',
26 | 'app.setting.weakmode': 'حالت ضعیف',
27 | 'app.setting.copy': 'تنظیمات کپی',
28 | 'app.setting.copyinfo':
29 | 'موفقیت در کپی کردن ， لطفا defaultSettings را در src / models / setting.js جایگزین کنید',
30 | 'app.setting.production.hint':
31 | 'صفحه تنظیم فقط در محیط توسعه نمایش داده می شود ، لطفاً دستی تغییر دهید',
32 | };
33 |
--------------------------------------------------------------------------------
/src/locales/en-US/settingDrawer.ts:
--------------------------------------------------------------------------------
1 | export default {
2 | 'app.setting.pagestyle': 'Page style setting',
3 | 'app.setting.pagestyle.dark': 'Dark style',
4 | 'app.setting.pagestyle.light': 'Light style',
5 | 'app.setting.content-width': 'Content Width',
6 | 'app.setting.content-width.fixed': 'Fixed',
7 | 'app.setting.content-width.fluid': 'Fluid',
8 | 'app.setting.themecolor': 'Theme Color',
9 | 'app.setting.themecolor.dust': 'Dust Red',
10 | 'app.setting.themecolor.volcano': 'Volcano',
11 | 'app.setting.themecolor.sunset': 'Sunset Orange',
12 | 'app.setting.themecolor.cyan': 'Cyan',
13 | 'app.setting.themecolor.green': 'Polar Green',
14 | 'app.setting.themecolor.daybreak': 'Daybreak Blue (default)',
15 | 'app.setting.themecolor.geekblue': 'Geek Glue',
16 | 'app.setting.themecolor.purple': 'Golden Purple',
17 | 'app.setting.navigationmode': 'Navigation Mode',
18 | 'app.setting.sidemenu': 'Side Menu Layout',
19 | 'app.setting.topmenu': 'Top Menu Layout',
20 | 'app.setting.fixedheader': 'Fixed Header',
21 | 'app.setting.fixedsidebar': 'Fixed Sidebar',
22 | 'app.setting.fixedsidebar.hint': 'Works on Side Menu Layout',
23 | 'app.setting.hideheader': 'Hidden Header when scrolling',
24 | 'app.setting.hideheader.hint': 'Works when Hidden Header is enabled',
25 | 'app.setting.othersettings': 'Other Settings',
26 | 'app.setting.weakmode': 'Weak Mode',
27 | 'app.setting.copy': 'Copy Setting',
28 | 'app.setting.copyinfo': 'copy success，please replace defaultSettings in src/models/setting.js',
29 | 'app.setting.production.hint':
30 | 'Setting panel shows in development environment only, please manually modify',
31 | };
32 |
--------------------------------------------------------------------------------
/tests/run-tests.js:
--------------------------------------------------------------------------------
1 | /* eslint-disable eslint-comments/disable-enable-pair */
2 | /* eslint-disable @typescript-eslint/no-var-requires */
3 | /* eslint-disable eslint-comments/no-unlimited-disable */
4 | const { spawn } = require('child_process');
5 | // eslint-disable-next-line import/no-extraneous-dependencies
6 | const { kill } = require('cross-port-killer');
7 |
8 | const env = Object.create(process.env);
9 | env.BROWSER = 'none';
10 | env.TEST = true;
11 | env.UMI_UI = 'none';
12 | env.PROGRESS = 'none';
13 | // flag to prevent multiple test
14 | let once = false;
15 |
16 | const startServer = spawn(/^win/.test(process.platform) ? 'npm.cmd' : 'npm', ['run', 'serve'], {
17 | env,
18 | });
19 |
20 | startServer.stderr.on('data', (data) => {
21 | // eslint-disable-next-line
22 | console.log(data.toString());
23 | });
24 |
25 | startServer.on('exit', () => {
26 | kill(process.env.PORT || 8000);
27 | });
28 |
29 | console.log('Starting development server for e2e tests...');
30 | startServer.stdout.on('data', (data) => {
31 | console.log(data.toString());
32 | // hack code , wait umi
33 | if (!once && data.toString().indexOf('Serving your umi project!') >= 0) {
34 | // eslint-disable-next-line
35 | once = true;
36 | console.log('Development server is started, ready to run tests.');
37 | const testCmd = spawn(
38 | /^win/.test(process.platform) ? 'npm.cmd' : 'npm',
39 | ['test', '--', '--maxWorkers=1', '--runInBand'],
40 | {
41 | stdio: 'inherit',
42 | },
43 | );
44 | testCmd.on('exit', (code) => {
45 | console.log(code);
46 | startServer.kill();
47 | process.exit(code);
48 | });
49 | }
50 | });
51 |
--------------------------------------------------------------------------------
/src/pages/dataManage/project/components/four.tsx:
--------------------------------------------------------------------------------
1 | import { Descriptions, Form, Input, Button, Row, Col } from 'antd'
2 | import React from 'react'
3 | import { connect } from 'dva'
4 |
5 | const Project4: React.Fc = (props: any) => {
6 | const { useInfo } = props.user
7 |
8 | const onFinish = (values) => {
9 |
10 | props.dispatch({
11 | type: 'user/changeState',
12 | payload: values,
13 | })
14 | }
15 |
16 | return 32 | {/* */} 35 |
36 |49 | 50 |
51 |
17 |
18 | {useInfo.userName}
19 | {useInfo.age}
20 |
21 |
54 |
55 | }
56 |
57 | export default connect(({ user }) => ({
58 | user,
59 | }))(Project4)
--------------------------------------------------------------------------------
/src/pages/editor/add/index.tsx:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import { Button, message, Input } from 'antd'
3 | // 引入编辑器组件
4 | import BraftEditor from 'braft-editor'
5 | // 引入编辑器样式
6 | import 'braft-editor/dist/index.css'
7 | import { useState } from "react";
8 | import { addArticle } from '@/services/ant-design-pro'
9 |
10 | const AddEditor: React.FC = () => {
11 | const [editorState, setEditorState] = useState(BraftEditor.createEditorState(null))
12 | const [title, setTitle] = useState
36 |
53 | )
54 | }
55 |
56 | export default AddEditor
--------------------------------------------------------------------------------
/src/locales/id-ID/settingDrawer.ts:
--------------------------------------------------------------------------------
1 | export default {
2 | 'app.setting.pagestyle': 'Pengaturan style Halaman',
3 | 'app.setting.pagestyle.dark': 'Style Gelap',
4 | 'app.setting.pagestyle.light': 'Style Cerah',
5 | 'app.setting.content-width': 'Lebar Konten',
6 | 'app.setting.content-width.fixed': 'Tetap',
7 | 'app.setting.content-width.fluid': 'Fluid',
8 | 'app.setting.themecolor': 'Theme Color',
9 | 'app.setting.themecolor.dust': 'Dust Red',
10 | 'app.setting.themecolor.volcano': 'Volcano',
11 | 'app.setting.themecolor.sunset': 'Sunset Orange',
12 | 'app.setting.themecolor.cyan': 'Cyan',
13 | 'app.setting.themecolor.green': 'Polar Green',
14 | 'app.setting.themecolor.daybreak': 'Daybreak Blue (bawaan)',
15 | 'app.setting.themecolor.geekblue': 'Geek Glue',
16 | 'app.setting.themecolor.purple': 'Golden Purple',
17 | 'app.setting.navigationmode': 'Mode Navigasi',
18 | 'app.setting.sidemenu': 'Susunan Menu Samping',
19 | 'app.setting.topmenu': 'Susunan Menu Atas',
20 | 'app.setting.fixedheader': 'Header Tetap',
21 | 'app.setting.fixedsidebar': 'Sidebar Tetap',
22 | 'app.setting.fixedsidebar.hint': 'Berjalan pada Susunan Menu Samping',
23 | 'app.setting.hideheader': 'Sembunyikan Header ketika gulir ke bawah',
24 | 'app.setting.hideheader.hint': 'Bekerja ketika Header tersembunyi dimunculkan',
25 | 'app.setting.othersettings': 'Pengaturan Lainnya',
26 | 'app.setting.weakmode': 'Mode Lemah',
27 | 'app.setting.copy': 'Salin Pengaturan',
28 | 'app.setting.copyinfo':
29 | 'Berhasil disalin，tolong ubah defaultSettings pada src/models/setting.js',
30 | 'app.setting.production.hint':
31 | 'Panel pengaturan hanya muncul pada lingkungan pengembangan, silahkan modifikasi secara menual',
32 | };
33 |
--------------------------------------------------------------------------------
/src/components/RightContent/index.less:
--------------------------------------------------------------------------------
1 | @import '~antd/es/style/themes/default.less';
2 |
3 | @pro-header-hover-bg: rgba(0, 0, 0, 0.025);
4 |
5 | .menu {
6 | :global(.anticon) {
7 | margin-right: 8px;
8 | }
9 | :global(.ant-dropdown-menu-item) {
10 | min-width: 160px;
11 | }
12 | }
13 |
14 | .right {
15 | display: flex;
16 | float: right;
17 | height: 48px;
18 | margin-left: auto;
19 | overflow: hidden;
20 | .action {
21 | display: flex;
22 | align-items: center;
23 | height: 48px;
24 | padding: 0 12px;
25 | cursor: pointer;
26 | transition: all 0.3s;
27 | > span {
28 | vertical-align: middle;
29 | }
30 | &:hover {
31 | background: @pro-header-hover-bg;
32 | }
33 | &:global(.opened) {
34 | background: @pro-header-hover-bg;
35 | }
36 | }
37 | .search {
38 | padding: 0 12px;
39 | &:hover {
40 | background: transparent;
41 | }
42 | }
43 | .account {
44 | .avatar {
45 | margin-right: 8px;
46 | color: @primary-color;
47 | vertical-align: top;
48 | background: rgba(255, 255, 255, 0.85);
49 | }
50 | }
51 | }
52 |
53 | .dark {
54 | .action {
55 | &:hover {
56 | background: #252a3d;
57 | }
58 | &:global(.opened) {
59 | background: #252a3d;
60 | }
61 | }
62 | }
63 |
64 | @media only screen and (max-width: @screen-md) {
65 | :global(.ant-divider-vertical) {
66 | vertical-align: unset;
67 | }
68 | .name {
69 | display: none;
70 | }
71 | .right {
72 | position: absolute;
73 | top: 0;
74 | right: 12px;
75 | .account {
76 | .avatar {
77 | margin-right: 0;
78 | }
79 | }
80 | .search {
81 | display: none;
82 | }
83 | }
84 | }
85 |
--------------------------------------------------------------------------------
/src/locales/pt-BR/settingDrawer.ts:
--------------------------------------------------------------------------------
1 | export default {
2 | 'app.setting.pagestyle': 'Configuração de estilo da página',
3 | 'app.setting.pagestyle.dark': 'Dark style',
4 | 'app.setting.pagestyle.light': 'Light style',
5 | 'app.setting.content-width': 'Largura do conteúdo',
6 | 'app.setting.content-width.fixed': 'Fixo',
7 | 'app.setting.content-width.fluid': 'Fluido',
8 | 'app.setting.themecolor': 'Cor do Tema',
9 | 'app.setting.themecolor.dust': 'Dust Red',
10 | 'app.setting.themecolor.volcano': 'Volcano',
11 | 'app.setting.themecolor.sunset': 'Sunset Orange',
12 | 'app.setting.themecolor.cyan': 'Cyan',
13 | 'app.setting.themecolor.green': 'Polar Green',
14 | 'app.setting.themecolor.daybreak': 'Daybreak Blue (default)',
15 | 'app.setting.themecolor.geekblue': 'Geek Glue',
16 | 'app.setting.themecolor.purple': 'Golden Purple',
17 | 'app.setting.navigationmode': 'Modo de Navegação',
18 | 'app.setting.sidemenu': 'Layout do Menu Lateral',
19 | 'app.setting.topmenu': 'Layout do Menu Superior',
20 | 'app.setting.fixedheader': 'Cabeçalho fixo',
21 | 'app.setting.fixedsidebar': 'Barra lateral fixa',
22 | 'app.setting.fixedsidebar.hint': 'Funciona no layout do menu lateral',
23 | 'app.setting.hideheader': 'Esconder o cabeçalho quando rolar',
24 | 'app.setting.hideheader.hint': 'Funciona quando o esconder cabeçalho está abilitado',
25 | 'app.setting.othersettings': 'Outras configurações',
26 | 'app.setting.weakmode': 'Weak Mode',
27 | 'app.setting.copy': 'Copiar Configuração',
28 | 'app.setting.copyinfo':
29 | 'copiado com sucesso，por favor trocar o defaultSettings em src/models/setting.js',
30 | 'app.setting.production.hint':
31 | 'O painel de configuração apenas é exibido no ambiente de desenvolvimento, por favor modifique manualmente o',
32 | };
33 |
--------------------------------------------------------------------------------
/src/pages/editor/list/index.tsx:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import type { articleProps } from 'mock/editor'
3 | import ProTable from '@ant-design/pro-table';
4 | import type { ProColumns } from '@ant-design/pro-table';
5 | import { Button } from 'antd';
6 | import { PlusOutlined } from '@ant-design/icons';
7 | import { getArticleList } from '@/services/ant-design-pro'
8 | import { history } from 'umi'
9 |
10 | const EditorList: React.FC = () => {
11 |
12 | const columns: ProColumns富文本编辑
37 |
38 |
49 |
52 |
39 |
42 | 文章标题
40 | setTitle(e.target.value)} /> 41 |文章内容
43 |
40 |
41 | columns={columns}
42 | request={getList}
43 | rowKey="id"
44 | search={false}
45 | pagination={{
46 | pageSize: 10,
47 | }}
48 | dateFormatter="string"
49 | headerTitle="文章列表"
50 | toolBarRender={() => [
51 | }
54 | type="primary"
55 | onClick={()=>{
56 | history.push({
57 | pathname: '/editor/add',
58 | query: {
59 | name: '跳转的参数'
60 | }
61 | })
62 | }}
63 | >
64 | 新建
65 | ,
66 | ]}
67 | />
68 |
69 | )
70 | }
71 |
72 | export default EditorList
--------------------------------------------------------------------------------
/src/locales/zh-CN/menu.ts:
--------------------------------------------------------------------------------
1 | export default {
2 | 'menu.welcome': '欢迎',
3 | 'menu.more-blocks': '更多区块',
4 | 'menu.home': '首页',
5 | 'menu.admin': '管理页',
6 | 'menu.admin.sub-page': '二级管理页',
7 | 'menu.login': '登录',
8 | 'menu.register': '注册',
9 | 'menu.register.result': '注册结果',
10 | 'menu.dashboard': 'Dashboard',
11 | 'menu.dashboard.analysis': '分析页',
12 | 'menu.dashboard.monitor': '监控页',
13 | 'menu.dashboard.workplace': '工作台',
14 | 'menu.exception.403': '403',
15 | 'menu.exception.404': '404',
16 | 'menu.exception.500': '500',
17 | 'menu.form': '表单页',
18 | 'menu.form.basic-form': '基础表单',
19 | 'menu.form.step-form': '分步表单',
20 | 'menu.form.step-form.info': '分步表单（填写转账信息）',
21 | 'menu.form.step-form.confirm': '分步表单（确认转账信息）',
22 | 'menu.form.step-form.result': '分步表单（完成）',
23 | 'menu.form.advanced-form': '高级表单',
24 | 'menu.list': '列表页',
25 | 'menu.list.table-list': '查询表格',
26 | 'menu.list.basic-list': '标准列表',
27 | 'menu.list.card-list': '卡片列表',
28 | 'menu.list.search-list': '搜索列表',
29 | 'menu.list.search-list.articles': '搜索列表（文章）',
30 | 'menu.list.search-list.projects': '搜索列表（项目）',
31 | 'menu.list.search-list.applications': '搜索列表（应用）',
32 | 'menu.profile': '详情页',
33 | 'menu.profile.basic': '基础详情页',
34 | 'menu.profile.advanced': '高级详情页',
35 | 'menu.result': '结果页',
36 | 'menu.result.success': '成功页',
37 | 'menu.result.fail': '失败页',
38 | 'menu.exception': '异常页',
39 | 'menu.exception.not-permission': '403',
40 | 'menu.exception.not-find': '404',
41 | 'menu.exception.server-error': '500',
42 | 'menu.exception.trigger': '触发错误',
43 | 'menu.account': '个人页',
44 | 'menu.account.center': '个人中心',
45 | 'menu.account.settings': '个人设置',
46 | 'menu.account.trigger': '触发报错',
47 | 'menu.account.logout': '退出登录',
48 | 'menu.editor': '图形编辑器',
49 | 'menu.editor.flow': '流程编辑器',
50 | 'menu.editor.mind': '脑图编辑器',
51 | 'menu.editor.koni': '拓扑编辑器',
52 | };
53 |
--------------------------------------------------------------------------------
/src/locales/zh-TW/menu.ts:
--------------------------------------------------------------------------------
1 | export default {
2 | 'menu.welcome': '歡迎',
3 | 'menu.more-blocks': '更多區塊',
4 | 'menu.home': '首頁',
5 | 'menu.login': '登錄',
6 | 'menu.admin': '权限',
7 | 'menu.admin.sub-page': '二级管理页',
8 | 'menu.exception.403': '403',
9 | 'menu.exception.404': '404',
10 | 'menu.exception.500': '500',
11 | 'menu.register': '註冊',
12 | 'menu.register.result': '註冊結果',
13 | 'menu.dashboard': 'Dashboard',
14 | 'menu.dashboard.analysis': '分析頁',
15 | 'menu.dashboard.monitor': '監控頁',
16 | 'menu.dashboard.workplace': '工作臺',
17 | 'menu.form': '表單頁',
18 | 'menu.form.basic-form': '基礎表單',
19 | 'menu.form.step-form': '分步表單',
20 | 'menu.form.step-form.info': '分步表單（填寫轉賬信息）',
21 | 'menu.form.step-form.confirm': '分步表單（確認轉賬信息）',
22 | 'menu.form.step-form.result': '分步表單（完成）',
23 | 'menu.form.advanced-form': '高級表單',
24 | 'menu.list': '列表頁',
25 | 'menu.list.table-list': '查詢表格',
26 | 'menu.list.basic-list': '標淮列表',
27 | 'menu.list.card-list': '卡片列表',
28 | 'menu.list.search-list': '搜索列表',
29 | 'menu.list.search-list.articles': '搜索列表（文章）',
30 | 'menu.list.search-list.projects': '搜索列表（項目）',
31 | 'menu.list.search-list.applications': '搜索列表（應用）',
32 | 'menu.profile': '詳情頁',
33 | 'menu.profile.basic': '基礎詳情頁',
34 | 'menu.profile.advanced': '高級詳情頁',
35 | 'menu.result': '結果頁',
36 | 'menu.result.success': '成功頁',
37 | 'menu.result.fail': '失敗頁',
38 | 'menu.account': '個人頁',
39 | 'menu.account.center': '個人中心',
40 | 'menu.account.settings': '個人設置',
41 | 'menu.account.trigger': '觸發報錯',
42 | 'menu.account.logout': '退出登錄',
43 | 'menu.exception': '异常页',
44 | 'menu.exception.not-permission': '403',
45 | 'menu.exception.not-find': '404',
46 | 'menu.exception.server-error': '500',
47 | 'menu.exception.trigger': '触发错误',
48 | 'menu.editor': '圖形編輯器',
49 | 'menu.editor.flow': '流程編輯器',
50 | 'menu.editor.mind': '腦圖編輯器',
51 | 'menu.editor.koni': '拓撲編輯器',
52 | };
53 |
--------------------------------------------------------------------------------
/src/services/swagger/store.ts:
--------------------------------------------------------------------------------
1 | // @ts-ignore
2 | /* eslint-disable */
3 | import { request } from 'umi';
4 |
5 | /** Returns pet inventories by status Returns a map of status codes to quantities GET /store/inventory */
6 | export async function getInventory(options?: { [key: string]: any }) {
7 | return request
9 |
10 | {children}
11 |
12 |
13 | );
14 |
15 | export default (): React.ReactNode => {
16 | const intl = useIntl();
17 | return (
18 |
45 |
46 |
72 |
73 |
74 |
78 |
79 |
80 | )
81 | }
82 |
83 | export default UploadDemo
--------------------------------------------------------------------------------
/src/components/NoticeIcon/NoticeList.less:
--------------------------------------------------------------------------------
1 | @import '~antd/es/style/themes/default.less';
2 |
3 | .list {
4 | max-height: 400px;
5 | overflow: auto;
6 | &::-webkit-scrollbar {
7 | display: none;
8 | }
9 | .item {
10 | padding-right: 24px;
11 | padding-left: 24px;
12 | overflow: hidden;
13 | cursor: pointer;
14 | transition: all 0.3s;
15 |
16 | .meta {
17 | width: 100%;
18 | }
19 |
20 | .avatar {
21 | margin-top: 4px;
22 | background: @component-background;
23 | }
24 | .iconElement {
25 | font-size: 32px;
26 | }
27 |
28 | &.read {
29 | opacity: 0.4;
30 | }
31 | &:last-child {
32 | border-bottom: 0;
33 | }
34 | &:hover {
35 | background: @primary-1;
36 | }
37 | .title {
38 | margin-bottom: 8px;
39 | font-weight: normal;
40 | }
41 | .description {
42 | font-size: 12px;
43 | line-height: @line-height-base;
44 | }
45 | .datetime {
46 | margin-top: 4px;
47 | font-size: 12px;
48 | line-height: @line-height-base;
49 | }
50 | .extra {
51 | float: right;
52 | margin-top: -1.5px;
53 | margin-right: 0;
54 | color: @text-color-secondary;
55 | font-weight: normal;
56 | }
57 | }
58 | .loadMore {
59 | padding: 8px 0;
60 | color: @primary-6;
61 | text-align: center;
62 | cursor: pointer;
63 | &.loadedAll {
64 | color: rgba(0, 0, 0, 0.25);
65 | cursor: unset;
66 | }
67 | }
68 | }
69 |
70 | .notFound {
71 | padding: 73px 0 88px;
72 | color: @text-color-secondary;
73 | text-align: center;
74 | img {
75 | display: inline-block;
76 | height: 76px;
77 | margin-bottom: 16px;
78 | }
79 | }
80 |
81 | .bottomBar {
82 | height: 46px;
83 | color: @text-color;
84 | line-height: 46px;
85 | text-align: center;
86 | border-top: 1px solid @border-color-split;
87 | border-radius: 0 0 @border-radius-base @border-radius-base;
88 | transition: all 0.3s;
89 | div {
90 | display: inline-block;
91 | width: 50%;
92 | cursor: pointer;
93 | transition: all 0.3s;
94 | user-select: none;
95 |
96 | &:only-child {
97 | width: 100%;
98 | }
99 | &:not(:only-child):last-child {
100 | border-left: 1px solid @border-color-split;
101 | }
102 | }
103 | }
104 |
--------------------------------------------------------------------------------
/src/components/debounce/index.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import { Select, Spin } from 'antd';
3 | import debounce from 'lodash/debounce';
4 |
5 | const DebounceSelect = ({ fetchOptions, debounceTimeout = 800, ...props }) => {
6 | const [fetching, setFetching] = React.useState(false);
7 | const [options, setOptions] = React.useState([]);
8 | const fetchRef = React.useRef(0);
9 | const debounceFetcher = React.useMemo(() => {
10 | const loadOptions = (value) => {
11 | fetchRef.current += 1;
12 | const fetchId = fetchRef.current;
13 | setOptions([]);
14 | setFetching(true);
15 | fetchOptions(value).then((newOptions) => {
16 | if (fetchId !== fetchRef.current) {
17 | // for fetch callback order
18 | return;
19 | }
20 |
21 | setOptions(newOptions);
22 | setFetching(false);
23 | });
24 | };
25 |
26 | return debounce(loadOptions, debounceTimeout);
27 | }, [fetchOptions, debounceTimeout]);
28 | return (
29 | : null}
35 | {...props}
36 | options={options}
37 | />
38 | );
39 | } // Usage of DebounceSelect
40 |
41 | async function fetchUserList(username) {
42 | // console.log('fetching user', username);
43 | return fetch('https://randomuser.me/api/?results=5')
44 | .then((response) => response.json())
45 | .then((body) =>
46 | body.results.map((user) => ({
47 | label: `${user.name.first} ${user.name.last}`,
48 | value: user.login.username,
49 | phone: user.phone,
50 | email: user.email
51 | })),
52 | );
53 | }
54 |
55 | interface demoprops {
56 | value?: any
57 | onChange?: (val?: any, options?: any) => void
58 | }
59 |
60 | const Demo = ({val, onChange = () => {}}: demoprops) => {
61 | const [value, setValue] = React.useState页面一
22 |修改初始数据
32 | 96 | 97 | }; -------------------------------------------------------------------------------- /src/locales/ja-JP/settings.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | 'app.settings.menuMap.basic': '基本設定', 3 | 'app.settings.menuMap.security': 'セキュリティ設定', 4 | 'app.settings.menuMap.binding': 'アカウントのバインド', 5 | 'app.settings.menuMap.notification': '新しいメッセージの通知', 6 | 'app.settings.basic.avatar': 'アバター', 7 | 'app.settings.basic.change-avatar': 'アバターを変更する', 8 | 'app.settings.basic.email': 'メール', 9 | 'app.settings.basic.email-message': 'メールアドレスを入力してください！', 10 | 'app.settings.basic.nickname': 'ニックネーム', 11 | 'app.settings.basic.nickname-message': 'ニックネームを入力してください！', 12 | 'app.settings.basic.profile': '個人プロフィール', 13 | 'app.settings.basic.profile-message': '個人プロフィールを入力してください!', 14 | 'app.settings.basic.profile-placeholder': '自己紹介', 15 | 'app.settings.basic.country': '国/地域', 16 | 'app.settings.basic.country-message': 'あなたの国を入力してください!', 17 | 'app.settings.basic.geographic': '州または市', 18 | 'app.settings.basic.geographic-message': '地理情報を入力してください!', 19 | 'app.settings.basic.address': '住所', 20 | 'app.settings.basic.address-message': '住所を入力してください!', 21 | 'app.settings.basic.phone': '電話番号', 22 | 'app.settings.basic.phone-message': '電話番号を入力してください!', 23 | 'app.settings.basic.update': '更新情報', 24 | 'app.settings.security.strong': '強い', 25 | 'app.settings.security.medium': 'ミディアム', 26 | 'app.settings.security.weak': '弱い', 27 | 'app.settings.security.password': 'アカウントパスワード', 28 | 'app.settings.security.password-description': '現在のパスワードの強度', 29 | 'app.settings.security.phone': 'セキュリティ電話番号', 30 | 'app.settings.security.phone-description': 'バインドされた電話番号', 31 | 'app.settings.security.question': '秘密の質問', 32 | 'app.settings.security.question-description': 33 | 'セキュリティの質問が設定されてません。セキュリティポリシーはアカウントのセキュリティを効果的に保護できます', 34 | 'app.settings.security.email': 'バックアップメール', 35 | 'app.settings.security.email-description': 'バインドされたメール', 36 | 'app.settings.security.mfa': '多要素認証デバイス', 37 | 'app.settings.security.mfa-description': 38 | 'バインドされていない多要素認証デバイスは、バインド後、2回確認できます', 39 | 'app.settings.security.modify': '変更する', 40 | 'app.settings.security.set': 'セットする', 41 | 'app.settings.security.bind': 'バインド', 42 | 'app.settings.binding.taobao': 'タオバオをバインドする', 43 | 'app.settings.binding.taobao-description': '現在バインドされていないタオバオアカウント', 44 | 'app.settings.binding.alipay': 'アリペイをバインドする', 45 | 'app.settings.binding.alipay-description': '現在バインドされていないアリペイアカウント', 46 | 'app.settings.binding.dingding': 'ディントークをバインドする', 47 | 'app.settings.binding.dingding-description': '現在バインドされていないディントークアカウント', 48 | 'app.settings.binding.bind': 'バインド', 49 | 'app.settings.notification.password': 'アカウントパスワード', 50 | 'app.settings.notification.password-description': 51 | '他のユーザーからのメッセージは、ステーションレターの形式で通知されます', 52 | 'app.settings.notification.messages': 'システムメッセージ', 53 | 'app.settings.notification.messages-description': 54 | 'システムメッセージは、ステーションレターの形式で通知されます', 55 | 'app.settings.notification.todo': 'To Do（用事) 通知', 56 | 'app.settings.notification.todo-description': 'To Doタスクは、内部レターの形式で通知されます', 57 | 'app.settings.open': '開く', 58 | 'app.settings.close': '閉じる', 59 | }; 60 | -------------------------------------------------------------------------------- /src/components/HeaderSearch/index.tsx: -------------------------------------------------------------------------------- 1 | import { SearchOutlined } from '@ant-design/icons'; 2 | import { AutoComplete, Input } from 'antd'; 3 | import useMergedState from 'rc-util/es/hooks/useMergedState'; 4 | import type { AutoCompleteProps } from 'antd/es/auto-complete'; 5 | import React, { useRef } from 'react'; 6 | 7 | import classNames from 'classnames'; 8 | import styles from './index.less'; 9 | 10 | export type HeaderSearchProps = { 11 | onSearch?: (value?: string) => void; 12 | onChange?: (value?: string) => void; 13 | onVisibleChange?: (b: boolean) => void; 14 | className?: string; 15 | placeholder?: string; 16 | options: AutoCompleteProps['options']; 17 | defaultVisible?: boolean; 18 | visible?: boolean; 19 | defaultValue?: string; 20 | value?: string; 21 | }; 22 | 23 | const HeaderSearch: React.FC {
53 | setSearchMode(true);
54 | if (searchMode && inputRef.current) {
55 | inputRef.current.focus();
56 | }
57 | }}
58 | onTransitionEnd={({ propertyName }) => {
59 | if (propertyName === 'width' && !searchMode) {
60 | if (onVisibleChange) {
61 | onVisibleChange(searchMode);
62 | }
63 | }
64 | }}
65 | >
66 |
79 | {
86 | if (e.key === 'Enter') {
87 | if (restProps.onSearch) {
88 | restProps.onSearch(value);
89 | }
90 | }
91 | }}
92 | onBlur={() => {
93 | setSearchMode(false);
94 | }}
95 | />
96 |
97 |
98 | );
99 | };
100 |
101 | export default HeaderSearch;
102 |
--------------------------------------------------------------------------------
/src/components/RightContent/AvatarDropdown.tsx:
--------------------------------------------------------------------------------
1 | import React, { useCallback } from 'react';
2 | import { LogoutOutlined, SettingOutlined, UserOutlined } from '@ant-design/icons';
3 | import { Avatar, Menu, Spin } from 'antd';
4 | import { history, useModel } from 'umi';
5 | import { stringify } from 'querystring';
6 | import HeaderDropdown from '../HeaderDropdown';
7 | import styles from './index.less';
8 | import { outLogin } from '@/services/ant-design-pro/api';
9 | import type { MenuInfo } from 'rc-menu/lib/interface';
10 |
11 | export type GlobalHeaderRightProps = {
12 | menu?: boolean;
13 | };
14 |
15 | /**
16 | * 退出登录，并且将当前的 url 保存
17 | */
18 | const loginOut = async () => {
19 | await outLogin();
20 | const { query = {}, pathname } = history.location;
21 | const { redirect } = query;
22 | // Note: There may be security issues, please note
23 | if (window.location.pathname !== '/user/login' && !redirect) {
24 | history.replace({
25 | pathname: '/user/login',
26 | search: stringify({
27 | redirect: pathname,
28 | }),
29 | });
30 | }
31 | };
32 |
33 | const AvatarDropdown: React.FC
59 |
60 |
61 | body-include: ''
62 | number: ${{ steps.pr.outputs.id }}
63 |
64 | failed:
65 | runs-on: ubuntu-latest
66 | if: github.event.workflow_run.event == 'pull_request' && github.event.workflow_run.conclusion == 'failure'
67 | steps:
68 | - name: download pr artifact
69 | uses: dawidd6/action-download-artifact@v2
70 | with:
71 | workflow: ${{ github.event.workflow_run.workflow_id }}
72 | name: pr
73 |
74 | - name: save PR id
75 | id: pr
76 | run: echo "::set-output name=id::$(
37 | 
41 |
43 | );
44 | }
45 | return (
46 |
41 | {emptyText}
42 |
47 |
48 | className={styles.list}
49 | dataSource={list}
50 | renderItem={(item, i) => {
51 | const itemCls = classNames(styles.item, {
52 | [styles.read]: item.read,
53 | });
54 | // eslint-disable-next-line no-nested-ternary
55 | const leftIcon = item.avatar ? (
56 | typeof item.avatar === 'string' ? (
57 | {
68 | onClick?.(item);
69 | }}
70 | >
71 |
76 | {item.title}
77 |
79 | }
80 | description={
81 | {item.extra}
78 |
82 |
85 | }
86 | />
87 |
88 | );
89 | }}
90 | />
91 | {item.description}
83 | {item.datetime}
84 |
92 | {showClear ? (
93 |
109 |
110 | );
111 | };
112 |
113 | export default NoticeList;
114 |
--------------------------------------------------------------------------------
/src/locales/en-US/settings.ts:
--------------------------------------------------------------------------------
1 | export default {
2 | 'app.settings.menuMap.basic': 'Basic Settings',
3 | 'app.settings.menuMap.security': 'Security Settings',
4 | 'app.settings.menuMap.binding': 'Account Binding',
5 | 'app.settings.menuMap.notification': 'New Message Notification',
6 | 'app.settings.basic.avatar': 'Avatar',
7 | 'app.settings.basic.change-avatar': 'Change avatar',
8 | 'app.settings.basic.email': 'Email',
9 | 'app.settings.basic.email-message': 'Please input your email!',
10 | 'app.settings.basic.nickname': 'Nickname',
11 | 'app.settings.basic.nickname-message': 'Please input your Nickname!',
12 | 'app.settings.basic.profile': 'Personal profile',
13 | 'app.settings.basic.profile-message': 'Please input your personal profile!',
14 | 'app.settings.basic.profile-placeholder': 'Brief introduction to yourself',
15 | 'app.settings.basic.country': 'Country/Region',
16 | 'app.settings.basic.country-message': 'Please input your country!',
17 | 'app.settings.basic.geographic': 'Province or city',
18 | 'app.settings.basic.geographic-message': 'Please input your geographic info!',
19 | 'app.settings.basic.address': 'Street Address',
20 | 'app.settings.basic.address-message': 'Please input your address!',
21 | 'app.settings.basic.phone': 'Phone Number',
22 | 'app.settings.basic.phone-message': 'Please input your phone!',
23 | 'app.settings.basic.update': 'Update Information',
24 | 'app.settings.security.strong': 'Strong',
25 | 'app.settings.security.medium': 'Medium',
26 | 'app.settings.security.weak': 'Weak',
27 | 'app.settings.security.password': 'Account Password',
28 | 'app.settings.security.password-description': 'Current password strength',
29 | 'app.settings.security.phone': 'Security Phone',
30 | 'app.settings.security.phone-description': 'Bound phone',
31 | 'app.settings.security.question': 'Security Question',
32 | 'app.settings.security.question-description':
33 | 'The security question is not set, and the security policy can effectively protect the account security',
34 | 'app.settings.security.email': 'Backup Email',
35 | 'app.settings.security.email-description': 'Bound Email',
36 | 'app.settings.security.mfa': 'MFA Device',
37 | 'app.settings.security.mfa-description':
38 | 'Unbound MFA device, after binding, can be confirmed twice',
39 | 'app.settings.security.modify': 'Modify',
40 | 'app.settings.security.set': 'Set',
41 | 'app.settings.security.bind': 'Bind',
42 | 'app.settings.binding.taobao': 'Binding Taobao',
43 | 'app.settings.binding.taobao-description': 'Currently unbound Taobao account',
44 | 'app.settings.binding.alipay': 'Binding Alipay',
45 | 'app.settings.binding.alipay-description': 'Currently unbound Alipay account',
46 | 'app.settings.binding.dingding': 'Binding DingTalk',
47 | 'app.settings.binding.dingding-description': 'Currently unbound DingTalk account',
48 | 'app.settings.binding.bind': 'Bind',
49 | 'app.settings.notification.password': 'Account Password',
50 | 'app.settings.notification.password-description':
51 | 'Messages from other users will be notified in the form of a station letter',
52 | 'app.settings.notification.messages': 'System Messages',
53 | 'app.settings.notification.messages-description':
54 | 'System messages will be notified in the form of a station letter',
55 | 'app.settings.notification.todo': 'To-do Notification',
56 | 'app.settings.notification.todo-description':
57 | 'The to-do list will be notified in the form of a letter from the station',
58 | 'app.settings.open': 'Open',
59 | 'app.settings.close': 'Close',
60 | };
61 |
--------------------------------------------------------------------------------
/src/locales/id-ID/settings.ts:
--------------------------------------------------------------------------------
1 | export default {
2 | 'app.settings.menuMap.basic': 'Pengaturan Dasar',
3 | 'app.settings.menuMap.security': 'Pengaturan Keamanan',
4 | 'app.settings.menuMap.binding': 'Pengikatan Akun',
5 | 'app.settings.menuMap.notification': 'Notifikasi Pesan Baru',
6 | 'app.settings.basic.avatar': 'Avatar',
7 | 'app.settings.basic.change-avatar': 'Ubah avatar',
8 | 'app.settings.basic.email': 'Email',
9 | 'app.settings.basic.email-message': 'Tolong masukkan email!',
10 | 'app.settings.basic.nickname': 'Nickname',
11 | 'app.settings.basic.nickname-message': 'Tolong masukkan Nickname!',
12 | 'app.settings.basic.profile': 'Profil Personal',
13 | 'app.settings.basic.profile-message': 'Tolong masukkan profil personal!',
14 | 'app.settings.basic.profile-placeholder': 'Perkenalan Singkat tentang Diri Anda',
15 | 'app.settings.basic.country': 'Negara/Wilayah',
16 | 'app.settings.basic.country-message': 'Tolong masukkan negara anda!',
17 | 'app.settings.basic.geographic': 'Provinsi atau kota',
18 | 'app.settings.basic.geographic-message': 'Tolong masukkan info geografis anda!',
19 | 'app.settings.basic.address': 'Alamat Jalan',
20 | 'app.settings.basic.address-message': 'Tolong masukkan Alamat Jalan anda!',
21 | 'app.settings.basic.phone': 'Nomor Ponsel',
22 | 'app.settings.basic.phone-message': 'Tolong masukkan Nomor Ponsel anda!',
23 | 'app.settings.basic.update': 'Perbarui Informasi',
24 | 'app.settings.security.strong': 'Kuat',
25 | 'app.settings.security.medium': 'Sedang',
26 | 'app.settings.security.weak': 'Lemah',
27 | 'app.settings.security.password': 'Kata Sandi Akun',
28 | 'app.settings.security.password-description': 'Kekuatan Kata Sandi saat ini',
29 | 'app.settings.security.phone': 'Keamanan Ponsel',
30 | 'app.settings.security.phone-description': 'Mengikat Ponsel',
31 | 'app.settings.security.question': 'Pertanyaan Keamanan',
32 | 'app.settings.security.question-description':
33 | 'Pertanyaan Keamanan belum diatur, dan kebijakan keamanan dapat melindungi akun secara efektif',
34 | 'app.settings.security.email': 'Email Cadangan',
35 | 'app.settings.security.email-description': 'Mengikat Email',
36 | 'app.settings.security.mfa': 'Perangka MFA',
37 | 'app.settings.security.mfa-description':
38 | 'Tidak mengikat Perangkat MFA, setelah diikat, dapat dikonfirmasi dua kali',
39 | 'app.settings.security.modify': 'Modifikasi',
40 | 'app.settings.security.set': 'Setel',
41 | 'app.settings.security.bind': 'Ikat',
42 | 'app.settings.binding.taobao': 'Mengikat Taobao',
43 | 'app.settings.binding.taobao-description': 'Tidak mengikat akun Taobao saat ini',
44 | 'app.settings.binding.alipay': 'Mengikat Alipay',
45 | 'app.settings.binding.alipay-description': 'Tidak mengikat akun Alipay saat ini',
46 | 'app.settings.binding.dingding': 'Mengikat DingTalk',
47 | 'app.settings.binding.dingding-description': 'Tidak mengikat akun DingTalk',
48 | 'app.settings.binding.bind': 'Ikat',
49 | 'app.settings.notification.password': 'Kata Sandi Akun',
50 | 'app.settings.notification.password-description':
51 | 'Pesan dari pengguna lain akan diberitahu dalam bentuk surat',
52 | 'app.settings.notification.messages': 'Pesan Sistem',
53 | 'app.settings.notification.messages-description':
54 | 'Pesan sistem akan diberitahu dalam bentuk surat',
55 | 'app.settings.notification.todo': 'Notifikasi daftar To-do',
56 | 'app.settings.notification.todo-description':
57 | 'Daftar to-do akan diberitahukan dalam bentuk surat dari stasiun',
58 | 'app.settings.open': 'Buka',
59 | 'app.settings.close': 'Tutup',
60 | };
61 |
--------------------------------------------------------------------------------
/src/locales/ja-JP/pages.ts:
--------------------------------------------------------------------------------
1 | export default {
2 | 'pages.layouts.userLayout.title': 'Ant Designは、西湖区で最も影響力のあるWebデザイン仕様です。',
3 | 'pages.login.accountLogin.tab': 'アカウントログイン',
4 | 'pages.login.accountLogin.errorMessage':
5 | 'ユーザー名/パスワードが正しくありません（admin/ant.design)',
6 | 'pages.login.username.placeholder': 'ユーザー名：adminまたはuser',
7 | 'pages.login.username.required': 'ユーザー名を入力してください！',
8 | 'pages.login.password.placeholder': 'パスワード：ant.design',
9 | 'pages.login.password.required': 'パスワードを入力してください！',
10 | 'pages.login.phoneLogin.tab': '電話ログイン',
11 | 'pages.login.phoneLogin.errorMessage': '検証コードエラー',
12 | 'pages.login.phoneNumber.placeholder': '電話番号',
13 | 'pages.login.phoneNumber.required': '電話番号を入力してください！',
14 | 'pages.login.phoneNumber.invalid': '電話番号が無効です！',
15 | 'pages.login.captcha.placeholder': '確認コード',
16 | 'pages.login.captcha.required': '確認コードを入力してください！',
17 | 'pages.login.phoneLogin.getVerificationCode': '確認コードを取得',
18 | 'pages.getCaptchaSecondText': '秒',
19 | 'pages.login.rememberMe': 'Remember me',
20 | 'pages.login.forgotPassword': 'パスワードをお忘れですか？',
21 | 'pages.login.submit': 'ログイン',
22 | 'pages.login.loginWith': 'その他のログイン方法：',
23 | 'pages.login.registerAccount': 'アカウント登録',
24 | 'pages.welcome.advancedComponent': '高度なコンポーネント',
25 | 'pages.welcome.link': 'ようこそ',
26 | 'pages.welcome.advancedLayout': '高度なレイアウト',
27 | 'pages.welcome.alertMessage': 'より高速で強力な頑丈なコンポーネントがリリースされました。',
28 | 'pages.admin.subPage.title': 'このページは管理者のみが表示できます',
29 | 'pages.admin.subPage.alertMessage':
30 | 'Umi uiがリリースされました。npm run uiを使用して体験してください。',
31 | 'pages.searchTable.createForm.newRule': '新しいルール',
32 | 'pages.searchTable.updateForm.ruleConfig': 'ルール構成',
33 | 'pages.searchTable.updateForm.basicConfig': '基本情報',
34 | 'pages.searchTable.updateForm.ruleName.nameLabel': 'ルール名',
35 | 'pages.searchTable.updateForm.ruleName.nameRules': 'ルール名を入力してください！',
36 | 'pages.searchTable.updateForm.ruleDesc.descLabel': 'ルールの説明',
37 | 'pages.searchTable.updateForm.ruleDesc.descPlaceholder': '5文字以上入力してください',
38 | 'pages.searchTable.updateForm.ruleDesc.descRules': '5文字以上のルールの説明を入力してください！',
39 | 'pages.searchTable.updateForm.ruleProps.title': 'プロパティの構成',
40 | 'pages.searchTable.updateForm.object': '監視対象',
41 | 'pages.searchTable.updateForm.ruleProps.templateLabel': 'ルールテンプレート',
42 | 'pages.searchTable.updateForm.ruleProps.typeLabel': 'ルールタイプ',
43 | 'pages.searchTable.updateForm.schedulingPeriod.title': 'スケジュール期間の設定',
44 | 'pages.searchTable.updateForm.schedulingPeriod.timeLabel': '開始時間',
45 | 'pages.searchTable.updateForm.schedulingPeriod.timeRules': '開始時間を選択してください！',
46 | 'pages.searchTable.titleDesc': '説明',
47 | 'pages.searchTable.ruleName': 'ルール名が必要です',
48 | 'pages.searchTable.titleCallNo': 'サービスコール数',
49 | 'pages.searchTable.titleStatus': 'ステータス',
50 | 'pages.searchTable.nameStatus.default': 'デフォルト',
51 | 'pages.searchTable.nameStatus.running': '起動中',
52 | 'pages.searchTable.nameStatus.online': 'オンライン',
53 | 'pages.searchTable.nameStatus.abnormal': '異常',
54 | 'pages.searchTable.titleUpdatedAt': '最終スケジュール',
55 | 'pages.searchTable.exception': '例外の理由を入力してください！',
56 | 'pages.searchTable.titleOption': 'オプション',
57 | 'pages.searchTable.config': '構成',
58 | 'pages.searchTable.subscribeAlert': 'アラートを購読する',
59 | 'pages.searchTable.title': 'お問い合わせフォーム',
60 | 'pages.searchTable.new': '新しい',
61 | 'pages.searchTable.chosen': '選んだ項目',
62 | 'pages.searchTable.item': '項目',
63 | 'pages.searchTable.totalServiceCalls': 'サービスコールの総数',
64 | 'pages.searchTable.tenThousand': '万',
65 | 'pages.searchTable.batchDeletion': 'バッチ削除',
66 | 'pages.searchTable.batchApproval': 'バッチ承認',
67 | };
68 |
--------------------------------------------------------------------------------
/src/components/ComUpload/index.tsx:
--------------------------------------------------------------------------------
1 | import React, { useState, useEffect } from 'react'
2 | import { Button, Upload, message } from 'antd'
3 | import { UploadOutlined, FileTextOutlined, FilePdfOutlined, FileExcelOutlined, FileImageOutlined, FileUnknownOutlined, FileGifOutlined, FileWordOutlined } from '@ant-design/icons'
4 |
5 | export type comuploadProps = {
6 | value?: any
7 | onChange?: (arr?: any) => void
8 | limit?: number
9 | isDetail?: boolean
10 | }
11 |
12 | const ComUpload: React.FC
94 | {clearText} {title}
95 |
96 | ) : null}
97 | {showViewMore ? (
98 | {
100 | if (onViewMore) {
101 | onViewMore(e);
102 | }
103 | }}
104 | >
105 | {viewMoreText}
106 |
107 | ) : null}
108 |
66 |
128 |
129 | )
130 | }
131 |
132 | // 通过forwardRef传递
133 | export default forwardRef(formInput)
--------------------------------------------------------------------------------
/src/locales/fa-IR/pages.ts:
--------------------------------------------------------------------------------
1 | export default {
2 | 'pages.layouts.userLayout.title': 'طراحی مورچه تأثیرگذارترین مشخصات طراحی وب در منطقه Xihu است',
3 | 'pages.login.accountLogin.tab': 'ورود به حساب کاربری',
4 | 'pages.login.accountLogin.errorMessage': 'نام کاربری / رمزعبور نادرست （مدیر / ant.design)',
5 | 'pages.login.username.placeholder': 'نام کاربری: مدیر یا کاربر',
6 | 'pages.login.username.required': 'لطفا نام کاربری خود را وارد کنید!',
7 | 'pages.login.password.placeholder': 'رمز عبور: ant.design',
8 | 'pages.login.password.required': 'لطفاً رمز ورود خود را وارد کنید!',
9 | 'pages.login.phoneLogin.tab': 'ورود به سیستم تلفن',
10 | 'pages.login.phoneLogin.errorMessage': 'خطای کد تأیید',
11 | 'pages.login.phoneNumber.placeholder': 'شماره تلفن',
12 | 'pages.login.phoneNumber.required': 'لطفاً شماره تلفن خود را وارد کنید!',
13 | 'pages.login.phoneNumber.invalid': 'شماره تلفن نامعتبر است!',
14 | 'pages.login.captcha.placeholder': 'کد تایید',
15 | 'pages.login.captcha.required': 'لطفا کد تأیید را وارد کنید!',
16 | 'pages.login.phoneLogin.getVerificationCode': 'دریافت کد',
17 | 'pages.getCaptchaSecondText': 'ثانیه',
18 | 'pages.login.rememberMe': 'مرا به خاطر بسپار',
19 | 'pages.login.forgotPassword': 'رمز عبور را فراموش کرده اید ?',
20 | 'pages.login.submit': 'ارسال',
21 | 'pages.login.loginWith': 'وارد شوید با :',
22 | 'pages.login.registerAccount': 'ثبت نام',
23 | 'pages.welcome.advancedComponent': 'مولفه پیشرفته',
24 | 'pages.welcome.link': 'خوش آمدید',
25 | 'pages.welcome.advancedLayout': 'چیدمان پیشرفته',
26 | 'pages.welcome.alertMessage': 'اجزای سنگین تر سریعتر و قوی تر آزاد شده اند.',
27 | 'pages.admin.subPage.title': 'این صفحه فقط توسط مدیر قابل مشاهده است',
28 | 'pages.admin.subPage.alertMessage':
29 | 'رابط کاربری Umi اکنون منتشر شده است ، برای شروع تجربه استفاده از npm run ui خوش آمدید.',
30 | 'pages.searchTable.createForm.newRule': 'قانون جدید',
31 | 'pages.searchTable.updateForm.ruleConfig': 'پیکربندی قانون',
32 | 'pages.searchTable.updateForm.basicConfig': 'اطلاعات اولیه',
33 | 'pages.searchTable.updateForm.ruleName.nameLabel': ' نام قانون',
34 | 'pages.searchTable.updateForm.ruleName.nameRules': 'لطفاً نام قانون را وارد کنید!',
35 | 'pages.searchTable.updateForm.ruleDesc.descLabel': 'شرح قانون',
36 | 'pages.searchTable.updateForm.ruleDesc.descPlaceholder': 'لطفاً حداقل پنج حرف وارد کنید',
37 | 'pages.searchTable.updateForm.ruleDesc.descRules':
38 | 'لطفاً حداقل یک قانون حاوی پنج کاراکتر شرح دهید!',
39 | 'pages.searchTable.updateForm.ruleProps.title': 'پیکربندی خصوصیات',
40 | 'pages.searchTable.updateForm.object': 'نظارت بر شی',
41 | 'pages.searchTable.updateForm.ruleProps.templateLabel': 'الگوی قانون',
42 | 'pages.searchTable.updateForm.ruleProps.typeLabel': 'نوع قانون',
43 | 'pages.searchTable.updateForm.schedulingPeriod.title': 'تنظیم دوره زمان بندی',
44 | 'pages.searchTable.updateForm.schedulingPeriod.timeLabel': 'زمان شروع',
45 | 'pages.searchTable.updateForm.schedulingPeriod.timeRules': 'لطفاً زمان شروع را انتخاب کنید!',
46 | 'pages.searchTable.titleDesc': 'شرح',
47 | 'pages.searchTable.ruleName': 'نام قانون لازم است',
48 | 'pages.searchTable.titleCallNo': 'تعداد تماس های خدماتی',
49 | 'pages.searchTable.titleStatus': 'وضعیت',
50 | 'pages.searchTable.nameStatus.default': 'پیش فرض',
51 | 'pages.searchTable.nameStatus.running': 'در حال دویدن',
52 | 'pages.searchTable.nameStatus.online': 'برخط',
53 | 'pages.searchTable.nameStatus.abnormal': 'غیرطبیعی',
54 | 'pages.searchTable.titleUpdatedAt': 'آخرین برنامه ریزی در',
55 | 'pages.searchTable.exception': 'لطفا دلیل استثنا را وارد کنید!',
56 | 'pages.searchTable.titleOption': 'گزینه',
57 | 'pages.searchTable.config': 'پیکربندی',
58 | 'pages.searchTable.subscribeAlert': 'مشترک شدن در هشدارها',
59 | 'pages.searchTable.title': 'فرم درخواست',
60 | 'pages.searchTable.new': 'جدید',
61 | 'pages.searchTable.chosen': 'انتخاب شده',
62 | 'pages.searchTable.item': 'مورد',
63 | 'pages.searchTable.totalServiceCalls': 'تعداد کل تماس های خدماتی',
64 | 'pages.searchTable.tenThousand': '0000',
65 | 'pages.searchTable.batchDeletion': 'حذف دسته ای',
66 | 'pages.searchTable.batchApproval': 'تصویب دسته ای',
67 | };
68 |
--------------------------------------------------------------------------------
/src/locales/id-ID/pages.ts:
--------------------------------------------------------------------------------
1 | export default {
2 | 'pages.layouts.userLayout.title':
3 | 'Ant Design adalah spesifikasi desain Web yang paling berpengaruh di Kabupaten Xihu',
4 | 'pages.login.accountLogin.tab': 'Login dengan akun',
5 | 'pages.login.accountLogin.errorMessage': 'Nama pengguna dan kata sandi salah（admin/ant.design)',
6 | 'pages.login.username.placeholder': 'nama pengguna: admin atau user',
7 | 'pages.login.username.required': 'Nama pengguna harus diisi!',
8 | 'pages.login.password.placeholder': 'kata sandi: ant.design',
9 | 'pages.login.password.required': 'Kata sandi harus diisi!',
10 | 'pages.login.phoneLogin.tab': 'Login dengan ponsel',
11 | 'pages.login.phoneLogin.errorMessage': 'Kesalahan kode verifikasi',
12 | 'pages.login.phoneNumber.placeholder': 'masukkan nomor telepon',
13 | 'pages.login.phoneNumber.required': 'Nomor ponsel harus diisi!',
14 | 'pages.login.phoneNumber.invalid': 'Nomor ponsel tidak valid!',
15 | 'pages.login.captcha.placeholder': 'kode verifikasi',
16 | 'pages.login.captcha.required': 'Kode verifikasi diperlukan!',
17 | 'pages.login.phoneLogin.getVerificationCode': 'Dapatkan kode',
18 | 'pages.getCaptchaSecondText': 'detik tersisa',
19 | 'pages.login.rememberMe': 'Ingat saya',
20 | 'pages.login.forgotPassword': 'Lupa Kata Sandi?',
21 | 'pages.login.submit': 'Masuk',
22 | 'pages.login.loginWith': 'Masuk dengan :',
23 | 'pages.login.registerAccount': 'Daftar Akun',
24 | 'pages.welcome.advancedComponent': 'Formulir Lanjutan',
25 | 'pages.welcome.link': 'Selamat datang',
26 | 'pages.welcome.advancedLayout': 'Tata letak Lanjutan',
27 | 'pages.welcome.alertMessage':
28 | 'Komponen heavy-duty yang lebih cepat dan lebih kuat telah dirilis.',
29 | 'pages.admin.subPage.title': 'Halaman ini hanya dapat dilihat oleh admin',
30 | 'pages.admin.subPage.alertMessage':
31 | 'umi ui telah dirilis, silahkan gunakan npm run ui untuk memulai pengalaman.',
32 | 'pages.searchTable.createForm.newRule': 'Aturan baru',
33 | 'pages.searchTable.updateForm.ruleConfig': 'Konfigurasi aturan',
34 | 'pages.searchTable.updateForm.basicConfig': 'Informasi dasar',
35 | 'pages.searchTable.updateForm.ruleName.nameLabel': 'Nama aturan',
36 | 'pages.searchTable.updateForm.ruleName.nameRules': 'Harap masukkan nama aturan!',
37 | 'pages.searchTable.updateForm.ruleDesc.descLabel': 'Deskripsi aturan',
38 | 'pages.searchTable.updateForm.ruleDesc.descPlaceholder':
39 | 'Harap masukkan setidaknya lima karakter',
40 | 'pages.searchTable.updateForm.ruleDesc.descRules':
41 | 'Harap masukkan deskripsi aturan setidaknya lima karakter!',
42 | 'pages.searchTable.updateForm.ruleProps.title': 'Properti aturan',
43 | 'pages.searchTable.updateForm.object': 'Objek pemantauan',
44 | 'pages.searchTable.updateForm.ruleProps.templateLabel': 'Template aturan',
45 | 'pages.searchTable.updateForm.ruleProps.typeLabel': 'Jenis aturan',
46 | 'pages.searchTable.updateForm.schedulingPeriod.title': 'Periode penjadwalan',
47 | 'pages.searchTable.updateForm.schedulingPeriod.timeLabel': 'Waktu mulai',
48 | 'pages.searchTable.updateForm.schedulingPeriod.timeRules': 'Pilih waktu mulai!',
49 | 'pages.searchTable.titleDesc': 'deskripsi',
50 | 'pages.searchTable.ruleName': 'Nama aturan wajib diisi',
51 | 'pages.searchTable.titleCallNo': 'Jumlah panggilan',
52 | 'pages.searchTable.titleStatus': 'Status',
53 | 'pages.searchTable.nameStatus.default': 'default',
54 | 'pages.searchTable.nameStatus.running': 'menyala',
55 | 'pages.searchTable.nameStatus.online': 'online',
56 | 'pages.searchTable.nameStatus.abnormal': 'abnormal',
57 | 'pages.searchTable.titleUpdatedAt': 'Waktu terjadwal',
58 | 'pages.searchTable.exception': 'Harap masukkan alasan pengecualian!',
59 | 'pages.searchTable.titleOption': 'Pengoperasian',
60 | 'pages.searchTable.config': 'Konfigurasi',
61 | 'pages.searchTable.subscribeAlert': 'Berlangganan notifikasi',
62 | 'pages.searchTable.title': 'Formulir pertanyaan',
63 | 'pages.searchTable.new': 'Baru',
64 | 'pages.searchTable.chosen': 'Terpilih',
65 | 'pages.searchTable.item': 'item',
66 | 'pages.searchTable.totalServiceCalls': 'Jumlah total panggilan layanan',
67 | 'pages.searchTable.tenThousand': '0000',
68 | 'pages.searchTable.batchDeletion': 'Penghapusan batch',
69 | 'pages.searchTable.batchApproval': 'Persetujuan batch',
70 | };
71 |
--------------------------------------------------------------------------------