@para-ui/core 2.1.35 → 2.1.36

package/docs/view/comboSelect/codeString.tsx

@@ -1,629 +0,0 @@
-/**
- * @author Hanz
- * @date 2022/2/9 下午5:54
- * @description
- */
-export const tableCombo = `
-import ComboSelect from '@para-ui/core/ComboSelect';
-import {TableProps, SelectedOptions} from '@para-ui/core/ComboSelect/interface';
-
-const [value, setValue] = React.useState<SelectedOptions>([]);
-
-const onChange = (opts: any) => {
-    console.log('onChange:::', opts);
-    setValue(opts);
-};
-
-const getTableData = () => {
-    const data = [];
-    for (let i = 0; i < 10; i++) {
-        data.push({title: \`para-ui-\${i}\`, address: '上海', key: i + ''});
-    }
-    return data;
-};
-
-const tableProps: TableProps = {
-    headData: [
-        {
-            name: 'title',
-            label: '名称',
-            selected: true,
-            width: '200px'
-        },
-        {
-            name: 'address',
-            label: '地址',
-            selected: true,
-            width: '200px'
-        }
-    ],
-    data: getTableData()
-};
-
-<ComboSelect
-    mode={'table'}
-    allowClear={true}
-    TableProps={tableProps}
-    value={value}
-    onChange={onChange}
-/>
-`;
-
-export const treeCombo = `
-import ComboSelect from '@para-ui/core/ComboSelect';
-import {TreeProps, SelectedOptions} from '@para-ui/core/ComboSelect/interface';
-
-const [value, setValue] = React.useState<SelectedOptions>([]);
-
-const onChange = (opts: any) => {
-    console.log('onChange:::', opts);
-    setValue(opts);
-};
-
-const treeData = [
-    {
-        title: '0-0',
-        key: '0-0',
-        children: [
-            {
-                title: '0-0-0',
-                key: '0-0-0',
-                children: [
-                    {title: '0-0-0-0', key: '0-0-0-0'},
-                    {title: '0-0-0-1', key: '0-0-0-1'},
-                    {title: '0-0-0-2', key: '0-0-0-2'},
-                ],
-            }
-        ]
-    },
-    {
-        title: '0-1',
-        key: '0-1',
-        children: [
-            {title: '0-1-0-0', key: '0-1-0-0'},
-            {title: '0-1-0-1', key: '0-1-0-1'},
-            {title: '0-1-0-2', key: '0-1-0-2'},
-        ],
-    },
-    {
-        title: '0-2',
-        key: '0-2',
-    }
-];
-
-const treeProps: TreeProps = {
-    treeData,
-    checkStrictly: true
-};
-
-<ComboSelect
-    mode={'tree'}
-    allowClear={true}
-    TreeProps={treeProps}
-    value={value}
-    onChange={onChange}
-/>
-`;
-
-export const listCombo = `
-import ComboSelect from '@para-ui/core/ComboSelect';
-import {SelectedOptions} from '@para-ui/core/ComboSelect/interface';
-
-const [value, setValue] = React.useState<SelectedOptions>([]);
-
-const onChange = (opts: any) => {
-    console.log('onChange:::', opts);
-    setValue(opts);
-};
-
-const listData = [
-    {
-        title: '0-0',
-        key: '0-0',
-    },
-    {
-        title: '0-1',
-        key: '0-1'
-    },
-    {
-        title: '0-2',
-        key: '0-2',
-    },
-    {
-        title: '0-3',
-        key: '0-3',
-    },
-    {
-        title: '0-4',
-        key: '0-4',
-    },
-    {
-        title: '0-5',
-        key: '0-5',
-    },
-    {
-        title: '0-6',
-        key: '0-6',
-    }
-];
-
-<ComboSelect
-    mode={'list'}
-    allowClear={true}
-    TreeProps={{
-        treeData: listData
-    }}
-    value={value}
-    onChange={onChange}
-/>
-`;
-
-export const radioTableCombo = `
-import ComboSelect from '@para-ui/core/ComboSelect';
-import {TableProps, SelectedOptions} from '@para-ui/core/ComboSelect/interface';
-
-const [value, setValue] = React.useState<SelectedOptions>([]);
-
-const onChange = (opts: any) => {
-    console.log('onChange:::', opts);
-    setValue(opts);
-};
-
-const getTableData = () => {
-    const data = [];
-    for (let i = 0; i < 10; i++) {
-        data.push({title: \`para-ui-\${i}\`, address: '上海', key: i + ''});
-    }
-    return data;
-};
-
-const tableProps: TableProps = {
-    headData: [
-        {
-            name: 'title',
-            label: '名称',
-            selected: true,
-            width: '200px'
-        },
-        {
-            name: 'address',
-            label: '地址',
-            selected: true,
-            width: '200px'
-        }
-    ],
-    data: getTableData()
-};
-
-<ComboSelect
-    mode={'table'}
-    checkable={false}
-    allowClear={true}
-    TableProps={tableProps}
-    value={value}
-    onChange={onChange}
-/>
-`;
-
-export const radioTreeCombo = `
-import ComboSelect from '@para-ui/core/ComboSelect';
-import {TreeProps, SelectedOptions} from '@para-ui/core/ComboSelect/interface';
-
-const [value, setValue] = React.useState<SelectedOptions>([]);
-
-const onChange = (opts: any) => {
-    console.log('onChange:::', opts);
-    setValue(opts);
-};
-
-const treeData = [
-    {
-        title: '0-0',
-        key: '0-0',
-        children: [
-            {
-                title: '0-0-0',
-                key: '0-0-0',
-                children: [
-                    {title: '0-0-0-0', key: '0-0-0-0'},
-                    {title: '0-0-0-1', key: '0-0-0-1'},
-                    {title: '0-0-0-2', key: '0-0-0-2'},
-                ],
-            }
-        ]
-    },
-    {
-        title: '0-1',
-        key: '0-1',
-        children: [
-            {title: '0-1-0-0', key: '0-1-0-0'},
-            {title: '0-1-0-1', key: '0-1-0-1'},
-            {title: '0-1-0-2', key: '0-1-0-2'},
-        ],
-    },
-    {
-        title: '0-2',
-        key: '0-2',
-    }
-];
-
-const treeProps: TreeProps = {
-    treeData
-};
-
-<ComboSelect
-    mode={'tree'}
-    checkable={false}
-    allowClear={true}
-    TreeProps={treeProps}
-    value={value}
-    onChange={onChange}
-/>
-`;
-
-
-export const radiosListCombo = `
-import ComboSelect from '@para-ui/core/ComboSelect';
-import {SelectedOptions} from '@para-ui/core/ComboSelect/interface';
-
-const [value, setValue] = React.useState<SelectedOptions>([]);
-
-const onChange = (opts: any) => {
-    console.log('onChange:::', opts);
-    setValue(opts);
-};
-
-const listData = [
-    {
-        title: '0-0',
-        key: '0-0',
-    },
-    {
-        title: '0-1',
-        key: '0-1'
-    },
-    {
-        title: '0-2',
-        key: '0-2',
-    },
-    {
-        title: '0-3',
-        key: '0-3',
-    },
-    {
-        title: '0-4',
-        key: '0-4',
-    },
-    {
-        title: '0-5',
-        key: '0-5',
-    },
-    {
-        title: '0-6',
-        key: '0-6',
-    }
-];
-
-<ComboSelect
-    mode={'list'}
-    checkable={false}
-    allowClear={true}
-    TreeProps={{
-        treeData: listData
-    }}
-    value={value}
-    onChange={onChange}
-/>
-`;
-
-
-export const defaultValueCombo = `
-import ComboSelect from '@para-ui/core/ComboSelect';
-import {SelectedOptions} from '@para-ui/core/ComboSelect/interface';
-
-const treeData = [
-    {
-        title: '0-0',
-        key: '0-0',
-        children: [
-            {
-                title: '0-0-0',
-                key: '0-0-0',
-                children: [
-                    {title: '0-0-0-0', key: '0-0-0-0'},
-                    {title: '0-0-0-1', key: '0-0-0-1'},
-                    {title: '0-0-0-2', key: '0-0-0-2'},
-                ],
-            }
-        ]
-    },
-    {
-        title: '0-1',
-        key: '0-1',
-        children: [
-            {title: '0-1-0-0', key: '0-1-0-0'},
-            {title: '0-1-0-1', key: '0-1-0-1'},
-            {title: '0-1-0-2', key: '0-1-0-2'},
-        ],
-    },
-    {
-        title: '0-2',
-        key: '0-2',
-    }
-];
-
-const defaultValue: SelectedOptions = [
-    {
-        key: '0-0',
-        label: '0-0'
-    },
-    {
-        key: '0-1',
-        label: '0-1'
-    },
-    {
-        key: '0-2',
-        label: '0-2'
-    }
-];
-
-<ComboSelect
-    mode={'tree'}
-    TreeProps={{
-        treeData,
-        checkStrictly: true
-    }}
-    value={defaultValue}
-/>
-`;
-
-export const maxCountCombo = `
-import ComboSelect from '@para-ui/core/ComboSelect';
-
-const listData = [
-    {
-        title: '0-0',
-        key: '0-0',
-    },
-    {
-        title: '0-1',
-        key: '0-1'
-    },
-    {
-        title: '0-2',
-        key: '0-2',
-    },
-    {
-        title: '0-3',
-        key: '0-3',
-    },
-    {
-        title: '0-4',
-        key: '0-4',
-    },
-    {
-        title: '0-5',
-        key: '0-5',
-    },
-    {
-        title: '0-6',
-        key: '0-6',
-    }
-];
-
-<ComboSelect
-    mode={'list'}
-    TreeProps={{
-        treeData: listData
-    }}
-    maxCount={3}
-/>
-`;
-
-export const comboWithSearch = `
-import ComboSelect from '@para-ui/core/ComboSelect';
-import {TableProps} from '@para-ui/core/ComboSelect/interface';
-
-const getTableData = () => {
-    const data = [];
-    for (let i = 0; i < 10; i++) {
-        data.push({title: \`para-ui-\${i}\`, address: '上海', key: i + ''});
-    }
-    return data;
-};
-
-const onSearch = (searchKey: string) => {
-    console.log('onSearch:::', searchKey);
-};
-
-const tableProps: TableProps = {
-    headData: [
-        {
-            name: 'title',
-            label: '名称',
-            selected: true,
-            width: '200px'
-        },
-        {
-            name: 'address',
-            label: '地址',
-            selected: true,
-            width: '200px'
-        }
-    ],
-    data: getTableData()
-};
-
-<ComboSelect
-    mode={'table'}
-    TableProps={tableProps}
-    allowClear={true}
-    showSearch={true}
-    onSearch={onSearch}
-/>
-`;
-
-
-export const comboWithError = `
-import ComboSelect from '@para-ui/core/ComboSelect';
-
-const treeData = [
-    {
-        title: '0-0',
-        key: '0-0',
-        children: [
-            {
-                title: '0-0-0',
-                key: '0-0-0',
-                children: [
-                    {title: '0-0-0-0', key: '0-0-0-0'},
-                    {title: '0-0-0-1', key: '0-0-0-1'},
-                    {title: '0-0-0-2', key: '0-0-0-2'},
-                ],
-            }
-        ]
-    },
-    {
-        title: '0-1',
-        key: '0-1',
-        children: [
-            {title: '0-1-0-0', key: '0-1-0-0'},
-            {title: '0-1-0-1', key: '0-1-0-1'},
-            {title: '0-1-0-2', key: '0-1-0-2'},
-        ],
-    },
-    {
-        title: '0-2',
-        key: '0-2',
-    }
-];
-
-<ComboSelect
-    mode={'tree'}
-    TreeProps={{
-        treeData,
-        checkStrictly: true
-    }}
-    error={true}
-    helperText={'请选择'}
-    label={'必填'}
-    required={true}
-    labelTooltip={{tooltip: '帮助提示'}}
-/>
-
-<ComboSelect
-    mode={'tree'}
-    TreeProps={{
-        treeData,
-        checkStrictly: true
-    }}
-    label={'选填'}
-    labelTooltip={{tooltip: '帮助提示', tooltipType: 'line'}}
-/>
-`;
-
-export const disablePopupCombo = `
-import ComboSelect from '@para-ui/core/ComboSelect';
-import {TableProps} from '@para-ui/core/ComboSelect/interface';
-
-const getTableData = () => {
-    const data = [];
-    for (let i = 0; i < 10; i++) {
-        data.push({title: \`para-ui-\${i}\`, address: '上海', key: i + ''});
-    }
-    return data;
-};
-
-const tableProps: TableProps = {
-    headData: [
-        {
-            name: 'title',
-            label: '名称',
-            selected: true,
-            width: '200px'
-        },
-        {
-            name: 'address',
-            label: '地址',
-            selected: true,
-            width: '200px'
-        }
-    ],
-    data: getTableData()
-};
-
-<ComboSelect
-    mode={'table'}
-    TableProps={tableProps}
-    allowClear={true}
-    disablePopup={true}
-    showSearch={true}
-/>
-`;
-
-export const emptyCombo = `
-import ComboSelect from '@para-ui/core/ComboSelect';
-
-<ComboSelect
-    mode={'list'}
-    TreeProps={{treeData: []}} //数据为空时
-/>
-`;
-
-export const remoteLoadCombo = `
-import ComboSelect from '@para-ui/core/ComboSelect';
-
-<ComboSelect
-    //mode: table、tree、list
-    mode={"list"}
-    url={'请求url'}
-    ctx={'请求上下文'}
-    method={"Get"}
-    params={'请求参数'}
-    showSearch={true}
-    paramsCallback={(params: { [name: string]: any }) => {
-        //接口请求之前，处理参数
-        return params;
-    }}
-    // TableProps={{
-    //     //表格可用属性
-    // }}
-    // TreeProps={{
-    //     //树可用属性
-    // }}
-/>
-`;
-
-
-export const customOptionLabel = `
-import ComboSelect from '@para-ui/core/ComboSelect';
-
-<ComboSelect
-    //mode: table、tree、list
-    mode={"list"}
-    url={'请求url'}
-    ctx={'请求上下文'}
-    method={"Get"}
-    params={'请求参数'}
-    showSearch={true}
-    paramsCallback={(params: { [name: string]: any }) => {
-        //接口请求之前，处理参数
-        return params;
-    }}
-    getOptionLabel={(nodeData: any) => {
-        return \`\${nodeData.key}: \${nodeData.title}\`;
-    }}
-    optionRender={(nodeData: any) => {
-        return \`\${nodeData.key}: \${nodeData.title}\`;
-    }}
-    // TableProps={{
-    //     //表格可用属性
-    // }}
-    // TreeProps={{
-    //     //树可用属性
-    // }}
-/>
-`;
-
-
-

package/docs/view/comboSelect/index.scss

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