vant 3.4.7 → 3.5.0-beta.0

package/es/picker/{Picker.js → Picker.mjs}

@@ -43,15 +43,16 @@ var stdin_default = defineComponent({
     }
     const hasOptions = ref(false);
     const formattedColumns = ref([]);
-    const {
-      text: textKey,
-      values: valuesKey,
-      children: childrenKey
-    } = extend({
-      text: props.valueKey || "text",
-      values: "values",
-      children: "children"
-    }, props.columnsFieldNames);
+    const columnsFieldNames = computed(() => {
+      const {
+        columnsFieldNames: columnsFieldNames2
+      } = props;
+      return {
+        text: (columnsFieldNames2 == null ? void 0 : columnsFieldNames2.text) || props.valueKey || "text",
+        values: (columnsFieldNames2 == null ? void 0 : columnsFieldNames2.values) || "values",
+        children: (columnsFieldNames2 == null ? void 0 : columnsFieldNames2.children) || "children"
+      };
+    });
     const {
       children,
       linkChildren
@@ -61,10 +62,10 @@ var stdin_default = defineComponent({
     const dataType = computed(() => {
       const firstColumn = props.columns[0];
       if (typeof firstColumn === "object") {
-        if (childrenKey in firstColumn) {
+        if (columnsFieldNames.value.children in firstColumn) {
           return "cascade";
         }
-        if (valuesKey in firstColumn) {
+        if (columnsFieldNames.value.values in firstColumn) {
           return "object";
         }
       }
@@ -74,10 +75,10 @@ var stdin_default = defineComponent({
       var _a;
       const formatted = [];
       let cursor = {
-        [childrenKey]: props.columns
+        [columnsFieldNames.value.children]: props.columns
       };
-      while (cursor && cursor[childrenKey]) {
-        const children2 = cursor[childrenKey];
+      while (cursor && cursor[columnsFieldNames.value.children]) {
+        const children2 = cursor[columnsFieldNames.value.children];
         let defaultIndex = (_a = cursor.defaultIndex) != null ? _a : +props.defaultIndex;
         while (children2[defaultIndex] && children2[defaultIndex].disabled) {
           if (defaultIndex < children2.length - 1) {
@@ -88,7 +89,7 @@ var stdin_default = defineComponent({
           }
         }
         formatted.push({
-          [valuesKey]: cursor[childrenKey],
+          [columnsFieldNames.value.values]: cursor[columnsFieldNames.value.children],
           className: cursor.className,
           defaultIndex
         });
@@ -102,14 +103,14 @@ var stdin_default = defineComponent({
       } = props;
       if (dataType.value === "plain") {
         formattedColumns.value = [{
-          [valuesKey]: columns
+          [columnsFieldNames.value.values]: columns
         }];
       } else if (dataType.value === "cascade") {
         formatCascade();
       } else {
         formattedColumns.value = columns;
       }
-      hasOptions.value = formattedColumns.value.some((item) => item[valuesKey] && item[valuesKey].length !== 0);
+      hasOptions.value = formattedColumns.value.some((item) => item[columnsFieldNames.value.values] && item[columnsFieldNames.value.values].length !== 0);
     };
     const getIndexes = () => children.map((child) => child.state.index);
     const setColumnValues = (index, options) => {
@@ -121,16 +122,16 @@ var stdin_default = defineComponent({
     };
     const onCascadeChange = (columnIndex) => {
       let cursor = {
-        [childrenKey]: props.columns
+        [columnsFieldNames.value.children]: props.columns
       };
       const indexes = getIndexes();
       for (let i = 0; i <= columnIndex; i++) {
-        cursor = cursor[childrenKey][indexes[i]];
+        cursor = cursor[columnsFieldNames.value.children][indexes[i]];
       }
-      while (cursor && cursor[childrenKey]) {
+      while (cursor && cursor[columnsFieldNames.value.children]) {
         columnIndex++;
-        setColumnValues(columnIndex, cursor[childrenKey]);
-        cursor = cursor[childrenKey][cursor.defaultIndex || 0];
+        setColumnValues(columnIndex, cursor[columnsFieldNames.value.children]);
+        cursor = cursor[columnsFieldNames.value.children][cursor.defaultIndex || 0];
       }
     };
     const getChild = (index) => children[index];
@@ -240,14 +241,14 @@ var stdin_default = defineComponent({
     const renderColumnItems = () => formattedColumns.value.map((item, columnIndex) => {
       var _a;
       return _createVNode(Column, {
-        "textKey": textKey,
+        "textKey": columnsFieldNames.value.text,
         "readonly": props.readonly,
         "allowHtml": props.allowHtml,
         "className": item.className,
         "itemHeight": itemHeight.value,
         "defaultIndex": (_a = item.defaultIndex) != null ? _a : +props.defaultIndex,
         "swipeDuration": props.swipeDuration,
-        "initialOptions": item[valuesKey],
+        "initialOptions": item[columnsFieldNames.value.values],
         "visibleItemCount": props.visibleItemCount,
         "onChange": () => onChange(columnIndex)
       }, {

package/es/popup/index.css

@@ -1 +1 @@
-:root{--van-popup-background-color: var(--van-background-color-light);--van-popup-transition: transform var(--van-animation-duration-base);--van-popup-round-border-radius: 16px;--van-popup-close-icon-size: 22px;--van-popup-close-icon-color: var(--van-gray-5);--van-popup-close-icon-margin: 16px;--van-popup-close-icon-z-index: 1}.van-overflow-hidden{overflow:hidden!important}.van-popup{position:fixed;max-height:100%;overflow-y:auto;background:var(--van-popup-background-color);transition:var(--van-popup-transition);-webkit-overflow-scrolling:touch}.van-popup--center{top:50%;left:50%;transform:translate(-50%,-50%)}.van-popup--center.van-popup--round{border-radius:var(--van-popup-round-border-radius)}.van-popup--top{top:0;left:0;width:100%}.van-popup--top.van-popup--round{border-radius:0 0 var(--van-popup-round-border-radius) var(--van-popup-round-border-radius)}.van-popup--right{top:50%;right:0;transform:translateY(-50%)}.van-popup--right.van-popup--round{border-radius:var(--van-popup-round-border-radius) 0 0 var(--van-popup-round-border-radius)}.van-popup--bottom{bottom:0;left:0;width:100%}.van-popup--bottom.van-popup--round{border-radius:var(--van-popup-round-border-radius) var(--van-popup-round-border-radius) 0 0}.van-popup--left{top:50%;left:0;transform:translateY(-50%)}.van-popup--left.van-popup--round{border-radius:0 var(--van-popup-round-border-radius) var(--van-popup-round-border-radius) 0}.van-popup-slide-top-enter-active,.van-popup-slide-left-enter-active,.van-popup-slide-right-enter-active,.van-popup-slide-bottom-enter-active{transition-timing-function:var(--van-animation-timing-function-enter)}.van-popup-slide-top-leave-active,.van-popup-slide-left-leave-active,.van-popup-slide-right-leave-active,.van-popup-slide-bottom-leave-active{transition-timing-function:var(--van-animation-timing-function-leave)}.van-popup-slide-top-enter-from,.van-popup-slide-top-leave-active{transform:translateY(-100%)}.van-popup-slide-right-enter-from,.van-popup-slide-right-leave-active{transform:translate(100%,-50%)}.van-popup-slide-bottom-enter-from,.van-popup-slide-bottom-leave-active{transform:translateY(100%)}.van-popup-slide-left-enter-from,.van-popup-slide-left-leave-active{transform:translate(-100%,-50%)}.van-popup__close-icon{position:absolute;z-index:var(--van-popup-close-icon-z-index);color:var(--van-popup-close-icon-color);font-size:var(--van-popup-close-icon-size)}.van-popup__close-icon--top-left{top:var(--van-popup-close-icon-margin);left:var(--van-popup-close-icon-margin)}.van-popup__close-icon--top-right{top:var(--van-popup-close-icon-margin);right:var(--van-popup-close-icon-margin)}.van-popup__close-icon--bottom-left{bottom:var(--van-popup-close-icon-margin);left:var(--van-popup-close-icon-margin)}.van-popup__close-icon--bottom-right{right:var(--van-popup-close-icon-margin);bottom:var(--van-popup-close-icon-margin)}
+:root{--van-popup-background-color: var(--van-background-color-light);--van-popup-transition: transform var(--van-animation-duration-base);--van-popup-round-border-radius: 16px;--van-popup-close-icon-size: 22px;--van-popup-close-icon-color: var(--van-gray-5);--van-popup-close-icon-margin: 16px;--van-popup-close-icon-z-index: 1}.van-overflow-hidden{overflow:hidden!important}.van-popup{position:fixed;max-height:100%;overflow-y:auto;background:var(--van-popup-background-color);transition:var(--van-popup-transition);-webkit-overflow-scrolling:touch}.van-popup--center{top:50%;left:50%;transform:translate3d(-50%,-50%,0)}.van-popup--center.van-popup--round{border-radius:var(--van-popup-round-border-radius)}.van-popup--top{top:0;left:0;width:100%}.van-popup--top.van-popup--round{border-radius:0 0 var(--van-popup-round-border-radius) var(--van-popup-round-border-radius)}.van-popup--right{top:50%;right:0;transform:translate3d(0,-50%,0)}.van-popup--right.van-popup--round{border-radius:var(--van-popup-round-border-radius) 0 0 var(--van-popup-round-border-radius)}.van-popup--bottom{bottom:0;left:0;width:100%}.van-popup--bottom.van-popup--round{border-radius:var(--van-popup-round-border-radius) var(--van-popup-round-border-radius) 0 0}.van-popup--left{top:50%;left:0;transform:translate3d(0,-50%,0)}.van-popup--left.van-popup--round{border-radius:0 var(--van-popup-round-border-radius) var(--van-popup-round-border-radius) 0}.van-popup-slide-top-enter-active,.van-popup-slide-left-enter-active,.van-popup-slide-right-enter-active,.van-popup-slide-bottom-enter-active{transition-timing-function:var(--van-animation-timing-function-enter)}.van-popup-slide-top-leave-active,.van-popup-slide-left-leave-active,.van-popup-slide-right-leave-active,.van-popup-slide-bottom-leave-active{transition-timing-function:var(--van-animation-timing-function-leave)}.van-popup-slide-top-enter-from,.van-popup-slide-top-leave-active{transform:translate3d(0,-100%,0)}.van-popup-slide-right-enter-from,.van-popup-slide-right-leave-active{transform:translate3d(100%,-50%,0)}.van-popup-slide-bottom-enter-from,.van-popup-slide-bottom-leave-active{transform:translate3d(0,100%,0)}.van-popup-slide-left-enter-from,.van-popup-slide-left-leave-active{transform:translate3d(-100%,-50%,0)}.van-popup__close-icon{position:absolute;z-index:var(--van-popup-close-icon-z-index);color:var(--van-popup-close-icon-color);font-size:var(--van-popup-close-icon-size)}.van-popup__close-icon--top-left{top:var(--van-popup-close-icon-margin);left:var(--van-popup-close-icon-margin)}.van-popup__close-icon--top-right{top:var(--van-popup-close-icon-margin);right:var(--van-popup-close-icon-margin)}.van-popup__close-icon--bottom-left{bottom:var(--van-popup-close-icon-margin);left:var(--van-popup-close-icon-margin)}.van-popup__close-icon--bottom-right{right:var(--van-popup-close-icon-margin);bottom:var(--van-popup-close-icon-margin)}

package/es/rate/{Rate.js → Rate.mjs}

@@ -1,5 +1,5 @@
 import { createVNode as _createVNode } from "vue";
-import { computed, defineComponent } from "vue";
+import { computed, defineComponent, ref } from "vue";
 import { addUnit, truthProp, numericProp, preventDefault, makeStringProp, makeNumberProp, makeNumericProp, createNamespace } from "../utils";
 import { useRect, useCustomFieldValue } from "@vant/use";
 import { useRefs } from "../composables/use-refs";
@@ -56,33 +56,53 @@ var stdin_default = defineComponent({
   }) {
     const touch = useTouch();
     const [itemRefs, setItemRefs] = useRefs();
+    const groupRef = ref();
     const untouchable = () => props.readonly || props.disabled || !props.touchable;
     const list = computed(() => Array(+props.count).fill("").map((_, i) => getRateStatus(props.modelValue, i + 1, props.allowHalf, props.readonly)));
     let ranges;
+    let groupRefRect;
+    let minRectTop = Number.MAX_SAFE_INTEGER;
+    let maxRectTop = Number.MIN_SAFE_INTEGER;
     const updateRanges = () => {
+      groupRefRect = useRect(groupRef);
       const rects = itemRefs.value.map(useRect);
       ranges = [];
       rects.forEach((rect, index) => {
+        minRectTop = Math.min(rect.top, minRectTop);
+        maxRectTop = Math.max(rect.top, maxRectTop);
         if (props.allowHalf) {
           ranges.push({
             score: index + 0.5,
-            left: rect.left
+            left: rect.left,
+            top: rect.top,
+            height: rect.height
           }, {
             score: index + 1,
-            left: rect.left + rect.width / 2
+            left: rect.left + rect.width / 2,
+            top: rect.top,
+            height: rect.height
           });
         } else {
           ranges.push({
             score: index + 1,
-            left: rect.left
+            left: rect.left,
+            top: rect.top,
+            height: rect.height
           });
         }
       });
     };
-    const getScoreByPosition = (x) => {
+    const getScoreByPosition = (x, y) => {
       for (let i = ranges.length - 1; i > 0; i--) {
-        if (x > ranges[i].left) {
-          return ranges[i].score;
+        if (y >= groupRefRect.top && y <= groupRefRect.bottom) {
+          if (x > ranges[i].left && y >= ranges[i].top && y <= ranges[i].top + ranges[i].height) {
+            return ranges[i].score;
+          }
+        } else {
+          const curTop = y < groupRefRect.top ? minRectTop : maxRectTop;
+          if (x > ranges[i].left && ranges[i].top === curTop) {
+            return ranges[i].score;
+          }
         }
       }
       return props.allowHalf ? 0.5 : 1;
@@ -107,10 +127,11 @@ var stdin_default = defineComponent({
       touch.move(event);
       if (touch.isHorizontal()) {
         const {
-          clientX
+          clientX,
+          clientY
         } = event.touches[0];
         preventDefault(event);
-        select(getScoreByPosition(clientX));
+        select(getScoreByPosition(clientX, clientY));
       }
     };
     const renderStar = (item, index) => {
@@ -139,7 +160,7 @@ var stdin_default = defineComponent({
       }
       const onClickItem = (event) => {
         updateRanges();
-        select(allowHalf ? getScoreByPosition(event.clientX) : score);
+        select(allowHalf ? getScoreByPosition(event.clientX, event.clientY) : score);
       };
       return _createVNode("div", {
         "key": index,
@@ -177,6 +198,7 @@ var stdin_default = defineComponent({
     };
     useCustomFieldValue(() => props.modelValue);
     return () => _createVNode("div", {
+      "ref": groupRef,
       "role": "radiogroup",
       "class": bem({
         readonly: props.readonly,

package/es/search/Search.d.ts

@@ -21,6 +21,7 @@ declare const searchProps: {
     placeholder: StringConstructor;
     autocomplete: StringConstructor;
     errorMessage: StringConstructor;
+    enterkeyhint: StringConstructor;
     clearTrigger: {
         type: import("vue").PropType<import("../field").FieldClearTrigger>;
         default: import("../field").FieldClearTrigger;
@@ -81,6 +82,7 @@ declare const _default: import("vue").DefineComponent<{
     placeholder: StringConstructor;
     autocomplete: StringConstructor;
     errorMessage: StringConstructor;
+    enterkeyhint: StringConstructor;
     clearTrigger: {
         type: import("vue").PropType<import("../field").FieldClearTrigger>;
         default: import("../field").FieldClearTrigger;
@@ -139,6 +141,7 @@ declare const _default: import("vue").DefineComponent<{
     placeholder: StringConstructor;
     autocomplete: StringConstructor;
     errorMessage: StringConstructor;
+    enterkeyhint: StringConstructor;
     clearTrigger: {
         type: import("vue").PropType<import("../field").FieldClearTrigger>;
         default: import("../field").FieldClearTrigger;

package/es/search/index.d.ts

@@ -20,6 +20,7 @@ export declare const Search: import("../utils").WithInstall<import("vue").Define
     placeholder: StringConstructor;
     autocomplete: StringConstructor;
     errorMessage: StringConstructor;
+    enterkeyhint: StringConstructor;
     clearTrigger: {
         type: import("vue").PropType<import("..").FieldClearTrigger>;
         default: import("..").FieldClearTrigger;
@@ -78,6 +79,7 @@ export declare const Search: import("../utils").WithInstall<import("vue").Define
     placeholder: StringConstructor;
     autocomplete: StringConstructor;
     errorMessage: StringConstructor;
+    enterkeyhint: StringConstructor;
     clearTrigger: {
         type: import("vue").PropType<import("..").FieldClearTrigger>;
         default: import("..").FieldClearTrigger;

package/es/share-sheet/{ShareSheet.js → ShareSheet.mjs}

@@ -2,15 +2,19 @@ import { mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
 import { defineComponent } from "vue";
 import { pick, extend, truthProp, makeArrayProp, createNamespace, HAPTICS_FEEDBACK } from "../utils";
 import { popupSharedProps, popupSharedPropKeys } from "../popup/shared";
+import { Icon } from "../icon";
 import { Popup } from "../popup";
-const PRESET_ICONS = ["qq", "link", "weibo", "wechat", "poster", "qrcode", "weapp-qrcode", "wechat-moments"];
 const popupInheritKeys = [...popupSharedPropKeys, "round", "closeOnPopstate", "safeAreaInsetBottom"];
-function getIconURL(icon) {
-  if (PRESET_ICONS.includes(icon)) {
-    return `https://img.yzcdn.cn/vant/share-sheet-${icon}.png`;
-  }
-  return icon;
-}
+const iconMap = {
+  qq: "qq",
+  link: "link-o",
+  weibo: "weibo",
+  qrcode: "qr",
+  poster: "photo-o",
+  wechat: "wechat",
+  "weapp-qrcode": "miniprogram-o",
+  "wechat-moments": "wechat-moments"
+};
 const [name, bem, t] = createNamespace("share-sheet");
 const shareSheetProps = extend({}, popupSharedProps, {
   title: String,
@@ -48,6 +52,19 @@ var stdin_default = defineComponent({
         }, [description])]);
       }
     };
+    const renderIcon = (icon) => {
+      if (iconMap[icon]) {
+        return _createVNode("div", {
+          "class": bem("icon", [icon])
+        }, [_createVNode(Icon, {
+          "name": iconMap[icon] || icon
+        }, null)]);
+      }
+      return _createVNode("img", {
+        "src": icon,
+        "class": bem("image-icon")
+      }, null);
+    };
     const renderOption = (option, index) => {
       const {
         name: name2,
@@ -60,10 +77,7 @@ var stdin_default = defineComponent({
         "tabindex": 0,
         "class": [bem("option"), className, HAPTICS_FEEDBACK],
         "onClick": () => onSelect(option, index)
-      }, [_createVNode("img", {
-        "src": getIconURL(icon),
-        "class": bem("icon")
-      }, null), name2 && _createVNode("span", {
+      }, [renderIcon(icon), name2 && _createVNode("span", {
         "class": bem("name")
       }, [name2]), description && _createVNode("span", {
         "class": bem("option-description")

package/es/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;-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,.van-share-sheet__image-icon{width:var(--van-share-sheet-icon-size);height:var(--van-share-sheet-icon-size);margin:0 var(--van-padding-md)}.van-share-sheet__icon{display:flex;align-items:center;justify-content:center;color:var(--van-gray-7);border-radius:100%;background-color:var(--van-gray-2)}.van-share-sheet__icon--link,.van-share-sheet__icon--poster,.van-share-sheet__icon--qrcode{font-size:26px}.van-share-sheet__icon--weapp-qrcode{font-size:28px}.van-share-sheet__icon--qq,.van-share-sheet__icon--weibo,.van-share-sheet__icon--wechat,.van-share-sheet__icon--wechat-moments{font-size:30px;color:var(--van-white)}.van-share-sheet__icon--qq{background-color:#38b9fa}.van-share-sheet__icon--wechat{background-color:#0bc15f}.van-share-sheet__icon--weibo{background-color:#ee575e}.van-share-sheet__icon--wechat-moments{background-color:#7bc845}.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)}