feffery_antd_components 0.4.3-rc6 → 0.4.3

package/tests/other/AntdHappyProvider/feat_component.py

@@ -1,60 +1,60 @@
-if True:
-    import sys
-
-    sys.path.append('../../../')
-    import dash
-    from dash import html
-    import feffery_antd_components as fac
-    from feffery_dash_utils.style_utils import style
-
-app = dash.Dash(__name__)
-
-app.layout = html.Div(
-    [
-        fac.AntdTabs(
-            items=[
-                {
-                    'key': '开启',
-                    'label': '开启',
-                    'children': fac.AntdHappyProvider(
-                        fac.AntdSpace(
-                            [
-                                fac.AntdButton(
-                                    '测试', type='primary'
-                                ),
-                                fac.AntdSwitch(),
-                                fac.AntdCheckbox(),
-                                fac.AntdRadioGroup(
-                                    options=['a', 'b', 'c']
-                                ),
-                            ]
-                        )
-                    ),
-                },
-                {
-                    'key': '关闭',
-                    'label': '关闭',
-                    'children': fac.AntdHappyProvider(
-                        fac.AntdSpace(
-                            [
-                                fac.AntdButton(
-                                    '测试', type='primary'
-                                ),
-                                fac.AntdSwitch(),
-                                fac.AntdCheckbox(),
-                                fac.AntdRadioGroup(
-                                    options=['a', 'b', 'c']
-                                ),
-                            ]
-                        ),
-                        disabled=True,
-                    ),
-                },
-            ]
-        )
-    ],
-    style=style(padding=50),
-)
-
-if __name__ == '__main__':
-    app.run(debug=True)
+if True:
+    import sys
+
+    sys.path.append('../../../')
+    import dash
+    from dash import html
+    import feffery_antd_components as fac
+    from feffery_dash_utils.style_utils import style
+
+app = dash.Dash(__name__)
+
+app.layout = html.Div(
+    [
+        fac.AntdTabs(
+            items=[
+                {
+                    'key': '开启',
+                    'label': '开启',
+                    'children': fac.AntdHappyProvider(
+                        fac.AntdSpace(
+                            [
+                                fac.AntdButton(
+                                    '测试', type='primary'
+                                ),
+                                fac.AntdSwitch(),
+                                fac.AntdCheckbox(),
+                                fac.AntdRadioGroup(
+                                    options=['a', 'b', 'c']
+                                ),
+                            ]
+                        )
+                    ),
+                },
+                {
+                    'key': '关闭',
+                    'label': '关闭',
+                    'children': fac.AntdHappyProvider(
+                        fac.AntdSpace(
+                            [
+                                fac.AntdButton(
+                                    '测试', type='primary'
+                                ),
+                                fac.AntdSwitch(),
+                                fac.AntdCheckbox(),
+                                fac.AntdRadioGroup(
+                                    options=['a', 'b', 'c']
+                                ),
+                            ]
+                        ),
+                        disabled=True,
+                    ),
+                },
+            ]
+        )
+    ],
+    style=style(padding=50),
+)
+
+if __name__ == '__main__':
+    app.run(debug=True)

package/tests/other/Fragment/feat_use_token.py

@@ -1,32 +1,32 @@
-if True:
-    import sys
-
-    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
-
-app = dash.Dash(__name__)
-
-app.layout = fac.AntdConfigProvider(
-    fac.Fragment(
-        fac.AntdCenter(
-            html.Pre(id='show-token'),
-            style=style(height='100vh', overflowY='auto'),
-        ),
-        id='listen-token',
-    ),
-    algorithm='dark',
-    token={'fontSize': 18},
-)
-
-app.clientside_callback(
-    '(token) => console.log(token)',
-    Output('show-token', 'children'),
-    Input('listen-token', 'token'),
-)
-
-if __name__ == '__main__':
-    app.run(debug=True)
+if True:
+    import sys
+
+    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
+
+app = dash.Dash(__name__)
+
+app.layout = fac.AntdConfigProvider(
+    fac.Fragment(
+        fac.AntdCenter(
+            html.Pre(id='show-token'),
+            style=style(height='100vh', overflowY='auto'),
+        ),
+        id='listen-token',
+    ),
+    algorithm='dark',
+    token={'fontSize': 18},
+)
+
+app.clientside_callback(
+    '(token) => console.log(token)',
+    Output('show-token', 'children'),
+    Input('listen-token', 'token'),
+)
+
+if __name__ == '__main__':
+    app.run(debug=True)

package/usage.py

@@ -1,34 +1,34 @@
-import dash
-from dash import html
-import feffery_antd_components as fac
-from feffery_dash_utils.style_utils import style
-
-app = dash.Dash(
-    __name__,
-    # 静态资源全量加载测试
-    eager_loading=True,
-)
-
-app.layout = fac.AntdConfigProvider(
-    html.Div(
-        fac.AntdSpace(
-            [
-                fac.AntdButton(
-                    '按钮示例', type='primary', size=size
-                )
-                for size in ['large', 'middle', 'small']
-            ],
-            align='center',
-            style=style(
-                position='fixed',
-                left='50%',
-                top='50%',
-                transform='translate(-50%, -50%)',
-            ),
-        ),
-        style=style(padding=50),
-    )
-)
-
-if __name__ == '__main__':
-    app.run(debug=True)
+import dash
+from dash import html
+import feffery_antd_components as fac
+from feffery_dash_utils.style_utils import style
+
+app = dash.Dash(
+    __name__,
+    # 静态资源全量加载测试
+    eager_loading=True,
+)
+
+app.layout = fac.AntdConfigProvider(
+    html.Div(
+        fac.AntdSpace(
+            [
+                fac.AntdButton(
+                    '按钮示例', type='primary', size=size
+                )
+                for size in ['large', 'middle', 'small']
+            ],
+            align='center',
+            style=style(
+                position='fixed',
+                left='50%',
+                top='50%',
+                transform='translate(-50%, -50%)',
+            ),
+        ),
+        style=style(padding=50),
+    )
+)
+
+if __name__ == '__main__':
+    app.run(debug=True)

package/webpack.config.js

@@ -1,182 +1,182 @@
-const path = require('path');
-const TerserPlugin = require('terser-webpack-plugin');
-const webpack = require('webpack');
-const WebpackDashDynamicImport = require('@plotly/webpack-dash-dynamic-import');
-const packagejson = require('./package.json');
-// const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;
-
-const dashLibraryName = packagejson.name.replace(/-/g, '_');
-
-module.exports = (env, argv) => {
-
-    let mode;
-
-    const overrides = module.exports || {};
-
-    // if user specified mode flag take that value
-    if (argv && argv.mode) {
-        mode = argv.mode;
-    }
-
-    // else if configuration object is already set (module.exports) use that value
-    else if (overrides.mode) {
-        mode = overrides.mode;
-    }
-
-    // else take webpack default (production)
-    else {
-        mode = 'production';
-    }
-
-    let filename = (overrides.output || {}).filename;
-    if (!filename) {
-        const modeSuffix = mode === 'development' ? 'dev' : 'min';
-        filename = `${dashLibraryName}.${modeSuffix}.js`;
-    }
-
-    const entry = overrides.entry || { main: './src/lib/index.js' };
-
-    const devtool = overrides.devtool || 'source-map';
-
-    const externals = ('externals' in overrides) ? overrides.externals : ({
-        react: 'React',
-        'react-dom': 'ReactDOM',
-        'plotly.js': 'Plotly',
-        'prop-types': 'PropTypes'
-    });
-
-    return {
-        mode,
-        entry,
-        output: {
-            path: path.resolve(__dirname, dashLibraryName),
-            chunkFilename: '[name].js',
-            filename,
-            library: dashLibraryName,
-            libraryTarget: 'window',
-        },
-        // devtool: false, // 开发阶段使用，生成全量source-map
-        devtool, // 发布阶段使用，生成最小化source-map
-        externals,
-        module: {
-            rules: [
-                {
-                    test: /\.jsx?$/,
-                    exclude: /node_modules/,
-                    use: {
-                        loader: 'babel-loader',
-                        options: {
-                            presets: ['@babel/preset-env'],
-                            plugins: [
-                                '@babel/plugin-proposal-optional-chaining'
-                            ]
-                        }
-                    },
-                },
-                {
-                    test: /\.c?js$/,
-                    include: [
-                        path.resolve('node_modules', 'lib0'),
-                        path.resolve('node_modules', '@reactflow'),
-                        path.resolve('node_modules', 'yjs'),
-                        path.resolve('node_modules', 'parse5'),
-                        path.resolve('node_modules', '@ant-design'),
-                    ],
-                    use: {
-                        loader: 'babel-loader',
-                        options: {
-                            presets: ['@babel/preset-env'],
-                            plugins: [
-                                '@babel/plugin-proposal-optional-chaining',
-                                '@babel/plugin-proposal-nullish-coalescing-operator'
-                            ]
-                        }
-                    },
-                },
-                {
-                    include: /node_modules/,
-                    test: /\.mjs$/,
-                    type: 'javascript/auto'
-                },
-                {
-                    include: /node_modules/,
-                    test: /\.mjs$/,
-                    use: {
-                        loader: 'babel-loader',
-                        options: {
-                            presets: ['@babel/preset-env'],
-                            plugins: [
-                                '@babel/plugin-proposal-optional-chaining',
-                                '@babel/plugin-proposal-nullish-coalescing-operator'
-                            ]
-                        }
-                    },
-                },
-                {
-                    test: /\.(css|less)$/,
-                    use: [
-                        {
-                            loader: 'style-loader',
-                            options: {
-                                insertAt: 'top'
-                            }
-                        },
-                        {
-                            loader: 'css-loader',
-                        }
-                    ],
-                },
-                {
-                    test: /\.(less)$/,
-                    use: [
-                        {
-                            loader: 'less-loader',
-                            options: {
-                                javascriptEnabled: true
-                            }
-                        }
-                    ],
-                },
-            ],
-        },
-        optimization: {
-            minimizer: [
-                new TerserPlugin({
-                    sourceMap: true,
-                    parallel: true,
-                    cache: './.build_cache/terser',
-                    terserOptions: {
-                        warnings: false,
-                        ie8: false
-                    }
-                })
-            ],
-            splitChunks: {
-                name: '[name].js',
-                cacheGroups: {
-                    async: {
-                        chunks: 'async',
-                        minSize: 0,
-                        name(module, chunks, cacheGroupKey) {
-                            return `${cacheGroupKey}-${chunks[0].name}`;
-                        }
-                    },
-                    shared: {
-                        chunks: 'all',
-                        minSize: 0,
-                        minChunks: 2,
-                        name: 'async-fac-shared'
-                    }
-                }
-            }
-        },
-        plugins: [
-            // new BundleAnalyzerPlugin(),
-            new WebpackDashDynamicImport(),
-            new webpack.SourceMapDevToolPlugin({
-                filename: '[file].map',
-                exclude: ['async-plotlyjs']
-            })
-        ]
-    }
+const path = require('path');
+const TerserPlugin = require('terser-webpack-plugin');
+const webpack = require('webpack');
+const WebpackDashDynamicImport = require('@plotly/webpack-dash-dynamic-import');
+const packagejson = require('./package.json');
+// const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;
+
+const dashLibraryName = packagejson.name.replace(/-/g, '_');
+
+module.exports = (env, argv) => {
+
+    let mode;
+
+    const overrides = module.exports || {};
+
+    // if user specified mode flag take that value
+    if (argv && argv.mode) {
+        mode = argv.mode;
+    }
+
+    // else if configuration object is already set (module.exports) use that value
+    else if (overrides.mode) {
+        mode = overrides.mode;
+    }
+
+    // else take webpack default (production)
+    else {
+        mode = 'production';
+    }
+
+    let filename = (overrides.output || {}).filename;
+    if (!filename) {
+        const modeSuffix = mode === 'development' ? 'dev' : 'min';
+        filename = `${dashLibraryName}.${modeSuffix}.js`;
+    }
+
+    const entry = overrides.entry || { main: './src/lib/index.js' };
+
+    const devtool = overrides.devtool || 'source-map';
+
+    const externals = ('externals' in overrides) ? overrides.externals : ({
+        react: 'React',
+        'react-dom': 'ReactDOM',
+        'plotly.js': 'Plotly',
+        'prop-types': 'PropTypes'
+    });
+
+    return {
+        mode,
+        entry,
+        output: {
+            path: path.resolve(__dirname, dashLibraryName),
+            chunkFilename: '[name].js',
+            filename,
+            library: dashLibraryName,
+            libraryTarget: 'window',
+        },
+        // devtool: false, // 开发阶段使用，生成全量source-map
+        devtool, // 发布阶段使用，生成最小化source-map
+        externals,
+        module: {
+            rules: [
+                {
+                    test: /\.jsx?$/,
+                    exclude: /node_modules/,
+                    use: {
+                        loader: 'babel-loader',
+                        options: {
+                            presets: ['@babel/preset-env'],
+                            plugins: [
+                                '@babel/plugin-proposal-optional-chaining'
+                            ]
+                        }
+                    },
+                },
+                {
+                    test: /\.c?js$/,
+                    include: [
+                        path.resolve('node_modules', 'lib0'),
+                        path.resolve('node_modules', '@reactflow'),
+                        path.resolve('node_modules', 'yjs'),
+                        path.resolve('node_modules', 'parse5'),
+                        path.resolve('node_modules', '@ant-design'),
+                    ],
+                    use: {
+                        loader: 'babel-loader',
+                        options: {
+                            presets: ['@babel/preset-env'],
+                            plugins: [
+                                '@babel/plugin-proposal-optional-chaining',
+                                '@babel/plugin-proposal-nullish-coalescing-operator'
+                            ]
+                        }
+                    },
+                },
+                {
+                    include: /node_modules/,
+                    test: /\.mjs$/,
+                    type: 'javascript/auto'
+                },
+                {
+                    include: /node_modules/,
+                    test: /\.mjs$/,
+                    use: {
+                        loader: 'babel-loader',
+                        options: {
+                            presets: ['@babel/preset-env'],
+                            plugins: [
+                                '@babel/plugin-proposal-optional-chaining',
+                                '@babel/plugin-proposal-nullish-coalescing-operator'
+                            ]
+                        }
+                    },
+                },
+                {
+                    test: /\.(css|less)$/,
+                    use: [
+                        {
+                            loader: 'style-loader',
+                            options: {
+                                insertAt: 'top'
+                            }
+                        },
+                        {
+                            loader: 'css-loader',
+                        }
+                    ],
+                },
+                {
+                    test: /\.(less)$/,
+                    use: [
+                        {
+                            loader: 'less-loader',
+                            options: {
+                                javascriptEnabled: true
+                            }
+                        }
+                    ],
+                },
+            ],
+        },
+        optimization: {
+            minimizer: [
+                new TerserPlugin({
+                    sourceMap: true,
+                    parallel: true,
+                    cache: './.build_cache/terser',
+                    terserOptions: {
+                        warnings: false,
+                        ie8: false
+                    }
+                })
+            ],
+            splitChunks: {
+                name: '[name].js',
+                cacheGroups: {
+                    async: {
+                        chunks: 'async',
+                        minSize: 0,
+                        name(module, chunks, cacheGroupKey) {
+                            return `${cacheGroupKey}-${chunks[0].name}`;
+                        }
+                    },
+                    shared: {
+                        chunks: 'all',
+                        minSize: 0,
+                        minChunks: 2,
+                        name: 'async-fac-shared'
+                    }
+                }
+            }
+        },
+        plugins: [
+            // new BundleAnalyzerPlugin(),
+            new WebpackDashDynamicImport(),
+            new webpack.SourceMapDevToolPlugin({
+                filename: '[file].map',
+                exclude: ['async-plotlyjs']
+            })
+        ]
+    }
 };

package/webpack.serve.config.js

@@ -1,12 +1,12 @@
-const config = require('./webpack.config.js');
-const path = require('path');
-
-config.entry = {main: './src/demo/index.js'};
-config.output = {
-    filename: './output.js',
-    path: path.resolve(__dirname),
-};
-config.mode = 'development';
-config.externals = undefined; // eslint-disable-line
-config.devtool = 'inline-source-map';
-module.exports = config;
+const config = require('./webpack.config.js');
+const path = require('path');
+
+config.entry = {main: './src/demo/index.js'};
+config.output = {
+    filename: './output.js',
+    path: path.resolve(__dirname),
+};
+config.mode = 'development';
+config.externals = undefined; // eslint-disable-line
+config.devtool = 'inline-source-map';
+module.exports = config;