element-ui-x-zzz 1.0.0

package/build/build-components.js

@@ -0,0 +1,68 @@
+const webpack = require('webpack');
+const config = require('./webpack.component.conf');
+const fs = require('fs');
+const path = require('path');
+
+console.log('开始构建组件级别的包...\n');
+
+// 确保lib目录存在
+const libDir = path.join(__dirname, '../lib');
+if (!fs.existsSync(libDir)) {
+  fs.mkdirSync(libDir);
+}
+
+// 确保 components 和 mixins 目录存在
+const componentsDir = path.join(libDir, 'components');
+if (!fs.existsSync(componentsDir)) {
+  fs.mkdirSync(componentsDir, { recursive: true });
+}
+
+const mixinsDir = path.join(libDir, 'mixins');
+if (!fs.existsSync(mixinsDir)) {
+  fs.mkdirSync(mixinsDir, { recursive: true });
+}
+
+// 获取所有组件目录
+const srcComponentsDir = path.join(__dirname, '../src/components');
+const components = fs.readdirSync(srcComponentsDir);
+
+webpack(config, (err, stats) => {
+  if (err) {
+    console.error('构建过程中发生错误:', err);
+    process.exit(1);
+  }
+
+  if (stats.hasErrors()) {
+    console.error('构建失败:', stats.toString('errors-only'));
+    process.exit(1);
+  }
+
+  console.log('✅ 组件级别构建成功！\n');
+
+  // 显示构建结果
+  const info = stats.toJson();
+  console.log('💶 构建的文件:');
+
+  // 按目录分组显示文件
+  const componentFiles = [];
+  const otherFiles = [];
+
+  info.assets.forEach(asset => {
+    if (asset.name.startsWith('components/')) {
+      componentFiles.push(asset);
+    } else {
+      otherFiles.push(asset);
+    }
+    console.log(`   - ${asset.name} (${(asset.size / 1024).toFixed(1)}KB)`);
+  });
+
+  // 生成组件列表
+  let componentList = '';
+  components.forEach(component => {
+    componentList += `ElX${component}, `;
+  });
+  componentList = componentList.replace(/, $/, '');
+
+  console.log('\n📚 完整组件列表：');
+  console.log(`   import { ${componentList} } from "vue-element-ui-x";`);
+});

package/build/build-locale.js

@@ -0,0 +1,176 @@
+const fs = require('fs');
+const path = require('path');
+
+console.log('开始构建国际化语言包...\n');
+
+// 确保目标目录存在
+const libDir = path.join(__dirname, '../lib');
+const localeDir = path.join(libDir, 'locale');
+const langDir = path.join(localeDir, 'lang');
+
+// 创建目录
+[libDir, localeDir, langDir].forEach(dir => {
+  if (!fs.existsSync(dir)) {
+    fs.mkdirSync(dir, { recursive: true });
+  }
+});
+
+// 源目录
+const srcLocaleDir = path.join(__dirname, '../src/locale');
+const srcLangDir = path.join(srcLocaleDir, 'lang');
+
+// 将 ES6 模块转换为 CommonJS
+function transformToCommonJS(code) {
+  return code
+    .replace(/export default\s+/, 'module.exports = ')
+    .replace(/import\s+(.+?)\s+from\s+['"](.+?)['"];?/g, 'const $1 = require("$2");');
+}
+
+// 构建单个文件
+function buildFile(srcPath, destPath) {
+  try {
+    const code = fs.readFileSync(srcPath, 'utf8');
+    const transformedCode = transformToCommonJS(code);
+
+    fs.writeFileSync(destPath, transformedCode);
+    // console.log(`✅ 构建成功: ${path.relative(process.cwd(), destPath)}`);
+    return true;
+  } catch (error) {
+    console.error(`❌ 构建失败: ${path.relative(process.cwd(), srcPath)}`);
+    console.error(error.message);
+    return false;
+  }
+}
+
+// 构建主 locale/index.js
+const localeIndexSrc = path.join(srcLocaleDir, 'index.js');
+const localeIndexDest = path.join(localeDir, 'index.js');
+if (fs.existsSync(localeIndexSrc)) {
+  buildFile(localeIndexSrc, localeIndexDest);
+}
+
+// 构建 locale/mixin.js
+const mixinSrc = path.join(srcLocaleDir, 'mixin.js');
+const mixinDest = path.join(localeDir, 'mixin.js');
+if (fs.existsSync(mixinSrc)) {
+  buildFile(mixinSrc, mixinDest);
+}
+
+// 构建所有语言包
+if (fs.existsSync(srcLangDir)) {
+  const langFiles = fs.readdirSync(srcLangDir);
+
+  langFiles.forEach(file => {
+    if (file.endsWith('.js')) {
+      const srcPath = path.join(srcLangDir, file);
+      const destPath = path.join(langDir, file);
+      buildFile(srcPath, destPath);
+    }
+  });
+}
+
+// 创建语言包入口文件 lib/locale/lang/index.js
+const langIndexContent = `// 语言包入口文件
+module.exports = {
+  // 中文
+  'zh-CN': require('./zh-CN'),
+  'zh-cn': require('./zh-CN'),
+  'zh-TW': require('./zh-TW'),
+  'zh-tw': require('./zh-TW'),
+  
+  // 英文
+  'en': require('./en'),
+  'en-US': require('./en'),
+  'en-GB': require('./en'),
+  
+  // 日语
+  'ja-JP': require('./ja'),
+  'ja': require('./ja'),
+  
+  // 韩语
+  'ko-KR': require('./ko'),
+  'ko': require('./ko'),
+  
+  // 法语
+  'fr-FR': require('./fr'),
+  'fr': require('./fr'),
+  
+  // 德语
+  'de-DE': require('./de'),
+  'de': require('./de'),
+  
+  // 西班牙语
+  'es-ES': require('./es'),
+  'es': require('./es'),
+  
+  // 俄语
+  'ru-RU': require('./ru-RU'),
+  'ru': require('./ru-RU'),
+  
+  // 葡萄牙语
+  'pt-BR': require('./pt-br'),
+  'pt-br': require('./pt-br'),
+  'pt': require('./pt-br'),
+  
+  // 意大利语
+  'it-IT': require('./it'),
+  'it': require('./it'),
+  
+  // 阿拉伯语
+  'ar-SA': require('./ar'),
+  'ar': require('./ar')
+};
+`;
+
+fs.writeFileSync(path.join(langDir, 'index.js'), langIndexContent);
+// console.log(`✅ 构建成功: lib/locale/lang/index.js`);
+
+// 创建便于 CDN 使用的 UMD 格式语言包
+const createUMDLang = (langName, langCode) => {
+  const srcPath = path.join(srcLangDir, `${langCode}.js`);
+  if (fs.existsSync(srcPath)) {
+    const langContent = fs.readFileSync(srcPath, 'utf8');
+    // 提取语言数据对象
+    const langDataMatch = langContent.match(/export default\s+(\{[\s\S]*\});?\s*$/);
+    if (langDataMatch) {
+      const langData = langDataMatch[1];
+
+      const umdContent = `(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
+  typeof define === 'function' && define.amd ? define(factory) :
+  (global = global || self, (global.ELEMENT_UI_X = global.ELEMENT_UI_X || {}, global.ELEMENT_UI_X.lang = global.ELEMENT_UI_X.lang || {}, global.ELEMENT_UI_X.lang.${langName} = factory()));
+}(this, function () { 'use strict';
+
+  return ${langData};
+
+}));
+`;
+
+      const umdPath = path.join(langDir, `${langCode}.umd.js`);
+      fs.writeFileSync(umdPath, umdContent);
+      // console.log(`✅ 构建成功: lib/locale/lang/${langCode}.umd.js (UMD格式)`);
+    }
+  }
+};
+
+// 构建 UMD 格式的语言包
+const umdLanguages = [
+  { name: 'zhCN', code: 'zh-CN' },
+  { name: 'zhTW', code: 'zh-TW' },
+  { name: 'en', code: 'en' },
+  { name: 'ja', code: 'ja' },
+  { name: 'ko', code: 'ko' },
+  { name: 'fr', code: 'fr' },
+  { name: 'de', code: 'de' },
+  { name: 'es', code: 'es' },
+  { name: 'ru', code: 'ru-RU' },
+  { name: 'ptBr', code: 'pt-br' },
+  { name: 'it', code: 'it' },
+  { name: 'ar', code: 'ar' },
+];
+
+umdLanguages.forEach(({ name, code }) => {
+  createUMDLang(name, code);
+});
+
+console.log('\n🎉 国际化语言包构建完成！');

package/build/webpack.common.conf.js

@@ -0,0 +1,118 @@
+const path = require('path');
+const { VueLoaderPlugin } = require('vue-loader');
+const TerserPlugin = require('terser-webpack-plugin');
+const webpack = require('webpack');
+
+module.exports = {
+  mode: 'production',
+  entry: path.join(__dirname, '../src/index.js'),
+  output: {
+    path: path.join(__dirname, '../lib'),
+    filename: 'index.common.js',
+    library: 'ElementUIX',
+    libraryTarget: 'commonjs2',
+  },
+  module: {
+    rules: [
+      {
+        test: /\.vue$/,
+        loader: 'vue-loader',
+        options: { compilerOptions: { preserveWhitespace: false } },
+      },
+      {
+        test: /\.js$/,
+        loader: 'babel-loader',
+        exclude: /node_modules/,
+        options: {
+          presets: [
+            [
+              '@babel/preset-env',
+              {
+                targets: { browsers: ['> 1%', 'last 2 versions', 'ie >= 9'] },
+                modules: 'commonjs',
+                loose: true,
+              },
+            ],
+          ],
+          plugins: [
+            '@babel/plugin-transform-arrow-functions',
+            '@babel/plugin-transform-block-scoping',
+          ],
+        },
+      },
+      {
+        test: /\.css$/,
+        exclude: /node_modules/,
+        use: ['style-loader', 'css-loader'],
+      },
+      {
+        test: /\.css$/,
+        include: /node_modules/,
+        use: ['css-loader'],
+      },
+      {
+        test: /\.scss$/,
+        use: [
+          'style-loader',
+          'css-loader',
+          {
+            loader: 'sass-loader',
+            options: {
+              sassOptions: {
+                outputStyle: 'compressed',
+                silenceDeprecations: ['legacy-js-api', 'import'],
+              },
+            },
+          },
+        ],
+      },
+    ],
+  },
+  plugins: [
+    new VueLoaderPlugin(),
+    new webpack.DefinePlugin({ 'process.env.NODE_ENV': JSON.stringify('production') }),
+    new webpack.IgnorePlugin({
+      resourceRegExp: /^\.\/(locale)$/,
+      contextRegExp: /moment$/,
+    }),
+  ],
+  externals: {
+    vue: 'vue',
+    'element-ui': 'element-ui',
+    // 'markdown-it': 'markdown-it',
+    // dompurify: 'DOMPurify',
+    // prismjs: 'Prism',
+    // lodash: '_',
+  },
+  optimization: {
+    usedExports: true,
+    minimize: true,
+    minimizer: [
+      new TerserPlugin({
+        terserOptions: {
+          compress: {
+            drop_console: true,
+            drop_debugger: true,
+            pure_funcs: ['console.log'],
+            unused: true,
+            dead_code: true,
+            sequences: true,
+            conditionals: true,
+          },
+          mangle: true,
+          output: {
+            comments: false,
+            beautify: false,
+          },
+        },
+        extractComments: false,
+        parallel: true,
+      }),
+    ],
+  },
+  performance: {
+    hints: 'warning',
+    maxAssetSize: 250 * 1024,
+    maxEntrypointSize: 250 * 1024,
+  },
+};

package/build/webpack.component.conf.js

@@ -0,0 +1,85 @@
+const path = require('path');
+const { VueLoaderPlugin } = require('vue-loader');
+const fs = require('fs');
+
+// 获取所有组件目录
+const componentsDir = path.join(__dirname, '../src/components');
+const components = fs.readdirSync(componentsDir);
+
+// 构建多入口配置
+const entry = {};
+components.forEach(component => {
+  const componentPath = path.join(componentsDir, component, 'index.js');
+  if (fs.existsSync(componentPath)) {
+    // 保持原始组件目录结构
+    entry[`components/${component}/index`] = componentPath;
+  }
+});
+
+// 添加主入口和mixins入口
+entry['index'] = path.join(__dirname, '../src/index.js');
+entry['mixins/index'] = path.join(__dirname, '../src/mixins/index.js');
+
+module.exports = {
+  mode: 'production',
+  entry,
+  output: {
+    path: path.join(__dirname, '../lib'),
+    filename: '[name].js',
+    libraryTarget: 'commonjs2',
+  },
+  module: {
+    rules: [
+      {
+        test: /\.vue$/,
+        loader: 'vue-loader',
+      },
+      {
+        test: /\.js$/,
+        loader: 'babel-loader',
+        exclude: /node_modules/,
+      },
+      {
+        test: /\.scss$/,
+        use: [
+          'style-loader',
+          'css-loader',
+          {
+            loader: 'sass-loader',
+            options: { sassOptions: { silenceDeprecations: ['legacy-js-api', 'import'] } },
+          },
+        ],
+      },
+      {
+        test: /\.css$/,
+        exclude: /node_modules/,
+        use: ['style-loader', 'css-loader'],
+      },
+      {
+        test: /\.css$/,
+        include: /node_modules/,
+        use: ['css-loader'],
+      },
+    ],
+  },
+  plugins: [new VueLoaderPlugin()],
+  externals: {
+    vue: 'vue',
+    'element-ui': 'element-ui',
+  },
+  // 优化配置
+  optimization: {
+    // 不要压缩，保持可读性
+    minimize: false,
+    // 不要分包，每个组件保持独立
+    splitChunks: false,
+  },
+  // 确保每个模块都有正确的路径解析
+  resolve: {
+    extensions: ['.js', '.vue', '.json'],
+    alias: {
+      '@': path.join(__dirname, '../src'),
+      vue$: 'vue/dist/vue.esm.js',
+    },
+  },
+};

package/build/webpack.esm.conf.js

@@ -0,0 +1,90 @@
+const commonConfig = require('./webpack.common.conf');
+const { merge } = require('webpack-merge');
+const path = require('path');
+const TerserPlugin = require('terser-webpack-plugin');
+const webpack = require('webpack');
+
+module.exports = merge(commonConfig, {
+  output: {
+    path: path.join(__dirname, '../lib'),
+    filename: 'index.esm.js',
+    library: { type: 'module' },
+    environment: { module: true },
+  },
+  experiments: { outputModule: true },
+  module: {
+    rules: [
+      {
+        test: /\.js$/,
+        loader: 'babel-loader',
+        exclude: /node_modules/,
+        options: {
+          presets: [
+            [
+              '@babel/preset-env',
+              {
+                targets: { browsers: ['> 1%', 'last 2 versions', 'not ie <= 11'] },
+                modules: false,
+                loose: true,
+              },
+            ],
+          ],
+        },
+      },
+    ],
+  },
+  // 外部化依赖，不打包进组件库
+  externals: {
+    vue: {
+      commonjs: 'vue',
+      commonjs2: 'vue',
+      amd: 'vue',
+      root: 'Vue',
+    },
+    'element-ui': {
+      commonjs: 'element-ui',
+      commonjs2: 'element-ui',
+      amd: 'element-ui',
+      root: 'ELEMENT',
+    },
+    // 'markdown-it': 'markdown-it',
+    // dompurify: 'DOMPurify',
+    // prismjs: 'Prism',
+    // lodash: '_',
+  },
+  // 生产模式优化
+  mode: 'production',
+  optimization: {
+    usedExports: true, // 启用 Tree Shaking
+    minimize: true, // 启用代码压缩
+    minimizer: [
+      new TerserPlugin({
+        terserOptions: {
+          compress: {
+            drop_console: true, // 移除 console
+            drop_debugger: true, // 移除 debugger
+            pure_funcs: ['console.log'], // 移除 console.log
+            unused: true, // 删除未使用的变量和函数
+            dead_code: true, // 删除不可达代码
+          },
+          mangle: true, // 混淆变量名
+          output: {
+            comments: false, // 移除注释
+            beautify: false, // 不美化输出
+          },
+        },
+        extractComments: false,
+        parallel: true,
+      }),
+    ],
+  },
+  plugins: [
+    // 定义环境变量
+    new webpack.DefinePlugin({ 'process.env.NODE_ENV': JSON.stringify('production') }),
+    // 忽略特定的模块
+    new webpack.IgnorePlugin({
+      resourceRegExp: /^\.\/locale$/,
+      contextRegExp: /moment$/,
+    }),
+  ],
+});

package/build/webpack.umd.conf.js

@@ -0,0 +1,72 @@
+const commonConfig = require('./webpack.common.conf');
+const { merge } = require('webpack-merge');
+const path = require('path');
+const TerserPlugin = require('terser-webpack-plugin');
+const webpack = require('webpack');
+
+module.exports = merge(commonConfig, {
+  output: {
+    path: path.join(__dirname, '../lib'),
+    filename: 'index.umd.js',
+    library: 'ElementUIX',
+    libraryTarget: 'umd',
+    globalObject: 'this',
+    umdNamedDefine: true,
+  },
+  // 外部化依赖，不打包进组件库
+  externals: {
+    // vue: 'Vue',
+    // 'element-ui': 'ELEMENT',
+    vue: {
+      commonjs: 'vue',
+      commonjs2: 'vue',
+      amd: 'vue',
+      root: 'Vue',
+    },
+    'element-ui': {
+      commonjs: 'element-ui',
+      commonjs2: 'element-ui',
+      amd: 'element-ui',
+      root: 'ELEMENT',
+    },
+    // 'markdown-it': 'markdown-it',
+    // dompurify: 'DOMPurify',
+    // prismjs: 'Prism',
+    // lodash: '_',
+  },
+  // 生产模式优化
+  mode: 'production',
+  optimization: {
+    usedExports: true, // 启用 Tree Shaking
+    minimize: true, // 启用代码压缩
+    minimizer: [
+      new TerserPlugin({
+        terserOptions: {
+          compress: {
+            drop_console: true, // 移除 console
+            drop_debugger: true, // 移除 debugger
+            pure_funcs: ['console.log'], // 移除 console.log
+            unused: true, // 删除未使用的变量和函数
+            dead_code: true, // 删除不可达代码
+          },
+          mangle: true, // 混淆变量名
+          output: {
+            comments: false, // 移除注释
+            beautify: false, // 不美化输出
+          },
+        },
+        extractComments: false,
+        parallel: true,
+      }),
+    ],
+  },
+  plugins: [
+    // 定义环境变量
+    new webpack.DefinePlugin({ 'process.env.NODE_ENV': JSON.stringify('production') }),
+    // 忽略特定的模块
+    new webpack.IgnorePlugin({
+      resourceRegExp: /^\.\/(locale)$/,
+      contextRegExp: /moment$/,
+    }),
+  ],
+});

package/components.json

@@ -0,0 +1,13 @@
+{
+  "typewriter": "./lib/components/Typewriter/index.js",
+  "bubble": "./lib/components/Bubble/index.js",
+  "bubble-list": "./lib/components/BubbleList/index.js",
+  "conversations": "./lib/components/Conversations/index.js",
+  "files-card": "./lib/components/FilesCard/index.js",
+  "prompts": "./lib/components/Prompts/index.js",
+  "sender": "./lib/components/Sender/index.js",
+  "thinking": "./lib/components/Thinking/index.js",
+  "thought-chain": "./lib/components/ThoughtChain/index.js",
+  "welcome": "./lib/components/Welcome/index.js",
+  "attachments": "./lib/components/Attachments/index.js"
+}

package/package.json

@@ -0,0 +1,12 @@
+{
+  "name": "element-ui-x-zzz",
+  "version": "1.0.0",
+  "description": "",
+  "license": "MIT",
+  "author": "",
+  "type": "commonjs",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  }
+}

package/src/components/Attachments/index.js

@@ -0,0 +1,8 @@
+import ElXAttachments from './src/main.vue';
+
+/* istanbul ignore next */
+ElXAttachments.install = function (Vue) {
+  Vue.component(ElXAttachments.name, ElXAttachments);
+};
+
+export default ElXAttachments;