Merge branch 'dev' into next

2025-04-06 03:57:59 +08:00 · 2020-10-09 17:55:10 +08:00 · 2020-10-09 17:55:10 +08:00 · 6a306c332e
commit 6a306c332e
parent cf65d6cbe0 a67a2dc7d0
22 changed files with 125 additions and 95 deletions
--- a/.github/CONTRIBUTING.md
+++ b/.github/CONTRIBUTING.md
@ -37,13 +37,3 @@ npm run dev

 # open http://localhost:8080
 ```
-
-## Contribute online with a single click
-
-You can use Gitpod (A free online VS Code-like IDE) for contributing, With a single click it will launch a workspace and automatically:
-
- clone the vant repo.
- run `npm run bootstrap`.
- run `npm run dev`. 
-
-[![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/#https://github.com/youzan/vant)
--- a/.gitpod.yml
+++ b/.gitpod.yml
@ -1,6 +0,0 @@
-tasks:
-  - init: npm run bootstrap
-    command: npm run dev
-ports:
-  - port: 8080
-    onOpen: open-preview
--- a/.ls-lint.yml
+++ b/.ls-lint.yml
@ -1,14 +0,0 @@
-ls:
-  src/**:
-    .js: kebab-case | PascalCase
-    .ts: kebab-case | PascalCase
-    .tsx: kebab-case | PascalCase
-    .vue: kebab-case | PascalCase
-    .less: kebab-case
-    .spec.js: kebab-case
-
-  types:
-    .d.ts: kebab-case
-
-ignore:
-  - src/locale/lang
--- a/docs/markdown/changelog.en-US.md
+++ b/docs/markdown/changelog.en-US.md
@ -55,7 +55,7 @@ Vant follows [Semantic Versioning 2.0.0](https://semver.org/lang/zh-CN/).
 - Button: add icon-position prop [#7174](https://github.com/youzan/vant/issues/7174)
 - TabbarItem: add @tabbar-item-active-background-color less var [#7162](https://github.com/youzan/vant/issues/7162)

-**style**
+**Style**

 - Dialog: add message min-height [#7191](https://github.com/youzan/vant/issues/7191)
 - Field: adjust placeholder color to gray-6 [#7192](https://github.com/youzan/vant/issues/7192)
@ -124,7 +124,7 @@ Vant follows [Semantic Versioning 2.0.0](https://semver.org/lang/zh-CN/).

 - Uploader: preview-cover slot add index param [#7036](https://github.com/youzan/vant/issues/7036)

-**style**
+**Style**

 - Search: increase left padding to 12px [#7014](https://github.com/youzan/vant/issues/7014)
 - Tabs: adjust default line-width to 40px [#7002](https://github.com/youzan/vant/issues/7002)
@ -156,7 +156,7 @@ Vant follows [Semantic Versioning 2.0.0](https://semver.org/lang/zh-CN/).
 - Button: add loading slot [#6966](https://github.com/youzan/vant/issues/6966)
 - Locale: adding Norwegian Language support [#6962](https://github.com/youzan/vant/issues/6962)

-**style**
+**Style**

 - ContactList: add safe area inset bottom [#6970](https://github.com/youzan/vant/issues/6970)
 - TabbarItem: increase icon size to 22px [#6972](https://github.com/youzan/vant/issues/6972)
@ -182,7 +182,7 @@ Vant follows [Semantic Versioning 2.0.0](https://semver.org/lang/zh-CN/).
 - ImagePreview: enable close-on-popstate by default [#6875](https://github.com/youzan/vant/issues/6875)
 - NumberKeyboard: add get-container prop [#6870](https://github.com/youzan/vant/issues/6870)

-**style**
+**Style**

 - uniform line-height [#6862](https://github.com/youzan/vant/issues/6862)
 - ActionSheet: add @action-sheet-loading-icon-size var [#6847](https://github.com/youzan/vant/issues/6847)
@ -283,7 +283,7 @@ Vant follows [Semantic Versioning 2.0.0](https://semver.org/lang/zh-CN/).
 - SubmitBar: add button-color prop [#6757](https://github.com/youzan/vant/issues/6757)
 - Sku: improve message datetime picker [8d29e5](https://github.com/youzan/vant/commit/8d29e5c8c6df278800865596f285c17029150963) [7343e5](https://github.com/youzan/vant/commit/7343e55409900635a0e39063edb9f67493048a54)

-**style**
+**Style**

 - ActionSheet: subname vertical align [#6756](https://github.com/youzan/vant/issues/6756)
 - Uploader: remove round border radius [#6748](https://github.com/youzan/vant/issues/6748)
@ -317,7 +317,7 @@ Vant follows [Semantic Versioning 2.0.0](https://semver.org/lang/zh-CN/).
 - Sku: enable close-on-click-overlay prop by default [#6631](https://github.com/youzan/vant/issues/6631)
 - TreeSelect: add selected-icon prop [#6615](https://github.com/youzan/vant/issues/6615)

-**style**
+**Style**

 - ActionSheet: update description style [#6586](https://github.com/youzan/vant/issues/6586)
 - AddressEdit: adjust label width [#6591](https://github.com/youzan/vant/issues/6591)
@ -353,7 +353,7 @@ Vant follows [Semantic Versioning 2.0.0](https://semver.org/lang/zh-CN/).
 - Form: rule message can be empty [#6536](https://github.com/youzan/vant/issues/6536)
 - Sticky: offset-top support rem unit [#6556](https://github.com/youzan/vant/issues/6556)

-**style**
+**Style**

 - Field: remove word num full color [#6545](https://github.com/youzan/vant/issues/6545)
 - Picker: add @picker-option-height less var [#6571](https://github.com/youzan/vant/issues/6571)
@ -374,7 +374,7 @@ Vant follows [Semantic Versioning 2.0.0](https://semver.org/lang/zh-CN/).
 - Picker: item-height support rem unit [#6462](https://github.com/youzan/vant/issues/6462)
 - Stepper: add placeholder prop [#6519](https://github.com/youzan/vant/issues/6519)

-**style**
+**Style**

 - Field: update disabled color [#6534](https://github.com/youzan/vant/issues/6534)

@ -415,7 +415,7 @@ Vant follows [Semantic Versioning 2.0.0](https://semver.org/lang/zh-CN/).
 - DatetimePicker: add month-day type [#6395](https://github.com/youzan/vant/issues/6395)
 - Popup: create overlay for every popup [#6357](https://github.com/youzan/vant/issues/6357)

-**style**
+**Style**

 - ActionSheet: adjust subname color to gray-6 [e54c11](https://github.com/youzan/vant/commit/e54c11d55244e65246df7eddd7751983dbc4d331)
 - ActionSheet: remove option border [8db218](https://github.com/youzan/vant/commit/8db218e9c0ca6905491a019cf983a0269f3aea8c)
@ -459,7 +459,7 @@ Vant follows [Semantic Versioning 2.0.0](https://semver.org/lang/zh-CN/).
 - NumberKeyboard: support multiple extra key [#6276](https://github.com/youzan/vant/issues/6276)
 - Stepper: add theme prop [#6282](https://github.com/youzan/vant/issues/6282)

-**style**
+**Style**

 - Rate: update rate disabled color [#6253](https://github.com/youzan/vant/issues/6253)
 - Sku: adjust border alignment [#6272](https://github.com/youzan/vant/issues/6272)
@ -495,7 +495,7 @@ Vant follows [Semantic Versioning 2.0.0](https://semver.org/lang/zh-CN/).

 `2020-05-05`

-**style**
+**Style**

 - Button: use flex layout [#6180](https://github.com/youzan/vant/issues/6180)
 - ActionSheet: improve text size adjust [#6175](https://github.com/youzan/vant/issues/6175)
@ -538,7 +538,7 @@ Vant follows [Semantic Versioning 2.0.0](https://semver.org/lang/zh-CN/).

 `2020-04-28`

-**style**
+**Style**

 - NumberKeyboard: new style [3188b4](https://github.com/youzan/vant/commit/3188b4d25bb6e60ed5de930ec8947929a7577dd3) [#6149](https://github.com/youzan/vant/issues/6149) [#6151](https://github.com/youzan/vant/issues/6151)

--- a/docs/markdown/changelog.zh-CN.md
+++ b/docs/markdown/changelog.zh-CN.md
@ -54,7 +54,7 @@ Vant 遵循 [Semver](https://semver.org/lang/zh-CN/) 语义化版本规范。
 - Slider: 新增 range 属性，用于开启双滑块模式 [#7176](https://github.com/youzan/vant/issues/7176)
 - Button: 新增 icon-position 属性，用于指定图标位置 [#7174](https://github.com/youzan/vant/issues/7174)

-**style**
+**Style**

 - Dialog: 优化无标题弹窗的最小高度 [#7191](https://github.com/youzan/vant/issues/7191)
 - Field: 占位文字的颜色调整为 gray-6 [#7192](https://github.com/youzan/vant/issues/7192)
@ -125,7 +125,7 @@ Vant 遵循 [Semver](https://semver.org/lang/zh-CN/) 语义化版本规范。

 - Uploader: 新增 preview-cover 插槽的 index 参数 [#7036](https://github.com/youzan/vant/issues/7036)

-**style**
+**Style**

 - Search: 左侧内边距调整为 12px [#7014](https://github.com/youzan/vant/issues/7014)
 - Tabs: 底部条宽度固定为 40px [#7002](https://github.com/youzan/vant/issues/7002)
@ -157,7 +157,7 @@ Vant 遵循 [Semver](https://semver.org/lang/zh-CN/) 语义化版本规范。
 - Button: 新增 loading 插槽 [#6966](https://github.com/youzan/vant/issues/6966)
 - Locale: 新增挪威语语言包 [#6962](https://github.com/youzan/vant/issues/6962)

-**style**
+**Style**

 - ContactList: 适配 iOS 底部安全区 [#6970](https://github.com/youzan/vant/issues/6970)
 - TabbarItem: 图标大小扩大为 22px [#6972](https://github.com/youzan/vant/issues/6972)
@ -184,7 +184,7 @@ Vant 遵循 [Semver](https://semver.org/lang/zh-CN/) 语义化版本规范。
 - ImagePreview: 默认开启 close-on-popstate 属性 [#6875](https://github.com/youzan/vant/issues/6875)
 - NumberKeyboard: 新增 get-container 属性 [#6870](https://github.com/youzan/vant/issues/6870)

-**style**
+**Style**

 - 新增 line-height 相关 LESS 变量 [#6862](https://github.com/youzan/vant/issues/6862)
 - ActionSheet: 加载图标大小调整为 22px [#6847](https://github.com/youzan/vant/issues/6847)
@ -286,7 +286,7 @@ Vant 遵循 [Semver](https://semver.org/lang/zh-CN/) 语义化版本规范。
 - SubmitBar: 新增 button-color 属性，用于设置按钮颜色 [#6757](https://github.com/youzan/vant/issues/6757)
 - Sku: 优化留言栏时间选择交互 [8d29e5](https://github.com/youzan/vant/commit/8d29e5c8c6df278800865596f285c17029150963) [7343e5](https://github.com/youzan/vant/commit/7343e55409900635a0e39063edb9f67493048a54)

-**style**
+**Style**

 - ActionSheet: 标题和二级标题调整为上下排列 [#6756](https://github.com/youzan/vant/issues/6756)
 - Uploader: 移除上传区域和图片预览的圆角 [#6748](https://github.com/youzan/vant/issues/6748)
@ -320,7 +320,7 @@ Vant 遵循 [Semver](https://semver.org/lang/zh-CN/) 语义化版本规范。
 - NoticeBar: 优化重新开始滚动的间隔 [022196](https://github.com/youzan/vant/commit/02219625fb94384865b79cf27ecea5ae0c4f3bb0)
 - TreeSelect: 新增 selected-icon 属性 [#6615](https://github.com/youzan/vant/issues/6615)

-**style**
+**Style**

 - Button: 调整 small 和 mini 按钮的样式，移除最小宽度限制 [#6371](https://github.com/youzan/vant/issues/6371)
 - Cell: 内侧边框增加 16px 的右边距 [#6686](https://github.com/youzan/vant/issues/6686)
@ -356,7 +356,7 @@ Vant 遵循 [Semver](https://semver.org/lang/zh-CN/) 语义化版本规范。
 - Form: 允许在 rules 中不传入 message 字段 [#6536](https://github.com/youzan/vant/issues/6536)
 - Sticky: 支持 offset-top 属性传入 rem 单位 [#6556](https://github.com/youzan/vant/issues/6556)

-**style**
+**Style**

 - Field: 移除字数统计到达上限时的红色高亮效果 [#6545](https://github.com/youzan/vant/issues/6545)
 - Picker: 新增 @picker-option-height LESS 变量 [#6571](https://github.com/youzan/vant/issues/6571)
@ -377,7 +377,7 @@ Vant 遵循 [Semver](https://semver.org/lang/zh-CN/) 语义化版本规范。
 - Picker: 选项高度支持配置 rem 单位 [#6462](https://github.com/youzan/vant/issues/6462)
 - NoticeBar: 支持在内容较短时开启滚动播放 [7b0546](https://github.com/youzan/vant/commit/7b0546dbba7425988ae2b4d1765fe20e907c893f)

-**style**
+**Style**

 - Field: 更新禁用状态下的文本颜色 [#6534](https://github.com/youzan/vant/issues/6534)

@ -418,7 +418,7 @@ Vant 遵循 [Semver](https://semver.org/lang/zh-CN/) 语义化版本规范。
 - DatetimePicker: 新增 month-day 类型，用于选择月份和日期 [#6395](https://github.com/youzan/vant/issues/6395)
 - Popup: 现在每个弹层会单独创建一个遮罩层，而不是共用一个遮罩层 [#6357](https://github.com/youzan/vant/issues/6357)

-**style**
+**Style**

 - ActionSheet: subname 的颜色调整为 gray-6 [e54c11](https://github.com/youzan/vant/commit/e54c11d55244e65246df7eddd7751983dbc4d331)
 - ActionSheet: 移除选项之间的分隔线 [8db218](https://github.com/youzan/vant/commit/8db218e9c0ca6905491a019cf983a0269f3aea8c)
@ -462,7 +462,7 @@ Vant 遵循 [Semver](https://semver.org/lang/zh-CN/) 语义化版本规范。
 - NumberKeyboard: 支持定义两个 extra-key [#6276](https://github.com/youzan/vant/issues/6276)
 - Stepper: 新增 theme 属性，用于展示圆角风格步进器 [#6282](https://github.com/youzan/vant/issues/6282)

-**style**
+**Style**

 - Rate: 更新禁用状态下的图标颜色 [#6253](https://github.com/youzan/vant/issues/6253)
 - Sku: 优化内部分割线的布局 [#6272](https://github.com/youzan/vant/issues/6272)
@ -513,7 +513,7 @@ Vant 遵循 [Semver](https://semver.org/lang/zh-CN/) 语义化版本规范。
 - Radio [#6173](https://github.com/youzan/vant/issues/6173)
 - Tab [#6209](https://github.com/youzan/vant/issues/6209)

-**style**
+**Style**

 - Button: 使用 flex 进行内容居中，display 由 inline-block 调整为 inline-flex [#6180](https://github.com/youzan/vant/issues/6180)
 - Picker: 优化顶部操作栏的样式，调整操作按钮颜色 [#6214](https://github.com/youzan/vant/issues/6214)
@ -546,7 +546,7 @@ Vant 遵循 [Semver](https://semver.org/lang/zh-CN/) 语义化版本规范。

 `2020-04-28`

-**style**
+**Style**

 - NumberKeyboard: 升级组件样式 [#6149](https://github.com/youzan/vant/issues/6149) [#6151](https://github.com/youzan/vant/issues/6151) [3188b4](https://github.com/youzan/vant/commit/3188b4d25bb6e60ed5de930ec8947929a7577dd3)

--- a/package.json
+++ b/package.json
@ -18,7 +18,7 @@
  "scripts": {
    "bootstrap": "yarn || npm i",
    "dev": "vant-cli dev",
-    "lint": "vant-cli lint && ls-lint",
+    "lint": "vant-cli lint",
    "test": "vant-cli test",
    "build": "vant-cli build",
    "release": "vant-cli release --tag next",
@ -31,7 +31,7 @@
  },
  "husky": {
    "hooks": {
-      "pre-commit": "lint-staged && ls-lint",
+      "pre-commit": "lint-staged",
      "commit-msg": "vant-cli commit-lint"
    }
  },
@ -57,7 +57,7 @@
  "license": "MIT",
  "dependencies": {
    "@babel/runtime": "7.x",
-    "@vant/icons": "1.3.0",
+    "@vant/icons": "1.3.1",
    "@vant/use": "^0.0.7",
    "vue-lazyload": "1.2.3"
  },
@ -65,7 +65,6 @@
    "vue": "^3.0.0"
  },
  "devDependencies": {
-    "@ls-lint/ls-lint": "^1.8.0",
    "@vant/cli": "^3.0.0-beta.7",
    "@vue/compiler-sfc": "^3.0.0",
    "prettier": "^2.0.4",
--- a/packages/vant-cli/changelog.md
+++ b/packages/vant-cli/changelog.md
@ -1,5 +1,11 @@
 # 更新日志

+### v2.6.1
+
+`2020-10-09`
+
+- 升级 @vant/markdown-vetur@2.0.2
+
 ### v2.6.0

 `2020-09-27`
--- a/packages/vant-cli/package.json
+++ b/packages/vant-cli/package.json
@ -51,7 +51,7 @@
    "@types/webpack-dev-server": "^3.11.0",
    "@vant/eslint-config": "^3.0.0-alpha.2",
    "@vant/markdown-loader": "^3.0.0-alpha.0",
-    "@vant/markdown-vetur": "^2.0.1",
+    "@vant/markdown-vetur": "^2.0.2",
    "@vant/stylelint-config": "^1.3.0",
    "@vant/touch-emulator": "^1.2.0",
    "@vue/babel-plugin-jsx": "^1.0.0-rc.3",
--- a/packages/vant-cli/yarn.lock
+++ b/packages/vant-cli/yarn.lock
@ -1727,10 +1727,10 @@
    markdown-it-anchor "^5.2.5"
    transliteration "^2.1.7"

-"@vant/markdown-vetur@^2.0.1":
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/@vant/markdown-vetur/-/markdown-vetur-2.0.1.tgz#cb0c2d33b5e5606e1dc7f3e6531c18b39d6e57a3"
-  integrity sha512-OhNFTQhCBlK+qIxfyw9unqU77Kf7gd5EsTUXPqg23lALWwpJiVb0IKGwxnYTZ9i7JAzTAho7oIGt7GQ0hhyvow==
+"@vant/markdown-vetur@^2.0.2":
+  version "2.0.2"
+  resolved "https://registry.npm.taobao.org/@vant/markdown-vetur/download/@vant/markdown-vetur-2.0.2.tgz#8e6be188952a2c4b0e1d626bf93f47f84ab0f22d"
+  integrity sha1-jmvhiJUqLEsOHWJr+T9H+Eqw8i0=
  dependencies:
    fast-glob "^3.2.2"
    fs-extra "^9.0.0"
--- a/packages/vant-icons/CHANGELOG.md
+++ b/packages/vant-icons/CHANGELOG.md
@ -1,5 +1,9 @@
 ## Changelog

+## 1.3.1
+
+- add minus icon
+
 ## 1.3.0

 - add share-o icon
--- a/packages/vant-icons/assets/icons.sketch
+++ b/packages/vant-icons/assets/icons.sketch
--- a/packages/vant-icons/build/codepoints.js
+++ b/packages/vant-icons/build/codepoints.js
@ -232,6 +232,7 @@ const map = {
  F0E5: 'photo-fail',
  F0E6: 'back-top',
  F0E7: 'share-o',
+  F0E8: 'minus',
 };

 const reversedMap = {};
--- a/packages/vant-icons/package.json
+++ b/packages/vant-icons/package.json
@ -1,6 +1,6 @@
 {
  "name": "@vant/icons",
-  "version": "1.3.0",
+  "version": "1.3.1",
  "description": "vant icons",
  "main": "./src/config.js",
  "files": [
--- a/packages/vant-icons/src/config.js
+++ b/packages/vant-icons/src/config.js
@ -1,14 +1,15 @@
 module.exports = {
  name: 'vant-icon',
  basic: [
-    'success',
-    'plus',
-    'cross',
-    'fail',
    'arrow',
    'arrow-left',
    'arrow-up',
    'arrow-down',
+    'success',
+    'cross',
+    'plus',
+    'minus',
+    'fail',
  ],
  outline: [
    // has corresponding filled icon
--- a/packages/vant-icons/src/encode.less
+++ b/packages/vant-icons/src/encode.less
--- a/packages/vant-icons/src/index.less
+++ b/packages/vant-icons/src/index.less
@ -5,9 +5,9 @@
  font-family: 'vant-icon';
  font-style: normal;
  font-display: auto;
-  src: url('https://img.yzcdn.cn/vant/vant-icon-0c347b.woff2') format('woff2'),
-    url('https://img.yzcdn.cn/vant/vant-icon-0c347b.woff') format('woff'),
-    url('https://img.yzcdn.cn/vant/vant-icon-0c347b.ttf') format('truetype');
+  src: url('https://img.yzcdn.cn/vant/vant-icon-09002a.woff2') format('woff2'),
+    url('https://img.yzcdn.cn/vant/vant-icon-09002a.woff') format('woff'),
+    url('https://img.yzcdn.cn/vant/vant-icon-09002a.ttf') format('truetype');
 }

 .van-icon {
@ -563,6 +563,10 @@
  content: '\F084';
 }

+.van-icon-minus::before {
+  content: '\F0E8';
+}
+
 .van-icon-more-o::before {
  content: '\F085';
 }
--- a/src/index-bar/README.md
+++ b/src/index-bar/README.md
@ -79,9 +79,10 @@ export default {

 ### IndexBar Events

-| Event  | Description                 | Arguments |
-| ------ | --------------------------- | --------- |
-| select | Triggered when select index | index     |
+| Event | Description | Arguments |
+| --- | --- | --- |
+| select | Triggered when select index | _index: number \| string_ |
+| change `v2.10.10` | Triggered when active index changed | _index: number \| string_ |

 ### IndexAnchor Slots

--- a/src/index-bar/README.zh-CN.md
+++ b/src/index-bar/README.zh-CN.md
@ -83,9 +83,10 @@ export default {

 ### IndexBar Events

-| 事件名 | 说明           | 回调参数        |
-| ------ | -------------- | --------------- |
-| select | 选中字符时触发 | index: 索引字符 |
+| 事件名            | 说明                         | 回调参数                  |
+| ----------------- | ---------------------------- | ------------------------- |
+| select            | 点击索引栏的字符时触发       | _index: number \| string_ |
+| change `v2.10.10` | 当前高亮的索引字符变化时触发 | _index: number \| string_ |

 ### IndexAnchor Slots

--- a/src/index-bar/index.js
+++ b/src/index-bar/index.js
@ -54,7 +54,7 @@ export default createComponent({
    },
  },

-  emits: ['select'],
+  emits: ['select', 'change'],

  setup(props, { emit, slots }) {
    const root = ref();
@ -172,6 +172,12 @@ export default createComponent({
      }
    );

+    watch(activeAnchor, (value) => {
+      if (value) {
+        emit('change', value);
+      }
+    });
+
    const renderIndexes = () =>
      props.indexList.map((index) => {
        const active = index === activeAnchor.value;
--- a/src/index-bar/test/snapshots/index.spec.js.snap
+++ b/src/index-bar/test/snapshots/index.spec.js.snap
@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP

-exports[`custom anchor text 1`] = `
+exports[`should allow to custom anchor text 1`] = `
 <div class="van-index-bar">
  <div class="van-index-bar__sidebar"><span data-index="A" class="van-index-bar__index">A</span><span data-index="B" class="van-index-bar__index">B</span><span data-index="C" class="van-index-bar__index">C</span><span data-index="D" class="van-index-bar__index">D</span><span data-index="E" class="van-index-bar__index">E</span><span data-index="F" class="van-index-bar__index">F</span><span data-index="G" class="van-index-bar__index">G</span><span data-index="H" class="van-index-bar__index">H</span><span data-index="I" class="van-index-bar__index">I</span><span data-index="J" class="van-index-bar__index">J</span><span data-index="K" class="van-index-bar__index">K</span><span data-index="L" class="van-index-bar__index">L</span><span data-index="M" class="van-index-bar__index">M</span><span data-index="N" class="van-index-bar__index">N</span><span data-index="O" class="van-index-bar__index">O</span><span data-index="P" class="van-index-bar__index">P</span><span data-index="Q" class="van-index-bar__index">Q</span><span data-index="R" class="van-index-bar__index">R</span><span data-index="S" class="van-index-bar__index">S</span><span data-index="T" class="van-index-bar__index">T</span><span data-index="U" class="van-index-bar__index">U</span><span data-index="V" class="van-index-bar__index">V</span><span data-index="W" class="van-index-bar__index">W</span><span data-index="X" class="van-index-bar__index">X</span><span data-index="Y" class="van-index-bar__index">Y</span><span data-index="Z" class="van-index-bar__index">Z</span></div>
  <div>
@ -12,7 +12,7 @@ exports[`custom anchor text 1`] = `
 </div>
 `;

-exports[`scroll and update active anchor 1`] = `
+exports[`should update active anchor after page scroll 1`] = `
 <div class="van-index-bar">
  <div class="van-index-bar__sidebar"><span data-index="A" class="van-index-bar__index van-index-bar__index--active">A</span><span data-index="B" class="van-index-bar__index">B</span><span data-index="C" class="van-index-bar__index">C</span><span data-index="D" class="van-index-bar__index">D</span><span data-index="E" class="van-index-bar__index">E</span><span data-index="F" class="van-index-bar__index">F</span><span data-index="G" class="van-index-bar__index">G</span><span data-index="H" class="van-index-bar__index">H</span><span data-index="I" class="van-index-bar__index">I</span><span data-index="J" class="van-index-bar__index">J</span><span data-index="K" class="van-index-bar__index">K</span><span data-index="L" class="van-index-bar__index">L</span><span data-index="M" class="van-index-bar__index">M</span><span data-index="N" class="van-index-bar__index">N</span><span data-index="O" class="van-index-bar__index">O</span><span data-index="P" class="van-index-bar__index">P</span><span data-index="Q" class="van-index-bar__index">Q</span><span data-index="R" class="van-index-bar__index">R</span><span data-index="S" class="van-index-bar__index">S</span><span data-index="T" class="van-index-bar__index">T</span><span data-index="U" class="van-index-bar__index">U</span><span data-index="V" class="van-index-bar__index">V</span><span data-index="W" class="van-index-bar__index">W</span><span data-index="X" class="van-index-bar__index">X</span><span data-index="Y" class="van-index-bar__index">Y</span><span data-index="Z" class="van-index-bar__index">Z</span></div>
  <div data-index="0">
@ -30,7 +30,7 @@ exports[`scroll and update active anchor 1`] = `
 </div>
 `;

-exports[`scroll and update active anchor 2`] = `
+exports[`should update active anchor after page scroll 2`] = `
 <div class="van-index-bar">
  <div class="van-index-bar__sidebar"><span data-index="A" class="van-index-bar__index">A</span><span data-index="B" class="van-index-bar__index van-index-bar__index--active">B</span><span data-index="C" class="van-index-bar__index">C</span><span data-index="D" class="van-index-bar__index">D</span><span data-index="E" class="van-index-bar__index">E</span><span data-index="F" class="van-index-bar__index">F</span><span data-index="G" class="van-index-bar__index">G</span><span data-index="H" class="van-index-bar__index">H</span><span data-index="I" class="van-index-bar__index">I</span><span data-index="J" class="van-index-bar__index">J</span><span data-index="K" class="van-index-bar__index">K</span><span data-index="L" class="van-index-bar__index">L</span><span data-index="M" class="van-index-bar__index">M</span><span data-index="N" class="van-index-bar__index">N</span><span data-index="O" class="van-index-bar__index">O</span><span data-index="P" class="van-index-bar__index">P</span><span data-index="Q" class="van-index-bar__index">Q</span><span data-index="R" class="van-index-bar__index">R</span><span data-index="S" class="van-index-bar__index">S</span><span data-index="T" class="van-index-bar__index">T</span><span data-index="U" class="van-index-bar__index">U</span><span data-index="V" class="van-index-bar__index">V</span><span data-index="W" class="van-index-bar__index">W</span><span data-index="X" class="van-index-bar__index">X</span><span data-index="Y" class="van-index-bar__index">Y</span><span data-index="Z" class="van-index-bar__index">Z</span></div>
  <div data-index="0" style="height: 10px;">
--- a/src/index-bar/test/index.spec.js
+++ b/src/index-bar/test/index.spec.js
@ -8,7 +8,7 @@ function mockOffsetHeight(offsetHeight) {
  });
 }

-test('custom anchor text', () => {
+test('should allow to custom anchor text', () => {
  const wrapper = mount({
    template: `
      <van-index-bar>
@ -21,7 +21,7 @@ test('custom anchor text', () => {
  expect(wrapper).toMatchSnapshot();
 });

-test('click and scroll to anchor', () => {
+test('should scroll to anchor and emit select event after clicking the index-bar', () => {
  const onSelect = jest.fn();
  const wrapper = mount({
    template: `
@ -43,7 +43,7 @@ test('click and scroll to anchor', () => {
  expect(onSelect).toHaveBeenCalledWith('A');
 });

-test('touch and scroll to anchor', () => {
+test('should scroll to anchor after touching the index-bar', () => {
  const onSelect = jest.fn();
  const wrapper = mount({
    template: `
@ -91,7 +91,7 @@ test('touch and scroll to anchor', () => {
  expect(onSelect).toHaveBeenCalledWith('B');
 });

-test('scroll and update active anchor', () => {
+test('should update active anchor after page scroll', () => {
  const nativeRect = Element.prototype.getBoundingClientRect;
  Element.prototype.getBoundingClientRect = function () {
    const { index } = this.dataset;
@ -131,3 +131,45 @@ test('scroll and update active anchor', () => {

  Element.prototype.getBoundingClientRect = nativeRect;
 });
+
+test('should emit change event when active index changed', () => {
+  const nativeRect = Element.prototype.getBoundingClientRect;
+  Element.prototype.getBoundingClientRect = function () {
+    const { index } = this.dataset;
+    return {
+      top: index ? index * 10 : 0,
+    };
+  };
+
+  mockOffsetHeight(10);
+
+  const onChange = jest.fn();
+
+  mount({
+    template: `
+      <van-index-bar @change="onChange">
+        <van-index-anchor
+          v-for="index in 4"
+          :key="index"
+          :index="index"
+          :data-index="index - 1"
+        />
+      </van-index-bar>
+    `,
+    methods: {
+      onChange,
+    },
+  });
+
+  window.scrollTop = 0;
+  trigger(window, 'scroll');
+  expect(onChange).toHaveBeenCalledTimes(1);
+  expect(onChange).toHaveBeenLastCalledWith('B');
+
+  window.scrollTop = 100;
+  trigger(window, 'scroll');
+  expect(onChange).toHaveBeenCalledTimes(2);
+  expect(onChange).toHaveBeenLastCalledWith('D');
+
+  Element.prototype.getBoundingClientRect = nativeRect;
+});
--- a/yarn.lock
+++ b/yarn.lock
@ -1398,11 +1398,6 @@
    "@types/yargs" "^15.0.0"
    chalk "^4.0.0"

-"@ls-lint/ls-lint@^1.8.0":
-  version "1.8.0"
-  resolved "https://registry.npm.taobao.org/@ls-lint/ls-lint/download/@ls-lint/ls-lint-1.8.0.tgz#508fe32d4dbdd90d61c8ea156c20af33c294a22e"
-  integrity sha1-UI/jLU292Q1hyOoVbCCvM8KUoi4=
-
 "@mrmlnc/readdir-enhanced@^2.2.1":
  version "2.2.1"
  resolved "https://registry.yarnpkg.com/@mrmlnc/readdir-enhanced/-/readdir-enhanced-2.2.1.tgz#524af240d1a360527b730475ecfa1344aa540dde"
@ -2177,10 +2172,10 @@
    eslint-plugin-import "^2.22.0"
    eslint-plugin-vue "7.0.0-beta.2"

-"@vant/icons@1.3.0":
-  version "1.3.0"
-  resolved "https://registry.npm.taobao.org/@vant/icons/download/@vant/icons-1.3.0.tgz#94f4c93122fd7331e0e00df55804779aead8c9c2"
-  integrity sha1-lPTJMSL9czHg4A31WAR3murYycI=
+"@vant/icons@1.3.1":
+  version "1.3.1"
+  resolved "https://registry.npmjs.org/@vant/icons/-/icons-1.3.1.tgz#07207fc1c8b5adfd40c22c3647fb535943b33c53"
+  integrity sha512-zzFlR5RoPw2P/wFweyFVYUmKfH6o8ZLd2m+s/tdOm6OBJajAbDQyFK6RIjtFMMu+A27rhXbfUuWRhp7tW76yYw==

 "@vant/markdown-loader@^3.0.0-alpha.0":
  version "3.0.0-alpha.0"