vant/lib/web-types.json

Mobile UI Components built on Vue

{"$schema":"https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json","framework":"vue","name":"vant","version":"4.9.19","contributions":{"html":{"tags":[{"name":"van-action-bar","attributes":[{"name":"safe-area-inset-bottom","default":"`true`","description":"Whether to enable bottom safe area adaptation","value":{"type":"boolean","kind":"expression"}},{"name":"placeholder","default":"`false`","description":"Whether to generate a placeholder element","value":{"type":"boolean","kind":"expression"}}]},{"name":"van-action-bar-icon","attributes":[{"name":"text","default":"-","description":"Button text","value":{"type":"string","kind":"expression"}},{"name":"icon","default":"-","description":"Icon","value":{"type":"string","kind":"expression"}},{"name":"color","default":"`#323233`","description":"Icon color","value":{"type":"string","kind":"expression"}},{"name":"icon-class","default":"`''`","description":"Icon class name","value":{"type":"string | Array | object","kind":"expression"}},{"name":"icon-prefix","default":"`van-icon`","description":"Icon className prefix","value":{"type":"string","kind":"expression"}},{"name":"dot","default":"-","description":"Whether to show red dot","value":{"type":"boolean","kind":"expression"}},{"name":"badge","default":"-","description":"Content of the badge","value":{"type":"number | string","kind":"expression"}},{"name":"badge-props","default":"-","description":"Props of Badge, see [Badge - props](#/en-US/badge#props)","value":{"type":"BadgeProps","kind":"expression"}},{"name":"url","default":"-","description":"Link URL","value":{"type":"string","kind":"expression"}},{"name":"to","default":"-","description":"The target route should navigate to when clicked on, same as the [to prop](https://router.vuejs.org/api/interfaces/RouterLinkProps.html#Properties-to) of Vue Router","value":{"type":"string | object","kind":"expression"}},{"name":"replace","default":"`false`","description":"If true, the navigation will not leave a history record","value":{"type":"boolean","kind":"expression"}}],"slots":[{"name":"default","description":"Text"},{"name":"icon","description":"Custom icon"}]},{"name":"van-action-bar-button","attributes":[{"name":"text","default":"-","description":"Button text","value":{"type":"string","kind":"expression"}},{"name":"type","default":"`default`","description":"Button type, Can be set to `default` `primary` `success` `warning` `danger`","value":{"type":"string","kind":"expression"}},{"name":"color","default":"-","description":"Button color, support linear-gradient","value":{"type":"string","kind":"expression"}},{"name":"icon","default":"-","description":"Left Icon","value":{"type":"string","kind":"expression"}},{"name":"disabled","default":"`false`","description":"Whether to disable button","value":{"type":"boolean","kind":"expression"}},{"name":"loading","default":"`false`","description":"Whether to show loading status","value":{"type":"boolean","kind":"expression"}},{"name":"url","default":"-","description":"Link","value":{"type":"string","kind":"expression"}},{"name":"to","default":"-","description":"The target route should navigate to when clicked on, same as the [to prop](https://router.vuejs.org/api/interfaces/RouterLinkProps.html#Properties-to) of Vue Router","value":{"type":"string | object","kind":"expression"}},{"name":"replace","default":"`false`","description":"If true, the navigation will not leave a history record","value":{"type":"boolean","kind":"expression"}}],"slots":[{"name":"default","description":"Button content"}]},{"name":"van-action-sheet","attributes":[{"name":"v-model:show","default":"`false`","description":"Whether to show ActionSheet","value":{"type":"boolean","kind":"expression"}},{"name":"actions","default":"`[]`","description":"Options","value":{"type":"ActionSheetAction[]","kind":"expression"}},{"name":"title","default":"-","description":"Title","value":{"type":"string","kind":"expression"}},{"name":"cancel-text","default":"-","description":"Text of cancel button","value":{"type":"string","kind":"expression"}},{"name":"description","default":"-","description":"Description above the options","value":{"type":"string","kind":"expression"}},{"name":"closeable","default":"`true`","description":"Whether to show close icon","value":{"type":"boolean","kind":"expression"}},{"name":"close-icon","default":"`cross`","description":"Close icon name","value":{"type":"string","kind":"expression"}},{"name":"duration","default":"`0.3`","description":"Transition duration, unit second","value":{"type":"number | string","kind":"expression"}},{"name":"z-index","default":"`2000+`","description":"Set the z-index to a fixed value","value":{"type":"number | string","kind":"expression"}},{"name":"round","default":"`true`","description":"Whether to show round corner","value":{"type":"boolean","kind":"expression"}},{"name":"overlay","default":"`true`","description":"Whether to show overlay","value":{"type":"boolean","kind":"expression"}},{"name":"overlay-class","default":"-","description":"Custom overlay class","value":{"type":"string | Array | object","kind":"expression"}},{"name":"overlay-style","default":"-","description":"Custom overlay style","value":{"type":"object","kind":"expression"}},{"name":"lock-scroll","default":"`true`","description":"Whether to lock background scroll","value":{"type":"boolean","kind":"expression"}},{"name":"lazy-render","default":"`true`","description":"Whether to lazy render util appeared","value":{"type":"boolean","kind":"expression"}},{"name":"close-on-popstate","default":"`true`","description":"Whether to close when popstate","value":{"type":"boolean","kind":"expression"}},{"name":"close-on-click-action","default":"`false`","description":"Whether to close when an action is clicked","value":{"type":"boolean","kind":"expression"}},{"name":"close-on-click-overlay","default":"`true`","description":"Whether to close when overlay is clicked","value":{"type":"boolean","kind":"expression"}},{"name":"safe-area-inset-bottom","default":"`true`","description":"Whether to enable bottom safe area adaptation","value":{"type":"boolean","kind":"expression"}},{"name":"teleport","default":"-","description":"Specifies a target element where ActionSheet will be mounted","value":{"type":"string | Element","kind":"expression"}},{"name":"before-close","default":"-","description":"Callback function before close","value":{"type":"(action: string) => boolean | Promise\\<boolean\\>","kind":"expression"}}],"events":[{"name":"select","description":"Emitted when an option is clicked","arguments":[{"name":"action","type":"ActionSheetAction"},{"name":"index","type":"number"}]},{"name":"cancel","description":"Emitted when the cancel button is clicked","arguments":[]},{"name":"open","description":"Emitted when opening ActionSheet","arguments":[]},{"name":"close","description":"Emitted when closing ActionSheet","arguments":[]},{"name":"opened","description":"Emitted when ActionSheet is opened","arguments":[]},{"name":"closed","description":"Emitted when ActionSheet is closed","arguments":[]},{"name":"click-overlay","description":"Emitted when overlay is clicked","arguments":[{"name":"event","type":"MouseEvent"}]}],"slots":[{"name":"default","description":"Custom content"},{"name":"description","description":"Custom description above the options"},{"name":"cancel","description":"Custom the content of cancel button"},{"name":"action","description":"Custom the content of action"}]},{"name":"van-address-edit","attributes":[{"name":"area-list","default":"-","description":"Area List","value":{"type":"object","kind":"expression"}},{"name":"area-columns-placeholder","default":"`[]`","description":"placeholder of area columns","value":{"type":"string[]","kind":"expression"}},{"name":"area-placeholder","default":"`Area`","description":"placeholder of area input field","value":{"type":"string","kind":"expression"}},{"name":"address-info","default":"`{}`","description":"Address Info","value":{"type":"AddressEditInfo","kind":"expression"}},{"name":"search-result","default":"`[]`","description":"Address search result","value":{"type":"AddressEditSearchItem[]","kind":"expression"}},{"name":"show-delete","default":"`false`","description":"Whether to show delete button","value":{"type":"boolean","kind":"expression"}},{"name":"show-set-default","default":"`false`","description":"Whether to show default address switch","value":{"type":"boolean","kind":"expression"}},{"name":"show-search-result","default":"`false`","description":"Whether to show address search result","value":{"type":"boolean","kind":"expression"}},{"name":"show-area","default":"`true`","description":"Whether to show area cell","value":{"type":"boolean","kind":"expression"}},{"name":"show-detail","default":"`true`","description":"Whether to show detail field","value":{"type":"boolean","kind":"expression"}},{"name":"disable-area","default":"`false`","description":"Whether to disable area select","value":{"type":"boolean","kind":"expression"}},{"name":"save-button-text","default":"`Save`","description":"Save button text","value":{"type":"string","kind":"expression"}},{"name":"delete-button-text","default":"`Delete`","description":"Delete button text","value":{"type":"string","kind":"expression"}},{"name":"detail-rows","default":"`1`","description":"Detail input rows","value":{"type":"number | string","kind":"expression"}},{"name":"detail-maxlength","default":"`200`","description":"Detail maxlength","value":{"type":"number | string","kind":"expression"}},{"name":"is-saving","default":"`false`","description":"Whether to show save button loading status","value":{"type":"boolean","kind":"expression"}},{"name":"is-deleting","default":"`false`","description":"Whether to show delete button loading status","value":{"type":"boolean","kind":"expression"}},{"name":"tel-validator","default":"-","description":"The method to validate tel","value":{"type":"(val: string) => boolean","kind":"expression"}},{"name":"tel-maxlength","default":"-","description":"Tel maxlength","value":{"type":"number | string","kind":"expression"}},{"name":"validator","default":"-","description":"Custom validator","value":{"type":"(key: string, val: string) => string","kind":"expression"}}],"events":[{"name":"save","description":"Emitted when the save button is clicked","arguments":[{"name":"info","type":"AddressEditInfo"}]},{"name":"focus","description":"Emitted when field is focused","arguments":[{"name":"key","type":"string"}]},{"name":"change","description":"Emitted when only the name and tel field are changed","arguments":[{"name":"{key: string, value: string}"}]},{"name":"delete","description":"Emitted when confirming delete","arguments":[{"name":"info","type":"AddressEditInfo"}]},{"name":"select-search","description":"Emitted when a search result is selected","arguments":[{"name":"value","type":"string"}]},{"name":"click-area","description":"Emitted when the area field is clicked","arguments":[]},{"name":"change-area","description":"Emitted when area changed","arguments":[{"name":"selectedOptions","type":"PickerOption[]"}]},{"name":"change-detail","description":"Emitted when address detail changed","arguments":[{"name":"value","type":"string"}]},{"name":"change-default","description":"Emitted when switching default address","arguments":[{"name":"checked","type":"boolean"}]}],"slots":[{"name":"default","description":"Custom content below address detail"}]},{"name":"van-address-list","attributes":[{"name":"modelValue","default":"-","description":"Id of chosen address, support multiple selection (type is `[]`)","value":{"type":"number | string | number[] | string[]","kind":"expression"}},{"name":"v-model","default":"-","description":"Id of chosen address, support multiple selection (type is `[]`)","value":{"type":"number | string | number[] | string[]","kind":"expression"}},{"name":"list","default":"`[]`","description":"Address list","value":{"type":"Address[]","kind":"expression"}},{"name":"disabled-list","default":"`[]`","description":"Disabled address list","value":{"type":"Address[]","kind":"expression"}},{"name":"disabled-text","default":"-","description":"Disabled text","value":{"type":"string","kind":"expression"}},{"name":"switchable","default":"`true`","description":"Whether to allow switch address","value":{"type":"boolean","kind":"expression"}},{"name":"show-add-button","default":"`true`","description":"Whether to show add button","value":{"type":"boolean","kind":"expression"}},{"name":"add-button-text","default":"`Add new address`","description":"Add button text","value":{"type":"string","kind":"expression"}},{"name":"default-tag-text","default":"-","description":"Default tag text","value":{"type":"string","kind":"expression"}},{"name":"right-icon","default":"`edit`","description":"Right Icon","value":{"type":"string","kind":"expression"}}],"events":[{"name":"add","description":"Emitted when the add button is clicked","arguments":[]},{"name":"edit","description":"Emitted when the edit icon of address is clicked","arguments":[{"name":"item","type":"Address"},{"name":"index","type":"number"}]},{"name":"select","description":"Emitted when an address is selected","arguments":[{"name":"item","type":"Address"},{"name":"index","type":"number"}]},{"name":"edit-disabled","description":"Emitted when the edit icon of disabled address is clicked","arguments":[{"name":"item","type":"Address"},{"name":"index","type":"number"}]},{"name":"select-disabled","description":"Emitted when a disabled address is selected","arguments":[{"name":"item","type":"Address"},{"name":"index","type":"number"}]},{"name":"click-item","description":"Emitted when an address item is clicked","arguments":[{"name":"item","type":"Address"},{"name":"index","type":"number"},{"name":"{ event }"}]},{"name":"update:modelValue","description":"Id of chosen address, support multiple selection (type is `[]`)\n\nEmitted when the value of `modelValue` prop changes.","arguments":[{"name":"modelValue","type":"number | string | number[] | string[]"}]}],"slots":[{"name":"default","description":"Custom content after list"},{"name":"top","description":"Custom content before list"},{"name":"item-bottom","description":"Custom content after list item"},{"name":"tag","description":"Custom tag of list item"}]},{"name":"van-area","attributes":[{"name":"modelValue","default":"-","description":"the `code` of selected area","value":{"type":"string","kind":"expression"}},{"name":"v-model","default":"-","description":"the `code` of selected area","value":{"type":"string","kind":"expression"}},{"name":"title","default":"-","description":"Toolbar title","value":{"type":"string","kind":"expression"}},{"name":"confirm-button-text","default":"`Confirm`","description":"Text of confirm button","value":{"type":"string","kind":"expression"}},{"name":"cancel-button-text","default":"`Cancel`","description":"Text of cancel button","value":{"type":"string","kind":"expression"}},{"name":"area-list","default":"-","description":"Area list data","value":{"type":"object","kind":"expression"}},{"name":"columns-placeholder","default":"`[]`","description":"Placeholder of columns","value":{"type":"string[]","kind":"expression"}},{"name":"loading","default":"`false`","description":"Whether to show loading prompt","value":{"type":"boolean","kind":"expression"}},{"name":"readonly","default":"`false`","description":"Whether to be readonly","value":{"type":"boolean","kind":"expression"}},{"name":"option-height","default":"`44`","description":"Option height, supports `px` `vw` `vh` `rem` unit, default `px`","value":{"type":"number | string","kind":"expression"}},{"name":"columns-num","default":"`3`","description":"Level of picker","value":{"type":"number | string","kind":"expression"}},{"name":"visible-option-num","default":"`6`","description":"Count of visible columns","value":{"type":"number | string","kind":"expression"}},{"name":"swipe-duration","default":"`1000`","description":"Duration of the momentum animation, unit `ms`","value":{"type":"number | string","kind":"expression"}}],"events":[{"name":"confirm","description":"Emitted when the confirm button is clicked","arguments":[{"name":"{ selectedValues, selectedOptions, selectedIndexes }"}]},{"name":"cancel","description":"Emitted when the cancel button is clicked","arguments":[{"name":"{ selectedValues, selectedOptions, selectedIndexes }"}]},{"name":"change","description":"Emitted when current option is changed","arguments":[{"name":"{ selectedValues, selectedOptions, selectedIndexes, columnIndex }"}]},{"name":"update:modelValue","description":"the `code` of selected area\n\nEmitted when the value of `modelValue` prop changes.","arguments":[{"name":"modelValue","type":"string"}]}],"slots":[{"name":"toolbar","description":"Custom toolbar content"},{"name":"title","description":"Custom title"},{"name":"confirm","description":"Custom confirm button text"},{"name":"cancel","description":"Custom cancel button text"},{"name":"columns-top","description":"Custom content above columns"},{"name":"columns-bottom","description":"Custom content below columns"}]},{"name":"van-back-top","attributes":[{"name":"target","default":"-","description":"Can be a selector or a DOM ELement, default closest parent scrolling container","value":{"type":"string | HTMLElement","kind":"expression"}},{"name":"right","default":"`30`","description":"Right distance of the page, the default unit is px","value":{"type":"number | string","kind":"expression"}},{"name":"bottom","default":"`40`","description":"Bottom distance of the page, the default unit is px","value":{"type":"number | string","kind":"expression"}},{"name":"offset","default":"`200`","description":"The component will not display until the scroll offset reaches this value","value":{"type":"number","kind":"expression"}},{"name":"teleport","default":"`body`","description":"Specifies a target element where BackTop will be mounted","value":{"type":"string | Element","kind":"expression"}},{"name":"immediate","default":"`false`","description":"Whether to scroll to top immediately","value":{"type":"boolean","kind":"expression"}},{"name":"z-index","default":"`100`","description":"Set the z-index to a fixed value","value":{"type":"number | string","kind":"expression"}}],"events":[{"name":"click","description":"Emitted when Component is clicked","arguments":[{"name":"event","type":"MouseEvent"}]}],"slots":[{"name":"default","description":"customize default content"}]},{"name":"van-badge","attributes":[{"name":"content","default":"-","description":"Badge content (Effective when `dot` is `false`)","value":{"type":"number | string","kind":"expression"}},{"name":"color","default":"`#ee0a24`","description":"Background color","value":{"type":"string","kind":"expression"}},{"name":"dot","default":"`false`","description":"Whether to show dot","value":{"type":"boolean","kind":"expression"}},{"name":"max","default":"-","description":"Max value, show `{max}+` when exceed, only works when content is number","value":{"type":"number | string","kind":"expression"}},{"name":"offset","default":"-","description":"Offset of badge dot, the two items of the array correspond to the horizontal and vertical offsets","value":{"type":"[number | string, number | string]","kind":"expression"}},{"name":"show-zero","default":"`true`","description":"Whether to show badge when content is zero","value":{"type":"boolean","kind":"expression"}},{"name":"position","default":"`top-right`","description":"Badge position, can be set to `top-left` `bottom-left` `bottom-right`","value":{"type":"string","kind":"expression"}}],"slots":[{"name":"default","description":"Default slot"},{"name":"content","description":"Custom badge content"}]},{"name":"van-barrage","attributes":[{"name":"modelValue","default":"-","description":"Barrage data","value":{"type":"BarrageItem[]","kind":"expression"}},{"name":"v-model","default":"-","description":"Barrage data","value":{"type":"BarrageItem[]","kind":"expression"}},{"name":"auto-play","default":"`true`","description":"Whether to play the bullet screen automatically","value":{"type":"boolean","kind":"expression"}},{"name":"rows","default":"`4`","description":"The number of lines of text","value":{"type":"number | string","kind":"expression"}},{"name":"top","default":"`10`","description":"Spacing between the top of the barrage area, unit `px`","value":{"type":"number | string","kind":"expression"}},{"name":"duration","default":"`4000`","description":"Text animation duration, unit `ms`","value":{"type":"number | string","kind":"expression"}},{"name":"delay","default":"`300`","description":"Barrage animation delay, unit `ms`","value":{"type":"number","kind":"expression"}}],"events":[{"name":"update:modelValue","description":"Barrage data\n\nEmitted when the value of `modelValue` prop changes.","arguments":[{"name":"modelValue","type":"BarrageItem[]"}]}],"slots":[{"name":"default","description":"Default slot"}]},{"name":"van-button","attributes":[{"name":"type","default":"`default`","description":"Can be set to `primary` `success` `warning` `danger`","value":{"type":"string","kind":"expression"}},{"name":"size","default":"`normal`","description":"Can be set to `large` `small` `mini`","value":{"type":"string","kind":"expression"}},{"name":"text","default":"-","description":"Text","value":{"type":"string","kind":"expression"}},{"name":"color","default":"-","description":"Color, support linear-gradient","value":{"type":"string","kind":"expression"}},{"name":"icon","default":"-","description":"Left Icon","value":{"type":"string","kind":"expression"}},{"name":"icon-prefix","default":"`van-icon`","description":"Icon className prefix","value":{"type":"string","kind":"expression"}},{"name":"icon-position","default":"`left`","description":"Icon position, can be set to `right`","value":{"type":"string","kind":"expression"}},{"name":"tag","default":"`button`","description":"HTML Tag","value":{"type":"string","kind":"expression"}},{"name":"native-type","default":"`button`","description":"Native Type Attribute","value":{"type":"string","kind":"expression"}},{"name":"plain","default":"`false`","description":"Whether to be plain button","value":{"type":"boolean","kind":"expression"}},{"name":"block","default":"`false`","description":"Whether to set display block","value":{"type":"boolean","kind":"expression"}},{"name":"round","default":"`false`","description":"Whether to be round button","value":{"type":"boolean","kind":"expression"}},{"name":"square","default":"`false`","description":"Whether to be square button","value":{"type":"boolean","kind":"expression"}},{"name":"disabled","default":"`false`","description":"Whether to disable button","value":{"type":"boolean","kind":"expression"}},{"name":"loading","default":"`false`","description":"Whether to show loading status","value":{"type":"boolean","kind":"expression"}},{"name":"loading-text","default":"-","description":"Loading text","value":{"type":"string","kind":"expression"}},{"name":"loading-type","default":"`circular`","description":"Loading type, can be set to `spinner`","value":{"type":"string","kind":"expression"}},{"name":"loading-size","default":"`20px`","description":"Loading icon size","value":{"type":"number | string","kind":"expression"}},{"name":"url","default":"-","description":"Link URL","value":{"type":"string","kind":"expression"}},{"name":"to","default":"-","description":"The target route should navigate to when clicked on, same as the [to prop](https://router.vuejs.org/api/interfaces/RouterLinkProps.html#Properties-to) of Vue Router","value":{"type":"string | object","kind":"expression"}},{"name":"replace","default":"`false`","description":"If true, the navigation will not leave a history record","value":{"type":"boolean","kind":"expression"}}],"events":[{"name":"click","description":"Emitted when button is clicked and not disabled or loading","arguments":[{"name":"event","type":"MouseEvent"}]},{"name":"touchstart","description":"Emitted when button is touched","arguments":[{"name":"event","type":"TouchEvent"}]}],"slots":[{"name":"default","description":"Default slot"},{"name":"icon","description":"Custom icon"},{"name":"loading","description":"Custom loading icon"}]},{"name":"van-calendar","attributes":[{"name":"type","default":"`single`","description":"Type, can be set to `range` `multiple`","value":{"type":"string","kind":"expression"}},{"name":"switch-mode","default":"`none`","description":"Switch mode:<br>`none` Display all months in a tiled format without switch buttons <br>`month` Support switching by month, displaying buttons for previous month/next month <br>`year-month` Support switching by year, as well as by month, displaying buttons for previous year/next year and previous month/next month","value":{"type":"string","kind":"expression"}},{"name":"title","default":"`Calendar`","description":"Title of calendar","value":{"type":"string","kind":"expression"}},{"name":"color","default":"`#1989fa`","description":"Color for the bottom button and selected date","value":{"type":"string","kind":"expression"}},{"name":"min-date","default":"When `switch-mode` is set to `none`, the default value is the today","description":"Min date","value":{"type":"Date","kind":"expression"}},{"name":"max-date","default":"When `switch-mode` is set to `none`, the default value is six months after the today","description":"Max date","value":{"type":"Date","kind":"expression"}},{"name":"default-date","default":"Today","description":"Default selected date","value":{"type":"Date | Date[] | null","kind":"expression"}},{"name":"row-height","default":"`64`","description":"Row height","value":{"type":"number | string","kind":"expression"}},{"name":"formatter","default":"-","description":"Day formatter","value":{"type":"(day: Day) => Day","kind":"expression"}},{"name":"poppable","default":"`true`","description":"Whether to show the calendar inside a popup","value":{"type":"boolean","kind":"expression"}},{"name":"lazy-render","default":"`true`","description":"Whether to enable lazy render","value":{"type":"boolean","kind":"expression"}},{"name":"show-mark","default":"`true`","description":"Whether to show background month mark","value":{"type":"boolean","kind":"expression"}},{"name":"show-title","default":"`true`","description":"Whether to show title","value":{"type":"boolean","kind":"expression"}},{"name":"show-subtitle","default":"`true`","description":"Whether to show subtitle","value":{"type":"boolean","kind":"expression"}},{"name":"show-confirm","default":"`true`","description":"Whether to show confirm button","value":{"type":"boolean","kind":"expression"}},{"name":"readonly","default":"`false`","description":"Whether to be readonly","value":{"type":"boolean","kind":"expression"}},{"name":"confirm-text","default":"`Confirm`","description":"Confirm button text","value":{"type":"string","kind":"expression"}},{"name":"confirm-disabled-text","default":"`Confirm`","description":"Confirm button text when disabled","value":{"type":"string","kind":"expression"}},{"name":"first-day-of-week","default":"`0`","description":"Set the start day of week","value":{"type":"0-6","kind":"expression"}},{"name":"v-model:show","default":"`false`","description":"Whether to show calendar","value":{"type":"boolean","kind":"expression"}},{"name":"position","default":"`bottom`","description":"Popup position, can be set to `top` `right` `left`","value":{"type":"string","kind":"expression"}},{"name":"round","default":"`true`","description":"Whether to show round corner","value":{"type":"boolean","kind":"expression"}},{"name":"close-on-popstate","default":"`true`","description":"Whether to close when popstate","value":{"type":"boolean","kind":"expression"}},{"name":"close-on-click-overlay","default":"`true`","description":"Whether to close when overlay is clicked","value":{"type":"boolean","kind":"expression"}},{"name":"safe-area-inset-top","default":"`false`","description":"Whether to enable top safe area adaptation","value":{"type":"boolean","kind":"expression"}},{"name":"safe-area-inset-bottom","default":"`true`","description":"Whether to enable bottom safe area adaptation","value":{"type":"boolean","kind":"expression"}},{"name":"teleport","default":"-","description":"Specifies a target element where Calendar will be mounted","value":{"type":"string | Element","kind":"expression"}},{"name":"max-range","default":"Unlimited","description":"Number of selectable days","value":{"type":"number | string","kind":"expression"}},{"name":"range-prompt","default":"`Choose no more than xx days`","description":"Error message when exceeded max range","value":{"type":"string","kind":"expression"}},{"name":"show-range-prompt","default":"`true`","description":"Whether prompt error message when exceeded max range","value":{"type":"boolean","kind":"expression"}},{"name":"allow-same-day","default":"`false`","description":"Whether the start and end time of the range is allowed on the same day","value":{"type":"boolean","kind":"expression"}},{"name":"max-range","default":"Unlimited","description":"Max count of selectable days","value":{"type":"number | string","kind":"expression"}},{"name":"range-prompt","default":"`Choose no more than xx days`","description":"Error message when exceeded max count","value":{"type":"string","kind":"expression"}}],"events":[{"name":"select","description":"Emitted when date is selected","arguments":[{"name":"value","type":"Date | Date[]"}]},{"name":"confirm","description":"Emitted after date selection is complete, if `show-confirm` is `true`, it is Emitted after clicking the confirm button","arguments":[{"name":"value","type":"Date | Date[]"}]},{"name":"open","description":"Emitted when opening Popup","arguments":[]},{"name":"close","description":"Emitted when closing Popup","arguments":[]},{"name":"opened","description":"Emitted when Popup is opened","arguments":[]},{"name":"closed","description":"Emitted when Popup is closed","arguments":[]},{"name":"unselect","description":"Emitted when unselect date when type is multiple","arguments":[{"name":"value","type":"Date"}]},{"name":"month-show","description":"Emitted when a month enters the visible area (effective when `switch mode` is `none`)","arguments":[{"name":"value","type":"{ date: Date, title: string }"}]},{"name":"over-range","description":"Emitted when exceeded max range","arguments":[]},{"name":"click-subtitle","description":"Emitted when clicking the subtitle","arguments":[{"name":"event","type":"MouseEvent"}]},{"name":"click-disabled-date","description":"Emitted when clicking disabled date","arguments":[{"name":"value","type":"Date | Date[]"}]},{"name":"click-overlay","description":"Emitted when overlay is clicked","arguments":[{"name":"event","type":"MouseEvent"}]},{"name":"panel-change","description":"Emitted when switching calendar panel (effective when `switch mode` is not `none`)","arguments":[{"name":"{ date: Date }"}]}],"slots":[{"name":"title","description":"Custom title"},{"name":"subtitle","description":"Custom subtitle"},{"name":"month-title","description":"Custom title of every month"},{"name":"footer","description":"Custom footer"},{"name":"confirm-text","description":"Custom confirm text"},{"name":"top-info","description":"Custom top info of day"},{"name":"bottom-info","description":"Custom bottom info of day"},{"name":"text","description":"Custom text of day"},{"name":"prev-month","description":"Custom previous month button"},{"name":"prev-year","description":"Custom previous year button"},{"name":"next-month","description":"Custom next month button"},{"name":"next-year","description":"Custom next year button"}]},{"name":"van-card","attributes":[{"name":"thumb","default":"-","description":"Left thumb image URL","value":{"type":"string","kind":"expression"}},{"name":"title","default":"-","description":"Title","value":{"type":"string","kind":"expression"}},{"name":"desc","default":"-","description":"Description","value":{"type":"string","kind":"expression"}},{"name":"tag","default":"-","description":"Tag","value":{"type":"string","kind":"expression"}},{"name":"num","default":"-","description":"number","value":{"type":"number | string","kind":"expression"}},{"name":"price","default":"-","description":"Price","value":{"type":"number | string","kind":"expression"}},{"name":"origin-price","default":"-","description":"Origin price","value":{"type":"number | string","kind":"expression"}},{"name":"centered","default":"`false`","description":"Whether content vertical centered","value":{"type":"boolean","kind":"expression"}},{"name":"currency","default":"`¥`","description":"Currency symbol","value":{"type":"string","kind":"expression"}},{"name":"thumb-link","default":"-","description":"Thumb link URL","value":{"type":"string","kind":"expression"}},{"name":"lazy-load","default":"`false`","description":"Whether to enable thumb lazy load, should register [Lazyload](#/en-US/lazyload) component","value":{"type":"boolean","kind":"expression"}}],"events":[{"name":"click","description":"Emitted when component is clicked","arguments":[{"name":"event","type":"MouseEvent"}]},{"name":"click-thumb","description":"Emitted when thumb is clicked","arguments":[{"name":"event","type":"MouseEvent"}]}],"slots":[{"name":"title","description":"Custom title"},{"name":"desc","description":"Custom description"},{"name":"num","description":"Custom num"},{"name":"price","description":"Custom price"},{"name":"origin-price","description":"Custom origin price"},{"name":"price-top","description":"Custom price top"},{"name":"bottom","description":"Custom price bottom"},{"name":"thumb","description":"Custom thumb"},{"name":"tag","description":"Custom thumb tag"},{"name":"tags","description":"Custom tags"},{"name":"footer","description":"Custom footer"}]},{"name":"van-cascader","attributes":[{"name":"modelValue","default":"-","description":"Value of selected option","value":{"type":"string | number","kind":"expression"}},{"name":"v-model","default":"-","description":"Value of selected option","value":{"type":"string | number","kind":"expression"}},{"name":"title","default":"-","description":"Title","value":{"type":"string","kind":"expression"}},{"name":"options","default":"`[]`","description":"Options","value":{"type":"CascaderOption[]","kind":"expression"}},{"name":"placeholder","default":"`Select`","description":"Placeholder of unselected tab","value":{"type":"string","kind":"expression"}},{"name":"active-color","default":"`#1989fa`","description":"Active color","value":{"type":"string","kind":"expression"}},{"name":"swipeable","default":"`true`","description":"Whether to enable gestures to slide left and right","value":{"type":"boolean","kind":"expression"}},{"name":"closeable","default":"`true`","description":"Whether to show close icon","value":{"type":"boolean","kind":"expression"}},{"name":"show-header","default":"`true`","description":"Whether to show header","value":{"type":"boolean","kind":"expression"}},{"name":"close-icon","default":"`cross`","description":"Close icon name","value":{"type":"string","kind":"expression"}},{"name":"field-names","default":"`{ text: 'text', value: 'value', children: 'children' }`","description":"Custom the fields of options","value":{"type":"CascaderFieldNames","kind":"expression"}}],"events":[{"name":"change","description":"Emitted when active option changed","arguments":[{"name":"{ value: string | number, selectedOptions: CascaderOption[], tabIndex: number }"}]},{"name":"finish","description":"Emitted when all options is selected","arguments":[{"name":"{ value: string | number, selectedOptions: CascaderOption[], tabIndex: number }"}]},{"name":"close","description":"Emitted when the close icon is clicked","arguments":[]},{"name":"click-tab","description":"Emitted when a tab is clicked","arguments":[{"name":"activeTab","type":"number"},{"name":"title","type":"string"}]},{"name":"update:modelValue","description":"Value of selected option\n\nEmitted when the value of `modelValue` prop changes.","arguments":[{"name":"modelValue","type":"string | number"}]}],"slots":[{"name":"title","description":"Custom title"},{"name":"option","description":"Custom option text"},{"name":"options-top","description":"Custom the content above the options"},{"name":"options-bottom","description":"Custom the content below the options"}]},{"name":"van-cell-group","attributes":[{"name":"title","default":"-","description":"Group title","value":{"type":"string","kind":"expression"}},{"name":"inset","default":"`false`","description":"Whether to be inset grouped","value":{"type":"boolean","kind":"expression"}},{"name":"border","default":"`true`","description":"Whether to show outer border","value":{"type":"boolean","kind":"expression"}}],"slots":[{"name":"default","description":"Default slot"},{"name":"title","description":"Custom title"}]},{"name":"van-cell","attributes":[{"name":"title","default":"-","description":"Title","value":{"type":"number | string","kind":"expression"}},{"name":"value","default":"-","description":"Right text","value":{"type":"number | string","kind":"expression"}},{"name":"label","default":"-","description":"Description below the title","value":{"type":"number | string","kind":"expression"}},{"name":"size","default":"-","description":"Size, can be set to `large` `normal`","value":{"type":"string","kind":"expression"}},{"name":"icon","default":"-","description":"Left Icon","value":{"type":"string","kind":"expression"}},{"name":"icon-prefix","default":"`van-icon`","description":"Icon className prefix","value":{"type":"string","kind":"expression"}},{"name":"tag","default":"`div`","description":"Custom element tag","value":{"type":"string","kind":"expression"}},{"name":"url","default":"-","description":"Link URL","value":{"type":"string","kind":"expression"}},{"name":"to","default":"-","description":"The target route should navigate to when clicked on, same as the [to prop](https://router.vuejs.org/api/interfaces/RouterLinkProps.html#Properties-to) of Vue Router","value":{"type":"string | object","kind":"expression"}},{"name":"replace","default":"`false`","description":"If true, the navigation will not leave a history record","value":{"type":"boolean","kind":"expression"}},{"name":"border","default":"`true`","description":"Whether to show inner border","value":{"type":"boolean","kind":"expression"}},{"name":"center","default":"`false`","description":"Whether to center content vertically","value":{"type":"boolean","kind":"expression"}},{"name":"clickable","default":"`null`","description":"Whether to show click feedback when clicked","value":{"type":"boolean","kind":"expression"}},{"name":"is-link","default":"`false`","description":"Whether to show link icon","value":{"type":"boolean","kind":"expression"}},{"name":"required","default":"`false`","description":"Whether to show required mark","value":{"type":"boolean","kind":"expression"}},{"name":"arrow-direction","default":"`right`","description":"Can be set to `left` `up` `down`","value":{"type":"string","kind":"expression"}},{"name":"title-style","default":"-","description":"Title style","value":{"type":"string | Array | object","kind":"expression"}},{"name":"title-class","default":"-","description":"Title className","value":{"type":"string | Array | object","kind":"expression"}},{"name":"value-class","default":"-","description":"Value className","value":{"type":"string | Array | object","kind":"expression"}},{"name":"label-class","default":"-","description":"Label className","value":{"type":"string | Array | object","kind":"expression"}}],"events":[{"name":"click","description":"Emitted when cell is clicked","arguments":[{"name":"event","type":"MouseEvent"}]}],"slots":[{"name":"title","description":"Custom title"},{"name":"value","description":"Custom value"},{"name":"label","description":"Custom label"},{"name":"icon","description":"Custom left icon"},{"name":"right-icon","description":"Custom right icon"},{"name":"extra","description":"Custom extra content on the right"}]},{"name":"van-checkbox","attributes":[{"name":"modelValue","default":"`false`","description":"Check status","value":{"type":"boolean","kind":"expression"}},{"name":"v-model","default":"`false`","description":"Check status","value":{"type":"boolean ","kind":"expression"}},{"name":"name","default":"-","description":"Checkbox name, usually a unique string or number","value":{"type":"any","kind":"expression"}},{"name":"shape","default":"`round`","description":"Can be set to `square`","value":{"type":"string","kind":"expression"}},{"name":"disabled","default":"`false`","description":"Disable checkbox","value":{"type":"boolean","kind":"expression"}},{"name":"label-disabled","default":"`false`","description":"Whether to disable label click","value":{"type":"boolean","kind":"expression"}},{"name":"label-position","default":"`right`","description":"Can be set to `left`","value":{"type":"string","kind":"expression"}},{"name":"icon-size","default":"`20px`","description":"Icon size","value":{"type":"number | string","kind":"expression"}},{"name":"checked-color","default":"`#1989fa`","description":"Checked color","value":{"type":"string","kind":"expression"}},{"name":"bind-group","default":"`true`","description":"Whether to bind with CheckboxGroup","value":{"type":"boolean","kind":"expression"}},{"name":"indeterminate","default":"`false`","description":"Whether indeterminate status","value":{"type":"boolean","kind":"expression"}}],"events":[{"name":"change","description":"Emitted when value changed","arguments":[{"name":"checked","type":"boolean"}]},{"name":"click","description":"Emitted when the checkbox is clicked","arguments":[{"name":"event","type":"MouseEvent"}]},{"name":"update:modelValue","description":"Check status\n\nEmitted when the value of `modelValue` prop changes.","arguments":[{"name":"modelValue","type":"boolean"}]}],"slots":[{"name":"default","description":"Custom label"},{"name":"icon","description":"Custom icon"}]},{"name":"van-checkbox-group","attributes":[{"name":"modelValue","default":"-","description":"Names of all checked checkboxes","value":{"type":"any[]","kind":"expression"}},{"name":"v-model","default":"-","description":"Names of all checked checkboxes","value":{"type":"any[]","kind":"expression"}},{"name":"disabled","default":"`false`","description":"Whether to disable all checkboxes","value":{"type":"boolean","kind":"expression"}},{"name":"max","default":"`0`(Unlimited)","description":"Maximum amount of checked options","value":{"type":"number | string","kind":"expression"}},{"name":"direction","default":"`vertical`","description":"Direction, can be set to `horizontal`","value":{"type":"string","kind":"expression"}},{"name":"icon-size","default":"`20px`","description":"Icon size of all checkboxes","value":{"type":"number | string","kind":"expression"}},{"name":"checked-color","default":"`#1989fa`","description":"Checked color of all checkboxes","value":{"type":"string","kind":"expression"}},{"name":"shape","default":"`round`","description":"Can be set to `square`","value":{"type":"string","kind":"expression"}}],"events":[{"name":"change","description":"Emitted when value changed","arguments":[{"name":"names","type":"any[]"}]},{"name":"update:modelValue","description":"Names of all checked checkboxes\n\nEmitted when the value of `modelValue` prop changes.","arguments":[{"name":"modelValue","type":"any[]"}]}]},{"name":"van-circle","attributes":[{"name":"v-model:current-rate","default":"-","description":"Current rate","value":{"type":"number","kind":"expression"}},{"name":"rate","default":"`100`","description":"Target rate","value":{"type":"number | string","kind":"expression"}},{"name":"size","default":"`100px`","description":"Circle size","value":{"type":"number | string","kind":"expression"}},{"name":"color","default":"`#1989fa`","description":"Progress color, passing object to render gradient","value":{"type":"string | object","kind":"expression"}},{"name":"layer-color","default":"`white`","description":"Layer color","value":{"type":"string","kind":"expression"}},{"name":"fill","default":"`none`","description":"Fill color","value":{"type":"string","kind":"expression"}},{"name":"speed","default":"`0`","description":"Animate speed（rate/s）","value":{"type":"number | string","kind":"expression"}},{"name":"text","default":"-","description":"Text","value":{"type":"string","kind":"expression"}},{"name":"stroke-width","default":"`40`","description":"Stroke width","value":{"type":"number | string","kind":"expression"}},{"name":"stroke-linecap","default":"`round`","description":"Stroke linecap, can be set to `square` `butt`","value":{"type":"string","kind":"expression"}},{"name":"clockwise","default":"`true`","description":"Whether to be clockwise","value":{"type":"boolean","kind":"expression"}},{"name":"start-position","default":"`top`","description":"Progress start position, can be set to `left`、`right`、`bottom`","value":{"type":"CircleStartPosition","kind":"expression"}}],"slots":[{"name":"default","description":"custom text content"}]},{"name":"van-row","attributes":[{"name":"gutter","default":"-","description":"Grid spacing（px）","value":{"type":"number | string | Array","kind":"expression"}},{"name":"tag","default":"`div`","description":"Custom element tag","value":{"type":"string","kind":"expression"}},{"name":"justify","default":"`start`","description":"Flex main axis, can be set to end/center/space-around/space-between","value":{"type":"string","kind":"expression"}},{"name":"align","default":"`top`","description":"Flex cross axis, be set to center/bottom","value":{"type":"string","kind":"expression"}},{"name":"wrap","default":"`true`","description":"Whether to wrap","value":{"type":"boolean","kind":"expression"}}],"events":[{"name":"click","description":"Emitted when the row is clicked","arguments":[{"name":"event","type":"MouseEvent"}]}]},{"name":"van-col","attributes":[{"name":"span","default":"-","description":"number of column the grid spans","value":{"type":"number | string","kind":"expression"}},{"name":"offset","default":"-","description":"number of spacing on the left side of the grid","value":{"type":"number | string","kind":"expression"}},{"name":"tag","default":"`div`","description":"Custom element tag","value":{"type":"string","kind":"expression"}}],"events":[{"name":"click","description":"Emitted when the col is clicked","arguments":[{"name":"event","type":"MouseEvent"}]}]},{"name":"van-collapse","attributes":[{"name":"modelValue","default":"-","description":"Names of current active panels","value":{"type":"accordion mode: _number | string_<br>non-accordion mode: _(number | string)[]","kind":"expression"}},{"name":"v-model","default":"-","description":"Names of current active panels","value":{"type":"accordion mode: _number | string_<br>non-accordion mode: _(number | string)[]","kind":"expression"}},{"name":"accordion","default":"`false`","description":"Whether to be accordion mode","value":{"type":"boolean","kind":"expression"}},{"name":"border","default":"`true`","description":"Whether to show outer border","value":{"type":"boolean","kind":"expression"}}],"events":[{"name":"change","description":"Emitted when switching panel","arguments":[{"name":"activeNames","type":"string | number | Array<string | number>"}]},{"name":"update:modelValue","description":"Names of current active panels\n\nEmitted when the value of `modelValue` prop changes.","arguments":[{"name":"modelValue","type":"accordion mode: _number | string_<br>non-accordion mode: _(number | string)[]"}]}]},{"name":"van-collapse-item","attributes":[{"name":"name","default":"`index`","description":"Name","value":{"type":"number | string","kind":"expression"}},{"name":"icon","default":"-","description":"Left Icon","value":{"type":"string","kind":"expression"}},{"name":"size","default":"-","description":"Title size, can be set to `large`","value":{"type":"string","kind":"expression"}},{"name":"title","default":"-","description":"Title","value":{"type":"number | string","kind":"expression"}},{"name":"value","default":"-","description":"Right text","value":{"type":"number | string","kind":"expression"}},{"name":"label","default":"-","description":"Description below the title","value":{"type":"string","kind":"expression"}},{"name":"border","default":"`true`","description":"Whether to show inner border","value":{"type":"boolean","kind":"expression"}},{"name":"disabled","default":"`false`","description":"Whether to disabled collapse","value":{"type":"boolean","kind":"expression"}},{"name":"readonly","default":"`false`","description":"Whether to be readonly","value":{"type":"boolean","kind":"expression"}},{"name":"is-link","default":"`true`","description":"Whether to show link icon","value":{"type":"boolean","kind":"expression"}},{"name":"lazy-render","default":"`true`","description":"Whether to lazy render util opened","value":{"type":"boolean","kind":"expression"}},{"name":"title-class","default":"-","description":"Title className","value":{"type":"string","kind":"expression"}},{"name":"value-class","default":"-","description":"Value className","value":{"type":"string","kind":"expression"}},{"name":"label-class","default":"-","description":"Label className","value":{"type":"string","kind":"expression"}}],"slots":[{"name":"default","description":"Content"},{"name":"title","description":"Custom header title"},{"name":"value","description":"Custom header value"},{"name":"label","description":"Custom header label"},{"name":"icon","description":"Custom header left icon"},{"name":"right-icon","description":"Custom header right icon"}]},{"name":"van-config-provider","attributes":[{"name":"theme","default":"`light`","description":"Theme mode, can be set to `dark`","value":{"type":"ConfigProviderTheme","kind":"expression"}},{"name":"theme-vars","default":"-","description":"Theme variables","value":{"type":"object","kind":"expression"}},{"name":"theme-vars-dark","default":"-","description":"Theme