vant 3.3.5 → 3.4.1

package/es/card/Card.js

@@ -1,12 +1,10 @@
 import { createTextVNode as _createTextVNode, createVNode as _createVNode } from "vue";
-import { defineComponent } from 'vue'; // Utils
-
-import { isDef, numericProp, makeStringProp, createNamespace } from '../utils'; // Components
-
-import { Tag } from '../tag';
-import { Image } from '../image';
-var [name, bem] = createNamespace('card');
-var cardProps = {
+import { defineComponent } from "vue";
+import { isDef, numericProp, makeStringProp, createNamespace } from "../utils";
+import { Tag } from "../tag";
+import { Image } from "../image";
+const [name, bem] = createNamespace("card");
+const cardProps = {
   tag: String,
   num: numericProp,
   desc: String,
@@ -15,37 +13,32 @@ var cardProps = {
   price: numericProp,
   centered: Boolean,
   lazyLoad: Boolean,
-  currency: makeStringProp('¥'),
+  currency: makeStringProp("\xA5"),
   thumbLink: String,
   originPrice: numericProp
 };
-export default defineComponent({
+var stdin_default = defineComponent({
   name,
   props: cardProps,
-  emits: ['click-thumb'],
-
-  setup(props, _ref) {
-    var {
-      slots,
-      emit
-    } = _ref;
-
-    var renderTitle = () => {
+  emits: ["click-thumb"],
+  setup(props, {
+    slots,
+    emit
+  }) {
+    const renderTitle = () => {
       if (slots.title) {
         return slots.title();
       }
-
       if (props.title) {
         return _createVNode("div", {
-          "class": [bem('title'), 'van-multi-ellipsis--l2']
+          "class": [bem("title"), "van-multi-ellipsis--l2"]
         }, [props.title]);
       }
     };
-
-    var renderThumbTag = () => {
+    const renderThumbTag = () => {
       if (slots.tag || props.tag) {
         return _createVNode("div", {
-          "class": bem('tag')
+          "class": bem("tag")
         }, [slots.tag ? slots.tag() : _createVNode(Tag, {
           "mark": true,
           "type": "danger"
@@ -54,12 +47,10 @@ export default defineComponent({
         })]);
       }
     };
-
-    var renderThumbImage = () => {
+    const renderThumbImage = () => {
       if (slots.thumb) {
         return slots.thumb();
       }
-
       return _createVNode(Image, {
         "src": props.thumb,
         "fit": "cover",
@@ -68,78 +59,68 @@ export default defineComponent({
         "lazyLoad": props.lazyLoad
       }, null);
     };
-
-    var renderThumb = () => {
+    const renderThumb = () => {
       if (slots.thumb || props.thumb) {
         return _createVNode("a", {
           "href": props.thumbLink,
-          "class": bem('thumb'),
-          "onClick": event => emit('click-thumb', event)
+          "class": bem("thumb"),
+          "onClick": (event) => emit("click-thumb", event)
         }, [renderThumbImage(), renderThumbTag()]);
       }
     };
-
-    var renderDesc = () => {
+    const renderDesc = () => {
       if (slots.desc) {
         return slots.desc();
       }
-
       if (props.desc) {
         return _createVNode("div", {
-          "class": [bem('desc'), 'van-ellipsis']
+          "class": [bem("desc"), "van-ellipsis"]
         }, [props.desc]);
       }
     };
-
-    var renderPriceText = () => {
-      var priceArr = props.price.toString().split('.');
+    const renderPriceText = () => {
+      const priceArr = props.price.toString().split(".");
       return _createVNode("div", null, [_createVNode("span", {
-        "class": bem('price-currency')
+        "class": bem("price-currency")
       }, [props.currency]), _createVNode("span", {
-        "class": bem('price-integer')
+        "class": bem("price-integer")
       }, [priceArr[0]]), _createTextVNode("."), _createVNode("span", {
-        "class": bem('price-decimal')
+        "class": bem("price-decimal")
       }, [priceArr[1]])]);
     };
-
     return () => {
-      var _slots$priceTop;
-
-      var showNum = slots.num || isDef(props.num);
-      var showPrice = slots.price || isDef(props.price);
-      var showOriginPrice = slots['origin-price'] || isDef(props.originPrice);
-      var showBottom = showNum || showPrice || showOriginPrice || slots.bottom;
-
-      var Price = showPrice && _createVNode("div", {
-        "class": bem('price')
+      var _a, _b, _c;
+      const showNum = slots.num || isDef(props.num);
+      const showPrice = slots.price || isDef(props.price);
+      const showOriginPrice = slots["origin-price"] || isDef(props.originPrice);
+      const showBottom = showNum || showPrice || showOriginPrice || slots.bottom;
+      const Price = showPrice && _createVNode("div", {
+        "class": bem("price")
       }, [slots.price ? slots.price() : renderPriceText()]);
-
-      var OriginPrice = showOriginPrice && _createVNode("div", {
-        "class": bem('origin-price')
-      }, [slots['origin-price'] ? slots['origin-price']() : props.currency + " " + props.originPrice]);
-
-      var Num = showNum && _createVNode("div", {
-        "class": bem('num')
-      }, [slots.num ? slots.num() : "x" + props.num]);
-
-      var Footer = slots.footer && _createVNode("div", {
-        "class": bem('footer')
+      const OriginPrice = showOriginPrice && _createVNode("div", {
+        "class": bem("origin-price")
+      }, [slots["origin-price"] ? slots["origin-price"]() : `${props.currency} ${props.originPrice}`]);
+      const Num = showNum && _createVNode("div", {
+        "class": bem("num")
+      }, [slots.num ? slots.num() : `x${props.num}`]);
+      const Footer = slots.footer && _createVNode("div", {
+        "class": bem("footer")
       }, [slots.footer()]);
-
-      var Bottom = showBottom && _createVNode("div", {
-        "class": bem('bottom')
-      }, [(_slots$priceTop = slots['price-top']) == null ? void 0 : _slots$priceTop.call(slots), Price, OriginPrice, Num, slots.bottom == null ? void 0 : slots.bottom()]);
-
+      const Bottom = showBottom && _createVNode("div", {
+        "class": bem("bottom")
+      }, [(_a = slots["price-top"]) == null ? void 0 : _a.call(slots), Price, OriginPrice, Num, (_b = slots.bottom) == null ? void 0 : _b.call(slots)]);
       return _createVNode("div", {
         "class": bem()
       }, [_createVNode("div", {
-        "class": bem('header')
+        "class": bem("header")
       }, [renderThumb(), _createVNode("div", {
-        "class": bem('content', {
+        "class": bem("content", {
           centered: props.centered
         })
-      }, [_createVNode("div", null, [renderTitle(), renderDesc(), slots.tags == null ? void 0 : slots.tags()]), Bottom])]), Footer]);
+      }, [_createVNode("div", null, [renderTitle(), renderDesc(), (_c = slots.tags) == null ? void 0 : _c.call(slots)]), Bottom])]), Footer]);
     };
   }
-
-});
+});
+export {
+  stdin_default as default
+};

package/es/card/index.d.ts

@@ -13,7 +13,7 @@ export declare const Card: import("../utils").WithInstall<import("vue").DefineCo
     };
     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<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click-thumb"[], "click-thumb", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     tag?: unknown;
     num?: unknown;
     desc?: unknown;
@@ -47,3 +47,8 @@ export declare const Card: import("../utils").WithInstall<import("vue").DefineCo
 }>>;
 export default Card;
 export type { CardProps } from './Card';
+declare module 'vue' {
+    interface GlobalComponents {
+        VanCard: typeof Card;
+    }
+}

package/es/card/index.js

@@ -1,4 +1,8 @@
-import { withInstall } from '../utils';
-import _Card from './Card';
-export var Card = withInstall(_Card);
-export default Card;
+import { withInstall } from "../utils";
+import _Card from "./Card";
+const Card = withInstall(_Card);
+var stdin_default = Card;
+export {
+  Card,
+  stdin_default as default
+};

package/es/card/style/index.js

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

package/es/card/style/less.js

@@ -1,6 +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';
+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/cascader/Cascader.d.ts

@@ -1,4 +1,4 @@
-import { PropType, ExtractPropTypes } from 'vue';
+import { type PropType, type ExtractPropTypes } from 'vue';
 import type { CascaderOption, CascaderFieldNames } from './types';
 declare const cascaderProps: {
     title: StringConstructor;
@@ -46,7 +46,7 @@ declare const _default: import("vue").DefineComponent<{
     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<{
+}, () => 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<{
     title?: unknown;
     options?: unknown;
     closeable?: unknown;

package/es/cascader/Cascader.js

@@ -1,260 +1,226 @@
 import { createVNode as _createVNode } from "vue";
-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 = {
+import { ref, watch, nextTick, defineComponent } from "vue";
+import { extend, truthProp, numericProp, makeArrayProp, makeStringProp, createNamespace, HAPTICS_FEEDBACK } from "../utils";
+import { Tab } from "../tab";
+import { Tabs } from "../tabs";
+import { Icon } from "../icon";
+const [name, bem, t] = createNamespace("cascader");
+const cascaderProps = {
   title: String,
   options: makeArrayProp(),
   closeable: truthProp,
   swipeable: truthProp,
-  closeIcon: makeStringProp('cross'),
+  closeIcon: makeStringProp("cross"),
   modelValue: numericProp,
   fieldNames: Object,
   placeholder: String,
   activeColor: String
 };
-export default defineComponent({
+var stdin_default = defineComponent({
   name,
   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 {
+  emits: ["close", "change", "finish", "click-tab", "update:modelValue"],
+  setup(props, {
+    slots,
+    emit
+  }) {
+    const tabs = ref([]);
+    const activeTab = ref(0);
+    const {
       text: textKey,
       value: valueKey,
       children: childrenKey
     } = extend({
-      text: 'text',
-      value: 'value',
-      children: 'children'
+      text: "text",
+      value: "value",
+      children: "children"
     }, props.fieldNames);
-
-    var getSelectedOptionsByValue = (options, value) => {
-      for (var option of options) {
+    const getSelectedOptionsByValue = (options, value) => {
+      for (const option of options) {
         if (option[valueKey] === value) {
           return [option];
         }
-
         if (option[childrenKey]) {
-          var selectedOptions = getSelectedOptionsByValue(option[childrenKey], value);
-
+          const selectedOptions = getSelectedOptionsByValue(option[childrenKey], value);
           if (selectedOptions) {
             return [option, ...selectedOptions];
           }
         }
       }
     };
-
-    var updateTabs = () => {
-      var {
+    const updateTabs = () => {
+      const {
         options,
         modelValue
       } = props;
-
-      if (modelValue !== undefined) {
-        var selectedOptions = getSelectedOptionsByValue(options, modelValue);
-
+      if (modelValue !== void 0) {
+        const selectedOptions = getSelectedOptionsByValue(options, modelValue);
         if (selectedOptions) {
-          var optionsCursor = options;
-          tabs.value = selectedOptions.map(option => {
-            var tab = {
+          let optionsCursor = options;
+          tabs.value = selectedOptions.map((option) => {
+            const tab = {
               options: optionsCursor,
               selected: option
             };
-            var next = optionsCursor.find(item => item[valueKey] === option[valueKey]);
-
+            const next = optionsCursor.find((item) => item[valueKey] === option[valueKey]);
             if (next) {
               optionsCursor = next[childrenKey];
             }
-
             return tab;
           });
-
           if (optionsCursor) {
             tabs.value.push({
               options: optionsCursor,
               selected: null
             });
           }
-
           nextTick(() => {
             activeTab.value = tabs.value.length - 1;
           });
           return;
         }
       }
-
       tabs.value = [{
         options,
         selected: null
       }];
     };
-
-    var onSelect = (option, tabIndex) => {
+    const onSelect = (option, tabIndex) => {
       if (option.disabled) {
         return;
       }
-
       tabs.value[tabIndex].selected = option;
-
       if (tabs.value.length > tabIndex + 1) {
         tabs.value = tabs.value.slice(0, tabIndex + 1);
       }
-
       if (option[childrenKey]) {
-        var nextTab = {
+        const nextTab = {
           options: option[childrenKey],
           selected: null
         };
-
         if (tabs.value[tabIndex + 1]) {
           tabs.value[tabIndex + 1] = nextTab;
         } else {
           tabs.value.push(nextTab);
         }
-
         nextTick(() => {
           activeTab.value++;
         });
       }
-
-      var selectedOptions = tabs.value.map(tab => tab.selected).filter(Boolean);
-      emit('update:modelValue', option[valueKey]);
-      var params = {
+      const selectedOptions = tabs.value.map((tab) => tab.selected).filter(Boolean);
+      emit("update:modelValue", option[valueKey]);
+      const params = {
         value: option[valueKey],
         tabIndex,
         selectedOptions
       };
-      emit('change', params);
-
+      emit("change", params);
       if (!option[childrenKey]) {
-        emit('finish', params);
+        emit("finish", params);
       }
     };
-
-    var onClose = () => emit('close');
-
-    var onClickTab = _ref2 => {
-      var {
-        name,
-        title
-      } = _ref2;
-      return emit('click-tab', name, title);
-    };
-
-    var renderHeader = () => _createVNode("div", {
-      "class": bem('header')
+    const onClose = () => emit("close");
+    const onClickTab = ({
+      name: name2,
+      title
+    }) => emit("click-tab", name2, title);
+    const renderHeader = () => _createVNode("div", {
+      "class": bem("header")
     }, [_createVNode("h2", {
-      "class": bem('title')
+      "class": bem("title")
     }, [slots.title ? slots.title() : props.title]), props.closeable ? _createVNode(Icon, {
       "name": props.closeIcon,
-      "class": [bem('close-icon'), HAPTICS_FEEDBACK],
+      "class": [bem("close-icon"), HAPTICS_FEEDBACK],
       "onClick": onClose
     }, null) : null]);
-
-    var renderOption = (option, selectedOption, tabIndex) => {
-      var {
+    const renderOption = (option, selectedOption, tabIndex) => {
+      const {
         disabled
       } = option;
-      var selected = !!(selectedOption && option[valueKey] === selectedOption[valueKey]);
-      var color = option.color || (selected ? props.activeColor : undefined);
-      var Text = slots.option ? slots.option({
+      const selected = !!(selectedOption && option[valueKey] === selectedOption[valueKey]);
+      const color = option.color || (selected ? props.activeColor : void 0);
+      const Text = slots.option ? slots.option({
         option,
         selected
       }) : _createVNode("span", null, [option[textKey]]);
       return _createVNode("li", {
         "role": "menuitemradio",
-        "class": [bem('option', {
+        "class": [bem("option", {
           selected,
           disabled
         }), option.className],
         "style": {
           color
         },
-        "tabindex": disabled ? undefined : selected ? 0 : -1,
+        "tabindex": disabled ? void 0 : selected ? 0 : -1,
         "aria-checked": selected,
-        "aria-disabled": disabled || undefined,
+        "aria-disabled": disabled || void 0,
         "onClick": () => onSelect(option, tabIndex)
       }, [Text, selected ? _createVNode(Icon, {
         "name": "success",
-        "class": bem('selected-icon')
+        "class": bem("selected-icon")
       }, null) : null]);
     };
-
-    var renderOptions = (options, selectedOption, tabIndex) => _createVNode("ul", {
+    const renderOptions = (options, selectedOption, tabIndex) => _createVNode("ul", {
       "role": "menu",
-      "class": bem('options')
-    }, [options.map(option => renderOption(option, selectedOption, tabIndex))]);
-
-    var renderTab = (tab, tabIndex) => {
-      var _slots$optionsTop, _slots$optionsBottom;
-
-      var {
+      "class": bem("options")
+    }, [options.map((option) => renderOption(option, selectedOption, tabIndex))]);
+    const renderTab = (tab, tabIndex) => {
+      const {
         options,
         selected
       } = tab;
-      var placeholder = props.placeholder || t('select');
-      var title = selected ? selected[textKey] : placeholder;
+      const placeholder = props.placeholder || t("select");
+      const title = selected ? selected[textKey] : placeholder;
       return _createVNode(Tab, {
         "title": title,
-        "titleClass": bem('tab', {
+        "titleClass": bem("tab", {
           unselected: !selected
         })
       }, {
-        default: () => [(_slots$optionsTop = slots['options-top']) == null ? void 0 : _slots$optionsTop.call(slots, {
-          tabIndex
-        }), renderOptions(options, selected, tabIndex), (_slots$optionsBottom = slots['options-bottom']) == null ? void 0 : _slots$optionsBottom.call(slots, {
-          tabIndex
-        })]
+        default: () => {
+          var _a, _b;
+          return [(_a = slots["options-top"]) == null ? void 0 : _a.call(slots, {
+            tabIndex
+          }), renderOptions(options, selected, tabIndex), (_b = slots["options-bottom"]) == null ? void 0 : _b.call(slots, {
+            tabIndex
+          })];
+        }
       });
     };
-
-    var renderTabs = () => _createVNode(Tabs, {
+    const renderTabs = () => _createVNode(Tabs, {
       "active": activeTab.value,
-      "onUpdate:active": $event => activeTab.value = $event,
+      "onUpdate:active": ($event) => activeTab.value = $event,
+      "shrink": true,
       "animated": true,
-      "class": bem('tabs'),
+      "class": bem("tabs"),
       "color": props.activeColor,
-      "swipeThreshold": 0,
       "swipeable": props.swipeable,
       "onClick-tab": onClickTab
     }, {
       default: () => [tabs.value.map(renderTab)]
     });
-
     updateTabs();
     watch(() => props.options, updateTabs, {
       deep: true
     });
-    watch(() => props.modelValue, value => {
-      if (value !== undefined) {
-        var values = tabs.value.map(tab => {
-          var _tab$selected;
-
-          return (_tab$selected = tab.selected) == null ? void 0 : _tab$selected[valueKey];
+    watch(() => props.modelValue, (value) => {
+      if (value !== void 0) {
+        const values = tabs.value.map((tab) => {
+          var _a;
+          return (_a = tab.selected) == null ? void 0 : _a[valueKey];
         });
-
         if (values.includes(value)) {
           return;
         }
       }
-
       updateTabs();
     });
     return () => _createVNode("div", {
       "class": bem()
     }, [renderHeader(), renderTabs()]);
   }
-
-});
+});
+export {
+  stdin_default as default
+};

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-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}
+: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

@@ -20,7 +20,7 @@ export declare const Cascader: import("../utils").WithInstall<import("vue").Defi
     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<{
+}, () => 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<{
     title?: unknown;
     options?: unknown;
     closeable?: unknown;
@@ -56,3 +56,8 @@ export declare const Cascader: import("../utils").WithInstall<import("vue").Defi
 export default Cascader;
 export type { CascaderProps } from './Cascader';
 export type { CascaderOption, CascaderFieldNames } from './types';
+declare module 'vue' {
+    interface GlobalComponents {
+        VanCascader: typeof Cascader;
+    }
+}