vant 3.2.6 → 3.2.7

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

@@ -17,7 +17,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 +29,15 @@ 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 filedRef = (0, _vue.ref)();
 
     var onCancel = () => {

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: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-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/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)[];

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, 'round', 'closeOnPopstate', 'safeAreaInsetBottom'];
+var popupInheritKeys = [..._shared.popupSharedPropKeys, 'round', 'closeOnPopstate', 'safeAreaInsetBottom'];
 
 function getIconURL(icon) {
   if (PRESET_ICONS.includes(icon)) {
@@ -25,24 +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,
-    round: _utils.truthProp,
-    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 = () => {
@@ -77,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),
@@ -125,7 +128,7 @@ var _default = (0, _vue.defineComponent)({
       "class": bem(),
       "position": "bottom",
       "onUpdate:show": updateShow
-    }, (0, _utils.pick)(props, popupKeys)), {
+    }, (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

@@ -101,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);

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';

package/lib/sidebar-item/SidebarItem.d.ts

@@ -1,3 +1,15 @@
+import { ExtractPropTypes } from 'vue';
+declare const sidebarItemProps: {
+    to: import("vue").PropType<import("vue-router").RouteLocationRaw>;
+    url: StringConstructor;
+    replace: BooleanConstructor;
+} & {
+    dot: BooleanConstructor;
+    title: StringConstructor;
+    badge: (NumberConstructor | StringConstructor)[];
+    disabled: BooleanConstructor;
+};
+export declare type SidebarItemProps = ExtractPropTypes<typeof sidebarItemProps>;
 declare const _default: import("vue").DefineComponent<{
     to: import("vue").PropType<import("vue-router").RouteLocationRaw>;
     url: StringConstructor;

package/lib/sidebar-item/SidebarItem.js

@@ -19,21 +19,23 @@ var _badge = require("../badge");
 // Composables
 // Components
 var [name, bem] = (0, _utils.createNamespace)('sidebar-item');
+var sidebarItemProps = (0, _utils.extend)({}, _useRoute.routeProps, {
+  dot: Boolean,
+  title: String,
+  badge: _utils.numericProp,
+  disabled: Boolean
+});
 
 var _default = (0, _vue.defineComponent)({
   name,
-  props: (0, _utils.extend)({}, _useRoute.routeProps, {
-    dot: Boolean,
-    title: String,
-    badge: _utils.numericProp,
-    disabled: Boolean
-  }),
+  props: sidebarItemProps,
   emits: ['click'],
 
-  setup(props, {
-    emit,
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      emit,
+      slots
+    } = _ref;
     var route = (0, _useRoute.useRoute)();
     var {
       parent,

package/lib/sidebar-item/index.css

@@ -1 +1 @@
-:root{--van-sidebar-font-size:var(--van-font-size-md);--van-sidebar-line-height:var(--van-line-height-md);--van-sidebar-text-color:var(--van-text-color);--van-sidebar-disabled-text-color:var(--van-gray-5);--van-sidebar-padding:20px var(--van-padding-sm);--van-sidebar-active-color:var(--van-active-color);--van-sidebar-background-color:var(--van-background-color);--van-sidebar-selected-font-weight:var(--van-font-weight-bold);--van-sidebar-selected-text-color:var(--van-text-color);--van-sidebar-selected-border-width:4px;--van-sidebar-selected-border-height:16px;--van-sidebar-selected-border-color:var(--van-danger-color);--van-sidebar-selected-background-color:var(--van-white)}.van-sidebar-item{position:relative;display:block;box-sizing:border-box;padding:var(--van-sidebar-padding);overflow:hidden;color:var(--van-sidebar-text-color);font-size:var(--van-sidebar-font-size);line-height:var(--van-sidebar-line-height);background:var(--van-sidebar-background-color);cursor:pointer;-webkit-user-select:none;user-select:none}.van-sidebar-item:active{background-color:var(--van-sidebar-active-color)}.van-sidebar-item:not(:last-child)::after{border-bottom-width:1px}.van-sidebar-item__text{word-break:break-all}.van-sidebar-item--select{color:var(--van-sidebar-selected-text-color);font-weight:var(--van-sidebar-selected-font-weight)}.van-sidebar-item--select,.van-sidebar-item--select:active{background-color:var(--van-sidebar-selected-background-color)}.van-sidebar-item--select::before{position:absolute;top:50%;left:0;width:var(--van-sidebar-selected-border-width);height:var(--van-sidebar-selected-border-height);background-color:var(--van-sidebar-selected-border-color);transform:translateY(-50%);content:''}.van-sidebar-item--disabled{color:var(--van-sidebar-disabled-text-color);cursor:not-allowed}.van-sidebar-item--disabled:active{background-color:var(--van-sidebar-background-color)}
+:root{--van-sidebar-font-size:var(--van-font-size-md);--van-sidebar-line-height:var(--van-line-height-md);--van-sidebar-text-color:var(--van-text-color);--van-sidebar-disabled-text-color:var(--van-text-color-3);--van-sidebar-padding:20px var(--van-padding-sm);--van-sidebar-active-color:var(--van-active-color);--van-sidebar-background-color:var(--van-background-color);--van-sidebar-selected-font-weight:var(--van-font-weight-bold);--van-sidebar-selected-text-color:var(--van-text-color);--van-sidebar-selected-border-width:4px;--van-sidebar-selected-border-height:16px;--van-sidebar-selected-border-color:var(--van-danger-color);--van-sidebar-selected-background-color:var(--van-background-color-light)}.van-sidebar-item{position:relative;display:block;box-sizing:border-box;padding:var(--van-sidebar-padding);overflow:hidden;color:var(--van-sidebar-text-color);font-size:var(--van-sidebar-font-size);line-height:var(--van-sidebar-line-height);background:var(--van-sidebar-background-color);cursor:pointer;-webkit-user-select:none;user-select:none}.van-sidebar-item:active{background-color:var(--van-sidebar-active-color)}.van-sidebar-item:not(:last-child)::after{border-bottom-width:1px}.van-sidebar-item__text{word-break:break-all}.van-sidebar-item--select{color:var(--van-sidebar-selected-text-color);font-weight:var(--van-sidebar-selected-font-weight)}.van-sidebar-item--select,.van-sidebar-item--select:active{background-color:var(--van-sidebar-selected-background-color)}.van-sidebar-item--select::before{position:absolute;top:50%;left:0;width:var(--van-sidebar-selected-border-width);height:var(--van-sidebar-selected-border-height);background-color:var(--van-sidebar-selected-border-color);transform:translateY(-50%);content:''}.van-sidebar-item--disabled{color:var(--van-sidebar-disabled-text-color);cursor:not-allowed}.van-sidebar-item--disabled:active{background-color:var(--van-sidebar-background-color)}

package/lib/sidebar-item/index.d.ts

@@ -32,3 +32,4 @@ export declare const SidebarItem: import("../utils").WithInstall<import("vue").D
     disabled: boolean;
 }>>;
 export default SidebarItem;
+export type { SidebarItemProps } from './SidebarItem';

package/lib/sidebar-item/var.less

@@ -3,7 +3,7 @@
 @sidebar-font-size: var(--van-font-size-md);
 @sidebar-line-height: var(--van-line-height-md);
 @sidebar-text-color: var(--van-text-color);
-@sidebar-disabled-text-color: var(--van-gray-5);
+@sidebar-disabled-text-color: var(--van-text-color-3);
 @sidebar-padding: 20px var(--van-padding-sm);
 @sidebar-active-color: var(--van-active-color);
 @sidebar-background-color: var(--van-background-color);
@@ -12,4 +12,4 @@
 @sidebar-selected-border-width: 4px;
 @sidebar-selected-border-height: 16px;
 @sidebar-selected-border-color: var(--van-danger-color);
-@sidebar-selected-background-color: var(--van-white);
+@sidebar-selected-background-color: var(--van-background-color-light);

package/lib/skeleton/Skeleton.d.ts

@@ -1,5 +1,33 @@
-import { PropType } from 'vue';
+import { PropType, ExtractPropTypes } from 'vue';
 export declare type SkeletonAvatarShape = 'square' | 'round';
+declare const skeletonProps: {
+    row: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    title: BooleanConstructor;
+    round: BooleanConstructor;
+    avatar: BooleanConstructor;
+    loading: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    animate: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    avatarSize: (NumberConstructor | StringConstructor)[];
+    titleWidth: (NumberConstructor | StringConstructor)[];
+    avatarShape: {
+        type: PropType<SkeletonAvatarShape>;
+        default: SkeletonAvatarShape;
+    };
+    rowWidth: {
+        type: PropType<string | number | (string | number)[]>;
+        default: string;
+    };
+};
+export declare type SkeletonProps = ExtractPropTypes<typeof skeletonProps>;
 declare const _default: import("vue").DefineComponent<{
     row: {
         type: (NumberConstructor | StringConstructor)[];

package/lib/skeleton/Skeleton.js

@@ -10,28 +10,31 @@ var _utils = require("../utils");
 var [name, bem] = (0, _utils.createNamespace)('skeleton');
 var DEFAULT_ROW_WIDTH = '100%';
 var DEFAULT_LAST_ROW_WIDTH = '60%';
+var skeletonProps = {
+  row: (0, _utils.makeNumericProp)(0),
+  title: Boolean,
+  round: Boolean,
+  avatar: Boolean,
+  loading: _utils.truthProp,
+  animate: _utils.truthProp,
+  avatarSize: _utils.numericProp,
+  titleWidth: _utils.numericProp,
+  avatarShape: (0, _utils.makeStringProp)('round'),
+  rowWidth: {
+    type: [Number, String, Array],
+    default: DEFAULT_ROW_WIDTH
+  }
+};
 
 var _default = (0, _vue.defineComponent)({
   name,
-  props: {
-    row: (0, _utils.makeNumericProp)(0),
-    title: Boolean,
-    round: Boolean,
-    avatar: Boolean,
-    loading: _utils.truthProp,
-    animate: _utils.truthProp,
-    avatarSize: _utils.numericProp,
-    titleWidth: _utils.numericProp,
-    avatarShape: (0, _utils.makeStringProp)('round'),
-    rowWidth: {
-      type: [Number, String, Array],
-      default: DEFAULT_ROW_WIDTH
-    }
-  },
-
-  setup(props, {
-    slots
-  }) {
+  props: skeletonProps,
+
+  setup(props, _ref) {
+    var {
+      slots
+    } = _ref;
+
     var renderAvatar = () => {
       if (props.avatar) {
         return (0, _vue.createVNode)("div", {

package/lib/skeleton/index.d.ts

@@ -1,4 +1,3 @@
-import { SkeletonAvatarShape } from './Skeleton';
 export declare const Skeleton: import("../utils").WithInstall<import("vue").DefineComponent<{
     row: {
         type: (NumberConstructor | StringConstructor)[];
@@ -18,8 +17,8 @@ export declare const Skeleton: import("../utils").WithInstall<import("vue").Defi
     avatarSize: (NumberConstructor | StringConstructor)[];
     titleWidth: (NumberConstructor | StringConstructor)[];
     avatarShape: {
-        type: import("vue").PropType<SkeletonAvatarShape>;
-        default: SkeletonAvatarShape;
+        type: import("vue").PropType<import("./Skeleton").SkeletonAvatarShape>;
+        default: import("./Skeleton").SkeletonAvatarShape;
     };
     rowWidth: {
         type: import("vue").PropType<string | number | (string | number)[]>;
@@ -45,7 +44,7 @@ export declare const Skeleton: import("../utils").WithInstall<import("vue").Defi
     loading: boolean;
     row: string | number;
     avatar: boolean;
-    avatarShape: SkeletonAvatarShape;
+    avatarShape: import("./Skeleton").SkeletonAvatarShape;
     rowWidth: string | number | (string | number)[];
 } & {
     avatarSize?: string | number | undefined;
@@ -57,8 +56,8 @@ export declare const Skeleton: import("../utils").WithInstall<import("vue").Defi
     loading: boolean;
     row: string | number;
     avatar: boolean;
-    avatarShape: SkeletonAvatarShape;
+    avatarShape: import("./Skeleton").SkeletonAvatarShape;
     rowWidth: string | number | (string | number)[];
 }>>;
 export default Skeleton;
-export type { SkeletonAvatarShape };
+export type { SkeletonProps, SkeletonAvatarShape } from './Skeleton';

package/lib/slider/Slider.d.ts

@@ -1,6 +1,34 @@
-import { PropType } from 'vue';
+import { PropType, ExtractPropTypes } from 'vue';
 declare type NumberRange = [number, number];
 declare type SliderValue = number | NumberRange;
+declare const sliderProps: {
+    min: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    max: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    step: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    range: BooleanConstructor;
+    reverse: BooleanConstructor;
+    disabled: BooleanConstructor;
+    readonly: BooleanConstructor;
+    vertical: BooleanConstructor;
+    barHeight: (NumberConstructor | StringConstructor)[];
+    buttonSize: (NumberConstructor | StringConstructor)[];
+    activeColor: StringConstructor;
+    inactiveColor: StringConstructor;
+    modelValue: {
+        type: PropType<SliderValue>;
+        default: number;
+    };
+};
+export declare type SliderProps = ExtractPropTypes<typeof sliderProps>;
 declare const _default: import("vue").DefineComponent<{
     min: {
         type: (NumberConstructor | StringConstructor)[];
@@ -42,8 +70,8 @@ declare const _default: import("vue").DefineComponent<{
     inactiveColor?: unknown;
     modelValue?: unknown;
 } & {
-    reverse: boolean;
     max: string | number;
+    reverse: boolean;
     disabled: boolean;
     modelValue: SliderValue;
     readonly: boolean;
@@ -62,8 +90,8 @@ declare const _default: import("vue").DefineComponent<{
     "onDrag-end"?: ((...args: any[]) => any) | undefined;
     "onDrag-start"?: ((...args: any[]) => any) | undefined;
 }, {
-    reverse: boolean;
     max: string | number;
+    reverse: boolean;
     disabled: boolean;
     modelValue: SliderValue;
     readonly: boolean;