vant 3.4.0 → 3.4.4

package/lib/search/index.css

@@ -1 +1 @@
-:root{--van-search-padding:10px var(--van-padding-sm);--van-search-background-color:var(--van-background-color-light);--van-search-content-background-color:var(--van-gray-1);--van-search-input-height:34px;--van-search-label-padding:0 5px;--van-search-label-color:var(--van-text-color);--van-search-label-font-size:var(--van-font-size-md);--van-search-left-icon-color:var(--van-gray-6);--van-search-action-padding:0 var(--van-padding-xs);--van-search-action-text-color:var(--van-text-color);--van-search-action-font-size:var(--van-font-size-md)}.van-search{display:flex;align-items:center;box-sizing:border-box;padding:var(--van-search-padding);background:var(--van-search-background-color)}.van-search__content{display:flex;flex:1;padding-left:var(--van-padding-sm);background:var(--van-search-content-background-color);border-radius:var(--van-border-radius-sm)}.van-search__content--round{border-radius:var(--van-border-radius-max)}.van-search__label{padding:var(--van-search-label-padding);color:var(--van-search-label-color);font-size:var(--van-search-label-font-size);line-height:var(--van-search-input-height)}.van-search__field{flex:1;padding:5px var(--van-padding-xs) 5px 0;background-color:transparent}.van-search__field .van-field__left-icon{color:var(--van-search-left-icon-color)}.van-search--show-action{padding-right:0}.van-search input::-webkit-search-cancel-button,.van-search input::-webkit-search-decoration,.van-search input::-webkit-search-results-button,.van-search input::-webkit-search-results-decoration{display:none}.van-search__action{padding:var(--van-search-action-padding);color:var(--van-search-action-text-color);font-size:var(--van-search-action-font-size);line-height:var(--van-search-input-height);cursor:pointer;-webkit-user-select:none;user-select:none}.van-search__action:active{background-color:var(--van-active-color)}
+:root{--van-search-padding: 10px var(--van-padding-sm);--van-search-background-color: var(--van-background-color-light);--van-search-content-background-color: var(--van-gray-1);--van-search-input-height: 34px;--van-search-label-padding: 0 5px;--van-search-label-color: var(--van-text-color);--van-search-label-font-size: var(--van-font-size-md);--van-search-left-icon-color: var(--van-gray-6);--van-search-action-padding: 0 var(--van-padding-xs);--van-search-action-text-color: var(--van-text-color);--van-search-action-font-size: var(--van-font-size-md)}.van-search{display:flex;align-items:center;box-sizing:border-box;padding:var(--van-search-padding);background:var(--van-search-background-color)}.van-search__content{display:flex;flex:1;padding-left:var(--van-padding-sm);background:var(--van-search-content-background-color);border-radius:var(--van-border-radius-sm)}.van-search__content--round{border-radius:var(--van-border-radius-max)}.van-search__label{padding:var(--van-search-label-padding);color:var(--van-search-label-color);font-size:var(--van-search-label-font-size);line-height:var(--van-search-input-height)}.van-search__field{flex:1;padding:5px var(--van-padding-xs) 5px 0;background-color:transparent}.van-search__field .van-field__left-icon{color:var(--van-search-left-icon-color)}.van-search--show-action{padding-right:0}.van-search input::-webkit-search-decoration,.van-search input::-webkit-search-cancel-button,.van-search input::-webkit-search-results-button,.van-search input::-webkit-search-results-decoration{display:none}.van-search__action{padding:var(--van-search-action-padding);color:var(--van-search-action-text-color);font-size:var(--van-search-action-font-size);line-height:var(--van-search-input-height);cursor:pointer;-webkit-user-select:none;user-select:none}.van-search__action:active{background-color:var(--van-active-color)}

package/lib/search/index.d.ts

@@ -57,58 +57,65 @@ export declare const Search: import("../utils").WithInstall<import("vue").Define
     actionText: StringConstructor;
     background: StringConstructor;
     showAction: BooleanConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("search" | "clear" | "focus" | "blur" | "click-input" | "click-left-icon" | "click-right-icon" | "update:modelValue" | "cancel")[], "search" | "clear" | "focus" | "blur" | "click-input" | "click-left-icon" | "click-right-icon" | "update:modelValue" | "cancel", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    id?: unknown;
-    name?: unknown;
-    leftIcon?: unknown;
-    rightIcon?: unknown;
-    autofocus?: unknown;
-    clearable?: unknown;
-    maxlength?: unknown;
-    formatter?: unknown;
-    clearIcon?: unknown;
-    modelValue?: unknown;
-    inputAlign?: unknown;
-    placeholder?: unknown;
-    autocomplete?: unknown;
-    errorMessage?: unknown;
-    clearTrigger?: unknown;
-    formatTrigger?: unknown;
-    error?: unknown;
-    disabled?: unknown;
-    readonly?: unknown;
-    label?: unknown;
-    shape?: unknown;
-    actionText?: unknown;
-    background?: unknown;
-    showAction?: unknown;
-} & {
-    autofocus: boolean;
-    disabled: boolean;
-    shape: import("./types").SearchShape;
-    leftIcon: string;
-    clearable: boolean;
-    clearIcon: string;
-    modelValue: string | number;
-    clearTrigger: import("..").FieldClearTrigger;
-    formatTrigger: import("..").FieldFormatTrigger;
-    error: boolean;
-    readonly: boolean;
-    showAction: boolean;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("search" | "clear" | "focus" | "blur" | "click-input" | "click-left-icon" | "click-right-icon" | "update:modelValue" | "cancel")[], "search" | "clear" | "focus" | "blur" | "click-input" | "click-left-icon" | "click-right-icon" | "update:modelValue" | "cancel", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    id: StringConstructor;
+    name: StringConstructor;
+    leftIcon: StringConstructor;
+    rightIcon: StringConstructor;
+    autofocus: BooleanConstructor;
+    clearable: BooleanConstructor;
+    maxlength: (NumberConstructor | StringConstructor)[];
+    formatter: import("vue").PropType<(value: string) => string>;
+    clearIcon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    modelValue: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
+    inputAlign: import("vue").PropType<import("..").FieldTextAlign>;
+    placeholder: StringConstructor;
+    autocomplete: StringConstructor;
+    errorMessage: StringConstructor;
+    clearTrigger: {
+        type: import("vue").PropType<import("..").FieldClearTrigger>;
+        default: import("..").FieldClearTrigger;
+    };
+    formatTrigger: {
+        type: import("vue").PropType<import("..").FieldFormatTrigger>;
+        default: import("..").FieldFormatTrigger;
+    };
+    error: {
+        type: BooleanConstructor;
+        default: null;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: null;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: null;
+    };
 } & {
-    name?: string | undefined;
-    label?: string | undefined;
-    autocomplete?: string | undefined;
-    id?: string | undefined;
-    rightIcon?: string | undefined;
-    maxlength?: string | number | undefined;
-    formatter?: ((value: string) => string) | undefined;
-    inputAlign?: import("..").FieldTextAlign | undefined;
-    placeholder?: string | undefined;
-    errorMessage?: string | undefined;
-    background?: string | undefined;
-    actionText?: string | undefined;
-}> & {
+    label: StringConstructor;
+    shape: {
+        type: import("vue").PropType<import("./types").SearchShape>;
+        default: import("./types").SearchShape;
+    };
+    leftIcon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    clearable: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    actionText: StringConstructor;
+    background: StringConstructor;
+    showAction: BooleanConstructor;
+}>> & {
     onFocus?: ((...args: any[]) => any) | undefined;
     onBlur?: ((...args: any[]) => any) | undefined;
     onClear?: ((...args: any[]) => any) | undefined;

package/lib/search/index.js

@@ -1,15 +1,31 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = exports.Search = void 0;
-
-var _utils = require("../utils");
-
-var _Search2 = _interopRequireDefault(require("./Search"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var Search = (0, _utils.withInstall)(_Search2.default);
-exports.Search = Search;
-var _default = Search;
-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, {
+  Search: () => Search,
+  default: () => stdin_default
+});
+var import_utils = __toModule(require("../utils"));
+var import_Search = __toModule(require("./Search"));
+const Search = (0, import_utils.withInstall)(import_Search.default);
+var stdin_default = Search;

package/lib/search/style/index.js

@@ -1,13 +1,6 @@
-"use strict";
-
-require('../../style/base.css');
-
-require('../../badge/index.css');
-
-require('../../icon/index.css');
-
-require('../../cell/index.css');
-
-require('../../field/index.css');
-
-require('../index.css');
+require("../../style/base.css");
+require("../../badge/index.css");
+require("../../icon/index.css");
+require("../../cell/index.css");
+require("../../field/index.css");
+require("../index.css");

package/lib/search/style/less.js

@@ -1,13 +1,6 @@
-"use strict";
-
-require('../../style/base.less');
-
-require('../../badge/index.less');
-
-require('../../icon/index.less');
-
-require('../../cell/index.less');
-
-require('../../field/index.less');
-
-require('../index.less');
+require("../../style/base.less");
+require("../../badge/index.less");
+require("../../icon/index.less");
+require("../../cell/index.less");
+require("../../field/index.less");
+require("../index.less");

package/lib/search/types.js

@@ -1,3 +1,3 @@
-"use strict";
-
-exports.__esModule = true;
+var __defProp = Object.defineProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+__markAsModule(exports);

package/lib/share-sheet/ShareSheet.d.ts

@@ -98,48 +98,52 @@ 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;
-    options?: unknown;
-    cancelText?: unknown;
-    description?: unknown;
-    closeOnPopstate?: unknown;
-    safeAreaInsetBottom?: unknown;
-} & {
-    round: boolean;
-    safeAreaInsetBottom: boolean;
-    overlay: boolean;
-    show: boolean;
-    lockScroll: boolean;
-    lazyRender: boolean;
-    transitionAppear: boolean;
-    closeOnClickOverlay: boolean;
-    closeOnPopstate: boolean;
-    options: (ShareSheetOption | ShareSheetOption[])[];
+}, () => 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;
+    };
+    options: {
+        type: import("vue").PropType<(ShareSheetOption | ShareSheetOption[])[]>;
+        default: () => never[];
+    };
+    cancelText: StringConstructor;
+    description: StringConstructor;
+    closeOnPopstate: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    safeAreaInsetBottom: {
+        type: BooleanConstructor;
+        default: true;
+    };
+}>> & {
     onSelect?: ((...args: any[]) => any) | undefined;
     "onUpdate:show"?: ((...args: any[]) => any) | undefined;
     onCancel?: ((...args: any[]) => any) | undefined;

package/lib/share-sheet/ShareSheet.js

@@ -1,138 +1,131 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _vue = require("vue");
-
-var _utils = require("../utils");
-
-var _shared = require("../popup/shared");
-
-var _popup = require("../popup");
-
-// Utils
-// Components
-var PRESET_ICONS = ['qq', 'link', 'weibo', 'wechat', 'poster', 'qrcode', 'weapp-qrcode', 'wechat-moments'];
-var popupInheritKeys = [..._shared.popupSharedPropKeys, 'round', 'closeOnPopstate', 'safeAreaInsetBottom'];
-
+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_shared = __toModule(require("../popup/shared"));
+var import_popup = __toModule(require("../popup"));
+const PRESET_ICONS = ["qq", "link", "weibo", "wechat", "poster", "qrcode", "weapp-qrcode", "wechat-moments"];
+const popupInheritKeys = [...import_shared.popupSharedPropKeys, "round", "closeOnPopstate", "safeAreaInsetBottom"];
 function getIconURL(icon) {
   if (PRESET_ICONS.includes(icon)) {
-    return "https://img.yzcdn.cn/vant/share-sheet-" + icon + ".png";
+    return `https://img.yzcdn.cn/vant/share-sheet-${icon}.png`;
   }
-
   return icon;
 }
-
-var [name, bem, t] = (0, _utils.createNamespace)('share-sheet');
-var shareSheetProps = (0, _utils.extend)({}, _shared.popupSharedProps, {
+const [name, bem, t] = (0, import_utils.createNamespace)("share-sheet");
+const shareSheetProps = (0, import_utils.extend)({}, import_shared.popupSharedProps, {
   title: String,
-  round: _utils.truthProp,
-  options: (0, _utils.makeArrayProp)(),
+  round: import_utils.truthProp,
+  options: (0, import_utils.makeArrayProp)(),
   cancelText: String,
   description: String,
-  closeOnPopstate: _utils.truthProp,
-  safeAreaInsetBottom: _utils.truthProp
+  closeOnPopstate: import_utils.truthProp,
+  safeAreaInsetBottom: import_utils.truthProp
 });
-
-var _default = (0, _vue.defineComponent)({
+var stdin_default = (0, import_vue2.defineComponent)({
   name,
   props: shareSheetProps,
-  emits: ['cancel', 'select', 'update:show'],
-
-  setup(props, _ref) {
-    var {
-      emit,
-      slots
-    } = _ref;
-
-    var updateShow = value => emit('update:show', value);
-
-    var onCancel = () => {
+  emits: ["cancel", "select", "update:show"],
+  setup(props, {
+    emit,
+    slots
+  }) {
+    const updateShow = (value) => emit("update:show", value);
+    const onCancel = () => {
       updateShow(false);
-      emit('cancel');
+      emit("cancel");
     };
-
-    var onSelect = (option, index) => emit('select', option, index);
-
-    var renderHeader = () => {
-      var title = slots.title ? slots.title() : props.title;
-      var description = slots.description ? slots.description() : props.description;
-
+    const onSelect = (option, index) => emit("select", option, index);
+    const renderHeader = () => {
+      const title = slots.title ? slots.title() : props.title;
+      const description = slots.description ? slots.description() : props.description;
       if (title || description) {
-        return (0, _vue.createVNode)("div", {
-          "class": bem('header')
-        }, [title && (0, _vue.createVNode)("h2", {
-          "class": bem('title')
-        }, [title]), description && (0, _vue.createVNode)("span", {
-          "class": bem('description')
+        return (0, import_vue.createVNode)("div", {
+          "class": bem("header")
+        }, [title && (0, import_vue.createVNode)("h2", {
+          "class": bem("title")
+        }, [title]), description && (0, import_vue.createVNode)("span", {
+          "class": bem("description")
         }, [description])]);
       }
     };
-
-    var renderOption = (option, index) => {
-      var {
-        name,
+    const renderOption = (option, index) => {
+      const {
+        name: name2,
         icon,
         className,
         description
       } = option;
-      return (0, _vue.createVNode)("div", {
+      return (0, import_vue.createVNode)("div", {
         "role": "button",
         "tabindex": 0,
-        "class": [bem('option'), className, _utils.HAPTICS_FEEDBACK],
+        "class": [bem("option"), className, import_utils.HAPTICS_FEEDBACK],
         "onClick": () => onSelect(option, index)
-      }, [(0, _vue.createVNode)("img", {
+      }, [(0, import_vue.createVNode)("img", {
         "src": getIconURL(icon),
-        "class": bem('icon')
-      }, null), name && (0, _vue.createVNode)("span", {
-        "class": bem('name')
-      }, [name]), description && (0, _vue.createVNode)("span", {
-        "class": bem('option-description')
+        "class": bem("icon")
+      }, null), name2 && (0, import_vue.createVNode)("span", {
+        "class": bem("name")
+      }, [name2]), description && (0, import_vue.createVNode)("span", {
+        "class": bem("option-description")
       }, [description])]);
     };
-
-    var renderOptions = (options, border) => (0, _vue.createVNode)("div", {
-      "class": bem('options', {
+    const renderOptions = (options, border) => (0, import_vue.createVNode)("div", {
+      "class": bem("options", {
         border
       })
     }, [options.map(renderOption)]);
-
-    var renderRows = () => {
-      var {
+    const renderRows = () => {
+      const {
         options
       } = props;
-
       if (Array.isArray(options[0])) {
         return options.map((item, index) => renderOptions(item, index !== 0));
       }
-
       return renderOptions(options);
     };
-
-    var renderCancelButton = () => {
-      var _props$cancelText;
-
-      var cancelText = (_props$cancelText = props.cancelText) != null ? _props$cancelText : t('cancel');
-
+    const renderCancelButton = () => {
+      var _a;
+      const cancelText = (_a = props.cancelText) != null ? _a : t("cancel");
       if (slots.cancel || cancelText) {
-        return (0, _vue.createVNode)("button", {
+        return (0, import_vue.createVNode)("button", {
           "type": "button",
-          "class": bem('cancel'),
+          "class": bem("cancel"),
           "onClick": onCancel
         }, [slots.cancel ? slots.cancel() : cancelText]);
       }
     };
-
-    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)), {
+    }, (0, import_utils.pick)(props, popupInheritKeys)), {
       default: () => [renderHeader(), renderRows(), renderCancelButton()]
     });
   }
-
 });
-
-exports.default = _default;

package/lib/share-sheet/index.css

@@ -1 +1 @@
-:root{--van-share-sheet-header-padding:var(--van-padding-sm) var(--van-padding-md) var(--van-padding-base);--van-share-sheet-title-color:var(--van-text-color);--van-share-sheet-title-font-size:var(--van-font-size-md);--van-share-sheet-title-line-height:var(--van-line-height-md);--van-share-sheet-description-color:var(--van-text-color-2);--van-share-sheet-description-font-size:var(--van-font-size-sm);--van-share-sheet-description-line-height:16px;--van-share-sheet-icon-size:48px;--van-share-sheet-option-name-color:var(--van-gray-7);--van-share-sheet-option-name-font-size:var(--van-font-size-sm);--van-share-sheet-option-description-color:var(--van-text-color-3);--van-share-sheet-option-description-font-size:var(--van-font-size-sm);--van-share-sheet-cancel-button-font-size:var(--van-font-size-lg);--van-share-sheet-cancel-button-height:48px;--van-share-sheet-cancel-button-background:var(--van-background-color-light)}.van-share-sheet__header{padding:var(--van-share-sheet-header-padding);text-align:center}.van-share-sheet__title{margin-top:var(--van-padding-xs);color:var(--van-share-sheet-title-color);font-weight:400;font-size:var(--van-share-sheet-title-font-size);line-height:var(--van-share-sheet-title-line-height)}.van-share-sheet__description{display:block;margin-top:var(--van-padding-xs);color:var(--van-share-sheet-description-color);font-size:var(--van-share-sheet-description-font-size);line-height:var(--van-share-sheet-description-line-height)}.van-share-sheet__options{position:relative;display:flex;padding:var(--van-padding-md) 0 var(--van-padding-md) var(--van-padding-xs);overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch}.van-share-sheet__options--border::before{position:absolute;box-sizing:border-box;content:' ';pointer-events:none;top:0;right:0;left:var(--van-padding-md);border-top:1px solid var(--van-border-color);transform:scaleY(.5)}.van-share-sheet__options::-webkit-scrollbar{height:0}.van-share-sheet__option{display:flex;flex-direction:column;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.van-share-sheet__icon{width:var(--van-share-sheet-icon-size);height:var(--van-share-sheet-icon-size);margin:0 var(--van-padding-md)}.van-share-sheet__name{margin-top:var(--van-padding-xs);padding:0 var(--van-padding-base);color:var(--van-share-sheet-option-name-color);font-size:var(--van-share-sheet-option-name-font-size)}.van-share-sheet__option-description{padding:0 var(--van-padding-base);color:var(--van-share-sheet-option-description-color);font-size:var(--van-share-sheet-option-description-font-size)}.van-share-sheet__cancel{display:block;width:100%;padding:0;font-size:var(--van-share-sheet-cancel-button-font-size);line-height:var(--van-share-sheet-cancel-button-height);text-align:center;background:var(--van-share-sheet-cancel-button-background);border:none;cursor:pointer}.van-share-sheet__cancel::before{display:block;height:var(--van-padding-xs);background-color:var(--van-background-color);content:' '}.van-share-sheet__cancel:active{background-color:var(--van-active-color)}
+:root{--van-share-sheet-header-padding: var(--van-padding-sm) var(--van-padding-md) var(--van-padding-base);--van-share-sheet-title-color: var(--van-text-color);--van-share-sheet-title-font-size: var(--van-font-size-md);--van-share-sheet-title-line-height: var(--van-line-height-md);--van-share-sheet-description-color: var(--van-text-color-2);--van-share-sheet-description-font-size: var(--van-font-size-sm);--van-share-sheet-description-line-height: 16px;--van-share-sheet-icon-size: 48px;--van-share-sheet-option-name-color: var(--van-gray-7);--van-share-sheet-option-name-font-size: var(--van-font-size-sm);--van-share-sheet-option-description-color: var(--van-text-color-3);--van-share-sheet-option-description-font-size: var(--van-font-size-sm);--van-share-sheet-cancel-button-font-size: var(--van-font-size-lg);--van-share-sheet-cancel-button-height: 48px;--van-share-sheet-cancel-button-background: var(--van-background-color-light)}.van-share-sheet__header{padding:var(--van-share-sheet-header-padding);text-align:center}.van-share-sheet__title{margin-top:var(--van-padding-xs);color:var(--van-share-sheet-title-color);font-weight:400;font-size:var(--van-share-sheet-title-font-size);line-height:var(--van-share-sheet-title-line-height)}.van-share-sheet__description{display:block;margin-top:var(--van-padding-xs);color:var(--van-share-sheet-description-color);font-size:var(--van-share-sheet-description-font-size);line-height:var(--van-share-sheet-description-line-height)}.van-share-sheet__options{position:relative;display:flex;padding:var(--van-padding-md) 0 var(--van-padding-md) var(--van-padding-xs);overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch}.van-share-sheet__options--border:before{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;top:0;right:0;left:var(--van-padding-md);border-top:1px solid var(--van-border-color);transform:scaleY(.5)}.van-share-sheet__options::-webkit-scrollbar{height:0}.van-share-sheet__option{display:flex;flex-direction:column;align-items:center;-webkit-user-select:none;user-select:none}.van-share-sheet__icon{width:var(--van-share-sheet-icon-size);height:var(--van-share-sheet-icon-size);margin:0 var(--van-padding-md)}.van-share-sheet__name{margin-top:var(--van-padding-xs);padding:0 var(--van-padding-base);color:var(--van-share-sheet-option-name-color);font-size:var(--van-share-sheet-option-name-font-size)}.van-share-sheet__option-description{padding:0 var(--van-padding-base);color:var(--van-share-sheet-option-description-color);font-size:var(--van-share-sheet-option-description-font-size)}.van-share-sheet__cancel{display:block;width:100%;padding:0;font-size:var(--van-share-sheet-cancel-button-font-size);line-height:var(--van-share-sheet-cancel-button-height);text-align:center;background:var(--van-share-sheet-cancel-button-background);border:none;cursor:pointer}.van-share-sheet__cancel:before{display:block;height:var(--van-padding-xs);background-color:var(--van-background-color);content:" "}.van-share-sheet__cancel:active{background-color:var(--van-active-color)}