@para-ui/core 2.1.35 → 2.1.36

package/docs/view/pageHeader/index.tsx

@@ -1,291 +0,0 @@
-import React, {FunctionComponent, useState} from 'react';
-import CodeBox from '../../components/codeBox';
-import PageHeader from 'src/PageHeader';
-import {MenuListProps, PageHeaderProps} from 'src/PageHeader/interface';
-import APITable from '../../components/apiTable';
-import Title from '../../components/title';
-import ArrowRightFull from '@para-ui/icons/RightCircleF';
-import LanguageChinese from "@para-ui/icons/Chinese";
-import LanguageEnglish from "@para-ui/icons/English";
-import Voice from "@para-ui/icons/Remind";
-import Quit from "@para-ui/icons/Off";
-import Application from "@para-ui/icons/Application";
-import {basicPageHeader} from './codeString';
-import apiData, {
-    apiDataFooterProps,
-    apiDataBackSelfcareProps,
-    apiDataLanguageProps,
-    apiDataBtnListProps,
-    apiDataUserProps,
-    apiDataMenuListProps,
-    apiDataMenuChildrenProps
-} from './api';
-import './index.scss';
-
-const img = require('../../assets/1.jpeg');
-
-const ParaPageHeader: FunctionComponent = () => {
-    const [menuId, setMenuId] = useState<string>('');
-    const [selectLang, setSelectLang] = useState<string>('zh');
-    const [userSelect, setUserSelect] = useState<string>('');
-    const menu: MenuListProps[] = [
-        {
-            label: "默认跳转",
-            type: "redirect",
-            path: "/",
-            icon: <Application />
-        },
-        {
-            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"
-                                }
-                            ]
-                        }
-                    ]
-                }
-            ]
-        }
-    ]
-
-    const clickMenu = (item: any) => {
-        console.log(item)
-        setMenuId(item.path);
-    }
-
-    const onClickLang = (val: string, item: any) => {
-        console.log(item)
-        setSelectLang(val);
-    }
-
-    const clickBtn = (item: any) => {
-        console.log(item)
-    }
-
-    const clickSelfcare = () => {
-        console.log('点击自助服务');
-    }
-
-    const clickUser = () => {
-        console.log('点击用户')
-    }
-
-    const clickUserMenu = (val: any, item: any) => {
-        console.log(item)
-        setUserSelect(val)
-    }
-
-    return (
-        <div className={'paraui-page-header-demo'}>
-            <Title name={'页头'}>代码演示</Title>
-            <CodeBox
-                code={basicPageHeader}
-                title={'基本'}
-                description={'基本。'}
-            >
-                <div className="page-header-box">
-                    <PageHeader
-                        leftRender={'当前菜单'}
-                        menuListProps={{
-                            list: menu
-                        }}
-                        selectMenu={menuId}
-                        onClickMenu={clickMenu}
-                        footerProps={
-                            {
-                                backSelfcareProps: {
-                                    icon: <ArrowRightFull />,
-                                    label: '回到自助服务',
-                                    onClick: clickSelfcare
-                                },
-                                languageProps: {
-                                    selectLang: selectLang,
-                                    language: [
-                                        {
-                                            label: '中文',
-                                            icon: <LanguageChinese />,
-                                            value: 'zh'
-                                        },
-                                        {
-                                            label: '英文',
-                                            icon: <LanguageEnglish />,
-                                            value: 'en'
-                                        }
-                                    ],
-                                    onClick: onClickLang
-                                },
-                                btnListProps: {
-                                    list: [
-                                        {
-                                            label: '消息',
-                                            icon: <Voice />
-                                        },
-                                        {
-                                            label: '退出',
-                                            icon: <Quit />
-                                        }
-                                    ],
-                                    onClick: clickBtn
-                                },
-                                userProps: {
-                                    img: './logo.png',
-                                    label: '林海东',
-                                    onClick: clickUser
-                                }
-                            }
-                        }
-                    />
-                </div>
-                <div className="page-header-box">
-                    <PageHeader
-                        leftRender={'当前菜单'}
-                        footerProps={
-                            {
-                                languageProps: {
-                                    selectLang: selectLang,
-                                    language: [
-                                        {
-                                            //label: '中文',
-                                            icon: <LanguageChinese />,
-                                            value: 'zh'
-                                        },
-                                        {
-                                            //label: '英文',
-                                            icon: <LanguageEnglish />,
-                                            value: 'en'
-                                        }
-                                    ],
-                                    onClick: onClickLang
-                                },
-                                btnListProps: {
-                                    list: [
-                                        {
-                                            //label: '消息',
-                                            icon: <Voice />,
-                                            sign: true
-                                        },
-                                        {
-                                            //label: '退出',
-                                            icon: <Quit />
-                                        }
-                                    ],
-                                    onClick: clickBtn
-                                },
-                                userProps: {
-                                    img: img,
-                                    label: '林海东',
-                                    list: [
-                                        {
-                                            label: '个人信息',
-                                            //icon: <LanguageChinese/>,
-                                            value: 'user'
-                                        },
-                                        {
-                                            label: '安全管理',
-                                            //icon: <LanguageEnglish/>,
-                                            value: 'selasfd'
-                                        }
-                                    ],
-                                    selectValue: userSelect,
-                                    onClick: clickUser,
-                                    onClickMenu: clickUserMenu
-                                }
-                            }
-                        }
-                    />
-                </div>
-            </CodeBox>
-            <APITable data={apiData} subTitle={'PageHeaderProps'} />
-            <APITable data={apiDataMenuListProps} subTitle={'MenuListProps'} showApi={false} />
-            <APITable data={apiDataMenuChildrenProps} subTitle={'MenuChildrenProps'} showApi={false} />
-            <APITable data={apiDataFooterProps} subTitle={'FooterProps'} showApi={false} />
-            <APITable data={apiDataBackSelfcareProps} subTitle={'BackSelfcareProps'} showApi={false} />
-            <APITable data={apiDataLanguageProps} subTitle={'LanguageProps'} showApi={false} />
-            <APITable data={apiDataBtnListProps} subTitle={'BtnListProps'} showApi={false} />
-            <APITable data={apiDataUserProps} subTitle={'UserProps'} showApi={false} />
-        </div>
-    );
-};
-
-export default ParaPageHeader;

package/docs/view/pagination/api.tsx

@@ -1,71 +0,0 @@
-/**
- * @author linhd
- * @date 2022/2/14 2:04 PM
- * @description api
- */
-import {RowsData} from '../../components/apiTable';
-
-const apiData: RowsData = [
-    {
-        name: 'className',
-        desc: 'class样式名',
-        type: 'string'
-    },
-    {
-        name: 'style',
-        desc: 'style',
-        type: 'CSSProperties'
-    },
-    {
-        name: 'type',
-        desc: '模式',
-        type: 'simple | complex',
-        default: 'simple'
-    },
-    {
-        name: 'autoType',
-        desc: '自适应模式 只有type=complex生效',
-        type: 'boolean',
-        default: 'false'
-    },
-    {
-        name: 'total',
-        desc: '总数',
-        type: 'number',
-        default: '0'
-    },
-    {
-        name: 'rowsPerPage',
-        desc: '每页行数',
-        type: 'number[]',
-        default: '[10, 20, 30]'
-    },
-    {
-        name: 'currentRowsPerPage',
-        desc: '当前选中每页行数',
-        type: 'number',
-        default: '10'
-    },
-    {
-        name: 'page',
-        desc: '当前页数',
-        type: 'number',
-        default: '1'
-    },
-    {
-        name: 'skipFunc',
-        desc: '跳转页数',
-        type: '(num?: number, skipValue?: number) => void',
-    },
-    {
-        name: 'changePage',
-        desc: '改变页数',
-        type: '(num?: number) => void'
-    },
-    {
-        name: '改变每页行数',
-        desc: 'changeRowsPerPage',
-        type: '(num: number) => void'
-    }
-];
-export default apiData;

package/docs/view/pagination/codeString.tsx

@@ -1,45 +0,0 @@
-/**
- * @author linhd
- * @date 2022/2/14 2:04 PM
- * @description 源码字符串
- */
-export const basicPagination = `
-import Pagination from '@para-ui/core/Pagination';
-
-const changePage = (num: number | undefined) => {
-    console.log(num);
-}
-const changeRowsPerPage = (num: number | undefined) => {
-    console.log(num)
-}
-
-<Pagination
-    total={100000}
-    page={2}
-    changePage={changePage}
-    changeRowsPerPage={changeRowsPerPage}
-/>
-`;
-
-export const complexPagination = `
-import Pagination from '@para-ui/core/Pagination';
-
-const changePage = (num: number | undefined) => {
-    console.log(num);
-}
-const skipFunc = (num: number | undefined) => {
-    console.log(num)
-}
-const changeRowsPerPage = (num: number | undefined) => {
-    console.log(num)
-}
-
-<Pagination
-    type="complex"
-    total={100000}
-    page={3}
-    changePage={changePage}
-    skipFunc={skipFunc}
-    changeRowsPerPage={changeRowsPerPage}
-/>
-`;

package/docs/view/pagination/index.tsx

@@ -1,54 +0,0 @@
-import React, {FunctionComponent} from 'react';
-import CodeBox from '../../components/codeBox';
-import Pagination from 'src/Pagination';
-import APITable from '../../components/apiTable';
-import Title from '../../components/title';
-import {basicPagination, complexPagination} from './codeString';
-import apiData from './api';
-import './index.scss';
-
-const ParaPagination: FunctionComponent = () => {
-    const changePage = (num: number | undefined) => {
-        console.log(num);
-    }
-    const skipFunc = (num: number | undefined) => {
-        console.log(num)
-    }
-    const changeRowsPerPage = (num: number | undefined) => {
-        console.log(num)
-    }
-    return (
-        <div className={'paraui-pagination-demo'}>
-            <Title name={'分页'}>代码演示</Title>
-            <CodeBox
-                code={basicPagination}
-                title={'极简'}
-                description={'简单模式的分页。'}
-            >
-                <Pagination
-                    total={100000}
-                    page={2}
-                    changePage={changePage}
-                    changeRowsPerPage={changeRowsPerPage}
-                />
-            </CodeBox>
-            <CodeBox
-                code={complexPagination}
-                title={'多功能'}
-                description={'多功能分页,可通过设置autoType属性来控制是否自动切换模式。'}
-            >
-                <Pagination
-                    type="complex"
-                    total={100000}
-                    page={3}
-                    changePage={changePage}
-                    skipFunc={skipFunc}
-                    changeRowsPerPage={changeRowsPerPage}
-                />
-            </CodeBox>
-            <APITable data={apiData} />
-        </div>
-    );
-};
-
-export default ParaPagination;

package/docs/view/popConfirm/api.tsx

@@ -1,96 +0,0 @@
-/**
- * @author Hanz
- * @date 2022/2/16 下午5:58
- * @description popConfirm api
- */
-import {RowsData} from '../../components/apiTable';
-
-const apiData: RowsData = [
-    {
-        name: 'className',
-        desc: '类名',
-        type: 'string'
-    },
-    {
-        name: 'style',
-        desc: '样式',
-        type: 'React.CSSProperties'
-    },
-    {
-        name: 'trigger',
-        desc: '触发方式',
-        type: 'click | hover',
-        default: 'click'
-    },
-    {
-        name: 'type',
-        desc: '确认框类型',
-        type: `"success" | "info" | "error" | "warning"`,
-        default: 'warning'
-    },
-    {
-        name: 'title',
-        desc: '标题',
-        type: 'ReactNode'
-    },
-    {
-        name: 'content',
-        desc: '内容',
-        type: 'ReactNode'
-    },
-    {
-        name: 'icon',
-        desc: '自定义图标',
-        type: 'ReactNode'
-    },
-    {
-        name: 'okText',
-        desc: '确认按钮文字',
-        type: 'ReactNode',
-        default: '确定'
-    },
-    {
-        name: 'cancelText',
-        desc: '取消按钮文字',
-        type: 'ReactNode',
-        default: '取消'
-    },
-    {
-        name: 'okButtonProps',
-        desc: 'ok 按钮 props',
-        type: 'ButtonProps'
-    },
-    {
-        name: 'cancelButtonProps',
-        desc: 'cancel 按钮 props',
-        type: 'ButtonProps'
-    },
-    {
-        name: 'onOk',
-        desc: '点击确定回调',
-        type: '() => void'
-    },
-    {
-        name: 'onCancel',
-        desc: '点击取消回调',
-        type: '() => void'
-    },
-    {
-        name: 'placement',
-        desc: '确认框位置',
-        type: `'bottom-end'
-        | 'bottom-start'
-        | 'bottom'
-        | 'left-end'
-        | 'left-start'
-        | 'left'
-        | 'right-end'
-        | 'right-start'
-        | 'right'
-        | 'top-end'
-        | 'top-start'
-        | 'top';`,
-        default: 'bottom'
-    }
-];
-export default apiData;

package/docs/view/popConfirm/codeString.tsx

@@ -1,130 +0,0 @@
-/**
- * @author Hanz
- * @date 2022/2/16 下午6:04
- * @description
- */
-export const popConfirmCode = `
-import PopConfirm from '@para-ui/core/PopConfirm';
-import Button from '@para-ui/core/Button';
-
-const handleOk = () => {
-    console.log(':::ok');
-};
-
-const handleCancel = () => {
-    console.log(':::cancel');
-};
-
-<section className={'popConfirm-code'}>
-    <div>
-        <PopConfirm title={'are you sure to delete this task？'}
-                    content={'Are you sure to delete this task?'}
-                    onOk={handleOk}
-                    onCancel={handleCancel}
-                    placement={'top-start'}
-                    type={'warning'}
-                    okText={'confirm'}
-                    cancelText={'cancel'}
-                    trigger={'hover'}
-        >
-            <Button variant="outlined">top-start</Button>
-        </PopConfirm>
-        <PopConfirm title={'are you sure to delete this task？'}
-                    onOk={handleOk}
-                    onCancel={handleCancel}
-                    placement={'top'}
-                    type={'success'}
-        >
-            <Button variant="outlined">top</Button>
-        </PopConfirm>
-        <PopConfirm content={'Are you sure to delete this task?'}
-                    onOk={handleOk}
-                    onCancel={handleCancel}
-                    placement={'top-end'}
-                    type={'info'}
-        >
-            <Button variant="outlined">top-end</Button>
-        </PopConfirm>
-    </div>
-    <div>
-        <PopConfirm title={'are you sure to delete this task？'}
-                    content={'Are you sure to delete this task?'}
-                    onOk={handleOk}
-                    onCancel={handleCancel}
-                    placement={'left-start'}
-                    type={'error'}
-        >
-            <Button variant="outlined">left-start</Button>
-        </PopConfirm>
-        <PopConfirm title={'are you sure to delete this task？'}
-                    content={'Are you sure to delete this task?'}
-                    onOk={handleOk}
-                    onCancel={handleCancel}
-                    placement={'left'}
-        >
-            <Button variant="outlined">left</Button>
-        </PopConfirm>
-        <PopConfirm title={'are you sure to delete this task？'}
-                    content={'Are you sure to delete this task?'}
-                    onOk={handleOk}
-                    onCancel={handleCancel}
-                    placement={'left-end'}
-        >
-            <Button variant="outlined">left-end</Button>
-        </PopConfirm>
-    </div>
-    <div>
-        <PopConfirm title={'are you sure to delete this task？'}
-                    content={'Are you sure to delete this task?'}
-                    onOk={handleOk}
-                    onCancel={handleCancel}
-                    placement={'right-start'}
-        >
-            <Button variant="outlined">right-start</Button>
-        </PopConfirm>
-        <PopConfirm title={'are you sure to delete this task？'}
-                    content={'Are you sure to delete this task?'}
-                    onOk={handleOk}
-                    onCancel={handleCancel}
-                    placement={'right'}
-        >
-            <Button variant="outlined">right</Button>
-        </PopConfirm>
-        <PopConfirm title={'are you sure to delete this task？'}
-                    content={'Are you sure to delete this task?'}
-                    onOk={handleOk}
-                    onCancel={handleCancel}
-                    placement={'right-end'}
-        >
-            <Button variant="outlined">right-end</Button>
-        </PopConfirm>
-    </div>
-    <div>
-        <PopConfirm title={'are you sure to delete this task？'}
-                    content={'Are you sure to delete this task?'}
-                    onOk={handleOk}
-                    onCancel={handleCancel}
-                    placement={'bottom-start'}
-        >
-            <Button variant="outlined">bottom-start</Button>
-        </PopConfirm>
-        <PopConfirm title={'are you sure to delete this task？'}
-                    content={'Are you sure to delete this task?'}
-                    onOk={handleOk}
-                    onCancel={handleCancel}
-                    placement={'bottom'}
-        >
-            <Button variant="outlined">bottom</Button>
-        </PopConfirm>
-        <PopConfirm title={'are you sure to delete this task？'}
-                    content={'Are you sure to delete this task?'}
-                    onOk={handleOk}
-                    onCancel={handleCancel}
-                    placement={'bottom-end'}
-        >
-            <Button variant="outlined">bottom-end</Button>
-        </PopConfirm>
-    </div>
-</section>
-`;
-