feffery_antd_components 0.4.4 → 0.4.5

package/legacy_tests/navigation/AntdDropdown/test_cascading_dropdown.py

@@ -0,0 +1,107 @@
+if True:
+    import sys
+
+    sys.path.append('./')
+    import dash
+    from dash import html
+    from dash.dependencies import Input, Output
+
+    import feffery_antd_components as fac
+
+app = dash.Dash(__name__)
+
+app.layout = html.Div(
+    [
+        html.H2('Cascading Dropdown Menu Demo'),
+        html.Div(
+            [
+                fac.AntdDropdown(
+                    id='cascading-dropdown-demo',
+                    title='Click to see cascading menu',
+                    trigger='click',
+                    buttonMode=True,
+                    buttonProps={'type': 'primary'},
+                    menuItems=[
+                        {
+                            'title': 'Navigation',
+                            'key': 'nav',
+                            'icon': 'HomeOutlined',
+                            'children': [
+                                {
+                                    'title': 'Dashboard',
+                                    'key': 'nav-dashboard',
+                                },
+                                {
+                                    'title': 'Settings',
+                                    'key': 'nav-settings',
+                                    'children': [
+                                        {
+                                            'title': 'Profile',
+                                            'key': 'nav-settings-profile',
+                                        },
+                                        {
+                                            'title': 'Account',
+                                            'key': 'nav-settings-account',
+                                        },
+                                        {
+                                            'title': 'Privacy',
+                                            'key': 'nav-settings-privacy',
+                                        },
+                                    ],
+                                },
+                            ],
+                        },
+                        {
+                            'title': 'Actions',
+                            'key': 'actions',
+                            'icon': 'ThunderboltOutlined',
+                            'children': [
+                                {
+                                    'title': 'Create',
+                                    'key': 'actions-create',
+                                    'children': [
+                                        {
+                                            'title': 'New Project',
+                                            'key': 'actions-create-project',
+                                        },
+                                        {
+                                            'title': 'New File',
+                                            'key': 'actions-create-file',
+                                        },
+                                    ],
+                                },
+                                {
+                                    'title': 'Delete',
+                                    'key': 'actions-delete',
+                                },
+                            ],
+                        },
+                        {'isDivider': True},
+                        {
+                            'title': 'Help',
+                            'key': 'help',
+                            'icon': 'QuestionCircleOutlined',
+                        },
+                    ],
+                ),
+                html.Div(id='dropdown-output', style={'marginTop': '20px', 'fontSize': '16px'}),
+            ],
+            style={'padding': '20px'},
+        ),
+    ]
+)
+
+
+@app.callback(
+    Output('dropdown-output', 'children'),
+    Input('cascading-dropdown-demo', 'clickedKey'),
+    prevent_initial_call=True,
+)
+def display_clicked_item(clickedKey):
+    if clickedKey:
+        return f'You clicked: {clickedKey}'
+    return ''
+
+
+if __name__ == '__main__':
+    app.run(debug=True, port=8050)

package/{tests → legacy_tests}/navigation/AntdMenu/feat_currentItem.py

@@ -3,11 +3,13 @@ if True:
 
     sys.path.append('../../../')
     import json
+
     from dash import Dash, html
     from dash.dependencies import Input, Output, State
-    import feffery_antd_components as fac
     from feffery_dash_utils.style_utils import style
 
+    import feffery_antd_components as fac
+
 app = Dash(__name__)
 
 app.layout = html.Div(

package/{tests → legacy_tests}/navigation/AntdMenu/feat_currentItemPath.py

@@ -3,11 +3,13 @@ if True:
 
     sys.path.append('../../../')
     import json
+
     from dash import Dash, html
     from dash.dependencies import Input, Output, State
-    import feffery_antd_components as fac
     from feffery_dash_utils.style_utils import style
 
+    import feffery_antd_components as fac
+
 app = Dash(__name__)
 
 app.layout = html.Div(

package/{tests → legacy_tests}/navigation/AntdMenu/feat_currentKeyPath.py

@@ -3,11 +3,13 @@ if True:
 
     sys.path.append('../../../')
     import json
+
     from dash import Dash, html
     from dash.dependencies import Input, Output, State
-    import feffery_antd_components as fac
     from feffery_dash_utils.style_utils import style
 
+    import feffery_antd_components as fac
+
 app = Dash(__name__)
 
 app.layout = html.Div(

package/{tests → legacy_tests}/navigation/AntdMenu/feat_custom_icon.py

@@ -3,6 +3,7 @@ if True:
 
     sys.path.append('../../../')
     from dash import Dash
+
     import feffery_antd_components as fac
 
 app = Dash(__name__)

package/{tests → legacy_tests}/navigation/AntdMenu/feat_expandIcon.py

@@ -3,9 +3,10 @@ if True:
 
     sys.path.append('../../../')
     from dash import Dash, html
-    import feffery_antd_components as fac
     from feffery_dash_utils.style_utils import style
 
+    import feffery_antd_components as fac
+
 app = Dash(__name__)
 
 app.layout = html.Div(
@@ -39,14 +40,10 @@ app.layout = html.Div(
                                                 'title': f'菜单项{sub_menu}-{item_group}-{item}',
                                             },
                                         }
-                                        for item in range(
-                                            1, 3
-                                        )
+                                        for item in range(1, 3)
                                     ],
                                 }
-                                for item_group in range(
-                                    1, 3
-                                )
+                                for item_group in range(1, 3)
                             ],
                         }
                         for sub_menu in range(1, 5)
@@ -54,7 +51,7 @@ app.layout = html.Div(
                     mode=mode,
                     expandIcon={
                         'expand': fac.AntdIcon(icon='antd-down-circle'),
-                        'collapse': fac.AntdIcon(icon='antd-up-circle')
+                        'collapse': fac.AntdIcon(icon='antd-up-circle'),
                     },
                     style={'width': 256},
                 ),

package/{tests → legacy_tests}/navigation/AntdMenu/feat_triggerSubMenuAction.py

@@ -3,9 +3,10 @@ if True:
 
     sys.path.append('../../../')
     from dash import Dash, html
-    import feffery_antd_components as fac
     from feffery_dash_utils.style_utils import style
 
+    import feffery_antd_components as fac
+
 app = Dash(__name__)
 
 app.layout = html.Div(
@@ -39,14 +40,10 @@ app.layout = html.Div(
                                                 'title': f'菜单项{sub_menu}-{item_group}-{item}',
                                             },
                                         }
-                                        for item in range(
-                                            1, 3
-                                        )
+                                        for item in range(1, 3)
                                     ],
                                 }
-                                for item_group in range(
-                                    1, 3
-                                )
+                                for item_group in range(1, 3)
                             ],
                         }
                         for sub_menu in range(1, 5)

package/{tests → legacy_tests}/navigation/AntdMenu/fix_onlyExpandCurrentSubMenu.py

@@ -3,9 +3,10 @@ if True:
 
     sys.path.append('../../../')
     from dash import Dash, html
-    import feffery_antd_components as fac
     from feffery_dash_utils.style_utils import style
 
+    import feffery_antd_components as fac
+
 app = Dash(__name__)
 
 app.layout = html.Div(

package/{tests → legacy_tests}/navigation/AntdMenu/fix_with_sider.py

@@ -3,6 +3,7 @@ if True:
 
     sys.path.append('../../../')
     from dash import Dash
+
     import feffery_antd_components as fac
 
 app = Dash(__name__)

package/{tests → legacy_tests}/navigation/AntdPagination/feat_align.py

@@ -3,25 +3,20 @@ if True:
 
     sys.path.append('../../../')
     from dash import Dash, html
-    import feffery_antd_components as fac
     from feffery_dash_utils.style_utils import style
 
+    import feffery_antd_components as fac
+
 app = Dash(__name__)
 
 app.layout = html.Div(
     [
         fac.AntdDivider("align='start'"),
-        fac.AntdPagination(
-            defaultPageSize=10, total=100, align='start'
-        ),
+        fac.AntdPagination(defaultPageSize=10, total=100, align='start'),
         fac.AntdDivider("align='center'"),
-        fac.AntdPagination(
-            defaultPageSize=10, total=100, align='center'
-        ),
+        fac.AntdPagination(defaultPageSize=10, total=100, align='center'),
         fac.AntdDivider("align='end'"),
-        fac.AntdPagination(
-            defaultPageSize=10, total=100, align='end'
-        ),
+        fac.AntdPagination(defaultPageSize=10, total=100, align='end'),
     ],
     style=style(padding=50),
 )

package/{tests → legacy_tests}/other/AntdAffix/feat_listen_affixed.py

@@ -4,10 +4,11 @@ if True:
     sys.path.append('../../../')
     import dash
     from dash import html
-    import feffery_antd_components as fac
     from dash.dependencies import Input, Output
     from feffery_dash_utils.style_utils import style
 
+    import feffery_antd_components as fac
+
 app = dash.Dash(__name__)
 
 app.layout = html.Div(

package/{tests → legacy_tests}/other/AntdBackTop/refactor.py

@@ -4,9 +4,10 @@ if True:
     sys.path.append('../../../')
     import dash
     from dash import html
-    import feffery_antd_components as fac
     from feffery_dash_utils.style_utils import style
 
+    import feffery_antd_components as fac
+
 app = dash.Dash(__name__)
 
 app.layout = html.Div(

package/legacy_tests/other/AntdConfigProvider/feat_use_css.py

@@ -0,0 +1,67 @@
+if True:
+    import sys
+
+    sys.path.append('../../../')  # adjust if needed
+
+    import dash
+    from dash import html
+    from dash.dependencies import Input, Output
+    from feffery_dash_utils.style_utils import style
+
+    import feffery_antd_components as fac
+
+app = dash.Dash(__name__)
+
+app.layout = fac.AntdConfigProvider(
+    fac.Fragment(
+        fac.AntdCenter(
+            fac.AntdSpace(
+                [
+                    fac.AntdSegmented(
+                        id='theme-mode',
+                        options=[
+                            {'label': 'Light', 'value': 'light'},
+                            {'label': 'Dark', 'value': 'dark'},
+                        ],
+                        value='dark',
+                    ),
+                    html.Div(
+                        'HTML styled via AntD CSS vars',
+                        style={
+                            'background': 'var(--ant-color-bg-container)',
+                            'color': 'var(--ant-color-text)',
+                            'border': '1px solid var(--ant-color-split)',
+                            'padding': 12,
+                            'borderRadius': 6,
+                        },
+                    ),
+                    fac.AntdDivider(),
+                    fac.AntdText(
+                        'Resolved design tokens:',
+                        strong=True,
+                    ),
+                    html.Pre(id='show-token', style={'whiteSpace': 'pre-wrap'}),
+                ],
+                direction='vertical',
+                size='large',
+                style={'width': '100%', 'maxWidth': 800},
+            ),
+            style=style(height='100vh', overflowY='auto'),
+        ),
+        id='listen-token',  # exposes `token` for the clientside callback
+    ),
+    id='cfg',
+    algorithm='dark',  # initial theme
+    token={'fontSize': 18},  # sample token override
+    cssVar=True,
+)
+
+
+# Toggle between algorithms
+@app.callback(Output('cfg', 'algorithm'), Input('theme-mode', 'value'))
+def apply_theme(mode: str):
+    return 'dark' if mode == 'dark' else 'default'
+
+
+if __name__ == '__main__':
+    app.run(debug=True)

package/{tests → legacy_tests}/other/AntdCopyText/feat_copy_table.py

@@ -3,13 +3,15 @@ if True:
 
     sys.path.append('../../../')
     import io
+
     import dash
     import pandas as pd
     from dash import html
-    import feffery_antd_components as fac
     from dash.dependencies import Input, Output
     from feffery_dash_utils.style_utils import style
 
+    import feffery_antd_components as fac
+
 app = dash.Dash(__name__)
 
 app.layout = html.Div(
@@ -23,23 +25,13 @@ app.layout = html.Div(
                 }
                 for i in range(1, 6)
             ],
-            data=[
-                {
-                    f'字段{i}': f'字段{i}第{row}行'
-                    for i in range(1, 6)
-                }
-                for row in range(10)
-            ],
+            data=[{f'字段{i}': f'字段{i}第{row}行' for i in range(1, 6)} for row in range(10)],
             pagination=False,
             bordered=True,
             title=fac.AntdCopyText(
                 id='copy-table',
-                beforeIcon=fac.AntdButton(
-                    '复制表格', type='primary'
-                ),
-                afterIcon=fac.AntdButton(
-                    '复制成功', type='primary'
-                ),
+                beforeIcon=fac.AntdButton('复制表格', type='primary'),
+                afterIcon=fac.AntdButton('复制成功', type='primary'),
             ),
         )
     ],
@@ -56,9 +48,7 @@ def generate_copy_text(data):
 
     temp_io = io.StringIO()
 
-    pd.DataFrame(data).to_csv(
-        temp_io, sep='\t', index=False
-    )
+    pd.DataFrame(data).to_csv(temp_io, sep='\t', index=False)
 
     return temp_io.getvalue()
 

package/{tests → legacy_tests}/other/AntdCopyText/feat_tooltips.py

@@ -4,9 +4,10 @@ if True:
     sys.path.append('../../../')
     import dash
     from dash import html
-    import feffery_antd_components as fac
     from feffery_dash_utils.style_utils import style
 
+    import feffery_antd_components as fac
+
 app = dash.Dash(__name__)
 
 app.layout = html.Div(
@@ -16,9 +17,7 @@ app.layout = html.Div(
                 fac.AntdSpace(
                     [
                         'False',
-                        fac.AntdCopyText(
-                            text='测试', tooltips=False
-                        ),
+                        fac.AntdCopyText(text='测试', tooltips=False),
                     ]
                 ),
                 fac.AntdSpace(
@@ -39,12 +38,8 @@ app.layout = html.Div(
                         fac.AntdCopyText(
                             text='测试',
                             tooltips=[
-                                fac.AntdText(
-                                    '点击复制~', strong=True
-                                ),
-                                fac.AntdText(
-                                    '复制完成~', strong=True
-                                ),
+                                fac.AntdText('点击复制~', strong=True),
+                                fac.AntdText('复制完成~', strong=True),
                             ],
                         ),
                     ]

package/{tests → legacy_tests}/other/AntdHappyProvider/feat_component.py

@@ -4,9 +4,10 @@ if True:
     sys.path.append('../../../')
     import dash
     from dash import html
-    import feffery_antd_components as fac
     from feffery_dash_utils.style_utils import style
 
+    import feffery_antd_components as fac
+
 app = dash.Dash(__name__)
 
 app.layout = html.Div(
@@ -19,14 +20,10 @@ app.layout = html.Div(
                     'children': fac.AntdHappyProvider(
                         fac.AntdSpace(
                             [
-                                fac.AntdButton(
-                                    '测试', type='primary'
-                                ),
+                                fac.AntdButton('测试', type='primary'),
                                 fac.AntdSwitch(),
                                 fac.AntdCheckbox(),
-                                fac.AntdRadioGroup(
-                                    options=['a', 'b', 'c']
-                                ),
+                                fac.AntdRadioGroup(options=['a', 'b', 'c']),
                             ]
                         )
                     ),
@@ -37,14 +34,10 @@ app.layout = html.Div(
                     'children': fac.AntdHappyProvider(
                         fac.AntdSpace(
                             [
-                                fac.AntdButton(
-                                    '测试', type='primary'
-                                ),
+                                fac.AntdButton('测试', type='primary'),
                                 fac.AntdSwitch(),
                                 fac.AntdCheckbox(),
-                                fac.AntdRadioGroup(
-                                    options=['a', 'b', 'c']
-                                ),
+                                fac.AntdRadioGroup(options=['a', 'b', 'c']),
                             ]
                         ),
                         disabled=True,

package/{tests → legacy_tests}/other/Fragment/feat_use_token.py

@@ -4,10 +4,11 @@ if True:
     sys.path.append('../../../')
     import dash
     from dash import html
-    import feffery_antd_components as fac
     from dash.dependencies import Input, Output
     from feffery_dash_utils.style_utils import style
 
+    import feffery_antd_components as fac
+
 app = dash.Dash(__name__)
 
 app.layout = fac.AntdConfigProvider(

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "feffery_antd_components",
-    "version": "0.4.4",
-    "description": "Best implementation of Antd components in Plotly Dash.",
+    "version": "0.4.5",
+    "description": "Plotly Dash components based on Ant Design",
     "repository": {
         "type": "git",
         "url": "https://github.com/CNFeffery/feffery-antd-components.git"
@@ -9,15 +9,21 @@
     "bugs": {
         "url": "https://github.com/CNFeffery/feffery-antd-components/issues"
     },
-    "homepage": "http://fac.feffery.tech/",
+    "homepage": "http://fac.feffery.tech",
     "main": "build/index.js",
     "scripts": {
-        "start": "webpack-serve --config ./webpack.serve.config.js --open",
+        "start": "webpack serve --config ./webpack.serve.config.js --open",
+        "validate-init": "python _validate_init.py",
+        "prepublishOnly": "npm run validate-init",
         "build:js": "webpack --mode production",
-        "build:backends": "dash-generate-components ./src/lib/components feffery_antd_components --keep-prop-order ALL -p package-info.json --r-prefix 'feffery' --jl-prefix 'feffery'",
-        "build:backends-activated": "(. venv/bin/activate || venv\\scripts\\activate && npm run build:py_and_r)",
-        "build": "npm run build:js && npm run build:backends",
-        "build:activated": "npm run build:js && npm run build:backends-activated"
+        "build:backends": "dash-generate-components ./src/lib/components feffery_antd_components --keep-prop-order ALL -p package-info.json --r-prefix '' --jl-prefix '' --ignore \\.test\\.",
+        "build:backends-activated": "(. venv/bin/activate || venv\\scripts\\activate && npm run build:backends)",
+        "build": "npm run prettier && npm run build:js && npm run build:backends && npm run ruff:check && npm run ruff:format",
+        "build:activated": "npm run build:js && npm run build:backends-activated",
+        "prettier": "prettier --write src/**/*.js src/**/*.react.js",
+        "ruff:check": "python -m ruff check . --fix --exclude=node_modules,venv,build",
+        "ruff:format": "python -m ruff format . --exclude=node_modules,venv,build",
+        "format": "npm run prettier && npm run ruff:format"
     },
     "author": "CNFeffery <fefferypzy@gmail.com>",
     "email": "fefferypzy@gmail.com",
@@ -65,7 +71,7 @@
         "less": "^3.13.1",
         "less-loader": "^5.0.0",
         "lodash": "^4.17.21",
-        "npm": "^6.1.0",
+        "prettier": "^3.7.4",
         "prop-types": "^15.7.2",
         "react": "^18.3.1",
         "react-docgen": "^5.4.3",

package/requirements.txt

@@ -1,2 +1,8 @@
 # dash is required to call `build:py`
-dash[dev]>=1.15.0
+dash[testing]>=3.3.0
+feffery_dash_utils
+flask_compress
+pyyaml
+ruff
+build
+pydantic

package/ruff.toml

@@ -1,4 +1,20 @@
-line-length = 60
+line-length = 100
+show-fixes = true
+target-version = "py38"
+indent-width = 4
+
+[lint]
+select = [
+    "I",      # isort
+    "E",      # pycodestyle errors
+    "W",      # pycodestyle warnings
+    "F",      # pyflakes
+]
+ignore = [
+    "E501",   # line too long
+    "W191",   # indentation contains tabs
+]
 
 [format]
+docstring-code-format = true
 quote-style = "single"

package/setup.py

@@ -1,33 +1,32 @@
-import io
 import json
-from setuptools import setup
+from pathlib import Path
 
+from setuptools import setup
 
+here = Path(__file__).parent
 with open('package.json') as f:
     package = json.load(f)
+long_description = (here / 'README.md').read_text(encoding='utf-8')
 
-package_name = package["name"].replace(" ", "_").replace("-", "_")
+package_name = package['name'].replace(' ', '_').replace('-', '_')
 
 setup(
     name=package_name,
-    version=package["version"],
-    author_email=package['email'],
-    homepage='https://github.com/CNFeffery/feffery-antd-components',
+    version=package['version'],
+    homepage=package['homepage'],
     author=package['author'],
     packages=[package_name],
     include_package_data=True,
-    package_data={
-        'feffery_antd_components': ['*']
-    },
+    package_data={'feffery_antd_components': ['*']},
     license=package['license'],
     description=package.get('description', package_name),
-    long_description=io.open("README.md", encoding="utf-8").read(),
-    long_description_content_type="text/markdown",
+    long_description=long_description,
+    long_description_content_type='text/markdown',
     install_requires=[
-        'dash>=3.1.1',
+        'dash>=3.3.0',
     ],
     classifiers=[
         'Framework :: Dash',
     ],
-    url='https://github.com/CNFeffery/feffery-antd-components'
+    url='https://github.com/CNFeffery/feffery-antd-components',
 )