Repository: youzan/vant-weapp Branch: dev Commit: 7a7d43757ed1 Files: 1892 Total size: 2.6 MB Directory structure: gitextract_stysbeow/ ├── .editorconfig ├── .eslintignore ├── .eslintrc ├── .gitee/ │ └── ISSUE_TEMPLATE.zh-CN.md ├── .github/ │ ├── FUNDING.yml │ ├── ISSUE_TEMPLATE/ │ │ ├── config.yml │ │ ├── template-1-bug-report-vant.zh-CN.yml │ │ └── template-3-feature-request-vant.zh-CN.yml │ ├── PULL_REQUEST_TEMPLATE.md │ ├── dependabot.yml │ ├── pr-labeler.yml │ └── workflows/ │ ├── deploy-site.yml │ ├── pr-label.yaml │ ├── release-tag.yml │ └── test.yml ├── .gitignore ├── .husky/ │ ├── .gitignore │ ├── commit-msg │ └── pre-commit ├── .npmrc ├── .prettierignore ├── .prettierrc ├── .stylelintrc ├── LICENSE ├── README.md ├── babel.config.js ├── build/ │ ├── compiler.js │ ├── dev.mjs │ ├── release.sh │ └── upload.js ├── dist/ │ ├── action-sheet/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ └── index.wxss │ ├── area/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ ├── index.wxs │ │ └── index.wxss │ ├── button/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ ├── index.wxs │ │ └── index.wxss │ ├── calendar/ │ │ ├── calendar.wxml │ │ ├── components/ │ │ │ ├── header/ │ │ │ │ ├── index.d.ts │ │ │ │ ├── index.js │ │ │ │ ├── index.json │ │ │ │ ├── index.wxml │ │ │ │ └── index.wxss │ │ │ └── month/ │ │ │ ├── index.d.ts │ │ │ ├── index.js │ │ │ ├── index.json │ │ │ ├── index.wxml │ │ │ ├── index.wxs │ │ │ └── index.wxss │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ ├── index.wxs │ │ ├── index.wxss │ │ ├── utils.d.ts │ │ ├── utils.js │ │ └── utils.wxs │ ├── card/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ └── index.wxss │ ├── cascader/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ ├── index.wxs │ │ └── index.wxss │ ├── cell/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ ├── index.wxs │ │ └── index.wxss │ ├── cell-group/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ └── index.wxss │ ├── checkbox/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ ├── index.wxs │ │ └── index.wxss │ ├── checkbox-group/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ └── index.wxss │ ├── circle/ │ │ ├── canvas.d.ts │ │ ├── canvas.js │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ └── index.wxss │ ├── col/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ ├── index.wxs │ │ └── index.wxss │ ├── collapse/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ └── index.wxss │ ├── collapse-item/ │ │ ├── animate.d.ts │ │ ├── animate.js │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ └── index.wxss │ ├── common/ │ │ ├── color.d.ts │ │ ├── color.js │ │ ├── component.d.ts │ │ ├── component.js │ │ ├── index.wxss │ │ ├── relation.d.ts │ │ ├── relation.js │ │ ├── style/ │ │ │ ├── clearfix.wxss │ │ │ ├── ellipsis.wxss │ │ │ ├── hairline.wxss │ │ │ ├── mixins/ │ │ │ │ ├── clearfix.wxss │ │ │ │ ├── ellipsis.wxss │ │ │ │ └── hairline.wxss │ │ │ └── var.wxss │ │ ├── utils.d.ts │ │ ├── utils.js │ │ ├── validator.d.ts │ │ ├── validator.js │ │ ├── version.d.ts │ │ └── version.js │ ├── config-provider/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ └── index.wxs │ ├── count-down/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ ├── index.wxss │ │ ├── utils.d.ts │ │ └── utils.js │ ├── datetime-picker/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ └── index.wxss │ ├── definitions/ │ │ ├── index.d.ts │ │ └── index.js │ ├── dialog/ │ │ ├── dialog.d.ts │ │ ├── dialog.js │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ └── index.wxss │ ├── divider/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ ├── index.wxs │ │ └── index.wxss │ ├── dropdown-item/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ ├── index.wxss │ │ ├── shared.d.ts │ │ └── shared.js │ ├── dropdown-menu/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ ├── index.wxs │ │ └── index.wxss │ ├── empty/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ ├── index.wxs │ │ └── index.wxss │ ├── field/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ ├── index.wxs │ │ ├── index.wxss │ │ ├── input.wxml │ │ ├── props.d.ts │ │ ├── props.js │ │ ├── textarea.wxml │ │ ├── types.d.ts │ │ └── types.js │ ├── goods-action/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ └── index.wxss │ ├── goods-action-button/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ └── index.wxss │ ├── goods-action-icon/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ └── index.wxss │ ├── grid/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ ├── index.wxs │ │ └── index.wxss │ ├── grid-item/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ ├── index.wxs │ │ └── index.wxss │ ├── icon/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ ├── index.wxs │ │ └── index.wxss │ ├── image/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ ├── index.wxs │ │ └── index.wxss │ ├── index-anchor/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ └── index.wxss │ ├── index-bar/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ └── index.wxss │ ├── info/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ └── index.wxss │ ├── loading/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ ├── index.wxs │ │ └── index.wxss │ ├── mixins/ │ │ ├── basic.d.ts │ │ ├── basic.js │ │ ├── button.d.ts │ │ ├── button.js │ │ ├── link.d.ts │ │ ├── link.js │ │ ├── page-scroll.d.ts │ │ ├── page-scroll.js │ │ ├── touch.d.ts │ │ ├── touch.js │ │ ├── transition.d.ts │ │ └── transition.js │ ├── nav-bar/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ ├── index.wxs │ │ └── index.wxss │ ├── notice-bar/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ ├── index.wxs │ │ └── index.wxss │ ├── notify/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ ├── index.wxs │ │ ├── index.wxss │ │ ├── notify.d.ts │ │ └── notify.js │ ├── overlay/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ ├── index.wxss │ │ └── overlay.wxml │ ├── panel/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ └── index.wxss │ ├── picker/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ ├── index.wxs │ │ ├── index.wxss │ │ ├── shared.d.ts │ │ ├── shared.js │ │ └── toolbar.wxml │ ├── picker-column/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ ├── index.wxs │ │ └── index.wxss │ ├── popup/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ ├── index.wxs │ │ ├── index.wxss │ │ └── popup.wxml │ ├── progress/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ ├── index.wxs │ │ └── index.wxss │ ├── radio/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ ├── index.wxs │ │ └── index.wxss │ ├── radio-group/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ └── index.wxss │ ├── rate/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ └── index.wxss │ ├── row/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ ├── index.wxs │ │ └── index.wxss │ ├── search/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ └── index.wxss │ ├── share-sheet/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ ├── index.wxs │ │ ├── index.wxss │ │ ├── options.d.ts │ │ ├── options.js │ │ ├── options.json │ │ ├── options.wxml │ │ ├── options.wxs │ │ └── options.wxss │ ├── sidebar/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ └── index.wxss │ ├── sidebar-item/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ └── index.wxss │ ├── skeleton/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ └── index.wxss │ ├── slider/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ ├── index.wxs │ │ └── index.wxss │ ├── stepper/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ ├── index.wxs │ │ └── index.wxss │ ├── steps/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ └── index.wxss │ ├── sticky/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ ├── index.wxs │ │ └── index.wxss │ ├── submit-bar/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ └── index.wxss │ ├── swipe-cell/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ └── index.wxss │ ├── switch/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ ├── index.wxs │ │ └── index.wxss │ ├── tab/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ └── index.wxss │ ├── tabbar/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ └── index.wxss │ ├── tabbar-item/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ └── index.wxss │ ├── tabs/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ ├── index.wxs │ │ └── index.wxss │ ├── tag/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ ├── index.wxs │ │ └── index.wxss │ ├── toast/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ ├── index.wxss │ │ ├── toast.d.ts │ │ └── toast.js │ ├── transition/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ ├── index.wxs │ │ └── index.wxss │ ├── tree-select/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ ├── index.wxs │ │ └── index.wxss │ ├── uploader/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ ├── index.wxs │ │ ├── index.wxss │ │ ├── shared.d.ts │ │ ├── shared.js │ │ ├── utils.d.ts │ │ └── utils.js │ └── wxs/ │ ├── add-unit.wxs │ ├── array.wxs │ ├── bem.wxs │ ├── memoize.wxs │ ├── object.wxs │ ├── style.wxs │ └── utils.wxs ├── docs/ │ └── markdown/ │ ├── changelog.md │ ├── custom-style.md │ ├── home.md │ ├── quickstart.md │ └── theme.md ├── example/ │ ├── app.js │ ├── app.json │ ├── app.wxss │ ├── common/ │ │ └── page.js │ ├── components/ │ │ ├── demo-block/ │ │ │ ├── index.js │ │ │ ├── index.json │ │ │ ├── index.wxml │ │ │ └── index.wxss │ │ ├── demo-home/ │ │ │ ├── index.js │ │ │ ├── index.json │ │ │ ├── index.wxml │ │ │ └── index.wxss │ │ └── demo-home-nav/ │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ └── index.wxss │ ├── config.js │ ├── database_area.json │ ├── functions/ │ │ └── foo/ │ │ ├── index.js │ │ └── package.json │ ├── pages/ │ │ ├── action-sheet/ │ │ │ ├── index.js │ │ │ ├── index.json │ │ │ └── index.wxml │ │ ├── area/ │ │ │ ├── index.js │ │ │ ├── index.json │ │ │ └── index.wxml │ │ ├── button/ │ │ │ ├── index.js │ │ │ ├── index.json │ │ │ └── index.wxml │ │ ├── calendar/ │ │ │ ├── index.js │ │ │ ├── index.json │ │ │ └── index.wxml │ │ ├── card/ │ │ │ ├── index.js │ │ │ ├── index.json │ │ │ └── index.wxml │ │ ├── cascader/ │ │ │ ├── index.js │ │ │ ├── index.json │ │ │ └── index.wxml │ │ ├── cell/ │ │ │ ├── index.js │ │ │ ├── index.json │ │ │ └── index.wxml │ │ ├── checkbox/ │ │ │ ├── index.js │ │ │ ├── index.json │ │ │ └── index.wxml │ │ ├── circle/ │ │ │ ├── index.js │ │ │ ├── index.json │ │ │ └── index.wxml │ │ ├── col/ │ │ │ ├── index.js │ │ │ ├── index.json │ │ │ └── index.wxml │ │ ├── collapse/ │ │ │ ├── index.js │ │ │ ├── index.json │ │ │ └── index.wxml │ │ ├── config-provider/ │ │ │ ├── index.js │ │ │ ├── index.json │ │ │ └── index.wxml │ │ ├── count-down/ │ │ │ ├── index.js │ │ │ ├── index.json │ │ │ └── index.wxml │ │ ├── dashboard/ │ │ │ ├── index.js │ │ │ ├── index.json │ │ │ └── index.wxml │ │ ├── datetime-picker/ │ │ │ ├── index.js │ │ │ ├── index.json │ │ │ └── index.wxml │ │ ├── dialog/ │ │ │ ├── index.js │ │ │ ├── index.json │ │ │ └── index.wxml │ │ ├── divider/ │ │ │ ├── index.js │ │ │ ├── index.json │ │ │ └── index.wxml │ │ ├── dropdown-menu/ │ │ │ ├── index.js │ │ │ ├── index.json │ │ │ └── index.wxml │ │ ├── empty/ │ │ │ ├── index.js │ │ │ ├── index.json │ │ │ └── index.wxml │ │ ├── field/ │ │ │ ├── index.js │ │ │ ├── index.json │ │ │ └── index.wxml │ │ ├── goods-action/ │ │ │ ├── index.js │ │ │ ├── index.json │ │ │ └── index.wxml │ │ ├── grid/ │ │ │ ├── index.js │ │ │ ├── index.json │ │ │ └── index.wxml │ │ ├── icon/ │ │ │ ├── index.js │ │ │ ├── index.json │ │ │ └── index.wxml │ │ ├── image/ │ │ │ ├── index.js │ │ │ ├── index.json │ │ │ └── index.wxml │ │ ├── index-bar/ │ │ │ ├── index.js │ │ │ ├── index.json │ │ │ └── index.wxml │ │ ├── loading/ │ │ │ ├── index.js │ │ │ ├── index.json │ │ │ └── index.wxml │ │ ├── nav-bar/ │ │ │ ├── index.js │ │ │ ├── index.json │ │ │ └── index.wxml │ │ ├── notice-bar/ │ │ │ ├── index.js │ │ │ ├── index.json │ │ │ └── index.wxml │ │ ├── notify/ │ │ │ ├── index.js │ │ │ ├── index.json │ │ │ └── index.wxml │ │ ├── overlay/ │ │ │ ├── index.js │ │ │ ├── index.json │ │ │ └── index.wxml │ │ ├── panel/ │ │ │ ├── index.js │ │ │ ├── index.json │ │ │ └── index.wxml │ │ ├── picker/ │ │ │ ├── index.js │ │ │ ├── index.json │ │ │ └── index.wxml │ │ ├── popup/ │ │ │ ├── index.js │ │ │ ├── index.json │ │ │ ├── index.wxml │ │ │ └── index.wxss │ │ ├── progress/ │ │ │ ├── index.js │ │ │ ├── index.json │ │ │ └── index.wxml │ │ ├── radio/ │ │ │ ├── index.js │ │ │ ├── index.json │ │ │ └── index.wxml │ │ ├── rate/ │ │ │ ├── index.js │ │ │ ├── index.json │ │ │ ├── index.wxml │ │ │ └── index.wxss │ │ ├── search/ │ │ │ ├── index.js │ │ │ ├── index.json │ │ │ └── index.wxml │ │ ├── share-sheet/ │ │ │ ├── index.js │ │ │ ├── index.json │ │ │ └── index.wxml │ │ ├── sidebar/ │ │ │ ├── index.js │ │ │ ├── index.json │ │ │ ├── index.wxml │ │ │ └── index.wxss │ │ ├── skeleton/ │ │ │ ├── index.js │ │ │ ├── index.json │ │ │ └── index.wxml │ │ ├── slider/ │ │ │ ├── index.js │ │ │ ├── index.json │ │ │ └── index.wxml │ │ ├── stepper/ │ │ │ ├── index.js │ │ │ ├── index.json │ │ │ └── index.wxml │ │ ├── steps/ │ │ │ ├── index.js │ │ │ ├── index.json │ │ │ └── index.wxml │ │ ├── sticky/ │ │ │ ├── index.js │ │ │ ├── index.json │ │ │ ├── index.wxml │ │ │ └── index.wxss │ │ ├── submit-bar/ │ │ │ ├── index.js │ │ │ ├── index.json │ │ │ └── index.wxml │ │ ├── swipe-cell/ │ │ │ ├── index.js │ │ │ ├── index.json │ │ │ └── index.wxml │ │ ├── switch/ │ │ │ ├── index.js │ │ │ ├── index.json │ │ │ └── index.wxml │ │ ├── tab/ │ │ │ ├── index.js │ │ │ ├── index.json │ │ │ └── index.wxml │ │ ├── tabbar/ │ │ │ ├── index.js │ │ │ ├── index.json │ │ │ └── index.wxml │ │ ├── tag/ │ │ │ ├── index.js │ │ │ ├── index.json │ │ │ └── index.wxml │ │ ├── toast/ │ │ │ ├── index.js │ │ │ ├── index.json │ │ │ └── index.wxml │ │ ├── transition/ │ │ │ ├── index.js │ │ │ ├── index.json │ │ │ └── index.wxml │ │ ├── tree-select/ │ │ │ ├── index.js │ │ │ ├── index.json │ │ │ └── index.wxml │ │ └── uploader/ │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ └── index.wxss │ ├── project.config.json │ └── sitemap.json ├── jest.config.js ├── lib/ │ ├── action-sheet/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ └── index.wxss │ ├── area/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ ├── index.wxs │ │ └── index.wxss │ ├── button/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ ├── index.wxs │ │ └── index.wxss │ ├── calendar/ │ │ ├── calendar.wxml │ │ ├── components/ │ │ │ ├── header/ │ │ │ │ ├── index.d.ts │ │ │ │ ├── index.js │ │ │ │ ├── index.json │ │ │ │ ├── index.wxml │ │ │ │ └── index.wxss │ │ │ └── month/ │ │ │ ├── index.d.ts │ │ │ ├── index.js │ │ │ ├── index.json │ │ │ ├── index.wxml │ │ │ ├── index.wxs │ │ │ └── index.wxss │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ ├── index.wxs │ │ ├── index.wxss │ │ ├── utils.d.ts │ │ ├── utils.js │ │ └── utils.wxs │ ├── card/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ └── index.wxss │ ├── cascader/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ ├── index.wxs │ │ └── index.wxss │ ├── cell/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ ├── index.wxs │ │ └── index.wxss │ ├── cell-group/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ └── index.wxss │ ├── checkbox/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ ├── index.wxs │ │ └── index.wxss │ ├── checkbox-group/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ └── index.wxss │ ├── circle/ │ │ ├── canvas.d.ts │ │ ├── canvas.js │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ └── index.wxss │ ├── col/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ ├── index.wxs │ │ └── index.wxss │ ├── collapse/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ └── index.wxss │ ├── collapse-item/ │ │ ├── animate.d.ts │ │ ├── animate.js │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ └── index.wxss │ ├── common/ │ │ ├── color.d.ts │ │ ├── color.js │ │ ├── component.d.ts │ │ ├── component.js │ │ ├── index.wxss │ │ ├── relation.d.ts │ │ ├── relation.js │ │ ├── style/ │ │ │ ├── clearfix.wxss │ │ │ ├── ellipsis.wxss │ │ │ ├── hairline.wxss │ │ │ ├── mixins/ │ │ │ │ ├── clearfix.wxss │ │ │ │ ├── ellipsis.wxss │ │ │ │ └── hairline.wxss │ │ │ └── var.wxss │ │ ├── utils.d.ts │ │ ├── utils.js │ │ ├── validator.d.ts │ │ ├── validator.js │ │ ├── version.d.ts │ │ └── version.js │ ├── config-provider/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ └── index.wxs │ ├── count-down/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ ├── index.wxss │ │ ├── utils.d.ts │ │ └── utils.js │ ├── datetime-picker/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ └── index.wxss │ ├── definitions/ │ │ ├── index.d.ts │ │ └── index.js │ ├── dialog/ │ │ ├── dialog.d.ts │ │ ├── dialog.js │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ └── index.wxss │ ├── divider/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ ├── index.wxs │ │ └── index.wxss │ ├── dropdown-item/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ ├── index.wxss │ │ ├── shared.d.ts │ │ └── shared.js │ ├── dropdown-menu/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ ├── index.wxs │ │ └── index.wxss │ ├── empty/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ ├── index.wxs │ │ └── index.wxss │ ├── field/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ ├── index.wxs │ │ ├── index.wxss │ │ ├── input.wxml │ │ ├── props.d.ts │ │ ├── props.js │ │ ├── textarea.wxml │ │ ├── types.d.ts │ │ └── types.js │ ├── goods-action/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ └── index.wxss │ ├── goods-action-button/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ └── index.wxss │ ├── goods-action-icon/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ └── index.wxss │ ├── grid/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ ├── index.wxs │ │ └── index.wxss │ ├── grid-item/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ ├── index.wxs │ │ └── index.wxss │ ├── icon/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ ├── index.wxs │ │ └── index.wxss │ ├── image/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ ├── index.wxs │ │ └── index.wxss │ ├── index-anchor/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ └── index.wxss │ ├── index-bar/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ └── index.wxss │ ├── info/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ └── index.wxss │ ├── loading/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ ├── index.wxs │ │ └── index.wxss │ ├── mixins/ │ │ ├── basic.d.ts │ │ ├── basic.js │ │ ├── button.d.ts │ │ ├── button.js │ │ ├── link.d.ts │ │ ├── link.js │ │ ├── page-scroll.d.ts │ │ ├── page-scroll.js │ │ ├── touch.d.ts │ │ ├── touch.js │ │ ├── transition.d.ts │ │ └── transition.js │ ├── nav-bar/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ ├── index.wxs │ │ └── index.wxss │ ├── notice-bar/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ ├── index.wxs │ │ └── index.wxss │ ├── notify/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ ├── index.wxs │ │ ├── index.wxss │ │ ├── notify.d.ts │ │ └── notify.js │ ├── overlay/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ ├── index.wxss │ │ └── overlay.wxml │ ├── panel/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ └── index.wxss │ ├── picker/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ ├── index.wxs │ │ ├── index.wxss │ │ ├── shared.d.ts │ │ ├── shared.js │ │ └── toolbar.wxml │ ├── picker-column/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ ├── index.wxs │ │ └── index.wxss │ ├── popup/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ ├── index.wxs │ │ ├── index.wxss │ │ └── popup.wxml │ ├── progress/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ ├── index.wxs │ │ └── index.wxss │ ├── radio/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ ├── index.wxs │ │ └── index.wxss │ ├── radio-group/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ └── index.wxss │ ├── rate/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ └── index.wxss │ ├── row/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ ├── index.wxs │ │ └── index.wxss │ ├── search/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ └── index.wxss │ ├── share-sheet/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ ├── index.wxs │ │ ├── index.wxss │ │ ├── options.d.ts │ │ ├── options.js │ │ ├── options.json │ │ ├── options.wxml │ │ ├── options.wxs │ │ └── options.wxss │ ├── sidebar/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ └── index.wxss │ ├── sidebar-item/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ └── index.wxss │ ├── skeleton/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ └── index.wxss │ ├── slider/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ ├── index.wxs │ │ └── index.wxss │ ├── stepper/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ ├── index.wxs │ │ └── index.wxss │ ├── steps/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ └── index.wxss │ ├── sticky/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ ├── index.wxs │ │ └── index.wxss │ ├── submit-bar/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ └── index.wxss │ ├── swipe-cell/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ └── index.wxss │ ├── switch/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ ├── index.wxs │ │ └── index.wxss │ ├── tab/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ └── index.wxss │ ├── tabbar/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ └── index.wxss │ ├── tabbar-item/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ └── index.wxss │ ├── tabs/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ ├── index.wxs │ │ └── index.wxss │ ├── tag/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ ├── index.wxs │ │ └── index.wxss │ ├── toast/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ ├── index.wxss │ │ ├── toast.d.ts │ │ └── toast.js │ ├── transition/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ ├── index.wxs │ │ └── index.wxss │ ├── tree-select/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ ├── index.wxs │ │ └── index.wxss │ ├── uploader/ │ │ ├── index.d.ts │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ ├── index.wxs │ │ ├── index.wxss │ │ ├── shared.d.ts │ │ ├── shared.js │ │ ├── utils.d.ts │ │ └── utils.js │ └── wxs/ │ ├── add-unit.wxs │ ├── array.wxs │ ├── bem.wxs │ ├── memoize.wxs │ ├── object.wxs │ ├── style.wxs │ └── utils.wxs ├── package.json ├── packages/ │ ├── action-sheet/ │ │ ├── README.md │ │ ├── demo/ │ │ │ ├── index.json │ │ │ ├── index.less │ │ │ ├── index.ts │ │ │ └── index.wxml │ │ ├── index.json │ │ ├── index.less │ │ ├── index.ts │ │ ├── index.wxml │ │ └── test/ │ │ ├── __snapshots__/ │ │ │ └── demo.spec.ts.snap │ │ └── demo.spec.ts │ ├── area/ │ │ ├── README.md │ │ ├── demo/ │ │ │ ├── index.json │ │ │ ├── index.ts │ │ │ └── index.wxml │ │ ├── index.json │ │ ├── index.less │ │ ├── index.ts │ │ ├── index.wxml │ │ ├── index.wxs │ │ └── test/ │ │ ├── __snapshots__/ │ │ │ └── demo.spec.ts.snap │ │ └── demo.spec.ts │ ├── button/ │ │ ├── README.md │ │ ├── demo/ │ │ │ ├── index.json │ │ │ ├── index.less │ │ │ ├── index.ts │ │ │ └── index.wxml │ │ ├── index.json │ │ ├── index.less │ │ ├── index.ts │ │ ├── index.wxml │ │ ├── index.wxs │ │ └── test/ │ │ ├── __snapshots__/ │ │ │ └── demo.spec.ts.snap │ │ ├── demo.spec.ts │ │ └── index.spec.ts │ ├── calendar/ │ │ ├── README.md │ │ ├── calendar.wxml │ │ ├── components/ │ │ │ ├── header/ │ │ │ │ ├── index.json │ │ │ │ ├── index.less │ │ │ │ ├── index.ts │ │ │ │ └── index.wxml │ │ │ └── month/ │ │ │ ├── index.json │ │ │ ├── index.less │ │ │ ├── index.ts │ │ │ ├── index.wxml │ │ │ └── index.wxs │ │ ├── demo/ │ │ │ ├── index.json │ │ │ ├── index.less │ │ │ ├── index.ts │ │ │ ├── index.wxml │ │ │ └── index.wxs │ │ ├── index.json │ │ ├── index.less │ │ ├── index.ts │ │ ├── index.wxml │ │ ├── index.wxs │ │ ├── test/ │ │ │ ├── __snapshots__/ │ │ │ │ └── demo.spec.ts.snap │ │ │ └── demo.spec.ts │ │ ├── utils.ts │ │ └── utils.wxs │ ├── card/ │ │ ├── README.md │ │ ├── demo/ │ │ │ ├── index.json │ │ │ ├── index.less │ │ │ ├── index.ts │ │ │ └── index.wxml │ │ ├── index.json │ │ ├── index.less │ │ ├── index.ts │ │ ├── index.wxml │ │ └── test/ │ │ ├── __snapshots__/ │ │ │ └── demo.spec.ts.snap │ │ └── demo.spec.ts │ ├── cascader/ │ │ ├── README.md │ │ ├── demo/ │ │ │ ├── index.json │ │ │ ├── index.ts │ │ │ └── index.wxml │ │ ├── index.json │ │ ├── index.less │ │ ├── index.ts │ │ ├── index.wxml │ │ ├── index.wxs │ │ └── test/ │ │ ├── __snapshots__/ │ │ │ └── demo.spec.ts.snap │ │ └── demo.spec.ts │ ├── cell/ │ │ ├── README.md │ │ ├── demo/ │ │ │ ├── index.json │ │ │ ├── index.less │ │ │ ├── index.ts │ │ │ └── index.wxml │ │ ├── index.json │ │ ├── index.less │ │ ├── index.ts │ │ ├── index.wxml │ │ ├── index.wxs │ │ └── test/ │ │ ├── __snapshots__/ │ │ │ └── demo.spec.ts.snap │ │ └── demo.spec.ts │ ├── cell-group/ │ │ ├── index.json │ │ ├── index.less │ │ ├── index.ts │ │ └── index.wxml │ ├── checkbox/ │ │ ├── README.md │ │ ├── demo/ │ │ │ ├── index.json │ │ │ ├── index.less │ │ │ ├── index.ts │ │ │ └── index.wxml │ │ ├── index.json │ │ ├── index.less │ │ ├── index.ts │ │ ├── index.wxml │ │ ├── index.wxs │ │ └── test/ │ │ ├── __snapshots__/ │ │ │ └── demo.spec.ts.snap │ │ └── demo.spec.ts │ ├── checkbox-group/ │ │ ├── index.json │ │ ├── index.less │ │ ├── index.ts │ │ └── index.wxml │ ├── circle/ │ │ ├── README.md │ │ ├── canvas.ts │ │ ├── demo/ │ │ │ ├── index.json │ │ │ ├── index.less │ │ │ ├── index.ts │ │ │ └── index.wxml │ │ ├── index.json │ │ ├── index.less │ │ ├── index.ts │ │ ├── index.wxml │ │ └── test/ │ │ ├── __snapshots__/ │ │ │ └── demo.spec.ts.snap │ │ └── demo.spec.ts │ ├── col/ │ │ ├── README.md │ │ ├── demo/ │ │ │ ├── index.json │ │ │ ├── index.less │ │ │ ├── index.ts │ │ │ └── index.wxml │ │ ├── index.json │ │ ├── index.less │ │ ├── index.ts │ │ ├── index.wxml │ │ ├── index.wxs │ │ └── test/ │ │ ├── __snapshots__/ │ │ │ └── demo.spec.ts.snap │ │ └── demo.spec.ts │ ├── collapse/ │ │ ├── README.md │ │ ├── demo/ │ │ │ ├── index.json │ │ │ ├── index.less │ │ │ ├── index.ts │ │ │ └── index.wxml │ │ ├── index.json │ │ ├── index.less │ │ ├── index.ts │ │ ├── index.wxml │ │ └── test/ │ │ ├── __snapshots__/ │ │ │ └── demo.spec.ts.snap │ │ └── demo.spec.ts │ ├── collapse-item/ │ │ ├── animate.ts │ │ ├── index.json │ │ ├── index.less │ │ ├── index.ts │ │ └── index.wxml │ ├── common/ │ │ ├── README.md │ │ ├── color.ts │ │ ├── component.ts │ │ ├── index.less │ │ ├── relation.ts │ │ ├── style/ │ │ │ ├── clearfix.less │ │ │ ├── ellipsis.less │ │ │ ├── hairline.less │ │ │ ├── mixins/ │ │ │ │ ├── clearfix.less │ │ │ │ ├── ellipsis.less │ │ │ │ └── hairline.less │ │ │ └── var.less │ │ ├── utils.ts │ │ ├── validator.ts │ │ └── version.ts │ ├── config-provider/ │ │ ├── README.md │ │ ├── demo/ │ │ │ ├── index.json │ │ │ ├── index.ts │ │ │ └── index.wxml │ │ ├── index.json │ │ ├── index.ts │ │ ├── index.wxml │ │ ├── index.wxs │ │ └── test/ │ │ ├── __snapshots__/ │ │ │ └── demo.spec.ts.snap │ │ └── demo.spec.ts │ ├── count-down/ │ │ ├── README.md │ │ ├── demo/ │ │ │ ├── index.json │ │ │ ├── index.less │ │ │ ├── index.ts │ │ │ └── index.wxml │ │ ├── index.json │ │ ├── index.less │ │ ├── index.ts │ │ ├── index.wxml │ │ ├── test/ │ │ │ ├── __snapshots__/ │ │ │ │ └── demo.spec.ts.snap │ │ │ └── demo.spec.ts │ │ └── utils.ts │ ├── datetime-picker/ │ │ ├── README.md │ │ ├── demo/ │ │ │ ├── index.json │ │ │ ├── index.ts │ │ │ └── index.wxml │ │ ├── index.json │ │ ├── index.less │ │ ├── index.ts │ │ ├── index.wxml │ │ └── test/ │ │ ├── __snapshots__/ │ │ │ └── demo.spec.ts.snap │ │ └── demo.spec.ts │ ├── definitions/ │ │ └── index.ts │ ├── dialog/ │ │ ├── README.md │ │ ├── demo/ │ │ │ ├── index.json │ │ │ ├── index.less │ │ │ ├── index.ts │ │ │ └── index.wxml │ │ ├── dialog.ts │ │ ├── index.json │ │ ├── index.less │ │ ├── index.ts │ │ ├── index.wxml │ │ └── test/ │ │ ├── __snapshots__/ │ │ │ └── demo.spec.ts.snap │ │ └── demo.spec.ts │ ├── divider/ │ │ ├── README.md │ │ ├── demo/ │ │ │ ├── index.json │ │ │ ├── index.ts │ │ │ └── index.wxml │ │ ├── index.json │ │ ├── index.less │ │ ├── index.ts │ │ ├── index.wxml │ │ ├── index.wxs │ │ └── test/ │ │ ├── __snapshots__/ │ │ │ └── demo.spec.ts.snap │ │ └── demo.spec.ts │ ├── dropdown-item/ │ │ ├── dropdown-item.wxml │ │ ├── index.json │ │ ├── index.less │ │ ├── index.ts │ │ ├── index.wxml │ │ └── shared.ts │ ├── dropdown-menu/ │ │ ├── README.md │ │ ├── demo/ │ │ │ ├── index.json │ │ │ ├── index.ts │ │ │ └── index.wxml │ │ ├── index.json │ │ ├── index.less │ │ ├── index.ts │ │ ├── index.wxml │ │ ├── index.wxs │ │ └── test/ │ │ ├── __snapshots__/ │ │ │ └── demo.spec.ts.snap │ │ └── demo.spec.ts │ ├── empty/ │ │ ├── README.md │ │ ├── demo/ │ │ │ ├── index.json │ │ │ ├── index.less │ │ │ ├── index.ts │ │ │ └── index.wxml │ │ ├── index.json │ │ ├── index.less │ │ ├── index.ts │ │ ├── index.wxml │ │ ├── index.wxs │ │ └── test/ │ │ ├── __snapshots__/ │ │ │ └── demo.spec.ts.snap │ │ └── demo.spec.ts │ ├── field/ │ │ ├── README.md │ │ ├── demo/ │ │ │ ├── index.json │ │ │ ├── index.less │ │ │ ├── index.ts │ │ │ └── index.wxml │ │ ├── index.json │ │ ├── index.less │ │ ├── index.ts │ │ ├── index.wxml │ │ ├── index.wxs │ │ ├── input.wxml │ │ ├── props.ts │ │ ├── test/ │ │ │ ├── __snapshots__/ │ │ │ │ └── demo.spec.ts.snap │ │ │ └── demo.spec.ts │ │ ├── textarea.wxml │ │ └── types.ts │ ├── goods-action/ │ │ ├── README.md │ │ ├── demo/ │ │ │ ├── index.json │ │ │ ├── index.less │ │ │ ├── index.ts │ │ │ └── index.wxml │ │ ├── index.json │ │ ├── index.less │ │ ├── index.ts │ │ ├── index.wxml │ │ └── test/ │ │ ├── __snapshots__/ │ │ │ └── demo.spec.ts.snap │ │ └── demo.spec.ts │ ├── goods-action-button/ │ │ ├── index.json │ │ ├── index.less │ │ ├── index.ts │ │ └── index.wxml │ ├── goods-action-icon/ │ │ ├── index.json │ │ ├── index.less │ │ ├── index.ts │ │ └── index.wxml │ ├── grid/ │ │ ├── README.md │ │ ├── demo/ │ │ │ ├── index.json │ │ │ ├── index.ts │ │ │ └── index.wxml │ │ ├── index.json │ │ ├── index.less │ │ ├── index.ts │ │ ├── index.wxml │ │ ├── index.wxs │ │ └── test/ │ │ ├── __snapshots__/ │ │ │ └── demo.spec.ts.snap │ │ └── demo.spec.ts │ ├── grid-item/ │ │ ├── index.json │ │ ├── index.less │ │ ├── index.ts │ │ ├── index.wxml │ │ └── index.wxs │ ├── icon/ │ │ ├── README.md │ │ ├── demo/ │ │ │ ├── index.json │ │ │ ├── index.less │ │ │ ├── index.ts │ │ │ └── index.wxml │ │ ├── index.json │ │ ├── index.less │ │ ├── index.ts │ │ ├── index.wxml │ │ ├── index.wxs │ │ └── test/ │ │ ├── __snapshots__/ │ │ │ └── demo.spec.ts.snap │ │ └── demo.spec.ts │ ├── image/ │ │ ├── README.md │ │ ├── demo/ │ │ │ ├── index.json │ │ │ ├── index.less │ │ │ ├── index.ts │ │ │ └── index.wxml │ │ ├── index.json │ │ ├── index.less │ │ ├── index.ts │ │ ├── index.wxml │ │ ├── index.wxs │ │ └── test/ │ │ ├── __snapshots__/ │ │ │ └── demo.spec.ts.snap │ │ └── demo.spec.ts │ ├── index-anchor/ │ │ ├── index.json │ │ ├── index.less │ │ ├── index.ts │ │ └── index.wxml │ ├── index-bar/ │ │ ├── README.md │ │ ├── demo/ │ │ │ ├── index.json │ │ │ ├── index.ts │ │ │ └── index.wxml │ │ ├── index.json │ │ ├── index.less │ │ ├── index.ts │ │ ├── index.wxml │ │ └── test/ │ │ ├── __snapshots__/ │ │ │ └── demo.spec.ts.snap │ │ └── demo.spec.ts │ ├── info/ │ │ ├── index.json │ │ ├── index.less │ │ ├── index.ts │ │ └── index.wxml │ ├── loading/ │ │ ├── README.md │ │ ├── demo/ │ │ │ ├── index.json │ │ │ ├── index.less │ │ │ ├── index.ts │ │ │ └── index.wxml │ │ ├── index.json │ │ ├── index.less │ │ ├── index.ts │ │ ├── index.wxml │ │ ├── index.wxs │ │ └── test/ │ │ ├── __snapshots__/ │ │ │ └── demo.spec.ts.snap │ │ └── demo.spec.ts │ ├── mixins/ │ │ ├── basic.ts │ │ ├── button.ts │ │ ├── link.ts │ │ ├── page-scroll.ts │ │ ├── touch.ts │ │ └── transition.ts │ ├── nav-bar/ │ │ ├── README.md │ │ ├── demo/ │ │ │ ├── index.json │ │ │ ├── index.less │ │ │ ├── index.ts │ │ │ └── index.wxml │ │ ├── index.json │ │ ├── index.less │ │ ├── index.ts │ │ ├── index.wxml │ │ ├── index.wxs │ │ └── test/ │ │ ├── __snapshots__/ │ │ │ └── demo.spec.ts.snap │ │ └── demo.spec.ts │ ├── notice-bar/ │ │ ├── README.md │ │ ├── demo/ │ │ │ ├── index.json │ │ │ ├── index.less │ │ │ ├── index.ts │ │ │ └── index.wxml │ │ ├── index.json │ │ ├── index.less │ │ ├── index.ts │ │ ├── index.wxml │ │ ├── index.wxs │ │ └── test/ │ │ ├── __snapshots__/ │ │ │ └── demo.spec.ts.snap │ │ └── demo.spec.ts │ ├── notify/ │ │ ├── README.md │ │ ├── demo/ │ │ │ ├── index.json │ │ │ ├── index.ts │ │ │ └── index.wxml │ │ ├── index.json │ │ ├── index.less │ │ ├── index.ts │ │ ├── index.wxml │ │ ├── index.wxs │ │ ├── notify.ts │ │ └── test/ │ │ ├── __snapshots__/ │ │ │ └── demo.spec.ts.snap │ │ └── demo.spec.ts │ ├── overlay/ │ │ ├── README.md │ │ ├── demo/ │ │ │ ├── index.json │ │ │ ├── index.less │ │ │ ├── index.ts │ │ │ └── index.wxml │ │ ├── index.json │ │ ├── index.less │ │ ├── index.ts │ │ ├── index.wxml │ │ ├── overlay.wxml │ │ └── test/ │ │ ├── __snapshots__/ │ │ │ └── demo.spec.ts.snap │ │ └── demo.spec.ts │ ├── panel/ │ │ ├── README.md │ │ ├── demo/ │ │ │ ├── index.json │ │ │ ├── index.less │ │ │ ├── index.ts │ │ │ └── index.wxml │ │ ├── index.json │ │ ├── index.less │ │ ├── index.ts │ │ ├── index.wxml │ │ └── test/ │ │ ├── __snapshots__/ │ │ │ └── demo.spec.ts.snap │ │ └── demo.spec.ts │ ├── picker/ │ │ ├── README.md │ │ ├── demo/ │ │ │ ├── index.json │ │ │ ├── index.ts │ │ │ └── index.wxml │ │ ├── index.json │ │ ├── index.less │ │ ├── index.ts │ │ ├── index.wxml │ │ ├── index.wxs │ │ ├── shared.ts │ │ ├── test/ │ │ │ ├── __snapshots__/ │ │ │ │ └── demo.spec.ts.snap │ │ │ └── demo.spec.ts │ │ └── toolbar.wxml │ ├── picker-column/ │ │ ├── index.json │ │ ├── index.less │ │ ├── index.ts │ │ ├── index.wxml │ │ └── index.wxs │ ├── popup/ │ │ ├── README.md │ │ ├── demo/ │ │ │ ├── index.json │ │ │ ├── index.ts │ │ │ └── index.wxml │ │ ├── index.json │ │ ├── index.less │ │ ├── index.ts │ │ ├── index.wxml │ │ ├── index.wxs │ │ ├── popup.wxml │ │ └── test/ │ │ ├── __snapshots__/ │ │ │ └── demo.spec.ts.snap │ │ └── demo.spec.ts │ ├── progress/ │ │ ├── README.md │ │ ├── demo/ │ │ │ ├── index.json │ │ │ ├── index.less │ │ │ ├── index.ts │ │ │ └── index.wxml │ │ ├── index.json │ │ ├── index.less │ │ ├── index.ts │ │ ├── index.wxml │ │ ├── index.wxs │ │ └── test/ │ │ ├── __snapshots__/ │ │ │ └── demo.spec.ts.snap │ │ └── demo.spec.ts │ ├── radio/ │ │ ├── README.md │ │ ├── demo/ │ │ │ ├── index.json │ │ │ ├── index.less │ │ │ ├── index.ts │ │ │ └── index.wxml │ │ ├── index.json │ │ ├── index.less │ │ ├── index.ts │ │ ├── index.wxml │ │ ├── index.wxs │ │ └── test/ │ │ ├── __snapshots__/ │ │ │ └── demo.spec.ts.snap │ │ └── demo.spec.ts │ ├── radio-group/ │ │ ├── index.json │ │ ├── index.less │ │ ├── index.ts │ │ └── index.wxml │ ├── rate/ │ │ ├── README.md │ │ ├── demo/ │ │ │ ├── index.json │ │ │ ├── index.less │ │ │ ├── index.ts │ │ │ └── index.wxml │ │ ├── index.json │ │ ├── index.less │ │ ├── index.ts │ │ ├── index.wxml │ │ └── test/ │ │ ├── __snapshots__/ │ │ │ └── demo.spec.ts.snap │ │ └── demo.spec.ts │ ├── row/ │ │ ├── index.json │ │ ├── index.less │ │ ├── index.ts │ │ ├── index.wxml │ │ └── index.wxs │ ├── search/ │ │ ├── README.md │ │ ├── demo/ │ │ │ ├── index.json │ │ │ ├── index.ts │ │ │ └── index.wxml │ │ ├── index.json │ │ ├── index.less │ │ ├── index.ts │ │ ├── index.wxml │ │ └── test/ │ │ ├── __snapshots__/ │ │ │ └── demo.spec.ts.snap │ │ └── demo.spec.ts │ ├── share-sheet/ │ │ ├── README.md │ │ ├── demo/ │ │ │ ├── index.json │ │ │ ├── index.less │ │ │ ├── index.ts │ │ │ └── index.wxml │ │ ├── index.json │ │ ├── index.less │ │ ├── index.ts │ │ ├── index.wxml │ │ ├── index.wxs │ │ ├── options.json │ │ ├── options.less │ │ ├── options.ts │ │ ├── options.wxml │ │ ├── options.wxs │ │ └── test/ │ │ ├── __snapshots__/ │ │ │ └── demo.spec.ts.snap │ │ └── demo.spec.ts │ ├── sidebar/ │ │ ├── README.md │ │ ├── demo/ │ │ │ ├── index.json │ │ │ ├── index.less │ │ │ ├── index.ts │ │ │ └── index.wxml │ │ ├── index.json │ │ ├── index.less │ │ ├── index.ts │ │ ├── index.wxml │ │ └── test/ │ │ ├── __snapshots__/ │ │ │ └── demo.spec.ts.snap │ │ └── demo.spec.ts │ ├── sidebar-item/ │ │ ├── index.json │ │ ├── index.less │ │ ├── index.ts │ │ └── index.wxml │ ├── skeleton/ │ │ ├── README.md │ │ ├── demo/ │ │ │ ├── index.json │ │ │ ├── index.less │ │ │ ├── index.ts │ │ │ └── index.wxml │ │ ├── index.json │ │ ├── index.less │ │ ├── index.ts │ │ ├── index.wxml │ │ └── test/ │ │ ├── __snapshots__/ │ │ │ └── demo.spec.ts.snap │ │ └── demo.spec.ts │ ├── slider/ │ │ ├── README.md │ │ ├── demo/ │ │ │ ├── index.json │ │ │ ├── index.less │ │ │ ├── index.ts │ │ │ └── index.wxml │ │ ├── index.json │ │ ├── index.less │ │ ├── index.ts │ │ ├── index.wxml │ │ ├── index.wxs │ │ └── test/ │ │ ├── __snapshots__/ │ │ │ └── demo.spec.ts.snap │ │ └── demo.spec.ts │ ├── stepper/ │ │ ├── README.md │ │ ├── demo/ │ │ │ ├── index.json │ │ │ ├── index.ts │ │ │ └── index.wxml │ │ ├── index.json │ │ ├── index.less │ │ ├── index.ts │ │ ├── index.wxml │ │ ├── index.wxs │ │ └── test/ │ │ ├── __snapshots__/ │ │ │ └── demo.spec.ts.snap │ │ └── demo.spec.ts │ ├── steps/ │ │ ├── README.md │ │ ├── demo/ │ │ │ ├── index.json │ │ │ ├── index.less │ │ │ ├── index.ts │ │ │ └── index.wxml │ │ ├── index.json │ │ ├── index.less │ │ ├── index.ts │ │ ├── index.wxml │ │ └── test/ │ │ ├── __snapshots__/ │ │ │ └── demo.spec.ts.snap │ │ └── demo.spec.ts │ ├── sticky/ │ │ ├── README.md │ │ ├── demo/ │ │ │ ├── index.json │ │ │ ├── index.less │ │ │ ├── index.ts │ │ │ └── index.wxml │ │ ├── index.json │ │ ├── index.less │ │ ├── index.ts │ │ ├── index.wxml │ │ ├── index.wxs │ │ └── test/ │ │ ├── __snapshots__/ │ │ │ └── demo.spec.ts.snap │ │ └── demo.spec.ts │ ├── submit-bar/ │ │ ├── README.md │ │ ├── demo/ │ │ │ ├── index.json │ │ │ ├── index.less │ │ │ ├── index.ts │ │ │ └── index.wxml │ │ ├── index.json │ │ ├── index.less │ │ ├── index.ts │ │ ├── index.wxml │ │ └── test/ │ │ ├── __snapshots__/ │ │ │ └── demo.spec.ts.snap │ │ └── demo.spec.ts │ ├── swipe-cell/ │ │ ├── README.md │ │ ├── demo/ │ │ │ ├── index.json │ │ │ ├── index.less │ │ │ ├── index.ts │ │ │ └── index.wxml │ │ ├── index.json │ │ ├── index.less │ │ ├── index.ts │ │ ├── index.wxml │ │ └── test/ │ │ ├── __snapshots__/ │ │ │ └── demo.spec.ts.snap │ │ └── demo.spec.ts │ ├── switch/ │ │ ├── README.md │ │ ├── demo/ │ │ │ ├── index.json │ │ │ ├── index.ts │ │ │ └── index.wxml │ │ ├── index.json │ │ ├── index.less │ │ ├── index.ts │ │ ├── index.wxml │ │ ├── index.wxs │ │ └── test/ │ │ ├── __snapshots__/ │ │ │ ├── demo.spec.ts.snap │ │ │ └── index.spec.ts.snap │ │ ├── demo.spec.ts │ │ └── index.spec.ts │ ├── tab/ │ │ ├── README.md │ │ ├── demo/ │ │ │ ├── index.json │ │ │ ├── index.less │ │ │ ├── index.ts │ │ │ └── index.wxml │ │ ├── index.json │ │ ├── index.less │ │ ├── index.ts │ │ ├── index.wxml │ │ └── test/ │ │ ├── __snapshots__/ │ │ │ └── demo.spec.ts.snap │ │ └── demo.spec.ts │ ├── tabbar/ │ │ ├── README.md │ │ ├── demo/ │ │ │ ├── index.json │ │ │ ├── index.less │ │ │ ├── index.ts │ │ │ └── index.wxml │ │ ├── index.json │ │ ├── index.less │ │ ├── index.ts │ │ ├── index.wxml │ │ └── test/ │ │ ├── __snapshots__/ │ │ │ └── demo.spec.ts.snap │ │ └── demo.spec.ts │ ├── tabbar-item/ │ │ ├── index.json │ │ ├── index.less │ │ ├── index.ts │ │ └── index.wxml │ ├── tabs/ │ │ ├── index.json │ │ ├── index.less │ │ ├── index.ts │ │ ├── index.wxml │ │ └── index.wxs │ ├── tag/ │ │ ├── README.md │ │ ├── demo/ │ │ │ ├── index.json │ │ │ ├── index.ts │ │ │ └── index.wxml │ │ ├── index.json │ │ ├── index.less │ │ ├── index.ts │ │ ├── index.wxml │ │ ├── index.wxs │ │ └── test/ │ │ ├── __snapshots__/ │ │ │ └── demo.spec.ts.snap │ │ └── demo.spec.ts │ ├── toast/ │ │ ├── README.md │ │ ├── demo/ │ │ │ ├── index.json │ │ │ ├── index.ts │ │ │ └── index.wxml │ │ ├── index.json │ │ ├── index.less │ │ ├── index.ts │ │ ├── index.wxml │ │ ├── test/ │ │ │ ├── __snapshots__/ │ │ │ │ └── demo.spec.ts.snap │ │ │ └── demo.spec.ts │ │ └── toast.ts │ ├── transition/ │ │ ├── README.md │ │ ├── demo/ │ │ │ ├── index.json │ │ │ ├── index.less │ │ │ ├── index.ts │ │ │ └── index.wxml │ │ ├── index.json │ │ ├── index.less │ │ ├── index.ts │ │ ├── index.wxml │ │ ├── index.wxs │ │ └── test/ │ │ ├── __snapshots__/ │ │ │ └── demo.spec.ts.snap │ │ └── demo.spec.ts │ ├── tree-select/ │ │ ├── README.md │ │ ├── demo/ │ │ │ ├── index.json │ │ │ ├── index.ts │ │ │ └── index.wxml │ │ ├── index.json │ │ ├── index.less │ │ ├── index.ts │ │ ├── index.wxml │ │ ├── index.wxs │ │ └── test/ │ │ ├── __snapshots__/ │ │ │ └── demo.spec.ts.snap │ │ └── demo.spec.ts │ ├── uploader/ │ │ ├── README.md │ │ ├── demo/ │ │ │ ├── index.json │ │ │ ├── index.ts │ │ │ └── index.wxml │ │ ├── index.json │ │ ├── index.less │ │ ├── index.ts │ │ ├── index.wxml │ │ ├── index.wxs │ │ ├── shared.ts │ │ ├── test/ │ │ │ ├── __snapshots__/ │ │ │ │ └── demo.spec.ts.snap │ │ │ └── demo.spec.ts │ │ └── utils.ts │ └── wxs/ │ ├── add-unit.wxs │ ├── array.wxs │ ├── bem.wxs │ ├── memoize.wxs │ ├── object.wxs │ ├── style.wxs │ └── utils.wxs ├── postcss.config.js ├── rsbuild.config.ts ├── tsconfig.example.json ├── tsconfig.json ├── tsconfig.lib.json └── vant.config.mjs ================================================ FILE CONTENTS ================================================ ================================================ FILE: .editorconfig ================================================ root = true [*] indent_style = space end_of_line = lf charset = utf-8 trim_trailing_whitespace = true insert_final_newline = true [*.wxml] indent_size = 2 [*.wxss] indent_size = 2 [*.js] indent_size = 2 [*.json] indent_size = 2 ================================================ FILE: .eslintignore ================================================ lib dist example/dist node_modules ================================================ FILE: .eslintrc ================================================ { "root": true, "globals": { "getApp": false, "getCurrentPages": false, "Page": false, "Component": false, "App": false, "wx": false, "Behavior": false }, "extends": ["@vant"] } ================================================ FILE: .gitee/ISSUE_TEMPLATE.zh-CN.md ================================================ 你好，请使用下面的链接创建 issue 以帮助我们更快的排查问题，不规范的 issue 会被关闭，感谢配合。 http://vant-ui.github.io/vant-issue-generater?repo=VantWeapp ================================================ FILE: .github/FUNDING.yml ================================================ # These are supported funding model platforms github: [chenjiahan, nemo-shen] patreon: # Replace with a single Patreon username open_collective: # Replace with a single Open Collective username ko_fi: # Replace with a single Ko-fi username tidelift: # Replace with a single Tidelift platform-name/package-name e.g., npm/babel community_bridge: # Replace with a single Community Bridge project-name e.g., cloud-foundry liberapay: # Replace with a single Liberapay username issuehunt: # Replace with a single IssueHunt username otechie: # Replace with a single Otechie username custom: # Replace with up to 4 custom sponsorship URLs e.g., ['link1', 'link2'] ================================================ FILE: .github/ISSUE_TEMPLATE/config.yml ================================================ blank_issues_enabled: false ================================================ FILE: .github/ISSUE_TEMPLATE/template-1-bug-report-vant.zh-CN.yml ================================================ name: 我要反馈 Vant Weapp 的 Bug description: 通过标准模板进行 Bug 反馈 title: "[Bug Report] 请在此填写标题" labels: ["bug: need confirm"] body: - type: markdown attributes: value: | 在提交 Bug 报告前，请注意： - 确认你的问题无法通过官方文档得到解决。 - 确认你搜索过 [历史 issue](https://github.com/youzan/vant-weapp/issues)，并且没有发现同样的问题。 - 如果不是反馈 Bug，请到 [Discussions 讨论区](https://github.com/youzan/vant-weapp/discussions) 发帖。 - type: textarea id: reproduce attributes: label: 重现链接 description: 请提供一个尽可能简单的微信小程序代码片段协助我们排查，这可以更快的帮助我们定位问题，解决 issue。 validations: required: true - type: input id: version attributes: label: Vant Weapp 版本 description: 你正在使用的 Vant Weapp 版本是多少？（请填写 node_modules/@vant/weapp/package.json 里实际安装的版本） placeholder: 比如 1.10.5 validations: required: true - type: textarea id: description attributes: label: 描述一下你遇到的问题。 placeholder: 比如：弹窗无法展示、日历组件报错 validations: required: true - type: textarea id: reproduce-steps attributes: label: 重现步骤 description: 请提供一个最简单的操作步骤，方便我们快速重现问题。 placeholder: | 比如： 1. 点击按钮 2. 弹窗无法展示 validations: required: true - type: input id: browsers attributes: label: 设备/浏览器 description: 在哪些设备/浏览器上能重现这个问题？ ================================================ FILE: .github/ISSUE_TEMPLATE/template-3-feature-request-vant.zh-CN.yml ================================================ name: 我想要一个 Vant Weapp 的新功能 description: 通过标准模板描述一下你的功能需求。 title: "[Feature Request] 请在此填写标题" labels: ["feature: need confirm"] body: - type: markdown attributes: value: | 在提交功能需求前，请注意： - 确认这是一个通用功能，并且无法通过现有的 API 或 Slot 实现。 - 确认你搜索过 [历史 issue](https://github.com/youzan/vant-weapp/issues)，并且没有发现同样的需求。 - 可以先到 [Discussions 讨论区](https://github.com/youzan/vant-weapp/discussions) 发帖，讨论一下需求是否合理。 - type: textarea id: description attributes: label: 这个功能解决了什么问题？ description: 请尽可能详细地说明这个功能的使用场景。 validations: required: true - type: textarea id: api attributes: label: 你期望的 API 是什么样子的？ description: 描述一下这个新功能的 API，并提供一些代码示例。 placeholder: | ```xml ``` validations: required: true ================================================ FILE: .github/PULL_REQUEST_TEMPLATE.md ================================================ ### Pull Request 标题规则 type(ComponentName?)：commit message 示例： - docs: fix typo in quickstart - build: optimize build speed - fix(Button): incorrect style - feat(Button): add color prop 可选择的类型: - fix - feat - docs - perf - test - types - build - chore - refactor - breaking change ================================================ FILE: .github/dependabot.yml ================================================ version: 2 updates: - package-ecosystem: npm directory: "/" schedule: interval: monthly open-pull-requests-limit: 10 ignore: - dependency-name: miniprogram-api-typings versions: - 3.3.2 ================================================ FILE: .github/pr-labeler.yml ================================================ "change: feat": - "/^(feat|types|style)/" "change: fix": - "/^fix/" "change: perf": - "/^perf/" "change: breaking": - "/^breaking change/" "change: docs": - "/^docs/" ================================================ FILE: .github/workflows/deploy-site.yml ================================================ name: Deploy Site on: push: branches: [dev] paths: - 'docs/**/*.md' - 'packages/**/*.md' workflow_dispatch: jobs: build-and-deploy: runs-on: ubuntu-latest steps: - name: Checkout 🛎️ uses: actions/checkout@v2 with: ref: 'dev' - name: Install dependencies uses: bahmutov/npm-install@v1 - name: Build Site run: npx --no-install vant-cli build-site - name: Deploy for GitHub 🚀 uses: JamesIves/github-pages-deploy-action@v4.6.0 with: branch: gh-pages folder: site-dist token: ${{ secrets.VANT_UI_TOKEN }} repository-name: vant-ui/vant-ui.github.io target-folder: vant-weapp # enable single-commit to reduce the repo size single-commit: true clean: true clean-exclude: | 0.x ================================================ FILE: .github/workflows/pr-label.yaml ================================================ name: PR Labeler on: pull_request_target: types: - opened - edited jobs: change-labeling: name: Labeling for changes runs-on: ubuntu-latest steps: - uses: github/issue-labeler@v3.4 with: repo-token: "${{ secrets.GITHUB_TOKEN }}" configuration-path: .github/pr-labeler.yml enable-versioned-regex: 0 include-title: 1 sync-labels: 1 ================================================ FILE: .github/workflows/release-tag.yml ================================================ name: Create Release Tag on: push: tags: - 'v*' # Push events to matching v*, i.e. v1.0, v20.15.10 jobs: build: name: Create Release runs-on: ubuntu-latest steps: - name: Checkout code uses: actions/checkout@v4 - name: Create Release for Tag id: release_tag uses: ncipollo/release-action@v1 with: generateReleaseNotes: "true" body: | > 请访问 [更新日志](https://vant-ui.github.io/vant-weapp/#/changelog) 了解所有更新。 ================================================ FILE: .github/workflows/test.yml ================================================ name: CI on: [push, pull_request] jobs: lint: runs-on: ubuntu-latest steps: - uses: actions/checkout@v1 - uses: actions/setup-node@v1 with: node-version: '18.x' - name: Install dependencies uses: bahmutov/npm-install@v1 - name: Run linter run: npm run lint test: runs-on: ubuntu-latest steps: - uses: szenius/set-timezone@v1.0 with: timezoneLinux: "Asia/Shanghai" timezoneMacos: "Asia/Shanghai" timezoneWindows: "China Standard Time" - uses: actions/checkout@v1 - uses: actions/setup-node@v1 with: node-version: '18.x' - name: Install dependencies uses: bahmutov/npm-install@v1 - name: Run test cases run: npm test - name: Upload coverage to Codecov uses: codecov/codecov-action@v1 with: token: ${{ secrets.CODECOV_TOKEN }} build: runs-on: ubuntu-latest steps: - uses: actions/checkout@v1 - uses: actions/setup-node@v1 with: node-version: '18.x' - name: Install dependencies uses: bahmutov/npm-install@v1 - name: Build run: npm run build:lib ================================================ FILE: .gitignore ================================================ *.log* .cache .DS_Store .idea .vscode node_modules site-dist docs/dist example/dist .history changelog.generated.md package-lock.json build/private.wx1c01b35002d3ba14.key project.private.config.json ================================================ FILE: .husky/.gitignore ================================================ _ ================================================ FILE: .husky/commit-msg ================================================ #!/bin/sh . "$(dirname "$0")/_/husky.sh" npx --no-install vant-cli commit-lint $1 ================================================ FILE: .husky/pre-commit ================================================ #!/bin/sh . "$(dirname "$0")/_/husky.sh" npx --no-install lint-staged ================================================ FILE: .npmrc ================================================ registry=https://registry.npmjs.org ================================================ FILE: .prettierignore ================================================ lib dist ================================================ FILE: .prettierrc ================================================ { "singleQuote": true, "proseWrap": "never" } ================================================ FILE: .stylelintrc ================================================ { "extends": [ "@vant/stylelint-config" ], "rules": { "unit-no-unknown": [ true, { "ignoreUnits": "/rpx/" } ], "selector-type-no-unknown": [ true, { "ignoreTypes": [ "/page/" ] } ] } } ================================================ FILE: LICENSE ================================================ 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: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. ================================================ FILE: README.md ================================================

logo

轻量、可靠的小程序 UI 组件库

npm version downloads downloads

🔥 文档网站（国内）   🔥 文档网站（GitHub）   🚀 Vue 版

--- ### 介绍 Vant 是一个**轻量、可靠的移动端组件库**，于 2017 年开源。 目前 Vant 官方提供了 [Vue 2 版本](https://vant-ui.github.io/vant/v2/)、[Vue 3 版本](https://vant-ui.github.io/vant/)和[微信小程序版本](http://vant-ui.github.io/vant-weapp/)，并由社区团队维护 [React 版本](https://github.com/3lang3/react-vant)和[支付宝小程序版本](https://github.com/ant-move/Vant-Aliapp)。 ## 预览 扫描下方小程序二维码，体验组件库示例。注意：因微信审核机制限制，目前示例小程序不是最新版本，可以 clone 代码到本地开发工具预览 ## 使用之前 使用 Vant Weapp 前，请确保你已经学习过微信官方的 [小程序简易教程](https://developers.weixin.qq.com/miniprogram/dev/framework/) 和 [自定义组件介绍](https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/)。 ## 安装 ### 方式一. 通过 npm 安装 (推荐) 小程序已经支持使用 npm 安装第三方包，详见 [npm 支持](https://developers.weixin.qq.com/miniprogram/dev/devtools/npm.html?search-key=npm) ```bash # 通过 npm 安装 npm i @vant/weapp -S --production # 通过 yarn 安装 yarn add @vant/weapp --production # 安装 0.x 版本 npm i vant-weapp -S --production ``` ### 方式二. 下载代码 直接通过 git 下载 Vant Weapp 源代码，并将 `dist` 目录拷贝到自己的项目中。 ```bash git clone https://github.com/youzan/vant-weapp.git ``` ## 使用组件 以按钮组件为例，只需要在 json 文件中引入按钮对应的自定义组件即可 ```json { "usingComponents": { "van-button": "/path/to/vant-weapp/dist/button/index" } } ``` 接着就可以在 wxml 中直接使用组件 ```html 按钮 ``` ## 在开发者工具中预览 ```bash # 安装项目依赖 npm install # 执行组件编译 npm run dev ``` 打开[微信开发者工具](https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html)，把`vant-weapp/example`目录添加进去就可以预览示例了。 PS：关于 `van-area` Area 省市区选择组件，地区数据初始化可以直接在云开发环境中导入`vant-weapp/example/database_area.JSON` 文件使用。 ## 基础库版本 Vant Weapp 最低支持到小程序基础库 2.6.5 版本。 ## 链接 - [文档网站（GitHub）](https://vant-ui.github.io/vant-weapp/) - [文档网站（国内）](https://vant.pro/vant-weapp/) - [意见反馈](https://github.com/youzan/vant-weapp/issues) - [设计资源](https://vant-ui.github.io/vant/#/zh-CN/design) - [更新日志](https://vant-ui.github.io/vant-weapp/#/changelog) - [官方示例](https://github.com/vant-ui/vant-demo) ## 核心团队 以下是 Vant 和 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/) | ## 贡献者们 感谢以下小伙伴们为 Vant Weapp 发展做出的贡献： contributors ## 开源协议 本项目基于 [MIT](https://zh.wikipedia.org/wiki/MIT%E8%A8%B1%E5%8F%AF%E8%AD%89)协议，请自由地享受和参与开源。 ================================================ FILE: babel.config.js ================================================ module.exports = { presets: [ [ '@babel/preset-env', { loose: true, modules: false, }, ], ], env: { test: { presets: ['@babel/preset-typescript'], plugins: ['@babel/plugin-transform-modules-commonjs'], }, }, }; ================================================ FILE: build/compiler.js ================================================ const fs = require('fs'); const gulp = require('gulp'); const path = require('path'); const less = require('gulp-less'); const insert = require('gulp-insert'); const rename = require('gulp-rename'); const postcss = require('gulp-postcss'); const ts = require('gulp-typescript'); const util = require('util'); const merge2 = require('merge2'); const exec = util.promisify(require('child_process').exec); const src = path.resolve(__dirname, '../packages'); const icons = path.resolve(__dirname, '../node_modules/@vant/icons'); const libConfig = path.resolve(__dirname, '../tsconfig.lib.json'); const esConfig = path.resolve(__dirname, '../tsconfig.json'); const exampleConfig = path.resolve(__dirname, '../tsconfig.example.json'); const libDir = path.resolve(__dirname, '../lib'); const esDir = path.resolve(__dirname, '../dist'); const exampleDistDir = path.resolve(__dirname, '../example/dist'); const examplePagesDir = path.resolve(__dirname, '../example/pages'); const exampleAppJsonPath = path.resolve(__dirname, '../example/app.json'); const baseCssPath = path.resolve(__dirname, '../packages/common/index.wxss'); const lessCompiler = (dist) => function compileLess() { const srcPath = [`${src}/**/*.less`]; if ([esDir, libDir].indexOf(dist) !== -1) { srcPath.push(`!${src}/**/demo/**/*.less`); } return gulp .src(srcPath) .pipe(less()) .pipe(postcss()) .pipe( insert.transform((contents, file) => { if (!file.path.includes('packages' + path.sep + 'common')) { const relativePath = path .relative( path.normalize(`${file.path}${path.sep}..`), baseCssPath ) .replace(/\\/g, '/'); contents = `@import '${relativePath}';${contents}`; } return contents; }) ) .pipe(rename({ extname: '.wxss' })) .pipe(gulp.dest(dist)); }; const tsCompiler = (dist, config) => function compileTs() { const tsProject = ts.createProject(config, { declaration: true, }); const tsResult = tsProject.src().pipe(tsProject()); return merge2( tsResult.js .pipe( insert.transform((contents, file) => { if (dist === exampleDistDir && file.path.includes(`${path.sep}demo${path.sep}`)) { const iconConfig = '@vant/icons/src/config'; contents = contents.replace( iconConfig, path.relative( path.dirname(file.path), `${exampleDistDir}/${iconConfig}` ).replace(/\\/g, '/') ); } return contents; }) ) .pipe(gulp.dest(dist)), tsResult.dts.pipe(gulp.dest(dist)) ); }; const copier = (dist, ext) => function copy() { const srcPath = [`${src}/**/*.${ext}`]; if ([esDir, libDir].indexOf(dist) !== -1) { srcPath.push(`!${src}/**/demo/**/*.${ext}`); } return gulp .src(srcPath) .pipe( insert.transform((contents, file) => { if (ext === 'json' && file.path.includes(`${path.sep}demo${path.sep}`) ) { contents = contents.replace('/example', ''); } return contents; }) ) .pipe(gulp.dest(dist)); }; const staticCopier = (dist) => gulp.parallel( copier(dist, 'wxml'), copier(dist, 'wxs'), copier(dist, 'json') ); const cleaner = (path) => function clean() { return exec(`npx rimraf ${path}`); }; const tasks = [ ['buildEs', esDir, esConfig], ['buildLib', libDir, libConfig], ].reduce((prev, [name, ...args]) => { prev[name] = gulp.series( cleaner(...args), gulp.parallel( tsCompiler(...args), lessCompiler(...args), staticCopier(...args) ) ); return prev; }, {}); tasks.buildExample = gulp.series( cleaner(exampleDistDir), gulp.parallel( tsCompiler(exampleDistDir, exampleConfig), lessCompiler(exampleDistDir), staticCopier(exampleDistDir), () => gulp .src(`${icons}/**/*`) .pipe(gulp.dest(`${exampleDistDir}/@vant/icons`)), () => { const appJson = JSON.parse(fs.readFileSync(exampleAppJsonPath)); const excludePages = ['pages/dashboard/index']; appJson.pages .filter((page) => page.indexOf(excludePages) === -1) .forEach((path) => { const component = path.replace(/(pages\/|\/index)/g, ''); const writeFiles = [ { path: `${examplePagesDir}/${component}/index.js`, contents: "import Page from '../../common/page';\n\nPage();", }, { path: `${examplePagesDir}/${component}/index.wxml`, contents: ``, }, ]; writeFiles.forEach((writeFile) => { fs.access(writeFile.path, fs.constants.F_OK, (fileNotExists) => { if (fileNotExists) { fs.writeFile(writeFile.path, writeFile.contents, (err) => { if (err) { throw err; } }); } }); }); }); }, () => { gulp.watch(`${src}/**/*.less`, lessCompiler(exampleDistDir)); gulp.watch(`${src}/**/*.wxml`, copier(exampleDistDir, 'wxml')); gulp.watch(`${src}/**/*.wxs`, copier(exampleDistDir, 'wxs')); gulp.watch(`${src}/**/*.ts`, tsCompiler(exampleDistDir, exampleConfig)); gulp.watch(`${src}/**/*.json`, copier(exampleDistDir, 'json')); } ) ); module.exports = tasks; ================================================ FILE: build/dev.mjs ================================================ import { dirname, resolve } from 'path'; import { fileURLToPath } from 'url'; import { dev } from '@vant/cli/lib/commands/dev.js'; import { exec } from 'child_process'; const __dirname = dirname(fileURLToPath(import.meta.url)); const gulpConfig = resolve(__dirname, './compiler.js'); async function run() { await dev(); const p = exec(`npx gulp -f ${gulpConfig} buildExample --color`); p.stdout.on('data', (stdout) => console.info(stdout)); p.stderr.on('data', (stderr) => console.info(stderr)); } run(); ================================================ FILE: build/release.sh ================================================ #!/usr/bin/env sh set -e echo "Enter release version: " read VERSION read -p "Releasing $VERSION - are you sure? (y/n)" -n 1 -r echo # (optional) move to a new line if [[ $REPLY =~ ^[Yy]$ ]] then # build npm run build:lib if [[ `git status --porcelain` ]]; then git add -A git commit -am "build: compile $VERSION" fi # commit npm version $VERSION --message "release: $VERSION" # publish git push origin dev git push origin refs/tags/v$VERSION if [[ $VERSION =~ [beta] ]] then npm publish --tag beta else npm publish fi fi ================================================ FILE: build/upload.js ================================================ const ci = require('miniprogram-ci'); const path = require('path'); const config = require('../example/project.config.json'); const package = require('../package.json'); const project = new ci.Project({ appid: config.appid, type: 'miniProgram', projectPath: path.join(__dirname, '../example'), privateKeyPath: path.join(__dirname, './private.wx1c01b35002d3ba14.key'), ignores: ['node_modules/**/*'], }); ci.upload({ project, version: package.version, desc: package.description, setting: config.setting, }); ================================================ FILE: dist/action-sheet/index.d.ts ================================================ export {}; ================================================ FILE: dist/action-sheet/index.js ================================================ import { VantComponent } from '../common/component'; import { button } from '../mixins/button'; VantComponent({ classes: ['list-class'], mixins: [button], props: { show: Boolean, title: String, cancelText: String, description: String, round: { type: Boolean, value: true, }, zIndex: { type: Number, value: 100, }, actions: { type: Array, value: [], }, overlay: { type: Boolean, value: true, }, closeOnClickOverlay: { type: Boolean, value: true, }, closeOnClickAction: { type: Boolean, value: true, }, safeAreaInsetBottom: { type: Boolean, value: true, }, rootPortal: { type: Boolean, value: false, }, }, methods: { onSelect(event) { const { index } = event.currentTarget.dataset; const { actions, closeOnClickAction, canIUseGetUserProfile } = this.data; const item = actions[index]; if (item) { this.$emit('select', item); if (closeOnClickAction) { this.onClose(); } if (item.openType === 'getUserInfo' && canIUseGetUserProfile) { wx.getUserProfile({ desc: item.getUserProfileDesc || ' ', complete: (userProfile) => { this.$emit('getuserinfo', userProfile); }, }); } } }, onCancel() { this.$emit('cancel'); }, onClose() { this.$emit('close'); }, onClickOverlay() { this.$emit('click-overlay'); this.onClose(); }, }, }); ================================================ FILE: dist/action-sheet/index.json ================================================ { "component": true, "usingComponents": { "van-icon": "../icon/index", "van-popup": "../popup/index", "van-loading": "../loading/index" } } ================================================ FILE: dist/action-sheet/index.wxml ================================================ {{ title }} {{ description }} {{ cancelText }} ================================================ FILE: dist/action-sheet/index.wxss ================================================ @import '../common/index.wxss';.van-action-sheet{color:var(--action-sheet-item-text-color,#323233);max-height:var(--action-sheet-max-height,90%)!important}.van-action-sheet__cancel,.van-action-sheet__item{background-color:var(--action-sheet-item-background,#fff);font-size:var(--action-sheet-item-font-size,16px);line-height:var(--action-sheet-item-line-height,22px);padding:14px 16px;text-align:center}.van-action-sheet__cancel--hover,.van-action-sheet__item--hover{background-color:#f2f3f5}.van-action-sheet__cancel:after,.van-action-sheet__item:after{border-width:0}.van-action-sheet__cancel{color:var(--action-sheet-cancel-text-color,#646566)}.van-action-sheet__gap{background-color:var(--action-sheet-cancel-padding-color,#f7f8fa);display:block;height:var(--action-sheet-cancel-padding-top,8px)}.van-action-sheet__item--disabled{color:var(--action-sheet-item-disabled-text-color,#c8c9cc)}.van-action-sheet__item--disabled.van-action-sheet__item--hover{background-color:var(--action-sheet-item-background,#fff)}.van-action-sheet__subname{color:var(--action-sheet-subname-color,#969799);font-size:var(--action-sheet-subname-font-size,12px);line-height:var(--action-sheet-subname-line-height,20px);margin-top:var(--padding-xs,8px)}.van-action-sheet__header{font-size:var(--action-sheet-header-font-size,16px);font-weight:var(--font-weight-bold,500);line-height:var(--action-sheet-header-height,48px);text-align:center}.van-action-sheet__description{color:var(--action-sheet-description-color,#969799);font-size:var(--action-sheet-description-font-size,14px);line-height:var(--action-sheet-description-line-height,20px);padding:20px var(--padding-md,16px);text-align:center}.van-action-sheet__close{color:var(--action-sheet-close-icon-color,#c8c9cc);font-size:var(--action-sheet-close-icon-size,22px)!important;line-height:inherit!important;padding:var(--action-sheet-close-icon-padding,0 16px);position:absolute!important;right:0;top:0}.van-action-sheet__loading{display:flex!important} ================================================ FILE: dist/area/index.d.ts ================================================ export {}; ================================================ FILE: dist/area/index.js ================================================ import { VantComponent } from '../common/component'; import { pickerProps } from '../picker/shared'; import { requestAnimationFrame } from '../common/utils'; const EMPTY_CODE = '000000'; VantComponent({ classes: ['active-class', 'toolbar-class', 'column-class'], props: Object.assign(Object.assign({}, pickerProps), { showToolbar: { type: Boolean, value: true, }, value: { type: String, observer(value) { this.code = value; this.setValues(); }, }, areaList: { type: Object, value: {}, observer: 'setValues', }, columnsNum: { type: null, value: 3, }, columnsPlaceholder: { type: Array, observer(val) { this.setData({ typeToColumnsPlaceholder: { province: val[0] || '', city: val[1] || '', county: val[2] || '', }, }); }, } }), data: { columns: [{ values: [] }, { values: [] }, { values: [] }], typeToColumnsPlaceholder: {}, }, mounted() { requestAnimationFrame(() => { this.setValues(); }); }, methods: { getPicker() { if (this.picker == null) { this.picker = this.selectComponent('.van-area__picker'); } return this.picker; }, onCancel(event) { this.emit('cancel', event.detail); }, onConfirm(event) { const { index } = event.detail; let { value } = event.detail; value = this.parseValues(value); this.emit('confirm', { value, index }); }, emit(type, detail) { detail.values = detail.value; delete detail.value; this.$emit(type, detail); }, parseValues(values) { const { columnsPlaceholder } = this.data; return values.map((value, index) => { if (value && (!value.code || value.name === columnsPlaceholder[index])) { return Object.assign(Object.assign({}, value), { code: '', name: '' }); } return value; }); }, onChange(event) { var _a; const { index, picker, value } = event.detail; this.code = value[index].code; (_a = this.setValues()) === null || _a === void 0 ? void 0 : _a.then(() => { this.$emit('change', { picker, values: this.parseValues(picker.getValues()), index, }); }); }, getConfig(type) { const { areaList } = this.data; return (areaList && areaList[`${type}_list`]) || {}; }, getList(type, code) { if (type !== 'province' && !code) { return []; } const { typeToColumnsPlaceholder } = this.data; const list = this.getConfig(type); let result = Object.keys(list).map((code) => ({ code, name: list[code], })); if (code != null) { // oversea code if (code[0] === '9' && type === 'city') { code = '9'; } result = result.filter((item) => item.code.indexOf(code) === 0); } if (typeToColumnsPlaceholder[type] && result.length) { // set columns placeholder const codeFill = type === 'province' ? '' : type === 'city' ? EMPTY_CODE.slice(2, 4) : EMPTY_CODE.slice(4, 6); result.unshift({ code: `${code}${codeFill}`, name: typeToColumnsPlaceholder[type], }); } return result; }, getIndex(type, code) { let compareNum = type === 'province' ? 2 : type === 'city' ? 4 : 6; const list = this.getList(type, code.slice(0, compareNum - 2)); // oversea code if (code[0] === '9' && type === 'province') { compareNum = 1; } code = code.slice(0, compareNum); for (let i = 0; i < list.length; i++) { if (list[i].code.slice(0, compareNum) === code) { return i; } } return 0; }, setValues() { const picker = this.getPicker(); if (!picker) { return; } let code = this.code || this.getDefaultCode(); const provinceList = this.getList('province'); const cityList = this.getList('city', code.slice(0, 2)); const stack = []; const indexes = []; const { columnsNum } = this.data; if (columnsNum >= 1) { stack.push(picker.setColumnValues(0, provinceList, false)); indexes.push(this.getIndex('province', code)); } if (columnsNum >= 2) { stack.push(picker.setColumnValues(1, cityList, false)); indexes.push(this.getIndex('city', code)); if (cityList.length && code.slice(2, 4) === '00') { [{ code }] = cityList; } } if (columnsNum === 3) { stack.push(picker.setColumnValues(2, this.getList('county', code.slice(0, 4)), false)); indexes.push(this.getIndex('county', code)); } return Promise.all(stack) .catch(() => { }) .then(() => picker.setIndexes(indexes)) .catch(() => { }); }, getDefaultCode() { const { columnsPlaceholder } = this.data; if (columnsPlaceholder.length) { return EMPTY_CODE; } const countyCodes = Object.keys(this.getConfig('county')); if (countyCodes[0]) { return countyCodes[0]; } const cityCodes = Object.keys(this.getConfig('city')); if (cityCodes[0]) { return cityCodes[0]; } return ''; }, getValues() { const picker = this.getPicker(); if (!picker) { return []; } return this.parseValues(picker.getValues().filter((value) => !!value)); }, getDetail() { const values = this.getValues(); const area = { code: '', country: '', province: '', city: '', county: '', }; if (!values.length) { return area; } const names = values.map((item) => item.name); area.code = values[values.length - 1].code; if (area.code[0] === '9') { area.country = names[1] || ''; area.province = names[2] || ''; } else { area.province = names[0] || ''; area.city = names[1] || ''; area.county = names[2] || ''; } return area; }, reset(code) { this.code = code || ''; return this.setValues(); }, }, }); ================================================ FILE: dist/area/index.json ================================================ { "component": true, "usingComponents": { "van-picker": "../picker/index" } } ================================================ FILE: dist/area/index.wxml ================================================ ================================================ FILE: dist/area/index.wxs ================================================ /* eslint-disable */ function displayColumns(columns, columnsNum) { return columns.slice(0, +columnsNum); } module.exports = { displayColumns: displayColumns, }; ================================================ FILE: dist/area/index.wxss ================================================ @import '../common/index.wxss'; ================================================ FILE: dist/button/index.d.ts ================================================ export {}; ================================================ FILE: dist/button/index.js ================================================ import { VantComponent } from '../common/component'; import { button } from '../mixins/button'; import { canIUseFormFieldButton } from '../common/version'; const mixins = [button]; if (canIUseFormFieldButton()) { mixins.push('wx://form-field-button'); } VantComponent({ mixins, classes: ['hover-class', 'loading-class'], data: { baseStyle: '', }, props: { formType: String, icon: String, classPrefix: { type: String, value: 'van-icon', }, plain: Boolean, block: Boolean, round: Boolean, square: Boolean, loading: Boolean, hairline: Boolean, disabled: Boolean, loadingText: String, customStyle: String, loadingType: { type: String, value: 'circular', }, type: { type: String, value: 'default', }, dataset: null, size: { type: String, value: 'normal', }, loadingSize: { type: String, value: '20px', }, color: String, }, methods: { onClick(event) { this.$emit('click', event); const { canIUseGetUserProfile, openType, getUserProfileDesc, lang, } = this.data; if (openType === 'getUserInfo' && canIUseGetUserProfile) { wx.getUserProfile({ desc: getUserProfileDesc || ' ', lang: lang || 'en', complete: (userProfile) => { this.$emit('getuserinfo', userProfile); }, }); } }, }, }); ================================================ FILE: dist/button/index.json ================================================ { "component": true, "usingComponents": { "van-icon": "../icon/index", "van-loading": "../loading/index" } } ================================================ FILE: dist/button/index.wxml ================================================ ================================================ FILE: dist/button/index.wxs ================================================ /* eslint-disable */ var style = require('../wxs/style.wxs'); function rootStyle(data) { if (!data.color) { return data.customStyle; } var properties = { color: data.plain ? data.color : '#fff', background: data.plain ? null : data.color, }; // hide border when color is linear-gradient if (data.color.indexOf('gradient') !== -1) { properties.border = 0; } else { properties['border-color'] = data.color; } return style([properties, data.customStyle]); } function loadingColor(data) { if (data.plain) { return data.color ? data.color : '#c9c9c9'; } if (data.type === 'default') { return '#c9c9c9'; } return '#fff'; } module.exports = { rootStyle: rootStyle, loadingColor: loadingColor, }; ================================================ FILE: dist/button/index.wxss ================================================ @import '../common/index.wxss';.van-button{-webkit-text-size-adjust:100%;align-items:center;-webkit-appearance:none;border-radius:var(--button-border-radius,2px);box-sizing:border-box;display:inline-flex;font-size:var(--button-default-font-size,16px);height:var(--button-default-height,44px);justify-content:center;line-height:var(--button-line-height,20px);padding:0;position:relative;text-align:center;transition:opacity .2s;vertical-align:middle}.van-button:before{background-color:#000;border:inherit;border-color:#000;border-radius:inherit;content:" ";height:100%;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.van-button:after{border-width:0}.van-button--active:before{opacity:.15}.van-button--unclickable:after{display:none}.van-button--default{background:var(--button-default-background-color,#fff);border:var(--button-border-width,1px) solid var(--button-default-border-color,#ebedf0);color:var(--button-default-color,#323233)}.van-button--primary{background:var(--button-primary-background-color,#07c160);border:var(--button-border-width,1px) solid var(--button-primary-border-color,#07c160);color:var(--button-primary-color,#fff)}.van-button--info{background:var(--button-info-background-color,#1989fa);border:var(--button-border-width,1px) solid var(--button-info-border-color,#1989fa);color:var(--button-info-color,#fff)}.van-button--danger{background:var(--button-danger-background-color,#ee0a24);border:var(--button-border-width,1px) solid var(--button-danger-border-color,#ee0a24);color:var(--button-danger-color,#fff)}.van-button--warning{background:var(--button-warning-background-color,#ff976a);border:var(--button-border-width,1px) solid var(--button-warning-border-color,#ff976a);color:var(--button-warning-color,#fff)}.van-button--plain{background:var(--button-plain-background-color,#fff)}.van-button--plain.van-button--primary{color:var(--button-primary-background-color,#07c160)}.van-button--plain.van-button--info{color:var(--button-info-background-color,#1989fa)}.van-button--plain.van-button--danger{color:var(--button-danger-background-color,#ee0a24)}.van-button--plain.van-button--warning{color:var(--button-warning-background-color,#ff976a)}.van-button--large{height:var(--button-large-height,50px);width:100%}.van-button--normal{font-size:var(--button-normal-font-size,14px);padding:0 15px}.van-button--small{font-size:var(--button-small-font-size,12px);height:var(--button-small-height,30px);min-width:var(--button-small-min-width,60px);padding:0 var(--padding-xs,8px)}.van-button--mini{display:inline-block;font-size:var(--button-mini-font-size,10px);height:var(--button-mini-height,22px);min-width:var(--button-mini-min-width,50px)}.van-button--mini+.van-button--mini{margin-left:5px}.van-button--block{display:flex;width:100%}.van-button--round{border-radius:var(--button-round-border-radius,999px)}.van-button--square{border-radius:0}.van-button--disabled{opacity:var(--button-disabled-opacity,.5)}.van-button__text{display:inline}.van-button__icon+.van-button__text:not(:empty),.van-button__loading-text{margin-left:4px}.van-button__icon{line-height:inherit!important;min-width:1em;vertical-align:top}.van-button--hairline{border-width:0;padding-top:1px}.van-button--hairline:after{border-color:inherit;border-radius:calc(var(--button-border-radius, 2px)*2);border-width:1px}.van-button--hairline.van-button--round:after{border-radius:var(--button-round-border-radius,999px)}.van-button--hairline.van-button--square:after{border-radius:0} ================================================ FILE: dist/calendar/calendar.wxml ================================================
{{ computed.getButtonDisabled(type, currentDate, minRange) ? confirmDisabledText : confirmText }} ================================================ FILE: dist/calendar/components/header/index.d.ts ================================================ export {}; ================================================ FILE: dist/calendar/components/header/index.js ================================================ import { VantComponent } from '../../../common/component'; VantComponent({ props: { title: { type: String, value: '日期选择', }, subtitle: String, showTitle: Boolean, showSubtitle: Boolean, firstDayOfWeek: { type: Number, observer: 'initWeekDay', }, }, data: { weekdays: [], }, created() { this.initWeekDay(); }, methods: { initWeekDay() { const defaultWeeks = ['日', '一', '二', '三', '四', '五', '六']; const firstDayOfWeek = this.data.firstDayOfWeek || 0; this.setData({ weekdays: [ ...defaultWeeks.slice(firstDayOfWeek, 7), ...defaultWeeks.slice(0, firstDayOfWeek), ], }); }, onClickSubtitle(event) { this.$emit('click-subtitle', event); }, }, }); ================================================ FILE: dist/calendar/components/header/index.json ================================================ { "component": true } ================================================ FILE: dist/calendar/components/header/index.wxml ================================================ {{ title }} {{ subtitle }} {{ item }} ================================================ FILE: dist/calendar/components/header/index.wxss ================================================ @import '../../../common/index.wxss';.van-calendar__header{box-shadow:var(--calendar-header-box-shadow,0 2px 10px hsla(220,1%,50%,.16));flex-shrink:0}.van-calendar__header-subtitle,.van-calendar__header-title{font-weight:var(--font-weight-bold,500);height:var(--calendar-header-title-height,44px);line-height:var(--calendar-header-title-height,44px);text-align:center}.van-calendar__header-title+.van-calendar__header-title,.van-calendar__header-title:empty{display:none}.van-calendar__header-title:empty+.van-calendar__header-title{display:block!important}.van-calendar__weekdays{display:flex}.van-calendar__weekday{flex:1;font-size:var(--calendar-weekdays-font-size,12px);line-height:var(--calendar-weekdays-height,30px);text-align:center} ================================================ FILE: dist/calendar/components/month/index.d.ts ================================================ export interface Day { date: Date; type: string; text: number; bottomInfo?: string; } ================================================ FILE: dist/calendar/components/month/index.js ================================================ import { VantComponent } from '../../../common/component'; import { getMonthEndDay, compareDay, getPrevDay, getNextDay, } from '../../utils'; VantComponent({ props: { date: { type: null, observer: 'setDays', }, type: { type: String, observer: 'setDays', }, color: String, minDate: { type: null, observer: 'setDays', }, maxDate: { type: null, observer: 'setDays', }, showMark: Boolean, rowHeight: null, formatter: { type: null, observer: 'setDays', }, currentDate: { type: null, observer: 'setDays', }, firstDayOfWeek: { type: Number, observer: 'setDays', }, allowSameDay: Boolean, showSubtitle: Boolean, showMonthTitle: Boolean, }, data: { visible: true, days: [], }, methods: { onClick(event) { const { index } = event.currentTarget.dataset; const item = this.data.days[index]; if (item.type !== 'disabled') { this.$emit('click', item); } }, setDays() { const days = []; const startDate = new Date(this.data.date); const year = startDate.getFullYear(); const month = startDate.getMonth(); const totalDay = getMonthEndDay(startDate.getFullYear(), startDate.getMonth() + 1); for (let day = 1; day <= totalDay; day++) { const date = new Date(year, month, day); const type = this.getDayType(date); let config = { date, type, text: day, bottomInfo: this.getBottomInfo(type), }; if (this.data.formatter) { config = this.data.formatter(config); } days.push(config); } this.setData({ days }); }, getMultipleDayType(day) { const { currentDate } = this.data; if (!Array.isArray(currentDate)) { return ''; } const isSelected = (date) => currentDate.some((item) => compareDay(item, date) === 0); if (isSelected(day)) { const prevDay = getPrevDay(day); const nextDay = getNextDay(day); const prevSelected = isSelected(prevDay); const nextSelected = isSelected(nextDay); if (prevSelected && nextSelected) { return 'multiple-middle'; } if (prevSelected) { return 'end'; } return nextSelected ? 'start' : 'multiple-selected'; } return ''; }, getRangeDayType(day) { const { currentDate, allowSameDay } = this.data; if (!Array.isArray(currentDate)) { return ''; } const [startDay, endDay] = currentDate; if (!startDay) { return ''; } const compareToStart = compareDay(day, startDay); if (!endDay) { return compareToStart === 0 ? 'start' : ''; } const compareToEnd = compareDay(day, endDay); if (compareToStart === 0 && compareToEnd === 0 && allowSameDay) { return 'start-end'; } if (compareToStart === 0) { return 'start'; } if (compareToEnd === 0) { return 'end'; } if (compareToStart > 0 && compareToEnd < 0) { return 'middle'; } return ''; }, getDayType(day) { const { type, minDate, maxDate, currentDate } = this.data; if (compareDay(day, minDate) < 0 || compareDay(day, maxDate) > 0) { return 'disabled'; } if (type === 'single') { return compareDay(day, currentDate) === 0 ? 'selected' : ''; } if (type === 'multiple') { return this.getMultipleDayType(day); } /* istanbul ignore else */ if (type === 'range') { return this.getRangeDayType(day); } return ''; }, getBottomInfo(type) { if (this.data.type === 'range') { if (type === 'start') { return '开始'; } if (type === 'end') { return '结束'; } if (type === 'start-end') { return '开始/结束'; } } }, }, }); ================================================ FILE: dist/calendar/components/month/index.json ================================================ { "component": true } ================================================ FILE: dist/calendar/components/month/index.wxml ================================================ {{ computed.formatMonthTitle(date) }} {{ computed.getMark(date) }} {{ item.topInfo }} {{ item.text }} {{ item.bottomInfo }} {{ item.topInfo }} {{ item.text }} {{ item.bottomInfo }} ================================================ FILE: dist/calendar/components/month/index.wxs ================================================ /* eslint-disable */ var utils = require('../../utils.wxs'); function getMark(date) { return getDate(date).getMonth() + 1; } var ROW_HEIGHT = 64; function getDayStyle(type, index, date, rowHeight, color, firstDayOfWeek) { var style = []; var current = getDate(date).getDay() || 7; var offset = current < firstDayOfWeek ? (7 - firstDayOfWeek + current) : current === 7 && firstDayOfWeek === 0 ? 0 : (current - firstDayOfWeek); if (index === 0) { style.push(['margin-left', (100 * offset) / 7 + '%']); } if (rowHeight !== ROW_HEIGHT) { style.push(['height', rowHeight + 'px']); } if (color) { if ( type === 'start' || type === 'end' || type === 'start-end' || type === 'multiple-selected' || type === 'multiple-middle' ) { style.push(['background', color]); } else if (type === 'middle') { style.push(['color', color]); } } return style .map(function(item) { return item.join(':'); }) .join(';'); } function formatMonthTitle(date) { date = getDate(date); return date.getFullYear() + '年' + (date.getMonth() + 1) + '月'; } function getMonthStyle(visible, date, rowHeight) { if (!visible) { date = getDate(date); var totalDay = utils.getMonthEndDay( date.getFullYear(), date.getMonth() + 1 ); var offset = getDate(date).getDay(); var padding = Math.ceil((totalDay + offset) / 7) * rowHeight; return 'padding-bottom:' + padding + 'px'; } } module.exports = { getMark: getMark, getDayStyle: getDayStyle, formatMonthTitle: formatMonthTitle, getMonthStyle: getMonthStyle }; ================================================ FILE: dist/calendar/components/month/index.wxss ================================================ @import '../../../common/index.wxss';.van-calendar{background-color:var(--calendar-background-color,#fff);display:flex;flex-direction:column;height:100%}.van-calendar__month-title{font-size:var(--calendar-month-title-font-size,14px);font-weight:var(--font-weight-bold,500);height:var(--calendar-header-title-height,44px);line-height:var(--calendar-header-title-height,44px);text-align:center}.van-calendar__days{display:flex;flex-wrap:wrap;position:relative;-webkit-user-select:none;user-select:none}.van-calendar__month-mark{color:var(--calendar-month-mark-color,rgba(242,243,245,.8));font-size:var(--calendar-month-mark-font-size,160px);left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:0}.van-calendar__day,.van-calendar__selected-day{align-items:center;display:flex;justify-content:center;text-align:center}.van-calendar__day{font-size:var(--calendar-day-font-size,16px);height:var(--calendar-day-height,64px);position:relative;width:14.285%}.van-calendar__day--end,.van-calendar__day--multiple-middle,.van-calendar__day--multiple-selected,.van-calendar__day--start,.van-calendar__day--start-end{background-color:var(--calendar-range-edge-background-color,#ee0a24);color:var(--calendar-range-edge-color,#fff)}.van-calendar__day--start{border-radius:4px 0 0 4px}.van-calendar__day--end{border-radius:0 4px 4px 0}.van-calendar__day--multiple-selected,.van-calendar__day--start-end{border-radius:4px}.van-calendar__day--middle{color:var(--calendar-range-middle-color,#ee0a24)}.van-calendar__day--middle:after{background-color:currentColor;bottom:0;content:"";left:0;opacity:var(--calendar-range-middle-background-opacity,.1);position:absolute;right:0;top:0}.van-calendar__day--disabled{color:var(--calendar-day-disabled-color,#c8c9cc);cursor:default}.van-calendar__bottom-info,.van-calendar__top-info{font-size:var(--calendar-info-font-size,10px);left:0;line-height:var(--calendar-info-line-height,14px);position:absolute;right:0}@media (max-width:350px){.van-calendar__bottom-info,.van-calendar__top-info{font-size:9px}}.van-calendar__top-info{top:6px}.van-calendar__bottom-info{bottom:6px}.van-calendar__selected-day{background-color:var(--calendar-selected-day-background-color,#ee0a24);border-radius:4px;color:var(--calendar-selected-day-color,#fff);height:var(--calendar-selected-day-size,54px);width:var(--calendar-selected-day-size,54px)} ================================================ FILE: dist/calendar/index.d.ts ================================================ export {}; ================================================ FILE: dist/calendar/index.js ================================================ import { VantComponent } from '../common/component'; import { ROW_HEIGHT, getPrevDay, getNextDay, getToday, compareDay, copyDates, calcDateNum, formatMonthTitle, compareMonth, getMonths, getDayByOffset, } from './utils'; import Toast from '../toast/toast'; import { requestAnimationFrame } from '../common/utils'; const initialMinDate = getToday().getTime(); const initialMaxDate = (() => { const now = getToday(); return new Date(now.getFullYear(), now.getMonth() + 6, now.getDate()).getTime(); })(); const getTime = (date) => date instanceof Date ? date.getTime() : date; VantComponent({ props: { title: { type: String, value: '日期选择', }, color: String, show: { type: Boolean, observer(val) { if (val) { this.initRect(); this.scrollIntoView(); } }, }, formatter: null, confirmText: { type: String, value: '确定', }, confirmDisabledText: { type: String, value: '确定', }, rangePrompt: String, showRangePrompt: { type: Boolean, value: true, }, defaultDate: { type: null, value: getToday().getTime(), observer(val) { this.setData({ currentDate: val }); this.scrollIntoView(); }, }, allowSameDay: Boolean, type: { type: String, value: 'single', observer: 'reset', }, minDate: { type: Number, value: initialMinDate, }, maxDate: { type: Number, value: initialMaxDate, }, position: { type: String, value: 'bottom', }, rowHeight: { type: null, value: ROW_HEIGHT, }, round: { type: Boolean, value: true, }, poppable: { type: Boolean, value: true, }, showMark: { type: Boolean, value: true, }, showTitle: { type: Boolean, value: true, }, showConfirm: { type: Boolean, value: true, }, showSubtitle: { type: Boolean, value: true, }, safeAreaInsetBottom: { type: Boolean, value: true, }, closeOnClickOverlay: { type: Boolean, value: true, }, maxRange: { type: null, value: null, }, minRange: { type: Number, value: 1, }, firstDayOfWeek: { type: Number, value: 0, }, readonly: Boolean, rootPortal: { type: Boolean, value: false, }, }, data: { subtitle: '', currentDate: null, scrollIntoView: '', }, watch: { minDate() { this.initRect(); }, maxDate() { this.initRect(); }, }, created() { this.setData({ currentDate: this.getInitialDate(this.data.defaultDate), }); }, mounted() { if (this.data.show || !this.data.poppable) { this.initRect(); this.scrollIntoView(); } }, methods: { reset() { this.setData({ currentDate: this.getInitialDate(this.data.defaultDate) }); this.scrollIntoView(); }, initRect() { if (this.contentObserver != null) { this.contentObserver.disconnect(); } const contentObserver = this.createIntersectionObserver({ thresholds: [0, 0.1, 0.9, 1], observeAll: true, }); this.contentObserver = contentObserver; contentObserver.relativeTo('.van-calendar__body'); contentObserver.observe('.month', (res) => { if (res.boundingClientRect.top <= res.relativeRect.top) { // @ts-ignore this.setData({ subtitle: formatMonthTitle(res.dataset.date) }); } }); }, limitDateRange(date, minDate = null, maxDate = null) { minDate = minDate || this.data.minDate; maxDate = maxDate || this.data.maxDate; if (compareDay(date, minDate) === -1) { return minDate; } if (compareDay(date, maxDate) === 1) { return maxDate; } return date; }, getInitialDate(defaultDate = null) { const { type, minDate, maxDate, allowSameDay } = this.data; if (!defaultDate) return []; const now = getToday().getTime(); if (type === 'range') { if (!Array.isArray(defaultDate)) { defaultDate = []; } const [startDay, endDay] = defaultDate || []; const startDate = getTime(startDay || now); const start = this.limitDateRange(startDate, minDate, allowSameDay ? startDate : getPrevDay(new Date(maxDate)).getTime()); const date = getTime(endDay || now); const end = this.limitDateRange(date, allowSameDay ? date : getNextDay(new Date(minDate)).getTime()); return [start, end]; } if (type === 'multiple') { if (Array.isArray(defaultDate)) { return defaultDate.map((date) => this.limitDateRange(date)); } return [this.limitDateRange(now)]; } if (!defaultDate || Array.isArray(defaultDate)) { defaultDate = now; } return this.limitDateRange(defaultDate); }, scrollIntoView() { requestAnimationFrame(() => { const { currentDate, type, show, poppable, minDate, maxDate } = this.data; if (!currentDate) return; // @ts-ignore const targetDate = type === 'single' ? currentDate : currentDate[0]; const displayed = show || !poppable; if (!targetDate || !displayed) { return; } const months = getMonths(minDate, maxDate); months.some((month, index) => { if (compareMonth(month, targetDate) === 0) { this.setData({ scrollIntoView: `month${index}` }); return true; } return false; }); }); }, onOpen() { this.$emit('open'); }, onOpened() { this.$emit('opened'); }, onClose() { this.$emit('close'); }, onClosed() { this.$emit('closed'); }, onClickDay(event) { if (this.data.readonly) { return; } let { date } = event.detail; const { type, currentDate, allowSameDay } = this.data; if (type === 'range') { // @ts-ignore const [startDay, endDay] = currentDate; if (startDay && !endDay) { const compareToStart = compareDay(date, startDay); if (compareToStart === 1) { const { days } = this.selectComponent('.month').data; days.some((day, index) => { const isDisabled = day.type === 'disabled' && getTime(startDay) < getTime(day.date) && getTime(day.date) < getTime(date); if (isDisabled) { ({ date } = days[index - 1]); } return isDisabled; }); this.select([startDay, date], true); } else if (compareToStart === -1) { this.select([date, null]); } else if (allowSameDay) { this.select([date, date], true); } } else { this.select([date, null]); } } else if (type === 'multiple') { let selectedIndex; // @ts-ignore const selected = currentDate.some((dateItem, index) => { const equal = compareDay(dateItem, date) === 0; if (equal) { selectedIndex = index; } return equal; }); if (selected) { // @ts-ignore const cancelDate = currentDate.splice(selectedIndex, 1); this.setData({ currentDate }); this.unselect(cancelDate); } else { // @ts-ignore this.select([...currentDate, date]); } } else { this.select(date, true); } }, unselect(dateArray) { const date = dateArray[0]; if (date) { this.$emit('unselect', copyDates(date)); } }, select(date, complete) { if (complete && this.data.type === 'range') { const valid = this.checkRange(date); if (!valid) { // auto selected to max range if showConfirm if (this.data.showConfirm) { this.emit([ date[0], getDayByOffset(date[0], this.data.maxRange - 1), ]); } else { this.emit(date); } return; } } this.emit(date); if (complete && !this.data.showConfirm) { this.onConfirm(); } }, emit(date) { this.setData({ currentDate: Array.isArray(date) ? date.map(getTime) : getTime(date), }); this.$emit('select', copyDates(date)); }, checkRange(date) { const { maxRange, rangePrompt, showRangePrompt } = this.data; if (maxRange && calcDateNum(date) > maxRange) { if (showRangePrompt) { Toast({ context: this, message: rangePrompt || `选择天数不能超过 ${maxRange} 天`, }); } this.$emit('over-range'); return false; } return true; }, onConfirm() { if (this.data.type === 'range' && !this.checkRange(this.data.currentDate)) { return; } wx.nextTick(() => { // @ts-ignore this.$emit('confirm', copyDates(this.data.currentDate)); }); }, onClickSubtitle(event) { this.$emit('click-subtitle', event); }, }, }); ================================================ FILE: dist/calendar/index.json ================================================ { "component": true, "usingComponents": { "header": "./components/header/index", "month": "./components/month/index", "van-button": "../button/index", "van-popup": "../popup/index", "van-toast": "../toast/index" } } ================================================ FILE: dist/calendar/index.wxml ================================================ ================================================ FILE: dist/calendar/index.wxs ================================================ /* eslint-disable */ var utils = require('./utils.wxs'); function getMonths(minDate, maxDate) { var months = []; var cursor = getDate(minDate); cursor.setDate(1); do { months.push(cursor.getTime()); cursor.setMonth(cursor.getMonth() + 1); } while (utils.compareMonth(cursor, getDate(maxDate)) !== 1); return months; } function getButtonDisabled(type, currentDate, minRange) { if (currentDate == null) { return true; } if (type === 'range') { return !currentDate[0] || !currentDate[1]; } if (type === 'multiple') { return currentDate.length < minRange; } return !currentDate; } module.exports = { getMonths: getMonths, getButtonDisabled: getButtonDisabled }; ================================================ FILE: dist/calendar/index.wxss ================================================ @import '../common/index.wxss';.van-calendar{background-color:var(--calendar-background-color,#fff);display:flex;flex-direction:column;height:var(--calendar-height,100%)}.van-calendar__close-icon{top:11px}.van-calendar__popup--bottom,.van-calendar__popup--top{height:var(--calendar-popup-height,90%)}.van-calendar__popup--left,.van-calendar__popup--right{height:100%}.van-calendar__body{-webkit-overflow-scrolling:touch;flex:1;overflow:auto}.van-calendar__footer{flex-shrink:0;padding:0 var(--padding-md,16px)}.van-calendar__footer--safe-area-inset-bottom{padding-bottom:env(safe-area-inset-bottom)}.van-calendar__footer+.van-calendar__footer,.van-calendar__footer:empty{display:none}.van-calendar__footer:empty+.van-calendar__footer{display:block!important}.van-calendar__confirm{height:var(--calendar-confirm-button-height,36px)!important;line-height:var(--calendar-confirm-button-line-height,34px)!important;margin:var(--calendar-confirm-button-margin,7px 0)!important} ================================================ FILE: dist/calendar/utils.d.ts ================================================ export declare const ROW_HEIGHT = 64; export declare function formatMonthTitle(date: Date): string; export declare function compareMonth(date1: Date | number, date2: Date | number): 0 | 1 | -1; export declare function compareDay(day1: Date | number, day2: Date | number): 0 | 1 | -1; export declare function getDayByOffset(date: Date, offset: number): Date; export declare function getPrevDay(date: Date): Date; export declare function getNextDay(date: Date): Date; export declare function getToday(): Date; export declare function calcDateNum(date: [Date, Date]): number; export declare function copyDates(dates: Date | Date[]): Date | Date[]; export declare function getMonthEndDay(year: number, month: number): number; export declare function getMonths(minDate: number, maxDate: number): number[]; ================================================ FILE: dist/calendar/utils.js ================================================ export const ROW_HEIGHT = 64; export function formatMonthTitle(date) { if (!(date instanceof Date)) { date = new Date(date); } return `${date.getFullYear()}年${date.getMonth() + 1}月`; } export function compareMonth(date1, date2) { if (!(date1 instanceof Date)) { date1 = new Date(date1); } if (!(date2 instanceof Date)) { date2 = new Date(date2); } const year1 = date1.getFullYear(); const year2 = date2.getFullYear(); const month1 = date1.getMonth(); const month2 = date2.getMonth(); if (year1 === year2) { return month1 === month2 ? 0 : month1 > month2 ? 1 : -1; } return year1 > year2 ? 1 : -1; } export function compareDay(day1, day2) { if (!(day1 instanceof Date)) { day1 = new Date(day1); } if (!(day2 instanceof Date)) { day2 = new Date(day2); } const compareMonthResult = compareMonth(day1, day2); if (compareMonthResult === 0) { const date1 = day1.getDate(); const date2 = day2.getDate(); return date1 === date2 ? 0 : date1 > date2 ? 1 : -1; } return compareMonthResult; } export function getDayByOffset(date, offset) { date = new Date(date); date.setDate(date.getDate() + offset); return date; } export function getPrevDay(date) { return getDayByOffset(date, -1); } export function getNextDay(date) { return getDayByOffset(date, 1); } export function getToday() { const today = new Date(); today.setHours(0, 0, 0, 0); return today; } export function calcDateNum(date) { const day1 = new Date(date[0]).getTime(); const day2 = new Date(date[1]).getTime(); return (day2 - day1) / (1000 * 60 * 60 * 24) + 1; } export function copyDates(dates) { if (Array.isArray(dates)) { return dates.map((date) => { if (date === null) { return date; } return new Date(date); }); } return new Date(dates); } export function getMonthEndDay(year, month) { return 32 - new Date(year, month - 1, 32).getDate(); } export function getMonths(minDate, maxDate) { const months = []; const cursor = new Date(minDate); cursor.setDate(1); do { months.push(cursor.getTime()); cursor.setMonth(cursor.getMonth() + 1); } while (compareMonth(cursor, maxDate) !== 1); return months; } ================================================ FILE: dist/calendar/utils.wxs ================================================ /* eslint-disable */ function getMonthEndDay(year, month) { return 32 - getDate(year, month - 1, 32).getDate(); } function compareMonth(date1, date2) { date1 = getDate(date1); date2 = getDate(date2); var year1 = date1.getFullYear(); var year2 = date2.getFullYear(); var month1 = date1.getMonth(); var month2 = date2.getMonth(); if (year1 === year2) { return month1 === month2 ? 0 : month1 > month2 ? 1 : -1; } return year1 > year2 ? 1 : -1; } module.exports = { getMonthEndDay: getMonthEndDay, compareMonth: compareMonth }; ================================================ FILE: dist/card/index.d.ts ================================================ export {}; ================================================ FILE: dist/card/index.js ================================================ import { link } from '../mixins/link'; import { VantComponent } from '../common/component'; VantComponent({ classes: [ 'num-class', 'desc-class', 'thumb-class', 'title-class', 'price-class', 'origin-price-class', ], mixins: [link], props: { tag: String, num: String, desc: String, thumb: String, title: String, price: { type: String, observer: 'updatePrice', }, centered: Boolean, lazyLoad: Boolean, thumbLink: String, originPrice: String, thumbMode: { type: String, value: 'aspectFit', }, currency: { type: String, value: '¥', }, }, methods: { updatePrice() { const { price } = this.data; const priceArr = price.toString().split('.'); this.setData({ integerStr: priceArr[0], decimalStr: priceArr[1] ? `.${priceArr[1]}` : '', }); }, onClickThumb() { this.jumpLink('thumbLink'); }, }, }); ================================================ FILE: dist/card/index.json ================================================ { "component": true, "usingComponents": { "van-tag": "../tag/index" } } ================================================ FILE: dist/card/index.wxml ================================================ {{ tag }} {{ title }} {{ desc }} {{ currency }} {{ integerStr }} {{ decimalStr }} {{ currency }} {{ originPrice }} x {{ num }} ================================================ FILE: dist/card/index.wxss ================================================ @import '../common/index.wxss';.van-card{background-color:var(--card-background-color,#fafafa);box-sizing:border-box;color:var(--card-text-color,#323233);font-size:var(--card-font-size,12px);padding:var(--card-padding,8px 16px);position:relative}.van-card__header{display:flex}.van-card__header--center{align-items:center;justify-content:center}.van-card__thumb{flex:none;height:var(--card-thumb-size,88px);margin-right:var(--padding-xs,8px);position:relative;width:var(--card-thumb-size,88px)}.van-card__thumb:empty{display:none}.van-card__img{border-radius:8px;height:100%;width:100%}.van-card__content{display:flex;flex:1;flex-direction:column;justify-content:space-between;min-height:var(--card-thumb-size,88px);min-width:0;position:relative}.van-card__content--center{justify-content:center}.van-card__desc,.van-card__title{word-wrap:break-word}.van-card__title{font-weight:700;line-height:var(--card-title-line-height,16px)}.van-card__desc{color:var(--card-desc-color,#646566);line-height:var(--card-desc-line-height,20px)}.van-card__bottom{line-height:20px}.van-card__price{color:var(--card-price-color,#ee0a24);display:inline-block;font-size:var(--card-price-font-size,12px);font-weight:700}.van-card__price-integer{font-size:var(--card-price-integer-font-size,16px)}.van-card__price-decimal,.van-card__price-integer{font-family:var(--card-price-font-family,Avenir-Heavy,PingFang SC,Helvetica Neue,Arial,sans-serif)}.van-card__origin-price{color:var(--card-origin-price-color,#646566);display:inline-block;font-size:var(--card-origin-price-font-size,10px);margin-left:5px;text-decoration:line-through}.van-card__num{float:right}.van-card__tag{left:0;position:absolute!important;top:2px}.van-card__footer{flex:none;text-align:right;width:100%} ================================================ FILE: dist/cascader/index.d.ts ================================================ export {}; ================================================ FILE: dist/cascader/index.js ================================================ import { VantComponent } from '../common/component'; var FieldName; (function (FieldName) { FieldName["TEXT"] = "text"; FieldName["VALUE"] = "value"; FieldName["CHILDREN"] = "children"; })(FieldName || (FieldName = {})); const defaultFieldNames = { text: FieldName.TEXT, value: FieldName.VALUE, children: FieldName.CHILDREN, }; VantComponent({ props: { title: String, value: { type: String, }, placeholder: { type: String, value: '请选择', }, activeColor: { type: String, value: '#1989fa', }, options: { type: Array, value: [], }, swipeable: { type: Boolean, value: false, }, closeable: { type: Boolean, value: true, }, ellipsis: { type: Boolean, value: true, }, showHeader: { type: Boolean, value: true, }, closeIcon: { type: String, value: 'cross', }, fieldNames: { type: Object, value: defaultFieldNames, observer: 'updateFieldNames', }, useTitleSlot: Boolean, }, data: { tabs: [], activeTab: 0, textKey: FieldName.TEXT, valueKey: FieldName.VALUE, childrenKey: FieldName.CHILDREN, innerValue: '', }, watch: { options() { this.updateTabs(); }, value(newVal) { this.updateValue(newVal); }, }, created() { this.updateTabs(); }, methods: { updateValue(val) { if (val !== undefined) { const values = this.data.tabs.map((tab) => tab.selected && tab.selected[this.data.valueKey]); if (values.indexOf(val) > -1) { return; } } this.innerValue = val; this.updateTabs(); }, updateFieldNames() { const { text = 'text', value = 'value', children = 'children', } = this.data.fieldNames || defaultFieldNames; this.setData({ textKey: text, valueKey: value, childrenKey: children, }); }, getSelectedOptionsByValue(options, value) { for (let i = 0; i < options.length; i++) { const option = options[i]; if (option[this.data.valueKey] === value) { return [option]; } if (option[this.data.childrenKey]) { const selectedOptions = this.getSelectedOptionsByValue(option[this.data.childrenKey], value); if (selectedOptions) { return [option, ...selectedOptions]; } } } }, updateTabs() { const { options } = this.data; const { innerValue } = this; if (!options.length) { return; } if (innerValue !== undefined) { const selectedOptions = this.getSelectedOptionsByValue(options, innerValue); if (selectedOptions) { let optionsCursor = options; const tabs = selectedOptions.map((option) => { const tab = { options: optionsCursor, selected: option, }; const next = optionsCursor.find((item) => item[this.data.valueKey] === option[this.data.valueKey]); if (next) { optionsCursor = next[this.data.childrenKey]; } return tab; }); if (optionsCursor) { tabs.push({ options: optionsCursor, selected: null, }); } this.setData({ tabs, }); wx.nextTick(() => { this.setData({ activeTab: tabs.length - 1, }); }); return; } } this.setData({ tabs: [ { options, selected: null, }, ], activeTab: 0, }); }, onClose() { this.$emit('close'); }, onClickTab(e) { const { index: tabIndex, title } = e.detail; this.$emit('click-tab', { title, tabIndex }); this.setData({ activeTab: tabIndex, }); }, // 选中 onSelect(e) { const { option, tabIndex } = e.currentTarget.dataset; if (option && option.disabled) { return; } const { valueKey, childrenKey } = this.data; let { tabs } = this.data; tabs[tabIndex].selected = option; if (tabs.length > tabIndex + 1) { tabs = tabs.slice(0, tabIndex + 1); } if (option[childrenKey]) { const nextTab = { options: option[childrenKey], selected: null, }; if (tabs[tabIndex + 1]) { tabs[tabIndex + 1] = nextTab; } else { tabs.push(nextTab); } wx.nextTick(() => { this.setData({ activeTab: tabIndex + 1, }); }); } this.setData({ tabs, }); const selectedOptions = tabs.map((tab) => tab.selected).filter(Boolean); const value = option[valueKey]; const params = { value, tabIndex, selectedOptions, }; this.innerValue = value; this.$emit('change', params); if (!option[childrenKey]) { this.$emit('finish', params); } }, }, }); ================================================ FILE: dist/cascader/index.json ================================================ { "component": true, "usingComponents": { "van-icon": "../icon/index", "van-tab": "../tab/index", "van-tabs": "../tabs/index" } } ================================================ FILE: dist/cascader/index.wxml ================================================ {{ title }} {{ option[textKey] }} ================================================ FILE: dist/cascader/index.wxs ================================================ var utils = require('../wxs/utils.wxs'); var style = require('../wxs/style.wxs'); function isSelected(tab, valueKey, option) { return tab.selected && tab.selected[valueKey] === option[valueKey] } function optionClass(tab, valueKey, option) { return utils.bem('cascader__option', { selected: isSelected(tab, valueKey, option), disabled: option.disabled }) } function optionStyle(data) { var color = data.option.color || (isSelected(data.tab, data.valueKey, data.option) ? data.activeColor : undefined); return style({ color }); } module.exports = { isSelected: isSelected, optionClass: optionClass, optionStyle: optionStyle, }; ================================================ FILE: dist/cascader/index.wxss ================================================ @import '../common/index.wxss';.van-cascader__header{align-items:center;display:flex;height:48px;justify-content:space-between;padding:0 16px}.van-cascader__title{font-size:16px;font-weight:600;line-height:20px}.van-cascader__close-icon{color:#c8c9cc;font-size:22px;height:22px}.van-cascader__tabs-wrap{height:48px!important;padding:0 8px}.van-cascader__tab{color:#323233!important;flex:none!important;font-weight:600!important;padding:0 8px!important}.van-cascader__tab--unselected{color:#969799!important;font-weight:400!important}.van-cascader__option{align-items:center;cursor:pointer;display:flex;font-size:14px;justify-content:space-between;line-height:20px;padding:10px 16px}.van-cascader__option:active{background-color:#f2f3f5}.van-cascader__option--selected{color:#1989fa;font-weight:600}.van-cascader__option--disabled{color:#c8c9cc;cursor:not-allowed}.van-cascader__option--disabled:active{background-color:initial}.van-cascader__options{-webkit-overflow-scrolling:touch;box-sizing:border-box;height:384px;overflow-y:auto;padding-top:6px} ================================================ FILE: dist/cell/index.d.ts ================================================ export {}; ================================================ FILE: dist/cell/index.js ================================================ import { link } from '../mixins/link'; import { VantComponent } from '../common/component'; VantComponent({ classes: [ 'title-class', 'label-class', 'value-class', 'right-icon-class', 'hover-class', ], mixins: [link], props: { title: null, value: null, icon: String, size: String, label: String, center: Boolean, isLink: Boolean, required: Boolean, clickable: Boolean, titleWidth: String, customStyle: String, arrowDirection: String, useLabelSlot: Boolean, border: { type: Boolean, value: true, }, titleStyle: String, }, methods: { onClick(event) { this.$emit('click', event.detail); this.jumpLink(); }, }, }); ================================================ FILE: dist/cell/index.json ================================================ { "component": true, "usingComponents": { "van-icon": "../icon/index" } } ================================================ FILE: dist/cell/index.wxml ================================================ {{ title }} {{ label }} {{ value }} ================================================ FILE: dist/cell/index.wxs ================================================ /* eslint-disable */ var style = require('../wxs/style.wxs'); var addUnit = require('../wxs/add-unit.wxs'); function titleStyle(data) { return style([ { 'max-width': addUnit(data.titleWidth), 'min-width': addUnit(data.titleWidth), }, data.titleStyle, ]); } module.exports = { titleStyle: titleStyle, }; ================================================ FILE: dist/cell/index.wxss ================================================ @import '../common/index.wxss';.van-cell{background-color:var(--cell-background-color,#fff);box-sizing:border-box;color:var(--cell-text-color,#323233);display:flex;font-size:var(--cell-font-size,14px);line-height:var(--cell-line-height,24px);padding:var(--cell-vertical-padding,10px) var(--cell-horizontal-padding,16px);position:relative;width:100%}.van-cell:after{border-bottom:1px solid #ebedf0;bottom:0;box-sizing:border-box;content:" ";left:16px;pointer-events:none;position:absolute;right:16px;transform:scaleY(.5);transform-origin:center}.van-cell--borderless:after{display:none}.van-cell-group{background-color:var(--cell-background-color,#fff)}.van-cell__label{color:var(--cell-label-color,#969799);font-size:var(--cell-label-font-size,12px);line-height:var(--cell-label-line-height,18px);margin-top:var(--cell-label-margin-top,3px)}.van-cell__value{color:var(--cell-value-color,#969799);overflow:hidden;text-align:right;vertical-align:middle}.van-cell__title,.van-cell__value{flex:1}.van-cell__title:empty,.van-cell__value:empty{display:none}.van-cell__left-icon-wrap,.van-cell__right-icon-wrap{align-items:center;display:flex;font-size:var(--cell-icon-size,16px);height:var(--cell-line-height,24px)}.van-cell__left-icon-wrap{margin-right:var(--padding-base,4px)}.van-cell__right-icon-wrap{color:var(--cell-right-icon-color,#969799);margin-left:var(--padding-base,4px)}.van-cell__left-icon{vertical-align:middle}.van-cell__left-icon,.van-cell__right-icon{line-height:var(--cell-line-height,24px)}.van-cell--clickable.van-cell--hover{background-color:var(--cell-active-color,#f2f3f5)}.van-cell--required{overflow:visible}.van-cell--required:before{color:var(--cell-required-color,#ee0a24);content:"*";font-size:var(--cell-font-size,14px);left:var(--padding-xs,8px);position:absolute}.van-cell--center{align-items:center}.van-cell--large{padding-bottom:var(--cell-large-vertical-padding,12px);padding-top:var(--cell-large-vertical-padding,12px)}.van-cell--large .van-cell__title{font-size:var(--cell-large-title-font-size,16px)}.van-cell--large .van-cell__value{font-size:var(--cell-large-value-font-size,16px)}.van-cell--large .van-cell__label{font-size:var(--cell-large-label-font-size,14px)} ================================================ FILE: dist/cell-group/index.d.ts ================================================ export {}; ================================================ FILE: dist/cell-group/index.js ================================================ import { VantComponent } from '../common/component'; VantComponent({ props: { title: String, border: { type: Boolean, value: true, }, inset: Boolean, }, }); ================================================ FILE: dist/cell-group/index.json ================================================ { "component": true } ================================================ FILE: dist/cell-group/index.wxml ================================================ {{ title }} ================================================ FILE: dist/cell-group/index.wxss ================================================ @import '../common/index.wxss';.van-cell-group--inset{border-radius:var(--cell-group-inset-border-radius,8px);margin:var(--cell-group-inset-padding,0 16px);overflow:hidden}.van-cell-group__title{color:var(--cell-group-title-color,#969799);font-size:var(--cell-group-title-font-size,14px);line-height:var(--cell-group-title-line-height,16px);padding:var(--cell-group-title-padding,16px 16px 8px)}.van-cell-group__title--inset{padding:var(--cell-group-inset-title-padding,16px 16px 8px 32px)} ================================================ FILE: dist/checkbox/index.d.ts ================================================ export {}; ================================================ FILE: dist/checkbox/index.js ================================================ import { useParent } from '../common/relation'; import { VantComponent } from '../common/component'; function emit(target, value) { target.$emit('input', value); target.$emit('change', value); } VantComponent({ field: true, relation: useParent('checkbox-group'), classes: ['icon-class', 'label-class'], props: { value: Boolean, disabled: Boolean, useIconSlot: Boolean, checkedColor: String, labelPosition: { type: String, value: 'right', }, labelDisabled: Boolean, shape: { type: String, value: 'round', }, iconSize: { type: null, value: 20, }, }, data: { parentDisabled: false, direction: 'vertical', }, methods: { emitChange(value) { if (this.parent) { this.setParentValue(this.parent, value); } else { emit(this, value); } }, toggle() { const { parentDisabled, disabled, value } = this.data; if (!disabled && !parentDisabled) { this.emitChange(!value); } }, onClickLabel() { const { labelDisabled, parentDisabled, disabled, value } = this.data; if (!disabled && !labelDisabled && !parentDisabled) { this.emitChange(!value); } }, setParentValue(parent, value) { const parentValue = parent.data.value.slice(); const { name } = this.data; const { max } = parent.data; if (value) { if (max && parentValue.length >= max) { return; } if (parentValue.indexOf(name) === -1) { parentValue.push(name); emit(parent, parentValue); } } else { const index = parentValue.indexOf(name); if (index !== -1) { parentValue.splice(index, 1); emit(parent, parentValue); } } }, }, }); ================================================ FILE: dist/checkbox/index.json ================================================ { "component": true, "usingComponents": { "van-icon": "../icon/index" } } ================================================ FILE: dist/checkbox/index.wxml ================================================ ================================================ FILE: dist/checkbox/index.wxs ================================================ /* eslint-disable */ var style = require('../wxs/style.wxs'); var addUnit = require('../wxs/add-unit.wxs'); function iconStyle(checkedColor, value, disabled, parentDisabled, iconSize) { var styles = { 'font-size': addUnit(iconSize), }; if (checkedColor && value && !disabled && !parentDisabled) { styles['border-color'] = checkedColor; styles['background-color'] = checkedColor; } return style(styles); } module.exports = { iconStyle: iconStyle, }; ================================================ FILE: dist/checkbox/index.wxss ================================================ @import '../common/index.wxss';.van-checkbox{align-items:center;display:flex;overflow:hidden;-webkit-user-select:none;user-select:none}.van-checkbox--horizontal{margin-right:12px}.van-checkbox__icon-wrap,.van-checkbox__label{line-height:var(--checkbox-size,20px)}.van-checkbox__icon-wrap{flex:none}.van-checkbox__icon{align-items:center;border:1px solid var(--checkbox-border-color,#c8c9cc);box-sizing:border-box;color:transparent;display:flex;font-size:var(--checkbox-size,20px);height:1em;justify-content:center;text-align:center;transition-duration:var(--checkbox-transition-duration,.2s);transition-property:color,border-color,background-color;width:1em}.van-checkbox__icon--round{border-radius:100%}.van-checkbox__icon--checked{background-color:var(--checkbox-checked-icon-color,#1989fa);border-color:var(--checkbox-checked-icon-color,#1989fa);color:#fff}.van-checkbox__icon--disabled{background-color:var(--checkbox-disabled-background-color,#ebedf0);border-color:var(--checkbox-disabled-icon-color,#c8c9cc)}.van-checkbox__icon--disabled.van-checkbox__icon--checked{color:var(--checkbox-disabled-icon-color,#c8c9cc)}.van-checkbox__label{word-wrap:break-word;color:var(--checkbox-label-color,#323233);padding-left:var(--checkbox-label-margin,10px)}.van-checkbox__label--left{float:left;margin:0 var(--checkbox-label-margin,10px) 0 0}.van-checkbox__label--disabled{color:var(--checkbox-disabled-label-color,#c8c9cc)}.van-checkbox__label:empty{margin:0} ================================================ FILE: dist/checkbox-group/index.d.ts ================================================ export {}; ================================================ FILE: dist/checkbox-group/index.js ================================================ import { useChildren } from '../common/relation'; import { VantComponent } from '../common/component'; VantComponent({ field: true, relation: useChildren('checkbox', function (target) { this.updateChild(target); }), props: { max: Number, value: { type: Array, observer: 'updateChildren', }, disabled: { type: Boolean, observer: 'updateChildren', }, direction: { type: String, value: 'vertical', }, }, methods: { updateChildren() { this.children.forEach((child) => this.updateChild(child)); }, updateChild(child) { const { value, disabled, direction } = this.data; child.setData({ value: value.indexOf(child.data.name) !== -1, parentDisabled: disabled, direction, }); }, }, }); ================================================ FILE: dist/checkbox-group/index.json ================================================ { "component": true } ================================================ FILE: dist/checkbox-group/index.wxml ================================================ ================================================ FILE: dist/checkbox-group/index.wxss ================================================ @import '../common/index.wxss';.van-checkbox-group--horizontal{display:flex;flex-wrap:wrap} ================================================ FILE: dist/circle/canvas.d.ts ================================================ /// type CanvasContext = WechatMiniprogram.CanvasContext; export declare function adaptor(ctx: CanvasContext & Record): CanvasContext; export {}; ================================================ FILE: dist/circle/canvas.js ================================================ export function adaptor(ctx) { // @ts-ignore return Object.assign(ctx, { setStrokeStyle(val) { ctx.strokeStyle = val; }, setLineWidth(val) { ctx.lineWidth = val; }, setLineCap(val) { ctx.lineCap = val; }, setFillStyle(val) { ctx.fillStyle = val; }, setFontSize(val) { ctx.font = String(val); }, setGlobalAlpha(val) { ctx.globalAlpha = val; }, setLineJoin(val) { ctx.lineJoin = val; }, setTextAlign(val) { ctx.textAlign = val; }, setMiterLimit(val) { ctx.miterLimit = val; }, setShadow(offsetX, offsetY, blur, color) { ctx.shadowOffsetX = offsetX; ctx.shadowOffsetY = offsetY; ctx.shadowBlur = blur; ctx.shadowColor = color; }, setTextBaseline(val) { ctx.textBaseline = val; }, createCircularGradient() { }, draw() { }, }); } ================================================ FILE: dist/circle/index.d.ts ================================================ export {}; ================================================ FILE: dist/circle/index.js ================================================ import { BLUE, WHITE } from '../common/color'; import { VantComponent } from '../common/component'; import { getSystemInfoSync } from '../common/utils'; import { isObj } from '../common/validator'; import { canIUseCanvas2d } from '../common/version'; import { adaptor } from './canvas'; function format(rate) { return Math.min(Math.max(rate, 0), 100); } const PERIMETER = 2 * Math.PI; const BEGIN_ANGLE = -Math.PI / 2; const STEP = 1; VantComponent({ props: { text: String, lineCap: { type: String, value: 'round', }, value: { type: Number, value: 0, observer: 'reRender', }, speed: { type: Number, value: 50, }, size: { type: Number, value: 100, observer() { this.drawCircle(this.currentValue); }, }, fill: String, layerColor: { type: String, value: WHITE, }, color: { type: null, value: BLUE, observer() { this.setHoverColor().then(() => { this.drawCircle(this.currentValue); }); }, }, type: { type: String, value: '', }, strokeWidth: { type: Number, value: 4, }, clockwise: { type: Boolean, value: true, }, }, data: { hoverColor: BLUE, }, methods: { getContext() { const { type, size } = this.data; if (type === '' || !canIUseCanvas2d()) { const ctx = wx.createCanvasContext('van-circle', this); return Promise.resolve(ctx); } const dpr = getSystemInfoSync().pixelRatio; return new Promise((resolve) => { wx.createSelectorQuery() .in(this) .select('#van-circle') .node() .exec((res) => { const canvas = res[0].node; const ctx = canvas.getContext(type); if (!this.inited) { this.inited = true; canvas.width = size * dpr; canvas.height = size * dpr; ctx.scale(dpr, dpr); } resolve(adaptor(ctx)); }); }); }, setHoverColor() { const { color, size } = this.data; if (isObj(color)) { return this.getContext().then((context) => { if (!context) return; const LinearColor = context.createLinearGradient(size, 0, 0, 0); Object.keys(color) .sort((a, b) => parseFloat(a) - parseFloat(b)) .map((key) => LinearColor.addColorStop(parseFloat(key) / 100, color[key])); this.hoverColor = LinearColor; }); } this.hoverColor = color; return Promise.resolve(); }, presetCanvas(context, strokeStyle, beginAngle, endAngle, fill) { const { strokeWidth, lineCap, clockwise, size } = this.data; const position = size / 2; const radius = position - strokeWidth / 2; context.setStrokeStyle(strokeStyle); context.setLineWidth(strokeWidth); context.setLineCap(lineCap); context.beginPath(); context.arc(position, position, radius, beginAngle, endAngle, !clockwise); context.stroke(); if (fill) { context.setFillStyle(fill); context.fill(); } }, renderLayerCircle(context) { const { layerColor, fill } = this.data; this.presetCanvas(context, layerColor, 0, PERIMETER, fill); }, renderHoverCircle(context, formatValue) { const { clockwise } = this.data; // 结束角度 const progress = PERIMETER * (formatValue / 100); const endAngle = clockwise ? BEGIN_ANGLE + progress : 3 * Math.PI - (BEGIN_ANGLE + progress); this.presetCanvas(context, this.hoverColor, BEGIN_ANGLE, endAngle); }, drawCircle(currentValue) { const { size } = this.data; this.getContext().then((context) => { if (!context) return; context.clearRect(0, 0, size, size); this.renderLayerCircle(context); const formatValue = format(currentValue); if (formatValue !== 0) { this.renderHoverCircle(context, formatValue); } context.draw(); }); }, reRender() { // tofector 动画暂时没有想到好的解决方案 const { value, speed } = this.data; if (speed <= 0 || speed > 1000) { this.drawCircle(value); return; } this.clearMockInterval(); this.currentValue = this.currentValue || 0; const run = () => { this.interval = setTimeout(() => { if (this.currentValue !== value) { if (Math.abs(this.currentValue - value) < STEP) { this.currentValue = value; } else if (this.currentValue < value) { this.currentValue += STEP; } else { this.currentValue -= STEP; } this.drawCircle(this.currentValue); run(); } else { this.clearMockInterval(); } }, 1000 / speed); }; run(); }, clearMockInterval() { if (this.interval) { clearTimeout(this.interval); this.interval = null; } }, }, mounted() { this.currentValue = this.data.value; this.setHoverColor().then(() => { this.drawCircle(this.currentValue); }); }, destroyed() { this.clearMockInterval(); }, }); ================================================ FILE: dist/circle/index.json ================================================ { "component": true } ================================================ FILE: dist/circle/index.wxml ================================================ {{ text }} ================================================ FILE: dist/circle/index.wxss ================================================ @import '../common/index.wxss';.van-circle{display:inline-block;position:relative;text-align:center}.van-circle__text{color:var(--circle-text-color,#323233);left:0;position:absolute;top:50%;transform:translateY(-50%);width:100%} ================================================ FILE: dist/col/index.d.ts ================================================ export {}; ================================================ FILE: dist/col/index.js ================================================ import { useParent } from '../common/relation'; import { VantComponent } from '../common/component'; VantComponent({ relation: useParent('row'), props: { span: Number, offset: Number, }, }); ================================================ FILE: dist/col/index.json ================================================ { "component": true } ================================================ FILE: dist/col/index.wxml ================================================ ================================================ FILE: dist/col/index.wxs ================================================ /* eslint-disable */ var style = require('../wxs/style.wxs'); var addUnit = require('../wxs/add-unit.wxs'); function rootStyle(data) { if (!data.gutter) { return ''; } return style({ 'padding-right': addUnit(data.gutter / 2), 'padding-left': addUnit(data.gutter / 2), }); } module.exports = { rootStyle: rootStyle, }; ================================================ FILE: dist/col/index.wxss ================================================ @import '../common/index.wxss';.van-col{box-sizing:border-box;float:left}.van-col--1{width:4.16666667%}.van-col--offset-1{margin-left:4.16666667%}.van-col--2{width:8.33333333%}.van-col--offset-2{margin-left:8.33333333%}.van-col--3{width:12.5%}.van-col--offset-3{margin-left:12.5%}.van-col--4{width:16.66666667%}.van-col--offset-4{margin-left:16.66666667%}.van-col--5{width:20.83333333%}.van-col--offset-5{margin-left:20.83333333%}.van-col--6{width:25%}.van-col--offset-6{margin-left:25%}.van-col--7{width:29.16666667%}.van-col--offset-7{margin-left:29.16666667%}.van-col--8{width:33.33333333%}.van-col--offset-8{margin-left:33.33333333%}.van-col--9{width:37.5%}.van-col--offset-9{margin-left:37.5%}.van-col--10{width:41.66666667%}.van-col--offset-10{margin-left:41.66666667%}.van-col--11{width:45.83333333%}.van-col--offset-11{margin-left:45.83333333%}.van-col--12{width:50%}.van-col--offset-12{margin-left:50%}.van-col--13{width:54.16666667%}.van-col--offset-13{margin-left:54.16666667%}.van-col--14{width:58.33333333%}.van-col--offset-14{margin-left:58.33333333%}.van-col--15{width:62.5%}.van-col--offset-15{margin-left:62.5%}.van-col--16{width:66.66666667%}.van-col--offset-16{margin-left:66.66666667%}.van-col--17{width:70.83333333%}.van-col--offset-17{margin-left:70.83333333%}.van-col--18{width:75%}.van-col--offset-18{margin-left:75%}.van-col--19{width:79.16666667%}.van-col--offset-19{margin-left:79.16666667%}.van-col--20{width:83.33333333%}.van-col--offset-20{margin-left:83.33333333%}.van-col--21{width:87.5%}.van-col--offset-21{margin-left:87.5%}.van-col--22{width:91.66666667%}.van-col--offset-22{margin-left:91.66666667%}.van-col--23{width:95.83333333%}.van-col--offset-23{margin-left:95.83333333%}.van-col--24{width:100%}.van-col--offset-24{margin-left:100%} ================================================ FILE: dist/collapse/index.d.ts ================================================ export {}; ================================================ FILE: dist/collapse/index.js ================================================ import { VantComponent } from '../common/component'; import { useChildren } from '../common/relation'; VantComponent({ relation: useChildren('collapse-item'), props: { value: { type: null, observer: 'updateExpanded', }, accordion: { type: Boolean, observer: 'updateExpanded', }, border: { type: Boolean, value: true, }, }, methods: { updateExpanded() { this.children.forEach((child) => { child.updateExpanded(); }); }, switch(name, expanded) { const { accordion, value } = this.data; const changeItem = name; if (!accordion) { name = expanded ? (value || []).concat(name) : (value || []).filter((activeName) => activeName !== name); } else { name = expanded ? name : ''; } if (expanded) { this.$emit('open', changeItem); } else { this.$emit('close', changeItem); } this.$emit('change', name); this.$emit('input', name); }, }, }); ================================================ FILE: dist/collapse/index.json ================================================ { "component": true } ================================================ FILE: dist/collapse/index.wxml ================================================ ================================================ FILE: dist/collapse/index.wxss ================================================ @import '../common/index.wxss'; ================================================ FILE: dist/collapse-item/animate.d.ts ================================================ /// export declare function setContentAnimate(context: WechatMiniprogram.Component.TrivialInstance, expanded: boolean, mounted: boolean): void; ================================================ FILE: dist/collapse-item/animate.js ================================================ import { getRect } from '../common/utils'; function useAnimation(context, expanded, mounted, height) { const animation = wx.createAnimation({ duration: 0, timingFunction: 'ease-in-out', }); if (expanded) { if (height === 0) { animation.height('auto').top(1).step(); } else { animation .height(height) .top(1) .step({ duration: mounted ? 300 : 1, }) .height('auto') .step(); } context.setData({ animation: animation.export(), }); return; } animation.height(height).top(0).step({ duration: 1 }).height(0).step({ duration: 300, }); context.setData({ animation: animation.export(), }); } export function setContentAnimate(context, expanded, mounted) { getRect(context, '.van-collapse-item__content') .then((rect) => rect.height) .then((height) => { useAnimation(context, expanded, mounted, height); }); } ================================================ FILE: dist/collapse-item/index.d.ts ================================================ export {}; ================================================ FILE: dist/collapse-item/index.js ================================================ import { VantComponent } from '../common/component'; import { useParent } from '../common/relation'; import { setContentAnimate } from './animate'; VantComponent({ classes: ['title-class', 'content-class'], relation: useParent('collapse'), props: { size: String, name: null, title: null, value: null, icon: String, label: String, disabled: Boolean, clickable: Boolean, border: { type: Boolean, value: true, }, isLink: { type: Boolean, value: true, }, }, data: { expanded: false, parentBorder: true, }, mounted() { this.updateExpanded(); this.mounted = true; }, methods: { updateExpanded() { if (!this.parent) { return; } const { value, accordion, border } = this.parent.data; const { children = [] } = this.parent; const { name } = this.data; const index = children.indexOf(this); const currentName = name == null ? index : name; const expanded = accordion ? value === currentName : (value || []).some((name) => name === currentName); if (expanded !== this.data.expanded) { setContentAnimate(this, expanded, this.mounted); } this.setData({ index, expanded, parentBorder: border }); }, onClick() { if (this.data.disabled) { return; } const { name, expanded } = this.data; const index = this.parent.children.indexOf(this); const currentName = name == null ? index : name; this.parent.switch(currentName, !expanded); }, }, }); ================================================ FILE: dist/collapse-item/index.json ================================================ { "component": true, "usingComponents": { "van-cell": "../cell/index" } } ================================================ FILE: dist/collapse-item/index.wxml ================================================ ================================================ FILE: dist/collapse-item/index.wxss ================================================ @import '../common/index.wxss';.van-collapse-item__title .van-cell__right-icon{transform:rotate(90deg);transition:transform var(--collapse-item-transition-duration,.3s)}.van-collapse-item__title--expanded .van-cell__right-icon{transform:rotate(-90deg)}.van-collapse-item__title--disabled .van-cell,.van-collapse-item__title--disabled .van-cell__right-icon{color:var(--collapse-item-title-disabled-color,#c8c9cc)!important}.van-collapse-item__title--disabled .van-cell--hover{background-color:#fff!important}.van-collapse-item__wrapper{overflow:hidden}.van-collapse-item__content{background-color:var(--collapse-item-content-background-color,#fff);color:var(--collapse-item-content-text-color,#969799);font-size:var(--collapse-item-content-font-size,13px);line-height:var(--collapse-item-content-line-height,1.5);padding:var(--collapse-item-content-padding,15px)} ================================================ FILE: dist/common/color.d.ts ================================================ export declare const RED = "#ee0a24"; export declare const BLUE = "#1989fa"; export declare const WHITE = "#fff"; export declare const GREEN = "#07c160"; export declare const ORANGE = "#ff976a"; export declare const GRAY = "#323233"; export declare const GRAY_DARK = "#969799"; ================================================ FILE: dist/common/color.js ================================================ export const RED = '#ee0a24'; export const BLUE = '#1989fa'; export const WHITE = '#fff'; export const GREEN = '#07c160'; export const ORANGE = '#ff976a'; export const GRAY = '#323233'; export const GRAY_DARK = '#969799'; ================================================ FILE: dist/common/component.d.ts ================================================ /// import { VantComponentOptions } from 'definitions/index'; declare function VantComponent(vantOptions: VantComponentOptions): void; export { VantComponent }; ================================================ FILE: dist/common/component.js ================================================ import { basic } from '../mixins/basic'; function mapKeys(source, target, map) { Object.keys(map).forEach((key) => { if (source[key]) { target[map[key]] = source[key]; } }); } function VantComponent(vantOptions) { const options = {}; mapKeys(vantOptions, options, { data: 'data', props: 'properties', watch: 'observers', mixins: 'behaviors', methods: 'methods', beforeCreate: 'created', created: 'attached', mounted: 'ready', destroyed: 'detached', classes: 'externalClasses', }); // add default externalClasses options.externalClasses = options.externalClasses || []; options.externalClasses.push('custom-class'); // add default behaviors options.behaviors = options.behaviors || []; options.behaviors.push(basic); // add relations const { relation } = vantOptions; if (relation) { options.relations = relation.relations; options.behaviors.push(relation.mixin); } // map field to form-field behavior if (vantOptions.field) { options.behaviors.push('wx://form-field'); } // add default options options.options = { multipleSlots: true, addGlobalClass: true, }; Component(options); } export { VantComponent }; ================================================ FILE: dist/common/index.wxss ================================================ .van-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.van-multi-ellipsis--l2{-webkit-line-clamp:2}.van-multi-ellipsis--l2,.van-multi-ellipsis--l3{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.van-multi-ellipsis--l3{-webkit-line-clamp:3}.van-clearfix:after{clear:both;content:"";display:table}.van-hairline,.van-hairline--bottom,.van-hairline--left,.van-hairline--right,.van-hairline--surround,.van-hairline--top,.van-hairline--top-bottom{position:relative}.van-hairline--bottom:after,.van-hairline--left:after,.van-hairline--right:after,.van-hairline--surround:after,.van-hairline--top-bottom:after,.van-hairline--top:after,.van-hairline:after{border:0 solid #ebedf0;bottom:-50%;box-sizing:border-box;content:" ";left:-50%;pointer-events:none;position:absolute;right:-50%;top:-50%;transform:scale(.5);transform-origin:center}.van-hairline--top:after{border-top-width:1px}.van-hairline--left:after{border-left-width:1px}.van-hairline--right:after{border-right-width:1px}.van-hairline--bottom:after{border-bottom-width:1px}.van-hairline--top-bottom:after{border-width:1px 0}.van-hairline--surround:after{border-width:1px} ================================================ FILE: dist/common/relation.d.ts ================================================ /// type TrivialInstance = WechatMiniprogram.Component.TrivialInstance; export declare function useParent(name: string, onEffect?: (this: TrivialInstance) => void): { relations: { [x: string]: WechatMiniprogram.Component.RelationOption; }; mixin: string; }; export declare function useChildren(name: string, onEffect?: (this: TrivialInstance, target: TrivialInstance) => void): { relations: { [x: string]: WechatMiniprogram.Component.RelationOption; }; mixin: string; }; export {}; ================================================ FILE: dist/common/relation.js ================================================ export function useParent(name, onEffect) { const path = `../${name}/index`; return { relations: { [path]: { type: 'ancestor', linked() { onEffect && onEffect.call(this); }, linkChanged() { onEffect && onEffect.call(this); }, unlinked() { onEffect && onEffect.call(this); }, }, }, mixin: Behavior({ created() { Object.defineProperty(this, 'parent', { get: () => this.getRelationNodes(path)[0], }); Object.defineProperty(this, 'index', { // @ts-ignore get: () => { var _a, _b; return (_b = (_a = this.parent) === null || _a === void 0 ? void 0 : _a.children) === null || _b === void 0 ? void 0 : _b.indexOf(this); }, }); }, }), }; } export function useChildren(name, onEffect) { const path = `../${name}/index`; return { relations: { [path]: { type: 'descendant', linked(target) { onEffect && onEffect.call(this, target); }, linkChanged(target) { onEffect && onEffect.call(this, target); }, unlinked(target) { onEffect && onEffect.call(this, target); }, }, }, mixin: Behavior({ created() { Object.defineProperty(this, 'children', { get: () => this.getRelationNodes(path) || [], }); }, }), }; } ================================================ FILE: dist/common/style/clearfix.wxss ================================================ .van-clearfix:after{clear:both;content:"";display:table} ================================================ FILE: dist/common/style/ellipsis.wxss ================================================ .van-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.van-multi-ellipsis--l2{-webkit-line-clamp:2}.van-multi-ellipsis--l2,.van-multi-ellipsis--l3{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.van-multi-ellipsis--l3{-webkit-line-clamp:3} ================================================ FILE: dist/common/style/hairline.wxss ================================================ .van-hairline,.van-hairline--bottom,.van-hairline--left,.van-hairline--right,.van-hairline--surround,.van-hairline--top,.van-hairline--top-bottom{position:relative}.van-hairline--bottom:after,.van-hairline--left:after,.van-hairline--right:after,.van-hairline--surround:after,.van-hairline--top-bottom:after,.van-hairline--top:after,.van-hairline:after{border:0 solid #ebedf0;bottom:-50%;box-sizing:border-box;content:" ";left:-50%;pointer-events:none;position:absolute;right:-50%;top:-50%;transform:scale(.5);transform-origin:center}.van-hairline--top:after{border-top-width:1px}.van-hairline--left:after{border-left-width:1px}.van-hairline--right:after{border-right-width:1px}.van-hairline--bottom:after{border-bottom-width:1px}.van-hairline--top-bottom:after{border-width:1px 0}.van-hairline--surround:after{border-width:1px} ================================================ FILE: dist/common/style/mixins/clearfix.wxss ================================================ ================================================ FILE: dist/common/style/mixins/ellipsis.wxss ================================================ ================================================ FILE: dist/common/style/mixins/hairline.wxss ================================================ ================================================ FILE: dist/common/style/var.wxss ================================================ ================================================ FILE: dist/common/utils.d.ts ================================================ /// /// /// /// /// export { isDef } from './validator'; export { getSystemInfoSync } from './version'; export declare function range(num: number, min: number, max: number): number; export declare function nextTick(cb: (...args: any[]) => void): void; export declare function addUnit(value?: string | number): string | undefined; export declare function requestAnimationFrame(cb: () => void): NodeJS.Timeout; export declare function pickExclude(obj: unknown, keys: string[]): {}; export declare function getRect(context: WechatMiniprogram.Component.TrivialInstance, selector: string): Promise; export declare function getAllRect(context: WechatMiniprogram.Component.TrivialInstance, selector: string): Promise; export declare function groupSetData(context: WechatMiniprogram.Component.TrivialInstance, cb: () => void): void; export declare function toPromise(promiseLike: Promise | unknown): Promise; export declare function addNumber(num1: any, num2: any): number; export declare const clamp: (num: any, min: any, max: any) => number; export declare function getCurrentPage(): T & WechatMiniprogram.OptionalInterface & WechatMiniprogram.Page.InstanceProperties & WechatMiniprogram.Page.InstanceMethods & WechatMiniprogram.Page.Data & WechatMiniprogram.IAnyObject; export declare const isPC: boolean; export declare const isWxWork: boolean; ================================================ FILE: dist/common/utils.js ================================================ import { isDef, isNumber, isPlainObject, isPromise } from './validator'; import { canIUseGroupSetData, canIUseNextTick, getSystemInfoSync, } from './version'; export { isDef } from './validator'; export { getSystemInfoSync } from './version'; export function range(num, min, max) { return Math.min(Math.max(num, min), max); } export function nextTick(cb) { if (canIUseNextTick()) { wx.nextTick(cb); } else { setTimeout(() => { cb(); }, 1000 / 30); } } export function addUnit(value) { if (!isDef(value)) { return undefined; } value = String(value); return isNumber(value) ? `${value}px` : value; } export function requestAnimationFrame(cb) { return setTimeout(() => { cb(); }, 1000 / 30); } export function pickExclude(obj, keys) { if (!isPlainObject(obj)) { return {}; } return Object.keys(obj).reduce((prev, key) => { if (!keys.includes(key)) { prev[key] = obj[key]; } return prev; }, {}); } export function getRect(context, selector) { return new Promise((resolve) => { wx.createSelectorQuery() .in(context) .select(selector) .boundingClientRect() .exec((rect = []) => resolve(rect[0])); }); } export function getAllRect(context, selector) { return new Promise((resolve) => { wx.createSelectorQuery() .in(context) .selectAll(selector) .boundingClientRect() .exec((rect = []) => resolve(rect[0])); }); } export function groupSetData(context, cb) { if (canIUseGroupSetData()) { context.groupSetData(cb); } else { cb(); } } export function toPromise(promiseLike) { if (isPromise(promiseLike)) { return promiseLike; } return Promise.resolve(promiseLike); } // 浮点数精度处理 export function addNumber(num1, num2) { const cardinal = Math.pow(10, 10); return Math.round((num1 + num2) * cardinal) / cardinal; } // 限制value在[min, max]之间 export const clamp = (num, min, max) => Math.min(Math.max(num, min), max); export function getCurrentPage() { const pages = getCurrentPages(); return pages[pages.length - 1]; } export const isPC = ['mac', 'windows'].includes(getSystemInfoSync().platform); // 是否企业微信 export const isWxWork = getSystemInfoSync().environment === 'wxwork'; ================================================ FILE: dist/common/validator.d.ts ================================================ export declare function isFunction(val: unknown): val is Function; export declare function isPlainObject(val: unknown): val is Record; export declare function isPromise(val: unknown): val is Promise; export declare function isDef(value: unknown): boolean; export declare function isObj(x: unknown): x is Record; export declare function isNumber(value: string): boolean; export declare function isBoolean(value: unknown): value is boolean; export declare function isImageUrl(url: string): boolean; export declare function isVideoUrl(url: string): boolean; ================================================ FILE: dist/common/validator.js ================================================ // eslint-disable-next-line @typescript-eslint/ban-types export function isFunction(val) { return typeof val === 'function'; } export function isPlainObject(val) { return val !== null && typeof val === 'object' && !Array.isArray(val); } export function isPromise(val) { return isPlainObject(val) && isFunction(val.then) && isFunction(val.catch); } export function isDef(value) { return value !== undefined && value !== null; } export function isObj(x) { const type = typeof x; return x !== null && (type === 'object' || type === 'function'); } export function isNumber(value) { return /^\d+(\.\d+)?$/.test(value); } export function isBoolean(value) { return typeof value === 'boolean'; } const IMAGE_REGEXP = /\.(jpeg|jpg|gif|png|svg|webp|jfif|bmp|dpg)/i; const VIDEO_REGEXP = /\.(mp4|mpg|mpeg|dat|asf|avi|rm|rmvb|mov|wmv|flv|mkv)/i; export function isImageUrl(url) { return IMAGE_REGEXP.test(url); } export function isVideoUrl(url) { return VIDEO_REGEXP.test(url); } ================================================ FILE: dist/common/version.d.ts ================================================ /// interface WxWorkSystemInfo extends WechatMiniprogram.SystemInfo { environment?: 'wxwork'; } interface SystemInfo extends WxWorkSystemInfo, WechatMiniprogram.SystemInfo { } export declare function getSystemInfoSync(): SystemInfo; export declare function canIUseModel(): boolean; export declare function canIUseFormFieldButton(): boolean; export declare function canIUseAnimate(): boolean; export declare function canIUseGroupSetData(): boolean; export declare function canIUseNextTick(): boolean; export declare function canIUseCanvas2d(): boolean; export declare function canIUseGetUserProfile(): boolean; export {}; ================================================ FILE: dist/common/version.js ================================================ let systemInfo; export function getSystemInfoSync() { if (systemInfo == null) { systemInfo = wx.getSystemInfoSync(); } return systemInfo; } function compareVersion(v1, v2) { v1 = v1.split('.'); v2 = v2.split('.'); const len = Math.max(v1.length, v2.length); while (v1.length < len) { v1.push('0'); } while (v2.length < len) { v2.push('0'); } for (let i = 0; i < len; i++) { const num1 = parseInt(v1[i], 10); const num2 = parseInt(v2[i], 10); if (num1 > num2) { return 1; } if (num1 < num2) { return -1; } } return 0; } function gte(version) { const system = getSystemInfoSync(); return compareVersion(system.SDKVersion, version) >= 0; } export function canIUseModel() { return gte('2.9.3'); } export function canIUseFormFieldButton() { return gte('2.10.3'); } export function canIUseAnimate() { return gte('2.9.0'); } export function canIUseGroupSetData() { return gte('2.4.0'); } export function canIUseNextTick() { try { return wx.canIUse('nextTick'); } catch (e) { return gte('2.7.1'); } } export function canIUseCanvas2d() { return gte('2.9.0'); } export function canIUseGetUserProfile() { return !!wx.getUserProfile; } ================================================ FILE: dist/config-provider/index.d.ts ================================================ export {}; ================================================ FILE: dist/config-provider/index.js ================================================ import { VantComponent } from '../common/component'; VantComponent({ props: { themeVars: { type: Object, value: {}, }, }, }); ================================================ FILE: dist/config-provider/index.json ================================================ { "component": true } ================================================ FILE: dist/config-provider/index.wxml ================================================ ================================================ FILE: dist/config-provider/index.wxs ================================================ /* eslint-disable */ var object = require('../wxs/object.wxs'); var style = require('../wxs/style.wxs'); function kebabCase(word) { var newWord = word .replace(getRegExp("[A-Z]", 'g'), function (i) { return '-' + i; }) .toLowerCase() .replace(getRegExp("^-"), ''); return newWord; } function mapThemeVarsToCSSVars(themeVars) { var cssVars = {}; object.keys(themeVars).forEach(function (key) { var cssVarsKey = '--' + kebabCase(key); cssVars[cssVarsKey] = themeVars[key]; }); return style(cssVars); } module.exports = { kebabCase: kebabCase, mapThemeVarsToCSSVars: mapThemeVarsToCSSVars, }; ================================================ FILE: dist/count-down/index.d.ts ================================================ export {}; ================================================ FILE: dist/count-down/index.js ================================================ import { VantComponent } from '../common/component'; import { isSameSecond, parseFormat, parseTimeData } from './utils'; function simpleTick(fn) { return setTimeout(fn, 30); } VantComponent({ props: { useSlot: Boolean, millisecond: Boolean, time: { type: Number, observer: 'reset', }, format: { type: String, value: 'HH:mm:ss', }, autoStart: { type: Boolean, value: true, }, }, data: { timeData: parseTimeData(0), formattedTime: '0', }, destroyed() { clearTimeout(this.tid); this.tid = null; }, methods: { // 开始 start() { if (this.counting) { return; } this.counting = true; this.endTime = Date.now() + this.remain; this.tick(); }, // 暂停 pause() { this.counting = false; clearTimeout(this.tid); }, // 重置 reset() { this.pause(); this.remain = this.data.time; this.setRemain(this.remain); if (this.data.autoStart) { this.start(); } }, tick() { if (this.data.millisecond) { this.microTick(); } else { this.macroTick(); } }, microTick() { this.tid = simpleTick(() => { this.setRemain(this.getRemain()); if (this.remain !== 0) { this.microTick(); } }); }, macroTick() { this.tid = simpleTick(() => { const remain = this.getRemain(); if (!isSameSecond(remain, this.remain) || remain === 0) { this.setRemain(remain); } if (this.remain !== 0) { this.macroTick(); } }); }, getRemain() { return Math.max(this.endTime - Date.now(), 0); }, setRemain(remain) { this.remain = remain; const timeData = parseTimeData(remain); if (this.data.useSlot) { this.$emit('change', timeData); } this.setData({ formattedTime: parseFormat(this.data.format, timeData), }); if (remain === 0) { this.pause(); this.$emit('finish'); } }, }, }); ================================================ FILE: dist/count-down/index.json ================================================ { "component": true } ================================================ FILE: dist/count-down/index.wxml ================================================ {{ formattedTime }} ================================================ FILE: dist/count-down/index.wxss ================================================ @import '../common/index.wxss';.van-count-down{color:var(--count-down-text-color,#323233);font-size:var(--count-down-font-size,14px);line-height:var(--count-down-line-height,20px)} ================================================ FILE: dist/count-down/utils.d.ts ================================================ export type TimeData = { days: number; hours: number; minutes: number; seconds: number; milliseconds: number; }; export declare function parseTimeData(time: number): TimeData; export declare function parseFormat(format: string, timeData: TimeData): string; export declare function isSameSecond(time1: number, time2: number): boolean; ================================================ FILE: dist/count-down/utils.js ================================================ function padZero(num, targetLength = 2) { let str = num + ''; while (str.length < targetLength) { str = '0' + str; } return str; } const SECOND = 1000; const MINUTE = 60 * SECOND; const HOUR = 60 * MINUTE; const DAY = 24 * HOUR; export function parseTimeData(time) { const days = Math.floor(time / DAY); const hours = Math.floor((time % DAY) / HOUR); const minutes = Math.floor((time % HOUR) / MINUTE); const seconds = Math.floor((time % MINUTE) / SECOND); const milliseconds = Math.floor(time % SECOND); return { days, hours, minutes, seconds, milliseconds, }; } export function parseFormat(format, timeData) { const { days } = timeData; let { hours, minutes, seconds, milliseconds } = timeData; if (format.indexOf('DD') === -1) { hours += days * 24; } else { format = format.replace('DD', padZero(days)); } if (format.indexOf('HH') === -1) { minutes += hours * 60; } else { format = format.replace('HH', padZero(hours)); } if (format.indexOf('mm') === -1) { seconds += minutes * 60; } else { format = format.replace('mm', padZero(minutes)); } if (format.indexOf('ss') === -1) { milliseconds += seconds * 1000; } else { format = format.replace('ss', padZero(seconds)); } return format.replace('SSS', padZero(milliseconds, 3)); } export function isSameSecond(time1, time2) { return Math.floor(time1 / 1000) === Math.floor(time2 / 1000); } ================================================ FILE: dist/datetime-picker/index.d.ts ================================================ export {}; ================================================ FILE: dist/datetime-picker/index.js ================================================ import { VantComponent } from '../common/component'; import { isDef } from '../common/validator'; import { pickerProps } from '../picker/shared'; const currentYear = new Date().getFullYear(); function isValidDate(date) { return isDef(date) && !isNaN(new Date(date).getTime()); } function range(num, min, max) { return Math.min(Math.max(num, min), max); } function padZero(val) { return `00${val}`.slice(-2); } function times(n, iteratee) { let index = -1; const result = Array(n < 0 ? 0 : n); while (++index < n) { result[index] = iteratee(index); } return result; } function getTrueValue(formattedValue) { if (formattedValue === undefined) { formattedValue = '1'; } while (isNaN(parseInt(formattedValue, 10))) { formattedValue = formattedValue.slice(1); } return parseInt(formattedValue, 10); } function getMonthEndDay(year, month) { return 32 - new Date(year, month - 1, 32).getDate(); } const defaultFormatter = (type, value) => value; VantComponent({ classes: ['active-class', 'toolbar-class', 'column-class'], props: Object.assign(Object.assign({}, pickerProps), { value: { type: null, observer: 'updateValue', }, filter: null, type: { type: String, value: 'datetime', observer: 'updateValue', }, showToolbar: { type: Boolean, value: true, }, formatter: { type: null, value: defaultFormatter, }, minDate: { type: Number, value: new Date(currentYear - 10, 0, 1).getTime(), observer: 'updateValue', }, maxDate: { type: Number, value: new Date(currentYear + 10, 11, 31).getTime(), observer: 'updateValue', }, minHour: { type: Number, value: 0, observer: 'updateValue', }, maxHour: { type: Number, value: 23, observer: 'updateValue', }, minMinute: { type: Number, value: 0, observer: 'updateValue', }, maxMinute: { type: Number, value: 59, observer: 'updateValue', } }), data: { innerValue: Date.now(), columns: [], }, methods: { updateValue() { const { data } = this; const val = this.correctValue(data.value); const isEqual = val === data.innerValue; this.updateColumnValue(val).then(() => { if (!isEqual) { this.$emit('input', val); } }); }, getPicker() { if (this.picker == null) { this.picker = this.selectComponent('.van-datetime-picker'); const { picker } = this; const { setColumnValues } = picker; picker.setColumnValues = (...args) => setColumnValues.apply(picker, [...args, false]); } return this.picker; }, updateColumns() { const { formatter = defaultFormatter } = this.data; const results = this.getOriginColumns().map((column) => ({ values: column.values.map((value) => formatter(column.type, value)), })); return this.set({ columns: results }); }, getOriginColumns() { const { filter } = this.data; const results = this.getRanges().map(({ type, range }) => { let values = times(range[1] - range[0] + 1, (index) => { const value = range[0] + index; return type === 'year' ? `${value}` : padZero(value); }); if (filter) { values = filter(type, values); } return { type, values }; }); return results; }, getRanges() { const { data } = this; if (data.type === 'time') { return [ { type: 'hour', range: [data.minHour, data.maxHour], }, { type: 'minute', range: [data.minMinute, data.maxMinute], }, ]; } const { maxYear, maxDate, maxMonth, maxHour, maxMinute, } = this.getBoundary('max', data.innerValue); const { minYear, minDate, minMonth, minHour, minMinute, } = this.getBoundary('min', data.innerValue); const result = [ { type: 'year', range: [minYear, maxYear], }, { type: 'month', range: [minMonth, maxMonth], }, { type: 'day', range: [minDate, maxDate], }, { type: 'hour', range: [minHour, maxHour], }, { type: 'minute', range: [minMinute, maxMinute], }, ]; if (data.type === 'date') result.splice(3, 2); if (data.type === 'year-month') result.splice(2, 3); return result; }, correctValue(value) { const { data } = this; // validate value const isDateType = data.type !== 'time'; if (isDateType && !isValidDate(value)) { value = data.minDate; } else if (!isDateType && !value) { const { minHour } = data; value = `${padZero(minHour)}:00`; } // time type if (!isDateType) { let [hour, minute] = value.split(':'); hour = padZero(range(hour, data.minHour, data.maxHour)); minute = padZero(range(minute, data.minMinute, data.maxMinute)); return `${hour}:${minute}`; } // date type value = Math.max(value, data.minDate); value = Math.min(value, data.maxDate); return value; }, getBoundary(type, innerValue) { const value = new Date(innerValue); const boundary = new Date(this.data[`${type}Date`]); const year = boundary.getFullYear(); let month = 1; let date = 1; let hour = 0; let minute = 0; if (type === 'max') { month = 12; date = getMonthEndDay(value.getFullYear(), value.getMonth() + 1); hour = 23; minute = 59; } if (value.getFullYear() === year) { month = boundary.getMonth() + 1; if (value.getMonth() + 1 === month) { date = boundary.getDate(); if (value.getDate() === date) { hour = boundary.getHours(); if (value.getHours() === hour) { minute = boundary.getMinutes(); } } } } return { [`${type}Year`]: year, [`${type}Month`]: month, [`${type}Date`]: date, [`${type}Hour`]: hour, [`${type}Minute`]: minute, }; }, onCancel() { this.$emit('cancel'); }, onConfirm() { this.$emit('confirm', this.data.innerValue); }, onChange() { const { data } = this; let value; const picker = this.getPicker(); const originColumns = this.getOriginColumns(); if (data.type === 'time') { const indexes = picker.getIndexes(); value = `${+originColumns[0].values[indexes[0]]}:${+originColumns[1] .values[indexes[1]]}`; } else { const indexes = picker.getIndexes(); const values = indexes.map((value, index) => originColumns[index].values[value]); const year = getTrueValue(values[0]); const month = getTrueValue(values[1]); const maxDate = getMonthEndDay(year, month); let date = getTrueValue(values[2]); if (data.type === 'year-month') { date = 1; } date = date > maxDate ? maxDate : date; let hour = 0; let minute = 0; if (data.type === 'datetime') { hour = getTrueValue(values[3]); minute = getTrueValue(values[4]); } value = new Date(year, month - 1, date, hour, minute); } value = this.correctValue(value); this.updateColumnValue(value).then(() => { this.$emit('input', value); this.$emit('change', picker); }); }, updateColumnValue(value) { let values = []; const { type } = this.data; const formatter = this.data.formatter || defaultFormatter; const picker = this.getPicker(); if (type === 'time') { const pair = value.split(':'); values = [formatter('hour', pair[0]), formatter('minute', pair[1])]; } else { const date = new Date(value); values = [ formatter('year', `${date.getFullYear()}`), formatter('month', padZero(date.getMonth() + 1)), ]; if (type === 'date') { values.push(formatter('day', padZero(date.getDate()))); } if (type === 'datetime') { values.push(formatter('day', padZero(date.getDate())), formatter('hour', padZero(date.getHours())), formatter('minute', padZero(date.getMinutes()))); } } return this.set({ innerValue: value }) .then(() => this.updateColumns()) .then(() => picker.setValues(values)); }, }, created() { const innerValue = this.correctValue(this.data.value); this.updateColumnValue(innerValue).then(() => { this.$emit('input', innerValue); }); }, }); ================================================ FILE: dist/datetime-picker/index.json ================================================ { "component": true, "usingComponents": { "van-picker": "../picker/index" } } ================================================ FILE: dist/datetime-picker/index.wxml ================================================ ================================================ FILE: dist/datetime-picker/index.wxss ================================================ @import '../common/index.wxss'; ================================================ FILE: dist/definitions/index.d.ts ================================================ /// interface VantComponentInstance { parent: WechatMiniprogram.Component.TrivialInstance; children: WechatMiniprogram.Component.TrivialInstance[]; index: number; $emit: (name: string, detail?: unknown, options?: WechatMiniprogram.Component.TriggerEventOption) => void; setView: (value: Record, callback?: () => void) => void; } export type VantComponentOptions = { data?: Data; field?: boolean; classes?: string[]; mixins?: string[]; props?: Props; relation?: { relations: Record; mixin: string; }; watch?: Record any>; methods?: Methods; beforeCreate?: () => void; created?: () => void; mounted?: () => void; destroyed?: () => void; } & ThisType, Props, Methods> & Record>; export {}; ================================================ FILE: dist/definitions/index.js ================================================ export {}; ================================================ FILE: dist/dialog/dialog.d.ts ================================================ /// /// export type Action = 'confirm' | 'cancel' | 'overlay'; type DialogContext = WechatMiniprogram.Page.TrivialInstance | WechatMiniprogram.Component.TrivialInstance; interface DialogOptions { lang?: string; show?: boolean; title?: string; width?: string | number | null; zIndex?: number; theme?: string; context?: (() => DialogContext) | DialogContext; message?: string; overlay?: boolean; selector?: string; ariaLabel?: string; /** * @deprecated use custom-class instead */ className?: string; customStyle?: string; transition?: string; /** * @deprecated use beforeClose instead */ asyncClose?: boolean; beforeClose?: null | ((action: Action) => Promise | void); businessId?: number; sessionFrom?: string; overlayStyle?: string; appParameter?: string; messageAlign?: string; sendMessageImg?: string; showMessageCard?: boolean; sendMessagePath?: string; sendMessageTitle?: string; confirmButtonText?: string; cancelButtonText?: string; showConfirmButton?: boolean; showCancelButton?: boolean; closeOnClickOverlay?: boolean; confirmButtonOpenType?: string; } declare const Dialog: { (options: DialogOptions): Promise; alert(options: DialogOptions): Promise; confirm(options: DialogOptions): Promise; close(): void; stopLoading(): void; currentOptions: DialogOptions; defaultOptions: DialogOptions; setDefaultOptions(options: DialogOptions): void; resetDefaultOptions(): void; }; export default Dialog; ================================================ FILE: dist/dialog/dialog.js ================================================ let queue = []; const defaultOptions = { show: false, title: '', width: null, theme: 'default', message: '', zIndex: 100, overlay: true, selector: '#van-dialog', className: '', asyncClose: false, beforeClose: null, transition: 'scale', customStyle: '', messageAlign: '', overlayStyle: '', confirmButtonText: '确认', cancelButtonText: '取消', showConfirmButton: true, showCancelButton: false, closeOnClickOverlay: false, confirmButtonOpenType: '', }; let currentOptions = Object.assign({}, defaultOptions); function getContext() { const pages = getCurrentPages(); return pages[pages.length - 1]; } const Dialog = (options) => { options = Object.assign(Object.assign({}, currentOptions), options); return new Promise((resolve, reject) => { const context = (typeof options.context === 'function' ? options.context() : options.context) || getContext(); const dialog = context.selectComponent(options.selector); delete options.context; delete options.selector; if (dialog) { dialog.setData(Object.assign({ callback: (action, instance) => { action === 'confirm' ? resolve(instance) : reject(instance); } }, options)); wx.nextTick(() => { dialog.setData({ show: true }); }); queue.push(dialog); } else { console.warn('未找到 van-dialog 节点，请确认 selector 及 context 是否正确'); } }); }; Dialog.alert = (options) => Dialog(options); Dialog.confirm = (options) => Dialog(Object.assign({ showCancelButton: true }, options)); Dialog.close = () => { queue.forEach((dialog) => { dialog.close(); }); queue = []; }; Dialog.stopLoading = () => { queue.forEach((dialog) => { dialog.stopLoading(); }); }; Dialog.currentOptions = currentOptions; Dialog.defaultOptions = defaultOptions; Dialog.setDefaultOptions = (options) => { currentOptions = Object.assign(Object.assign({}, currentOptions), options); Dialog.currentOptions = currentOptions; }; Dialog.resetDefaultOptions = () => { currentOptions = Object.assign({}, defaultOptions); Dialog.currentOptions = currentOptions; }; Dialog.resetDefaultOptions(); export default Dialog; ================================================ FILE: dist/dialog/index.d.ts ================================================ export {}; ================================================ FILE: dist/dialog/index.js ================================================ import { VantComponent } from '../common/component'; import { button } from '../mixins/button'; import { GRAY, RED } from '../common/color'; import { toPromise } from '../common/utils'; VantComponent({ mixins: [button], classes: ['cancle-button-class', 'confirm-button-class'], props: { show: { type: Boolean, observer(show) { !show && this.stopLoading(); }, }, title: String, message: String, theme: { type: String, value: 'default', }, confirmButtonId: String, className: String, customStyle: String, asyncClose: Boolean, messageAlign: String, beforeClose: null, overlayStyle: String, useSlot: Boolean, useTitleSlot: Boolean, useConfirmButtonSlot: Boolean, useCancelButtonSlot: Boolean, showCancelButton: Boolean, closeOnClickOverlay: Boolean, confirmButtonOpenType: String, width: null, zIndex: { type: Number, value: 2000, }, confirmButtonText: { type: String, value: '确认', }, cancelButtonText: { type: String, value: '取消', }, confirmButtonColor: { type: String, value: RED, }, cancelButtonColor: { type: String, value: GRAY, }, showConfirmButton: { type: Boolean, value: true, }, overlay: { type: Boolean, value: true, }, transition: { type: String, value: 'scale', }, rootPortal: { type: Boolean, value: false, }, }, data: { loading: { confirm: false, cancel: false, }, callback: (() => { }), }, methods: { onConfirm() { this.handleAction('confirm'); }, onCancel() { this.handleAction('cancel'); }, onClickOverlay() { this.close('overlay'); }, close(action) { this.setData({ show: false }); this.closeAction = action; }, onAfterLeave() { const { closeAction: action } = this; this.$emit('close', action); const { callback } = this.data; if (callback) { callback(action, this); } }, stopLoading() { this.setData({ loading: { confirm: false, cancel: false, }, }); }, handleAction(action) { this.$emit(action, { dialog: this }); const { asyncClose, beforeClose } = this.data; if (!asyncClose && !beforeClose) { this.close(action); return; } this.setData({ [`loading.${action}`]: true, }); if (beforeClose) { toPromise(beforeClose(action)).then((value) => { if (value) { this.close(action); } else { this.stopLoading(); } }); } }, }, }); ================================================ FILE: dist/dialog/index.json ================================================ { "component": true, "usingComponents": { "van-popup": "../popup/index", "van-button": "../button/index", "van-goods-action": "../goods-action/index", "van-goods-action-button": "../goods-action-button/index" } } ================================================ FILE: dist/dialog/index.wxml ================================================ {{ title }} {{ message }} {{ cancelButtonText }} {{ confirmButtonText }} {{ cancelButtonText }} {{ confirmButtonText }} ================================================ FILE: dist/dialog/index.wxss ================================================ @import '../common/index.wxss';.van-dialog{background-color:var(--dialog-background-color,#fff);border-radius:var(--dialog-border-radius,16px);font-size:var(--dialog-font-size,16px);overflow:hidden;top:45%!important;width:var(--dialog-width,320px)}@media (max-width:321px){.van-dialog{width:var(--dialog-small-screen-width,90%)}}.van-dialog__header{font-weight:var(--dialog-header-font-weight,500);line-height:var(--dialog-header-line-height,24px);padding-top:var(--dialog-header-padding-top,24px);text-align:center}.van-dialog__header--isolated{padding:var(--dialog-header-isolated-padding,24px 0)}.van-dialog__message{-webkit-overflow-scrolling:touch;font-size:var(--dialog-message-font-size,14px);line-height:var(--dialog-message-line-height,20px);max-height:var(--dialog-message-max-height,60vh);overflow-y:auto;padding:var(--dialog-message-padding,24px);text-align:center}.van-dialog__message-text{word-wrap:break-word}.van-dialog__message--hasTitle{color:var(--dialog-has-title-message-text-color,#646566);padding-top:var(--dialog-has-title-message-padding-top,8px)}.van-dialog__message--round-button{color:#323233;padding-bottom:16px}.van-dialog__message--left{text-align:left}.van-dialog__message--right{text-align:right}.van-dialog__message--justify{text-align:justify}.van-dialog__footer{display:flex}.van-dialog__footer--round-button{padding:8px 24px 16px!important;position:relative!important}.van-dialog__button{flex:1}.van-dialog__cancel,.van-dialog__confirm{border:0!important}.van-dialog-bounce-enter{opacity:0;transform:translate3d(-50%,-50%,0) scale(.7)}.van-dialog-bounce-leave-active{opacity:0;transform:translate3d(-50%,-50%,0) scale(.9)} ================================================ FILE: dist/divider/index.d.ts ================================================ export {}; ================================================ FILE: dist/divider/index.js ================================================ import { VantComponent } from '../common/component'; VantComponent({ props: { dashed: Boolean, hairline: Boolean, contentPosition: String, fontSize: String, borderColor: String, textColor: String, customStyle: String, }, }); ================================================ FILE: dist/divider/index.json ================================================ { "component": true, "usingComponents": {} } ================================================ FILE: dist/divider/index.wxml ================================================ ================================================ FILE: dist/divider/index.wxs ================================================ /* eslint-disable */ var style = require('../wxs/style.wxs'); var addUnit = require('../wxs/add-unit.wxs'); function rootStyle(data) { return style([ { 'border-color': data.borderColor, color: data.textColor, 'font-size': addUnit(data.fontSize), }, data.customStyle, ]); } module.exports = { rootStyle: rootStyle, }; ================================================ FILE: dist/divider/index.wxss ================================================ @import '../common/index.wxss';.van-divider{align-items:center;border:0 solid var(--divider-border-color,#ebedf0);color:var(--divider-text-color,#969799);display:flex;font-size:var(--divider-font-size,14px);line-height:var(--divider-line-height,24px);margin:var(--divider-margin,16px 0)}.van-divider:after,.van-divider:before{border-color:inherit;border-style:inherit;border-width:1px 0 0;box-sizing:border-box;display:block;flex:1;height:1px}.van-divider:before{content:""}.van-divider--hairline:after,.van-divider--hairline:before{transform:scaleY(.5)}.van-divider--dashed{border-style:dashed}.van-divider--center:before,.van-divider--left:before,.van-divider--right:before{margin-right:var(--divider-content-padding,16px)}.van-divider--center:after,.van-divider--left:after,.van-divider--right:after{content:"";margin-left:var(--divider-content-padding,16px)}.van-divider--left:before{max-width:var(--divider-content-left-width,10%)}.van-divider--right:after{max-width:var(--divider-content-right-width,10%)} ================================================ FILE: dist/dropdown-item/index.d.ts ================================================ export {}; ================================================ FILE: dist/dropdown-item/index.js ================================================ import { useParent } from '../common/relation'; import { VantComponent } from '../common/component'; VantComponent({ classes: ['item-title-class'], field: true, relation: useParent('dropdown-menu', function () { this.updateDataFromParent(); }), props: { value: { type: null, observer: 'rerender', }, title: { type: String, observer: 'rerender', }, disabled: Boolean, titleClass: { type: String, observer: 'rerender', }, options: { type: Array, value: [], observer: 'rerender', }, popupStyle: String, useBeforeToggle: { type: Boolean, value: false, }, rootPortal: { type: Boolean, value: false, }, }, data: { transition: true, showPopup: false, showWrapper: false, displayTitle: '', safeAreaTabBar: false, }, methods: { rerender() { wx.nextTick(() => { var _a; (_a = this.parent) === null || _a === void 0 ? void 0 : _a.updateItemListData(); }); }, updateDataFromParent() { if (this.parent) { const { overlay, duration, activeColor, closeOnClickOverlay, direction, safeAreaTabBar, } = this.parent.data; this.setData({ overlay, duration, activeColor, closeOnClickOverlay, direction, safeAreaTabBar, }); } }, onOpen() { this.$emit('open'); }, onOpened() { this.$emit('opened'); }, onClose() { this.$emit('close'); }, onClosed() { this.$emit('closed'); this.setData({ showWrapper: false }); }, onOptionTap(event) { const { option } = event.currentTarget.dataset; const { value } = option; const shouldEmitChange = this.data.value !== value; this.setData({ showPopup: false, value }); this.$emit('close'); this.rerender(); if (shouldEmitChange) { this.$emit('change', value); } }, toggle(show, options = {}) { const { showPopup } = this.data; if (typeof show !== 'boolean') { show = !showPopup; } if (show === showPopup) { return; } this.onBeforeToggle(show).then((status) => { var _a; if (!status) { return; } this.setData({ transition: !options.immediate, showPopup: show, }); if (show) { (_a = this.parent) === null || _a === void 0 ? void 0 : _a.getChildWrapperStyle().then((wrapperStyle) => { this.setData({ wrapperStyle, showWrapper: true }); this.rerender(); }); } else { this.rerender(); } }); }, onBeforeToggle(status) { const { useBeforeToggle } = this.data; if (!useBeforeToggle) { return Promise.resolve(true); } return new Promise((resolve) => { this.$emit('before-toggle', { status, callback: (value) => resolve(value), }); }); }, }, }); ================================================ FILE: dist/dropdown-item/index.json ================================================ { "component": true, "usingComponents": { "van-popup": "../popup/index", "van-cell": "../cell/index", "van-icon": "../icon/index" } } ================================================ FILE: dist/dropdown-item/index.wxml ================================================ {{ item.text }} ================================================ FILE: dist/dropdown-item/index.wxss ================================================ @import '../common/index.wxss';.van-dropdown-item{left:0;overflow:hidden;position:fixed;right:0}.van-dropdown-item__option{text-align:left}.van-dropdown-item__option--active .van-dropdown-item__icon,.van-dropdown-item__option--active .van-dropdown-item__title{color:var(--dropdown-menu-option-active-color,#ee0a24)}.van-dropdown-item--up{top:0}.van-dropdown-item--down{bottom:0}.van-dropdown-item__icon{display:block;line-height:inherit} ================================================ FILE: dist/dropdown-item/shared.d.ts ================================================ export interface Option { text: string; value: string | number; icon: string; } ================================================ FILE: dist/dropdown-item/shared.js ================================================ export {}; ================================================ FILE: dist/dropdown-menu/index.d.ts ================================================ export {}; ================================================ FILE: dist/dropdown-menu/index.js ================================================ import { VantComponent } from '../common/component'; import { useChildren } from '../common/relation'; import { addUnit, getRect, getSystemInfoSync } from '../common/utils'; let ARRAY = []; VantComponent({ field: true, classes: ['title-class'], relation: useChildren('dropdown-item', function () { this.updateItemListData(); }), props: { activeColor: { type: String, observer: 'updateChildrenData', }, overlay: { type: Boolean, value: true, observer: 'updateChildrenData', }, zIndex: { type: Number, value: 10, }, duration: { type: Number, value: 200, observer: 'updateChildrenData', }, direction: { type: String, value: 'down', observer: 'updateChildrenData', }, safeAreaTabBar: { type: Boolean, value: false, }, closeOnClickOverlay: { type: Boolean, value: true, observer: 'updateChildrenData', }, closeOnClickOutside: { type: Boolean, value: true, }, }, data: { itemListData: [], }, beforeCreate() { const { windowHeight } = getSystemInfoSync(); this.windowHeight = windowHeight; ARRAY.push(this); }, destroyed() { ARRAY = ARRAY.filter((item) => item !== this); }, methods: { updateItemListData() { this.setData({ itemListData: this.children.map((child) => child.data), }); }, updateChildrenData() { this.children.forEach((child) => { child.updateDataFromParent(); }); }, toggleItem(active) { this.children.forEach((item, index) => { const { showPopup } = item.data; if (index === active) { item.toggle(); } else if (showPopup) { item.toggle(false, { immediate: true }); } }); }, close() { this.children.forEach((child) => { child.toggle(false, { immediate: true }); }); }, getChildWrapperStyle() { const { zIndex, direction } = this.data; return getRect(this, '.van-dropdown-menu').then((rect) => { const { top = 0, bottom = 0 } = rect; const offset = direction === 'down' ? bottom : this.windowHeight - top; let wrapperStyle = `z-index: ${zIndex};`; if (direction === 'down') { wrapperStyle += `top: ${addUnit(offset)};`; } else { wrapperStyle += `bottom: ${addUnit(offset)};`; } return wrapperStyle; }); }, onTitleTap(event) { const { index } = event.currentTarget.dataset; const child = this.children[index]; if (!child.data.disabled) { ARRAY.forEach((menuItem) => { if (menuItem && menuItem.data.closeOnClickOutside && menuItem !== this) { menuItem.close(); } }); this.toggleItem(index); } }, }, }); ================================================ FILE: dist/dropdown-menu/index.json ================================================ { "component": true } ================================================ FILE: dist/dropdown-menu/index.wxml ================================================ {{ computed.displayTitle(item) }} ================================================ FILE: dist/dropdown-menu/index.wxs ================================================ /* eslint-disable */ function displayTitle(item) { if (item.title) { return item.title; } var match = item.options.filter(function(option) { return option.value === item.value; }); var displayTitle = match.length ? match[0].text : ''; return displayTitle; } module.exports = { displayTitle: displayTitle }; ================================================ FILE: dist/dropdown-menu/index.wxss ================================================ @import '../common/index.wxss';.van-dropdown-menu{background-color:var(--dropdown-menu-background-color,#fff);box-shadow:var(--dropdown-menu-box-shadow,0 2px 12px hsla(210,1%,40%,.12));display:flex;height:var(--dropdown-menu-height,50px);-webkit-user-select:none;user-select:none}.van-dropdown-menu__item{align-items:center;display:flex;flex:1;justify-content:center;min-width:0}.van-dropdown-menu__item:active{opacity:.7}.van-dropdown-menu__item--disabled:active{opacity:1}.van-dropdown-menu__item--disabled .van-dropdown-menu__title{color:var(--dropdown-menu-title-disabled-text-color,#969799)}.van-dropdown-menu__title{box-sizing:border-box;color:var(--dropdown-menu-title-text-color,#323233);font-size:var(--dropdown-menu-title-font-size,15px);line-height:var(--dropdown-menu-title-line-height,18px);max-width:100%;padding:var(--dropdown-menu-title-padding,0 24px 0 8px);position:relative}.van-dropdown-menu__title:after{border-color:transparent transparent currentcolor currentcolor;border-style:solid;border-width:3px;content:"";margin-top:-5px;opacity:.8;position:absolute;right:11px;top:50%;transform:rotate(-45deg)}.van-dropdown-menu__title--active{color:var(--dropdown-menu-title-active-text-color,#ee0a24)}.van-dropdown-menu__title--down:after{margin-top:-1px;transform:rotate(135deg)} ================================================ FILE: dist/empty/index.d.ts ================================================ export {}; ================================================ FILE: dist/empty/index.js ================================================ import { VantComponent } from '../common/component'; VantComponent({ props: { description: String, image: { type: String, value: 'default', }, }, }); ================================================ FILE: dist/empty/index.json ================================================ { "component": true, "usingComponents": {} } ================================================ FILE: dist/empty/index.wxml ================================================ {{ description }} ================================================ FILE: dist/empty/index.wxs ================================================ /* eslint-disable */ var PRESETS = ['error', 'search', 'default', 'network']; function imageUrl(image) { if (PRESETS.indexOf(image) !== -1) { return 'https://img.yzcdn.cn/vant/empty-image-' + image + '.png'; } return image; } module.exports = { imageUrl: imageUrl, }; ================================================ FILE: dist/empty/index.wxss ================================================ @import '../common/index.wxss';.van-empty{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;padding:32px 0}.van-empty__image{height:160px;width:160px}.van-empty__image:empty{display:none}.van-empty__image__img{height:100%;width:100%}.van-empty__image:not(:empty)+.van-empty__image{display:none}.van-empty__description{color:#969799;font-size:14px;line-height:20px;margin-top:16px;padding:0 60px}.van-empty__description:empty,.van-empty__description:not(:empty)+.van-empty__description{display:none}.van-empty__bottom{margin-top:24px} ================================================ FILE: dist/field/index.d.ts ================================================ export {}; ================================================ FILE: dist/field/index.js ================================================ import { nextTick } from '../common/utils'; import { VantComponent } from '../common/component'; import { commonProps, inputProps, textareaProps } from './props'; VantComponent({ field: true, classes: ['input-class', 'right-icon-class', 'label-class'], props: Object.assign(Object.assign(Object.assign(Object.assign({}, commonProps), inputProps), textareaProps), { size: String, icon: String, label: String, error: Boolean, center: Boolean, isLink: Boolean, leftIcon: String, rightIcon: String, autosize: null, required: Boolean, iconClass: String, clickable: Boolean, inputAlign: String, customStyle: String, errorMessage: String, arrowDirection: String, showWordLimit: Boolean, errorMessageAlign: String, readonly: { type: Boolean, observer: 'setShowClear', }, clearable: { type: Boolean, observer: 'setShowClear', }, clearTrigger: { type: String, value: 'focus', }, border: { type: Boolean, value: true, }, titleWidth: { type: String, value: '6.2em', }, clearIcon: { type: String, value: 'clear', }, extraEventParams: { type: Boolean, value: false, } }), data: { focused: false, innerValue: '', showClear: false, }, watch: { value(value) { if (value !== this.value) { this.setData({ innerValue: value }); this.value = value; this.setShowClear(); } }, clearTrigger() { this.setShowClear(); }, }, created() { this.value = this.data.value; this.setData({ innerValue: this.value }); }, methods: { formatValue(value) { const { maxlength } = this.data; if (maxlength !== -1 && value.length > maxlength) { return value.slice(0, maxlength); } return value; }, onInput(event) { const { value = '' } = event.detail || {}; const formatValue = this.formatValue(value); this.value = formatValue; this.setShowClear(); return this.emitChange(Object.assign(Object.assign({}, event.detail), { value: formatValue })); }, onFocus(event) { this.focused = true; this.setShowClear(); this.$emit('focus', event.detail); }, onBlur(event) { this.focused = false; this.setShowClear(); this.$emit('blur', event.detail); }, onClickIcon() { this.$emit('click-icon'); }, onClickInput(event) { this.$emit('click-input', event.detail); }, onClear() { this.setData({ innerValue: '' }); this.value = ''; this.setShowClear(); nextTick(() => { this.emitChange({ value: '' }); this.$emit('clear', ''); }); }, onConfirm(event) { const { value = '' } = event.detail || {}; this.value = value; this.setShowClear(); this.$emit('confirm', value); }, setValue(value) { this.value = value; this.setShowClear(); if (value === '') { this.setData({ innerValue: '' }); } this.emitChange({ value }); }, onLineChange(event) { this.$emit('linechange', event.detail); }, onKeyboardHeightChange(event) { this.$emit('keyboardheightchange', event.detail); }, onBindNicknameReview(event) { this.$emit('nicknamereview', event.detail); }, emitChange(detail) { const { extraEventParams } = this.data; this.setData({ value: detail.value }); let result; const data = extraEventParams ? Object.assign(Object.assign({}, detail), { callback: (data) => { result = data; } }) : detail.value; this.$emit('input', data); this.$emit('change', data); return result; }, setShowClear() { const { clearable, readonly, clearTrigger } = this.data; const { focused, value } = this; let showClear = false; if (clearable && !readonly) { const hasValue = !!value; const trigger = clearTrigger === 'always' || (clearTrigger === 'focus' && focused); showClear = hasValue && trigger; } this.setView({ showClear }); }, noop() { }, }, }); ================================================ FILE: dist/field/index.json ================================================ { "component": true, "usingComponents": { "van-cell": "../cell/index", "van-icon": "../icon/index" } } ================================================ FILE: dist/field/index.wxml ================================================ ================================================ FILE: dist/field/index.wxs ================================================ /* eslint-disable */ var style = require('../wxs/style.wxs'); var addUnit = require('../wxs/add-unit.wxs'); function inputStyle(autosize) { if (autosize && autosize.constructor === 'Object') { return style({ 'min-height': addUnit(autosize.minHeight), 'max-height': addUnit(autosize.maxHeight), }); } return ''; } module.exports = { inputStyle: inputStyle, }; ================================================ FILE: dist/field/index.wxss ================================================ @import '../common/index.wxss';.van-field{--cell-icon-size:var(--field-icon-size,16px)}.van-field__label{color:var(--field-label-color,#646566)}.van-field__label--disabled{color:var(--field-disabled-text-color,#c8c9cc)}.van-field__body{align-items:center;display:flex}.van-field__body--textarea{box-sizing:border-box;line-height:1.2em;min-height:var(--cell-line-height,24px);padding:3.6px 0}.van-field__control:empty+.van-field__control{display:block}.van-field__control{background-color:initial;border:0;box-sizing:border-box;color:var(--field-input-text-color,#323233);display:none;height:var(--cell-line-height,24px);line-height:inherit;margin:0;min-height:var(--cell-line-height,24px);padding:0;position:relative;resize:none;text-align:left;width:100%}.van-field__control:empty{display:none}.van-field__control--textarea{height:var(--field-text-area-min-height,18px);min-height:var(--field-text-area-min-height,18px)}.van-field__control--error{color:var(--field-input-error-text-color,#ee0a24)}.van-field__control--disabled{background-color:initial;color:var(--field-input-disabled-text-color,#c8c9cc);opacity:1}.van-field__control--center{text-align:center}.van-field__control--right{text-align:right}.van-field__control--custom{align-items:center;display:flex;min-height:var(--cell-line-height,24px)}.van-field__placeholder{color:var(--field-placeholder-text-color,#c8c9cc);left:0;pointer-events:none;position:absolute;right:0;top:0}.van-field__placeholder--error{color:var(--field-error-message-color,#ee0a24)}.van-field__icon-root{align-items:center;display:flex;min-height:var(--cell-line-height,24px)}.van-field__clear-root,.van-field__icon-container{line-height:inherit;margin-right:calc(var(--padding-xs, 8px)*-1);padding:0 var(--padding-xs,8px);vertical-align:middle}.van-field__button,.van-field__clear-root,.van-field__icon-container{flex-shrink:0}.van-field__clear-root{color:var(--field-clear-icon-color,#c8c9cc);font-size:var(--field-clear-icon-size,16px)}.van-field__icon-container{color:var(--field-icon-container-color,#969799);font-size:var(--field-icon-size,16px)}.van-field__icon-container:empty{display:none}.van-field__button{padding-left:var(--padding-xs,8px)}.van-field__button:empty{display:none}.van-field__error-message{color:var(--field-error-message-color,#ee0a24);display:block;font-size:var(--field-error-message-text-font-size,12px);text-align:left}.van-field__error-message--center{text-align:center}.van-field__error-message--right{text-align:right}.van-field__word-limit{color:var(--field-word-limit-color,#646566);font-size:var(--field-word-limit-font-size,12px);line-height:var(--field-word-limit-line-height,16px);margin-top:var(--padding-base,4px);text-align:right}.van-field__word-num{display:inline}.van-field__word-num--full{color:var(--field-word-num-full-color,#ee0a24)} ================================================ FILE: dist/field/input.wxml ================================================ ================================================ FILE: dist/field/props.d.ts ================================================ /// export declare const commonProps: WechatMiniprogram.Component.PropertyOption; export declare const inputProps: WechatMiniprogram.Component.PropertyOption; export declare const textareaProps: WechatMiniprogram.Component.PropertyOption; ================================================ FILE: dist/field/props.js ================================================ export const commonProps = { value: String, placeholder: String, placeholderStyle: String, placeholderClass: String, disabled: Boolean, maxlength: { type: Number, value: -1, }, cursorSpacing: { type: Number, value: 50, }, autoFocus: Boolean, focus: Boolean, cursor: { type: Number, value: -1, }, selectionStart: { type: Number, value: -1, }, selectionEnd: { type: Number, value: -1, }, adjustPosition: { type: Boolean, value: true, }, holdKeyboard: Boolean, }; export const inputProps = { type: { type: String, value: 'text', }, password: Boolean, confirmType: String, confirmHold: Boolean, alwaysEmbed: Boolean, }; export const textareaProps = { autoHeight: Boolean, fixed: Boolean, showConfirmBar: { type: Boolean, value: true, }, disableDefaultPadding: { type: Boolean, value: true, }, }; ================================================ FILE: dist/field/textarea.wxml ================================================