@para-ui/core 2.1.35 → 2.1.38

package/docs/view/menu/codeString.tsx

@@ -1,302 +0,0 @@
-/**
- * @author linhd
- * @date 2022/2/14 2:04 PM
- * @description 源码字符串
- */
-export const basicMenu = `
-import Menu from '@para-ui/core/Menu';
-import {MenuChildrenProps} from '@para-ui/core/Menu/interface';
-
-const [expansion, setExpansion] = useState<boolean>(true);
-const [menuId, setMenuId] = useState<string>('');
-const menu: any = [
-    {
-        label: "默认跳转",
-        type: "redirect",
-        path: "/",
-        icon: <Application/>
-    },
-    {
-        label: "审计",
-        type: "audit",
-        path: "/audit",
-        icon: <Application/>,
-        children: [
-            {
-                label: "审计1",
-                type: "router",
-                path: "/audit1",
-                children: [
-                    {
-                        label: "审计1-1",
-                        type: "router",
-                        path: "/audit11",
-                    },
-                    {
-                        label: "审计1-2",
-                        type: "router",
-                        path: "/audit12",
-                    }
-                ]
-            }
-        ]
-    },
-    {
-        label: "按钮",
-        type: "router",
-        path: "/button",
-        children: [
-            {
-                label: "按钮1",
-                type: "router",
-                path: "/button1",
-                children: [
-                    {
-                        label: "按钮1-1",
-                        type: "router",
-                        path: "/button11",
-
-                    },
-                    {
-                        label: "按钮1-2",
-                        type: "router",
-                        path: "/button12",
-                    },
-                    {
-                        label: "按钮1-3",
-                        type: "router",
-                        path: "/button13",
-                    },
-                    {
-                        label: "按钮1-4",
-                        type: "router",
-                        path: "/button14",
-                    },
-                    {
-                        label: "按钮1-5",
-                        type: "router",
-                        path: "/button15",
-                    }
-                ]
-            },
-            {
-                label: "按钮2",
-                type: "router",
-                path: "/button2",
-            }
-        ]
-    },
-    {
-        label: "面包屑",
-        type: "router",
-        path: "/breadcrumbs",
-        icon: 'StartCircle'
-    },
-    {
-        label: "菜单",
-        type: "router",
-        path: "/caidan",
-        icon: "Application",
-        children: [
-            {
-                label: "菜单1",
-                type: "router",
-                path: "/caidan1",
-                icon: "Application"
-            },
-            {
-                label: "菜单2",
-                type: "router",
-                path: "/caidan2",
-                icon: "Application",
-                children: [
-                    {
-                        label: "菜单2-1",
-                        type: "router",
-                        path: "/caidan21"
-                    },
-                    {
-                        label: "菜单2-2",
-                        type: "router",
-                        path: "/caidan22",
-                        icon: "Application",
-                        children: [
-                            {
-                                label: "菜单2-2-1",
-                                type: "router",
-                                path: "/caidan221",
-                                icon: "Application"
-                            }
-                        ]
-                    }
-                ]
-            },
-            {
-                label: "菜单3",
-                type: "router",
-                path: "/caidan3",
-                icon: "Application",
-                children: [
-                    {
-                        label: "菜单3-1",
-                        type: "router",
-                        path: "/caidan31"
-                    },
-                    {
-                        label: "菜单3-2",
-                        type: "router",
-                        path: "/caidan32"
-                    },
-                    {
-                        label: "菜单3-3",
-                        type: "router",
-                        path: "/caidan33",
-                        children: [
-                            {
-                                label: "菜单3-3-1",
-                                type: "router",
-                                path: "/caidan331"
-                            },
-                            {
-                                label: "菜单3-3-1",
-                                type: "router",
-                                path: "/caidan332"
-                            },
-                        ]
-                    },
-                ]
-            },
-            {
-                label: "菜单4",
-                type: "router",
-                path: "/caidan4",
-                icon: "Application"
-            },
-            {
-                label: "菜单5",
-                type: "router",
-                path: "/caidan5",
-                icon: "Application"
-            },
-            {
-                label: "菜单6",
-                type: "router",
-                path: "/caidan6",
-                icon: "Application"
-            },
-            {
-                label: "菜单7",
-                type: "router",
-                path: "/caidan7",
-                icon: "Application"
-            },
-            {
-                label: "菜单8",
-                type: "router",
-                path: "/caidan8",
-                icon: "Application"
-            },
-            {
-                label: "菜单9",
-                type: "router",
-                path: "/caidan9",
-                icon: "Application"
-            },
-        ]
-    },
-]
-
-const clickExpansion = (bol: boolean) => {
-    setExpansion(bol);
-}
-
-const clickMenu = (item: any) => {
-    setMenuId(item.path);
-}
-
-<div className={expansion ? 'menu-box' : 'menu-box menu-box-shrink'}>
-    <Menu
-        color={"deep"}
-        logoProps={{
-            render: <div className="logo-render">
-                <img src={img} alt="" />
-                <span>派拉软件</span>
-            </div>
-        }}
-        menuListProps={{
-            list: menu
-        }}
-        footerExpansionProps={{
-            version: 'V1.0.0'
-        }}
-        expansion={expansion}
-        onClickExpansion={clickExpansion}
-        selectMenu={menuId}
-        onClickMenu={clickMenu}
-    />
-</div>
-<div className={expansion ? 'menu-box' : 'menu-box menu-box-shrink'}>
-    <Menu
-        color={"light"}
-        logoProps={{
-            render: <div className="logo-render">
-                <img src={img} alt="" />
-                <span>派拉软件</span>
-            </div>
-        }}
-        menuListProps={{
-            list: menu
-        }}
-        footerExpansionProps={{
-            version: 'V1.0.0'
-        }}
-        expansion={expansion}
-        onClickExpansion={clickExpansion}
-        selectMenu={menuId}
-        onClickMenu={clickMenu}
-    />
-</div>
-
-<style>
-  .menu-box {
-    display: inline-block;
-    width: 300px;
-    height: 700px;
-    transition: all .3s;
-    margin-right: 250px;
-
-    &:last-child {
-      margin-right: 0;
-    }
-
-    .logo-render {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-
-      & > img {
-        width: 40px;
-        height: 40px;
-      }
-
-      & > span {
-        display: inline-block;
-        margin-left: 12px;
-        white-space: nowrap;
-        width: calc(100% - 52px);
-        font-size: 22px;
-      }
-    }
-
-    &.menu-box-shrink {
-      width: 64px;
-
-      .logo-render {
-        & > span {
-          display: none;
-        }
-      }
-    }
-  }
-</style>
-`;

package/docs/view/menu/index.scss

@@ -1,42 +0,0 @@
-.paraui-menu-demo {
-  .menu-box {
-    display: inline-block;
-    width: 300px;
-    height: 700px;
-    transition: all .3s;
-    margin-right: 250px;
-
-    &:last-child {
-      margin-right: 0;
-    }
-
-    .logo-render {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-
-      & > img {
-        width: 40px;
-        height: 40px;
-      }
-
-      & > span {
-        display: inline-block;
-        margin-left: 12px;
-        white-space: nowrap;
-        width: calc(100% - 52px);
-        font-size: 22px;
-      }
-    }
-
-    &.menu-box-shrink {
-      width: 64px;
-
-      .logo-render {
-        & > span {
-          display: none;
-        }
-      }
-    }
-  }
-}

package/docs/view/menu/index.tsx

@@ -1,289 +0,0 @@
-import React, {FunctionComponent, useState} from 'react';
-import CodeBox from '../../components/codeBox';
-import Menu from 'src/Menu';
-import APITable from '../../components/apiTable';
-import Title from '../../components/title';
-import Application from '@para-ui/icons/Application'
-import {basicMenu} from './codeString';
-import apiData, {
-    apiDataLogoProps,
-    apiDataMenuProps,
-    apiDataMenuChildrenProps,
-    apiDataFooterExpansionProps
-} from './api';
-import './index.scss';
-
-const img = require('../../assets/logo.png');
-
-const ParaMenu: FunctionComponent = () => {
-
-    const [expansion, setExpansion] = useState<boolean>(true);
-    const [menuId, setMenuId] = useState<string>('');
-    const menu: any = [
-        {
-            label: "默认跳转",
-            type: "redirect",
-            path: "/",
-            icon: <Application/>
-        },
-        {
-            label: "审计",
-            type: "audit",
-            path: "/audit",
-            icon: <Application/>,
-            children: [
-                {
-                    label: "审计1",
-                    type: "router",
-                    path: "/audit1",
-                    //icon: <Application/>,
-                    children: [
-                        {
-                            label: "审计1-1",
-                            type: "router",
-                            path: "/audit11",
-                        },
-                        {
-                            label: "审计1-2",
-                            type: "router",
-                            path: "/audit12",
-                        }
-                    ]
-                }
-            ]
-        },
-        {
-            label: "按钮",
-            type: "router",
-            path: "/button",
-            children: [
-                {
-                    label: "按钮1",
-                    type: "router",
-                    path: "/button1",
-                    children: [
-                        {
-                            label: "按钮1-1",
-                            type: "router",
-                            path: "/button11",
-
-                        },
-                        {
-                            label: "按钮1-2",
-                            type: "router",
-                            path: "/button12",
-                        },
-                        {
-                            label: "按钮1-3",
-                            type: "router",
-                            path: "/button13",
-                        },
-                        {
-                            label: "按钮1-4",
-                            type: "router",
-                            path: "/button14",
-                        },
-                        {
-                            label: "按钮1-5",
-                            type: "router",
-                            path: "/button15",
-                        }
-                    ]
-                },
-                {
-                    label: "按钮2",
-                    type: "router",
-                    path: "/button2",
-                }
-            ]
-        },
-        {
-            label: "面包屑",
-            type: "router",
-            path: "/breadcrumbs",
-            icon: 'StartCircle'
-        },
-        {
-            label: "菜单",
-            type: "router",
-            path: "/caidan",
-            icon: "Application",
-            children: [
-                {
-                    label: "菜单1",
-                    type: "router",
-                    path: "/caidan1",
-                    icon: "Application"
-                },
-                {
-                    label: "菜单2",
-                    type: "router",
-                    path: "/caidan2",
-                    icon: "Application",
-                    children: [
-                        {
-                            label: "菜单2-1",
-                            type: "router",
-                            path: "/caidan21"
-                        },
-                        {
-                            label: "菜单2-2",
-                            type: "router",
-                            path: "/caidan22",
-                            icon: "Application",
-                            children: [
-                                {
-                                    label: "菜单2-2-1",
-                                    type: "router",
-                                    path: "/caidan221",
-                                    icon: "Application"
-                                }
-                            ]
-                        }
-                    ]
-                },
-                {
-                    label: "菜单3",
-                    type: "router",
-                    path: "/caidan3",
-                    icon: "Application",
-                    children: [
-                        {
-                            label: "菜单3-1",
-                            type: "router",
-                            path: "/caidan31"
-                        },
-                        {
-                            label: "菜单3-2",
-                            type: "router",
-                            path: "/caidan32"
-                        },
-                        {
-                            label: "菜单3-3",
-                            type: "router",
-                            path: "/caidan33",
-                            children: [
-                                {
-                                    label: "菜单3-3-1",
-                                    type: "router",
-                                    path: "/caidan331"
-                                },
-                                {
-                                    label: "菜单3-3-1",
-                                    type: "router",
-                                    path: "/caidan332"
-                                },
-                            ]
-                        },
-                    ]
-                },
-                {
-                    label: "菜单4",
-                    type: "router",
-                    path: "/caidan4",
-                    icon: "Application"
-                },
-                {
-                    label: "菜单5",
-                    type: "router",
-                    path: "/caidan5",
-                    icon: "Application"
-                },
-                {
-                    label: "菜单6",
-                    type: "router",
-                    path: "/caidan6",
-                    icon: "Application"
-                },
-                {
-                    label: "菜单7",
-                    type: "router",
-                    path: "/caidan7",
-                    icon: "Application"
-                },
-                {
-                    label: "菜单8",
-                    type: "router",
-                    path: "/caidan8",
-                    icon: "Application"
-                },
-                {
-                    label: "菜单9",
-                    type: "router",
-                    path: "/caidan9",
-                    icon: "Application"
-                },
-            ]
-        },
-    ]
-
-    const clickExpansion = (bol: boolean) => {
-        setExpansion(bol);
-    }
-
-    const clickMenu = (item: any) => {
-        console.log(item);
-        setMenuId(item.path);
-    }
-
-    return (
-        <div className={'paraui-menu-demo'}>
-            <Title name={'菜单'}>代码演示</Title>
-            <CodeBox
-                code={basicMenu}
-                title={'基本'}
-                description={'基本。'}
-            >
-                <div className={expansion ? 'menu-box' : 'menu-box menu-box-shrink'}>
-                    <Menu
-                        color={"deep"}
-                        logoProps={{
-                            render: <div className="logo-render">
-                                <img src={img} alt="" />
-                                <span>派拉软件</span>
-                            </div>
-                        }}
-                        menuListProps={{
-                            list: menu
-                        }}
-                        footerExpansionProps={{
-                            version: 'V1.0.0'
-                        }}
-                        expansion={expansion}
-                        onClickExpansion={clickExpansion}
-                        selectMenu={menuId}
-                        onClickMenu={clickMenu}
-                    />
-                </div>
-                <div className={expansion ? 'menu-box' : 'menu-box menu-box-shrink'}>
-                    <Menu
-                        color={"light"}
-                        logoProps={{
-                            render: <div className="logo-render">
-                                <img src={img} alt="" />
-                                <span>派拉软件</span>
-                            </div>
-                        }}
-                        menuListProps={{
-                            list: menu
-                        }}
-                        footerExpansionProps={{
-                            version: 'V1.0.0'
-                        }}
-                        expansion={expansion}
-                        onClickExpansion={clickExpansion}
-                        selectMenu={menuId}
-                        onClickMenu={clickMenu}
-                    />
-                </div>
-            </CodeBox>
-            <APITable data={apiData} subTitle={'MenuProps'} />
-            <APITable data={apiDataMenuProps} subTitle={'MenuListProps'} showApi={false} />
-            <APITable data={apiDataMenuChildrenProps} subTitle={'MenuChildrenProps'} showApi={false} />
-            <APITable data={apiDataLogoProps} subTitle={'LogoProps'} showApi={false} />
-            <APITable data={apiDataFooterExpansionProps} subTitle={'FooterExpansionProps'} showApi={false} />
-        </div>
-    );
-};
-
-export default ParaMenu;

package/docs/view/message/api.tsx

@@ -1,35 +0,0 @@
-/**
- * @author Hanz
- * @date 2022/2/10 下午4:38
- * @description message api
- */
-import {RowsData} from '../../components/apiTable';
-
-const apiData: RowsData = [
-    {
-        name: 'info',
-        desc: 'info 消息框',
-        type: '(config: string | MsgTypeProps, duration?: number): void'
-    },
-    {
-        name: 'warn',
-        desc: 'warn 消息框',
-        type: '(config: string | MsgTypeProps, duration?: number): void'
-    },
-    {
-        name: 'error',
-        desc: 'error 消息框',
-        type: '(config: string | MsgTypeProps, duration?: number): void'
-    },
-    {
-        name: 'success',
-        desc: 'success 消息框',
-        type: '(config: string | MsgTypeProps, duration?: number): void'
-    },
-    {
-        name: 'destroy',
-        desc: '销毁方法，Message.clear, Message.destroyAll为兼容写法',
-        type: '() => void'
-    }
-];
-export default apiData;