open-index/open-npm huggingface dataset:
npm package: @kevisual/notifier
Description: 一个轻量级的消息通知库，支持多种推送渠道。
Author: abearxiong
Latest version: 0.0.3

# @kevisual/notifier

一个轻量级的消息通知库，支持多种推送渠道。

## 支持的推送渠道

### 飞书 (Feishu)

通过 Webhook 将消息推送到飞书群机器人。

#### 配置

```typescript
import { FeishuNotifier } from '@kevisual/notifier';

const feishu = new FeishuNotifier({
  webhook: 'https://open.feishu.cn/open-apis/bot/v2/hook/xxx',
});
```

#### 使用

```typescript
await feishu.notify('这是一条测试消息');
```

#### 创建飞书群机器人 Webhook

1. 打开飞书群设置，点击「群机器人」
2. 添加「自定义机器人」
3. 复制 Webhook URL
4. (可选) 设置安全策略：签名校验或 IP 白名单
npm package: @kevisual/oss
Description: 一般常用的功能模块。
Author: abearxiong
Latest version: 0.0.20

# oss 管理，对minio的封装

一般常用的功能模块。

- 上传文件
- 下载文件
- 删除文件
- 复制文件
- 列出文件
npm package: @kevisual/payment-modal
Description: A simple payment modal library supporting Alipay and WeChat Pay buttons
Author: kevisual
Latest version: 0.0.2

# Payment Modal Library

一个简单的支付模态框库，支持支付宝和微信支付按钮。

## 特点

- 🎨 琥珀色主题
- 💰 支持自定义金额
- 🔌 可自定义支付回调函数
- 📱 响应式设计
- 🎯 简单易用

## 安装

```bash
npm install @kevisual/payment-modal
```

## 使用方法

```typescript
import { PaymentModal } from '@kevisual/payment-modal';

// 创建支付模态框实例
const paymentModal = new PaymentModal({
  // 设置支付金额
  amount: 99.99,
  // 支付宝支付按钮点击回调
  onAlipayClick: () => {
    console.log('支付宝支付被点击');
    // 在这里添加支付宝支付逻辑
  },
  // 微信支付按钮点击回调
  onWeChatClick: () => {
    console.log('微信支付被点击');
    // 在这里添加微信支付逻辑
  }
});

// 显示模态框
paymentModal.show();

// 隐藏模态框
paymentModal.hide();
```

## API

### PaymentModal

#### 构造函数选项

```typescript
interface PaymentModalOptions {
  // 支付金额
  amount: number;
  // 支付宝支付按钮点击回调函数
  onAlipayClick?: () => void;
  // 微信支付按钮点击回调函数
  onWeChatClick?: () => void;
}
```

#### 方法

- `show()`: 显示支付模态框
- `hide()`: 隐藏支付模态框

## 示例

```typescript
// 创建一个触发按钮
const triggerButton = document.createElement('button');
triggerButton.textContent = '打开支付';
triggerButton.className = 'payment-trigger';

// 添加点击事件
triggerButton.addEventListener('click', () => {
  const paymentModal = new PaymentModal({
    amount: 99.99,
    onAlipayClick: () => {
      // 处理支付宝支付
    },
    onWeChatClick: () => {
      // 处理微信支付
    }
  });
  
  paymentModal.show();
});

// 将按钮添加到页面
document.body.appendChild(triggerButton);
```

## 样式定制

模态框使用内联样式，主题色为琥珀色（#D97706）。按钮悬停时颜色会变深（#B45309）。

## 许可证

MIT