@para-ui/core 2.1.35 → 2.1.38

package/docs/view/cascader/codeString.tsx

@@ -1,584 +0,0 @@
-/**
- * @author linhd
- * @date 2022/2/14 2:04 PM
- * @description 级联选择器
- */
-export const basicCascader = `
-import Cascader from '@para-ui/core/Cascader';
-
-const data = [
-    {
-        'label': '福建',
-        'value': 'fj',
-        'children': [{
-            'label': '福州',
-            'value': 'fuzhou',
-            'children': [{
-                'label': '马尾',
-                'value': 'mawei',
-            }],
-        }, {
-            'label': '泉州',
-            'value': 'quanzhou',
-        }],
-    }, {
-        'label': '浙江',
-        'value': 'zj',
-        'children': [{
-            'label': '杭州',
-            'value': 'hangzhou',
-            'children': [{
-                'label': '余杭',
-                'value': 'yuhang',
-            }],
-        }],
-    }, {
-        'label': '北京',
-        'value': 'bj',
-        'children': [{
-            'label': '朝阳区',
-            'value': 'chaoyang',
-        }, {
-            'label': '海淀区',
-            'value': 'haidian',
-        }],
-    }
-];
-
-<Cascader data={data} onChange={(val) => {
-    console.log(val)
-}} />
-`;
-
-export const valueCascader = `
-import Cascader from '@para-ui/core/Cascader';
-
-const data = [
-    {
-        'label': '福建',
-        'value': 'fj',
-        'children': [{
-            'label': '福州',
-            'value': 'fuzhou',
-            'children': [{
-                'label': '马尾',
-                'value': 'mawei',
-            }],
-        }, {
-            'label': '泉州',
-            'value': 'quanzhou',
-        }],
-    }, {
-        'label': '浙江',
-        'value': 'zj',
-        'children': [{
-            'label': '杭州',
-            'value': 'hangzhou',
-            'children': [{
-                'label': '余杭',
-                'value': 'yuhang',
-            }],
-        }],
-    }, {
-        'label': '北京',
-        'value': 'bj',
-        'children': [{
-            'label': '朝阳区',
-            'value': 'chaoyang',
-        }, {
-            'label': '海淀区',
-            'value': 'haidian',
-        }],
-    }
-];
-
-<Cascader data={data}
-value={['fj', 'fuzhou', 'mawei']}
-onChange={(val, o) => {
-    console.log(val)
-    console.log(o)
-}} />
-`;
-
-export const customJoinCascader = `
-import Cascader from '@para-ui/core/Cascader';
-
-const data = [
-    {
-        'label': '福建',
-        'value': 'fj',
-        'children': [{
-            'label': '福州',
-            'value': 'fuzhou',
-            'children': [{
-                'label': '马尾',
-                'value': 'mawei',
-            }],
-        }, {
-            'label': '泉州',
-            'value': 'quanzhou',
-        }],
-    }, {
-        'label': '浙江',
-        'value': 'zj',
-        'children': [{
-            'label': '杭州',
-            'value': 'hangzhou',
-            'children': [{
-                'label': '余杭',
-                'value': 'yuhang',
-            }],
-        }],
-    }, {
-        'label': '北京',
-        'value': 'bj',
-        'children': [{
-            'label': '朝阳区',
-            'value': 'chaoyang',
-        }, {
-            'label': '海淀区',
-            'value': 'haidian',
-        }],
-    }
-];
-
-<Cascader data={data}
-expandJoin=" - "
-onChange={(val) => {
-    console.log(val)
-}} />
-`;
-
-export const customExpandIconCascader = `
-import Cascader from '@para-ui/core/Cascader';
-
-const data = [
-    {
-        'label': '福建',
-        'value': 'fj',
-        'children': [{
-            'label': '福州',
-            'value': 'fuzhou',
-            'children': [{
-                'label': '马尾',
-                'value': 'mawei',
-            }],
-        }, {
-            'label': '泉州',
-            'value': 'quanzhou',
-        }],
-    }, {
-        'label': '浙江',
-        'value': 'zj',
-        'children': [{
-            'label': '杭州',
-            'value': 'hangzhou',
-            'children': [{
-                'label': '余杭',
-                'value': 'yuhang',
-            }],
-        }],
-    }, {
-        'label': '北京',
-        'value': 'bj',
-        'children': [{
-            'label': '朝阳区',
-            'value': 'chaoyang',
-        }, {
-            'label': '海淀区',
-            'value': 'haidian',
-        }],
-    }
-];
-
-<Cascader data={data}
-expandIcon={<span>&gt;</span>}
-onChange={(val) => {
-    console.log(val)
-}} />
-`;
-
-export const disabledCascader = `
-import Cascader from '@para-ui/core/Cascader';
-
-const data = [
-    {
-        'label': '福建',
-        'value': 'fj',
-        'children': [{
-            'label': '福州',
-            'value': 'fuzhou',
-            'children': [{
-                'label': '马尾',
-                'value': 'mawei',
-            }],
-        }, {
-            'label': '泉州',
-            'value': 'quanzhou',
-        }],
-    }, {
-        'label': '浙江',
-        'value': 'zj',
-        'children': [{
-            'label': '杭州',
-            'value': 'hangzhou',
-            'children': [{
-                'label': '余杭',
-                'value': 'yuhang',
-            }],
-        }],
-    }, {
-        'label': '北京',
-        'value': 'bj',
-        'children': [{
-            'label': '朝阳区',
-            'value': 'chaoyang',
-        }, {
-            'label': '海淀区',
-            'value': 'haidian',
-        }],
-    }
-];
-
-<Cascader data={data} disabled />
-`;
-
-export const triggerCascader = `
-import Cascader from '@para-ui/core/Cascader';
-
-const data = [
-    {
-        'label': '福建',
-        'value': 'fj',
-        'children': [{
-            'label': '福州',
-            'value': 'fuzhou',
-            'children': [{
-                'label': '马尾',
-                'value': 'mawei',
-            }],
-        }, {
-            'label': '泉州',
-            'value': 'quanzhou',
-        }],
-    }, {
-        'label': '浙江',
-        'value': 'zj',
-        'children': [{
-            'label': '杭州',
-            'value': 'hangzhou',
-            'children': [{
-                'label': '余杭',
-                'value': 'yuhang',
-            }],
-        }],
-    }, {
-        'label': '北京',
-        'value': 'bj',
-        'children': [{
-            'label': '朝阳区',
-            'value': 'chaoyang',
-        }, {
-            'label': '海淀区',
-            'value': 'haidian',
-        }],
-    }
-];
-
-<Cascader data={data}
-expandTrigger="hover"
-onChange={(val) => {
-    console.log(val)
-}} />
-`;
-
-export const downChangeCascader = `
-import Cascader from '@para-ui/core/Cascader';
-
-const data = [
-    {
-        'label': '福建',
-        'value': 'fj',
-        'children': [{
-            'label': '福州',
-            'value': 'fuzhou',
-            'children': [{
-                'label': '马尾',
-                'value': 'mawei',
-            }],
-        }, {
-            'label': '泉州',
-            'value': 'quanzhou',
-        }],
-    }, {
-        'label': '浙江',
-        'value': 'zj',
-        'children': [{
-            'label': '杭州',
-            'value': 'hangzhou',
-            'children': [{
-                'label': '余杭',
-                'value': 'yuhang',
-            }],
-        }],
-    }, {
-        'label': '北京',
-        'value': 'bj',
-        'children': [{
-            'label': '朝阳区',
-            'value': 'chaoyang',
-        }, {
-            'label': '海淀区',
-            'value': 'haidian',
-        }],
-    }
-];
-
-<Cascader data={data}
-onDropdownVisibleChange={(visible) => {
-    console.log(visible)
-    alert(visible ? '显示' : '隐藏')
-}}
-onChange={(val) => {
-    console.log(val)
-}} />
-`;
-
-export const changeUpdateCascader = `
-import Cascader from '@para-ui/core/Cascader';
-
-const data = [
-    {
-        'label': '福建',
-        'value': 'fj',
-        'children': [{
-            'label': '福州',
-            'value': 'fuzhou',
-            'children': [{
-                'label': '马尾',
-                'value': 'mawei',
-            }],
-        }, {
-            'label': '泉州',
-            'value': 'quanzhou',
-        }],
-    }, {
-        'label': '浙江',
-        'value': 'zj',
-        'children': [{
-            'label': '杭州',
-            'value': 'hangzhou',
-            'children': [{
-                'label': '余杭',
-                'value': 'yuhang',
-            }],
-        }],
-    }, {
-        'label': '北京',
-        'value': 'bj',
-        'children': [{
-            'label': '朝阳区',
-            'value': 'chaoyang',
-        }, {
-            'label': '海淀区',
-            'value': 'haidian',
-        }],
-    }
-];
-
-<Cascader data={data}
-changeOnSelect
-onChange={(val) => {
-    console.log(val)
-}} />
-`;
-
-export const customFieldCascader = `
-import Cascader from '@para-ui/core/Cascader';
-
-const data = [
-    {
-        'label': '福建',
-        'value': 'fj',
-        'children': [{
-            'label': '福州',
-            'value': 'fuzhou',
-            'children': [{
-                'label': '马尾',
-                'value': 'mawei',
-            }],
-        }, {
-            'label': '泉州',
-            'value': 'quanzhou',
-        }],
-    }, {
-        'label': '浙江',
-        'value': 'zj',
-        'children': [{
-            'label': '杭州',
-            'value': 'hangzhou',
-            'children': [{
-                'label': '余杭',
-                'value': 'yuhang',
-            }],
-        }],
-    }, {
-        'label': '北京',
-        'value': 'bj',
-        'children': [{
-            'label': '朝阳区',
-            'value': 'chaoyang',
-        }, {
-            'label': '海淀区',
-            'value': 'haidian',
-        }],
-    }
-];
-
-<Cascader data={data} onChange={(val) => {
-    console.log(val)
-}} />
-`;
-
-export const placeholderCascader = `
-import Cascader from '@para-ui/core/Cascader';
-
-const data = [
-    {
-        'label': '福建',
-        'value': 'fj',
-        'children': [{
-            'label': '福州',
-            'value': 'fuzhou',
-            'children': [{
-                'label': '马尾',
-                'value': 'mawei',
-            }],
-        }, {
-            'label': '泉州',
-            'value': 'quanzhou',
-        }],
-    }, {
-        'label': '浙江',
-        'value': 'zj',
-        'children': [{
-            'label': '杭州',
-            'value': 'hangzhou',
-            'children': [{
-                'label': '余杭',
-                'value': 'yuhang',
-            }],
-        }],
-    }, {
-        'label': '北京',
-        'value': 'bj',
-        'children': [{
-            'label': '朝阳区',
-            'value': 'chaoyang',
-        }, {
-            'label': '海淀区',
-            'value': 'haidian',
-        }],
-    }
-];
-
-<Cascader data={data} placeholder="来选我呀" onChange={(val) => {
-    console.log(val)
-}} />
-`;
-
-export const loadCascader = `
-import Cascader from '@para-ui/core/Cascader';
-
-const addressOptions = [
-{
-    label: '福建',
-    isLeaf: false,
-    value: 'fj',
-},
-{
-    label: '浙江',
-    isLeaf: false,
-    value: 'zj',
-},
-];
-
-<Cascader data={addressOptions}
-loadData={(selectedOptions) => {
-    console.log(selectedOptions)
-    const targetOption = selectedOptions[selectedOptions.length - 1];
-    targetOption.loading = true;
-    // 动态加载下级数据
-    return new Promise((resolve) => {
-        setTimeout(() => {
-            targetOption.loading = false;
-            targetOption.children = [
-                {
-                    label: \`\{targetOption.label}动态加载1\`,
-                    value: 'dynamic1',
-                    isLeaf: false
-
-                },
-                {
-                    label: \`\${targetOption.label}动态加载2\`,
-                    value: 'dynamic2',
-                },
-            ];
-            resolve(targetOption);
-        }, 1000);
-    })
-}}
-
-onChange={(val) => {
-    console.log(val)
-}} />
-`;
-
-export const iconCascader = `
-import Cascader from '@para-ui/core/Cascader';
-
-const addressOptions = [
-{
-    label: '福建',
-    isLeaf: false,
-    value: 'fj',
-},
-{
-    label: '浙江',
-    isLeaf: false,
-    value: 'zj',
-},
-];
-
-<Cascader data={addressOptions}
-loadData={(selectedOptions) => {
-    console.log(selectedOptions)
-    const targetOption = selectedOptions[selectedOptions.length - 1];
-    targetOption.loading = true;
-    // 动态加载下级数据
-    return new Promise((resolve) => {
-        setTimeout(() => {
-            targetOption.loading = false;
-            targetOption.children = [
-                {
-                    label: \`\${targetOption.label}动态加载1\`,
-                    value: 'dynamic1',
-                    isLeaf: false
-
-                },
-                {
-                    label: \`\${targetOption.label}动态加载2\`,
-                    value: 'dynamic2',
-                },
-            ];
-            resolve(targetOption);
-        }, 1000);
-    })
-}}
-
-onChange={(val) => {
-    console.log(val)
-}}
-loadingIcon="loading..."
-/>
-`;