@para-ui/core 2.1.35 → 2.1.36

package/tsconfig.json

@@ -1,40 +0,0 @@
-{
-  "compilerOptions": {
-    "declaration": true,
-    "target": "es5",
-    "module": "esnext",
-    "emitDeclarationOnly": false,
-    "outDir": "./dist",
-    "sourceMap": true,
-    "baseUrl": ".",
-    "experimentalDecorators": true,
-    "allowJs": true,
-    "skipLibCheck": true,
-    "esModuleInterop": true,
-    "allowSyntheticDefaultImports": true,
-    "strict": true,
-    "forceConsistentCasingInFileNames": true,
-    "moduleResolution": "node",
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "jsx": "react-jsx",
-    "lib": [
-      "es5",
-      "dom",
-      "es2015"
-    ],
-    "paths": {
-      "src": [
-        "src/*"
-      ]
-    },
-    "rootDir": "src"
-  },
-  "include": [
-    "src"
-  ],
-  "exclude": [
-    "node_modules",
-    "dist"
-  ]
-}

package/webpack.cdn.config.js

@@ -1,81 +0,0 @@
-const fs = require('fs-extra');
-const path = require('path');
-const TerserPlugin = require('terser-webpack-plugin');
-const packagePath = path.join(__dirname, 'src');
-const packageList = fs.readdirSync(packagePath);
-const tsconfig = require('./tsconfig.json');
-const outPath = path.join(__dirname, tsconfig.compilerOptions.outDir, '/cdn');
-let entryMap = {};
-packageList.forEach(packageName => {
-    const packageIndex = path.join(packagePath, packageName, 'index.tsx');
-    const exists = fs.existsSync(packageIndex);
-    if (!exists) return true;
-    entryMap[`${packageName}/index`] = packageIndex;
-});
-
-module.exports = {
-    mode: 'production',
-    entry: entryMap,
-    output: {
-        filename: `[name].js`,
-        path: outPath,
-        library: {
-            type: 'umd',
-            name: 'ParaUI'
-        },
-        chunkFilename: 'chunk-[id].js'
-    },
-    externals: {
-        'react': 'react',
-        'react-dom': 'react-dom',
-        '@para-ui/core/GlobalContext': '@para-ui/core/GlobalContext',
-        '@para-ui/icons': '@para-ui/icons',
-        'moment': 'moment',
-        '@paraview/lib': '@paraview/lib',
-        '@paraview/lib/http': '@paraview/lib',
-        '@paraview/lib/esso': '@paraview/lib',
-        '@paraview/lib/ui': '@paraview/lib',
-        '@paraview/lib/utils': '@paraview/lib'
-    },
-    module: {
-        rules: [
-            {
-                test: /\.(ts|tsx)?$/,
-                use: {
-                    loader: 'swc-loader'
-                },
-                exclude: /node_modules/
-            },
-            {
-                test: /\.(sass|scss)$/,
-                use: [
-                    'style-loader',
-                    'css-loader',
-                    'sass-loader'
-                ]
-            },
-            {
-                test: /\.css$/,
-                use: ['style-loader', 'css-loader']
-            },
-            {
-                test: /\.(jpg|png|gif)$/,
-                loader: 'url-loader'
-            }
-        ]
-    },
-    resolve: {
-        extensions: ['.tsx', '.ts', '.js'],
-        alias: {
-            '@': path.join(__dirname, 'src')
-        }
-    },
-    optimization: {
-        minimize: true,
-        minimizer: [
-            new TerserPlugin({
-                extractComments: false
-            })
-        ]
-    }
-};

package/webpack.config.js

@@ -1,249 +0,0 @@
-const minimist = require('minimist');
-const path = require('path');
-const fs = require('fs-extra');
-const TerserPlugin = require('terser-webpack-plugin');
-const HtmlWebpackPlugin = require('html-webpack-plugin');
-const ReactRefreshWebpackPlugin = require('@pmmmwh/react-refresh-webpack-plugin');
-const CopyWebpackPlugin = require('copy-webpack-plugin');
-const webpack = require('webpack');
-/*获取命令行参数*/
-const argv = minimist(process.argv.slice(2), {default: {'output-path': null, env: 'development', pkg: null}});
-const isEnvProduction = argv.mode !== 'development';
-const isEnvDevelopment = argv.mode === 'development';
-const buildDocs = argv.mode === undefined;
-// 动态修改tsconfig.json输出地址
-const tsconfig = require('./tsconfig.json');
-tsconfig.compilerOptions.emitDeclarationOnly = isEnvProduction ? false : true;
-// 输出目录绝对路径
-const outPath = path.join(__dirname, tsconfig.compilerOptions.outDir);
-
-const plugins = [];
-let entry = {}, output = {}, rules = [], externals = {}, entryMap = {}, optimization = {};
-/**
- * isEnvDevelopment 开发调试模式
- * buildDocs 打包文档
- */
-if (isEnvDevelopment || buildDocs) {
-    // 入口
-    entry = {
-        index: './docs/index.tsx'
-    };
-    // 出口
-    output = {
-        path: outPath,
-        filename: 'js/[name].bundle.[hash].js',
-        publicPath: isEnvDevelopment ? '/' : './',
-        assetModuleFilename: 'asset/[hash][ext][query]'
-    };
-    // 文档模式入口文件
-    plugins.push(new HtmlWebpackPlugin({template: path.resolve(__dirname, 'public/index.html')}));
-    if (isEnvDevelopment) { // HMR
-        plugins.push(new webpack.HotModuleReplacementPlugin());
-        plugins.push(new ReactRefreshWebpackPlugin());
-    }
-    plugins.push(new CopyWebpackPlugin(
-        {
-            patterns: [
-                {
-                    from: path.posix.join(path.resolve(__dirname, "public").replace(/\\/g, "/")),
-                    to: outPath,
-                    globOptions: {
-                        // ignore: [path.resolve(__dirname, 'public/index.html')]
-                        ignore: [path.posix.join(path.resolve(__dirname, "public/index.html").replace(/\\/g, "/"))]
-                    }
-                }
-            ]
-        })
-    );
-    // 文档模式 swc-loader
-    rules.push({
-        test: /\.(ts|tsx|js|jsc)?$/,
-        exclude: /(node_modules)/,
-        loader: "swc-loader",
-        options: {
-            sync: true,
-            jsc: {
-                parser: {
-                    syntax: 'typescript',
-                    tsx: true,
-                    dynamicImport: true
-                },
-                target: "es5",
-                keepClassNames: true,
-                transform: {
-                    react: {
-                        development: isEnvDevelopment,
-                        refresh: isEnvDevelopment
-                    }
-                }
-            }
-        }
-    });
-    if (isEnvDevelopment) {
-        optimization.splitChunks = {
-            chunks: 'all'
-        };
-    }
-    // tsconfig复写
-    delete tsconfig.compilerOptions.rootDir;
-    tsconfig.compilerOptions.rootDirs = [
-        "./docs",
-        "./src"
-    ];
-    tsconfig.include = [
-        "docs",
-        "src"
-    ];
-} else { // 打包NPM包
-    const packagePath = path.join(__dirname, 'src');
-    const packageList = fs.readdirSync(packagePath);
-    // 生成index.ts导出
-    let indexExport = '';
-    // 遍历模块列表，添加打包入口
-    packageList.forEach(packageName => {
-        const packageIndex = path.join(packagePath, packageName, 'index.tsx');
-        const exists = fs.existsSync(packageIndex);
-        if (!exists) return true;
-        entryMap[`${packageName}/index`] = packageIndex;
-        indexExport += `export { default as ${packageName} } from './${packageName}';\n`;
-        indexExport += `export * from './${packageName}';\n\n`;
-    });
-    fs.outputFile(path.join(packagePath, 'index.ts'), indexExport);
-    // 入口
-    entry = {
-        'index': `./src/index.ts`,
-        ...entryMap
-    };
-    // 出口
-    output = {
-        filename: `[name].js`,
-        path: outPath, // 要输出多文件这里就要配置输出目录而不是当个文件
-        library: {
-            type: 'umd',
-            name: 'ParaUI'
-        }
-    };
-    // 库模式ts-loader
-    rules.push({
-        test: /\.(ts|tsx)?$/,
-        use: 'ts-loader',
-        exclude: /node_modules/
-    });
-    // 库模式排除依赖
-    externals = {
-        'react': 'react',
-        'react-dom': 'react-dom',
-        '@paraview/lib': '@paraview/lib',
-        '@paraview/lib/http': '@paraview/lib',
-        '@paraview/lib/esso': '@paraview/lib',
-        '@paraview/lib/ui': '@paraview/lib',
-        '@paraview/lib/utils': '@paraview/lib',
-        'moment': 'moment',
-        '@para-ui/icons': '@para-ui/icons',
-        '@para-ui/core/GlobalContext': '@para-ui/core/GlobalContext',
-        '@material-ui/core/styles': '@material-ui/core/styles',
-        '@material-ui/core': '@material-ui/core',
-        '@material-ui/lab': '@material-ui/lab',
-        'rc-cropping': 'rc-cropping',
-        'rc-picker': 'rc-picker',
-        'rc-upload': 'rc-upload',
-        'rc-tree': 'rc-tree',
-        'rc-slider': 'rc-slider',
-        'rc-switch': 'rc-switch',
-        'react-color': 'react-color',
-        'rc-pagination': 'rc-pagination',
-        'rc-cascader': 'rc-cascader',
-        'rc-drawer': 'rc-drawer',
-        'rc-notification': 'rc-notification',
-        'rc-collapse': 'rc-collapse',
-        'rc-input-number': 'rc-input-number',
-        'react-easy-crop': 'react-easy-crop',
-        'react-slick': 'react-slick'
-    };
-    // tsconfig复写
-    delete tsconfig.compilerOptions.rootDirs;
-    tsconfig.compilerOptions.rootDir = 'src';
-    tsconfig.include = [
-        "src"
-    ];
-    // 复制所要一起发布的文件
-    [
-        'package.json',
-        'README.md'
-    ].forEach(file => {
-        plugins.push(new CopyWebpackPlugin(
-            {
-                patterns: [
-                    {
-                        from: path.join(__dirname, file),
-                        to: outPath
-                    }
-                ]
-            })
-        );
-    });
-}
-// 默认打包规则
-rules = [...rules, ...[
-    // 样式loader
-    {
-        test: /\.(css|sass|scss)$/,
-        // 使用哪些loader进行处理
-        use: [
-            // use数组中loader执行顺序：从右到左，从下到上，依次执行(先执行css-loader)
-            // style-loader：创建style标签，将js中的样式资源插入进去，添加到head中生效
-            {
-                loader: "style-loader",
-                options: {
-                    insert: "body"
-                }
-            },
-            // css-loader：将css文件变成commonjs模块加载到js中，里面内容是样式字符串
-            'css-loader',
-            // less-loader：将less文件编译成css文件，需要下载less-loader和less
-            'sass-loader'
-        ]
-    },
-    {
-        exclude: [/\.(js|mjs|jsx|ts|tsx|vue|sass|scss|css|html|json)$/],
-        type: 'asset/resource'
-    }
-]];
-// 重写ts配置
-fs.writeFileSync('tsconfig.json', JSON.stringify(tsconfig, null, 2));
-// 清理输出目录
-fs.removeSync(outPath);
-// 组装配置
-module.exports = {
-    mode: isEnvDevelopment ? 'development' : 'production',
-    devtool: isEnvDevelopment ? 'eval-cheap-module-source-map' : false,
-    entry: entry,
-    output: output,
-    plugins: plugins,
-    // 过滤依赖包
-    externals: externals,
-    module: {
-        rules: rules
-    },
-    resolve: {
-        extensions: ['.tsx', '.ts', '.js'],
-        alias: {
-            'src': path.join(__dirname, 'src')
-        }
-    },
-    optimization: {
-        minimize: isEnvProduction,
-        minimizer: [
-            new TerserPlugin(
-                {
-                    extractComments: false//不将注释提取到单独的文件中
-                }
-            )
-        ],
-        ...optimization
-    },
-    devServer: {
-        open: true,
-        hot: true
-    }
-};

package/webpack.extract.css.js

@@ -1,86 +0,0 @@
-const fs = require('fs-extra');
-const path = require('path');
-const TerserPlugin = require('terser-webpack-plugin');
-const MiniCssExtractPlugin = require("mini-css-extract-plugin");
-const packagePath = path.join(__dirname, 'src');
-const packageList = fs.readdirSync(packagePath);
-const outPath = path.join(__dirname, 'temp');
-let indexExport = '';
-packageList.forEach(packageName => {
-    const packageIndex = path.join(packagePath, packageName, 'index.tsx');
-    const exists = fs.existsSync(packageIndex);
-    if (!exists) return true;
-    indexExport += `export * from './${packageName}';\n\n`;
-});
-fs.outputFile(path.join(packagePath, 'index.ts'), indexExport);
-fs.removeSync(outPath);
-
-module.exports = {
-    mode: 'production',
-    entry: './src/index.ts',
-    output: {
-        filename: `[name].js`,
-        path: outPath,
-        library: {
-            type: 'umd',
-            name: 'ParaUI'
-        }
-    },
-    plugins: [
-        new MiniCssExtractPlugin({
-            filename: "[name].css"
-        })
-    ],
-    module: {
-        rules: [
-            {
-                test: /\.(ts|tsx)?$/,
-                use: [
-                    {
-                        loader: 'ts-loader',
-                        options: {
-                            transpileOnly: true
-                        }
-                    }
-                ],
-                exclude: /node_modules/
-            },
-            {
-                test: /\.(css|sass|scss)$/,
-                use: [
-                    MiniCssExtractPlugin.loader,
-                    'css-loader',
-                    'sass-loader'
-                ]
-            },
-            {
-                exclude: [/\.(js|mjs|jsx|ts|tsx|vue|sass|scss|css|html|json)$/],
-                type: 'asset/resource'
-            }
-        ]
-    },
-    resolve: {
-        extensions: ['.tsx', '.ts', '.js'],
-        alias: {
-            '@': path.join(__dirname, 'src')
-        }
-    },
-    optimization: {
-        minimize: true,
-        minimizer: [
-            new TerserPlugin({
-                extractComments: false//不将注释提取到单独的文件中
-            })
-        ],
-        splitChunks: {
-            cacheGroups: {
-                styles: {
-                    name: "style",
-                    type: "css/mini-extract",
-                    chunks: "all",
-                    enforce: true
-                }
-            }
-        }
-    }
-};