8 |
10 | );
11 | export default PageLoading;
12 |
--------------------------------------------------------------------------------
/manager-new/src/components/SelectLang/index.less:
--------------------------------------------------------------------------------
1 | @import '~antd/es/style/themes/default.less';
2 |
3 | .menu {
4 | :global(.anticon) {
5 | margin-right: 8px;
6 | }
7 | :global(.ant-dropdown-menu-item) {
8 | min-width: 160px;
9 | }
10 | }
11 |
12 | .dropDown {
13 | line-height: @layout-header-height;
14 | vertical-align: top;
15 | cursor: pointer;
16 | > i {
17 | font-size: 16px !important;
18 | transform: none !important;
19 | svg {
20 | position: relative;
21 | top: -1px;
22 | }
23 | }
24 | }
25 |
--------------------------------------------------------------------------------
/manager-new/src/e2e/__mocks__/antd-pro-merge-less.js:
--------------------------------------------------------------------------------
1 | export default undefined;
2 |
--------------------------------------------------------------------------------
/manager-new/src/e2e/topMenu.e2e.js:
--------------------------------------------------------------------------------
1 | const BASE_URL = `http://localhost:${process.env.PORT || 8000}`;
2 |
3 | describe('Homepage', () => {
4 | it('topmenu should have footer', async () => {
5 | const params = '?navTheme=light&layout=topmenu';
6 | await page.goto(`${BASE_URL}${params}`);
7 | await page.waitForSelector('footer', {
8 | timeout: 2000,
9 | });
10 | const haveFooter = await page.evaluate(
11 | () => document.getElementsByTagName('footer').length > 0,
12 | );
13 | expect(haveFooter).toBeTruthy();
14 | });
15 | });
16 |
--------------------------------------------------------------------------------
/manager-new/src/global.less:
--------------------------------------------------------------------------------
1 | @import '~antd/es/style/themes/default.less';
2 |
3 | html,
4 | body,
5 | #root {
6 | height: 100%;
7 | }
8 |
9 | .colorWeak {
10 | filter: invert(80%);
11 | }
12 |
13 | .ant-layout {
14 | min-height: 100vh;
15 | }
16 |
17 | canvas {
18 | display: block;
19 | }
20 |
21 | body {
22 | text-rendering: optimizeLegibility;
23 | -webkit-font-smoothing: antialiased;
24 | -moz-osx-font-smoothing: grayscale;
25 | }
26 |
27 | ul,
28 | ol {
29 | list-style: none;
30 | }
31 |
32 | @media (max-width: @screen-xs) {
33 | .ant-table {
34 | width: 100%;
35 | overflow-x: auto;
36 | &-thead > tr,
37 | &-tbody > tr {
38 | > th,
39 | > td {
40 | white-space: pre;
41 | > span {
42 | display: block;
43 | }
44 | }
45 | }
46 | }
47 | }
48 |
--------------------------------------------------------------------------------
/manager-new/src/layouts/BlankLayout.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | const Layout: React.FC = ({ children }) => {children}
;
4 |
5 | export default Layout;
6 |
--------------------------------------------------------------------------------
/manager-new/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 pwa from './en-US/pwa';
5 | import settingDrawer from './en-US/settingDrawer';
6 | import settings from './en-US/settings';
7 |
8 | export default {
9 | 'navBar.lang': 'Languages',
10 | 'layout.user.link.help': 'Help',
11 | 'layout.user.link.privacy': 'Privacy',
12 | 'layout.user.link.terms': 'Terms',
13 | 'app.preview.down.block': 'Download this page to your local project',
14 | 'app.welcome.link.fetch-blocks': 'Get all block',
15 | 'app.welcome.link.block-list': 'Quickly build standard, pages based on `block` development',
16 | ...globalHeader,
17 | ...menu,
18 | ...settingDrawer,
19 | ...settings,
20 | ...pwa,
21 | ...component,
22 | };
23 |
--------------------------------------------------------------------------------
/manager-new/src/locales/en-US/component.ts:
--------------------------------------------------------------------------------
1 | export default {
2 | 'component.tagSelect.expand': 'Expand',
3 | 'component.tagSelect.collapse': 'Collapse',
4 | 'component.tagSelect.all': 'All',
5 | };
6 |
--------------------------------------------------------------------------------
/manager-new/src/locales/en-US/pwa.ts:
--------------------------------------------------------------------------------
1 | export default {
2 | 'app.pwa.offline': 'You are offline now',
3 | 'app.pwa.serviceworker.updated': 'New content is available',
4 | 'app.pwa.serviceworker.updated.hint': 'Please press the "Refresh" button to reload current page',
5 | 'app.pwa.serviceworker.updated.ok': 'Refresh',
6 | };
7 |
--------------------------------------------------------------------------------
/manager-new/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 |
8 | export default {
9 | 'navBar.lang': 'Idiomas',
10 | 'layout.user.link.help': 'ajuda',
11 | 'layout.user.link.privacy': 'política de privacidade',
12 | 'layout.user.link.terms': 'termos de serviços',
13 | 'app.preview.down.block': 'Download this page to your local project',
14 | ...globalHeader,
15 | ...menu,
16 | ...settingDrawer,
17 | ...settings,
18 | ...pwa,
19 | ...component,
20 | };
21 |
--------------------------------------------------------------------------------
/manager-new/src/locales/pt-BR/component.ts:
--------------------------------------------------------------------------------
1 | export default {
2 | 'component.tagSelect.expand': 'Expandir',
3 | 'component.tagSelect.collapse': 'Diminuir',
4 | 'component.tagSelect.all': 'Todas',
5 | };
6 |
--------------------------------------------------------------------------------
/manager-new/src/locales/pt-BR/pwa.ts:
--------------------------------------------------------------------------------
1 | export default {
2 | 'app.pwa.offline': 'Você está offline agora',
3 | 'app.pwa.serviceworker.updated': 'Novo conteúdo está disponível',
4 | 'app.pwa.serviceworker.updated.hint':
5 | 'Por favor, pressione o botão "Atualizar" para recarregar a página atual',
6 | 'app.pwa.serviceworker.updated.ok': 'Atualizar',
7 | };
8 |
--------------------------------------------------------------------------------
/manager-new/src/locales/zh-CN.ts:
--------------------------------------------------------------------------------
1 | import component from './zh-CN/component';
2 | import globalHeader from './zh-CN/globalHeader';
3 | import menu from './zh-CN/menu';
4 | import pwa from './zh-CN/pwa';
5 | import settingDrawer from './zh-CN/settingDrawer';
6 | import settings from './zh-CN/settings';
7 |
8 | export default {
9 | 'navBar.lang': '语言',
10 | 'layout.user.link.help': '帮助',
11 | 'layout.user.link.privacy': '隐私',
12 | 'layout.user.link.terms': '条款',
13 | 'app.preview.down.block': '下载此页面到本地项目',
14 | 'app.welcome.link.fetch-blocks': '获取全部区块',
15 | 'app.welcome.link.block-list': '基于 block 开发，快速构建标准页面',
16 | ...globalHeader,
17 | ...menu,
18 | ...settingDrawer,
19 | ...settings,
20 | ...pwa,
21 | ...component,
22 | };
23 |
--------------------------------------------------------------------------------
/manager-new/src/locales/zh-CN/component.ts:
--------------------------------------------------------------------------------
1 | export default {
2 | 'component.tagSelect.expand': '展开',
3 | 'component.tagSelect.collapse': '收起',
4 | 'component.tagSelect.all': '全部',
5 | };
6 |
--------------------------------------------------------------------------------
/manager-new/src/locales/zh-CN/globalHeader.ts:
--------------------------------------------------------------------------------
1 | export default {
2 | 'component.globalHeader.search': '站内搜索',
3 | 'component.globalHeader.search.example1': '搜索提示一',
4 | 'component.globalHeader.search.example2': '搜索提示二',
5 | 'component.globalHeader.search.example3': '搜索提示三',
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 |
--------------------------------------------------------------------------------
/manager-new/src/locales/zh-CN/pwa.ts:
--------------------------------------------------------------------------------
1 | export default {
2 | 'app.pwa.offline': '当前处于离线状态',
3 | 'app.pwa.serviceworker.updated': '有新内容',
4 | 'app.pwa.serviceworker.updated.hint': '请点击“刷新”按钮或者手动刷新页面',
5 | 'app.pwa.serviceworker.updated.ok': '刷新',
6 | };
7 |
--------------------------------------------------------------------------------
/manager-new/src/locales/zh-TW.ts:
--------------------------------------------------------------------------------
1 | import component from './zh-TW/component';
2 | import globalHeader from './zh-TW/globalHeader';
3 | import menu from './zh-TW/menu';
4 | import pwa from './zh-TW/pwa';
5 | import settingDrawer from './zh-TW/settingDrawer';
6 | import settings from './zh-TW/settings';
7 |
8 | export default {
9 | 'navBar.lang': '語言',
10 | 'layout.user.link.help': '幫助',
11 | 'layout.user.link.privacy': '隱私',
12 | 'layout.user.link.terms': '條款',
13 | 'app.preview.down.block': '下載此頁面到本地項目',
14 | ...globalHeader,
15 | ...menu,
16 | ...settingDrawer,
17 | ...settings,
18 | ...pwa,
19 | ...component,
20 | };
21 |
--------------------------------------------------------------------------------
/manager-new/src/locales/zh-TW/component.ts:
--------------------------------------------------------------------------------
1 | export default {
2 | 'component.tagSelect.expand': '展開',
3 | 'component.tagSelect.collapse': '收起',
4 | 'component.tagSelect.all': '全部',
5 | };
6 |
--------------------------------------------------------------------------------
/manager-new/src/locales/zh-TW/globalHeader.ts:
--------------------------------------------------------------------------------
1 | export default {
2 | 'component.globalHeader.search': '站內搜索',
3 | 'component.globalHeader.search.example1': '搜索提示壹',
4 | 'component.globalHeader.search.example2': '搜索提示二',
5 | 'component.globalHeader.search.example3': '搜索提示三',
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 |
--------------------------------------------------------------------------------
/manager-new/src/locales/zh-TW/pwa.ts:
--------------------------------------------------------------------------------
1 | export default {
2 | 'app.pwa.offline': '當前處於離線狀態',
3 | 'app.pwa.serviceworker.updated': '有新內容',
4 | 'app.pwa.serviceworker.updated.hint': '請點擊“刷新”按鈕或者手動刷新頁面',
5 | 'app.pwa.serviceworker.updated.ok': '刷新',
6 | };
7 |
--------------------------------------------------------------------------------
/manager-new/src/manifest.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "Ant Design Pro",
3 | "short_name": "Ant Design Pro",
4 | "display": "standalone",
5 | "start_url": "./?utm_source=homescreen",
6 | "theme_color": "#002140",
7 | "background_color": "#001529",
8 | "icons": [
9 | {
10 | "src": "icons/icon-192x192.png",
11 | "sizes": "192x192"
12 | },
13 | {
14 | "src": "icons/icon-128x128.png",
15 | "sizes": "128x128"
16 | },
17 | {
18 | "src": "icons/icon-512x512.png",
19 | "sizes": "512x512"
20 | }
21 | ]
22 | }
23 |
--------------------------------------------------------------------------------
/manager-new/src/pages/404.tsx:
--------------------------------------------------------------------------------
1 | import { Button, Result } from 'antd';
2 | import React from 'react';
3 | import router from 'umi/router';
4 |
5 | // 这里应该使用 antd 的 404 result 组件，
6 | // 但是还没发布，先来个简单的。
7 |
8 | const NoFoundPage: React.FC<{}> = () => (
9 |
22 |
24 |
8 |
15 | );
16 |
17 | export default ArticleListContent;
18 |
--------------------------------------------------------------------------------
/manager/src/components/ArticleListContent/index.less:
--------------------------------------------------------------------------------
1 | @import '~antd/lib/style/themes/default.less';
2 |
3 | .listContent {
4 | .description {
5 | max-width: 720px;
6 | line-height: 22px;
7 | }
8 | .extra {
9 | margin-top: 16px;
10 | color: @text-color-secondary;
11 | line-height: 22px;
12 | & > :global(.ant-avatar) {
13 | position: relative;
14 | top: 1px;
15 | width: 20px;
16 | height: 20px;
17 | margin-right: 8px;
18 | vertical-align: top;
19 | }
20 | & > em {
21 | margin-left: 16px;
22 | color: @disabled-color;
23 | font-style: normal;
24 | }
25 | }
26 | }
27 |
28 | @media screen and (max-width: @screen-xs) {
29 | .listContent {
30 | .extra {
31 | & > em {
32 | display: block;
33 | margin-top: 8px;
34 | margin-left: 0;
35 | }
36 | }
37 | }
38 | }
39 |
--------------------------------------------------------------------------------
/manager/src/components/Authorized/Authorized.js:
--------------------------------------------------------------------------------
1 | import CheckPermissions from './CheckPermissions';
2 |
3 | const Authorized = ({ children, authority, noMatch = null }) => {
4 | const childrenRender = typeof children === 'undefined' ? null : children;
5 | return CheckPermissions(authority, childrenRender, noMatch);
6 | };
7 |
8 | export default Authorized;
9 |
--------------------------------------------------------------------------------
/manager/src/components/Authorized/AuthorizedRoute.d.ts:
--------------------------------------------------------------------------------
1 | import * as React from 'react';
2 | import { RouteProps } from 'react-router';
3 |
4 | type authorityFN = (currentAuthority?: string) => boolean;
5 |
6 | type authority = string | string[] | authorityFN | Promise{content}
9 |
14 |
19 |
20 |
22 |
,
23 | mountNode,
24 | );
25 | ```
26 |
--------------------------------------------------------------------------------
/manager/src/components/Authorized/demo/secured.md:
--------------------------------------------------------------------------------
1 | ---
2 | order: 3
3 | title:
4 | zh-CN: 注解基本使用
5 | en-US: Basic use secured
6 | ---
7 |
8 | secured demo used
9 |
10 | ```jsx
11 | import RenderAuthorized from 'ant-design-pro/lib/Authorized';
12 | import { Alert } from 'antd';
13 |
14 | const { Secured } = RenderAuthorized('user');
15 |
16 | @Secured('admin')
17 | class TestSecuredString extends React.Component {
18 | render() {
19 | return (
20 |
26 |
,
28 | mountNode,
29 | );
30 | ```
31 |
--------------------------------------------------------------------------------
/manager/src/components/Authorized/index.js:
--------------------------------------------------------------------------------
1 | import Authorized from './Authorized';
2 | import AuthorizedRoute from './AuthorizedRoute';
3 | import Secured from './Secured';
4 | import check from './CheckPermissions';
5 | import renderAuthorize from './renderAuthorize';
6 |
7 | Authorized.Secured = Secured;
8 | Authorized.AuthorizedRoute = AuthorizedRoute;
9 | Authorized.check = check;
10 |
11 | export default renderAuthorize(Authorized);
12 |
--------------------------------------------------------------------------------
/manager/src/components/Authorized/renderAuthorize.js:
--------------------------------------------------------------------------------
1 | /* eslint-disable import/no-mutable-exports */
2 | let CURRENT = 'NULL';
3 | /**
4 | * use authority or getAuthority
5 | * @param {string|()=>String} currentAuthority
6 | */
7 | const renderAuthorize = Authorized => currentAuthority => {
8 | if (currentAuthority) {
9 | if (typeof currentAuthority === 'function') {
10 | CURRENT = currentAuthority();
11 | }
12 | if (
13 | Object.prototype.toString.call(currentAuthority) === '[object String]' ||
14 | Array.isArray(currentAuthority)
15 | ) {
16 | CURRENT = currentAuthority;
17 | }
18 | } else {
19 | CURRENT = 'NULL';
20 | }
21 | return Authorized;
22 | };
23 |
24 | export { CURRENT };
25 | export default Authorized => renderAuthorize(Authorized);
26 |
--------------------------------------------------------------------------------
/manager/src/components/AvatarList/AvatarItem.d.ts:
--------------------------------------------------------------------------------
1 | import * as React from 'react';
2 | export interface IAvatarItemProps {
3 | tips: React.ReactNode;
4 | src: string;
5 | style?: React.CSSProperties;
6 | }
7 |
8 | export default class AvatarItem extends React.Component
7 | {label}
8 | {value}
9 |
10 | );
11 |
12 | export default Field;
13 |
--------------------------------------------------------------------------------
/manager/src/components/Charts/Field/index.less:
--------------------------------------------------------------------------------
1 | @import '~antd/lib/style/themes/default.less';
2 |
3 | .field {
4 | margin: 0;
5 | overflow: hidden;
6 | white-space: nowrap;
7 | text-overflow: ellipsis;
8 | .label,
9 | .number {
10 | font-size: @font-size-base;
11 | line-height: 22px;
12 | }
13 | .number {
14 | margin-left: 8px;
15 | color: @heading-color;
16 | }
17 | }
18 |
--------------------------------------------------------------------------------
/manager/src/components/Charts/Gauge/index.d.ts:
--------------------------------------------------------------------------------
1 | import * as React from 'react';
2 | export interface IGaugeProps {
3 | title: React.ReactNode;
4 | color?: string;
5 | height: number;
6 | bgColor?: number;
7 | percent: number;
8 | style?: React.CSSProperties;
9 | }
10 |
11 | export default class Gauge extends React.Component
13 |
19 | , mountNode);
20 | ````
21 |
--------------------------------------------------------------------------------
/manager/src/components/Charts/index.less:
--------------------------------------------------------------------------------
1 | .miniChart {
2 | position: relative;
3 | width: 100%;
4 | .chartContent {
5 | position: absolute;
6 | bottom: -28px;
7 | width: 100%;
8 | > div {
9 | margin: 0 -5px;
10 | overflow: hidden;
11 | }
12 | }
13 | .chartLoading {
14 | position: absolute;
15 | top: 16px;
16 | left: 50%;
17 | margin-left: -7px;
18 | }
19 | }
20 |
--------------------------------------------------------------------------------
/manager/src/components/CountDown/demo/simple.md:
--------------------------------------------------------------------------------
1 | ---
2 | order: 0
3 | title:
4 | zh-CN: 基本
5 | en-US: Basic
6 | ---
7 |
8 | ## zh-CN
9 |
10 | 简单的倒计时组件使用。
11 |
12 | ## en-US
13 |
14 | The simplest usage.
15 |
16 | ````jsx
17 | import CountDown from 'ant-design-pro/lib/CountDown';
18 |
19 | const targetTime = new Date().getTime() + 3900000;
20 |
21 | ReactDOM.render(
22 | {term}
}
10 | {children !== null && children !== undefined && {children}
}
11 |
12 | );
13 |
14 | Description.defaultProps = {
15 | term: '',
16 | };
17 |
18 | Description.propTypes = {
19 | term: PropTypes.node,
20 | };
21 |
22 | export default Description;
23 |
--------------------------------------------------------------------------------
/manager/src/components/DescriptionList/index.d.ts:
--------------------------------------------------------------------------------
1 | import * as React from 'react';
2 | import Description from './Description';
3 |
4 | export interface IDescriptionListProps {
5 | layout?: 'horizontal' | 'vertical';
6 | col?: number;
7 | title: React.ReactNode;
8 | gutter?: number;
9 | size?: 'large' | 'small';
10 | style?: React.CSSProperties;
11 | }
12 |
13 | export default class DescriptionList extends React.Component
22 |
23 |
24 |
25 | );
26 | ReactDOM.render(
27 |
22 | {
26 | console.log('input', value); // eslint-disable-line
27 | }}
28 | onPressEnter={(value) => {
29 | console.log('enter', value); // eslint-disable-line
30 | }}
31 | />
32 |
33 | , mountNode);
34 | ````
35 |
--------------------------------------------------------------------------------
/manager/src/components/HeaderSearch/index.d.ts:
--------------------------------------------------------------------------------
1 | import * as React from 'react';
2 | export interface IHeaderSearchProps {
3 | placeholder?: string;
4 | dataSource?: string[];
5 | defaultOpen?: boolean;
6 | open?: boolean;
7 | onSearch?: (value: string) => void;
8 | onChange?: (value: string) => void;
9 | onVisibleChange?: (visible: boolean) => void;
10 | onPressEnter?: (value: string) => void;
11 | style?: React.CSSProperties;
12 | className?: string;
13 | }
14 |
15 | export default class HeaderSearch extends React.Component
22 | Visits this week}
24 | total={numeral(12321).format('0,0')}
25 | status="up"
26 | subTotal={17.1}
27 | />
28 |
29 | , mountNode);
30 | ````
31 |
--------------------------------------------------------------------------------
/manager/src/components/NumberInfo/index.d.ts:
--------------------------------------------------------------------------------
1 | import * as React from 'react';
2 | export interface INumberInfoProps {
3 | title?: React.ReactNode | string;
4 | subTitle?: React.ReactNode | string;
5 | total?: React.ReactNode | string;
6 | status?: 'up' | 'down';
7 | theme?: string;
8 | gap?: number;
9 | subTotal?: number;
10 | style?: React.CSSProperties;
11 | }
12 |
13 | export default class NumberInfo extends React.Component
23 |
25 | , mountNode);
26 | ````
27 |
28 |
33 |
--------------------------------------------------------------------------------
/manager/src/components/PageHeader/index.d.ts:
--------------------------------------------------------------------------------
1 | import * as React from 'react';
2 | export interface IPageHeaderProps {
3 | title?: React.ReactNode | string;
4 | logo?: React.ReactNode | string;
5 | action?: React.ReactNode | string;
6 | content?: React.ReactNode;
7 | extraContent?: React.ReactNode;
8 | routes?: any[];
9 | params?: any;
10 | breadcrumbList?: Array<{ title: React.ReactNode; href?: string }>;
11 | tabList?: Array<{ key: string; tab: React.ReactNode }>;
12 | tabActiveKey?: string;
13 | tabDefaultActiveKey?: string;
14 | onTabChange?: (key: string) => void;
15 | tabBarExtraContent?: React.ReactNode;
16 | linkElement?: React.ReactNode;
17 | style?: React.CSSProperties;
18 | home?: React.ReactNode;
19 | wide?: boolean;
20 | hiddenBreadcrumb?: boolean;
21 | }
22 |
23 | export default class PageHeader extends React.Component{children}
;
13 | }
14 | }
15 |
16 | export default connect(({ setting }) => ({
17 | contentWidth: setting.contentWidth,
18 | }))(GridContent);
19 |
--------------------------------------------------------------------------------
/manager/src/components/PageHeaderWrapper/GridContent.less:
--------------------------------------------------------------------------------
1 | .main {
2 | width: 100%;
3 | height: 100%;
4 | min-height: 100%;
5 | transition: 0.3s;
6 | &.wide {
7 | max-width: 1200px;
8 | margin: 0 auto;
9 | }
10 | }
11 |
--------------------------------------------------------------------------------
/manager/src/components/PageHeaderWrapper/index.less:
--------------------------------------------------------------------------------
1 | @import '~antd/lib/style/themes/default.less';
2 |
3 | .content {
4 | margin: 24px 24px 0;
5 | }
6 |
7 | @media screen and (max-width: @screen-sm) {
8 | .content {
9 | margin: 24px 0 0;
10 | }
11 | }
12 |
--------------------------------------------------------------------------------
/manager/src/components/PageLoading/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { Spin } from 'antd';
3 |
4 | // loading components from code split
5 | // https://umijs.org/plugin/umi-plugin-react.html#dynamicimport
6 | export default () => (
7 |
8 |
10 | );
11 |
--------------------------------------------------------------------------------
/manager/src/components/Result/demo/structure.md:
--------------------------------------------------------------------------------
1 | ---
2 | order: 0
3 | title: Structure
4 | ---
5 |
6 | 结构包含 `处理结果`，`补充信息` 以及 `操作建议` 三个部分，其中 `处理结果` 由 `提示图标`，`标题` 和 `结果描述` 组成。
7 |
8 | ````jsx
9 | import Result from 'ant-design-pro/lib/Result';
10 |
11 | ReactDOM.render(
12 | 结果描述
}
16 | extra="其他补充信息，自带灰底效果"
17 | actions={操作建议，一般放置按钮组
}
18 | />
19 | , mountNode);
20 | ````
21 |
--------------------------------------------------------------------------------
/manager/src/components/Result/index.d.ts:
--------------------------------------------------------------------------------
1 | import * as React from 'react';
2 | export interface IResultProps {
3 | type: 'success' | 'error';
4 | title: React.ReactNode;
5 | description?: React.ReactNode;
6 | extra?: React.ReactNode;
7 | actions?: React.ReactNode;
8 | style?: React.CSSProperties;
9 | }
10 |
11 | export default class Result extends React.Component
7 | {list.map(item => (
8 |
9 |
21 | ))}
22 |
23 | );
24 |
25 | export default BlockChecbox;
26 |
--------------------------------------------------------------------------------
/manager/src/components/SettingDrawer/ThemeColor.less:
--------------------------------------------------------------------------------
1 | .themeColor {
2 | margin-top: 24px;
3 | overflow: hidden;
4 | .title {
5 | margin-bottom: 12px;
6 | color: rgba(0, 0, 0, 0.65);
7 | font-size: 14px;
8 | line-height: 22px;
9 | }
10 | .colorBlock {
11 | float: left;
12 | width: 20px;
13 | height: 20px;
14 | margin-right: 8px;
15 | color: #fff;
16 | font-weight: bold;
17 | text-align: center;
18 | border-radius: 2px;
19 | cursor: pointer;
20 | }
21 | }
22 |
--------------------------------------------------------------------------------
/manager/src/components/SiderMenu/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { Drawer } from 'antd';
3 | import SiderMenu from './SiderMenu';
4 | import { getFlatMenuKeys } from './SiderMenuUtils';
5 |
6 | const SiderMenuWrapper = React.memo(props => {
7 | const { isMobile, menuData, collapsed, onCollapse } = props;
8 | const flatMenuKeys = getFlatMenuKeys(menuData);
9 | return isMobile ? (
10 | onChange(item.key)}>
10 | 
11 |
20 |
17 |
19 |
14 | {title && (
15 |
21 | );
22 | };
23 |
24 | export default StandardFormRow;
25 |
--------------------------------------------------------------------------------
/manager/src/components/StandardTable/index.less:
--------------------------------------------------------------------------------
1 | @import '~antd/lib/style/themes/default.less';
2 |
3 | .standardTable {
4 | :global {
5 | .ant-table-pagination {
6 | margin-top: 24px;
7 | }
8 | }
9 |
10 | .tableAlert {
11 | margin-bottom: 16px;
12 | }
13 | }
14 |
--------------------------------------------------------------------------------
/manager/src/components/TagSelect/TagSelectOption.d.ts:
--------------------------------------------------------------------------------
1 | import * as React from 'react';
2 |
3 | export interface ITagSelectOptionProps {
4 | value: string | number;
5 | style?: React.CSSProperties;
6 | }
7 |
8 | export default class TagSelectOption extends React.Component
16 | {title}
17 |
18 | )}
19 | {children}
20 |
13 | 12%
14 | 11%
15 |
16 | , mountNode);
17 | ```
18 |
--------------------------------------------------------------------------------
/manager/src/components/Trend/demo/reverse.md:
--------------------------------------------------------------------------------
1 | ---
2 | order: 0
3 | title: 颜色反转
4 | ---
5 |
6 | 在数值背后添加一个小图标来标识涨跌情况。
7 |
8 | ```jsx
9 | import Trend from 'ant-design-pro/lib/Trend';
10 |
11 | ReactDOM.render(
12 |
13 | 12%
14 | 11%
15 |
16 | , mountNode);
17 | ```
18 |
--------------------------------------------------------------------------------
/manager/src/components/Trend/index.d.ts:
--------------------------------------------------------------------------------
1 | import * as React from 'react';
2 |
3 | export interface ITrendProps {
4 | colorful?: boolean;
5 | flag: 'up' | 'down';
6 | style?: React.CSSProperties;
7 | reverseColor?: boolean;
8 | }
9 |
10 | export default class Trend extends React.Component
17 | {children}
18 | {flag && (
19 |
20 |
24 | );
25 | };
26 |
27 | export default Trend;
28 |
--------------------------------------------------------------------------------
/manager/src/components/Trend/index.less:
--------------------------------------------------------------------------------
1 | @import '~antd/lib/style/themes/default.less';
2 |
3 | .trendItem {
4 | display: inline-block;
5 | font-size: @font-size-base;
6 | line-height: 22px;
7 |
8 | .up,
9 | .down {
10 | position: relative;
11 | top: 1px;
12 | margin-left: 4px;
13 | i {
14 | font-size: 12px;
15 | transform: scale(0.83);
16 | }
17 | }
18 | .up {
19 | color: @red-6;
20 | }
21 | .down {
22 | top: -1px;
23 | color: @green-6;
24 | }
25 |
26 | &.trendItemGrey .up,
27 | &.trendItemGrey .down {
28 | color: @text-color;
29 | }
30 |
31 | &.reverseColor .up {
32 | color: @green-6;
33 | }
34 | &.reverseColor .down {
35 | color: @red-6;
36 | }
37 | }
38 |
--------------------------------------------------------------------------------
/manager/src/components/Trend/index.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: Trend
3 | subtitle: 趋势标记
4 | cols: 1
5 | order: 14
6 | ---
7 |
8 | 趋势符号，标记上升和下降趋势。通常用绿色代表“好”，红色代表“不好”，股票涨跌场景除外。
9 |
10 | ## API
11 |
12 | ```html
13 | {children}
;
4 |
--------------------------------------------------------------------------------
/manager/src/layouts/Header.less:
--------------------------------------------------------------------------------
1 | .fixedHeader {
2 | position: fixed;
3 | top: 0;
4 | right: 0;
5 | z-index: 9;
6 | width: 100%;
7 | transition: width 0.2s;
8 | }
9 |
--------------------------------------------------------------------------------
/manager/src/layouts/MenuContext.js:
--------------------------------------------------------------------------------
1 | import { createContext } from 'react';
2 |
3 | export default createContext();
4 |
--------------------------------------------------------------------------------
/manager/src/locales/en-US/component.js:
--------------------------------------------------------------------------------
1 | export default {
2 | 'component.tagSelect.expand': 'Expand',
3 | 'component.tagSelect.collapse': 'Collapse',
4 | 'component.tagSelect.all': 'All',
5 | };
6 |
--------------------------------------------------------------------------------
/manager/src/locales/en-US/exception.js:
--------------------------------------------------------------------------------
1 | export default {
2 | 'app.exception.back': 'Back to home',
3 | 'app.exception.description.403': "Sorry, you don't have access to this page",
4 | 'app.exception.description.404': 'Sorry, the page you visited does not exist',
5 | 'app.exception.description.500': 'Sorry, the server is reporting an error',
6 | };
7 |
--------------------------------------------------------------------------------
/manager/src/locales/en-US/pwa.js:
--------------------------------------------------------------------------------
1 | export default {
2 | 'app.pwa.offline': 'You are offline now',
3 | 'app.pwa.serviceworker.updated': 'New content is available',
4 | 'app.pwa.serviceworker.updated.hint': 'Please press the "Refresh" button to reload current page',
5 | 'app.pwa.serviceworker.updated.ok': 'Refresh',
6 | };
7 |
--------------------------------------------------------------------------------
/manager/src/locales/pt-BR/component.js:
--------------------------------------------------------------------------------
1 | export default {
2 | 'component.tagSelect.expand': 'Expandir',
3 | 'component.tagSelect.collapse': 'Diminuir',
4 | 'component.tagSelect.all': 'Todas',
5 | };
6 |
--------------------------------------------------------------------------------
/manager/src/locales/pt-BR/exception.js:
--------------------------------------------------------------------------------
1 | export default {
2 | 'app.exception.back': 'Voltar para Início',
3 | 'app.exception.description.403': 'Desculpe, você não tem acesso a esta página',
4 | 'app.exception.description.404': 'Desculpe, a página que você visitou não existe',
5 | 'app.exception.description.500': 'Desculpe, o servidor está reportando um erro',
6 | };
7 |
--------------------------------------------------------------------------------
/manager/src/locales/pt-BR/pwa.js:
--------------------------------------------------------------------------------
1 | export default {
2 | 'app.pwa.offline': 'Você está offline agora',
3 | 'app.pwa.serviceworker.updated': 'Novo conteúdo está disponível',
4 | 'app.pwa.serviceworker.updated.hint':
5 | 'Por favor, pressione o botão "Atualizar" para recarregar a página atual',
6 | 'app.pwa.serviceworker.updated.ok': 'Atualizar',
7 | };
8 |
--------------------------------------------------------------------------------
/manager/src/locales/zh-CN/component.js:
--------------------------------------------------------------------------------
1 | export default {
2 | 'component.tagSelect.expand': '展开',
3 | 'component.tagSelect.collapse': '收起',
4 | 'component.tagSelect.all': '全部',
5 | };
6 |
--------------------------------------------------------------------------------
/manager/src/locales/zh-CN/exception.js:
--------------------------------------------------------------------------------
1 | export default {
2 | 'app.exception.back': '返回首页',
3 | 'app.exception.description.403': '抱歉，你无权访问该页面',
4 | 'app.exception.description.404': '抱歉，你访问的页面不存在',
5 | 'app.exception.description.500': '抱歉，服务器出错了',
6 | };
7 |
--------------------------------------------------------------------------------
/manager/src/locales/zh-CN/globalHeader.js:
--------------------------------------------------------------------------------
1 | export default {
2 | 'component.globalHeader.search': '站内搜索',
3 | 'component.globalHeader.search.example1': '搜索提示一',
4 | 'component.globalHeader.search.example2': '搜索提示二',
5 | 'component.globalHeader.search.example3': '搜索提示三',
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 |
--------------------------------------------------------------------------------
/manager/src/locales/zh-CN/monitor.js:
--------------------------------------------------------------------------------
1 | export default {
2 | 'app.monitor.trading-activity': '活动实时交易情况',
3 | 'app.monitor.total-transactions': '今日交易总额',
4 | 'app.monitor.sales-target': '销售目标完成率',
5 | 'app.monitor.remaining-time': '活动剩余时间',
6 | 'app.monitor.total-transactions-per-second': '每秒交易总额',
7 | 'app.monitor.activity-forecast': '活动情况预测',
8 | 'app.monitor.efficiency': '券核效率',
9 | 'app.monitor.ratio': '跳出率',
10 | 'app.monitor.proportion-per-category': '各品类占比',
11 | 'app.monitor.fast-food': '中式快餐',
12 | 'app.monitor.western-food': '西餐',
13 | 'app.monitor.hot-pot': '火锅',
14 | 'app.monitor.waiting-for-implementation': 'Waiting for implementation',
15 | 'app.monitor.popular-searches': '热门搜索',
16 | 'app.monitor.resource-surplus': '资源剩余',
17 | 'app.monitor.fund-surplus': '补贴资金剩余',
18 | };
19 |
--------------------------------------------------------------------------------
/manager/src/locales/zh-CN/pwa.js:
--------------------------------------------------------------------------------
1 | export default {
2 | 'app.pwa.offline': '当前处于离线状态',
3 | 'app.pwa.serviceworker.updated': '有新内容',
4 | 'app.pwa.serviceworker.updated.hint': '请点击“刷新”按钮或者手动刷新页面',
5 | 'app.pwa.serviceworker.updated.ok': '刷新',
6 | };
7 |
--------------------------------------------------------------------------------
/manager/src/locales/zh-TW/component.js:
--------------------------------------------------------------------------------
1 | export default {
2 | 'component.tagSelect.expand': '展開',
3 | 'component.tagSelect.collapse': '收起',
4 | 'component.tagSelect.all': '全部',
5 | };
6 |
--------------------------------------------------------------------------------
/manager/src/locales/zh-TW/exception.js:
--------------------------------------------------------------------------------
1 | export default {
2 | 'app.exception.back': '返回首頁',
3 | 'app.exception.description.403': '抱歉，妳無權訪問該頁面',
4 | 'app.exception.description.404': '抱歉，妳訪問的頁面不存在',
5 | 'app.exception.description.500': '抱歉，服務器出錯了',
6 | };
7 |
--------------------------------------------------------------------------------
/manager/src/locales/zh-TW/globalHeader.js:
--------------------------------------------------------------------------------
1 | export default {
2 | 'component.globalHeader.search': '站內搜索',
3 | 'component.globalHeader.search.example1': '搜索提示壹',
4 | 'component.globalHeader.search.example2': '搜索提示二',
5 | 'component.globalHeader.search.example3': '搜索提示三',
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 |
--------------------------------------------------------------------------------
/manager/src/locales/zh-TW/monitor.js:
--------------------------------------------------------------------------------
1 | export default {
2 | 'app.monitor.trading-activity': '活動實時交易情況',
3 | 'app.monitor.total-transactions': '今日交易總額',
4 | 'app.monitor.sales-target': '銷售目標完成率',
5 | 'app.monitor.remaining-time': '活動剩余時間',
6 | 'app.monitor.total-transactions-per-second': '每秒交易總額',
7 | 'app.monitor.activity-forecast': '活動情況預測',
8 | 'app.monitor.efficiency': '券核效率',
9 | 'app.monitor.ratio': '跳出率',
10 | 'app.monitor.proportion-per-category': '各品類占比',
11 | 'app.monitor.fast-food': '中式快餐',
12 | 'app.monitor.western-food': '西餐',
13 | 'app.monitor.hot-pot': '火鍋',
14 | 'app.monitor.waiting-for-implementation': 'Waiting for implementation',
15 | 'app.monitor.popular-searches': '熱門搜索',
16 | 'app.monitor.resource-surplus': '資源剩余',
17 | 'app.monitor.fund-surplus': '補貼資金剩余',
18 | };
19 |
--------------------------------------------------------------------------------
/manager/src/locales/zh-TW/pwa.js:
--------------------------------------------------------------------------------
1 | export default {
2 | 'app.pwa.offline': '當前處於離線狀態',
3 | 'app.pwa.serviceworker.updated': '有新內容',
4 | 'app.pwa.serviceworker.updated.hint': '請點擊“刷新”按鈕或者手動刷新頁面',
5 | 'app.pwa.serviceworker.updated.ok': '刷新',
6 | };
7 |
--------------------------------------------------------------------------------
/manager/src/manifest.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "Ant Design Pro",
3 | "short_name": "Ant Design Pro",
4 | "display": "standalone",
5 | "start_url": "./?utm_source=homescreen",
6 | "theme_color": "#002140",
7 | "background_color": "#001529",
8 | "icons": [
9 | {
10 | "src": "icons/icon-192x192.png",
11 | "sizes": "192x192"
12 | },
13 | {
14 | "src": "icons/icon-128x128.png",
15 | "sizes": "128x128"
16 | },
17 | {
18 | "src": "icons/icon-512x512.png",
19 | "sizes": "512x512"
20 | }
21 | ]
22 | }
23 |
--------------------------------------------------------------------------------
/manager/src/models/link.js:
--------------------------------------------------------------------------------
1 | import { queryLocations } from '@/services/link';
2 |
3 | export default {
4 | namespace: 'link',
5 | state: {},
6 | effects: {},
7 | reducers: {
8 | save(state, action) {
9 | return {
10 | ...state,
11 | list: action.payload,
12 | };
13 | },
14 | },
15 | };
16 |
--------------------------------------------------------------------------------
/manager/src/models/pages.js:
--------------------------------------------------------------------------------
1 | export default {
2 | namespace: 'pages',
3 | state: {},
4 | reducers: {
5 | save(state, action) {
6 | return {
7 | ...state,
8 | [action.payload.saveObj]: action.payload.content,
9 | };
10 | },
11 | },
12 | };
13 |
--------------------------------------------------------------------------------
/manager/src/models/permission.js:
--------------------------------------------------------------------------------
1 | /**
2 | * 权限模块
3 | */
4 |
5 | export default {
6 | namespace: 'permission',
7 | state: {},
8 | effects: {
9 | //管理列表
10 | *managers({ payload }, { call, put }) {},
11 | //角色列表
12 | *roles({ payload }, { call, put }) {},
13 | //权限列表
14 | *permissions({ payload }, { call, put }) {},
15 | },
16 | reducers: {
17 | save(state, { payload }) {
18 | return { ...state, ...payload };
19 | },
20 | },
21 | };
22 |
--------------------------------------------------------------------------------
/manager/src/models/project.js:
--------------------------------------------------------------------------------
1 | import { queryProjectNotice } from '@/services/api';
2 |
3 | export default {
4 | namespace: 'project',
5 |
6 | state: {
7 | notice: [],
8 | },
9 |
10 | effects: {
11 | *fetchNotice(_, { call, put }) {
12 | const response = yield call(queryProjectNotice);
13 | yield put({
14 | type: 'saveNotice',
15 | payload: Array.isArray(response) ? response : [],
16 | });
17 | },
18 | },
19 |
20 | reducers: {
21 | saveNotice(state, action) {
22 | return {
23 | ...state,
24 | notice: action.payload,
25 | };
26 | },
27 | },
28 | };
29 |
--------------------------------------------------------------------------------
/manager/src/pages/404.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import Link from 'umi/link';
3 | import { formatMessage } from 'umi/locale';
4 | import Exception from '@/components/Exception';
5 |
6 | export default () => (
7 | 推荐列表
19 | 店铺列表
19 | 秒杀列表
19 | 主题列表
19 | 券码管理
19 | 会员管理
19 | 会员管理
19 |