vant 2.13.5 → 2.13.7

package/LICENSE

@@ -1,7 +1,4 @@
-MIT License
-
-Copyright (c) Youzan
-Copyright (c) Chen Jiahan and other contributors
+Copyright 2016-present Youzan
 
 Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
 

package/README.md

@@ -1,27 +1,28 @@
 <p align="center">
-    <img alt="logo" src="https://fastly.jsdelivr.net/npm/@vant/assets/logo.png" width="120" height="120" style="margin-bottom: 10px;">
+    <img alt="logo" src="https://img01.yzcdn.cn/vant/logo.png" width="120" height="120" style="margin-bottom: 10px;">
 </p>
 
 <h1 align="center">Vant</h1>
 
-<p align="center">A lightweight, customizable Vue UI library for mobile web apps.</p>
+<p align="center">Mobile UI Components built on Vue</p>
 
 <p align="center">
-    <img src="https://img.shields.io/npm/v/vant?style=flat-square" alt="npm version" />
-    <img src="https://img.shields.io/codecov/c/github/youzan/vant/main.svg?style=flat-square&color=#4fc08d" alt="Coverage Status" />
+    <img src="https://img.shields.io/npm/v/vant.svg?style=flat-square" alt="npm version" />
+    <img src="https://img.shields.io/github/workflow/status/vant-ui/vant/CI/dev?style=flat-square" alt="npm version" />
+    <img src="https://img.shields.io/codecov/c/github/vant-ui/vant/dev.svg?style=flat-square&color=#4fc08d" alt="Coverage Status" />
     <img src="https://img.shields.io/npm/dm/vant.svg?style=flat-square&color=#4fc08d" alt="downloads" />
+    <img src="https://img.shields.io/jsdelivr/npm/hm/vant?style=flat-square" alt="Jsdelivr Hits">
+    <img src="https://img.badgesize.io/https://unpkg.com/vant/lib/vant.min.js?compression=gzip&style=flat-square&label=gzip%20size&color=#4fc08d" alt="Gzip Size" />
 </p>
 
 <p align="center">
-  <a href="https://vant-ui.github.io/vant">Documentation</a>
+  🔥 <a href="https://vant-contrib.gitee.io/vant">文档网站</a>
   &nbsp;
-  ·
   &nbsp;
-  <a href="https://vant.pro/vant/">Documentation (backup)</a>
+  🇨🇳 <a href="./README.zh-CN.md">中文版介绍</a>
   &nbsp;
-  ·
   &nbsp;
-  <a href="./README.zh-CN.md">中文介绍</a>
+  🚀 <a href="https://github.com/vant-ui/vant-weapp" target="_blank">小程序版</a>
 </p>
 
 ---
@@ -29,44 +30,25 @@
 ## Features
 
 - 🚀 1KB Component average size (min+gzip)
-- 🚀 80+ High quality components
-- 🚀 Zero third-party dependencies
+- 🚀 65+ High quality components
 - 💪 90%+ Unit test coverage
 - 💪 Written in TypeScript
 - 📖 Extensive documentation and demos
 - 📖 Provide Sketch and Axure design resources
 - 🍭 Support Vue 2 & Vue 3
-- 🍭 Support Nuxt 2 & Nuxt 3, provide [Vant Module](https://github.com/vant-ui/vant-nuxt) for Nuxt
 - 🍭 Support Tree Shaking
 - 🍭 Support Custom Theme
-- 🍭 Support Accessibility (still improving)
-- 🍭 Support Dark Mode
-- 🍭 Support SSR
-- 🌍 Support i18n, built-in 30+ languages
+- 🍭 Support i18n
+- 🌍 Support SSR
 
 ## Install
 
-Using `npm` to install:
-
-```bash
-# install latest Vant for Vue 3 project
-npm i vant
-
-# install Vant 2 for Vue 2 project
-npm i vant@latest-v2
-```
-
-Using `yarn`, `pnpm`, or `bun`:
-
 ```bash
-# with yarn
-yarn add vant
+# Install latest Vant for Vue 3 project
+npm i vant -S
 
-# with pnpm
-pnpm add vant
-
-# with Bun
-bun add vant
+# Install Vant 2 for Vue 2 project
+npm i vant@latest-v2 -S
 ```
 
 ## Scaffold
@@ -86,25 +68,24 @@ Please visit the [Rsbuild repository](https://github.com/web-infra-dev/rsbuild)
 ## Quickstart
 
 ```js
-import { createApp } from 'vue';
-// 1. Import the components you need
+import Vue from 'vue';
 import { Button } from 'vant';
-// 2. Import the components style
 import 'vant/lib/index.css';
 
-const app = createApp();
-
-// 3. Register the components you need
-app.use(Button);
+Vue.use(Button);
 ```
 
-See more in [Quickstart](https://vant-ui.github.io/vant/#/en-US/quickstart).
+See more in [Quickstart](https://vant-ui.github.io/vant#/en-US/quickstart).
+
+## Contribution
+
+Please make sure to read the [Contributing Guide](./.github/CONTRIBUTING.md) before making a pull request.
 
 ## Browser Support
 
 Vant 2 supports modern browsers and Android >= 4.0、iOS >= 8.0.
 
-Vant 3/4 supports modern browsers and Chrome >= 51、iOS >= 10.0 (same as Vue 3).
+Vant 3 supports modern browsers and Chrome >= 51、iOS >= 10.0 (same as Vue 3).
 
 ## Official Ecosystem
 
@@ -112,68 +93,34 @@ Vant 3/4 supports modern browsers and Chrome >= 51、iOS >= 10.0 (same as Vue 3)
 | --- | --- |
 | [vant-weapp](https://github.com/vant-ui/vant-weapp) | WeChat MiniProgram UI |
 | [vant-demo](https://github.com/vant-ui/vant-demo) | Collection of Vant demos |
-| [vant-cli](https://github.com/vant-ui/vant/tree/main/packages/vant-cli) | Scaffold for UI library |
-| [vant-icons](https://github.com/vant-ui/vant/tree/main/packages/vant-icons) | Vant icons |
-| [vant-touch-emulator](https://github.com/vant-ui/vant/tree/main/packages/vant-touch-emulator) | Using vant in desktop browsers |
-| [vant-nuxt](https://github.com/vant-ui/vant-nuxt) | Vant module for Nuxt |
+| [vant-cli](https://github.com/vant-ui/vant/tree/dev/packages/vant-cli) | Scaffold for UI library |
+| [vant-icons](https://github.com/vant-ui/vant/tree/dev/packages/vant-icons) | Vant icons |
+| [vant-touch-emulator](https://github.com/vant-ui/vant/tree/dev/packages/vant-touch-emulator) | Using vant in desktop browsers |
 
 ## Community Ecosystem
 
 | Project | Description |
 | --- | --- |
 | [3lang3/react-vant](https://github.com/3lang3/react-vant) | React mobile UI Components based on Vant |
+| [mxdi9i7/vant-react](https://github.com/mxdi9i7/vant-react) | Mobile UI Components built on React and TS, inspired by Vant |
 | [vant-aliapp](https://github.com/ant-move/Vant-Aliapp) | Alipay MiniProgram UI |
+| [taroify](https://gitee.com/mallfoundry/taroify) | Vant Taro |
 | [vant-theme](https://github.com/Aisen60/vant-theme) | Online theme preview built on Vant UI |
 | [@antmjs/vantui](https://github.com/antmjs/vantui) | Mobile UI Components based on Vant, supporting Taro and React |
-| [Taroify](https://github.com/mallfoundry/taroify) | Taroify is the Taro version of Vant |
-| [vant-playground](https://github.com/LadyChatterleyLover/vant-playground) | Vant Playground |
-| [sfc-playground-vant](https://github.com/zhixiaoqiang/sfc-playground-vant) | Vant Playground |
-| [vue3-h5-template](https://github.com/yulimchen/vue3-h5-template) | Mobile project template based on Vant |
-| [vue3-vant-mobile](https://github.com/easy-temps/vue3-vant-mobile) | Mobile project template based on Vant |
-| [vscode-common-intellisense](https://github.com/Simon-He95/vscode-common-intellisense) | A VS Code extension that provides better intellisense to Vant developers |
-| [nuxt-vant-mobile](https://github.com/easy-temps/nuxt-vant-mobile) | Nuxt _⁴_ project template based on Vant, out of the box |
+| [@formily/vant](https://github.com/formilyjs/vant) | Form solution based on Vant and Formily |
 
 ## Links
 
-- [Documentation](https://vant-ui.github.io/vant/)
-- [Documentation (backup)](https://vant.pro/vant/)
-- [Changelog](https://vant-ui.github.io/vant/#/en-US/changelog)
-- [Discussions](https://github.com/vant-ui/vant/discussions)
+- [Documentation](https://vant-ui.github.io/vant)
+- [Changelog](https://vant-ui.github.io/vant#/en-US/changelog)
+- [Gitter](https://gitter.im/vant-contrib/discuss?utm_source=share-link&utm_medium=link&utm_campaign=share-link)
 
 ## Preview
 
 You can scan the following QR code to access the demo：
 
-<img src="https://fastly.jsdelivr.net/npm/@vant/assets/preview-qrcode.png" width="220" height="220" >
-
-## Core Team
-
-Core contributors of Vant and Vant Weapp:
-
-| [![chenjiahan](https://avatars.githubusercontent.com/u/7237365?s=80&v=4)](https://github.com/chenjiahan/) | [![cookfront](https://avatars.githubusercontent.com/u/4829465?s=80&v=4)](https://github.com/cookfront/) | [![w91](https://avatars.githubusercontent.com/u/2599455?s=80&v=4)](https://github.com/w91/) | [![pangxie1991](https://avatars.githubusercontent.com/u/5961240?s=80&v=4)](https://github.com/pangxie1991/) | [![rex-zsd](https://avatars.githubusercontent.com/u/8767877?s=80&v=4)](https://github.com/rex-zsd/) | [![nemo-shen](https://avatars.githubusercontent.com/u/13480805?s=80&v=4)](https://github.com/nemo-shen/) |
-| :-: | :-: | :-: | :-: | :-: | :-: |
-| [chenjiahan](https://github.com/chenjiahan/) | [cookfront](https://github.com/cookfront/) | [wangnaiyi](https://github.com/w91/) | [pangxie](https://github.com/pangxie1991/) | [rex-zsd](https://github.com/rex-zsd/) | [nemo-shen](https://github.com/nemo-shen/) |
-
-| [![Lindysen](https://avatars.githubusercontent.com/u/33708359?s=80&v=4)](https://github.com/Lindysen/) | [![JakeLaoyu](https://avatars.githubusercontent.com/u/16181940?s=80&v=4)](https://github.com/JakeLaoyu/) | [![landluck](https://avatars.githubusercontent.com/u/27060081?s=80&v=4)](https://github.com/landluck/) | [![wjw-gavin](https://avatars.githubusercontent.com/u/19986739?s=80&v=4)](https://github.com/wjw-gavin/) | [![inottn](https://avatars.githubusercontent.com/u/18509404?s=80&v=4)](https://github.com/inottn/) | [![zhousg](https://avatars.githubusercontent.com/u/15833290?s=80&v=4)](https://github.com/zhousg/) |
-| :-: | :-: | :-: | :-: | :-: | :-: |
-| [Lindysen](https://github.com/Lindysen/) | [JakeLaoyu](https://github.com/JakeLaoyu/) | [landluck](https://github.com/landluck/) | [wjw-gavin](https://github.com/wjw-gavin/) | [inottn](https://github.com/inottn/) | [zhousg](https://github.com/zhousg/) |
-
-## All Contributors
-
-Thanks to the following friends for their contributions to Vant:
-
-<a href="https://github.com/vant-ui/vant/graphs/contributors">
-  <img src="https://opencollective.com/vant/contributors.svg?width=890&button=false" alt="contributors">
-</a>
-
-## Contribution Guide
-
-Please make sure to read the [Contributing Guide](./.github/CONTRIBUTING.md) before making a pull request.
-
-## Start On Web IDE
-
-[https://github.dev/youzan/vant](https://github.dev/youzan/vant)
+<img src="https://img01.yzcdn.cn/vant/preview_qrcode_20180528.png" width="220" height="220" >
 
 ## LICENSE
 
-Vant is [MIT](https://github.com/youzan/vant/blob/main/LICENSE) licensed.
+[MIT](https://en.wikipedia.org/wiki/MIT_License)

package/README.zh-CN.md

@@ -0,0 +1,141 @@
+<p align="center">
+    <img alt="logo" src="https://img01.yzcdn.cn/vant/logo.png" width="120" style="margin-bottom: 10px;">
+</p>
+
+<h1 align="center">Vant</h1>
+
+<p align="center">轻量、可靠的移动端 Vue 组件库</p>
+
+<p align="center">
+    <img src="https://img.shields.io/npm/v/vant.svg?style=flat-square" alt="npm version" />
+    <img src="https://img.shields.io/github/workflow/status/vant-ui/vant/CI/dev?style=flat-square" alt="npm version" />
+    <img src="https://img.shields.io/codecov/c/github/vant-ui/vant/dev.svg?style=flat-square&color=#4fc08d" alt="Coverage Status" />
+    <img src="https://img.shields.io/npm/dm/vant.svg?style=flat-square&color=#4fc08d" alt="downloads" />
+    <img src="https://img.shields.io/jsdelivr/npm/hm/vant?style=flat-square" alt="Jsdelivr Hits">
+    <img src="https://img.badgesize.io/https://unpkg.com/vant/lib/vant.min.js?compression=gzip&style=flat-square&label=gzip%20size&color=#4fc08d" alt="Gzip Size" />
+</p>
+
+<p align="center">
+  🔥 <a href="https://vant-contrib.gitee.io/vant">文档网站</a>
+  &nbsp;
+  &nbsp;
+  🚀 <a href="https://github.com/vant-ui/vant-weapp" target="_blank">小程序版</a>
+</p>
+
+---
+
+### 介绍
+
+Vant 是一个**轻量、可靠的移动端组件库**，于 2017 年开源。
+
+目前 Vant 官方提供了 [Vue 2 版本](https://vant-contrib.gitee.io/vant/v2)、[Vue 3 版本](https://vant-contrib.gitee.io/vant)和[微信小程序版本](http://vant-contrib.gitee.io/vant-weapp)，并由社区团队维护 [React 版本](https://github.com/3lang3/react-vant)和[支付宝小程序版本](https://github.com/ant-move/Vant-Aliapp)。
+
+## 特性
+
+- 🚀 性能极佳，组件平均体积小于 1KB（min+gzip）
+- 🚀 65+ 个高质量组件，覆盖移动端主流场景
+- 💪 使用 TypeScript 编写，提供完整的类型定义
+- 💪 单元测试覆盖率超过 90%，提供稳定性保障
+- 📖 提供完善的中英文文档和组件示例
+- 📖 提供 Sketch 和 Axure 设计资源
+- 🍭 支持 Vue 2、Vue 3 和微信小程序
+- 🍭 支持主题定制，内置 700+ 个主题变量
+- 🍭 支持按需引入和 Tree Shaking
+- 🍭 支持服务器端渲染
+- 🌍 支持国际化和语言包定制
+
+## 安装
+
+```bash
+# Vue 3 项目，安装最新版 Vant：
+npm i vant -S
+
+# Vue 2 项目，安装 Vant 2：
+npm i vant@latest-v2 -S
+```
+
+## 脚手架
+
+推荐使用 [Rsbuild](https://github.com/web-infra-dev/rsbuild) 来创建一个脚手架项目。
+
+Rsbuild 是基于 Rspack 的构建工具，由 Vant 作者开发，具备一流的构建速度和开发体验，对 Vant 提供第一优先级支持。
+
+你可以通过以下命令创建一个 Rsbuild 项目：
+
+```bash
+npm create rsbuild@latest
+```
+
+请访问 [Rsbuild 仓库](https://github.com/web-infra-dev/rsbuild) 了解更多信息。
+
+## 快速上手
+
+```js
+import Vue from 'vue';
+import { Button } from 'vant';
+import 'vant/lib/index.css';
+
+Vue.use(Button);
+```
+
+vant 也支持按需引入、CDN 引入等方式，详细说明见 [快速上手](https://vant-contrib.gitee.io/vant#/zh-CN/quickstart).
+
+## 贡献代码
+
+修改代码请阅读我们的 [开发指南](https://vant-contrib.gitee.io/vant/#/zh-CN/contribution)。
+
+使用过程中发现任何问题都可以提 [Issue](https://github.com/vant-ui/vant/issues) 给我们，当然，我们也非常欢迎你给我们发 [PR](https://github.com/vant-ui/vant/pulls)。
+
+## 浏览器支持
+
+Vant 2 支持现代浏览器以及 Android >= 4.0、iOS >= 8.0。
+
+Vant 3 支持现代浏览器以及 Chrome >= 51、iOS >= 10.0（与 Vue 3 一致）。
+
+## 官方生态
+
+由 Vant 官方团队维护的项目如下：
+
+| 项目 | 描述 |
+| --- | --- |
+| [vant-weapp](https://github.com/vant-ui/vant-weapp) | Vant 微信小程序版 |
+| [vant-demo](https://github.com/vant-ui/vant-demo) | Vant 官方示例合集 |
+| [vant-cli](https://github.com/vant-ui/vant/tree/dev/packages/vant-cli) | 开箱即用的组件库搭建工具 |
+| [vant-icons](https://github.com/vant-ui/vant/tree/dev/packages/vant-icons) | Vant 图标库 |
+| [vant-touch-emulator](https://github.com/vant-ui/vant/tree/dev/packages/vant-touch-emulator) | 在桌面端使用 Vant 的辅助库 |
+
+## 社区生态
+
+由社区维护的项目如下，欢迎补充：
+
+| 项目 | 描述 |
+| --- | --- |
+| [3lang3/react-vant](https://github.com/3lang3/react-vant) | 参照 Vant 打造的 React 移动端组件库 |
+| [mxdi9i7/vant-react](https://github.com/mxdi9i7/vant-react) | 基于 React 和 TS 构建的移动端组件库 |
+| [vant-aliapp](https://github.com/ant-move/Vant-Aliapp) | Vant 支付宝小程序版 |
+| [taroify](https://gitee.com/mallfoundry/taroify) | Vant Taro 版 |
+| [vant-theme](https://github.com/Aisen60/vant-theme) | Vant 在线主题预览工具 |
+| [@antmjs/vantui](https://github.com/antmjs/vantui) | 基于 Vant Weapp 开发的多端组件库，同时支持 Taro 和 React |
+| [@formily/vant](https://github.com/formilyjs/vant) | 基于 Vant 和 Formily 开发的表单解决方案 |
+
+## 链接
+
+- [详细文档](https://vant-contrib.gitee.io/vant)
+- [更新日志](https://vant-contrib.gitee.io/vant#/zh-CN/changelog)
+- [Gitter 讨论组](https://gitter.im/vant-contrib/discuss?utm_source=share-link&utm_medium=link&utm_campaign=share-link)
+
+## 手机预览
+
+可以手机扫码以下二维码访问手机端 demo：
+
+<img src="https://img01.yzcdn.cn/vant/preview_qrcode_20180528.png" width="220" height="220" >
+
+## 微信讨论群
+
+欢迎大家加入 Vant 交流群一起讨论，添加下方微信并注明『加入 Vant 交流群』即可
+
+<img src="https://img01.yzcdn.cn/vant/wechat_20180606.png" width="220" height="292" >
+
+## 开源协议
+
+本项目基于 [MIT](https://zh.wikipedia.org/wiki/MIT%E8%A8%B1%E5%8F%AF%E8%AD%89) 协议，请自由地享受和参与开源。

package/changelog.generated.md

@@ -0,0 +1,17 @@
+### [v2.13.7](https://github.com/vant-ui/vant/compare/v2.13.2...v2.13.7)
+
+`2025-04-25`
+
+**Document**
+
+- SwitchCell: remove SwitchCell in the form component [#12758](https://github.com/vant-ui/vant/issues/12758)
+- add Rsbuild scaffold [a6983a](https://github.com/vant-ui/vant/commit/a6983a5ca2c6e4d9ff5410ae3cf6bb57a5ef2acc)
+- changelog: vant v2.13.2 [#12373](https://github.com/vant-ui/vant/issues/12373)
+
+**Feature**
+
+- Sku: support sku properties [#13454](https://github.com/vant-ui/vant/issues/13454)
+
+**release**
+
+- 2.13.6 [e2ce4f](https://github.com/vant-ui/vant/commit/e2ce4fc397d8b9e6aa7ea292e9f1871c62517e32)

package/es/action-sheet/index.css

@@ -1 +1 @@
-:root,:host{--van-action-sheet-max-height: 80%;--van-action-sheet-header-height: 48px;--van-action-sheet-header-font-size: var(--van-font-size-lg);--van-action-sheet-description-color: var(--van-text-color-2);--van-action-sheet-description-font-size: var(--van-font-size-md);--van-action-sheet-description-line-height: var(--van-line-height-md);--van-action-sheet-item-background: var(--van-background-2);--van-action-sheet-item-font-size: var(--van-font-size-lg);--van-action-sheet-item-line-height: var(--van-line-height-lg);--van-action-sheet-item-text-color: var(--van-text-color);--van-action-sheet-item-disabled-text-color: var(--van-text-color-3);--van-action-sheet-item-icon-size: 18px;--van-action-sheet-item-icon-margin-right: var(--van-padding-xs);--van-action-sheet-subname-color: var(--van-text-color-2);--van-action-sheet-subname-font-size: var(--van-font-size-sm);--van-action-sheet-subname-line-height: var(--van-line-height-sm);--van-action-sheet-close-icon-size: 22px;--van-action-sheet-close-icon-color: var(--van-gray-5);--van-action-sheet-close-icon-padding: 0 var(--van-padding-md);--van-action-sheet-cancel-text-color: var(--van-gray-7);--van-action-sheet-cancel-padding-top: var(--van-padding-xs);--van-action-sheet-cancel-padding-color: var(--van-background);--van-action-sheet-loading-icon-size: 22px}.van-action-sheet{display:flex;flex-direction:column;max-height:var(--van-action-sheet-max-height);overflow:hidden;color:var(--van-action-sheet-item-text-color)}.van-action-sheet__content{flex:1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch}.van-action-sheet__item,.van-action-sheet__cancel{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;width:100%;padding:14px var(--van-padding-md);font-size:var(--van-action-sheet-item-font-size);background:var(--van-action-sheet-item-background);border:none;cursor:pointer}.van-action-sheet__item:active,.van-action-sheet__cancel:active{background-color:var(--van-active-color)}.van-action-sheet__item{line-height:var(--van-action-sheet-item-line-height)}.van-action-sheet__item--loading,.van-action-sheet__item--disabled{color:var(--van-action-sheet-item-disabled-text-color)}.van-action-sheet__item--loading:active,.van-action-sheet__item--disabled:active{background-color:var(--van-action-sheet-item-background)}.van-action-sheet__item--disabled{cursor:not-allowed}.van-action-sheet__item--loading{cursor:default}.van-action-sheet__item-icon{font-size:var(--van-action-sheet-item-icon-size);margin-right:var(--van-action-sheet-item-icon-margin-right)}.van-action-sheet__cancel{flex-shrink:0;box-sizing:border-box;color:var(--van-action-sheet-cancel-text-color)}.van-action-sheet__subname{width:100%;margin-top:var(--van-padding-xs);color:var(--van-action-sheet-subname-color);font-size:var(--van-action-sheet-subname-font-size);line-height:var(--van-action-sheet-subname-line-height);overflow-wrap:break-word}.van-action-sheet__gap{display:block;height:var(--van-action-sheet-cancel-padding-top);background:var(--van-action-sheet-cancel-padding-color)}.van-action-sheet__header{flex-shrink:0;font-weight:var(--van-font-bold);font-size:var(--van-action-sheet-header-font-size);line-height:var(--van-action-sheet-header-height);text-align:center}.van-action-sheet__description{position:relative;flex-shrink:0;padding:20px var(--van-padding-md);color:var(--van-action-sheet-description-color);font-size:var(--van-action-sheet-description-font-size);line-height:var(--van-action-sheet-description-line-height);text-align:center}.van-action-sheet__description:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:var(--van-padding-md);bottom:0;left:var(--van-padding-md);border-bottom:1px solid var(--van-border-color);transform:scaleY(.5)}.van-action-sheet__loading-icon .van-loading__spinner{width:var(--van-action-sheet-loading-icon-size);height:var(--van-action-sheet-loading-icon-size)}.van-action-sheet__close{position:absolute;top:0;right:0;z-index:1;padding:var(--van-action-sheet-close-icon-padding);color:var(--van-action-sheet-close-icon-color);font-size:var(--van-action-sheet-close-icon-size);line-height:inherit}
+.van-action-sheet{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;max-height:80%;overflow:hidden;color:#323233}.van-action-sheet__content{-webkit-box-flex:1;-webkit-flex:1 auto;flex:1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch}.van-action-sheet__cancel,.van-action-sheet__item{display:block;width:100%;padding:14px 16px;font-size:16px;background-color:#fff;border:none;cursor:pointer}.van-action-sheet__cancel:active,.van-action-sheet__item:active{background-color:#f2f3f5}.van-action-sheet__item{line-height:22px}.van-action-sheet__item--disabled,.van-action-sheet__item--loading{color:#c8c9cc}.van-action-sheet__item--disabled:active,.van-action-sheet__item--loading:active{background-color:#fff}.van-action-sheet__item--disabled{cursor:not-allowed}.van-action-sheet__item--loading{cursor:default}.van-action-sheet__cancel{-webkit-flex-shrink:0;flex-shrink:0;box-sizing:border-box;color:#646566}.van-action-sheet__subname{margin-top:8px;color:#969799;font-size:12px;line-height:18px}.van-action-sheet__gap{display:block;height:8px;background-color:#f7f8fa}.van-action-sheet__header{-webkit-flex-shrink:0;flex-shrink:0;font-weight:500;font-size:16px;line-height:48px;text-align:center}.van-action-sheet__description{position:relative;-webkit-flex-shrink:0;flex-shrink:0;padding:20px 16px;color:#969799;font-size:14px;line-height:20px;text-align:center}.van-action-sheet__description::after{position:absolute;box-sizing:border-box;content:' ';pointer-events:none;right:16px;bottom:0;left:16px;border-bottom:1px solid #ebedf0;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.van-action-sheet__loading-icon .van-loading__spinner{width:22px;height:22px}.van-action-sheet__close{position:absolute;top:0;right:0;z-index:1;padding:0 16px;color:#c8c9cc;font-size:22px;line-height:inherit}.van-action-sheet__close:active{color:#969799}

package/es/action-sheet/index.js

@@ -0,0 +1,180 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _mergeJSXProps from "@vue/babel-helper-vue-jsx-merge-props";
+import Vue from 'vue'; // Utils
+
+import { createNamespace } from '../utils';
+import { emit, inherit } from '../utils/functional'; // Mixins
+
+import { popupMixinProps } from '../mixins/popup'; // Components
+
+import Icon from '../icon';
+import Popup from '../popup';
+import Loading from '../loading'; // Types
+
+var _createNamespace = createNamespace('action-sheet'),
+    createComponent = _createNamespace[0],
+    bem = _createNamespace[1];
+
+function ActionSheet(h, props, slots, ctx) {
+  var title = props.title,
+      cancelText = props.cancelText,
+      closeable = props.closeable;
+
+  function onCancel() {
+    emit(ctx, 'input', false);
+    emit(ctx, 'cancel');
+  }
+
+  function Header() {
+    if (title) {
+      return h("div", {
+        "class": bem('header')
+      }, [title, closeable && h(Icon, {
+        "attrs": {
+          "name": props.closeIcon
+        },
+        "class": bem('close'),
+        "on": {
+          "click": onCancel
+        }
+      })]);
+    }
+  }
+
+  function Option(item, index) {
+    var disabled = item.disabled,
+        loading = item.loading,
+        callback = item.callback;
+
+    function onClickOption(event) {
+      event.stopPropagation();
+
+      if (disabled || loading) {
+        return;
+      }
+
+      if (callback) {
+        callback(item);
+      }
+
+      if (props.closeOnClickAction) {
+        emit(ctx, 'input', false);
+      }
+
+      Vue.nextTick(function () {
+        emit(ctx, 'select', item, index);
+      });
+    }
+
+    function OptionContent() {
+      if (loading) {
+        return h(Loading, {
+          "class": bem('loading-icon')
+        });
+      }
+
+      return [h("span", {
+        "class": bem('name')
+      }, [item.name]), item.subname && h("div", {
+        "class": bem('subname')
+      }, [item.subname])];
+    }
+
+    return h("button", {
+      "attrs": {
+        "type": "button"
+      },
+      "class": [bem('item', {
+        disabled: disabled,
+        loading: loading
+      }), item.className],
+      "style": {
+        color: item.color
+      },
+      "on": {
+        "click": onClickOption
+      }
+    }, [OptionContent()]);
+  }
+
+  function CancelText() {
+    if (cancelText) {
+      return [h("div", {
+        "class": bem('gap')
+      }), h("button", {
+        "attrs": {
+          "type": "button"
+        },
+        "class": bem('cancel'),
+        "on": {
+          "click": onCancel
+        }
+      }, [cancelText])];
+    }
+  }
+
+  function Description() {
+    var description = (slots.description == null ? void 0 : slots.description()) || props.description;
+
+    if (description) {
+      return h("div", {
+        "class": bem('description')
+      }, [description]);
+    }
+  }
+
+  return h(Popup, _mergeJSXProps([{
+    "class": bem(),
+    "attrs": {
+      "position": "bottom",
+      "round": props.round,
+      "value": props.value,
+      "overlay": props.overlay,
+      "duration": props.duration,
+      "lazyRender": props.lazyRender,
+      "lockScroll": props.lockScroll,
+      "getContainer": props.getContainer,
+      "closeOnPopstate": props.closeOnPopstate,
+      "closeOnClickOverlay": props.closeOnClickOverlay,
+      "safeAreaInsetBottom": props.safeAreaInsetBottom
+    }
+  }, inherit(ctx, true)]), [Header(), Description(), h("div", {
+    "class": bem('content')
+  }, [props.actions && props.actions.map(Option), slots.default == null ? void 0 : slots.default()]), CancelText()]);
+}
+
+ActionSheet.props = _extends({}, popupMixinProps, {
+  title: String,
+  actions: Array,
+  duration: [Number, String],
+  cancelText: String,
+  description: String,
+  getContainer: [String, Function],
+  closeOnPopstate: Boolean,
+  closeOnClickAction: Boolean,
+  round: {
+    type: Boolean,
+    default: true
+  },
+  closeable: {
+    type: Boolean,
+    default: true
+  },
+  closeIcon: {
+    type: String,
+    default: 'cross'
+  },
+  safeAreaInsetBottom: {
+    type: Boolean,
+    default: true
+  },
+  overlay: {
+    type: Boolean,
+    default: true
+  },
+  closeOnClickOverlay: {
+    type: Boolean,
+    default: true
+  }
+});
+export default createComponent(ActionSheet);