matrix_components 2.0.309 → 2.0.311

package/README.md

@@ -1,5 +1,12 @@
 # **组件库2.0**
 组件使用示例参考dist/ComponentDemo
+```
+version:2.0.311
+2025-11-05 13:59:02
+更新日志：
+1.增加NsMD组件预览markdown文件
+```
+
 ```
 version:2.0.309
 2025-10-31 13:09:20

package/dist/ComponentDemo/ImageDemo.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="image-demo">
-    <h2>NsImage 组件测试</h2>
+    <h2>NsImage 和 NsImg 组件测试</h2>
 
     <div class="demo-section">
       <h3>1. 正常图片加载测试</h3>
@@ -37,7 +37,7 @@
           使用随机无效URL
         </button>
       </div>
-      <NsImage
+      <NsImg
         :src="dynamicImageUrl"
         alt="动态图片"
         width="300"
@@ -50,14 +50,14 @@
       <h3>4. 多个实例测试</h3>
       <p>测试多个NsImage组件同时使用</p>
       <div style="display: flex; gap: 20px; flex-wrap: wrap;">
-        <NsImage
+        <NsImg
           :src="validImageUrl"
           alt="图片1"
           width="150"
           height="100"
           style="border: 1px solid #ccc; border-radius: 4px;"
         />
-        <NsImage
+        <NsImg
           src="/nonexistent1.jpg"
           error="data:image/png;base64,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"
           alt="图片2"
@@ -65,7 +65,7 @@
           height="100"
           style="border: 1px solid #ccc; border-radius: 4px;"
         />
-        <NsImage
+        <NsImg
           src="/nonexistent2.jpg"
           error="http://199.10.9.178:8081/static/rapture/resources/icons/x32/nexus.png"
           alt="图片3"

package/dist/ComponentDemo/MDDemo.vue

@@ -0,0 +1,20 @@
+<template>
+    <div class="dm">
+      <NsMD class="dm-ui" :msg="msg"></NsMD>
+    </div>
+</template>
+<script setup lang="ts" name="">
+import { ref } from 'vue';
+
+const msg = ref('好的，我可以为您写一个项目需求文档的模板。由于知识库为空，我将基于通用项目管理知识和最佳实践来构建此文档。请注意，这只是一个模板，您需要根据您的具体项目进行调整和完善。\n\n---\n\n## 项目需求文档\n\n**项目名称：** [在此处填写项目名称]\n\n**版本：** 1.0\n\n**日期：** 2023年10月27日\n\n**作者：** [您的姓名/团队名称]\n\n### 1. 引言\n\n**1.1 目的**\n\n本文档旨在详细描述[项目名称]的项目需求，为项目的规划、设计、开发、测试和部署提供明确的指导和依据。\n\n**1.2 范围**\n\n本文档涵盖项目的目标、功能、性能、用户界面、安全、约束条件以及验收标准。\n\n**1.3 目标读者**\n\n*   项目经理\n*   开发团队\n*   测试团队\n*   业务分析师\n*   利益相关者\n\n### 2. 项目背景\n\n**2.1 背景描述**\n\n[详细描述项目产生的背景，以及项目解决的问题或满足的需求。]\n\n**2.2 现有系统/流程描述**\n\n[如果项目涉及替换或改进现有系统/流程，请详细描述现有系统/流程的情况。]\n\n### 3. 项目目标\n\n**3.1 业务目标**\n\n[描述项目对业务的影响，例如提高效率、降低成本、增加收入等。]\n\n**3.2 用户目标**\n\n[描述用户通过使用项目后可以获得什么价值。]\n\n### 4. 功能需求\n\n| ID | 功能描述 | 优先级 | 备注 |\n|---|---|---|---|\n| 1 | [功能描述1] | 高 | [相关信息] |\n| 2 | [功能描述2] | 中 | [相关信息] |\n| 3 | [功能描述3] | 低 | [相关信息] |\n| ... | ... | ... | ... |\n\n*   **优先级：** 高 (必须实现)、中 (重要但可推迟)、低 (可选功能)\n\n### 5. 非功能需求\n\n**5.1 性能需求**\n\n*   响应时间：[例如：页面加载时间不超过3秒]\n*   并发用户数：[例如：支持1000个并发用户]\n*   数据存储容量：[例如：需要存储1TB的数据]\n\n**5.2 安全需求**\n\n*   用户认证：[例如：采用用户名/密码认证、OAuth认证]\n*   数据加密：[例如：采用SSL/TLS加密传输数据]\n*   权限控制：[例如：不同用户具有不同的权限]\n\n**5.3 可用性需求**\n\n*   系统可用时间：[例如：99.9%可用性]\n*   故障恢复：[例如：数据备份和恢复机制]\n\n**5.4 可靠性需求**\n\n*   错误率：[例如：系统错误率低于0.1%]\n\n**5.5 可维护性需求**\n\n*   代码可读性：[例如：代码规范、注释]\n*   模块化设计：[例如：采用模块化架构]\n\n**5.6 可扩展性需求**\n\n*   系统架构：[例如：支持水平扩展]\n\n### 6. 用户界面 (UI) 需求\n\n*   界面风格：[例如：简洁、现代]\n*   布局：[例如：响应式布局]\n*   主要页面：[例如：首页、登录页面、功能页面]\n*   [可包含UI原型图或线框图]\n\n### 7. 约束条件\n\n*   技术限制：[例如：使用的技术栈]\n*   预算限制：[例如：项目预算]\n*   时间限制：[例如：项目截止日期]\n*   资源限制：[例如：人力资源]\n\n### 8. 验收标准\n\n*   功能测试：所有功能模块必须通过测试。\n*   性能测试：系统必须满足性能需求。\n*   安全测试：系统必须通过安全测试。\n*   用户验收测试：用户必须对系统感到满意。\n\n### 9. 风险评估\n\n| 风险描述 | 可能性 | 影响 | 缓解措施 |\n|---|---|---|---|\n| [风险1] | 高 | 高 | [缓解措施1] |\n| [风险2] | 中 | 中 | [缓解措施2] |\n| ... | ... | ... | ... |\n\n### 10. 术语表\n\n*   [术语1：定义]\n*   [术语2：定义]\n*   ...\n\n---\n\n请注意，这是一个通用模板。您需要根据您的具体项目需求进行修改和完善。  由于**知识库中未找到您要的答案！**，我无法根据任何特定信息为您定制文档。 如果您能提供更详细的项目信息，我可以更好地帮助您')
+</script>
+<style lang="scss" scoped>
+.dm {
+  width: 100%;
+  height: 100%;
+  .dm-ui {
+    width: 100%;
+    height: 100%;
+  }
+}
+</style>