chain-saasui 1.0.6 → 1.0.7

package/README.md

@@ -1,6 +1,6 @@
-
-## 纯粹 ui组件库 基于elementui的二次封装
-```js
-import saasui from 'saasui';
-Vue.use(saasui)
+
+## 纯粹 ui组件库 基于elementui的二次封装
+```js
+import saasui from 'saasui';
+Vue.use(saasui)
 ```

package/babel.config.js

@@ -1,13 +1,13 @@
-module.exports = {
-  presets: [
-    // https://github.com/vuejs/vue-cli/tree/master/packages/@vue/babel-preset-app
-    '@vue/cli-plugin-babel/preset'
-  ],
-  'env': {
-    'development': {
-      // babel-plugin-dynamic-import-node plugin only does one thing by converting all import() to require().
-      // This plugin can significantly increase the speed of hot updates, when you have a large number of pages.
-      'plugins': ['dynamic-import-node']
-    }
-  }
-}
+module.exports = {
+  presets: [
+    // https://github.com/vuejs/vue-cli/tree/master/packages/@vue/babel-preset-app
+    '@vue/cli-plugin-babel/preset'
+  ],
+  'env': {
+    'development': {
+      // babel-plugin-dynamic-import-node plugin only does one thing by converting all import() to require().
+      // This plugin can significantly increase the speed of hot updates, when you have a large number of pages.
+      'plugins': ['dynamic-import-node']
+    }
+  }
+}

package/build/version-alpha.js

@@ -1,51 +1,51 @@
-const fs = require('fs');
-const { execSync } = require('child_process');
-
-async function updateVersion() {
-    try {
-        // 1. 读取当前版本
-        const packageJson = JSON.parse(fs.readFileSync('./package.json', 'utf8'));
-        const currentVersion = packageJson.version;
-        const isAlphaVersion = currentVersion.includes('-alpha');
-
-        // 2. 执行构建
-        console.log('🚀 开始构建项目...');
-        execSync('npm run build:lib', { stdio: 'inherit' });
-        console.log('✅ 构建完成');
-
-        // 3. 更新版本
-        console.log('\n🔄 更新版本号...');
-        if (isAlphaVersion) {
-            console.log('当前是 alpha 版本，执行 prerelease');
-            execSync('npm version prerelease --preid=alpha', { stdio: 'inherit' });
-        } else {
-            console.log('当前不是 alpha 版本，执行 prepatch 并添加 alpha 后缀');
-            execSync('npm version prepatch --preid=alpha', { stdio: 'inherit' });
-        }
-
-        // 4. 获取新版本号
-        const updatedPackageJson = JSON.parse(fs.readFileSync('./package.json', 'utf8'));
-        const newVersion = updatedPackageJson.version;
-
-        // 5. Git提交
-        console.log('\n💾 提交代码变更...');
-        execSync('git add .', { stdio: 'inherit' });
-        execSync(`git commit -m "release: v${newVersion}"`, { stdio: 'inherit' });
-        console.log('✅ 代码提交完成');
-
-        // 6. 发布到npm
-        console.log('\n📦 发布到npm...');
-        execSync('npm publish --access public', { stdio: 'inherit' });
-        console.log(`🎉 成功发布 v${newVersion} 到npm`);
-
-        // 7. 推送git标签
-        console.log('\n🏷️ 推送git标签...');
-        execSync('git push --follow-tags', { stdio: 'inherit' });
-        console.log('✅ 标签推送完成');
-    } catch (error) {
-        console.error('\n❌ 发布流程出错:', error.message);
-        process.exit(1);
-    }
-}
-
-updateVersion();
+const fs = require('fs');
+const { execSync } = require('child_process');
+
+async function updateVersion() {
+    try {
+        // 1. 读取当前版本
+        const packageJson = JSON.parse(fs.readFileSync('./package.json', 'utf8'));
+        const currentVersion = packageJson.version;
+        const isAlphaVersion = currentVersion.includes('-alpha');
+
+        // 2. 执行构建
+        console.log('🚀 开始构建项目...');
+        execSync('npm run build:lib', { stdio: 'inherit' });
+        console.log('✅ 构建完成');
+
+        // 3. 更新版本
+        console.log('\n🔄 更新版本号...');
+        if (isAlphaVersion) {
+            console.log('当前是 alpha 版本，执行 prerelease');
+            execSync('npm version prerelease --preid=alpha', { stdio: 'inherit' });
+        } else {
+            console.log('当前不是 alpha 版本，执行 prepatch 并添加 alpha 后缀');
+            execSync('npm version prepatch --preid=alpha', { stdio: 'inherit' });
+        }
+
+        // 4. 获取新版本号
+        const updatedPackageJson = JSON.parse(fs.readFileSync('./package.json', 'utf8'));
+        const newVersion = updatedPackageJson.version;
+
+        // 5. Git提交
+        console.log('\n💾 提交代码变更...');
+        execSync('git add .', { stdio: 'inherit' });
+        execSync(`git commit -m "release: v${newVersion}"`, { stdio: 'inherit' });
+        console.log('✅ 代码提交完成');
+
+        // 6. 发布到npm
+        console.log('\n📦 发布到npm...');
+        execSync('npm publish --access public', { stdio: 'inherit' });
+        console.log(`🎉 成功发布 v${newVersion} 到npm`);
+
+        // 7. 推送git标签
+        console.log('\n🏷️ 推送git标签...');
+        execSync('git push --follow-tags', { stdio: 'inherit' });
+        console.log('✅ 标签推送完成');
+    } catch (error) {
+        console.error('\n❌ 发布流程出错:', error.message);
+        process.exit(1);
+    }
+}
+
+updateVersion();

package/build/version-patch.js

@@ -1,44 +1,44 @@
-const fs = require('fs');
-const { execSync } = require('child_process');
-
-async function releaseProduction() {
-    try {
-        // 1. 读取当前版本
-        const packageJson = JSON.parse(fs.readFileSync('./package.json', 'utf8'));
-        const currentVersion = packageJson.version;
-
-        // 2. 执行构建
-        console.log('🚀 开始构建项目...');
-        execSync('npm run build:lib', { stdio: 'inherit' });
-        console.log('✅ 构建完成');
-
-        // 3. 更新版本号（使用标准的 patch/minor/major 更新）
-        console.log('\n🔄 更新版本号...');
-        execSync('npm version patch', { stdio: 'inherit' }); // 可根据需要改为 minor 或 major
-
-        // 4. 获取新版本号
-        const updatedPackageJson = JSON.parse(fs.readFileSync('./package.json', 'utf8'));
-        const newVersion = updatedPackageJson.version;
-
-        // 5. Git提交
-        console.log('\n💾 提交代码变更...');
-        execSync('git add .', { stdio: 'inherit' });
-        execSync(`git commit -m "release: v${newVersion}"`, { stdio: 'inherit' });
-        console.log('✅ 代码提交完成');
-
-        // 6. 发布到npm
-        console.log('\n📦 发布到npm...');
-        execSync('npm publish --access public', { stdio: 'inherit' });
-        console.log(`🎉 成功发布正式版 v${newVersion} 到npm`);
-
-        // 7. 推送git标签
-        console.log('\n🏷️ 推送git标签...');
-        execSync('git push --follow-tags', { stdio: 'inherit' });
-        console.log('✅ 标签推送完成');
-    } catch (error) {
-        console.error('\n❌ 发布流程出错:', error.message);
-        process.exit(1);
-    }
-}
-
-releaseProduction();
+const fs = require('fs');
+const { execSync } = require('child_process');
+
+async function releaseProduction() {
+    try {
+        // 1. 读取当前版本
+        const packageJson = JSON.parse(fs.readFileSync('./package.json', 'utf8'));
+        const currentVersion = packageJson.version;
+
+        // 2. 执行构建
+        console.log('🚀 开始构建项目...');
+        execSync('npm run build:lib', { stdio: 'inherit' });
+        console.log('✅ 构建完成');
+
+        // 3. 更新版本号（使用标准的 patch/minor/major 更新）
+        console.log('\n🔄 更新版本号...');
+        execSync('npm version patch', { stdio: 'inherit' }); // 可根据需要改为 minor 或 major
+
+        // 4. 获取新版本号
+        const updatedPackageJson = JSON.parse(fs.readFileSync('./package.json', 'utf8'));
+        const newVersion = updatedPackageJson.version;
+
+        // 5. Git提交
+        console.log('\n💾 提交代码变更...');
+        execSync('git add .', { stdio: 'inherit' });
+        execSync(`git commit -m "release: v${newVersion}"`, { stdio: 'inherit' });
+        console.log('✅ 代码提交完成');
+
+        // 6. 发布到npm
+        console.log('\n📦 发布到npm...');
+        execSync('npm publish --access public', { stdio: 'inherit' });
+        console.log(`🎉 成功发布正式版 v${newVersion} 到npm`);
+
+        // 7. 推送git标签
+        console.log('\n🏷️ 推送git标签...');
+        execSync('git push --follow-tags', { stdio: 'inherit' });
+        console.log('✅ 标签推送完成');
+    } catch (error) {
+        console.error('\n❌ 发布流程出错:', error.message);
+        process.exit(1);
+    }
+}
+
+releaseProduction();

package/build/webpack.common.js

@@ -1,54 +1,54 @@
-const path = require("path");
-const { VueLoaderPlugin } = require("vue-loader");
-const MiniCssExtractPlugin = require("mini-css-extract-plugin");
-const pkg = require('../package.json');
-const { dependencies = {}, devDependencies = {} } = pkg;
-
-module.exports = {
-    entry: path.resolve(__dirname, "../components/src"),
-    mode: "production",
-    output: {
-        path: path.resolve(__dirname, "../lib"),
-        filename: 'saasui.common.js',
-        chunkFilename: '[id].js',
-        library: 'SAASUI',
-        libraryTarget: 'commonjs2',
-        libraryExport: 'default',
-    },
-    plugins: [
-        new VueLoaderPlugin(),
-        new MiniCssExtractPlugin({
-            filename: 'styles/[name].css',
-            chunkFilename: 'styles/[id].css',
-        }),
-    ],
-    module: {
-        rules: [
-            {
-                test: /\.vue$/,
-                use: [
-                    {
-                        loader: "vue-loader",
-                    },
-                ],
-            },
-            { test: /\.css$/, use: [MiniCssExtractPlugin.loader, "css-loader"] },
-            {
-                test: /\.scss$/,
-                use: [MiniCssExtractPlugin.loader, "css-loader", "sass-loader"],
-            },
-            { test: /\.(jpg|png|gif|bmp|jpeg)$/, loader: 'url-loader' },
-            { test: /\.(ttf|eot|svg|woff|woff2)$/, use: 'url-loader' }
-        ],
-    },
-    externals: Object.keys({ ...dependencies, ...devDependencies }).reduce((externals, dep) => {
-        externals[dep] = dep; // 将每个依赖排除在打包之外
-        return externals;
-    }, {}),
-    resolve: {
-        extensions: ['.js', '.vue', '.json'], // 添加你项目中用到的扩展名
-        alias: {
-
-        },
-    },
-};
+const path = require("path");
+const { VueLoaderPlugin } = require("vue-loader");
+const MiniCssExtractPlugin = require("mini-css-extract-plugin");
+const pkg = require('../package.json');
+const { dependencies = {}, devDependencies = {} } = pkg;
+
+module.exports = {
+    entry: path.resolve(__dirname, "../components/src"),
+    mode: "production",
+    output: {
+        path: path.resolve(__dirname, "../lib"),
+        filename: 'saasui.common.js',
+        chunkFilename: '[id].js',
+        library: 'SAASUI',
+        libraryTarget: 'commonjs2',
+        libraryExport: 'default',
+    },
+    plugins: [
+        new VueLoaderPlugin(),
+        new MiniCssExtractPlugin({
+            filename: 'styles/[name].css',
+            chunkFilename: 'styles/[id].css',
+        }),
+    ],
+    module: {
+        rules: [
+            {
+                test: /\.vue$/,
+                use: [
+                    {
+                        loader: "vue-loader",
+                    },
+                ],
+            },
+            { test: /\.css$/, use: [MiniCssExtractPlugin.loader, "css-loader"] },
+            {
+                test: /\.scss$/,
+                use: [MiniCssExtractPlugin.loader, "css-loader", "sass-loader"],
+            },
+            { test: /\.(jpg|png|gif|bmp|jpeg)$/, loader: 'url-loader' },
+            { test: /\.(ttf|eot|svg|woff|woff2)$/, use: 'url-loader' }
+        ],
+    },
+    externals: Object.keys({ ...dependencies, ...devDependencies }).reduce((externals, dep) => {
+        externals[dep] = dep; // 将每个依赖排除在打包之外
+        return externals;
+    }, {}),
+    resolve: {
+        extensions: ['.js', '.vue', '.json'], // 添加你项目中用到的扩展名
+        alias: {
+
+        },
+    },
+};

package/build/webpack.components.js

@@ -1,69 +1,69 @@
-const path = require("path");
-const { VueLoaderPlugin } = require("vue-loader");
-const glob = require("glob");
-const MiniCssExtractPlugin = require("mini-css-extract-plugin");
-const list = {};
-async function makeList(dirPath, list) {
-    const files = glob.sync(`${dirPath}/**/index.js`);
-    for (let file of files) {
-        const component = file.split(/[/.]/)[2];
-        list[component] = `./${file}`;
-    }
-}
-makeList("components/src", list);
-const NODE_ENV = process.env.NODE_ENV ? process.env.NODE_ENV.trim() : "";
-const isDevelopment = NODE_ENV === 'development'; // trim
-
-module.exports = {
-    entry: list,
-    mode: "production",
-    output: {
-        path: path.resolve(__dirname, "../lib"),
-        filename: '[name].js',
-        chunkFilename: '[id].js',
-        library: 'SAASUI',
-        libraryExport: 'default',
-        libraryTarget: 'umd',
-        umdNamedDefine: true,
-        globalObject: 'typeof self !== \'undefined\' ? self : this'
-    },
-    // output: {
-    //     filename: '[name].js',  // 输出文件名
-    //     chunkFilename: '[id].js',
-    //     path: path.resolve(__dirname, '../lib'),
-    //     libraryTarget: 'commonjs2',  // 使用 CommonJS 格式
-    // },
-    watch: isDevelopment, // 实时打包
-    plugins: [
-        new VueLoaderPlugin(),
-        new MiniCssExtractPlugin({
-            filename: 'styles/[name].css',
-            chunkFilename: 'styles/[id].css',
-        }),
-    ],
-    module: {
-        rules: [
-            {
-                test: /\.vue$/,
-                use: [
-                    {
-                        loader: "vue-loader",
-                    },
-                ],
-            },
-            { test: /\.css$/, use: [MiniCssExtractPlugin.loader, "css-loader"] },
-            {
-                test: /\.scss$/,
-                use: [MiniCssExtractPlugin.loader, "css-loader", "sass-loader"],
-            },
-            { test: /\.(jpg|png|gif|bmp|jpeg)$/, loader: 'url-loader' },
-            { test: /\.(ttf|eot|svg|woff|woff2)$/, use: 'url-loader' }
-        ],
-    },
-    resolve: {
-        extensions: ['.js', '.vue', '.json'], // 添加你项目中用到的扩展名
-        alias: {
-            vue$: "vue/dist/vue.esm.js", // 使用完整版 Vue
-        },
-    },
-};
+const path = require("path");
+const { VueLoaderPlugin } = require("vue-loader");
+const glob = require("glob");
+const MiniCssExtractPlugin = require("mini-css-extract-plugin");
+const list = {};
+async function makeList(dirPath, list) {
+    const files = glob.sync(`${dirPath}/**/index.js`);
+    for (let file of files) {
+        const component = file.split(/[/.]/)[2];
+        list[component] = `./${file}`;
+    }
+}
+makeList("components/src", list);
+const NODE_ENV = process.env.NODE_ENV ? process.env.NODE_ENV.trim() : "";
+const isDevelopment = NODE_ENV === 'development'; // trim
+
+module.exports = {
+    entry: list,
+    mode: "production",
+    output: {
+        path: path.resolve(__dirname, "../lib"),
+        filename: '[name].js',
+        chunkFilename: '[id].js',
+        library: 'SAASUI',
+        libraryExport: 'default',
+        libraryTarget: 'umd',
+        umdNamedDefine: true,
+        globalObject: 'typeof self !== \'undefined\' ? self : this'
+    },
+    // output: {
+    //     filename: '[name].js',  // 输出文件名
+    //     chunkFilename: '[id].js',
+    //     path: path.resolve(__dirname, '../lib'),
+    //     libraryTarget: 'commonjs2',  // 使用 CommonJS 格式
+    // },
+    watch: isDevelopment, // 实时打包
+    plugins: [
+        new VueLoaderPlugin(),
+        new MiniCssExtractPlugin({
+            filename: 'styles/[name].css',
+            chunkFilename: 'styles/[id].css',
+        }),
+    ],
+    module: {
+        rules: [
+            {
+                test: /\.vue$/,
+                use: [
+                    {
+                        loader: "vue-loader",
+                    },
+                ],
+            },
+            { test: /\.css$/, use: [MiniCssExtractPlugin.loader, "css-loader"] },
+            {
+                test: /\.scss$/,
+                use: [MiniCssExtractPlugin.loader, "css-loader", "sass-loader"],
+            },
+            { test: /\.(jpg|png|gif|bmp|jpeg)$/, loader: 'url-loader' },
+            { test: /\.(ttf|eot|svg|woff|woff2)$/, use: 'url-loader' }
+        ],
+    },
+    resolve: {
+        extensions: ['.js', '.vue', '.json'], // 添加你项目中用到的扩展名
+        alias: {
+            vue$: "vue/dist/vue.esm.js", // 使用完整版 Vue
+        },
+    },
+};

package/build/webpack.demo.js

@@ -1,40 +1,40 @@
-'use strict'
-const { log } = require('console')
-const path = require('path')
-
-function resolve(dir) {
-    return path.join(__dirname, dir)
-}
-
-
-// vue.config.js 配置说明
-// 官方vue.config.js 参考文档 https://cli.vuejs.org/zh/config/#css-loaderoptions
-// 这里只列一部分，具体配置参考文档
-module.exports = {
-    entry: '../src/main.js',
-    // 在npm run build 或 yarn build 时 ，生成文件的目录名称（要和baseUrl的生产环境路径一致）（默认dist）
-    outputDir: 'dist',
-    // 用于放置生成的静态资源 (js、css、img、fonts) 的；（项目打包之后，静态资源会放在这个文件夹下）
-    assetsDir: 'static',
-    // 是否开启eslint保存检测，有效值：ture | false | 'error'
-    lintOnSave: false,
-    // 如果你不需要生产环境的 source map，可以将其设置为 false 以加速生产环境构建。
-    productionSourceMap: false,
-    configureWebpack: {
-        resolve: {
-            alias: {
-                '@': path.resolve(__dirname, './src'),
-            }
-        },
-    },
-    // rules: [
-    //     {
-    //         test: /\.scss$/,
-    //         use: [
-    //             'style-loader',  // 注入 CSS 到 DOM
-    //             'sass-loader'    // 处理 Sass 文件
-    //         ],
-    //     },
-    // ],
-}
-
+'use strict'
+const { log } = require('console')
+const path = require('path')
+
+function resolve(dir) {
+    return path.join(__dirname, dir)
+}
+
+
+// vue.config.js 配置说明
+// 官方vue.config.js 参考文档 https://cli.vuejs.org/zh/config/#css-loaderoptions
+// 这里只列一部分，具体配置参考文档
+module.exports = {
+    entry: '../src/main.js',
+    // 在npm run build 或 yarn build 时 ，生成文件的目录名称（要和baseUrl的生产环境路径一致）（默认dist）
+    outputDir: 'dist',
+    // 用于放置生成的静态资源 (js、css、img、fonts) 的；（项目打包之后，静态资源会放在这个文件夹下）
+    assetsDir: 'static',
+    // 是否开启eslint保存检测，有效值：ture | false | 'error'
+    lintOnSave: false,
+    // 如果你不需要生产环境的 source map，可以将其设置为 false 以加速生产环境构建。
+    productionSourceMap: false,
+    configureWebpack: {
+        resolve: {
+            alias: {
+                '@': path.resolve(__dirname, './src'),
+            }
+        },
+    },
+    // rules: [
+    //     {
+    //         test: /\.scss$/,
+    //         use: [
+    //             'style-loader',  // 注入 CSS 到 DOM
+    //             'sass-loader'    // 处理 Sass 文件
+    //         ],
+    //     },
+    // ],
+}
+

package/components/css/card.scss

@@ -1,19 +1,19 @@
-.saas-card {
-    border-radius: 6px;
-    border: 1px solid #dbdee7;
-    margin-bottom: 24px;
-}
-
-.saas-card-header {
-    background: #f7f9fb;
-    border-radius: 6px 6px 0px 0px;
-    border-bottom: 1px solid #dbdee7;
-    font-weight: 500;
-    font-size: 16px;
-    color: #0e1822;
-    padding: 8px 16px;
-}
-
-.saas-card-content {
-    padding: 16px;
-}
+.saas-card {
+    border-radius: 6px;
+    border: 1px solid #dbdee7;
+    margin-bottom: 24px;
+}
+
+.saas-card-header {
+    background: #f7f9fb;
+    border-radius: 6px 6px 0px 0px;
+    border-bottom: 1px solid #dbdee7;
+    font-weight: 500;
+    font-size: 16px;
+    color: #0e1822;
+    padding: 8px 16px;
+}
+
+.saas-card-content {
+    padding: 16px;
+}

package/components/css/common.scss

@@ -1,10 +1,10 @@
-// 公共变量
-$color: red;
-
-$colors: (
-    primary: #1890ff,
-    info: #a1a5b2,
-    success: #2ecc71,
-    danger: #ff3b30,
-    warning: #ff9900,
-);
+// 公共变量
+$color: red;
+
+$colors: (
+    primary: #1890ff,
+    info: #a1a5b2,
+    success: #2ecc71,
+    danger: #ff3b30,
+    warning: #ff9900,
+);

package/components/css/container.scss

@@ -1,14 +1,14 @@
-// 页面布局
-.saas-container {
-    display: flex;
-    flex-direction: column;
-    height: 100%;
-    flex: 1;
-}
-
-.saas-container-header {
-}
-.saas-container-content {
-    flex: 1;
-    min-height: 300px;
-}
+// 页面布局
+.saas-container {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    flex: 1;
+}
+
+.saas-container-header {
+}
+.saas-container-content {
+    flex: 1;
+    min-height: 300px;
+}