vant 3.2.3 → 3.2.7

package/lib/dropdown-menu/DropdownMenu.d.ts

@@ -1,11 +1,19 @@
-import { PropType, InjectionKey, ExtractPropTypes } from 'vue';
+import { InjectionKey, ExtractPropTypes } from 'vue';
 import type { DropdownMenuProvide, DropdownMenuDirection } from './types';
-declare const props: {
+declare const dropdownMenuProps: {
     overlay: {
         type: BooleanConstructor;
         default: true;
     };
     zIndex: (NumberConstructor | StringConstructor)[];
+    duration: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    direction: {
+        type: import("vue").PropType<DropdownMenuDirection>;
+        default: DropdownMenuDirection;
+    };
     activeColor: StringConstructor;
     closeOnClickOutside: {
         type: BooleanConstructor;
@@ -15,16 +23,8 @@ declare const props: {
         type: BooleanConstructor;
         default: true;
     };
-    duration: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
-    direction: {
-        type: PropType<DropdownMenuDirection>;
-        default: string;
-    };
 };
-export declare type DropdownMenuProps = ExtractPropTypes<typeof props>;
+export declare type DropdownMenuProps = ExtractPropTypes<typeof dropdownMenuProps>;
 export declare const DROPDOWN_KEY: InjectionKey<DropdownMenuProvide>;
 declare const _default: import("vue").DefineComponent<{
     overlay: {
@@ -32,6 +32,14 @@ declare const _default: import("vue").DefineComponent<{
         default: true;
     };
     zIndex: (NumberConstructor | StringConstructor)[];
+    duration: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    direction: {
+        type: import("vue").PropType<DropdownMenuDirection>;
+        default: DropdownMenuDirection;
+    };
     activeColor: StringConstructor;
     closeOnClickOutside: {
         type: BooleanConstructor;
@@ -41,22 +49,14 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: true;
     };
-    duration: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
-    direction: {
-        type: PropType<DropdownMenuDirection>;
-        default: string;
-    };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
     overlay?: unknown;
     zIndex?: unknown;
+    duration?: unknown;
+    direction?: unknown;
     activeColor?: unknown;
     closeOnClickOutside?: unknown;
     closeOnClickOverlay?: unknown;
-    duration?: unknown;
-    direction?: unknown;
 } & {
     overlay: boolean;
     duration: string | number;

package/lib/dropdown-menu/DropdownMenu.js

@@ -12,31 +12,26 @@ var _use = require("@vant/use");
 // Utils
 // Composables
 var [name, bem] = (0, _utils.createNamespace)('dropdown-menu');
-var props = {
+var dropdownMenuProps = {
   overlay: _utils.truthProp,
-  zIndex: [Number, String],
+  zIndex: _utils.numericProp,
+  duration: (0, _utils.makeNumericProp)(0.2),
+  direction: (0, _utils.makeStringProp)('down'),
   activeColor: String,
   closeOnClickOutside: _utils.truthProp,
-  closeOnClickOverlay: _utils.truthProp,
-  duration: {
-    type: [Number, String],
-    default: 0.2
-  },
-  direction: {
-    type: String,
-    default: 'down'
-  }
+  closeOnClickOverlay: _utils.truthProp
 };
 var DROPDOWN_KEY = Symbol(name);
 exports.DROPDOWN_KEY = DROPDOWN_KEY;
 
 var _default = (0, _vue.defineComponent)({
   name,
-  props,
+  props: dropdownMenuProps,
 
-  setup(props, {
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      slots
+    } = _ref;
     var root = (0, _vue.ref)();
     var barRef = (0, _vue.ref)();
     var offset = (0, _vue.ref)(0);
@@ -104,9 +99,11 @@ var _default = (0, _vue.defineComponent)({
       return (0, _vue.createVNode)("div", {
         "role": "button",
         "tabindex": disabled ? -1 : 0,
-        "class": bem('item', {
+        "class": [bem('item', {
           disabled
-        }),
+        }), {
+          [_utils.HAPTICS_FEEDBACK]: !disabled
+        }],
         "onClick": () => {
           if (!disabled) {
             toggleItem(index);

package/lib/dropdown-menu/index.css

@@ -1 +1 @@
-:root{--van-dropdown-menu-height:48px;--van-dropdown-menu-background-color:var(--van-white);--van-dropdown-menu-box-shadow:0 2px 12px rgba(100, 101, 102, 0.12);--van-dropdown-menu-title-font-size:15px;--van-dropdown-menu-title-text-color:var(--van-text-color);--van-dropdown-menu-title-active-text-color:var(--van-danger-color);--van-dropdown-menu-title-disabled-text-color:var(--van-gray-6);--van-dropdown-menu-title-padding:0 var(--van-padding-xs);--van-dropdown-menu-title-line-height:var(--van-line-height-lg);--van-dropdown-menu-option-active-color:var(--van-danger-color);--van-dropdown-menu-content-max-height:80%}.van-dropdown-menu{-webkit-user-select:none;user-select:none}.van-dropdown-menu__bar{position:relative;display:flex;height:var(--van-dropdown-menu-height);background-color:var(--van-dropdown-menu-background-color);box-shadow:var(--van-dropdown-menu-box-shadow)}.van-dropdown-menu__bar--opened{z-index:calc(var(--van-dropdown-item-z-index) + 1)}.van-dropdown-menu__item{display:flex;flex:1;align-items:center;justify-content:center;min-width:0;cursor:pointer}.van-dropdown-menu__item:active{opacity:var(--van-active-opacity)}.van-dropdown-menu__item--disabled:active{opacity:1}.van-dropdown-menu__item--disabled .van-dropdown-menu__title{color:var(--van-dropdown-menu-title-disabled-text-color)}.van-dropdown-menu__title{position:relative;box-sizing:border-box;max-width:100%;padding:var(--van-dropdown-menu-title-padding);color:var(--van-dropdown-menu-title-text-color);font-size:var(--van-dropdown-menu-title-font-size);line-height:var(--van-dropdown-menu-title-line-height)}.van-dropdown-menu__title::after{position:absolute;top:50%;right:-4px;margin-top:-5px;border:3px solid;border-color:transparent transparent var(--van-gray-4) var(--van-gray-4);transform:rotate(-45deg);opacity:.8;content:''}.van-dropdown-menu__title--active{color:var(--van-dropdown-menu-title-active-text-color)}.van-dropdown-menu__title--active::after{border-color:transparent transparent currentColor currentColor}.van-dropdown-menu__title--down::after{margin-top:-1px;transform:rotate(135deg)}
+:root{--van-dropdown-menu-height:48px;--van-dropdown-menu-background-color:var(--van-background-color-light);--van-dropdown-menu-box-shadow:0 2px 12px rgba(100, 101, 102, 0.12);--van-dropdown-menu-title-font-size:15px;--van-dropdown-menu-title-text-color:var(--van-text-color);--van-dropdown-menu-title-active-text-color:var(--van-danger-color);--van-dropdown-menu-title-disabled-text-color:var(--van-text-color-2);--van-dropdown-menu-title-padding:0 var(--van-padding-xs);--van-dropdown-menu-title-line-height:var(--van-line-height-lg);--van-dropdown-menu-option-active-color:var(--van-danger-color);--van-dropdown-menu-content-max-height:80%}.van-dropdown-menu{-webkit-user-select:none;user-select:none}.van-dropdown-menu__bar{position:relative;display:flex;height:var(--van-dropdown-menu-height);background:var(--van-dropdown-menu-background-color);box-shadow:var(--van-dropdown-menu-box-shadow)}.van-dropdown-menu__bar--opened{z-index:calc(var(--van-dropdown-item-z-index) + 1)}.van-dropdown-menu__item{display:flex;flex:1;align-items:center;justify-content:center;min-width:0;cursor:pointer}.van-dropdown-menu__item--disabled .van-dropdown-menu__title{color:var(--van-dropdown-menu-title-disabled-text-color)}.van-dropdown-menu__title{position:relative;box-sizing:border-box;max-width:100%;padding:var(--van-dropdown-menu-title-padding);color:var(--van-dropdown-menu-title-text-color);font-size:var(--van-dropdown-menu-title-font-size);line-height:var(--van-dropdown-menu-title-line-height)}.van-dropdown-menu__title::after{position:absolute;top:50%;right:-4px;margin-top:-5px;border:3px solid;border-color:transparent transparent var(--van-gray-4) var(--van-gray-4);transform:rotate(-45deg);opacity:.8;content:''}.van-dropdown-menu__title--active{color:var(--van-dropdown-menu-title-active-text-color)}.van-dropdown-menu__title--active::after{border-color:transparent transparent currentColor currentColor}.van-dropdown-menu__title--down::after{margin-top:-1px;transform:rotate(135deg)}

package/lib/dropdown-menu/index.d.ts

@@ -1,9 +1,18 @@
+import { DropdownMenuProps } from './DropdownMenu';
 export declare const DropdownMenu: import("../utils").WithInstall<import("vue").DefineComponent<{
     overlay: {
         type: BooleanConstructor;
         default: true;
     };
     zIndex: (NumberConstructor | StringConstructor)[];
+    duration: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    direction: {
+        type: import("vue").PropType<import("./types").DropdownMenuDirection>;
+        default: import("./types").DropdownMenuDirection;
+    };
     activeColor: StringConstructor;
     closeOnClickOutside: {
         type: BooleanConstructor;
@@ -13,22 +22,14 @@ export declare const DropdownMenu: import("../utils").WithInstall<import("vue").
         type: BooleanConstructor;
         default: true;
     };
-    duration: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
-    direction: {
-        type: import("vue").PropType<import("./types").DropdownMenuDirection>;
-        default: string;
-    };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
     overlay?: unknown;
     zIndex?: unknown;
+    duration?: unknown;
+    direction?: unknown;
     activeColor?: unknown;
     closeOnClickOutside?: unknown;
     closeOnClickOverlay?: unknown;
-    duration?: unknown;
-    direction?: unknown;
 } & {
     overlay: boolean;
     duration: string | number;
@@ -46,4 +47,5 @@ export declare const DropdownMenu: import("../utils").WithInstall<import("vue").
     closeOnClickOutside: boolean;
 }>>;
 export default DropdownMenu;
+export type { DropdownMenuProps };
 export type { DropdownMenuDirection } from './types';

package/lib/dropdown-menu/index.less

@@ -22,7 +22,7 @@
     position: relative;
     display: flex;
     height: var(--van-dropdown-menu-height);
-    background-color: var(--van-dropdown-menu-background-color);
+    background: var(--van-dropdown-menu-background-color);
     box-shadow: var(--van-dropdown-menu-box-shadow);
 
     &--opened {
@@ -38,15 +38,7 @@
     min-width: 0; // hack for flex ellipsis
     cursor: pointer;
 
-    &:active {
-      opacity: var(--van-active-opacity);
-    }
-
     &--disabled {
-      &:active {
-        opacity: 1;
-      }
-
       .van-dropdown-menu__title {
         color: var(--van-dropdown-menu-title-disabled-text-color);
       }

package/lib/dropdown-menu/var.less

@@ -1,12 +1,12 @@
 @import '../style/var.less';
 
 @dropdown-menu-height: 48px;
-@dropdown-menu-background-color: var(--van-white);
+@dropdown-menu-background-color: var(--van-background-color-light);
 @dropdown-menu-box-shadow: 0 2px 12px rgba(100, 101, 102, 0.12);
 @dropdown-menu-title-font-size: 15px;
 @dropdown-menu-title-text-color: var(--van-text-color);
 @dropdown-menu-title-active-text-color: var(--van-danger-color);
-@dropdown-menu-title-disabled-text-color: var(--van-gray-6);
+@dropdown-menu-title-disabled-text-color: var(--van-text-color-2);
 @dropdown-menu-title-padding: 0 var(--van-padding-xs);
 @dropdown-menu-title-line-height: var(--van-line-height-lg);
 @dropdown-menu-option-active-color: var(--van-danger-color);

package/lib/empty/Empty.d.ts

@@ -1,14 +1,24 @@
-declare const _default: import("vue").DefineComponent<{
+import { ExtractPropTypes } from 'vue';
+declare const emptyProps: {
+    image: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     imageSize: (NumberConstructor | StringConstructor)[];
     description: StringConstructor;
+};
+export declare type EmptyProps = ExtractPropTypes<typeof emptyProps>;
+declare const _default: import("vue").DefineComponent<{
     image: {
-        type: StringConstructor;
+        type: import("vue").PropType<string>;
         default: string;
     };
+    imageSize: (NumberConstructor | StringConstructor)[];
+    description: StringConstructor;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+    image?: unknown;
     imageSize?: unknown;
     description?: unknown;
-    image?: unknown;
 } & {
     image: string;
 } & {

package/lib/empty/Empty.js

@@ -11,21 +11,21 @@ var _Network = require("./Network");
 
 var [name, bem] = (0, _utils.createNamespace)('empty');
 var PRESET_IMAGES = ['error', 'search', 'default'];
+var emptyProps = {
+  image: (0, _utils.makeStringProp)('default'),
+  imageSize: _utils.numericProp,
+  description: String
+};
 
 var _default = (0, _vue.defineComponent)({
   name,
-  props: {
-    imageSize: [Number, String],
-    description: String,
-    image: {
-      type: String,
-      default: 'default'
-    }
-  },
-
-  setup(props, {
-    slots
-  }) {
+  props: emptyProps,
+
+  setup(props, _ref) {
+    var {
+      slots
+    } = _ref;
+
     var renderImage = () => {
       if (slots.image) {
         return slots.image();

package/lib/empty/Network.js

@@ -19,40 +19,24 @@ var Network = (0, _vue.createVNode)("svg", {
   "id": prefix + "1",
   "x1": "64.022%",
   "y1": "100%",
-  "x2": "64.022%",
-  "y2": "0%"
+  "x2": "64.022%"
 }, [renderStop('#FFF', 0, 0.5), renderStop('#F2F3F5', 100)]), (0, _vue.createVNode)("linearGradient", {
   "id": prefix + "2",
   "x1": "50%",
-  "y1": "0%",
   "x2": "50%",
   "y2": "84.459%"
 }, [renderStop('#EBEDF0', 0), renderStop('#DCDEE0', 100, 0)]), (0, _vue.createVNode)("linearGradient", {
   "id": prefix + "3",
   "x1": "100%",
-  "y1": "0%",
   "x2": "100%",
   "y2": "100%"
 }, [renderStop('#EAEDF0', 0), renderStop('#DCDEE0', 100)]), (0, _vue.createVNode)("linearGradient", {
   "id": prefix + "4",
   "x1": "100%",
   "y1": "100%",
-  "x2": "100%",
-  "y2": "0%"
-}, [renderStop('#EAEDF0', 0), renderStop('#DCDEE0', 100)]), (0, _vue.createVNode)("linearGradient", {
-  "id": prefix + "5",
-  "x1": "0%",
-  "y1": "43.982%",
-  "x2": "100%",
-  "y2": "54.703%"
-}, [renderStop('#EAEDF0', 0), renderStop('#DCDEE0', 100)]), (0, _vue.createVNode)("linearGradient", {
-  "id": prefix + "6",
-  "x1": "94.535%",
-  "y1": "43.837%",
-  "x2": "5.465%",
-  "y2": "54.948%"
+  "x2": "100%"
 }, [renderStop('#EAEDF0', 0), renderStop('#DCDEE0', 100)]), (0, _vue.createVNode)("radialGradient", {
-  "id": prefix + "7",
+  "id": prefix + "5",
   "cx": "50%",
   "cy": "0%",
   "fx": "50%",
@@ -60,8 +44,7 @@ var Network = (0, _vue.createVNode)("svg", {
   "r": "100%",
   "gradientTransform": "matrix(0 1 -.54835 0 .5 -.5)"
 }, [renderStop('#EBEDF0', 0), renderStop('#FFF', 100, 0)])]), (0, _vue.createVNode)("g", {
-  "fill": "none",
-  "fill-rule": "evenodd"
+  "fill": "none"
 }, [(0, _vue.createVNode)("g", {
   "opacity": ".8"
 }, [(0, _vue.createVNode)("path", {
@@ -73,12 +56,11 @@ var Network = (0, _vue.createVNode)("svg", {
   "fill": "url(#" + prefix + "1)",
   "transform": "translate(2 7)"
 }, null)]), (0, _vue.createVNode)("path", {
-  "fill": "url(#" + prefix + "7)",
+  "fill": "url(#" + prefix + "5)",
   "d": "M0 139h160v21H0z"
 }, null), (0, _vue.createVNode)("path", {
   "d": "M37 18a7 7 0 013 13.326v26.742c0 1.23-.997 2.227-2.227 2.227h-1.546A2.227 2.227 0 0134 58.068V31.326A7 7 0 0137 18z",
   "fill": "url(#" + prefix + "2)",
-  "fill-rule": "nonzero",
   "transform": "translate(43 36)"
 }, null), (0, _vue.createVNode)("g", {
   "opacity": ".6",
@@ -101,10 +83,9 @@ var Network = (0, _vue.createVNode)("svg", {
   "stroke": "url(#" + prefix + "4)",
   "transform": "rotate(-180 89.791 42.146)"
 }, null)]), (0, _vue.createVNode)("g", {
-  "transform": "translate(31 105)",
-  "fill-rule": "nonzero"
+  "transform": "translate(31 105)"
 }, [(0, _vue.createVNode)("rect", {
-  "fill": "url(#" + prefix + "5)",
+  "fill": "#EBEDF0",
   "width": "98",
   "height": "34",
   "rx": "2"
@@ -116,7 +97,7 @@ var Network = (0, _vue.createVNode)("svg", {
   "height": "18",
   "rx": "1.114"
 }, null), (0, _vue.createVNode)("rect", {
-  "fill": "url(#" + prefix + "6)",
+  "fill": "#EBEDF0",
   "x": "15",
   "y": "12",
   "width": "18",

package/lib/empty/index.css

@@ -1 +1 @@
-:root{--van-empty-padding:var(--van-padding-xl) 0;--van-empty-image-size:160px;--van-empty-description-margin-top:var(--van-padding-md);--van-empty-description-padding:0 60px;--van-empty-description-color:var(--van-gray-6);--van-empty-description-font-size:var(--van-font-size-md);--van-empty-description-line-height:var(--van-line-height-md);--van-empty-bottom-margin-top:24px}.van-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;padding:var(--van-empty-padding)}.van-empty__image{width:var(--van-empty-image-size);height:var(--van-empty-image-size)}.van-empty__image img{width:100%;height:100%}.van-empty__description{margin-top:var(--van-empty-description-margin-top);padding:var(--van-empty-description-padding);color:var(--van-empty-description-color);font-size:var(--van-empty-description-font-size);line-height:var(--van-empty-description-line-height)}.van-empty__bottom{margin-top:var(--van-empty-bottom-margin-top)}
+:root{--van-empty-padding:var(--van-padding-xl) 0;--van-empty-image-size:160px;--van-empty-description-margin-top:var(--van-padding-md);--van-empty-description-padding:0 60px;--van-empty-description-color:var(--van-text-color-2);--van-empty-description-font-size:var(--van-font-size-md);--van-empty-description-line-height:var(--van-line-height-md);--van-empty-bottom-margin-top:24px}.van-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;padding:var(--van-empty-padding)}.van-empty__image{width:var(--van-empty-image-size);height:var(--van-empty-image-size)}.van-empty__image img{width:100%;height:100%}.van-empty__description{margin-top:var(--van-empty-description-margin-top);padding:var(--van-empty-description-padding);color:var(--van-empty-description-color);font-size:var(--van-empty-description-font-size);line-height:var(--van-empty-description-line-height)}.van-empty__bottom{margin-top:var(--van-empty-bottom-margin-top)}

package/lib/empty/index.d.ts

@@ -1,14 +1,14 @@
 export declare const Empty: import("../utils").WithInstall<import("vue").DefineComponent<{
-    imageSize: (NumberConstructor | StringConstructor)[];
-    description: StringConstructor;
     image: {
-        type: StringConstructor;
+        type: import("vue").PropType<string>;
         default: string;
     };
+    imageSize: (NumberConstructor | StringConstructor)[];
+    description: StringConstructor;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+    image?: unknown;
     imageSize?: unknown;
     description?: unknown;
-    image?: unknown;
 } & {
     image: string;
 } & {
@@ -18,3 +18,4 @@ export declare const Empty: import("../utils").WithInstall<import("vue").DefineC
     image: string;
 }>>;
 export default Empty;
+export type { EmptyProps } from './Empty';

package/lib/empty/var.less

@@ -4,7 +4,7 @@
 @empty-image-size: 160px;
 @empty-description-margin-top: var(--van-padding-md);
 @empty-description-padding: 0 60px;
-@empty-description-color: var(--van-gray-6);
+@empty-description-color: var(--van-text-color-2);
 @empty-description-font-size: var(--van-font-size-md);
 @empty-description-line-height: var(--van-line-height-md);
 @empty-bottom-margin-top: 24px;