vant 3.2.3 → 3.2.7

package/es/calendar/utils.js

@@ -1,9 +1,7 @@
 import { createNamespace } from '../utils';
 var [name, bem, t] = createNamespace('calendar');
 export { name, bem, t };
-export function formatMonthTitle(date) {
-  return t('monthTitle', date.getFullYear(), date.getMonth() + 1);
-}
+export var formatMonthTitle = date => t('monthTitle', date.getFullYear(), date.getMonth() + 1);
 export function compareMonth(date1, date2) {
   var year1 = date1.getFullYear();
   var year2 = date2.getFullYear();

package/es/calendar/var.less

@@ -1,6 +1,6 @@
 @import '../style/var.less';
 
-@calendar-background-color: var(--van-white);
+@calendar-background-color: var(--van-background-color-light);
 @calendar-popup-height: 80%;
 @calendar-header-box-shadow: 0 2px 10px rgba(125, 126, 128, 0.16);
 @calendar-header-title-height: 44px;
@@ -22,6 +22,6 @@
 @calendar-info-font-size: var(--van-font-size-xs);
 @calendar-info-line-height: var(--van-line-height-xs);
 @calendar-selected-day-background-color: var(--van-danger-color);
-@calendar-day-disabled-color: var(--van-gray-5);
+@calendar-day-disabled-color: var(--van-text-color-3);
 @calendar-confirm-button-height: 36px;
 @calendar-confirm-button-margin: 7px 0;

package/es/card/Card.d.ts

@@ -1,4 +1,5 @@
-declare const _default: import("vue").DefineComponent<{
+import { ExtractPropTypes } from 'vue';
+declare const cardProps: {
     tag: StringConstructor;
     num: (NumberConstructor | StringConstructor)[];
     desc: StringConstructor;
@@ -7,12 +8,29 @@ declare const _default: import("vue").DefineComponent<{
     price: (NumberConstructor | StringConstructor)[];
     centered: BooleanConstructor;
     lazyLoad: BooleanConstructor;
+    currency: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     thumbLink: StringConstructor;
     originPrice: (NumberConstructor | StringConstructor)[];
+};
+export declare type CardProps = ExtractPropTypes<typeof cardProps>;
+declare const _default: import("vue").DefineComponent<{
+    tag: StringConstructor;
+    num: (NumberConstructor | StringConstructor)[];
+    desc: StringConstructor;
+    thumb: StringConstructor;
+    title: StringConstructor;
+    price: (NumberConstructor | StringConstructor)[];
+    centered: BooleanConstructor;
+    lazyLoad: BooleanConstructor;
     currency: {
-        type: StringConstructor;
+        type: import("vue").PropType<string>;
         default: string;
     };
+    thumbLink: StringConstructor;
+    originPrice: (NumberConstructor | StringConstructor)[];
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click-thumb"[], "click-thumb", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
     tag?: unknown;
     num?: unknown;
@@ -22,9 +40,9 @@ declare const _default: import("vue").DefineComponent<{
     price?: unknown;
     centered?: unknown;
     lazyLoad?: unknown;
+    currency?: unknown;
     thumbLink?: unknown;
     originPrice?: unknown;
-    currency?: unknown;
 } & {
     lazyLoad: boolean;
     centered: boolean;

package/es/card/Card.js

@@ -1,35 +1,35 @@
 import { createTextVNode as _createTextVNode, createVNode as _createVNode } from "vue";
 import { defineComponent } from 'vue'; // Utils
 
-import { createNamespace, isDef } from '../utils'; // Components
+import { isDef, numericProp, makeStringProp, createNamespace } from '../utils'; // Components
 
 import { Tag } from '../tag';
 import { Image } from '../image';
 var [name, bem] = createNamespace('card');
+var cardProps = {
+  tag: String,
+  num: numericProp,
+  desc: String,
+  thumb: String,
+  title: String,
+  price: numericProp,
+  centered: Boolean,
+  lazyLoad: Boolean,
+  currency: makeStringProp('¥'),
+  thumbLink: String,
+  originPrice: numericProp
+};
 export default defineComponent({
   name,
-  props: {
-    tag: String,
-    num: [Number, String],
-    desc: String,
-    thumb: String,
-    title: String,
-    price: [Number, String],
-    centered: Boolean,
-    lazyLoad: Boolean,
-    thumbLink: String,
-    originPrice: [Number, String],
-    currency: {
-      type: String,
-      default: '¥'
-    }
-  },
+  props: cardProps,
   emits: ['click-thumb'],
 
-  setup(props, {
-    slots,
-    emit
-  }) {
+  setup(props, _ref) {
+    var {
+      slots,
+      emit
+    } = _ref;
+
     var renderTitle = () => {
       if (slots.title) {
         return slots.title();

package/es/card/index.css

@@ -1 +1 @@
-:root{--van-card-padding:var(--van-padding-xs) var(--van-padding-md);--van-card-font-size:var(--van-font-size-sm);--van-card-text-color:var(--van-text-color);--van-card-background-color:var(--van-background-color-light);--van-card-thumb-size:88px;--van-card-thumb-border-radius:var(--van-border-radius-lg);--van-card-title-line-height:16px;--van-card-desc-color:var(--van-gray-7);--van-card-desc-line-height:var(--van-line-height-md);--van-card-price-color:var(--van-gray-8);--van-card-origin-price-color:var(--van-gray-6);--van-card-num-color:var(--van-gray-6);--van-card-origin-price-font-size:var(--van-font-size-xs);--van-card-price-font-size:var(--van-font-size-sm);--van-card-price-integer-font-size:var(--van-font-size-lg);--van-card-price-font-family:var(--van-price-integer-font-family)}.van-card{position:relative;box-sizing:border-box;padding:var(--van-card-padding);color:var(--van-card-text-color);font-size:var(--van-card-font-size);background-color:var(--van-card-background-color)}.van-card:not(:first-child){margin-top:var(--van-padding-xs)}.van-card__header{display:flex}.van-card__thumb{position:relative;flex:none;width:var(--van-card-thumb-size);height:var(--van-card-thumb-size);margin-right:var(--van-padding-xs)}.van-card__thumb img{border-radius:var(--van-card-thumb-border-radius)}.van-card__content{position:relative;display:flex;flex:1;flex-direction:column;justify-content:space-between;min-width:0;min-height:var(--van-card-thumb-size)}.van-card__content--centered{justify-content:center}.van-card__desc,.van-card__title{word-wrap:break-word}.van-card__title{max-height:32px;font-weight:var(--van-font-weight-bold);line-height:var(--van-card-title-line-height)}.van-card__desc{max-height:var(--van-card-desc-line-height);color:var(--van-card-desc-color);line-height:var(--van-card-desc-line-height)}.van-card__bottom{line-height:var(--van-line-height-md)}.van-card__price{display:inline-block;color:var(--van-card-price-color);font-weight:var(--van-font-weight-bold);font-size:var(--van-card-price-font-size)}.van-card__price-integer{font-size:var(--van-card-price-integer-font-size);font-family:var(--van-card-price-font-family)}.van-card__price-decimal{font-family:var(--van-card-price-font-family)}.van-card__origin-price{display:inline-block;margin-left:5px;color:var(--van-card-origin-price-color);font-size:var(--van-card-origin-price-font-size);text-decoration:line-through}.van-card__num{float:right;color:var(--van-card-num-color)}.van-card__tag{position:absolute;top:2px;left:0}.van-card__footer{flex:none;text-align:right}.van-card__footer .van-button{margin-left:5px}
+:root{--van-card-padding:var(--van-padding-xs) var(--van-padding-md);--van-card-font-size:var(--van-font-size-sm);--van-card-text-color:var(--van-text-color);--van-card-background-color:var(--van-gray-1);--van-card-thumb-size:88px;--van-card-thumb-border-radius:var(--van-border-radius-lg);--van-card-title-line-height:16px;--van-card-desc-color:var(--van-gray-7);--van-card-desc-line-height:var(--van-line-height-md);--van-card-price-color:var(--van-gray-8);--van-card-origin-price-color:var(--van-text-color-2);--van-card-num-color:var(--van-text-color-2);--van-card-origin-price-font-size:var(--van-font-size-xs);--van-card-price-font-size:var(--van-font-size-sm);--van-card-price-integer-font-size:var(--van-font-size-lg);--van-card-price-font-family:var(--van-price-integer-font-family)}.van-card{position:relative;box-sizing:border-box;padding:var(--van-card-padding);color:var(--van-card-text-color);font-size:var(--van-card-font-size);background:var(--van-card-background-color)}.van-card:not(:first-child){margin-top:var(--van-padding-xs)}.van-card__header{display:flex}.van-card__thumb{position:relative;flex:none;width:var(--van-card-thumb-size);height:var(--van-card-thumb-size);margin-right:var(--van-padding-xs)}.van-card__thumb img{border-radius:var(--van-card-thumb-border-radius)}.van-card__content{position:relative;display:flex;flex:1;flex-direction:column;justify-content:space-between;min-width:0;min-height:var(--van-card-thumb-size)}.van-card__content--centered{justify-content:center}.van-card__desc,.van-card__title{word-wrap:break-word}.van-card__title{max-height:32px;font-weight:var(--van-font-weight-bold);line-height:var(--van-card-title-line-height)}.van-card__desc{max-height:var(--van-card-desc-line-height);color:var(--van-card-desc-color);line-height:var(--van-card-desc-line-height)}.van-card__bottom{line-height:var(--van-line-height-md)}.van-card__price{display:inline-block;color:var(--van-card-price-color);font-weight:var(--van-font-weight-bold);font-size:var(--van-card-price-font-size)}.van-card__price-integer{font-size:var(--van-card-price-integer-font-size);font-family:var(--van-card-price-font-family)}.van-card__price-decimal{font-family:var(--van-card-price-font-family)}.van-card__origin-price{display:inline-block;margin-left:5px;color:var(--van-card-origin-price-color);font-size:var(--van-card-origin-price-font-size);text-decoration:line-through}.van-card__num{float:right;color:var(--van-card-num-color)}.van-card__tag{position:absolute;top:2px;left:0}.van-card__footer{flex:none;text-align:right}.van-card__footer .van-button{margin-left:5px}

package/es/card/index.d.ts

@@ -7,12 +7,12 @@ export declare const Card: import("../utils").WithInstall<import("vue").DefineCo
     price: (NumberConstructor | StringConstructor)[];
     centered: BooleanConstructor;
     lazyLoad: BooleanConstructor;
-    thumbLink: StringConstructor;
-    originPrice: (NumberConstructor | StringConstructor)[];
     currency: {
-        type: StringConstructor;
+        type: import("vue").PropType<string>;
         default: string;
     };
+    thumbLink: StringConstructor;
+    originPrice: (NumberConstructor | StringConstructor)[];
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click-thumb"[], "click-thumb", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
     tag?: unknown;
     num?: unknown;
@@ -22,9 +22,9 @@ export declare const Card: import("../utils").WithInstall<import("vue").DefineCo
     price?: unknown;
     centered?: unknown;
     lazyLoad?: unknown;
+    currency?: unknown;
     thumbLink?: unknown;
     originPrice?: unknown;
-    currency?: unknown;
 } & {
     lazyLoad: boolean;
     centered: boolean;
@@ -46,3 +46,4 @@ export declare const Card: import("../utils").WithInstall<import("vue").DefineCo
     currency: string;
 }>>;
 export default Card;
+export type { CardProps } from './Card';

package/es/card/index.less

@@ -25,7 +25,7 @@
   padding: var(--van-card-padding);
   color: var(--van-card-text-color);
   font-size: var(--van-card-font-size);
-  background-color: var(--van-card-background-color);
+  background: var(--van-card-background-color);
 
   &:not(:first-child) {
     margin-top: var(--van-padding-xs);

package/es/card/var.less

@@ -3,15 +3,15 @@
 @card-padding: var(--van-padding-xs) var(--van-padding-md);
 @card-font-size: var(--van-font-size-sm);
 @card-text-color: var(--van-text-color);
-@card-background-color: var(--van-background-color-light);
+@card-background-color: var(--van-gray-1);
 @card-thumb-size: 88px;
 @card-thumb-border-radius: var(--van-border-radius-lg);
 @card-title-line-height: 16px;
 @card-desc-color: var(--van-gray-7);
 @card-desc-line-height: var(--van-line-height-md);
 @card-price-color: var(--van-gray-8);
-@card-origin-price-color: var(--van-gray-6);
-@card-num-color: var(--van-gray-6);
+@card-origin-price-color: var(--van-text-color-2);
+@card-num-color: var(--van-text-color-2);
 @card-origin-price-font-size: var(--van-font-size-xs);
 @card-price-font-size: var(--van-font-size-sm);
 @card-price-integer-font-size: var(--van-font-size-lg);

package/es/cascader/Cascader.d.ts

@@ -1,20 +1,11 @@
-import { PropType } from 'vue';
-export declare type CascaderOption = {
-    text?: string;
-    value?: string | number;
-    color?: string;
-    disabled?: boolean;
-    children?: CascaderOption[];
-    className?: unknown;
-    [key: string]: any;
-};
-export declare type CascaderFieldNames = {
-    text?: string;
-    value?: string;
-    children?: string;
-};
-declare const _default: import("vue").DefineComponent<{
+import { PropType, ExtractPropTypes } from 'vue';
+import type { CascaderOption, CascaderFieldNames } from './types';
+declare const cascaderProps: {
     title: StringConstructor;
+    options: {
+        type: PropType<CascaderOption[]>;
+        default: () => never[];
+    };
     closeable: {
         type: BooleanConstructor;
         default: true;
@@ -23,37 +14,57 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: true;
     };
+    closeIcon: {
+        type: PropType<string>;
+        default: string;
+    };
     modelValue: (NumberConstructor | StringConstructor)[];
     fieldNames: PropType<CascaderFieldNames>;
     placeholder: StringConstructor;
     activeColor: StringConstructor;
+};
+export declare type CascaderProps = ExtractPropTypes<typeof cascaderProps>;
+declare const _default: import("vue").DefineComponent<{
+    title: StringConstructor;
     options: {
         type: PropType<CascaderOption[]>;
         default: () => never[];
     };
+    closeable: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    swipeable: {
+        type: BooleanConstructor;
+        default: true;
+    };
     closeIcon: {
-        type: StringConstructor;
+        type: PropType<string>;
         default: string;
     };
+    modelValue: (NumberConstructor | StringConstructor)[];
+    fieldNames: PropType<CascaderFieldNames>;
+    placeholder: StringConstructor;
+    activeColor: StringConstructor;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "close" | "click-tab" | "finish")[], "update:modelValue" | "change" | "close" | "click-tab" | "finish", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
     title?: unknown;
+    options?: unknown;
     closeable?: unknown;
     swipeable?: unknown;
+    closeIcon?: unknown;
     modelValue?: unknown;
     fieldNames?: unknown;
     placeholder?: unknown;
     activeColor?: unknown;
-    options?: unknown;
-    closeIcon?: unknown;
 } & {
-    closeable: boolean;
     closeIcon: string;
+    closeable: boolean;
     options: CascaderOption[];
     swipeable: boolean;
 } & {
     title?: string | undefined;
-    placeholder?: string | undefined;
     modelValue?: string | number | undefined;
+    placeholder?: string | undefined;
     activeColor?: string | undefined;
     fieldNames?: CascaderFieldNames | undefined;
 }> & {
@@ -63,8 +74,8 @@ declare const _default: import("vue").DefineComponent<{
     "onClick-tab"?: ((...args: any[]) => any) | undefined;
     onFinish?: ((...args: any[]) => any) | undefined;
 }, {
-    closeable: boolean;
     closeIcon: string;
+    closeable: boolean;
     options: CascaderOption[];
     swipeable: boolean;
 }>;

package/es/cascader/Cascader.js

@@ -1,41 +1,35 @@
 import { createVNode as _createVNode } from "vue";
-import { nextTick, reactive, watch, defineComponent } from 'vue';
-import { createNamespace, truthProp, extend } from '../utils'; // Components
+import { ref, watch, nextTick, defineComponent } from 'vue';
+import { extend, truthProp, numericProp, makeArrayProp, makeStringProp, createNamespace, HAPTICS_FEEDBACK } from '../utils'; // Components
 
 import { Tab } from '../tab';
 import { Tabs } from '../tabs';
 import { Icon } from '../icon'; // Types
 
 var [name, bem, t] = createNamespace('cascader');
+var cascaderProps = {
+  title: String,
+  options: makeArrayProp(),
+  closeable: truthProp,
+  swipeable: truthProp,
+  closeIcon: makeStringProp('cross'),
+  modelValue: numericProp,
+  fieldNames: Object,
+  placeholder: String,
+  activeColor: String
+};
 export default defineComponent({
   name,
-  props: {
-    title: String,
-    closeable: truthProp,
-    swipeable: truthProp,
-    modelValue: [Number, String],
-    fieldNames: Object,
-    placeholder: String,
-    activeColor: String,
-    options: {
-      type: Array,
-      default: () => []
-    },
-    closeIcon: {
-      type: String,
-      default: 'cross'
-    }
-  },
-  emits: ['close', 'change', 'finish', 'update:modelValue', 'click-tab'],
-
-  setup(props, {
-    slots,
-    emit
-  }) {
-    var state = reactive({
-      tabs: [],
-      activeTab: 0
-    });
+  props: cascaderProps,
+  emits: ['close', 'change', 'finish', 'click-tab', 'update:modelValue'],
+
+  setup(props, _ref) {
+    var {
+      slots,
+      emit
+    } = _ref;
+    var tabs = ref([]);
+    var activeTab = ref(0);
     var {
       text: textKey,
       value: valueKey,
@@ -47,9 +41,7 @@ export default defineComponent({
     }, props.fieldNames);
 
     var getSelectedOptionsByValue = (options, value) => {
-      for (var i = 0; i < options.length; i++) {
-        var option = options[i];
-
+      for (var option of options) {
         if (option[valueKey] === value) {
           return [option];
         }
@@ -65,15 +57,20 @@ export default defineComponent({
     };
 
     var updateTabs = () => {
-      if (props.modelValue || props.modelValue === 0) {
-        var selectedOptions = getSelectedOptionsByValue(props.options, props.modelValue);
+      var {
+        options,
+        modelValue
+      } = props;
+
+      if (modelValue !== undefined) {
+        var selectedOptions = getSelectedOptionsByValue(options, modelValue);
 
         if (selectedOptions) {
-          var optionsCursor = props.options;
-          state.tabs = selectedOptions.map(option => {
+          var optionsCursor = options;
+          tabs.value = selectedOptions.map(option => {
             var tab = {
               options: optionsCursor,
-              selectedOption: option
+              selected: option
             };
             var next = optionsCursor.find(item => item[valueKey] === option[valueKey]);
 
@@ -85,22 +82,22 @@ export default defineComponent({
           });
 
           if (optionsCursor) {
-            state.tabs.push({
+            tabs.value.push({
               options: optionsCursor,
-              selectedOption: null
+              selected: null
             });
           }
 
           nextTick(() => {
-            state.activeTab = state.tabs.length - 1;
+            activeTab.value = tabs.value.length - 1;
           });
           return;
         }
       }
 
-      state.tabs = [{
-        options: props.options,
-        selectedOption: null
+      tabs.value = [{
+        options,
+        selected: null
       }];
     };
 
@@ -109,49 +106,52 @@ export default defineComponent({
         return;
       }
 
-      state.tabs[tabIndex].selectedOption = option;
+      tabs.value[tabIndex].selected = option;
 
-      if (state.tabs.length > tabIndex + 1) {
-        state.tabs = state.tabs.slice(0, tabIndex + 1);
+      if (tabs.value.length > tabIndex + 1) {
+        tabs.value = tabs.value.slice(0, tabIndex + 1);
       }
 
       if (option[childrenKey]) {
         var nextTab = {
           options: option[childrenKey],
-          selectedOption: null
+          selected: null
         };
 
-        if (state.tabs[tabIndex + 1]) {
-          state.tabs[tabIndex + 1] = nextTab;
+        if (tabs.value[tabIndex + 1]) {
+          tabs.value[tabIndex + 1] = nextTab;
         } else {
-          state.tabs.push(nextTab);
+          tabs.value.push(nextTab);
         }
 
         nextTick(() => {
-          state.activeTab++;
+          activeTab.value++;
         });
       }
 
-      var selectedOptions = state.tabs.map(tab => tab.selectedOption).filter(Boolean);
-      var eventParams = {
+      var selectedOptions = tabs.value.map(tab => tab.selected).filter(Boolean);
+      emit('update:modelValue', option[valueKey]);
+      var params = {
         value: option[valueKey],
         tabIndex,
         selectedOptions
       };
-      emit('update:modelValue', option[valueKey]);
-      emit('change', eventParams);
+      emit('change', params);
 
       if (!option[childrenKey]) {
-        emit('finish', eventParams);
+        emit('finish', params);
       }
     };
 
     var onClose = () => emit('close');
 
-    var onClickTab = ({
-      name,
-      title
-    }) => emit('click-tab', name, title);
+    var onClickTab = _ref2 => {
+      var {
+        name,
+        title
+      } = _ref2;
+      return emit('click-tab', name, title);
+    };
 
     var renderHeader = () => _createVNode("div", {
       "class": bem('header')
@@ -159,7 +159,7 @@ export default defineComponent({
       "class": bem('title')
     }, [slots.title ? slots.title() : props.title]), props.closeable ? _createVNode(Icon, {
       "name": props.closeIcon,
-      "class": bem('close-icon'),
+      "class": [bem('close-icon'), HAPTICS_FEEDBACK],
       "onClick": onClose
     }, null) : null]);
 
@@ -192,22 +192,25 @@ export default defineComponent({
     var renderTab = (tab, tabIndex) => {
       var {
         options,
-        selectedOption
+        selected
       } = tab;
-      var title = selectedOption ? selectedOption[textKey] : props.placeholder || t('select');
+      var placeholder = props.placeholder || t('select');
+      var title = selected ? selected[textKey] : placeholder;
       return _createVNode(Tab, {
         "title": title,
         "titleClass": bem('tab', {
-          unselected: !selectedOption
+          unselected: !selected
         })
       }, {
-        default: () => [renderOptions(options, selectedOption, tabIndex)]
+        default: () => [slots['options-top'] ? slots['options-top']({
+          tabIndex: activeTab.value
+        }) : null, renderOptions(options, selected, tabIndex)]
       });
     };
 
     var renderTabs = () => _createVNode(Tabs, {
-      'active': state.activeTab,
-      "onUpdate:active": $event => state.activeTab = $event,
+      "active": activeTab.value,
+      "onUpdate:active": $event => activeTab.value = $event,
       "animated": true,
       "class": bem('tabs'),
       "color": props.activeColor,
@@ -215,7 +218,7 @@ export default defineComponent({
       "swipeable": props.swipeable,
       "onClick-tab": onClickTab
     }, {
-      default: () => [state.tabs.map(renderTab)]
+      default: () => [tabs.value.map(renderTab)]
     });
 
     updateTabs();
@@ -223,11 +226,11 @@ export default defineComponent({
       deep: true
     });
     watch(() => props.modelValue, value => {
-      if (value || value === 0) {
-        var values = state.tabs.map(tab => {
-          var _tab$selectedOption;
+      if (value !== undefined) {
+        var values = tabs.value.map(tab => {
+          var _tab$selected;
 
-          return (_tab$selectedOption = tab.selectedOption) == null ? void 0 : _tab$selectedOption[valueKey];
+          return (_tab$selected = tab.selected) == null ? void 0 : _tab$selected[valueKey];
         });
 
         if (values.includes(value)) {

package/es/cascader/index.css

@@ -1 +1 @@
-:root{--van-cascader-header-height:48px;--van-cascader-header-padding:0 var(--van-padding-md);--van-cascader-title-font-size:var(--van-font-size-lg);--van-cascader-title-line-height:20px;--van-cascader-close-icon-size:22px;--van-cascader-close-icon-color:var(--van-gray-5);--van-cascader-close-icon-active-color:var(--van-gray-6);--van-cascader-selected-icon-size:18px;--van-cascader-tabs-height:48px;--van-cascader-active-color:var(--van-danger-color);--van-cascader-options-height:384px;--van-cascader-option-disabled-color:var(--van-gray-5);--van-cascader-tab-color:var(--van-text-color);--van-cascader-unselected-tab-color:var(--van-gray-6)}.van-cascader__header{display:flex;align-items:center;justify-content:space-between;height:var(--van-cascader-header-height);padding:var(--van-cascader-header-padding)}.van-cascader__title{font-weight:var(--van-font-weight-bold);font-size:var(--van-cascader-title-font-size);line-height:var(--van-cascader-title-line-height)}.van-cascader__close-icon{color:var(--van-cascader-close-icon-color);font-size:var(--van-cascader-close-icon-size)}.van-cascader__close-icon:active{color:var(--van-cascader-close-icon-active-color)}.van-cascader__tabs .van-tab{flex:none;padding:0 10px}.van-cascader__tabs.van-tabs--line .van-tabs__wrap{height:var(--van-cascader-tabs-height)}.van-cascader__tabs .van-tabs__nav--complete{padding-right:6px;padding-left:6px}.van-cascader__tab{color:var(--van-cascader-tab-color);font-weight:var(--van-font-weight-bold)}.van-cascader__tab--unselected{color:var(--van-cascader-unselected-tab-color);font-weight:400}.van-cascader__option{display:flex;align-items:center;justify-content:space-between;padding:10px var(--van-padding-md);font-size:var(--van-font-size-md);line-height:var(--van-line-height-md);cursor:pointer}.van-cascader__option:active{background-color:var(--van-active-color)}.van-cascader__option--selected{color:var(--van-cascader-active-color);font-weight:var(--van-font-weight-bold)}.van-cascader__option--disabled{color:var(--van-cascader-option-disabled-color);cursor:not-allowed}.van-cascader__option--disabled:active{background-color:transparent}.van-cascader__selected-icon{font-size:var(--van-cascader-selected-icon-size)}.van-cascader__options{box-sizing:border-box;height:var(--van-cascader-options-height);padding-top:6px;overflow-y:auto;-webkit-overflow-scrolling:touch}
+:root{--van-cascader-header-height:48px;--van-cascader-header-padding:0 var(--van-padding-md);--van-cascader-title-font-size:var(--van-font-size-lg);--van-cascader-title-line-height:20px;--van-cascader-close-icon-size:22px;--van-cascader-close-icon-color:var(--van-gray-5);--van-cascader-selected-icon-size:18px;--van-cascader-tabs-height:48px;--van-cascader-active-color:var(--van-danger-color);--van-cascader-options-height:384px;--van-cascader-option-disabled-color:var(--van-text-color-3);--van-cascader-tab-color:var(--van-text-color);--van-cascader-unselected-tab-color:var(--van-text-color-2)}.van-cascader__header{display:flex;align-items:center;justify-content:space-between;height:var(--van-cascader-header-height);padding:var(--van-cascader-header-padding)}.van-cascader__title{font-weight:var(--van-font-weight-bold);font-size:var(--van-cascader-title-font-size);line-height:var(--van-cascader-title-line-height)}.van-cascader__close-icon{color:var(--van-cascader-close-icon-color);font-size:var(--van-cascader-close-icon-size)}.van-cascader__tabs .van-tab{flex:none;padding:0 10px}.van-cascader__tabs.van-tabs--line .van-tabs__wrap{height:var(--van-cascader-tabs-height)}.van-cascader__tabs .van-tabs__nav--complete{padding-right:6px;padding-left:6px}.van-cascader__tab{color:var(--van-cascader-tab-color);font-weight:var(--van-font-weight-bold)}.van-cascader__tab--unselected{color:var(--van-cascader-unselected-tab-color);font-weight:400}.van-cascader__option{display:flex;align-items:center;justify-content:space-between;padding:10px var(--van-padding-md);font-size:var(--van-font-size-md);line-height:var(--van-line-height-md);cursor:pointer}.van-cascader__option:active{background-color:var(--van-active-color)}.van-cascader__option--selected{color:var(--van-cascader-active-color);font-weight:var(--van-font-weight-bold)}.van-cascader__option--disabled{color:var(--van-cascader-option-disabled-color);cursor:not-allowed}.van-cascader__option--disabled:active{background-color:transparent}.van-cascader__selected-icon{font-size:var(--van-cascader-selected-icon-size)}.van-cascader__options{box-sizing:border-box;height:var(--van-cascader-options-height);padding-top:6px;overflow-y:auto;-webkit-overflow-scrolling:touch}

package/es/cascader/index.d.ts

@@ -1,5 +1,9 @@
 export declare const Cascader: import("../utils").WithInstall<import("vue").DefineComponent<{
     title: StringConstructor;
+    options: {
+        type: import("vue").PropType<import("./types").CascaderOption[]>;
+        default: () => never[];
+    };
     closeable: {
         type: BooleanConstructor;
         default: true;
@@ -8,39 +12,35 @@ export declare const Cascader: import("../utils").WithInstall<import("vue").Defi
         type: BooleanConstructor;
         default: true;
     };
-    modelValue: (NumberConstructor | StringConstructor)[];
-    fieldNames: import("vue").PropType<import("./Cascader").CascaderFieldNames>;
-    placeholder: StringConstructor;
-    activeColor: StringConstructor;
-    options: {
-        type: import("vue").PropType<import("./Cascader").CascaderOption[]>;
-        default: () => never[];
-    };
     closeIcon: {
-        type: StringConstructor;
+        type: import("vue").PropType<string>;
         default: string;
     };
+    modelValue: (NumberConstructor | StringConstructor)[];
+    fieldNames: import("vue").PropType<import("./types").CascaderFieldNames>;
+    placeholder: StringConstructor;
+    activeColor: StringConstructor;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "close" | "click-tab" | "finish")[], "update:modelValue" | "change" | "close" | "click-tab" | "finish", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
     title?: unknown;
+    options?: unknown;
     closeable?: unknown;
     swipeable?: unknown;
+    closeIcon?: unknown;
     modelValue?: unknown;
     fieldNames?: unknown;
     placeholder?: unknown;
     activeColor?: unknown;
-    options?: unknown;
-    closeIcon?: unknown;
 } & {
-    closeable: boolean;
     closeIcon: string;
-    options: import("./Cascader").CascaderOption[];
+    closeable: boolean;
+    options: import("./types").CascaderOption[];
     swipeable: boolean;
 } & {
     title?: string | undefined;
-    placeholder?: string | undefined;
     modelValue?: string | number | undefined;
+    placeholder?: string | undefined;
     activeColor?: string | undefined;
-    fieldNames?: import("./Cascader").CascaderFieldNames | undefined;
+    fieldNames?: import("./types").CascaderFieldNames | undefined;
 }> & {
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
@@ -48,10 +48,11 @@ export declare const Cascader: import("../utils").WithInstall<import("vue").Defi
     "onClick-tab"?: ((...args: any[]) => any) | undefined;
     onFinish?: ((...args: any[]) => any) | undefined;
 }, {
-    closeable: boolean;
     closeIcon: string;
-    options: import("./Cascader").CascaderOption[];
+    closeable: boolean;
+    options: import("./types").CascaderOption[];
     swipeable: boolean;
 }>>;
 export default Cascader;
-export type { CascaderOption, CascaderFieldNames } from './Cascader';
+export type { CascaderProps } from './Cascader';
+export type { CascaderOption, CascaderFieldNames } from './types';