npmapps 1.1.5 → 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.5",
+  "version": "1.1.6",
   "description": "",
   "main": "index.js",
   "scripts": {