Vue3 Modal Component

一个基于Vue3的全局弹窗组件库，使用dumi构建。

特性

• 🎯 基于Vue3 Composition API
• 📦 开箱即用，轻量级
• 🎨 支持自定义样式和动画
• 🔧 TypeScript支持
• 📖 完整的文档和示例

安装

npm install vue3-modal-component

使用

<template>
  <div>
    <button @click="showModal = true">打开弹窗</button>
    <Modal 
      v-model:visible="showModal" 
      title="示例弹窗"
      @confirm="handleConfirm"
    >
      <p>这是弹窗内容</p>
    </Modal>
  </div>
</template>

<script setup lang="ts">
import { ref } from 'vue';
import { Modal } from 'vue3-modal-component';

const showModal = ref(false);

const handleConfirm = () => {
  console.log('确认按钮被点击');
};
</script>

API文档

详细API文档请查看 文档网站

开发

# 安装依赖
npm install

# 启动开发服务器
npm run dev

# 构建组件库
npm run build:lib

# 构建文档
npm run build

许可证

MIT