npmapps 1.1.4 → 1.1.6

package/app/wujie-wk/wujie-vue3-main/src/views/vue3-child-msg.vue

@@ -0,0 +1,108 @@
+<template>
+  <div class="message-container">
+    <h2 class="title">子应用消息记录</h2>
+    
+    <el-empty v-if="messages.length === 0" description="暂无消息" />
+    
+    <div v-else class="message-list">
+      <el-timeline>
+        <el-timeline-item
+          v-for="msg in messages"
+          :key="msg.timestamp"
+          :type="msg.type"
+          :timestamp="formatTime(msg.timestamp)"
+          :color="getTypeColor(msg.type)"
+        >
+          <el-card class="message-card">
+            <template #header>
+              <div class="card-header">
+                <span class="title">{{ msg.title }}</span>
+                <span class="from">来自: {{ msg.from }}</span>
+              </div>
+            </template>
+            <div class="message-content">{{ msg.message }}</div>
+          </el-card>
+        </el-timeline-item>
+      </el-timeline>
+    </div>
+
+    <div class="actions">
+      <el-button type="danger" @click="clearAll">清空所有消息</el-button>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { computed } from 'vue'
+import { useMicroAppStore } from '../store/useMicroAppStore'
+import dayjs from 'dayjs'
+
+const store = useMicroAppStore()
+const messages = computed(() => store.messages)
+
+const formatTime = (timestamp) => {
+  return dayjs(timestamp).format('YYYY-MM-DD HH:mm:ss')
+}
+
+const getTypeColor = (type) => {
+  const colors = {
+    success: '#67C23A',
+    warning: '#E6A23C',
+    error: '#F56C6C',
+    info: '#909399'
+  }
+  return colors[type] || colors.info
+}
+
+const clearAll = () => {
+  store.clearMessages()
+}
+</script>
+
+<style scoped>
+.message-container {
+  padding: 20px;
+  max-width: 800px;
+  margin: 0 auto;
+}
+
+.title {
+  margin-bottom: 20px;
+  color: #303133;
+  text-align: center;
+}
+
+.message-list {
+  margin: 20px 0;
+}
+
+.message-card {
+  margin-bottom: 10px;
+}
+
+.card-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.card-header .title {
+  font-weight: bold;
+  margin: 0;
+}
+
+.card-header .from {
+  color: #909399;
+  font-size: 0.9em;
+}
+
+.message-content {
+  color: #606266;
+  line-height: 1.5;
+}
+
+.actions {
+  text-align: center;
+  margin-top: 20px;
+}
+</style>

package/app/wujie-wk/wujie-vue3-main/vite.config.js

@@ -0,0 +1,12 @@
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+
+// https://vite.dev/config/
+export default defineConfig({
+  plugins: [vue()],
+  server: {
+    port: 3000,
+    open: true,
+    host: true
+  }
+})

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "npmapps",
-  "version": "1.1.4",
+  "version": "1.1.6",
   "description": "",
   "main": "index.js",
   "scripts": {

package/app/check-import-case.js

@@ -1,344 +0,0 @@
-// scripts/check-import-case.js
-const fs = require('fs');
-const path = require('path');
-
-// ==================== 配置区 ====================
-const ROOT_DIR = path.resolve(__dirname, '..');
-const SRC_DIR = path.resolve(ROOT_DIR, 'src');
-
-// 别名映射 —— 与 vite.config.js / tsconfig.json 保持一致
-const ALIAS = {
-  '@': SRC_DIR,
-  '@components': path.join(SRC_DIR, 'components'),
-  '@views': path.join(SRC_DIR, 'views'),
-  '@utils': path.join(SRC_DIR, 'utils'),
-  '@api': path.join(SRC_DIR, 'api'),
-  '@store': path.join(SRC_DIR, 'store'),
-  '@assets': path.join(SRC_DIR, 'assets'),
-  '@styles': path.join(SRC_DIR, 'styles'),
-};
-
-// 尝试补全的扩展名（按 Vite 默认解析顺序）
-const RESOLVE_EXTENSIONS = [
-  '.js', '.ts', '.jsx', '.tsx', '.mjs', '.cjs',
-  '.vue',
-  '.json',
-  '.css', '.scss', '.sass', '.less', '.styl', '.stylus',
-  '.png', '.jpg', '.jpeg', '.gif', '.svg', '.webp', '.ico',
-  '.woff', '.woff2', '.ttf', '.eot',
-];
-
-// index 文件候选
-const INDEX_FILES = [
-  'index.js', 'index.ts', 'index.jsx', 'index.tsx',
-  'index.vue', 'index.json',
-  'index.css', 'index.scss', 'index.less',
-];
-
-// 要扫描的源文件类型
-const SCAN_EXTS = ['.js', '.ts', '.jsx', '.tsx', '.vue', '.mjs', '.cjs'];
-
-// 需要跳过的 import 前缀（node_modules 包 / 虚拟模块 / 协议）
-const SKIP_PREFIXES = [
-  'virtual:', 'vite/', 'node:', 'http:', 'https:', 'data:',
-];
-
-// 已知的 node_modules 包名（可按需扩充，或用更通用的判断）
-const KNOWN_PACKAGES = new Set([
-  'vue', 'vue-router', 'pinia', 'vuex', 'axios', 'lodash',
-  'dayjs', 'moment', 'element-plus', 'ant-design-vue',
-  'echarts', 'nprogress', 'qs', 'crypto-js',
-]);
-// ==================== 配置区结束 ====================
-
-
-let errorCount = 0;
-const errors = [];
-
-
-// ---------- 工具函数 ----------
-
-/**
- * 判断是否为已知的扩展名
- */
-function hasKnownExtension(filePath) {
-  const ext = path.extname(filePath).toLowerCase();
-  return RESOLVE_EXTENSIONS.includes(ext);
-}
-
-/**
- * 判断是否应该跳过（node_modules 包 / 虚拟模块等）
- */
-function shouldSkip(importPath) {
-  // 虚拟模块 / 协议
-  for (const prefix of SKIP_PREFIXES) {
-    if (importPath.startsWith(prefix)) return true;
-  }
-  // 绝对路径（非项目内）
-  if (path.isAbsolute(importPath) && !importPath.startsWith(SRC_DIR)) return true;
-  // 不以 . 或 @ 开头 → 大概率是 node_modules 包
-  if (!importPath.startsWith('.') && !importPath.startsWith('@')) return true;
-  // @ 开头但不是我们配置的别名 → 可能是 npm 包（如 @vueuse/core）
-  if (importPath.startsWith('@')) {
-    const isAlias = Object.keys(ALIAS).some(
-      a => importPath === a || importPath.startsWith(a + '/')
-    );
-    if (!isAlias) return true;
-  }
-  return false;
-}
-
-/**
- * 将别名替换为真实路径
- */
-function resolveAlias(importPath) {
-  // 精确匹配或前缀匹配（长的别名优先）
-  const sortedAliases = Object.keys(ALIAS).sort((a, b) => b.length - a.length);
-  for (const alias of sortedAliases) {
-    if (importPath === alias) {
-      return ALIAS[alias];
-    }
-    if (importPath.startsWith(alias + '/')) {
-      return importPath.replace(alias, ALIAS[alias]);
-    }
-  }
-  return null;
-}
-
-/**
- * 核心：逐段校验路径大小写
- * 返回 { ok, mismatch? }
- */
-function verifyPathCase(targetPath) {
-  const normalized = path.resolve(targetPath); // 处理 .. 等
-  const segments = normalized.split(path.sep).filter(Boolean);
-
-  // Windows 盘符
-  let current = '';
-  let startIdx = 0;
-  if (/^[a-zA-Z]:$/.test(segments[0])) {
-    current = segments[0] + path.sep;
-    startIdx = 1;
-  } else {
-    current = path.sep;
-  }
-
-  for (let i = startIdx; i < segments.length; i++) {
-    const seg = segments[i];
-    let entries;
-    try {
-      entries = fs.readdirSync(current);
-    } catch {
-      return { ok: false, notFound: true };
-    }
-
-    const exactMatch = entries.find(e => e === seg);
-    if (exactMatch) {
-      current = path.join(current, seg);
-      continue;
-    }
-
-    const caseMatch = entries.find(e => e.toLowerCase() === seg.toLowerCase());
-    if (caseMatch) {
-      return {
-        ok: false,
-        mismatch: {
-          expected: seg,
-          actual: caseMatch,
-          dir: current,
-        },
-      };
-    }
-
-    return { ok: false, notFound: true };
-  }
-
-  return { ok: true, realPath: current };
-}
-
-/**
- * 解析 import 路径，尝试各种补全
- * 返回 { found, caseOk, mismatch? }
- */
-function resolveAndCheck(importPath, fromFile) {
-  // 1. 别名替换
-  let basePath;
-  if (importPath.startsWith('.')) {
-    basePath = path.resolve(path.dirname(fromFile), importPath);
-  } else {
-    basePath = resolveAlias(importPath);
-    if (!basePath) return { found: false, skipped: true };
-  }
-
-  // normalize（处理 ../ 等）
-  basePath = path.resolve(basePath);
-
-  // 2. 构建候选路径列表
-  const candidates = [];
-
-  if (hasKnownExtension(basePath)) {
-    // 已有扩展名：./index.scss → 直接验证
-    candidates.push(basePath);
-  } else {
-    // 无扩展名：./router → 可能是文件或目录
-    // 2a. 当作文件，补扩展名
-    for (const ext of RESOLVE_EXTENSIONS) {
-      candidates.push(basePath + ext);
-    }
-    // 2b. 当作目录，找 index
-    for (const idx of INDEX_FILES) {
-      candidates.push(path.join(basePath, idx));
-    }
-    // 2c. 原路径本身（可能是无扩展名的特殊文件）
-    candidates.push(basePath);
-  }
-
-  // 3. 逐个候选验证
-  for (const candidate of candidates) {
-    const result = verifyPathCase(candidate);
-
-    if (result.ok) {
-      // 路径存在且大小写正确
-      try {
-        const stat = fs.statSync(candidate);
-        if (stat.isFile()) {
-          return { found: true, caseOk: true };
-        }
-      } catch { /* continue */ }
-    }
-
-    if (result.mismatch) {
-      // 路径存在但大小写不对 → 这就是我们要找的 bug
-      return {
-        found: true,
-        caseOk: false,
-        mismatch: result.mismatch,
-        candidate,
-      };
-    }
-  }
-
-  return { found: false };
-}
-
-/**
- * 从文件内容提取所有 import 路径
- */
-function extractImports(content, filePath) {
-  const imports = [];
-  const ext = path.extname(filePath);
-
-  // JS/TS/Vue 中的 import
-  const jsPatterns = [
-    /import\s+[\s\S]*?from\s+['"]([^'"]+)['"]/g,
-    /import\s+['"]([^'"]+)['"]/g,
-    /export\s+[\s\S]*?from\s+['"]([^'"]+)['"]/g,
-    /export\s*\{[^}]*\}\s*from\s+['"]([^'"]+)['"]/g,
-    /require\s*\(\s*['"]([^'"]+)['"]\s*\)/g,
-    /import\s*\(\s*['"]([^'"]+)['"]\s*\)/g,
-  ];
-
-  for (const regex of jsPatterns) {
-    let m;
-    while ((m = regex.exec(content)) !== null) {
-      imports.push(m[1]);
-    }
-  }
-
-  // Vue SFC 中 <style> 里的 @import 和 url()
-  if (ext === '.vue' || ext === '.css' || ext === '.scss' || ext === '.less') {
-    const cssPatterns = [
-      /@import\s+(?:url\(\s*)?['"]?([^'");\s]+)['"]?\s*\)?/g,
-      /url\(\s*['"]?([^'");\s]+)['"]?\s*\)/g,
-    ];
-    for (const regex of cssPatterns) {
-      let m;
-      while ((m = regex.exec(content)) !== null) {
-        const p = m[1];
-        // 跳过 http / data-uri / # 等
-        if (/^(https?:|data:|#|\/\/)/.test(p)) continue;
-        imports.push(p);
-      }
-    }
-  }
-
-  // 去重
-  return [...new Set(imports)];
-}
-
-/**
- * 递归扫描目录
- */
-function walkDir(dir, result = []) {
-  let entries;
-  try {
-    entries = fs.readdirSync(dir, { withFileTypes: true });
-  } catch {
-    return result;
-  }
-  for (const entry of entries) {
-    if (entry.name === 'node_modules' || entry.name === '.git' || entry.name === 'dist') continue;
-    const fullPath = path.join(dir, entry.name);
-    if (entry.isDirectory()) {
-      walkDir(fullPath, result);
-    } else if (SCAN_EXTS.includes(path.extname(entry.name))) {
-      result.push(fullPath);
-    }
-  }
-  return result;
-}
-
-
-// ==================== 主流程 ====================
-console.log('');
-console.log('🔍 检查 import 路径大小写');
-console.log('─'.repeat(50));
-console.log(`   项目根目录: ${ROOT_DIR}`);
-console.log(`   扫描目录:   ${SRC_DIR}`);
-console.log('');
-
-const files = walkDir(SRC_DIR);
-console.log(`   共 ${files.length} 个源文件`);
-console.log('');
-
-for (const file of files) {
-  const content = fs.readFileSync(file, 'utf-8');
-  const imports = extractImports(content, file);
-  const relFile = path.relative(ROOT_DIR, file);
-
-  for (const imp of imports) {
-    if (shouldSkip(imp)) continue;
-
-    const result = resolveAndCheck(imp, file);
-
-    if (result.found && !result.caseOk) {
-      errorCount++;
-      const { expected, actual, dir } = result.mismatch;
-      const relDir = path.relative(ROOT_DIR, dir);
-
-      errors.push({
-        file: relFile,
-        importPath: imp,
-        expected,
-        actual,
-        dir: relDir,
-      });
-
-      console.error(`  ❌ ${relFile}`);
-      console.error(`     import: "${imp}"`);
-      console.error(`     路径段: "${expected}" → 实际应为 "${actual}"`);
-      console.error(`     目录:   ${relDir}`);
-      console.error('');
-    }
-  }
-}
-
-// ==================== 结果 ====================
-console.log('─'.repeat(50));
-if (errorCount > 0) {
-  console.error(`\n💥 共 ${errorCount} 处大小写不匹配！\n`);
-  process.exit(1);
-} else {
-  console.log(`\n✅ 全部通过，未发现大小写问题。\n`);
-  process.exit(0);
-}