PHPackages                             xqkeji/xq-com-xq-confirm - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Utility & Helpers](/categories/utility)
4. /
5. xqkeji/xq-com-xq-confirm

ActiveLibrary[Utility & Helpers](/categories/utility)

xqkeji/xq-com-xq-confirm
========================

基于Bootstrap5的Modal组件实现确认提示框，支持确认按钮、取消按钮的回调，同时也可以自动确认和自动取消，不依赖Jquery库文件和Vue、React等框架技术的PHP的Composer包。

v1.0.1(2y ago)02SSPL-1.0JavaScript

Since Feb 19Pushed 2y ago1 watchersCompare

[ Source](https://github.com/xqkeji/xq-com-xq-confirm)[ Packagist](https://packagist.org/packages/xqkeji/xq-com-xq-confirm)[ RSS](/packages/xqkeji-xq-com-xq-confirm/feed)WikiDiscussions main Synced yesterday

READMEChangelogDependencies (1)Versions (2)Used By (0)

xq-confirm
==========

[](#xq-confirm)

基于Bootstrap5的Modal组件实现的确认提示框，支持确认按钮、取消按钮的回调，同时也可以自动确认和自动取消，不依赖Jquery库文件和Vue、React等框架技术。

Install 安装
----------

[](#install-安装)

```
npm i xq-confirm
```

在代码中引入xq-confirm

```
import xqConfirm from 'xq-confirm';
```

配置项信息

```
{
    type: 'alert',//默认只提示，要有确认按钮请使用'confirm'
    size: 'modal-sm',
    position: 'modal-dialog-centered',
    title: '提示信息',//标题
    content: '您确认要进行操作吗?',//内容
    icon: 'info',//info信息，warn警告,danger危险
    confirmButton: '确认',
    cancelButton: '取消',
    confirmButtonClass: 'btn-primary',
    cancelButtonClass: 'btn-secondary',
    confirm:()=> {},//确认回调方法
    cancel:()=> {},//取消回调方法
    autoClose: false// confirm|3000表示3秒后自动确认，cancel|3000表示3秒后自动取消
}
```

1、默认调用(提示框)

```
xqConfirm({

})
```

2、自定义标题与内容

```
xqConfirm({
    'title':'自定义标题',
    'content':'自定义内容'
})
```

2、设置图标（info,warn,danger三种，也可以指定bootstrap-icon的一个图标样式

```
xqConfirm({
    icon:'info'//或者warn,error等，也可以指定bootstrap-icon，例如："bi bi-info-square link-primary"
})
```

3、自动确认（type:confirm为确认框）

```
xqConfirm({
    type:'confirm',
    autoClose:'confirm|3000'
})
```

4、自动取消

```
xqConfirm({
    type:'confirm',
    autoClose:'cancel|3000'
})
```

5、确认与取消的回调

```
xqConfirm({
    type:'confirm',
    confirm:function(){
        alert('点击了确认')
    },
    cancel:function(){
        alert('点击了取消')
    }
})
```

[点击查看演示](https://www.xqkeji.cn/demo/xq-confirm/)
------------------------------------------------

[](#点击查看演示)

###  Health Score

19

—

LowBetter than 9% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity2

Limited adoption so far

Community7

Small or concentrated contributor base

Maturity42

Maturing project, gaining track record

 Bus Factor1

Top contributor holds 100% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Unknown

Total

1

Last Release

865d ago

### Community

Maintainers

![](https://avatars.githubusercontent.com/u/8099848?v=4)[xqkeji](/maintainers/xqkeji)[@xqkeji](https://github.com/xqkeji)

---

Top Contributors

[![xqkeji](https://avatars.githubusercontent.com/u/8099848?v=4)](https://github.com/xqkeji "xqkeji (2 commits)")

### Embed Badge

![Health badge](/badges/xqkeji-xq-com-xq-confirm/health.svg)

```
[![Health](https://phpackages.com/badges/xqkeji-xq-com-xq-confirm/health.svg)](https://phpackages.com/packages/xqkeji-xq-com-xq-confirm)
```

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)