vant 3.4.0 → 3.4.4

package/lib/action-bar-icon/index.d.ts

@@ -9,72 +9,22 @@ export declare const ActionBarIcon: import("../utils").WithInstall<import("vue")
     color: StringConstructor;
     badge: (NumberConstructor | StringConstructor)[];
     iconClass: import("vue").PropType<unknown>;
-    badgeProps: import("vue").PropType<Partial<{
-        dot?: unknown;
-        max?: unknown;
-        tag?: unknown;
-        color?: unknown;
-        offset?: unknown;
-        content?: unknown;
-        showZero?: unknown;
-        position?: unknown;
-    } & {
-        dot: boolean;
-        tag: keyof HTMLElementTagNameMap;
-        showZero: boolean;
-        position: import("..").BadgePosition;
-    } & {
-        color?: string | undefined;
-        max?: string | number | undefined;
-        offset?: [string | number, string | number] | undefined;
-        content?: string | number | undefined;
-    }>>;
+    badgeProps: import("vue").PropType<Partial<import("..").BadgeProps>>;
     iconPrefix: StringConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    to?: unknown;
-    url?: unknown;
-    replace?: unknown;
-    dot?: unknown;
-    text?: unknown;
-    icon?: unknown;
-    color?: unknown;
-    badge?: unknown;
-    iconClass?: unknown;
-    badgeProps?: unknown;
-    iconPrefix?: unknown;
-} & {
-    replace: boolean;
-    dot: boolean;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    to: import("vue").PropType<import("vue-router").RouteLocationRaw>;
+    url: StringConstructor;
+    replace: BooleanConstructor;
 } & {
-    url?: string | undefined;
-    text?: string | undefined;
-    color?: string | undefined;
-    to?: import("vue-router").RouteLocationRaw | undefined;
-    badge?: string | number | undefined;
-    iconPrefix?: string | undefined;
-    icon?: string | undefined;
-    badgeProps?: Partial<{
-        dot?: unknown;
-        max?: unknown;
-        tag?: unknown;
-        color?: unknown;
-        offset?: unknown;
-        content?: unknown;
-        showZero?: unknown;
-        position?: unknown;
-    } & {
-        dot: boolean;
-        tag: keyof HTMLElementTagNameMap;
-        showZero: boolean;
-        position: import("..").BadgePosition;
-    } & {
-        color?: string | undefined;
-        max?: string | number | undefined;
-        offset?: [string | number, string | number] | undefined;
-        content?: string | number | undefined;
-    }> | undefined;
-    iconClass?: unknown;
-}>, {
+    dot: BooleanConstructor;
+    text: StringConstructor;
+    icon: StringConstructor;
+    color: StringConstructor;
+    badge: (NumberConstructor | StringConstructor)[];
+    iconClass: import("vue").PropType<unknown>;
+    badgeProps: import("vue").PropType<Partial<import("..").BadgeProps>>;
+    iconPrefix: StringConstructor;
+}>>, {
     replace: boolean;
     dot: boolean;
 }>>;

package/lib/action-bar-icon/index.js

@@ -1,15 +1,31 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = exports.ActionBarIcon = void 0;
-
-var _utils = require("../utils");
-
-var _ActionBarIcon2 = _interopRequireDefault(require("./ActionBarIcon"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var ActionBarIcon = (0, _utils.withInstall)(_ActionBarIcon2.default);
-exports.ActionBarIcon = ActionBarIcon;
-var _default = ActionBarIcon;
-exports.default = _default;
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  __markAsModule(target);
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+__export(exports, {
+  ActionBarIcon: () => ActionBarIcon,
+  default: () => stdin_default
+});
+var import_utils = __toModule(require("../utils"));
+var import_ActionBarIcon = __toModule(require("./ActionBarIcon"));
+const ActionBarIcon = (0, import_utils.withInstall)(import_ActionBarIcon.default);
+var stdin_default = ActionBarIcon;

package/lib/action-bar-icon/style/index.js

@@ -1,11 +1,5 @@
-"use strict";
-
-require('../../style/base.css');
-
-require('../../action-bar/index.css');
-
-require('../../badge/index.css');
-
-require('../../icon/index.css');
-
-require('../index.css');
+require("../../style/base.css");
+require("../../action-bar/index.css");
+require("../../badge/index.css");
+require("../../icon/index.css");
+require("../index.css");

package/lib/action-bar-icon/style/less.js

@@ -1,11 +1,5 @@
-"use strict";
-
-require('../../style/base.less');
-
-require('../../action-bar/index.less');
-
-require('../../badge/index.less');
-
-require('../../icon/index.less');
-
-require('../index.less');
+require("../../style/base.less");
+require("../../action-bar/index.less");
+require("../../badge/index.less");
+require("../../icon/index.less");
+require("../index.less");

package/lib/action-sheet/ActionSheet.d.ts

@@ -118,54 +118,61 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: true;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "update:show" | "cancel")[], "select" | "update:show" | "cancel", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    show?: unknown;
-    zIndex?: unknown;
-    overlay?: unknown;
-    duration?: unknown;
-    teleport?: unknown;
-    lockScroll?: unknown;
-    lazyRender?: unknown;
-    beforeClose?: unknown;
-    overlayStyle?: unknown;
-    overlayClass?: unknown;
-    transitionAppear?: unknown;
-    closeOnClickOverlay?: unknown;
-    title?: unknown;
-    round?: unknown;
-    actions?: unknown;
-    closeIcon?: unknown;
-    closeable?: unknown;
-    cancelText?: unknown;
-    description?: unknown;
-    closeOnPopstate?: unknown;
-    closeOnClickAction?: unknown;
-    safeAreaInsetBottom?: unknown;
-} & {
-    round: boolean;
-    safeAreaInsetBottom: boolean;
-    overlay: boolean;
-    show: boolean;
-    lockScroll: boolean;
-    lazyRender: boolean;
-    transitionAppear: boolean;
-    closeOnClickOverlay: boolean;
-    closeIcon: string;
-    closeable: boolean;
-    closeOnPopstate: boolean;
-    actions: ActionSheetAction[];
-    closeOnClickAction: boolean;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "update:show" | "cancel")[], "select" | "update:show" | "cancel", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    show: BooleanConstructor;
+    zIndex: (NumberConstructor | StringConstructor)[];
+    overlay: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    duration: (NumberConstructor | StringConstructor)[];
+    teleport: import("vue").PropType<string | import("vue").RendererElement | null | undefined>;
+    lockScroll: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    lazyRender: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    beforeClose: import("vue").PropType<import("../utils").Interceptor>;
+    overlayStyle: import("vue").PropType<import("vue").CSSProperties>;
+    overlayClass: import("vue").PropType<unknown>;
+    transitionAppear: BooleanConstructor;
+    closeOnClickOverlay: {
+        type: BooleanConstructor;
+        default: true;
+    };
 } & {
-    description?: string | undefined;
-    title?: string | undefined;
-    zIndex?: string | number | undefined;
-    duration?: string | number | undefined;
-    teleport?: string | import("vue").RendererElement | null | undefined;
-    beforeClose?: import("../utils").Interceptor | undefined;
-    overlayStyle?: import("vue").CSSProperties | undefined;
-    overlayClass?: unknown;
-    cancelText?: string | undefined;
-}> & {
+    title: StringConstructor;
+    round: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    actions: {
+        type: import("vue").PropType<ActionSheetAction[]>;
+        default: () => never[];
+    };
+    closeIcon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    closeable: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    cancelText: StringConstructor;
+    description: StringConstructor;
+    closeOnPopstate: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    closeOnClickAction: BooleanConstructor;
+    safeAreaInsetBottom: {
+        type: BooleanConstructor;
+        default: true;
+    };
+}>> & {
     onSelect?: ((...args: any[]) => any) | undefined;
     "onUpdate:show"?: ((...args: any[]) => any) | undefined;
     onCancel?: ((...args: any[]) => any) | undefined;

package/lib/action-sheet/ActionSheet.js

@@ -1,158 +1,154 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _vue = require("vue");
-
-var _utils = require("../utils");
-
-var _icon = require("../icon");
-
-var _popup = require("../popup");
-
-var _loading = require("../loading");
-
-var _shared = require("../popup/shared");
-
-// Utils
-// Components
-var [name, bem] = (0, _utils.createNamespace)('action-sheet');
-var actionSheetProps = (0, _utils.extend)({}, _shared.popupSharedProps, {
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  __markAsModule(target);
+  for (var name2 in all)
+    __defProp(target, name2, { get: all[name2], enumerable: true });
+};
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+__export(exports, {
+  default: () => stdin_default
+});
+var import_vue = __toModule(require("vue"));
+var import_vue2 = __toModule(require("vue"));
+var import_utils = __toModule(require("../utils"));
+var import_icon = __toModule(require("../icon"));
+var import_popup = __toModule(require("../popup"));
+var import_loading = __toModule(require("../loading"));
+var import_shared = __toModule(require("../popup/shared"));
+const [name, bem] = (0, import_utils.createNamespace)("action-sheet");
+const actionSheetProps = (0, import_utils.extend)({}, import_shared.popupSharedProps, {
   title: String,
-  round: _utils.truthProp,
-  actions: (0, _utils.makeArrayProp)(),
-  closeIcon: (0, _utils.makeStringProp)('cross'),
-  closeable: _utils.truthProp,
+  round: import_utils.truthProp,
+  actions: (0, import_utils.makeArrayProp)(),
+  closeIcon: (0, import_utils.makeStringProp)("cross"),
+  closeable: import_utils.truthProp,
   cancelText: String,
   description: String,
-  closeOnPopstate: _utils.truthProp,
+  closeOnPopstate: import_utils.truthProp,
   closeOnClickAction: Boolean,
-  safeAreaInsetBottom: _utils.truthProp
+  safeAreaInsetBottom: import_utils.truthProp
 });
-var popupInheritKeys = [..._shared.popupSharedPropKeys, 'round', 'closeOnPopstate', 'safeAreaInsetBottom'];
-
-var _default = (0, _vue.defineComponent)({
+const popupInheritKeys = [...import_shared.popupSharedPropKeys, "round", "closeOnPopstate", "safeAreaInsetBottom"];
+var stdin_default = (0, import_vue2.defineComponent)({
   name,
   props: actionSheetProps,
-  emits: ['select', 'cancel', 'update:show'],
-
-  setup(props, _ref) {
-    var {
-      slots,
-      emit
-    } = _ref;
-
-    var updateShow = show => emit('update:show', show);
-
-    var onCancel = () => {
+  emits: ["select", "cancel", "update:show"],
+  setup(props, {
+    slots,
+    emit
+  }) {
+    const updateShow = (show) => emit("update:show", show);
+    const onCancel = () => {
       updateShow(false);
-      emit('cancel');
+      emit("cancel");
     };
-
-    var renderHeader = () => {
+    const renderHeader = () => {
       if (props.title) {
-        return (0, _vue.createVNode)("div", {
-          "class": bem('header')
-        }, [props.title, props.closeable && (0, _vue.createVNode)(_icon.Icon, {
+        return (0, import_vue.createVNode)("div", {
+          "class": bem("header")
+        }, [props.title, props.closeable && (0, import_vue.createVNode)(import_icon.Icon, {
           "name": props.closeIcon,
-          "class": [bem('close'), _utils.HAPTICS_FEEDBACK],
+          "class": [bem("close"), import_utils.HAPTICS_FEEDBACK],
           "onClick": onCancel
         }, null)]);
       }
     };
-
-    var renderCancel = () => {
+    const renderCancel = () => {
       if (slots.cancel || props.cancelText) {
-        return [(0, _vue.createVNode)("div", {
-          "class": bem('gap')
-        }, null), (0, _vue.createVNode)("button", {
+        return [(0, import_vue.createVNode)("div", {
+          "class": bem("gap")
+        }, null), (0, import_vue.createVNode)("button", {
           "type": "button",
-          "class": bem('cancel'),
+          "class": bem("cancel"),
           "onClick": onCancel
         }, [slots.cancel ? slots.cancel() : props.cancelText])];
       }
     };
-
-    var renderActionContent = (action, index) => {
+    const renderActionContent = (action, index) => {
       if (action.loading) {
-        return (0, _vue.createVNode)(_loading.Loading, {
-          "class": bem('loading-icon')
+        return (0, import_vue.createVNode)(import_loading.Loading, {
+          "class": bem("loading-icon")
         }, null);
       }
-
       if (slots.action) {
         return slots.action({
           action,
           index
         });
       }
-
-      return [(0, _vue.createVNode)("span", {
-        "class": bem('name')
-      }, [action.name]), action.subname && (0, _vue.createVNode)("div", {
-        "class": bem('subname')
+      return [(0, import_vue.createVNode)("span", {
+        "class": bem("name")
+      }, [action.name]), action.subname && (0, import_vue.createVNode)("div", {
+        "class": bem("subname")
       }, [action.subname])];
     };
-
-    var renderAction = (action, index) => {
-      var {
+    const renderAction = (action, index) => {
+      const {
         color,
         loading,
         callback,
         disabled,
         className
       } = action;
-
-      var onClick = () => {
+      const onClick = () => {
         if (disabled || loading) {
           return;
         }
-
         if (callback) {
           callback(action);
         }
-
         if (props.closeOnClickAction) {
           updateShow(false);
         }
-
-        (0, _vue.nextTick)(() => emit('select', action, index));
+        (0, import_vue2.nextTick)(() => emit("select", action, index));
       };
-
-      return (0, _vue.createVNode)("button", {
+      return (0, import_vue.createVNode)("button", {
         "type": "button",
         "style": {
           color
         },
-        "class": [bem('item', {
+        "class": [bem("item", {
           loading,
           disabled
         }), className],
         "onClick": onClick
       }, [renderActionContent(action, index)]);
     };
-
-    var renderDescription = () => {
+    const renderDescription = () => {
       if (props.description || slots.description) {
-        var content = slots.description ? slots.description() : props.description;
-        return (0, _vue.createVNode)("div", {
-          "class": bem('description')
+        const content = slots.description ? slots.description() : props.description;
+        return (0, import_vue.createVNode)("div", {
+          "class": bem("description")
         }, [content]);
       }
     };
-
-    return () => (0, _vue.createVNode)(_popup.Popup, (0, _vue.mergeProps)({
+    return () => (0, import_vue.createVNode)(import_popup.Popup, (0, import_vue.mergeProps)({
       "class": bem(),
       "position": "bottom",
       "onUpdate:show": updateShow
-    }, (0, _utils.pick)(props, popupInheritKeys)), {
-      default: () => [renderHeader(), renderDescription(), (0, _vue.createVNode)("div", {
-        "class": bem('content')
-      }, [props.actions.map(renderAction), slots.default == null ? void 0 : slots.default()]), renderCancel()]
+    }, (0, import_utils.pick)(props, popupInheritKeys)), {
+      default: () => {
+        var _a;
+        return [renderHeader(), renderDescription(), (0, import_vue.createVNode)("div", {
+          "class": bem("content")
+        }, [props.actions.map(renderAction), (_a = slots.default) == null ? void 0 : _a.call(slots)]), renderCancel()];
+      }
     });
   }
-
 });
-
-exports.default = _default;

package/lib/action-sheet/index.css

@@ -1 +1 @@
-:root{--van-action-sheet-max-height:80%;--van-action-sheet-header-height:48px;--van-action-sheet-header-font-size:var(--van-font-size-lg);--van-action-sheet-description-color:var(--van-text-color-2);--van-action-sheet-description-font-size:var(--van-font-size-md);--van-action-sheet-description-line-height:var(--van-line-height-md);--van-action-sheet-item-background:var(--van-background-color-light);--van-action-sheet-item-font-size:var(--van-font-size-lg);--van-action-sheet-item-line-height:var(--van-line-height-lg);--van-action-sheet-item-text-color:var(--van-text-color);--van-action-sheet-item-disabled-text-color:var(--van-text-color-3);--van-action-sheet-subname-color:var(--van-text-color-2);--van-action-sheet-subname-font-size:var(--van-font-size-sm);--van-action-sheet-subname-line-height:var(--van-line-height-sm);--van-action-sheet-close-icon-size:22px;--van-action-sheet-close-icon-color:var(--van-gray-5);--van-action-sheet-close-icon-padding:0 var(--van-padding-md);--van-action-sheet-cancel-text-color:var(--van-gray-7);--van-action-sheet-cancel-padding-top:var(--van-padding-xs);--van-action-sheet-cancel-padding-color:var(--van-background-color);--van-action-sheet-loading-icon-size:22px}.van-action-sheet{display:flex;flex-direction:column;max-height:var(--van-action-sheet-max-height);overflow:hidden;color:var(--van-action-sheet-item-text-color)}.van-action-sheet__content{flex:1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch}.van-action-sheet__cancel,.van-action-sheet__item{display:block;width:100%;padding:14px var(--van-padding-md);font-size:var(--van-action-sheet-item-font-size);background:var(--van-action-sheet-item-background);border:none;cursor:pointer}.van-action-sheet__cancel:active,.van-action-sheet__item:active{background-color:var(--van-active-color)}.van-action-sheet__item{line-height:var(--van-action-sheet-item-line-height)}.van-action-sheet__item--disabled,.van-action-sheet__item--loading{color:var(--van-action-sheet-item-disabled-text-color)}.van-action-sheet__item--disabled:active,.van-action-sheet__item--loading:active{background-color:var(--van-action-sheet-item-background)}.van-action-sheet__item--disabled{cursor:not-allowed}.van-action-sheet__item--loading{cursor:default}.van-action-sheet__cancel{flex-shrink:0;box-sizing:border-box;color:var(--van-action-sheet-cancel-text-color)}.van-action-sheet__subname{margin-top:var(--van-padding-xs);color:var(--van-action-sheet-subname-color);font-size:var(--van-action-sheet-subname-font-size);line-height:var(--van-action-sheet-subname-line-height)}.van-action-sheet__gap{display:block;height:var(--van-action-sheet-cancel-padding-top);background:var(--van-action-sheet-cancel-padding-color)}.van-action-sheet__header{flex-shrink:0;font-weight:var(--van-font-weight-bold);font-size:var(--van-action-sheet-header-font-size);line-height:var(--van-action-sheet-header-height);text-align:center}.van-action-sheet__description{position:relative;flex-shrink:0;padding:20px var(--van-padding-md);color:var(--van-action-sheet-description-color);font-size:var(--van-action-sheet-description-font-size);line-height:var(--van-action-sheet-description-line-height);text-align:center}.van-action-sheet__description::after{position:absolute;box-sizing:border-box;content:' ';pointer-events:none;right:var(--van-padding-md);bottom:0;left:var(--van-padding-md);border-bottom:1px solid var(--van-border-color);transform:scaleY(.5)}.van-action-sheet__loading-icon .van-loading__spinner{width:var(--van-action-sheet-loading-icon-size);height:var(--van-action-sheet-loading-icon-size)}.van-action-sheet__close{position:absolute;top:0;right:0;padding:var(--van-action-sheet-close-icon-padding);color:var(--van-action-sheet-close-icon-color);font-size:var(--van-action-sheet-close-icon-size);line-height:inherit}
+:root{--van-action-sheet-max-height: 80%;--van-action-sheet-header-height: 48px;--van-action-sheet-header-font-size: var(--van-font-size-lg);--van-action-sheet-description-color: var(--van-text-color-2);--van-action-sheet-description-font-size: var(--van-font-size-md);--van-action-sheet-description-line-height: var(--van-line-height-md);--van-action-sheet-item-background: var(--van-background-color-light);--van-action-sheet-item-font-size: var(--van-font-size-lg);--van-action-sheet-item-line-height: var(--van-line-height-lg);--van-action-sheet-item-text-color: var(--van-text-color);--van-action-sheet-item-disabled-text-color: var(--van-text-color-3);--van-action-sheet-subname-color: var(--van-text-color-2);--van-action-sheet-subname-font-size: var(--van-font-size-sm);--van-action-sheet-subname-line-height: var(--van-line-height-sm);--van-action-sheet-close-icon-size: 22px;--van-action-sheet-close-icon-color: var(--van-gray-5);--van-action-sheet-close-icon-padding: 0 var(--van-padding-md);--van-action-sheet-cancel-text-color: var(--van-gray-7);--van-action-sheet-cancel-padding-top: var(--van-padding-xs);--van-action-sheet-cancel-padding-color: var(--van-background-color);--van-action-sheet-loading-icon-size: 22px}.van-action-sheet{display:flex;flex-direction:column;max-height:var(--van-action-sheet-max-height);overflow:hidden;color:var(--van-action-sheet-item-text-color)}.van-action-sheet__content{flex:1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch}.van-action-sheet__item,.van-action-sheet__cancel{display:block;width:100%;padding:14px var(--van-padding-md);font-size:var(--van-action-sheet-item-font-size);background:var(--van-action-sheet-item-background);border:none;cursor:pointer}.van-action-sheet__item:active,.van-action-sheet__cancel:active{background-color:var(--van-active-color)}.van-action-sheet__item{line-height:var(--van-action-sheet-item-line-height)}.van-action-sheet__item--loading,.van-action-sheet__item--disabled{color:var(--van-action-sheet-item-disabled-text-color)}.van-action-sheet__item--loading:active,.van-action-sheet__item--disabled:active{background-color:var(--van-action-sheet-item-background)}.van-action-sheet__item--disabled{cursor:not-allowed}.van-action-sheet__item--loading{cursor:default}.van-action-sheet__cancel{flex-shrink:0;box-sizing:border-box;color:var(--van-action-sheet-cancel-text-color)}.van-action-sheet__subname{margin-top:var(--van-padding-xs);color:var(--van-action-sheet-subname-color);font-size:var(--van-action-sheet-subname-font-size);line-height:var(--van-action-sheet-subname-line-height)}.van-action-sheet__gap{display:block;height:var(--van-action-sheet-cancel-padding-top);background:var(--van-action-sheet-cancel-padding-color)}.van-action-sheet__header{flex-shrink:0;font-weight:var(--van-font-weight-bold);font-size:var(--van-action-sheet-header-font-size);line-height:var(--van-action-sheet-header-height);text-align:center}.van-action-sheet__description{position:relative;flex-shrink:0;padding:20px var(--van-padding-md);color:var(--van-action-sheet-description-color);font-size:var(--van-action-sheet-description-font-size);line-height:var(--van-action-sheet-description-line-height);text-align:center}.van-action-sheet__description:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:var(--van-padding-md);bottom:0;left:var(--van-padding-md);border-bottom:1px solid var(--van-border-color);transform:scaleY(.5)}.van-action-sheet__loading-icon .van-loading__spinner{width:var(--van-action-sheet-loading-icon-size);height:var(--van-action-sheet-loading-icon-size)}.van-action-sheet__close{position:absolute;top:0;right:0;padding:var(--van-action-sheet-close-icon-padding);color:var(--van-action-sheet-close-icon-color);font-size:var(--van-action-sheet-close-icon-size);line-height:inherit}