TestContainer Vue 组件

这是一个可单独构建的 Vue 3 组件。

安装

pnpm install

开发

pnpm dev

构建

pnpm build

构建后会在 dist 目录生成以下文件：

• test-container.es.js - ES 模块格式
• test-container.umd.js - UMD 格式
• index.d.ts - TypeScript 类型声明文件

发布

自动发布（推荐）

npm run publish

这个命令会：

1. 选择版本类型 - 交互式选择 patch/minor/major
2. 构建项目
3. 发布到 npm
4. 自动增加版本号
5. 提交版本变更到 git

版本类型说明：

• patch (1.0.0 → 1.0.1) - 补丁版本，修复 bug
• minor (1.0.0 → 1.1.0) - 次要版本，新增功能
• major (1.0.0 → 2.0.0) - 主要版本，破坏性变更

手动发布

# 构建
pnpm build

# 发布
pnpm publish --access public

# 手动增加版本号
npm version patch  # 或 minor 或 major

使用

全局注册

import { createApp } from "vue";
import TestContainer from "@xhq-xlcdp/test-container";

const app = createApp(App);
app.use(TestContainer);

局部使用

<template>
  <TestContainer title="测试标题"> 自定义内容 </TestContainer>
</template>

<script setup>
import { TestContainer } from "@xhq-xlcdp/test-container";
</script>

Props

| 属性名 | 类型 | 必填 | 默认值 | 说明 | | ------ | ------ | ---- | ------ | ---------- | | title | string | 是 | - | 显示的标题 |

插槽

• default - 默认插槽，用于显示自定义内容