vant 3.6.15 → 3.6.16

package/es/card/index.less

@@ -0,0 +1,128 @@
+@import './var.less';
+
+:root {
+  --van-card-padding: @card-padding;
+  --van-card-font-size: @card-font-size;
+  --van-card-text-color: @card-text-color;
+  --van-card-background-color: @card-background-color;
+  --van-card-thumb-size: @card-thumb-size;
+  --van-card-thumb-border-radius: @card-thumb-border-radius;
+  --van-card-title-line-height: @card-title-line-height;
+  --van-card-desc-color: @card-desc-color;
+  --van-card-desc-line-height: @card-desc-line-height;
+  --van-card-price-color: @card-price-color;
+  --van-card-origin-price-color: @card-origin-price-color;
+  --van-card-num-color: @card-num-color;
+  --van-card-origin-price-font-size: @card-origin-price-font-size;
+  --van-card-price-font-size: @card-price-font-size;
+  --van-card-price-integer-font-size: @card-price-integer-font-size;
+  --van-card-price-font-family: @card-price-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);
+
+  &:not(:first-child) {
+    margin-top: var(--van-padding-xs);
+  }
+
+  &__header {
+    display: flex;
+  }
+
+  &__thumb {
+    position: relative;
+    flex: none;
+    width: var(--van-card-thumb-size);
+    height: var(--van-card-thumb-size);
+    margin-right: var(--van-padding-xs);
+
+    img {
+      border-radius: var(--van-card-thumb-border-radius);
+    }
+  }
+
+  &__content {
+    position: relative;
+    display: flex;
+    flex: 1;
+    flex-direction: column;
+    justify-content: space-between;
+    min-width: 0; /* hack for flex box ellipsis */
+    min-height: var(--van-card-thumb-size);
+
+    &--centered {
+      justify-content: center;
+    }
+  }
+
+  &__title,
+  &__desc {
+    word-wrap: break-word;
+  }
+
+  &__title {
+    max-height: 32px;
+    font-weight: var(--van-font-weight-bold);
+    line-height: var(--van-card-title-line-height);
+  }
+
+  &__desc {
+    max-height: var(--van-card-desc-line-height);
+    color: var(--van-card-desc-color);
+    line-height: var(--van-card-desc-line-height);
+  }
+
+  &__bottom {
+    line-height: var(--van-line-height-md);
+  }
+
+  &__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);
+  }
+
+  &__price-integer {
+    font-size: var(--van-card-price-integer-font-size);
+    font-family: var(--van-card-price-font-family);
+  }
+
+  &__price-decimal {
+    font-family: var(--van-card-price-font-family);
+  }
+
+  &__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;
+  }
+
+  &__num {
+    float: right;
+    color: var(--van-card-num-color);
+  }
+
+  &__tag {
+    position: absolute;
+    top: 2px;
+    left: 0;
+  }
+
+  &__footer {
+    flex: none;
+    text-align: right;
+
+    .van-button {
+      margin-left: 5px;
+    }
+  }
+}

package/es/card/index.mjs

@@ -2,9 +2,7 @@ import { withInstall } from "../utils/index.mjs";
 import _Card from "./Card.mjs";
 const Card = withInstall(_Card);
 var stdin_default = Card;
-import { cardProps } from "./Card.mjs";
 export {
   Card,
-  cardProps,
   stdin_default as default
 };

package/es/card/style/less.mjs

@@ -0,0 +1,6 @@
+import "../../style/base.less";
+import "../../badge/index.less";
+import "../../icon/index.less";
+import "../../image/index.less";
+import "../../tag/index.less";
+import "../index.less";

package/es/card/var.less

@@ -0,0 +1,18 @@
+@import '../style/var.less';
+
+@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-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-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);
+@card-price-font-family: var(--van-price-integer-font-family);

package/es/cascader/Cascader.d.ts

@@ -1,9 +1,9 @@
 import { type PropType, type ExtractPropTypes } from 'vue';
 import type { CascaderOption, CascaderFieldNames } from './types';
-export declare const cascaderProps: {
+declare const cascaderProps: {
     title: StringConstructor;
     options: {
-        type: PropType<T[]>;
+        type: PropType<CascaderOption[]>;
         default: () => never[];
     };
     closeable: {
@@ -15,7 +15,7 @@ export declare const cascaderProps: {
         default: true;
     };
     closeIcon: {
-        type: PropType<T_1>;
+        type: PropType<string>;
         default: string;
     };
     showHeader: {
@@ -27,11 +27,11 @@ export declare const cascaderProps: {
     placeholder: StringConstructor;
     activeColor: StringConstructor;
 };
-export type CascaderProps = ExtractPropTypes<typeof cascaderProps>;
-declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
+export declare type CascaderProps = ExtractPropTypes<typeof cascaderProps>;
+declare const _default: import("vue").DefineComponent<{
     title: StringConstructor;
     options: {
-        type: PropType<T[]>;
+        type: PropType<CascaderOption[]>;
         default: () => never[];
     };
     closeable: {
@@ -43,7 +43,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         default: true;
     };
     closeIcon: {
-        type: PropType<T_1>;
+        type: PropType<string>;
         default: string;
     };
     showHeader: {
@@ -54,10 +54,10 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     fieldNames: PropType<CascaderFieldNames>;
     placeholder: StringConstructor;
     activeColor: StringConstructor;
-}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "close" | "clickTab" | "finish")[], "update:modelValue" | "change" | "close" | "clickTab" | "finish", import("vue").PublicProps, Readonly<ExtractPropTypes<{
+}, () => 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").ComponentCustomProps, Readonly<ExtractPropTypes<{
     title: StringConstructor;
     options: {
-        type: PropType<T[]>;
+        type: PropType<CascaderOption[]>;
         default: () => never[];
     };
     closeable: {
@@ -69,7 +69,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         default: true;
     };
     closeIcon: {
-        type: PropType<T_1>;
+        type: PropType<string>;
         default: string;
     };
     showHeader: {
@@ -80,17 +80,17 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     fieldNames: PropType<CascaderFieldNames>;
     placeholder: StringConstructor;
     activeColor: StringConstructor;
-}>> & Readonly<{
+}>> & {
     onChange?: ((...args: any[]) => any) | undefined;
-    onClose?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    onClickTab?: ((...args: any[]) => any) | undefined;
+    onClose?: ((...args: any[]) => any) | undefined;
+    "onClick-tab"?: ((...args: any[]) => any) | undefined;
     onFinish?: ((...args: any[]) => any) | undefined;
-}>, {
+}, {
     closeIcon: string;
     closeable: boolean;
     options: CascaderOption[];
     swipeable: boolean;
     showHeader: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}>;
 export default _default;

package/es/cascader/Cascader.mjs

@@ -1,6 +1,6 @@
-import { ref, watch, nextTick, defineComponent, createVNode as _createVNode } from "vue";
+import { createVNode as _createVNode } from "vue";
+import { ref, watch, nextTick, defineComponent } from "vue";
 import { extend, truthProp, numericProp, makeArrayProp, makeStringProp, createNamespace, HAPTICS_FEEDBACK } from "../utils/index.mjs";
-import { useRefs } from "../composables/use-refs.mjs";
 import { Tab } from "../tab/index.mjs";
 import { Tabs } from "../tabs/index.mjs";
 import { Icon } from "../icon/index.mjs";
@@ -20,14 +20,13 @@ const cascaderProps = {
 var stdin_default = defineComponent({
   name,
   props: cascaderProps,
-  emits: ["close", "change", "finish", "clickTab", "update:modelValue"],
+  emits: ["close", "change", "finish", "click-tab", "update:modelValue"],
   setup(props, {
     slots,
     emit
   }) {
     const tabs = ref([]);
     const activeTab = ref(0);
-    const [selectedElementRefs, setSelectedElementRefs] = useRefs();
     const {
       text: textKey,
       value: valueKey,
@@ -125,7 +124,7 @@ var stdin_default = defineComponent({
     const onClickTab = ({
       name: name2,
       title
-    }) => emit("clickTab", name2, title);
+    }) => emit("click-tab", name2, title);
     const renderHeader = () => props.showHeader ? _createVNode("div", {
       "class": bem("header")
     }, [_createVNode("h2", {
@@ -146,7 +145,6 @@ var stdin_default = defineComponent({
         selected
       }) : _createVNode("span", null, [option[textKey]]);
       return _createVNode("li", {
-        "ref": selected ? setSelectedElementRefs(tabIndex) : void 0,
         "role": "menuitemradio",
         "class": [bem("option", {
           selected,
@@ -199,21 +197,11 @@ var stdin_default = defineComponent({
       "class": bem("tabs"),
       "color": props.activeColor,
       "swipeable": props.swipeable,
-      "onClickTab": onClickTab
+      "onClick-tab": onClickTab
     }, {
       default: () => [tabs.value.map(renderTab)]
     });
-    const scrollIntoView = (el) => {
-      const scrollParent = el.parentElement;
-      if (scrollParent) {
-        scrollParent.scrollTop = el.offsetTop - (scrollParent.offsetHeight - el.offsetHeight) / 2;
-      }
-    };
     updateTabs();
-    watch(activeTab, (value) => {
-      const el = selectedElementRefs.value[value];
-      if (el) scrollIntoView(el);
-    });
     watch(() => props.options, updateTabs, {
       deep: true
     });
@@ -235,6 +223,5 @@ var stdin_default = defineComponent({
   }
 });
 export {
-  cascaderProps,
   stdin_default as default
 };

package/es/cascader/index.css

@@ -1 +1 @@
-:root,:host{--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-primary-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-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-tabs--line .van-tabs__wrap{height:var(--van-cascader-tabs-height)}.van-cascader__tab{color:var(--van-cascader-tab-color);font-weight:var(--van-font-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-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-tabs--line .van-tabs__wrap{height:var(--van-cascader-tabs-height)}.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,7 +1,7 @@
-export declare const Cascader: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+export declare const Cascader: import("../utils").WithInstall<import("vue").DefineComponent<{
     title: StringConstructor;
     options: {
-        type: import("vue").PropType<T[]>;
+        type: import("vue").PropType<import("./types").CascaderOption[]>;
         default: () => never[];
     };
     closeable: {
@@ -13,7 +13,7 @@ export declare const Cascader: import("../utils").WithInstall<import("vue").Defi
         default: true;
     };
     closeIcon: {
-        type: import("vue").PropType<T_1>;
+        type: import("vue").PropType<string>;
         default: string;
     };
     showHeader: {
@@ -24,10 +24,10 @@ export declare const Cascader: import("../utils").WithInstall<import("vue").Defi
     fieldNames: import("vue").PropType<import("./types").CascaderFieldNames>;
     placeholder: StringConstructor;
     activeColor: StringConstructor;
-}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "close" | "clickTab" | "finish")[], "update:modelValue" | "change" | "close" | "clickTab" | "finish", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => 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").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     title: StringConstructor;
     options: {
-        type: import("vue").PropType<T[]>;
+        type: import("vue").PropType<import("./types").CascaderOption[]>;
         default: () => never[];
     };
     closeable: {
@@ -39,7 +39,7 @@ export declare const Cascader: import("../utils").WithInstall<import("vue").Defi
         default: true;
     };
     closeIcon: {
-        type: import("vue").PropType<T_1>;
+        type: import("vue").PropType<string>;
         default: string;
     };
     showHeader: {
@@ -50,23 +50,22 @@ export declare const Cascader: import("../utils").WithInstall<import("vue").Defi
     fieldNames: import("vue").PropType<import("./types").CascaderFieldNames>;
     placeholder: StringConstructor;
     activeColor: StringConstructor;
-}>> & Readonly<{
+}>> & {
     onChange?: ((...args: any[]) => any) | undefined;
-    onClose?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    onClickTab?: ((...args: any[]) => any) | undefined;
+    onClose?: ((...args: any[]) => any) | undefined;
+    "onClick-tab"?: ((...args: any[]) => any) | undefined;
     onFinish?: ((...args: any[]) => any) | undefined;
-}>, {
+}, {
     closeIcon: string;
     closeable: boolean;
     options: import("./types").CascaderOption[];
     swipeable: boolean;
     showHeader: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
+}>>;
 export default Cascader;
-export { cascaderProps } from './Cascader';
 export type { CascaderProps } from './Cascader';
-export type { CascaderOption, CascaderThemeVars, CascaderFieldNames, } from './types';
+export type { CascaderOption, CascaderFieldNames } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         VanCascader: typeof Cascader;

package/es/cascader/index.less

@@ -0,0 +1,94 @@
+@import './var.less';
+
+:root {
+  --van-cascader-header-height: @cascader-header-height;
+  --van-cascader-header-padding: @cascader-header-padding;
+  --van-cascader-title-font-size: @cascader-title-font-size;
+  --van-cascader-title-line-height: @cascader-title-line-height;
+  --van-cascader-close-icon-size: @cascader-close-icon-size;
+  --van-cascader-close-icon-color: @cascader-close-icon-color;
+  --van-cascader-selected-icon-size: @cascader-selected-icon-size;
+  --van-cascader-tabs-height: @cascader-tabs-height;
+  --van-cascader-active-color: @cascader-active-color;
+  --van-cascader-options-height: @cascader-options-height;
+  --van-cascader-option-disabled-color: @cascader-option-disabled-color;
+  --van-cascader-tab-color: @cascader-tab-color;
+  --van-cascader-unselected-tab-color: @cascader-unselected-tab-color;
+}
+
+.van-cascader {
+  &__header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    height: var(--van-cascader-header-height);
+    padding: var(--van-cascader-header-padding);
+  }
+
+  &__title {
+    font-weight: var(--van-font-weight-bold);
+    font-size: var(--van-cascader-title-font-size);
+    line-height: var(--van-cascader-title-line-height);
+  }
+
+  &__close-icon {
+    color: var(--van-cascader-close-icon-color);
+    font-size: var(--van-cascader-close-icon-size);
+  }
+
+  &__tabs {
+    &.van-tabs--line .van-tabs__wrap {
+      height: var(--van-cascader-tabs-height);
+    }
+  }
+
+  &__tab {
+    color: var(--van-cascader-tab-color);
+    font-weight: var(--van-font-weight-bold);
+
+    &--unselected {
+      color: var(--van-cascader-unselected-tab-color);
+      font-weight: normal;
+    }
+  }
+
+  &__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;
+
+    &:active {
+      background-color: var(--van-active-color);
+    }
+
+    &--selected {
+      color: var(--van-cascader-active-color);
+      font-weight: var(--van-font-weight-bold);
+    }
+
+    &--disabled {
+      color: var(--van-cascader-option-disabled-color);
+      cursor: not-allowed;
+
+      &:active {
+        background-color: transparent;
+      }
+    }
+  }
+
+  &__selected-icon {
+    font-size: var(--van-cascader-selected-icon-size);
+  }
+
+  &__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.mjs

@@ -2,9 +2,7 @@ import { withInstall } from "../utils/index.mjs";
 import _Cascader from "./Cascader.mjs";
 const Cascader = withInstall(_Cascader);
 var stdin_default = Cascader;
-import { cascaderProps } from "./Cascader.mjs";
 export {
   Cascader,
-  cascaderProps,
   stdin_default as default
 };

package/es/cascader/style/less.mjs

@@ -0,0 +1,9 @@
+import "../../style/base.less";
+import "../../badge/index.less";
+import "../../icon/index.less";
+import "../../sticky/index.less";
+import "../../swipe/index.less";
+import "../../swipe-item/index.less";
+import "../../tabs/index.less";
+import "../../tab/index.less";
+import "../index.less";

package/es/cascader/types.d.ts

@@ -1,5 +1,5 @@
 import type { Numeric } from '../utils';
-export type CascaderOption = {
+export declare type CascaderOption = {
     text?: string;
     value?: Numeric;
     color?: string;
@@ -8,27 +8,12 @@ export type CascaderOption = {
     className?: unknown;
     [key: PropertyKey]: any;
 };
-export type CascaderTab = {
+export declare type CascaderTab = {
     options: CascaderOption[];
     selected: CascaderOption | null;
 };
-export type CascaderFieldNames = {
+export declare type CascaderFieldNames = {
     text?: string;
     value?: string;
     children?: string;
 };
-export type CascaderThemeVars = {
-    cascaderHeaderHeight?: string;
-    cascaderHeaderPadding?: string;
-    cascaderTitleFontSize?: string;
-    cascaderTitleLineHeight?: number | string;
-    cascaderCloseIconSize?: string;
-    cascaderCloseIconColor?: string;
-    cascaderSelectedIconSize?: string;
-    cascaderTabsHeight?: string;
-    cascaderActiveColor?: string;
-    cascaderOptionsHeight?: string;
-    cascaderOptionDisabledColor?: string;
-    cascaderTabColor?: string;
-    cascaderUnselectedTabColor?: string;
-};

package/es/cascader/var.less

@@ -0,0 +1,15 @@
+@import '../style/var.less';
+
+@cascader-header-height: 48px;
+@cascader-header-padding: 0 var(--van-padding-md);
+@cascader-title-font-size: var(--van-font-size-lg);
+@cascader-title-line-height: 20px;
+@cascader-close-icon-size: 22px;
+@cascader-close-icon-color: var(--van-gray-5);
+@cascader-selected-icon-size: 18px;
+@cascader-tabs-height: 48px;
+@cascader-active-color: var(--van-danger-color);
+@cascader-options-height: 384px;
+@cascader-option-disabled-color: var(--van-text-color-3);
+@cascader-tab-color: var(--van-text-color);
+@cascader-unselected-tab-color: var(--van-text-color-2);