@para-ui/core 2.1.35 → 2.1.36

package/docs/view/toolTip/api.tsx

@@ -1,96 +0,0 @@
-/**
- * @author Hanz
- * @date 2022/2/10 下午4:38
- * @description toolTip api
- */
-import {RowsData} from '../../components/apiTable';
-
-const apiData: RowsData = [
-    {
-        name: 'className',
-        desc: '类名',
-        type: 'string'
-    },
-    {
-        name: 'style',
-        desc: '样式',
-        type: 'React.CSSProperties'
-    },
-    {
-        name: 'title',
-        desc: 'tooltip title,长度为0的字符串不显示',
-        type: `ReactNode`
-    },
-    {
-        name: 'arrow',
-        desc: '是否显示箭头',
-        type: 'boolean',
-        default: 'true'
-    },
-    {
-        name: 'disableFocusListener',
-        desc: '不响应focus事件',
-        type: 'ReactNode'
-    },
-    {
-        name: 'disableHoverListener',
-        desc: '不响应hover事件',
-        type: 'boolean',
-        default: 'false'
-    },
-    {
-        name: 'enterDelay',
-        desc: '在显示工具提示之前等待的毫秒数',
-        type: 'number',
-        default: '100'
-    },
-    {
-        name: 'interactive',
-        desc: '使工具提示具有交互性，即当用户在 leaveDelay 过期之前将鼠标悬停在工具提示上时不会关闭',
-        type: 'boolean',
-        default: 'false'
-    },
-    {
-        name: 'leaveDelay',
-        desc: '在隐藏工具提示之前等待的毫秒数',
-        type: 'ReactNode'
-    },
-    {
-        name: 'onClose',
-        desc: `关闭时回调函数`,
-        type: '(event: ChangeEvent)=>void'
-    },
-    {
-        name: 'onOpen',
-        desc: '点击时回调函数',
-        type: `(event: ChangeEvent)=>void`
-    },
-    {
-        name: 'onOpen',
-        desc: '点击时回调函数',
-        type: `(event: ChangeEvent)=>void`
-    },
-    {
-        name: 'open',
-        desc: '显示tooltip',
-        type: `(event: ChangeEvent)=>void`
-    },
-    {
-        name: 'placement',
-        desc: 'tooltip位置',
-        type: `'bottom-end'
-                    | 'bottom-start'
-                    | 'bottom'
-                    | 'left-end'
-                    | 'left-start'
-                    | 'left'
-                    | 'right-end'
-                    | 'right-start'
-                    | 'right'
-                    | 'top-end'
-                    | 'top-start'
-                    | 'top'`,
-        default: 'top-start'
-    }
-];
-export default apiData;

package/docs/view/toolTip/codeString.tsx

@@ -1,42 +0,0 @@
-/**
- * @author Hanz
- * @date 2022/2/9 下午5:54
- * @description
- */
-export const basicTooltip = `
-import Tooltip from '@para-ui/core/Tooltip';
-import Button from '@para-ui/core/Button';
-import Delete from '@para-ui/icons/Delete';
-
-<Tooltip title="Delete">
-    <span>
-        <Delete/>
-    </span>
-</Tooltip>
-`;
-
-export const tooltipPlacement = `
-import Tooltip from '@para-ui/core/Tooltip';
-
-<Tooltip title="top-start" placement="top-start">
-    <span>top-start</span>
-</Tooltip>
-`;
-
-export const tooltipArrow = `
-import Tooltip from '@para-ui/core/Tooltip';
-
-<Tooltip title="Add" arrow>
-    <span>Arrow</span>
-</Tooltip>
-`;
-
-export const tooltipInteractive = `
-import Tooltip from '@para-ui/core/Tooltip';
-
-<Tooltip title="Add" interactive>
-    <span>Interactive</span>
-</Tooltip>
-`;
-
-

package/docs/view/toolTip/index.scss

@@ -1,5 +0,0 @@
-.paraui-toolTip-demo {
-  .code-box-demo {
-
-  }
-}

package/docs/view/toolTip/index.tsx

@@ -1,44 +0,0 @@
-import React, {FunctionComponent} from 'react';
-import CodeBox from '../../components/codeBox';
-import Tooltip from 'src/Tooltip';
-import APITable from '../../components/apiTable';
-import Title from '../../components/title';
-import {basicTooltip, tooltipPlacement, tooltipArrow, tooltipInteractive} from './codeString';
-import apiData from './api';
-import Delete from '@para-ui/icons/Delete';
-import './index.scss';
-
-//toolTip
-const ParaTooltip: FunctionComponent = () => {
-
-    return (
-        <div className={'paraui-toolTip-demo'}>
-            <Title name={'文字提示'}>代码演示</Title>
-            <CodeBox code={basicTooltip} title={'基本'} description={'最简单的用法。'}>
-                <Tooltip title="Delete">
-                    <span>
-                        <Delete/>
-                    </span>
-                </Tooltip>
-            </CodeBox>
-            <CodeBox code={tooltipPlacement} title={'工具提示的定位'} description={'工具提示组件提供了 12 个位置的选项。'}>
-                <Tooltip title="top-start" placement="top-start">
-                    <span>top-start</span>
-                </Tooltip>
-            </CodeBox>
-            <CodeBox code={tooltipArrow} title={'带有箭头'} description={'带箭头的工具提示。'}>
-                <Tooltip title="Add" arrow>
-                    <span>Arrow</span>
-                </Tooltip>
-            </CodeBox>
-            <CodeBox code={tooltipInteractive} title={'交互式'} description={'工具提示可以是可交互的。'}>
-                <Tooltip title="Add" interactive>
-                    <span>Interactive</span>
-                </Tooltip>
-            </CodeBox>
-            <APITable data={apiData} link={'https://v4.mui.com/zh/api/tooltip/#tooltip-api'}/>
-        </div>
-    );
-};
-
-export default ParaTooltip;

package/docs/view/transfer/api.tsx

@@ -1,33 +0,0 @@
-/**
- * @author linhd
- * @date 2022/2/14 2:04 PM
- * @description api
- */
-import {RowsData} from '../../components/apiTable';
-
-const apiData: RowsData = [
-    {
-        name: 'data',
-        desc: '数据源',
-        type: 'Array<any>',
-        default: '[]'
-    },
-    {
-        name: 'value',
-        desc: '当前选中的值',
-        type: 'Array<any>',
-        default: '[]'
-    },
-    {
-        name: 'onChange',
-        desc: '值改变时的回调',
-        type: '(data: Array<any>) => void'
-    },
-    {
-        name: 'titles',
-        desc: '标题',
-        type: 'Array<string>',
-        default: '[\'左侧\', \'右侧\']'
-    }
-];
-export default apiData;

package/docs/view/transfer/codeString.tsx

@@ -1,44 +0,0 @@
-/**
- * @author linhd
- * @date 2022/2/14 2:04 PM
- * @description 源码字符串
- */
-export const basicTransfer = `
-import Transfer from '@para-ui/core/Transfer';
-const mockData: object[] = [];
-for (let i = 0; i < 4; i++) {
-    mockData.push({
-        key: i.toString(),
-        name: \`content\${i + 1}\`,
-        description: \`description of content\${i + 1}\`,
-        checked: false
-    });
-}
-
-<Transfer
-data={mockData}
-onChange={(val) => {
-    console.log(val)
-}} />
-`;
-
-export const valueTransfer = `
-import Transfer from '@para-ui/core/Transfer';
-const mockData: object[] = [];
-for (let i = 0; i < 5; i++) {
-        mockData.push({
-            key: i.toString(),
-            name: \`content\${i + 1}\`,
-            description: \`description of content\${i + 1}\`,
-            checked: i % 2 === 0
-        });
-    }
-
-<Transfer
-data={mockData}
-onChange={(val) => {
-    //val 就是选中的值
-    console.log(val)
-}} />
-`;
-

package/docs/view/transfer/index.tsx

@@ -1,59 +0,0 @@
-import React, {FunctionComponent, useEffect, useState} from 'react';
-import CodeBox from '../../components/codeBox';
-import Transfer from 'src/Transfer';
-import APITable from '../../components/apiTable';
-import Title from '../../components/title';
-import {basicTransfer, valueTransfer} from './codeString';
-import apiData from './api';
-import './index.scss';
-
-const mockData: object[] = [];
-const mockData2: object[] = [];
-for (let i = 0; i < 4; i++) {
-    mockData.push({
-        key: i.toString(),
-        name: `content${i + 1}`,
-        description: `description of content${i + 1}`,
-        checked: false
-    });
-}
-for (let i = 0; i < 5; i++) {
-    mockData2.push({
-        key: i.toString(),
-        name: `content${i + 1}`,
-        description: `description of content${i + 1}`,
-        checked: i % 2 === 0
-    });
-}
-
-const ParaTransfer: FunctionComponent = () => {
-    return (
-        <div className={'paraui-transfer-demo'}>
-            <Title name={'穿梭框'}>代码演示</Title>
-            <CodeBox
-                code={basicTransfer}
-                title={'基本'}
-                description={'基本。'}
-            >
-                <Transfer
-                    data={mockData}
-                    onChange={(val) => {
-                        console.log(val)
-                    }} />
-            </CodeBox>
-            <CodeBox
-                code={valueTransfer}
-                title={'默认选中值'}
-                description={'默认选中值。'}
-            >
-                <Transfer data={mockData2} onChange={(val) => {
-                    //val 就是选中的值
-                    console.log(val)
-                }} />
-            </CodeBox>
-            <APITable data={apiData} />
-        </div>
-    );
-};
-
-export default ParaTransfer;