@para-ui/core 2.1.35 → 2.1.38

package/docs/view/autoTips/index.tsx

@@ -1,53 +0,0 @@
-import React, {FunctionComponent} from 'react';
-import CodeBox from '../../components/codeBox';
-import AutoTips from 'src/AutoTips';
-import APITable from '../../components/apiTable';
-import Title from '../../components/title';
-import {basicAutoTips, posAutoTips, contentAutoTips} from './codeString';
-import apiData from './api';
-import './index.scss';
-
-const ParaAutoTips: FunctionComponent = () => {
-
-    return (
-        <div className={'paraui-autotips-demo'}>
-            <Title name={'超出省略'}>代码演示</Title>
-            <CodeBox
-                code={basicAutoTips}
-                title={'基本'}
-                description={'当文本超出外容器,自动省略,鼠标移入显示。'}
-            >
-                <div style={{width: '100px'}}>
-                    <AutoTips>超出超出超出超出超出超出超出超出超出超出</AutoTips>
-                </div>
-            </CodeBox>
-            <CodeBox
-                code={posAutoTips}
-                title={'文字提示位置'}
-                description={'修改placement的值,改变文本提示的位置。'}
-            >
-                <div style={{width: '100px'}}>
-                    <AutoTips
-                        placement={"top-start"}
-                    >超出超出超出超出超出超出超出超出超出超出</AutoTips>
-                </div>
-            </CodeBox>
-            <CodeBox
-                code={contentAutoTips}
-                title={'自定义超出内容'}
-                description={'传入tips属性,值为超出后鼠标移上去显示的内容。'}
-            >
-                <div style={{width: '100px'}}>
-                    <AutoTips
-                        tips={
-                            <div>自定义超出内容</div>
-                        }
-                    >超出超出超出超出超出超出超出超出超出超出</AutoTips>
-                </div>
-            </CodeBox>
-            <APITable data={apiData}/>
-        </div>
-    );
-};
-
-export default ParaAutoTips;

package/docs/view/breadcrumbs/api.tsx

@@ -1,72 +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: 'popoverClassName',
-        desc: '弹出框样式class样式名',
-        type: 'string'
-    },
-    {
-        name: 'list',
-        desc: '初始化数据',
-        type: 'listOptions[]'
-    },
-    {
-        name: 'separator',
-        desc: '中间符号',
-        type: 'string',
-        default: '/'
-    },
-    {
-        name: 'maxWidth',
-        desc: '每一项最大宽度',
-        type: 'string',
-    },
-    {
-        name: 'isShrink',
-        desc: '是否收缩',
-        type: 'boolean',
-        default: 'true'
-    },
-    {
-        name: 'onClickItem',
-        desc: '点击菜单',
-        type: '(ops: listOptions) => void'
-    }
-];
-
-export const apiDataList: RowsData = [
-    {
-        name: 'label',
-        desc: '每一项显示名',
-        type: 'ReactNode'
-    },
-    {
-        name: 'maxWidth',
-        desc: '每一项最大宽度',
-        type: 'string'
-    },
-    {
-        name: 'disabled',
-        desc: '是否可点击',
-        type: 'boolean',
-        default: 'false'
-    }
-]
-
-export default apiData;

package/docs/view/breadcrumbs/codeString.tsx

@@ -1,160 +0,0 @@
-/**
- * @author linhd
- * @date 2022/2/14 2:04 PM
- * @description 源码字符串
- */
-export const basicBreadcrumbs = `
-import Breadcrumbs, {listOptions} from '@para-ui/core/Breadcrumbs';
-
-const list: listOptions[] = [
-    {
-        label: '主页',
-    },
-    {
-        label: '管理',
-    },
-    {
-        label: '新建'
-    }
-];
-
-<div style={{width: '100%'}}>
-    <Breadcrumbs list={list} />
-</div>
-`;
-
-export const iconBreadcrumbs = `
-import Breadcrumbs, {listOptions} from '@para-ui/core/Breadcrumbs';
-import AdvancedSet from '@para-ui/icons/AdvancedSet';
-
-const list: listOptions[] = [
-    {
-        label: <>
-            <AdvancedSet />
-            <span>主页</span>
-        </>
-    },
-    {
-        label: <>
-            <AdvancedSet />
-            <span>管理</span>
-        </>
-    },
-    {
-        label: <>
-            <AdvancedSet />
-            <span>新建</span>
-        </>
-    }
-];
-
-<div style={{width: '100%'}}>
-    <Breadcrumbs list={list} />
-</div>
-`;
-
-export const separatorBreadcrumbs = `
-import Breadcrumbs, {listOptions} from '@para-ui/core/Breadcrumbs';
-
-const [separator, setSeparator] = useState<string>('/');
-
-const clickBtn = (type: any) => () => {
-    setSeparator(type);
-}
-
-const list: listOptions[] = [
-    {
-        label: '主页',
-    },
-    {
-        label: '管理',
-    },
-    {
-        label: '新建'
-    }
-];
-
-<div className="para-breadcrumbs-item-btn">
-    <Button variant="outlined" onClick={clickBtn('/')}>/</Button>
-    <Button variant="outlined" onClick={clickBtn('>')}>{'>'}</Button>
-    <Button variant="outlined" onClick={clickBtn('-')}>-</Button>
-</div>
-<div style={{width: '100%'}}>
-    <Breadcrumbs list={list} separator={separator} />
-</div>
-`;
-
-export const maxWidtnBreadcrumbs = `
-import Breadcrumbs, {listOptions} from '@para-ui/core/Breadcrumbs';
-
-const list: listOptions[] = [
-    {
-        label: '主页主页主页主页主页'
-    },
-    {
-        label: '主页主页主页主页主页',
-        maxWidth: '150px'
-    },
-    {
-        label: '新建新建'
-    }
-];
-
-<Breadcrumbs list={list} maxWidth={'100px'} />
-`;
-
-export const moreBreadcrumbs = `
-import Breadcrumbs, {listOptions} from '@para-ui/core/Breadcrumbs';
-
-const list: listOptions[] = [
-    {
-        label: '主页'
-    },
-    {
-        label: '组织部门'
-    },
-    {
-        label: '用户管理'
-    },
-    {
-        label: '新建用户表单'
-    },
-    {
-        label: '新建组织表单'
-    },
-    {
-        label: '当前菜单'
-    }
-];
-
-<div className="para-breadcrumbs-more-box">
-    <Breadcrumbs list={list}></Breadcrumbs>
-</div>
-
-<style>
-.para-breadcrumbs-more-box {
-    width: 60%;
-  }
-</style>
-`;
-
-export const disabledBreadcrumbs = `
-import Breadcrumbs, {listOptions} from '@para-ui/core/Breadcrumbs';
-
-const list: listOptions[] = [
-    {
-        label: '主页主页主页主页主页',
-        disabled: true
-    },
-    {
-        label: '管理管理管理',
-        disabled: true
-    },
-    {
-        label: '新建新建'
-    }
-];
-<div style={{width: '100%'}}>
-   <Breadcrumbs list={list} />
-</div>
-`;

package/docs/view/breadcrumbs/index.scss

@@ -1,14 +0,0 @@
-.paraui-breadcrumbs-demo{
-
-  .para-breadcrumbs-item-btn {
-    margin-bottom: 20px;
-
-    button {
-      margin-right: 20px;
-    }
-  }
-
-  .para-breadcrumbs-more-box {
-    width: 60%;
-  }
-}

package/docs/view/breadcrumbs/index.tsx

@@ -1,173 +0,0 @@
-import React, {FunctionComponent, useState} from 'react';
-import CodeBox from '../../components/codeBox';
-import Breadcrumbs, {listOptions} from 'src/Breadcrumbs';
-import Button from 'src/Button';
-import APITable from '../../components/apiTable';
-import Title from '../../components/title';
-import AdvancedSet from "@para-ui/icons/AdvancedSet";
-import {
-    basicBreadcrumbs,
-    iconBreadcrumbs,
-    separatorBreadcrumbs,
-    maxWidtnBreadcrumbs,
-    moreBreadcrumbs,
-    disabledBreadcrumbs
-} from './codeString';
-import apiData, {apiDataList} from './api';
-import './index.scss';
-
-const list: listOptions[] = [
-    {
-        label: '主页',
-    },
-    {
-        label: '管理',
-    },
-    {
-        label: '新建'
-    }
-];
-
-const list1: listOptions[] = [
-    {
-        label: <>
-            <AdvancedSet />
-            <span>主页</span>
-        </>
-    },
-    {
-        label: <>
-            <AdvancedSet />
-            <span>管理</span>
-        </>
-    },
-    {
-        label: <>
-            <AdvancedSet />
-            <span>新建</span>
-        </>
-    }
-];
-
-const list2: listOptions[] = [
-    {
-        label: '主页主页主页主页主页'
-    },
-    {
-        label: '主页主页主页主页主页',
-        maxWidth: '150px'
-    },
-    {
-        label: '新建新建'
-    }
-];
-
-const list3: listOptions[] = [
-    {
-        label: '主页'
-    },
-    {
-        label: '组织部门'
-    },
-    {
-        label: '用户管理'
-    },
-    {
-        label: '新建用户表单'
-    },
-    {
-        label: '新建组织表单'
-    },
-    {
-        label: '当前菜单'
-    }
-];
-
-const list4: listOptions[] = [
-    {
-        label: '主页主页主页主页主页',
-        disabled: true
-    },
-    {
-        label: '管理管理管理',
-        disabled: true
-    },
-    {
-        label: '新建新建'
-    }
-];
-
-const ParaBreadcrumbs: FunctionComponent = () => {
-    const [separator, setSeparator] = useState<string>('/');
-
-    const clickBtn = (type: any) => () => {
-        setSeparator(type);
-    }
-
-    return (
-        <div className={'paraui-breadcrumbs-demo'}>
-            <Title name={'面包屑'}>代码演示</Title>
-            <CodeBox
-                code={basicBreadcrumbs}
-                title={'基本'}
-                description={'基本。'}
-            >
-                <div style={{width: '100%'}}>
-                    <Breadcrumbs list={list} />
-                </div>
-            </CodeBox>
-            <CodeBox
-                code={iconBreadcrumbs}
-                title={'带图标'}
-                description={'带图标。'}
-            >
-                <div style={{width: '100%'}}>
-                    <Breadcrumbs list={list1} />
-                </div>
-            </CodeBox>
-            <CodeBox
-                code={separatorBreadcrumbs}
-                title={'中间符号'}
-                description={'中间符号。'}
-            >
-                <div className="para-breadcrumbs-item-btn">
-                    <Button variant="outlined" onClick={clickBtn('/')}>/</Button>
-                    <Button variant="outlined" onClick={clickBtn('>')}>{'>'}</Button>
-                    <Button variant="outlined" onClick={clickBtn('-')}>-</Button>
-                </div>
-                <div style={{width: '100%'}}>
-                    <Breadcrumbs list={list} separator={separator} />
-                </div>
-            </CodeBox>
-            <CodeBox
-                code={maxWidtnBreadcrumbs}
-                title={'最大宽度'}
-                description={'最大宽度, 设置maxWidth属性,控制没一项的最大宽度,超出鼠标移上去显示全部内容,也可以设置item每一项的maxWidth,来具体控制没一项宽度。'}
-            >
-                <Breadcrumbs list={list2} maxWidth={'100px'} />
-            </CodeBox>
-            <CodeBox
-                code={moreBreadcrumbs}
-                title={'超出...'}
-                description={'缩小屏幕,可看到缩小模式。注意外部需要设置一个宽度,否则会出现问题。'}
-            >
-                <div className="para-breadcrumbs-more-box">
-                    <Breadcrumbs list={list3}></Breadcrumbs>
-                </div>
-            </CodeBox>
-            <CodeBox
-                code={disabledBreadcrumbs}
-                title={'禁用某一项'}
-                description={'默认都可点击,item增加disabled属性,变成不可点击。'}
-            >
-                <div style={{width: '100%'}}>
-                    <Breadcrumbs list={list4} />
-                </div>
-            </CodeBox>
-            <APITable data={apiData} />
-            <APITable data={apiDataList} showApi={false} subTitle={'listOptions'} />
-        </div>
-    );
-};
-
-export default ParaBreadcrumbs;

package/docs/view/button/api.tsx

@@ -1,131 +0,0 @@
-/**
- * @author Hanz
- * @date 2022/1/24 下午4:32
- * @description button api
- */
-import {RowsData} from '../../components/apiTable';
-
-const apiData: RowsData = [
-    {
-        name: 'className',
-        desc: '类名',
-        type: 'string'
-    },
-    {
-        name: 'style',
-        desc: '样式',
-        type: 'React.CSSProperties'
-    },
-    {
-        name: 'variant',
-        desc: '按钮类型',
-        type: 'contained | outlined | text',
-        default: 'contained'
-    },
-    {
-        name: 'size',
-        desc: '按钮大小',
-        type: 'small | medium | large',
-        default: 'large'
-    },
-    {
-        name: 'startIcon',
-        desc: '按钮文字前图标',
-        type: 'ReactNode'
-    },
-    {
-        name: 'loading',
-        desc: '按钮载入状态',
-        type: 'boolean | { delay: number }',
-        default: 'false'
-    },
-    {
-        name: 'disabled',
-        desc: '按钮失效状态',
-        type: 'boolean',
-        default: 'false'
-    },
-    {
-        name: 'danger',
-        desc: '危险按钮',
-        type: 'boolean',
-        default: 'false'
-    },
-    {
-        name: 'toolTipTitle',
-        desc: `Button 禁用时提示文字 disabled 为true有效; Button.IconButton提示文字`,
-        type: 'ReactNode',
-    },
-    {
-        name: 'TooltipProps',
-        desc: '文字提示属性,参考tooltip',
-        type: `TooltipProps`
-    }
-];
-
-export const splitApiData: RowsData = [
-    {
-        name: 'className',
-        desc: '类名',
-        type: 'string'
-    },
-    {
-        name: 'style',
-        desc: '样式',
-        type: 'React.CSSProperties'
-    },
-    {
-        name: 'popperClassName',
-        desc: 'popperClassName',
-        type: 'string',
-    },
-    {
-        name: 'popperStyle',
-        desc: 'popperStyle',
-        type: 'React.CSSProperties',
-    },
-    {
-        name: 'buttonText',
-        desc: '分体式按钮文本',
-        type: 'ReactNode'
-    },
-    {
-        name: 'options',
-        desc: '按钮选项数组',
-        type: 'Option[] | GroupOption[]',
-    },
-    {
-        name: 'disabled',
-        desc: '禁用按钮组',
-        type: 'boolean',
-        default: 'false'
-    },
-    {
-        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-end'
-    },
-    {
-        name: 'optionRender',
-        desc: `自定义选项渲染`,
-        type: '(option: Option) => React.ReactNode',
-    },
-    {
-        name: 'onClick',
-        desc: '点击回调',
-        type: `(option: Option, evt?: React.MouseEvent<HTMLElement>) => void;`
-    }
-];
-export default apiData;