😂Beautiful iOS style dialog,Support promise

Overview

Vue-Dialog-X


npm type definitions npm

支持Promise的iOS样式风格的弹窗提示

演示

自定义布局 自定义布局 8.gif 8.gif 8.gif 8.gif 弹窗图示

它能做什么

除了基本的alert、comfirm、prompt以外 我们还横向扩展了选项组的actions,以及自定义填充图片或者内容的dialog。

满足了基本需求外,我们还纵向扩展了点击弹窗时的异步载入能力,使其满足需要点击后加载数据,加载完成才能关闭弹窗的场景。

对于prompt,我们还提供了轻量可扩展的文本域校验以及错误提示。

由于该组件面向小型项目以及非工程化的项目,我们提供了umd打包的版本以及window打包的版本,以满足所有零碎项目的需求。

面向开发者,我们提供了完善的类型推导文件(d.ts)。使其在开发过程中拥有能够更好的体验。由于是基于Typescript开发的,我们的组件对Typescript项目拥有完全的亲和力。

Links

demo

Homepage and documentation

Features

  • 丰富的弹窗类型

  • 完善的类型推导

  • 基于Promise

  • 优雅的异步关闭

  • 经典的iOS设计风格

  • 支持渲染html

  • 支持script标签引入

You might also like...
A light vue dialog plugin with loading animation and image preview

vue-dialog-loading A light vue dialog plugin with loading animation and image preview View the Demo and its source for more. Install npm install --sav

Vuetify Dialog Loader Component (with SnackBar) component that can be used locally or globally

VuetifyDialogLoader Vuetify Dialog Loader Component (with SnackBar) component that can be used locally or globally This component use the Vuetify Dial

Bootstrap style modal for vue
Bootstrap style modal for vue

vue-bootstrap-modal Bootstrap style modal component for vue. Usage import Bootstrap.css link href="bootstrap.css"/link NOTE: By default, the moda

A Vue style teleport for Alpine.js

Alpine teleport A Vue style teleport for Alpine.js Alpine teleport is an attempt to add a Vue style teleport functionality to Alpine.js. The primary m

A Bootstrap style modal for Vue.js

A Bootstrap style modal for Vue.js

Vue.js directive that enhance your Modal Window, support drag, resize and maximize.

Vue.js directive that enhance your Modal Window, support drag, resize and maximize.

A lightweight, promise based alert, prompt and confirm dialog
A lightweight, promise based alert, prompt and confirm dialog

Vuejs Dialog Plugin A lightweight, promise based alert, prompt and confirm dialog. Demo https://godofbrowser.github.io/vuejs-dialog/ Important updates

Vue2, ios Style Picker. (support mousewheel action)

Vue Scroll Picker Scroll Picker Component for Vue2. Support All Gestures of Mouse(even also MouseWheel!) and Touch. Examples Show Example (sources) In

A simple and clean instructional dialog plugin for Vue2, dialog type including Modal, Alert, Mask and Toast

v-dialogs · A simple and clean instructional dialog plugin for Vue2, dialog type including Modal, Alert, Mask and Toast Examples and Documentation Exp

Implementation of vue-dialog dialog helper with Vuetify.js framework

bootstrap-vue dialog helper Implementation of vue-dialog dialog helper with Vuetify.js framework This module will help you to work with modal dialogs

iOS style swipe actions

vue-swipe-actions iOS style swipe actions for Vue.js, Live Demo (Source) Installation npm install --save vue-swipe-actions import { SwipeList, SwipeO

vue components ,like ios 3D picker style,vue 3d 选择器组件,3D滚轮

pd-select mobile wheel select demo browser version IE 11 Edg =16 Firefox =57 chrome =47 safari =11 iOS Safari =9.3 Chrome for Android =62 Samsu

Vue.js plugin that handles buttons async lock state. Demo: https://stukh.github.io/vue-promise-btn/
Vue.js plugin that handles buttons async lock state. Demo: https://stukh.github.io/vue-promise-btn/

vue-promise-btn Example and Documentation https://STUkh.github.io/vue-promise-btn/ Features Easy-to-use API Flexible Usage Works with any tag and even

Vue promise wrapper component

vue-prom Vue promise wrapper component About The goal of this component is to simplify rendering logic based on promise state (pending / fulfilled, re

Promise based Vue plugin for AWS Cognito authentication

Promise based Vue plugin for AWS Cognito authentication

Vue cli plugin to support style-resources-loader

Introduction Add style-resources-loader to your project easier. Installation vue add style-resources-loader Config Define your resource's patterns un

A Vue.js component for playing videos on HTML canvas. Useful for achieving autoplay videos in iOS and Safari.

vue-canvasvideo A Vue.js component for playing videos on HTML canvas. Useful for achieving autoplay videos in iOS and Safari. Overview Installation np

🏄🏼  A SmoothPicker for Vue 2 (like native datetime picker of iOS)
🏄🏼 A SmoothPicker for Vue 2 (like native datetime picker of iOS)

vue-smooth-picker 🏄🏼 A SmoothPicker for Vue 2 Let's more easily select some data on the touch screen device, such as time / city / gender / seat num

Full featured HTML framework for building iOS & Android apps
Full featured HTML framework for building iOS & Android apps

Framework7 Full Featured Mobile HTML Framework For Building iOS & Android Apps Supporting Framework7 Framework7 is an MIT-licensed open source project

Owner
Anh Le Tuan
Anh Le Tuan
A simple and clean instructional dialog plugin for Vue2, dialog type including Modal, Alert, Mask and Toast

v-dialogs · A simple and clean instructional dialog plugin for Vue2, dialog type including Modal, Alert, Mask and Toast Examples and Documentation Exp

Terry Zeng 126 Sep 25, 2022
Implementation of vue-dialog dialog helper with Vuetify.js framework

bootstrap-vue dialog helper Implementation of vue-dialog dialog helper with Vuetify.js framework This module will help you to work with modal dialogs

Chantouch Sek 4 Dec 14, 2022
A clean, easy-to-use, iOS UIAlertController-like alert plugin for Vue 2.x.

Vue-Alerts Demo A clean, easy-to-use, UIAlertController-like alert plugin for Vue 2.x. Online Demo You can access the demo here. Download the plugin T

Lincoln Yan 3 Nov 18, 2022
Simple vue draggable dialog

vue-dialog-drag Simple draggable dialog Demo Features: Drag & Drop Touch support (only for drag, not for drop) Drop area component 'Pin mode', to lock

emi 172 Dec 8, 2022
Vue.js component for a11y-dialog

Vue A11yDialog This is a Vue.js wrapper component for [email protected] (demo). Vue 2 and 3 The newest major release of this package comes with Vue 3

Moritz Kröger 92 Nov 24, 2022
Extends vuetify.js confirm dialog

Vuetify.js confirm dialog This module extends vuetify confirm dialog. Demo page See the demo Open the demo in Codesandbox Setup Install the package fr

Yaroslav 139 Dec 3, 2022
A plugin dedicated for vue3 to show confirm dialog modal

A plugin dedicated for vue3 to show confirm dialog modal. Currently the plugin works only with composition api.

Lukasz Malek 4 Apr 20, 2022
Confirmation Dialog using PrimeVue's ConfirmDialog component

PrimeVue Confirmation Dialog Vue 3 (Composition API, SFC, <script setup>) + Typescript + Vite A customized PrimeVue confirmation dialog component. Nee

Joven Poblete 1 Nov 4, 2021
Simple dialog/modal component for Vue 2

v-easy-dialog Simple to use, plug-and-play, and nice defaults out-of-the-box. Demo https://r2xwr.csb.app/ Features Handles Esc button interaction Auto

Jeffrey Soong 13 Nov 16, 2021
Simple Confirm Dialog verification plugin with Vue.js.

vue-confirm-dialog Simple Confirm Dialog verification plugin with Vue.js. Demo: https://aslanon.github.io/vue-confirm-dialog/ Install $ npm install --

Onur Aslan 174 Jan 2, 2023