vant 2.13.4 → 2.13.6

package/package.json

@@ -1,84 +1,104 @@
 {
   "name": "vant",
-  "version": "2.13.4",
+  "version": "2.13.6",
   "description": "Mobile UI Components built on Vue",
-  "main": "lib/vant.cjs.js",
-  "module": "es/index.mjs",
+  "main": "lib/index.js",
+  "module": "es/index.js",
   "style": "lib/index.css",
-  "typings": "lib/index.d.ts",
-  "unpkg": "lib/vant.min.js",
-  "jsdelivr": "lib/vant.min.js",
+  "typings": "types/index.d.ts",
   "files": [
     "es",
-    "lib"
+    "lib",
+    "types",
+    "vetur"
   ],
+  "npm": {
+    "tag": "latest-v2"
+  },
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
   "scripts": {
+    "bootstrap": "yarn || npm i",
     "dev": "vant-cli dev",
     "lint": "vant-cli lint",
-    "test": "vitest run",
+    "test": "vant-cli test",
     "build": "vant-cli build",
-    "build:site": "vant-cli build-site",
-    "release": "cp ../../README.md ./ && vant-cli release --gitTag && rm ./README.md",
-    "release:site": "pnpm build:site && npx gh-pages -d site-dist --add",
-    "test:update": "vitest run -u",
-    "test:watch": "vitest",
-    "test:coverage": "vitest run --coverage",
-    "open:coverage": "open test/coverage/lcov-report/index.html",
-    "postinstall": "node lib/utils/support.js"
+    "release": "vant-cli release --tag latest-v2",
+    "test:watch": "vant-cli test --watch",
+    "release:site": "sh docs/site/release.sh",
+    "test:coverage": "open test/coverage/index.html"
   },
-  "publishConfig": {
-    "registry": "https://registry.npmjs.org/"
+  "husky": {
+    "hooks": {
+      "pre-commit": "lint-staged",
+      "commit-msg": "vant-cli commit-lint"
+    }
+  },
+  "lint-staged": {
+    "*.md": "prettier --write",
+    "*.{ts,tsx,js,vue,less}": "prettier --write",
+    "*.{ts,tsx,js,vue}": "eslint --fix",
+    "*.{vue,css,less}": "stylelint --fix"
   },
   "repository": {
     "type": "git",
-    "url": "https://github.com/vant-ui/vant.git",
-    "directory": "packages/vant"
+    "url": "git@github.com:vant-ui/vant.git"
   },
-  "bugs": "https://github.com/vant-ui/vant/issues",
-  "author": "chenjiahan",
-  "license": "MIT",
   "keywords": [
     "ui",
     "vue",
-    "vue3",
-    "mobile",
     "frontend",
+    "mobile ui",
     "component",
     "components"
   ],
+  "author": "youzanfe",
+  "license": "MIT",
   "dependencies": {
-    "@vant/popperjs": "workspace:^",
-    "@vant/use": "workspace:^",
-    "@vue/shared": "^3.5.13"
+    "@babel/runtime": "7.x",
+    "@vant/icons": "^3.0.2",
+    "@vant/popperjs": "^1.1.0",
+    "@vue/babel-helper-vue-jsx-merge-props": "^1.0.0",
+    "vue-lazyload": "1.2.3"
   },
   "peerDependencies": {
-    "vue": "^3.0.0"
+    "vue": ">= 2.6.0"
   },
   "devDependencies": {
-    "@types/node": "^22.10.1",
-    "@vant/area-data": "workspace:*",
-    "@vant/cli": "workspace:*",
-    "@vant/eslint-config": "workspace:*",
-    "@vant/icons": "workspace:*",
-    "@vitejs/plugin-vue": "^5.2.1",
-    "@vitejs/plugin-vue-jsx": "^4.1.1",
-    "@vitest/coverage-istanbul": "^2.1.6",
-    "@vue/runtime-core": "^3.5.13",
-    "@vue/test-utils": "^2.4.6",
-    "csstype": "^3.1.3",
-    "diffable-html": "^5.0.0",
-    "jsdom": "^25.0.1",
-    "typescript": "^5.7.2",
-    "vite": "^5.4.11",
-    "vitest": "^2.1.6",
-    "vitest-canvas-mock": "^0.3.3",
-    "vue": "^3.5.13",
-    "vue-router": "^4.4.5"
+    "@vant/cli": "^2.11.11",
+    "prettier": "2.1.0",
+    "vue": "^2.6.12",
+    "vue-template-compiler": "^2.6.12"
   },
   "sideEffects": [
     "es/**/style/*",
     "lib/**/style/*",
-    "*.css"
+    "*.css",
+    "*.less"
   ],
-  "web-types": "lib/web-types.json"
+  "vetur": {
+    "tags": "vetur/tags.json",
+    "attributes": "vetur/attributes.json"
+  },
+  "web-types": "vetur/web-types.json",
+  "eslintConfig": {
+    "root": true,
+    "extends": [
+      "@vant"
+    ]
+  },
+  "stylelint": {
+    "extends": [
+      "@vant/stylelint-config"
+    ]
+  },
+  "prettier": {
+    "singleQuote": true,
+    "proseWrap": "never"
+  },
+  "browserslist": [
+    "Android >= 4.0",
+    "iOS >= 8"
+  ]
 }

package/types/address-edit.d.ts

@@ -0,0 +1,5 @@
+import { VanComponent } from './component';
+
+export class AddressEdit extends VanComponent {
+  setAddressDetail(val: string): void;
+}

package/types/area.d.ts

@@ -0,0 +1,5 @@
+import { VanComponent } from './component';
+
+export class Area extends VanComponent {
+  reset(code?: string): void;
+}

package/types/calendar.d.ts

@@ -0,0 +1,7 @@
+import { VanComponent } from './component';
+
+export class Calendar extends VanComponent {
+  reset(date?: Date | Date[]): void;
+
+  scrollToDate(date: Date): void;
+}

package/types/checkbox-group.d.ts

@@ -0,0 +1,10 @@
+import { VanComponent } from './component';
+
+export type ToggleAllOptions = {
+  checked?: boolean;
+  skipDisabled?: boolean;
+};
+
+export class CheckboxGroup extends VanComponent {
+  toggleAll(options?: boolean | ToggleAllOptions): void;
+}

package/types/checkbox.d.ts

@@ -0,0 +1,5 @@
+import { VanComponent } from './component';
+
+export class Checkbox extends VanComponent {
+  toggle(checked?: boolean): void;
+}

package/types/collapse-item.d.ts

@@ -0,0 +1,5 @@
+import { VanComponent } from './component';
+
+export class CollapseItem extends VanComponent {
+  toggle(expanded?: boolean): void;
+}

package/types/component.d.ts

@@ -0,0 +1,7 @@
+import Vue from 'vue';
+
+export class VanComponent extends Vue {
+  static name: string;
+
+  static install(vue: typeof Vue): void;
+}

package/types/count-down.d.ts

@@ -0,0 +1,9 @@
+import { VanComponent } from './component';
+
+export class CountDown extends VanComponent {
+  start(): void;
+
+  pause(): void;
+
+  reset(): void;
+}

package/types/datetime-picker.d.ts

@@ -0,0 +1,6 @@
+import { VanComponent } from './component';
+import { Picker } from './picker';
+
+export class DatetimePicker extends VanComponent {
+  getPicker(): Picker;
+}

package/types/dialog.d.ts

@@ -0,0 +1,48 @@
+import { VanComponent } from './component';
+
+type DialogAction = 'confirm' | 'cancel';
+type DialogDone = (close?: boolean) => void;
+
+export type DialogOptions = {
+  title?: string;
+  width?: string | number;
+  message?: string;
+  theme?: string;
+  overlay?: boolean;
+  className?: any;
+  allowHtml?: boolean;
+  lockScroll?: boolean;
+  transition?: string;
+  messageAlign?: string;
+  overlayClass?: string;
+  overlayStyle?: object;
+  closeOnPopstate?: boolean;
+  cancelButtonText?: string;
+  cancelButtonColor?: string;
+  confirmButtonText?: string;
+  confirmButtonColor?: string;
+  showConfirmButton?: boolean;
+  showCancelButton?: boolean;
+  closeOnClickOverlay?: boolean;
+  getContainer?: string | (() => Element);
+  beforeClose?: (action: DialogAction, done: DialogDone) => void;
+};
+
+export interface Dialog {
+  (options: DialogOptions): Promise<DialogAction>;
+  alert(options: DialogOptions): Promise<DialogAction>;
+  confirm(options: DialogOptions): Promise<DialogAction>;
+  close(): void;
+  install(): void;
+  setDefaultOptions(options: DialogOptions): void;
+  resetDefaultOptions(): void;
+  Component: typeof VanComponent;
+}
+
+declare module 'vue/types/vue' {
+  interface Vue {
+    $dialog: Dialog;
+  }
+}
+
+export const Dialog: Dialog;

package/types/dropdown-item.d.ts

@@ -0,0 +1,5 @@
+import { VanComponent } from './component';
+
+export class DropdownItem extends VanComponent {
+  toggle(show?: boolean): void;
+}

package/types/field.d.ts

@@ -0,0 +1,7 @@
+import { VanComponent } from './component';
+
+export class Field extends VanComponent {
+  focus(): void;
+
+  blur(): void;
+}

package/types/form.d.ts

@@ -0,0 +1,11 @@
+import { VanComponent } from './component';
+
+export class Form extends VanComponent {
+  submit(): void;
+
+  validate(name?: string | string[]): Promise<void>;
+
+  resetValidation(name?: string | string[]): void;
+
+  scrollToField(name: string, options?: boolean | ScrollIntoViewOptions): void;
+}

package/types/image-preview.d.ts

@@ -0,0 +1,45 @@
+import { VanComponent } from './component';
+import { VanPopupMixin } from './mixins/popup';
+import { SwipeToOptions } from './swipe';
+
+export type ImagePreviewOptions =
+  | string[]
+  | {
+      loop?: boolean;
+      images: string[];
+      maxZoom?: number;
+      minZoom?: number;
+      className?: any;
+      showIndex?: boolean;
+      closeable?: boolean;
+      closeIcon?: string;
+      asyncClose?: boolean;
+      transition?: string;
+      overlayStyle?: object;
+      swipeDuration?: number;
+      startPosition?: number;
+      showIndicators?: boolean;
+      closeOnPopstate?: boolean;
+      closeIconPosition?: string;
+      getContainer?: string | (() => Element);
+      onClose?(): void;
+      onScale?(data: { index: number; scale: number }): void;
+      onChange?(index: number): void;
+      swipeTo?(index: number, options?: SwipeToOptions): void;
+    };
+
+export class VanImagePreview extends VanPopupMixin {
+  images: string[];
+
+  showIndex: boolean;
+
+  startPosition: number;
+}
+
+export interface ImagePreview {
+  (options: ImagePreviewOptions, startPosition?: number): VanImagePreview;
+  install(): void;
+  Component: typeof VanComponent;
+}
+
+export const ImagePreview: ImagePreview;

package/types/index-bar.d.ts

@@ -0,0 +1,5 @@
+import { VanComponent } from './component';
+
+export class IndexBar extends VanComponent {
+  scrollTo(index: number | string): void;
+}

package/types/index.d.ts

@@ -0,0 +1,124 @@
+/* eslint-disable max-classes-per-file */
+import Vue from 'vue';
+import { VanComponent } from './component';
+import { AddressEdit } from './address-edit';
+import { Area } from './area';
+import { Calendar } from './calendar';
+import { Checkbox } from './checkbox';
+import { CheckboxGroup } from './checkbox-group';
+import { CollapseItem } from './collapse-item';
+import { CountDown } from './count-down';
+import { DatetimePicker } from './datetime-picker';
+import { Dialog } from './dialog';
+import { DropdownItem } from './dropdown-item';
+import { Field } from './field';
+import { Form } from './form';
+import { ImagePreview } from './image-preview';
+import { IndexBar } from './index-bar';
+import { Lazyload } from './lazyload';
+import { List } from './list';
+import { Locale } from './locale';
+import { Notify } from './notify';
+import { Picker } from './picker';
+import { Progress } from './progress';
+import { Sku } from './sku';
+import { Swipe } from './swipe';
+import { SwipeCell } from './swipe-cell';
+import { Tabs } from './tabs';
+import { Toast } from './toast';
+import { Uploader } from './uploader';
+
+export const version: string;
+export function install(vue: typeof Vue): void;
+
+export class ActionSheet extends VanComponent {}
+export class AddressList extends VanComponent {}
+export class Badge extends VanComponent {}
+export class Button extends VanComponent {}
+export class Card extends VanComponent {}
+export class Cascader extends VanComponent {}
+export class Cell extends VanComponent {}
+export class CellGroup extends VanComponent {}
+export class Circle extends VanComponent {}
+export class Col extends VanComponent {}
+export class Collapse extends VanComponent {}
+export class ContactCard extends VanComponent {}
+export class ContactEdit extends VanComponent {}
+export class ContactList extends VanComponent {}
+export class CouponCell extends VanComponent {}
+export class CouponList extends VanComponent {}
+export class Divider extends VanComponent {}
+export class DropdownMenu extends VanComponent {}
+export class Empty extends VanComponent {}
+export class Grid extends VanComponent {}
+export class GridItem extends VanComponent {}
+export class GoodsAction extends VanComponent {}
+export class GoodsActionButton extends VanComponent {}
+export class GoodsActionIcon extends VanComponent {}
+export class Icon extends VanComponent {}
+export class Image extends VanComponent {}
+export class IndexAnchor extends VanComponent {}
+export class Info extends VanComponent {}
+export class Loading extends VanComponent {}
+export class NavBar extends VanComponent {}
+export class NoticeBar extends VanComponent {}
+export class NumberKeyboard extends VanComponent {}
+export class Overlay extends VanComponent {}
+export class Pagination extends VanComponent {}
+export class Panel extends VanComponent {}
+export class PasswordInput extends VanComponent {}
+export class Popover extends VanComponent {}
+export class Popup extends VanComponent {}
+export class PullRefresh extends VanComponent {}
+export class Radio extends VanComponent {}
+export class RadioGroup extends VanComponent {}
+export class Rate extends VanComponent {}
+export class Row extends VanComponent {}
+export class Search extends VanComponent {}
+export class ShareSheet extends VanComponent {}
+export class Sidebar extends VanComponent {}
+export class SidebarItem extends VanComponent {}
+export class Skeleton extends VanComponent {}
+export class Slider extends VanComponent {}
+export class Step extends VanComponent {}
+export class Stepper extends VanComponent {}
+export class Steps extends VanComponent {}
+export class Sticky extends VanComponent {}
+export class SubmitBar extends VanComponent {}
+export class SwipeItem extends VanComponent {}
+export class Switch extends VanComponent {}
+export class SwitchCell extends VanComponent {}
+export class Tab extends VanComponent {}
+export class Tabbar extends VanComponent {}
+export class TabbarItem extends VanComponent {}
+export class Tag extends VanComponent {}
+export class TreeSelect extends VanComponent {}
+
+export {
+  AddressEdit,
+  Area,
+  Calendar,
+  Checkbox,
+  CheckboxGroup,
+  CollapseItem,
+  CountDown,
+  DatetimePicker,
+  Dialog,
+  DropdownItem,
+  Form,
+  Field,
+  ImagePreview,
+  IndexBar,
+  Lazyload,
+  List,
+  Locale,
+  Notify,
+  Picker,
+  Progress,
+  Sku,
+  Swipe,
+  SwipeCell,
+  Tabs,
+  Toast,
+  Uploader,
+};

package/types/jsx.d.ts

@@ -0,0 +1,11 @@
+import Vue, { VNode } from 'vue';
+
+declare global {
+  namespace JSX {
+    interface Element extends VNode {}
+    interface ElementClass extends Vue {}
+    interface IntrinsicElements {
+      [elem: string]: any;
+    }
+  }
+}

package/types/lazyload.d.ts

@@ -0,0 +1,7 @@
+import { PluginFunction } from 'vue';
+
+export interface Lazyload {
+  install: PluginFunction<void>;
+}
+
+export const Lazyload: Lazyload;

package/types/list.d.ts

@@ -0,0 +1,5 @@
+import { VanComponent } from './component';
+
+export class List extends VanComponent {
+  check(): void;
+}

package/types/locale.d.ts

@@ -0,0 +1,7 @@
+export interface Locale {
+  install(): void;
+  use(lang: string, messages: Object): void;
+  add(messages: Object): void;
+}
+
+export const Locale: Locale;

package/types/mixins/popup.d.ts

@@ -0,0 +1,4 @@
+export class VanPopupMixin {
+  open(): void;
+  close(): void;
+}

package/types/notify.d.ts

@@ -0,0 +1,43 @@
+import Vue from 'vue';
+import { VanComponent } from './component';
+
+export type NotifyMessage = string | number;
+
+export type NotifyOptions = {
+  type?: 'primary' | 'success' | 'danger' | 'warning';
+  value?: boolean;
+  color?: string;
+  message?: NotifyMessage;
+  duration?: number;
+  className?: any;
+  background?: string;
+  onClose?: (() => void) | null;
+  onOpened?: (() => void) | null;
+  onClick?: ((event: Event) => void) | null;
+};
+
+export interface VanNotify extends Vue {
+  message: NotifyMessage;
+  color: string;
+  background: string;
+  duration: number;
+}
+
+export interface Notify {
+  (message: NotifyOptions | NotifyMessage): VanNotify;
+  clear(): void;
+  install(): void;
+  currentOptions: NotifyOptions;
+  defaultOptions: NotifyOptions;
+  setDefaultOptions(options: NotifyOptions): void;
+  resetDefaultOptions(): void;
+  Component: typeof VanComponent;
+}
+
+declare module 'vue/types/vue' {
+  interface Vue {
+    $notify: Notify;
+  }
+}
+
+export const Notify: Notify;

package/types/picker.d.ts

@@ -0,0 +1,25 @@
+import { VanComponent } from './component';
+
+export class Picker extends VanComponent {
+  getValues<T = string>(): T[];
+
+  setValues<T = string>(values: T[]): void;
+
+  getIndexes(): number[];
+
+  setIndexes(indexes: number[]): void;
+
+  getColumnValue<T = string>(columnIndex: number): T;
+
+  setColumnValue<T = string>(columnIndex: number, value: T): void;
+
+  getColumnIndex(columnIndex: number): number;
+
+  setColumnIndex(columnIndex: number, optionIndex: number): void;
+
+  getColumnValues<T = string>(columnIndex: number): T[];
+
+  setColumnValues<T = string>(columnIndex: number, values: T[]): void;
+
+  confirm(): void;
+}

package/types/progress.d.ts

@@ -0,0 +1,5 @@
+import { VanComponent } from './component';
+
+export class Progress extends VanComponent {
+  resize(): void;
+}

package/types/sku.d.ts

@@ -0,0 +1,73 @@
+import { VanComponent } from './component';
+
+export type SkuData = {
+  price: string;
+  none_sku: boolean;
+  stock_num: number;
+  hide_stock: boolean;
+  collection_id: number;
+  tree: SkuTreeItemData[];
+  list: SkuListItemData[];
+  messages: SkuMessageData[];
+  properties: SkuPropItemData[];
+};
+
+export type SkuTreeItemData = {
+  k: string;
+  v: SkuTreeItemValueData[];
+  k_s: string;
+  is_multiple: never;
+};
+
+export type SkuTreeItemValueData = {
+  id: string;
+  name: string;
+  imgUrl?: string;
+  img_url?: string;
+  previewImgUrl?: string;
+};
+
+export type SkuPropItemData = {
+  k: string;
+  v: SkuPropItemValueData[];
+  k_id: number;
+  is_multiple?: boolean;
+  is_necessary?: boolean;
+};
+
+export type SkuPropItemValueData = {
+  id: string;
+  name: string;
+  price?: number;
+};
+
+export type SkuListItemData = {
+  id: number;
+  s1: string;
+  s2: string;
+  s3: string;
+  price: number;
+  stock_num: number;
+};
+
+export type SkuMessageData = {
+  name: string;
+  type: string;
+  required?: string;
+  datetime?: string;
+  multiple?: string;
+  placeholder?: string;
+};
+
+export type SkuGoodsData = {
+  title: string;
+  picture: string;
+};
+
+export type SelectedSkuData = Record<string, string>;
+
+export class Sku extends VanComponent {
+  getSkuData(): SkuData;
+
+  resetSelectedSku(): void;
+}