vant 3.2.5 → 3.3.0

package/lib/radio-group/RadioGroup.js

@@ -10,7 +10,7 @@ var _utils = require("../utils");
 var _use = require("@vant/use");
 
 var [name, bem] = (0, _utils.createNamespace)('radio-group');
-var props = {
+var radioGroupProps = {
   disabled: Boolean,
   iconSize: _utils.numericProp,
   direction: String,
@@ -22,13 +22,14 @@ exports.RADIO_KEY = RADIO_KEY;
 
 var _default = (0, _vue.defineComponent)({
   name,
-  props,
+  props: radioGroupProps,
   emits: ['change', 'update:modelValue'],
 
-  setup(props, {
-    emit,
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      emit,
+      slots
+    } = _ref;
     var {
       linkChildren
     } = (0, _use.useChildren)(RADIO_KEY);

package/lib/radio-group/index.d.ts

@@ -24,3 +24,4 @@ export declare const RadioGroup: import("../utils").WithInstall<import("vue").De
     disabled: boolean;
 }>>;
 export default RadioGroup;
+export type { RadioGroupProps, RadioGroupDirection } from './RadioGroup';

package/lib/rate/Rate.d.ts

@@ -1,3 +1,36 @@
+import { ExtractPropTypes } from 'vue';
+declare const rateProps: {
+    size: (NumberConstructor | StringConstructor)[];
+    icon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    color: StringConstructor;
+    count: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    gutter: (NumberConstructor | StringConstructor)[];
+    readonly: BooleanConstructor;
+    disabled: BooleanConstructor;
+    voidIcon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    allowHalf: BooleanConstructor;
+    voidColor: StringConstructor;
+    touchable: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    iconPrefix: StringConstructor;
+    modelValue: {
+        type: NumberConstructor;
+        default: number;
+    };
+    disabledColor: StringConstructor;
+};
+export declare type RateProps = ExtractPropTypes<typeof rateProps>;
 declare const _default: import("vue").DefineComponent<{
     size: (NumberConstructor | StringConstructor)[];
     icon: {

package/lib/rate/Rate.js

@@ -49,29 +49,32 @@ function getRateStatus(value, index, allowHalf, readonly) {
   };
 }
 
+var rateProps = {
+  size: _utils.numericProp,
+  icon: (0, _utils.makeStringProp)('star'),
+  color: String,
+  count: (0, _utils.makeNumericProp)(5),
+  gutter: _utils.numericProp,
+  readonly: Boolean,
+  disabled: Boolean,
+  voidIcon: (0, _utils.makeStringProp)('star-o'),
+  allowHalf: Boolean,
+  voidColor: String,
+  touchable: _utils.truthProp,
+  iconPrefix: String,
+  modelValue: (0, _utils.makeNumberProp)(0),
+  disabledColor: String
+};
+
 var _default = (0, _vue.defineComponent)({
   name,
-  props: {
-    size: _utils.numericProp,
-    icon: (0, _utils.makeStringProp)('star'),
-    color: String,
-    count: (0, _utils.makeNumericProp)(5),
-    gutter: _utils.numericProp,
-    readonly: Boolean,
-    disabled: Boolean,
-    voidIcon: (0, _utils.makeStringProp)('star-o'),
-    allowHalf: Boolean,
-    voidColor: String,
-    touchable: _utils.truthProp,
-    iconPrefix: String,
-    modelValue: (0, _utils.makeNumberProp)(0),
-    disabledColor: String
-  },
+  props: rateProps,
   emits: ['change', 'update:modelValue'],
 
-  setup(props, {
-    emit
-  }) {
+  setup(props, _ref) {
+    var {
+      emit
+    } = _ref;
     var touch = (0, _useTouch.useTouch)();
     var [itemRefs, setItemRefs] = (0, _useRefs.useRefs)();
 
@@ -180,8 +183,8 @@ var _default = (0, _vue.defineComponent)({
         "role": "radio",
         "style": style,
         "class": bem('item'),
-        "tabindex": 0,
-        "aria-setsize": +count,
+        "tabindex": disabled ? undefined : 0,
+        "aria-setsize": count,
         "aria-posinset": score,
         "aria-checked": !isVoid,
         "onClick": onClickItem
@@ -216,7 +219,9 @@ var _default = (0, _vue.defineComponent)({
         readonly: props.readonly,
         disabled: props.disabled
       }),
-      "tabindex": 0,
+      "tabindex": props.disabled ? undefined : 0,
+      "aria-disabled": props.disabled,
+      "aria-readonly": props.readonly,
       "onTouchstart": onTouchStart,
       "onTouchmove": onTouchMove
     }, [list.value.map(renderStar)]);

package/lib/rate/index.d.ts

@@ -73,3 +73,4 @@ export declare const Rate: import("../utils").WithInstall<import("vue").DefineCo
     allowHalf: boolean;
 }>>;
 export default Rate;
+export type { RateProps } from './Rate';

package/lib/row/Row.d.ts

@@ -1,4 +1,4 @@
-import { PropType, ComputedRef, InjectionKey } from 'vue';
+import { PropType, ComputedRef, InjectionKey, ExtractPropTypes } from 'vue';
 export declare type RowSpaces = {
     left?: number;
     right: number;
@@ -9,6 +9,23 @@ export declare type RowProvide = {
 export declare const ROW_KEY: InjectionKey<RowProvide>;
 export declare type RowAlign = 'top' | 'center' | 'bottom';
 export declare type RowJustify = 'start' | 'end' | 'center' | 'space-around' | 'space-between';
+declare const rowProps: {
+    tag: {
+        type: PropType<keyof HTMLElementTagNameMap>;
+        default: keyof HTMLElementTagNameMap;
+    };
+    wrap: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    align: PropType<RowAlign>;
+    gutter: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    justify: PropType<RowJustify>;
+};
+export declare type RowProps = ExtractPropTypes<typeof rowProps>;
 declare const _default: import("vue").DefineComponent<{
     tag: {
         type: PropType<keyof HTMLElementTagNameMap>;

package/lib/row/Row.js

@@ -12,20 +12,22 @@ var _use = require("@vant/use");
 var [name, bem] = (0, _utils.createNamespace)('row');
 var ROW_KEY = Symbol(name);
 exports.ROW_KEY = ROW_KEY;
+var rowProps = {
+  tag: (0, _utils.makeStringProp)('div'),
+  wrap: _utils.truthProp,
+  align: String,
+  gutter: (0, _utils.makeNumericProp)(0),
+  justify: String
+};
 
 var _default = (0, _vue.defineComponent)({
   name,
-  props: {
-    tag: (0, _utils.makeStringProp)('div'),
-    wrap: _utils.truthProp,
-    align: String,
-    gutter: (0, _utils.makeNumericProp)(0),
-    justify: String
-  },
+  props: rowProps,
 
-  setup(props, {
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      slots
+    } = _ref;
     var {
       children,
       linkChildren

package/lib/row/index.d.ts

@@ -32,4 +32,4 @@ export declare const Row: import("../utils").WithInstall<import("vue").DefineCom
     gutter: string | number;
 }>>;
 export default Row;
-export type { RowAlign, RowJustify } from './Row';
+export type { RowProps, RowAlign, RowJustify } from './Row';

package/lib/search/Search.d.ts

@@ -1,6 +1,6 @@
 import { ExtractPropTypes } from 'vue';
 import type { SearchShape } from './types';
-declare const props: {
+declare const searchProps: {
     id: StringConstructor;
     name: StringConstructor;
     leftIcon: StringConstructor;
@@ -59,7 +59,7 @@ declare const props: {
     background: StringConstructor;
     showAction: BooleanConstructor;
 };
-export declare type SearchProps = ExtractPropTypes<typeof props>;
+export declare type SearchProps = ExtractPropTypes<typeof searchProps>;
 declare const _default: import("vue").DefineComponent<{
     id: StringConstructor;
     name: StringConstructor;

package/lib/search/Search.js

@@ -9,6 +9,8 @@ var _utils = require("../utils");
 
 var _Field = require("../field/Field");
 
+var _useId = require("../composables/use-id");
+
 var _useExpose = require("../composables/use-expose");
 
 var _field = require("../field");
@@ -17,7 +19,7 @@ var _field = require("../field");
 // Composables
 // Components
 var [name, bem, t] = (0, _utils.createNamespace)('search');
-var props = (0, _utils.extend)({}, _Field.fieldSharedProps, {
+var searchProps = (0, _utils.extend)({}, _Field.fieldSharedProps, {
   label: String,
   shape: (0, _utils.makeStringProp)('square'),
   leftIcon: (0, _utils.makeStringProp)('search'),
@@ -29,14 +31,16 @@ var props = (0, _utils.extend)({}, _Field.fieldSharedProps, {
 
 var _default = (0, _vue.defineComponent)({
   name,
-  props,
+  props: searchProps,
   emits: ['search', 'cancel', 'update:modelValue'],
 
-  setup(props, {
-    emit,
-    slots,
-    attrs
-  }) {
+  setup(props, _ref) {
+    var {
+      emit,
+      slots,
+      attrs
+    } = _ref;
+    var id = (0, _useId.useId)();
     var filedRef = (0, _vue.ref)();
 
     var onCancel = () => {
@@ -55,11 +59,13 @@ var _default = (0, _vue.defineComponent)({
       }
     };
 
+    var getInputId = () => props.id || id + "-input";
+
     var renderLabel = () => {
       if (slots.label || props.label) {
         return (0, _vue.createVNode)("label", {
           "class": bem('label'),
-          "for": props.id
+          "for": getInputId()
         }, [slots.label ? slots.label() : props.label]);
       }
     };
@@ -91,7 +97,9 @@ var _default = (0, _vue.defineComponent)({
     var fieldPropNames = Object.keys(_Field.fieldSharedProps);
 
     var renderField = () => {
-      var fieldAttrs = (0, _utils.extend)({}, attrs, (0, _utils.pick)(props, fieldPropNames));
+      var fieldAttrs = (0, _utils.extend)({}, attrs, (0, _utils.pick)(props, fieldPropNames), {
+        id: getInputId()
+      });
 
       var onInput = value => emit('update:modelValue', value);
 
@@ -100,10 +108,9 @@ var _default = (0, _vue.defineComponent)({
         "type": "search",
         "class": bem('field'),
         "border": false,
-        "onKeypress": onKeypress
-      }, fieldAttrs, {
-        'onUpdate:modelValue': onInput
-      }), (0, _utils.pick)(slots, ['left-icon', 'right-icon']));
+        "onKeypress": onKeypress,
+        "onUpdate:modelValue": onInput
+      }, fieldAttrs), (0, _utils.pick)(slots, ['left-icon', 'right-icon']));
     };
 
     (0, _useExpose.useExpose)({

package/lib/search/index.css

@@ -1 +1 @@
-:root{--van-search-padding:10px var(--van-padding-sm);--van-search-background-color:var(--van-white);--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-color:var(--van-search-background-color)}.van-search__content{display:flex;flex:1;padding-left:var(--van-padding-sm);background-color: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-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)}

package/lib/search/index.less

@@ -19,13 +19,13 @@
   align-items: center;
   box-sizing: border-box;
   padding: var(--van-search-padding);
-  background-color: var(--van-search-background-color);
+  background: var(--van-search-background-color);
 
   &__content {
     display: flex;
     flex: 1;
     padding-left: var(--van-padding-sm);
-    background-color: var(--van-search-content-background-color);
+    background: var(--van-search-content-background-color);
     border-radius: var(--van-border-radius-sm);
 
     &--round {

package/lib/search/var.less

@@ -1,7 +1,7 @@
 @import '../style/var.less';
 
 @search-padding: 10px var(--van-padding-sm);
-@search-background-color: var(--van-white);
+@search-background-color: var(--van-background-color-light);
 @search-content-background-color: var(--van-gray-1);
 @search-input-height: 34px;
 @search-label-padding: 0 5px;

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

@@ -1,3 +1,4 @@
+import { ExtractPropTypes } from 'vue';
 export declare type ShareSheetOption = {
     name: string;
     icon: string;
@@ -5,6 +6,53 @@ export declare type ShareSheetOption = {
     description?: string;
 };
 export declare type ShareSheetOptions = ShareSheetOption[] | ShareSheetOption[][];
+declare const shareSheetProps: {
+    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;
+    };
+} & {
+    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;
+    };
+};
+export declare type ShareSheetProps = ExtractPropTypes<typeof shareSheetProps>;
 declare const _default: import("vue").DefineComponent<{
     show: BooleanConstructor;
     zIndex: (NumberConstructor | StringConstructor)[];
@@ -32,6 +80,10 @@ declare const _default: import("vue").DefineComponent<{
     };
 } & {
     title: StringConstructor;
+    round: {
+        type: BooleanConstructor;
+        default: true;
+    };
     options: {
         type: import("vue").PropType<(ShareSheetOption | ShareSheetOption[])[]>;
         default: () => never[];
@@ -60,12 +112,14 @@ declare const _default: import("vue").DefineComponent<{
     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;
@@ -90,6 +144,7 @@ declare const _default: import("vue").DefineComponent<{
     "onUpdate:show"?: ((...args: any[]) => any) | undefined;
     onCancel?: ((...args: any[]) => any) | undefined;
 }, {
+    round: boolean;
     safeAreaInsetBottom: boolean;
     overlay: boolean;
     show: boolean;

package/lib/share-sheet/ShareSheet.js

@@ -14,7 +14,7 @@ var _popup = require("../popup");
 // Utils
 // Components
 var PRESET_ICONS = ['qq', 'link', 'weibo', 'wechat', 'poster', 'qrcode', 'weapp-qrcode', 'wechat-moments'];
-var popupKeys = [..._shared.popupSharedPropKeys, 'closeOnPopstate', 'safeAreaInsetBottom'];
+var popupInheritKeys = [..._shared.popupSharedPropKeys, 'round', 'closeOnPopstate', 'safeAreaInsetBottom'];
 
 function getIconURL(icon) {
   if (PRESET_ICONS.includes(icon)) {
@@ -25,23 +25,27 @@ function getIconURL(icon) {
 }
 
 var [name, bem, t] = (0, _utils.createNamespace)('share-sheet');
+var shareSheetProps = (0, _utils.extend)({}, _shared.popupSharedProps, {
+  title: String,
+  round: _utils.truthProp,
+  options: (0, _utils.makeArrayProp)(),
+  cancelText: String,
+  description: String,
+  closeOnPopstate: _utils.truthProp,
+  safeAreaInsetBottom: _utils.truthProp
+});
 
 var _default = (0, _vue.defineComponent)({
   name,
-  props: (0, _utils.extend)({}, _shared.popupSharedProps, {
-    title: String,
-    options: (0, _utils.makeArrayProp)(),
-    cancelText: String,
-    description: String,
-    closeOnPopstate: _utils.truthProp,
-    safeAreaInsetBottom: _utils.truthProp
-  }),
+  props: shareSheetProps,
   emits: ['cancel', 'select', 'update:show'],
 
-  setup(props, {
-    emit,
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      emit,
+      slots
+    } = _ref;
+
     var updateShow = value => emit('update:show', value);
 
     var onCancel = () => {
@@ -76,7 +80,7 @@ var _default = (0, _vue.defineComponent)({
       return (0, _vue.createVNode)("div", {
         "role": "button",
         "tabindex": 0,
-        "class": [bem('option'), className],
+        "class": [bem('option'), className, _utils.HAPTICS_FEEDBACK],
         "onClick": () => onSelect(option, index)
       }, [(0, _vue.createVNode)("img", {
         "src": getIconURL(icon),
@@ -121,12 +125,10 @@ var _default = (0, _vue.defineComponent)({
     };
 
     return () => (0, _vue.createVNode)(_popup.Popup, (0, _vue.mergeProps)({
-      "round": true,
       "class": bem(),
-      "position": "bottom"
-    }, (0, _utils.pick)(props, popupKeys), {
-      'onUpdate:show': updateShow
-    }), {
+      "position": "bottom",
+      "onUpdate:show": updateShow
+    }, (0, _utils.pick)(props, popupInheritKeys)), {
       default: () => [renderHeader(), renderRows(), renderCancelButton()]
     });
   }

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-gray-6);--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-gray-5);--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-white)}.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__option:active{opacity:var(--van-active-opacity)}.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;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)}

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

@@ -25,6 +25,10 @@ export declare const ShareSheet: import("../utils").WithInstall<import("vue").De
     };
 } & {
     title: StringConstructor;
+    round: {
+        type: BooleanConstructor;
+        default: true;
+    };
     options: {
         type: import("vue").PropType<(import("./ShareSheet").ShareSheetOption | import("./ShareSheet").ShareSheetOption[])[]>;
         default: () => never[];
@@ -53,12 +57,14 @@ export declare const ShareSheet: import("../utils").WithInstall<import("vue").De
     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;
@@ -83,6 +89,7 @@ export declare const ShareSheet: import("../utils").WithInstall<import("vue").De
     "onUpdate:show"?: ((...args: any[]) => any) | undefined;
     onCancel?: ((...args: any[]) => any) | undefined;
 }, {
+    round: boolean;
     safeAreaInsetBottom: boolean;
     overlay: boolean;
     show: boolean;
@@ -94,4 +101,4 @@ export declare const ShareSheet: import("../utils").WithInstall<import("vue").De
     options: (import("./ShareSheet").ShareSheetOption | import("./ShareSheet").ShareSheetOption[])[];
 }>>;
 export default ShareSheet;
-export type { ShareSheetOption, ShareSheetOptions } from './ShareSheet';
+export type { ShareSheetProps, ShareSheetOption, ShareSheetOptions, } from './ShareSheet';

package/lib/share-sheet/index.less

@@ -64,10 +64,6 @@
     align-items: center;
     cursor: pointer;
     user-select: none;
-
-    &:active {
-      opacity: var(--van-active-opacity);
-    }
   }
 
   &__icon {

package/lib/share-sheet/var.less

@@ -5,14 +5,14 @@
 @share-sheet-title-color: var(--van-text-color);
 @share-sheet-title-font-size: var(--van-font-size-md);
 @share-sheet-title-line-height: var(--van-line-height-md);
-@share-sheet-description-color: var(--van-gray-6);
+@share-sheet-description-color: var(--van-text-color-2);
 @share-sheet-description-font-size: var(--van-font-size-sm);
 @share-sheet-description-line-height: 16px;
 @share-sheet-icon-size: 48px;
 @share-sheet-option-name-color: var(--van-gray-7);
 @share-sheet-option-name-font-size: var(--van-font-size-sm);
-@share-sheet-option-description-color: var(--van-gray-5);
+@share-sheet-option-description-color: var(--van-text-color-3);
 @share-sheet-option-description-font-size: var(--van-font-size-sm);
 @share-sheet-cancel-button-font-size: var(--van-font-size-lg);
 @share-sheet-cancel-button-height: 48px;
-@share-sheet-cancel-button-background: var(--van-white);
+@share-sheet-cancel-button-background: var(--van-background-color-light);

package/lib/sidebar/Sidebar.d.ts

@@ -1,9 +1,16 @@
-import { InjectionKey } from 'vue';
+import { InjectionKey, ExtractPropTypes } from 'vue';
 export declare type SidebarProvide = {
     getActive: () => number;
     setActive: (value: number) => void;
 };
 export declare const SIDEBAR_KEY: InjectionKey<SidebarProvide>;
+declare const sidebarProps: {
+    modelValue: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+};
+export declare type SidebarProps = ExtractPropTypes<typeof sidebarProps>;
 declare const _default: import("vue").DefineComponent<{
     modelValue: {
         type: (NumberConstructor | StringConstructor)[];

package/lib/sidebar/Sidebar.js

@@ -12,18 +12,20 @@ var _use = require("@vant/use");
 var [name, bem] = (0, _utils.createNamespace)('sidebar');
 var SIDEBAR_KEY = Symbol(name);
 exports.SIDEBAR_KEY = SIDEBAR_KEY;
+var sidebarProps = {
+  modelValue: (0, _utils.makeNumericProp)(0)
+};
 
 var _default = (0, _vue.defineComponent)({
   name,
-  props: {
-    modelValue: (0, _utils.makeNumericProp)(0)
-  },
+  props: sidebarProps,
   emits: ['change', 'update:modelValue'],
 
-  setup(props, {
-    emit,
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      emit,
+      slots
+    } = _ref;
     var {
       linkChildren
     } = (0, _use.useChildren)(SIDEBAR_KEY);
@@ -42,6 +44,7 @@ var _default = (0, _vue.defineComponent)({
       setActive
     });
     return () => (0, _vue.createVNode)("div", {
+      "role": "tablist",
       "class": bem()
     }, [slots.default == null ? void 0 : slots.default()]);
   }

package/lib/sidebar/index.d.ts

@@ -14,3 +14,4 @@ export declare const Sidebar: import("../utils").WithInstall<import("vue").Defin
     modelValue: string | number;
 }>>;
 export default Sidebar;
+export type { SidebarProps } from './Sidebar';