feffery_antd_components 0.1.6 → 0.1.7

package/usage.py

@@ -1,33 +1,79 @@
 import dash
 import numpy as np
 from dash import html
+from flask import request
 import feffery_antd_components as fac
 from dash.dependencies import Input, Output, State
 
 app = dash.Dash(__name__)
 
+
+@app.server.route('/upload/', methods=['POST'])
+def upload():
+    '''
+    构建文件上传服务
+    :return:
+    '''
+
+    # 获取上传id参数，用于指向保存路径
+    uploadId = request.values.get('uploadId')
+
+    # 获取上传的文件名称
+    filename = request.files['file'].filename
+
+    print({'filename': filename})
+
+    return {'filename': filename}
+
+
+@app.callback(
+    Output('output', 'children'),
+    Input('input', 'lastUploadTaskRecord')
+)
+def test(lastUploadTaskRecord):
+    if lastUploadTaskRecord:
+        print(lastUploadTaskRecord)
+
+    return dash.no_update
+
 app.layout = html.Div(
     [
-        fac.AntdPasteImage(
-            id='test',
-            style={
-                'height': '500px',
-                'width': '800px',
-                'marginBottom': '100px'
-            }
+
+        fac.AntdUpload(
+            id='input',
+            apiUrl='/upload/',
+            directory=True
+        ),
+
+        html.Div(
+            id='output'
         ),
 
-        html.Div(id='test-output'),
-        fac.AntdWatermark(
-            html.Div(
-                style={
-                    'width': '800px',
-                    'height': '400px'
+        fac.AntdTable(
+            columns=[
+                {
+                    'title': '图片字段测试',
+                    'dataIndex': '图片字段测试',
+                    'width': '200px',
+                    'renderOptions': {
+                        'renderType': 'image'
+                    }
                 }
-            ),
-            content='水印测试',
-            fontSize=28
+            ],
+            data=[
+                {
+                    '图片字段测试': {
+                        'src': 'https://gw.alipayobjects.com/zos/rmsportal/KDpgvguMpGfqaHPjicRK.svg',
+                        'height': '100%'
+                    }
+                }
+            ] * 100,
+            bordered=True,
+            style={
+                'width': '300px'
+            }
         ),
+
         fac.AntdTable(
             selectedRowKeys=['2', '4'],
             rowSelectionWidth='4rem',
@@ -72,9 +118,7 @@ app.layout = html.Div(
                     'width': '33.33%'
                 }
             ],
-            sticky={
-                'offsetHeader': 800
-            },
+            sticky=True,
             pagination={
                 'pageSize': 100
             },
@@ -104,1132 +148,6 @@ app.layout = html.Div(
             style={
                 # 'width': '800px'
             }
-        ),
-
-
-        fac.AntdImage(
-            src='https://gw.alipayobjects.com/zos/antfincdn/LlvErxo8H9/photo-1503185912284-5271ff81b9a8.webp'
-        ),
-
-        fac.AntdRate(
-            count=10,
-            tooltips=[f'等级{i + 1}' for i in range(10)]
-        ),
-
-        fac.AntdButton(
-            '触发对话框',
-            type='primary',
-            id='modal-demo-trigger-1'
-        ),
-
-        fac.AntdModal(
-            fac.AntdText('对话框内容测试'),
-            id='modal-demo-1',
-            visible=False,
-            title={
-                'content': '标题测试',
-                'prefixIcon': 'search'
-            },
-            renderFooter=True
-        ),
-
-        fac.AntdTree(
-            id='tree-demo',
-            treeData=[
-                {
-                    'title': '重庆市',
-                    'key': '重庆市',
-                    'children': [
-                        {
-                            'title': '渝北区',
-                            'key': '渝北区'
-                        },
-                        {
-                            'title': '江北区',
-                            'key': '江北区',
-                            'disabled': True
-                        }
-                    ]
-                },
-                {
-                    'title': '北京市',
-                    'key': '北京市',
-                    'children': [
-                        {
-                            'title': '西城区',
-                            'key': '西城区'
-                        },
-                        {
-                            'title': '东城区',
-                            'key': '东城区'
-                        }
-                    ]
-                },
-                {
-                    'title': '四川省',
-                    'key': '四川省',
-                    'children': [
-                        {
-                            'title': '成都市',
-                            'key': '成都市',
-                            'children': [
-                                {
-                                    'title': '天府新区',
-                                    'key': '天府新区'
-                                }
-                            ]
-                        }
-                    ]
-                }
-            ],
-            multiple=True,
-            checkable=True
-        ),
-
-        fac.AntdParagraph('巴拉巴拉'*100, style={'textIndent': '2em'}),
-
-        fac.AntdTable(
-            miniChartHeight=60,
-            miniChartAnimation=False,
-            summaryRowContents=[{'content': '测试', 'align': 'center'}] *
-            5+[{'content': '测试测试', 'colSpan': 2, 'align': 'center'}],
-            summaryRowFixed=True,
-            columns=[
-                {
-                    'title': 'status-badge示例',
-                    'dataIndex': 'status-badge示例',
-                    # 'width': '25%',
-                    'renderOptions': {
-                        'renderType': 'status-badge'
-                    }
-                },
-                {
-                    'title': 'mini-bar示例',
-                    'dataIndex': 'mini-bar示例',
-                    # 'width': '25%',
-                    'renderOptions': {
-                        'renderType': 'mini-bar'
-                    }
-                },
-                {
-                    'title': 'ellipsis内容省略示例',
-                    'dataIndex': 'ellipsis内容省略示例',
-                    'renderOptions': {'renderType': 'ellipsis'}
-                },
-                {
-                    # 注意，mini-progress模式接受的输入应当在0到1之间
-                    'title': 'mini-progress示例',
-                    'dataIndex': 'mini-progress示例',
-                    # 'width': '25%',
-                    'renderOptions': {
-                        'renderType': 'mini-progress'
-                    }
-                },
-                {
-                    # 注意，mini-ring-progress模式接受的输入应当在0到1之间
-                    'title': 'mini-ring-progress示例',
-                    'dataIndex': 'mini-ring-progress示例',
-                    # 'width': '25%',
-                    'renderOptions': {
-                        'renderType': 'mini-ring-progress'
-                    }
-                },
-                {
-                    'title': 'mini-area示例',
-                    'dataIndex': 'mini-area示例',
-                    # 'width': '25%',
-                    'renderOptions': {
-                        'renderType': 'mini-area'
-                    }
-                },
-                {
-                    'title': 'mini-line示例',
-                    'dataIndex': 'mini-line示例',
-                    # 'width': '25%',
-                    'renderOptions': {
-                        'renderType': 'mini-line'
-                    }
-                },
-            ],
-            data=[
-                {
-                    'key': i,
-                    'ellipsis内容省略示例': '这是一段废话，用来演示超长内容再渲染巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉',
-                    'status-badge示例': {
-                        'status': 'processing',
-                        'text': '处理中'
-                    },
-                    'mini-line示例': np.random.randint(1, 20, 10),
-                    'mini-bar示例': np.random.randint(1, 20, 10),
-                    'mini-progress示例': np.random.rand(),
-                    'mini-ring-progress示例': np.random.rand(),
-                    'mini-area示例': np.random.randint(1, 20, 10)
-                }
-                for i in range(50)
-            ],
-            maxHeight=400,
-            # maxWidth=800,
-            bordered=True,
-            containerId='docs-content'  # 绑定局部滚动容器以确保悬浮层正常显示
-        ),
-
-        html.Div(
-            [
-                fac.AntdAlert(
-                    description='好样的',
-                    message=[
-                        html.Div(
-                            [
-                                fac.AntdText(
-                                    '这是一段测试文字，'
-                                ),
-                                fac.AntdText(
-                                    '加粗',
-                                    strong=True
-                                ),
-                                html.A(
-                                    '链接',
-                                    href='/'
-                                )
-                            ]
-                        )
-                    ],
-                    showIcon=True
-                )
-            ]
-        ),
-
-
-        html.Div(
-            [
-                fac.AntdAlert(
-                    description='这是一段辅助说明文字',
-                    message=[
-                        '君不见黄河之水天上来',
-                        '奔流到海不复回',
-                        '君不见高堂明镜悲白发',
-                        '朝如青丝暮成雪',
-                        '人生得意须尽欢',
-                        '莫使金樽空对月',
-                        '天生我材必有用',
-                        '千金散尽还复来'
-                    ],
-                    showIcon=True,
-                    messageRenderMode='loop-text'
-                )
-            ]
-        ),
-
-
-        fac.AntdTabs(
-            [
-                fac.AntdTabPane(
-                    html.Div(
-                        '标签页1测试',
-                        style={
-                            'backgroundColor': 'rgba(241, 241, 241, 0.4)',
-                            'height': '200px',
-                            'display': 'flex',
-                            'justifyContent': 'center',
-                            'alignItems': 'center'
-                        }
-                    ),
-                    tab='标签页1',
-                    key='标签页1',
-                    titleSideInfoPopover={
-                        'title': '标签页1说明',
-                        'content': '这是标签页1的说明文字内容示例'
-                    }
-                ),
-                fac.AntdTabPane(
-                    html.Div(
-                        fac.AntdButton('标签页2测试', type='primary'),
-                        style={
-                            'backgroundColor': 'rgba(241, 241, 241, 0.4)',
-                            'height': '200px',
-                            'display': 'flex',
-                            'justifyContent': 'center',
-                            'alignItems': 'center'
-                        }
-                    ),
-                    tab='标签页2',
-                    key='标签页2',
-                    titleSideInfoPopover={
-                        'title': '标签页2说明',
-                        'content': '这是标签页2的说明文字内容示例'
-                    }
-                ),
-                fac.AntdTabPane(
-                    html.Div(
-                        fac.AntdButton('标签页3测试', type='dashed'),
-                        style={
-                            'backgroundColor': 'rgba(241, 241, 241, 0.4)',
-                            'height': '200px',
-                            'display': 'flex',
-                            'justifyContent': 'center',
-                            'alignItems': 'center'
-                        }
-                    ),
-                    tab='标签页3',
-                    key='标签页3',
-                    titleSideInfoPopover={
-                        'title': '标签页3说明',
-                        'content': '这是标签页3的说明文字内容示例'
-                    }
-                )
-            ]
-        ),
-
-        html.Div(
-            [
-                fac.AntdAlert(
-                    '这是一段辅助说明文字',
-                    message='，'.join([
-                        '君不见黄河之水天上来',
-                        '奔流到海不复回',
-                        '君不见高堂明镜悲白发',
-                        '朝如青丝暮成雪',
-                        '人生得意须尽欢',
-                        '莫使金樽空对月',
-                        '天生我材必有用',
-                        '千金散尽还复来'
-                    ]) + '。',
-                    description='这是跑马灯模式示例',
-                    showIcon=True,
-                    messageRenderMode='marquee'
-                )
-            ]
-        ),
-
-        fac.AntdRadioGroup(
-            options=[
-                {
-                    'label': f'选项{i}',
-                    'value': f'选项{i}'
-                }
-                for i in range(5)
-            ],
-            defaultValue='选项1'
-        ),
-
-        fac.AntdSpace(
-            [
-                html.Div(
-                    '输入框',
-                    style={
-                        'height': '32px',
-                        'lineHeight': '32px',
-                        'backgroundColor': 'rgb(241, 241, 241)',
-                        'paddingLeft': '8px',
-                        'paddingRight': '8px',
-                        'borderTopLeftRadius': '5px',
-                        'borderBottomLeftRadius': '5px',
-                    }
-                ),
-                fac.AntdInput(
-                    style={
-                        'width': '100px'
-                    }
-                )
-            ],
-            size=0
-        ),
-
-        html.Div(
-            style={
-                'height': '200px'
-            }
-        ),
-
-        fac.AntdRadioGroup(
-            options=[
-                {
-                    'label': f'选项{i}',
-                    'value': f'选项{i}'
-                }
-                for i in range(5)
-            ],
-            direction='vertical',
-            defaultValue='选项1'
-        ),
-
-        fac.AntdPopover(
-            fac.AntdButton(
-                '鼠标悬浮于此',
-                type='primary'
-            ),
-            content=[
-                fac.AntdButton(
-                    '鼠标悬浮于此',
-                    type='primary'
-                ),
-                fac.AntdButton(
-                    '鼠标悬浮于此',
-                    type='primary'
-                ),
-                fac.AntdButton(
-                    '鼠标悬浮于此',
-                    type='primary'
-                ),
-                fac.AntdTimeline(
-                    items=[
-                        {
-                            'content': '训练数据导入',
-                            'icon': 'md-cloud-upload',
-                            'iconStyle': {
-                                'fontSize': '18px'
-                            }
-                        },
-                        {
-                            'content': '模型训练',
-                            'icon': 'antd-clock-circle',
-                            'iconStyle': {
-                                'fontSize': '18px'
-                            }
-                        },
-                        {
-                            'content': '模型持久化',
-                            'icon': 'fc-accept-database',
-                            'iconStyle': {
-                                'fontSize': '18px'
-                            }
-                        },
-                        {
-                            'content': '模型发布',
-                            'icon': 'md-cloud-done',
-                            'iconStyle': {
-                                'fontSize': '18px'
-                            }
-                        }
-                    ],
-                    style={
-                        'margin': '20px'
-                    }
-                )
-            ],
-            title={
-                'content': '标题前缀图标测试',
-                'prefixIcon': 'fc-search'
-            }
-        ),
-
-        fac.AntdProgress(
-            percent=80
-        ),
-        html.Div(
-            style={
-                'height': '100px'
-            }
-        ),
-        html.Div(
-            [
-
-                html.Div(
-                    [
-
-                        html.Div(
-                            fac.AntdMenu(
-                                menuItems=[
-                                    {
-                                        'component': 'SubMenu',
-                                        'props': {
-                                            'key': f'{sub_menu}',
-                                            'title': f'子菜单{sub_menu}'
-                                        },
-                                        'children': [
-                                            {
-                                                'component': 'ItemGroup',
-                                                'props': {
-                                                    'key': f'{sub_menu}-{item_group}',
-                                                    'title': f'菜单项分组{sub_menu}-{item_group}'
-                                                },
-                                                'children': [
-                                                    {
-                                                        'component': 'Item',
-                                                        'props': {
-                                                            'key': f'{sub_menu}-{item_group}-{item}',
-                                                            'title': f'菜单项{sub_menu}-{item_group}-{item}'
-                                                        }
-                                                    }
-                                                    for item in range(1, 3)
-                                                ]
-                                            }
-                                            for item_group in range(1, 3)
-                                        ]
-                                    }
-                                    for sub_menu in range(1, 5)
-                                ],
-                                mode='horizontal'
-                            ),
-                            style={
-                                'width': '250px'
-                            }
-                        ),
-
-                        html.Div(
-                            fac.AntdMenu(
-                                menuItems=[
-                                    {
-                                        'component': 'SubMenu',
-                                        'props': {
-                                            'key': f'{sub_menu}',
-                                            'title': f'子菜单{sub_menu}'
-                                        },
-                                        'children': [
-                                            {
-                                                'component': 'ItemGroup',
-                                                'props': {
-                                                    'key': f'{sub_menu}-{item_group}',
-                                                    'title': f'菜单项分组{sub_menu}-{item_group}'
-                                                },
-                                                'children': [
-                                                    {
-                                                        'component': 'Item',
-                                                        'props': {
-                                                            'key': f'{sub_menu}-{item_group}-{item}',
-                                                            'title': f'菜单项{sub_menu}-{item_group}-{item}'
-                                                        }
-                                                    }
-                                                    for item in range(1, 3)
-                                                ]
-                                            }
-                                            for item_group in range(1, 3)
-                                        ]
-                                    }
-                                    for sub_menu in range(1, 5)
-                                ]
-                            ),
-                            style={
-                                'width': '250px'
-                            }
-                        ),
-
-
-                        fac.AntdTable(
-                            columns=[
-                                {
-                                    'title': '字段示例1',
-                                    'dataIndex': '字段示例1'
-                                },
-                                {
-                                    'title': '字段示例2',
-                                    'dataIndex': '字段示例2'
-                                },
-                                {
-                                    'title': '字段示例3',
-                                    'dataIndex': '字段示例3'
-                                }
-                            ],
-                            data=[
-                                {
-                                    '字段示例1': i,
-                                    '字段示例2': i,
-                                    '字段示例3': i
-                                }
-                                for i in range(30)
-                            ]
-                        ),
-
-                        fac.AntdSpace(
-                            [
-                                fac.AntdButton(
-                                    [
-                                        fac.AntdIcon(
-                                            icon='md-power-settings-new'
-                                        ),
-                                        'md-power-settings-new'
-                                    ]
-                                ),
-                                fac.AntdButton(
-                                    [
-                                        fac.AntdIcon(
-                                            icon='md-layers'
-                                        ),
-                                        'md-layers'
-                                    ],
-                                    type='primary'
-                                ),
-                                fac.AntdButton(
-                                    [
-                                        fac.AntdIcon(
-                                            icon='fc-repair'
-                                        ),
-                                        'fc-repair'
-                                    ],
-                                    type='dashed'
-                                )
-                            ]
-                        ),
-
-                        fac.AntdTable(
-                            columns=[
-                                {
-                                    'title': 'ellipsis内容省略示例',
-                                    'dataIndex': 'ellipsis内容省略示例',
-                                    'renderOptions': {'renderType': 'copyable'}
-                                }
-                            ],
-                            data=[
-                                {
-                                    'key': i,
-                                    'ellipsis内容省略示例': '这是一段废话，用来演示超长内容再渲染巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉'
-                                }
-                                for i in range(5)
-                            ],
-                            bordered=True,
-                            style={
-                                'width': '250px'
-                            }
-                        ),
-                        fac.AntdTitle(
-                            'AntdIcon测试区域',
-                            level=4
-                        ),
-                        fac.AntdSpace(
-                            [
-                                fac.AntdButton(
-                                    [
-                                        fac.AntdIcon(icon='search', style={
-                                            'marginRight': '5px'}),
-                                        '搜索'
-                                    ]
-                                ),
-
-                                fac.AntdAvatar(
-                                    mode='icon',
-                                    icon='fc-vlc'
-                                )
-                            ]
-                        ),
-                        fac.AntdBreadcrumb(
-                            items=[
-                                {
-                                    'title': 'feffery-components仓库主页',
-                                    'href': 'https://github.com/CNFeffery/feffery-dash-components',
-                                    'target': '_blank',
-                                    'icon': 'github'
-                                },
-                                {
-                                    'title': 'feffery-antd-components文档首页',
-                                    'href': '/',
-                                    'target': '_blank',
-                                    'icon': 'home'
-                                },
-                                {
-                                    'title': 'AntdBreadcrumb文档页',
-                                    'href': '/AntdBreadcrumb',
-                                    'target': '_blank',
-                                    'icon': 'fc-approval'
-                                }
-                            ]
-                        ),
-
-                        fac.AntdDraggerUpload(
-                            apiUrl='/upload/',
-                            fileMaxSize=1,
-                            fileListMaxLength=1,
-                            text='拖拽上传示例',
-                            hint='点击或拖拽文件至此处进行上传'
-                        ),
-
-
-                        fac.AntdDropdown(
-                            title='触发点',
-                            menuItems=[
-                                {
-                                    'title': '子页面1',
-                                    'icon': 'global'
-                                },
-                                {
-                                    'title': '子页面1',
-                                    'icon': 'fc-plus'
-                                },
-                                {
-                                    'title': '子页面2'
-                                },
-                                {
-                                    'isDivider': True
-                                },
-                                {
-                                    'title': '子页面3-1'
-                                },
-                                {
-                                    'title': '子页面3-2'
-                                }
-                            ]
-                        ),
-
-                        fac.AntdRadioGroup(
-                            options=[
-                                {
-                                    'label': f'选项{i}',
-                                    'value': f'选项{i}'
-                                }
-                                for i in range(5)
-                            ],
-                            direction='vertical',
-                            defaultValue='选项1'
-                        ),
-
-                        html.Div(
-                            fac.AntdMenu(
-                                menuItems=[
-                                    {
-                                        'component': 'Item',
-                                        'props': {
-                                            'key': f'图标{icon}',
-                                            'title': f'图标{icon}',
-                                            'icon': icon
-                                        }
-                                    }
-                                    for icon in [
-                                        'home',
-                                        'cloud-upload',
-                                        'bar-chart',
-                                        'pie-chart',
-                                        'dot-chart',
-                                        'line-chart',
-                                        'apartment',
-                                        'app-store',
-                                        'app-store-add',
-                                        'bell',
-                                        'calculator',
-                                        'calendar',
-                                        'database',
-                                        'history',
-                                        'fc-services',
-                                        'fc-questions',
-                                        'fc-organization'
-                                    ]
-                                ],
-                                mode='inline'
-                            ),
-                            style={
-                                'width': '250px'
-                            }
-                        ),
-                        fac.AntdButton(
-                            '触发全局提示框', id='message-trigger-button-demo1', type='primary'),
-                        html.Div(id='message-container-demo1'),
-
-                        fac.AntdPopover(
-                            fac.AntdButton(
-                                '鼠标悬浮于此',
-                                type='primary'
-                            ),
-                            content=[
-                                fac.AntdButton(
-                                    '鼠标悬浮于此',
-                                    type='primary'
-                                ),
-                                fac.AntdButton(
-                                    '鼠标悬浮于此',
-                                    type='primary'
-                                ),
-                                fac.AntdButton(
-                                    '鼠标悬浮于此',
-                                    type='primary'
-                                ),
-                                fac.AntdTimeline(
-                                    items=[
-                                        {
-                                            'content': '训练数据导入',
-                                            'icon': 'md-cloud-upload',
-                                            'iconStyle': {
-                                                'fontSize': '18px'
-                                            }
-                                        },
-                                        {
-                                            'content': '模型训练',
-                                            'icon': 'antd-clock-circle',
-                                            'iconStyle': {
-                                                'fontSize': '18px'
-                                            }
-                                        },
-                                        {
-                                            'content': '模型持久化',
-                                            'icon': 'fc-accept-database',
-                                            'iconStyle': {
-                                                'fontSize': '18px'
-                                            }
-                                        },
-                                        {
-                                            'content': '模型发布',
-                                            'icon': 'md-cloud-done',
-                                            'iconStyle': {
-                                                'fontSize': '18px'
-                                            }
-                                        }
-                                    ],
-                                    style={
-                                        'margin': '20px'
-                                    }
-                                )
-                            ],
-                            title={
-                                'content': '标题前缀图标测试',
-                                'prefixIcon': 'fc-search'
-                            }
-                        ),
-
-
-                        fac.AntdTimeline(
-                            items=[
-                                {
-                                    'content': '训练数据导入',
-                                    'icon': 'md-cloud-upload',
-                                    'iconStyle': {
-                                        'fontSize': '18px'
-                                    }
-                                },
-                                {
-                                    'content': '模型训练',
-                                    'icon': 'clock-circle',
-                                    'iconStyle': {
-                                        'fontSize': '18px'
-                                    }
-                                },
-                                {
-                                    'content': '模型持久化',
-                                    'icon': 'fc-accept-database',
-                                    'iconStyle': {
-                                        'fontSize': '18px'
-                                    }
-                                },
-                                {
-                                    'content': '模型发布',
-                                    'icon': 'md-cloud-done',
-                                    'iconStyle': {
-                                        'fontSize': '18px'
-                                    }
-                                }
-                            ],
-                            style={
-                                'margin': '20px'
-                            }
-                        ),
-
-
-                        fac.AntdTree(
-                            treeData=[
-                                {
-                                    'title': '负责人A',
-                                    'key': '负责人A',
-                                    'icon': 'user',
-                                    'children': [
-                                        {
-                                            'title': '数仓1',
-                                            'key': '数仓1',
-                                            'icon': 'database',
-                                            'children': [
-                                                {
-                                                    'title': f'业务表1-{i}',
-                                                    'key': f'业务表1-{i}',
-                                                    'icon': 'table'
-                                                }
-                                                for i in range(5)
-                                            ]
-                                        },
-                                        {
-                                            'title': '数仓2',
-                                            'key': '数仓2',
-                                            'icon': 'database',
-                                            'children': [
-                                                {
-                                                    'title': f'业务表2-{i}',
-                                                    'key': f'业务表2-{i}',
-                                                    'icon': 'fc-search'
-                                                }
-                                                for i in range(5)
-                                            ]
-                                        }
-                                    ]
-                                }
-                            ],
-                            # 设置默认全部展开
-                            defaultExpandAll=True,
-                            checkable=True
-                        ),
-
-
-                        fac.AntdStatistic(
-                            title='统计数值示例',
-                            titleTooltip='这是一段指标说明内容巴拉巴拉'*10,
-                            value=1332971
-                        ),
-                        html.Div(
-                            id='password-md5-demo-output'
-                        ),
-                        fac.AntdInput(
-                            id='password-md5-demo',
-                            placeholder='输入框测试',
-                            mode='password',
-                            passwordUseMd5=True
-                        ),
-
-                        fac.AntdTreeSelect(
-                            treeData=[
-                                {
-                                    "title": "Node1",
-                                    "value": "0-0",
-                                    "key": "0-0",
-                                    "children": [
-                                        {
-                                            "title": "Child Node1",
-                                            "value": "0-0-0",
-                                            "key": "0-0-0"
-                                        }
-                                    ]
-                                },
-                                {
-                                    "title": "Node2",
-                                    "value": "0-1",
-                                    "key": "0-1",
-                                    "children": [
-                                        {
-                                            "title": "Child Node3",
-                                            "value": "0-1-0",
-                                            "key": "0-1-0"
-                                        },
-                                        {
-                                            "title": "Child Node4",
-                                            "value": "0-1-1",
-                                            "key": "0-1-1"
-                                        },
-                                        {
-                                            "title": "Child Node5",
-                                            "value": "0-1-2",
-                                            "key": "0-1-2"
-                                        }
-                                    ]
-                                }
-                            ],
-                            style={
-                                'width': '250px'
-                            }
-                        ),
-                        # 需要relative
-                        fac.AntdTooltip(
-                            fac.AntdButton(
-                                'click事件',
-                                type='primary'
-                            ),
-                            title='这是一段AntdTooltip提示示例',
-                            trigger='click'
-                        ),
-
-                        # 需要relative
-                        fac.AntdTimeRangePicker(
-                            allowClear=True,
-                            hourStep=3,
-                            minuteStep=10,
-                            secondStep=10
-                        ),
-                        # 需要relative
-                        fac.AntdTimePicker(
-                            allowClear=True,
-                            hourStep=3,
-                            minuteStep=10,
-                            secondStep=10
-                        ),
-
-                        # 需要relative
-                        fac.AntdPopover(
-                            fac.AntdButton(
-                                'click事件',
-                                type='primary'
-                            ),
-                            title='这是一段AntdTooltip提示示例',
-                            trigger='click'
-                        ),
-
-                        # 需要relative
-                        fac.AntdPopconfirm(
-                            fac.AntdButton(
-                                '点击触发',
-                                type='primary'
-                            ),
-                            title='气泡确认测试'
-                        ),
-
-                        # 需要relative
-                        fac.AntdDropdown(
-                            title='触发点',
-                            trigger='click',
-                            menuItems=[
-                                {
-                                    'title': '子页面1'
-                                },
-                                {
-                                    'title': '子页面2'
-                                },
-                                {
-                                    'isDivider': True
-                                },
-                                {
-                                    'title': '子页面3-1'
-                                },
-                                {
-                                    'title': '子页面3-2'
-                                }
-                            ]
-                        ),
-
-                        # 需要relative
-                        fac.AntdMentions(
-                            options=[
-                                {
-                                    'label': '费弗里',
-                                    'value': '费弗里'
-                                },
-                                {
-                                    'label': '小A',
-                                    'value': '小A'
-                                },
-                                {
-                                    'label': 'liz',
-                                    'value': 'liz'
-                                }
-                            ],
-                            style={
-                                'width': '400px'
-                            }
-                        ),
-
-                        fac.AntdCascader(
-                            options=[
-                                {
-                                    'value': '节点1',
-                                    'label': '节点1',
-                                    'children': [
-                                        {
-                                            'value': '节点1-1',
-                                            'label': '节点1-1'
-                                        },
-                                        {
-                                            'value': '节点1-2',
-                                            'label': '节点1-2',
-                                            'children': [
-                                                {
-                                                    'value': '节点1-2-1',
-                                                    'label': '节点1-2-1'
-                                                },
-                                                {
-                                                    'value': '节点1-2-2',
-                                                    'label': '节点1-2-2'
-                                                }
-                                            ]
-                                        }
-                                    ]
-                                },
-                                {
-                                    'value': '节点2',
-                                    'label': '节点2',
-                                    'children': [
-                                        {
-                                            'value': '节点2-1',
-                                            'label': '节点2-1'
-                                        },
-                                        {
-                                            'value': '节点2-2',
-                                            'label': '节点2-2'
-                                        }
-                                    ]
-                                }
-                            ],
-                            style={
-                                'width': '300px'
-                            }
-                        ),
-                        fac.AntdTable(
-                            columns=[
-                                {
-                                    'title': f'字段{i}',
-                                    'dataIndex': f'字段{i}'
-                                }
-                                for i in range(1, 6)
-                            ],
-                            data=[
-                                {
-                                    f'字段{i}': np.random.randint(1, 5)
-                                    for i in range(1, 6)
-                                }
-                                for _ in range(10)
-                            ],
-                            filterOptions={
-                                '字段1': {
-                                    'filterMode': 'keyword'
-                                },
-                                '字段3': {
-                                    'filterMode': 'checkbox',
-                                    'filterCustomItems': [1, 2, 3]
-                                }
-                            }
-                        ),
-
-                        fac.AntdSelect(
-                            placeholder='请选择国家：',
-                            options=[
-                                {'label': '中国', 'value': '中国'},
-                                {'label': '美国', 'value': '美国'},
-                                {'label': '俄罗斯', 'value': '俄罗斯'},
-                                {'label': '德国', 'value': '德国', 'disabled': True},
-                                {'label': '加拿大', 'value': '加拿大'}
-                            ],
-                            style={
-                                # 使用css样式固定宽度
-                                'width': '200px'
-                            }
-                        ),
-
-                        # 需要relative
-                        fac.AntdDatePicker(
-                            defaultValue='2021-01-01 23:00:00',
-                            showTime=True
-                        ),
-
-                        # 需要relative
-                        fac.AntdDateRangePicker(
-                            defaultValue=['2021-01-01 17:00:00',
-                                          '2021-01-09 18:00:00'],
-                            showTime=True
-                        ),
-
-
-                        fac.AntdComment(
-                            id='comment-demo',
-                            authorName='费弗里',
-                            authorNameHref='https://github.com/CNFeffery/feffery-antd-components',
-                            publishTime={
-                                'value': '2022-01-01 19:29:01',
-                                'format': 'YYYY-MM-DD hh:mm:ss'
-                            },
-                            commentContent='我希望feffery-components项目系列组件可以帮助更多人快速开发心仪的网站应用！😀',
-                            showDelete=True
-                        ),
-
-                        html.Div(id='comment-output-demo'),
-
-                        html.Div(
-                            style={
-                                'height': '1000px'
-                            }
-                        )
-
-                    ],
-                    style={
-                        'padding': '100px 200px',
-                        'position': 'relative'
-                    },
-                    id='container-demo'
-                )
-            ],
-            style={
-                'margin': '100px',
-                'border': '1px solid grey',
-                'height': '800px',
-                'overflowY': 'auto'
-            }
         )
     ],
     style={
@@ -1238,63 +156,5 @@ app.layout = html.Div(
     }
 )
 
-
-@app.callback(
-    Output('password-md5-demo-output', 'children'),
-    Input('password-md5-demo', 'md5Value')
-)
-def test(md5Value):
-
-    return md5Value
-
-
-@app.callback(
-    Output('comment-output-demo', 'children'),
-    [Input('comment-demo', 'replyClicks'),
-     Input('comment-demo', 'deleteClicks')]
-)
-def test_(replyClicks, deleteClicks):
-
-    return f'{replyClicks} - {deleteClicks}'
-
-
-@app.callback(
-    Output('message-container-demo1', 'children'),
-    Input('message-trigger-button-demo1', 'nClicks'),
-    prevent_initial_call=True
-)
-def message_demo1(nClicks):
-
-    return fac.AntdMessage(
-        content='全局提示框示例',
-        icon='fc-overtime',
-        duration=0
-    )
-
-
-@app.callback(
-    Output('modal-demo-1', 'visible'),
-    Input('modal-demo-trigger-1', 'nClicks'),
-    prevent_initial_call=True
-)
-def modal_demo_callback1(nClicks):
-    return True
-
-
-@app.callback(
-    Output('test-output', 'children'),
-    Input('test', 'currentPastedImages')
-)
-def paste_image_test(currentPastedImages):
-
-    if currentPastedImages:
-        return [
-            html.Img(
-                src=currentPastedImage
-            )
-            for currentPastedImage in currentPastedImages
-        ]
-
-
 if __name__ == '__main__':
     app.run_server(debug=True)