vant 4.8.9 → 4.8.11

package/lib/coupon-list/CouponList.d.ts

@@ -1,16 +1,16 @@
-import { type ExtractPropTypes } from 'vue';
+import { type PropType, type ExtractPropTypes } from 'vue';
 import { CouponInfo } from '../coupon';
 export declare const couponListProps: {
     code: {
-        type: import("vue").PropType<string>;
+        type: PropType<string>;
         default: string;
     };
     coupons: {
-        type: import("vue").PropType<CouponInfo[]>;
+        type: PropType<CouponInfo[]>;
         default: () => never[];
     };
     currency: {
-        type: import("vue").PropType<string>;
+        type: PropType<string>;
         default: string;
     };
     showCount: {
@@ -18,11 +18,10 @@ export declare const couponListProps: {
         default: true;
     };
     emptyImage: StringConstructor;
-    chosenCoupon: (NumberConstructor | ArrayConstructor)[];
     enabledTitle: StringConstructor;
     disabledTitle: StringConstructor;
     disabledCoupons: {
-        type: import("vue").PropType<CouponInfo[]>;
+        type: PropType<CouponInfo[]>;
         default: () => never[];
     };
     showExchangeBar: {
@@ -46,19 +45,23 @@ export declare const couponListProps: {
     };
     exchangeButtonLoading: BooleanConstructor;
     exchangeButtonDisabled: BooleanConstructor;
+    chosenCoupon: {
+        type: PropType<number | number[]>;
+        default: number;
+    };
 };
 export type CouponListProps = ExtractPropTypes<typeof couponListProps>;
 declare const _default: import("vue").DefineComponent<{
     code: {
-        type: import("vue").PropType<string>;
+        type: PropType<string>;
         default: string;
     };
     coupons: {
-        type: import("vue").PropType<CouponInfo[]>;
+        type: PropType<CouponInfo[]>;
         default: () => never[];
     };
     currency: {
-        type: import("vue").PropType<string>;
+        type: PropType<string>;
         default: string;
     };
     showCount: {
@@ -66,11 +69,10 @@ declare const _default: import("vue").DefineComponent<{
         default: true;
     };
     emptyImage: StringConstructor;
-    chosenCoupon: (NumberConstructor | ArrayConstructor)[];
     enabledTitle: StringConstructor;
     disabledTitle: StringConstructor;
     disabledCoupons: {
-        type: import("vue").PropType<CouponInfo[]>;
+        type: PropType<CouponInfo[]>;
         default: () => never[];
     };
     showExchangeBar: {
@@ -94,17 +96,21 @@ declare const _default: import("vue").DefineComponent<{
     };
     exchangeButtonLoading: BooleanConstructor;
     exchangeButtonDisabled: BooleanConstructor;
+    chosenCoupon: {
+        type: PropType<number | number[]>;
+        default: number;
+    };
 }, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "exchange" | "update:code")[], "change" | "exchange" | "update:code", import("vue").PublicProps, Readonly<ExtractPropTypes<{
     code: {
-        type: import("vue").PropType<string>;
+        type: PropType<string>;
         default: string;
     };
     coupons: {
-        type: import("vue").PropType<CouponInfo[]>;
+        type: PropType<CouponInfo[]>;
         default: () => never[];
     };
     currency: {
-        type: import("vue").PropType<string>;
+        type: PropType<string>;
         default: string;
     };
     showCount: {
@@ -112,11 +118,10 @@ declare const _default: import("vue").DefineComponent<{
         default: true;
     };
     emptyImage: StringConstructor;
-    chosenCoupon: (NumberConstructor | ArrayConstructor)[];
     enabledTitle: StringConstructor;
     disabledTitle: StringConstructor;
     disabledCoupons: {
-        type: import("vue").PropType<CouponInfo[]>;
+        type: PropType<CouponInfo[]>;
         default: () => never[];
     };
     showExchangeBar: {
@@ -140,6 +145,10 @@ declare const _default: import("vue").DefineComponent<{
     };
     exchangeButtonLoading: BooleanConstructor;
     exchangeButtonDisabled: BooleanConstructor;
+    chosenCoupon: {
+        type: PropType<number | number[]>;
+        default: number;
+    };
 }>> & {
     onChange?: ((...args: any[]) => any) | undefined;
     onExchange?: ((...args: any[]) => any) | undefined;
@@ -148,6 +157,7 @@ declare const _default: import("vue").DefineComponent<{
     code: string;
     currency: string;
     coupons: CouponInfo[];
+    chosenCoupon: number | number[];
     showCount: boolean;
     disabledCoupons: CouponInfo[];
     showExchangeBar: boolean;

package/lib/coupon-list/CouponList.js

@@ -39,7 +39,6 @@ const couponListProps = {
   currency: (0, import_utils.makeStringProp)("\xA5"),
   showCount: import_utils.truthProp,
   emptyImage: String,
-  chosenCoupon: [Number, Array],
   enabledTitle: String,
   disabledTitle: String,
   disabledCoupons: (0, import_utils.makeArrayProp)(),
@@ -51,7 +50,11 @@ const couponListProps = {
   exchangeButtonText: String,
   displayedCouponIndex: (0, import_utils.makeNumberProp)(-1),
   exchangeButtonLoading: Boolean,
-  exchangeButtonDisabled: Boolean
+  exchangeButtonDisabled: Boolean,
+  chosenCoupon: {
+    type: [Number, Array],
+    default: -1
+  }
 };
 var stdin_default = (0, import_vue2.defineComponent)({
   name,
@@ -119,18 +122,16 @@ var stdin_default = (0, import_vue2.defineComponent)({
     };
     const renderCouponTab = () => {
       const {
-        coupons
+        coupons,
+        chosenCoupon
       } = props;
       const count = props.showCount ? ` (${coupons.length})` : "";
       const title = (props.enabledTitle || t("enable")) + count;
-      const getChosenCoupon = (chosenCoupon = [], value = 0) => {
-        const unrefChosenCoupon = (0, import_vue2.unref)(chosenCoupon);
-        const index = unrefChosenCoupon.indexOf(value);
-        if (index === -1) {
-          return [...unrefChosenCoupon, value];
+      const updateChosenCoupon = (currentValues = [], value = 0) => {
+        if (currentValues.includes(value)) {
+          return currentValues.filter((item) => item !== value);
         }
-        unrefChosenCoupon.splice(index, 1);
-        return [...unrefChosenCoupon];
+        return [...currentValues, value];
       };
       return (0, import_vue.createVNode)(import_tab.Tab, {
         "title": title
@@ -148,9 +149,9 @@ var stdin_default = (0, import_vue2.defineComponent)({
             "key": coupon.id,
             "ref": setCouponRefs(index),
             "coupon": coupon,
-            "chosen": Array.isArray(props.chosenCoupon) ? props.chosenCoupon.includes(index) : index === props.chosenCoupon,
+            "chosen": Array.isArray(chosenCoupon) ? chosenCoupon.includes(index) : index === chosenCoupon,
             "currency": props.currency,
-            "onClick": () => emit("change", Array.isArray(props.chosenCoupon) ? getChosenCoupon(props.chosenCoupon, index) : index)
+            "onClick": () => emit("change", Array.isArray(chosenCoupon) ? updateChosenCoupon(chosenCoupon, index) : index)
           }, null)), !coupons.length && renderEmpty(), (_a = slots["list-footer"]) == null ? void 0 : _a.call(slots)])];
         }
       });

package/lib/coupon-list/index.d.ts

@@ -16,7 +16,6 @@ export declare const CouponList: import("../utils").WithInstall<import("vue").De
         default: true;
     };
     emptyImage: StringConstructor;
-    chosenCoupon: (NumberConstructor | ArrayConstructor)[];
     enabledTitle: StringConstructor;
     disabledTitle: StringConstructor;
     disabledCoupons: {
@@ -44,6 +43,10 @@ export declare const CouponList: import("../utils").WithInstall<import("vue").De
     };
     exchangeButtonLoading: BooleanConstructor;
     exchangeButtonDisabled: BooleanConstructor;
+    chosenCoupon: {
+        type: import("vue").PropType<number | number[]>;
+        default: number;
+    };
 }, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "exchange" | "update:code")[], "change" | "exchange" | "update:code", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     code: {
         type: import("vue").PropType<string>;
@@ -62,7 +65,6 @@ export declare const CouponList: import("../utils").WithInstall<import("vue").De
         default: true;
     };
     emptyImage: StringConstructor;
-    chosenCoupon: (NumberConstructor | ArrayConstructor)[];
     enabledTitle: StringConstructor;
     disabledTitle: StringConstructor;
     disabledCoupons: {
@@ -90,6 +92,10 @@ export declare const CouponList: import("../utils").WithInstall<import("vue").De
     };
     exchangeButtonLoading: BooleanConstructor;
     exchangeButtonDisabled: BooleanConstructor;
+    chosenCoupon: {
+        type: import("vue").PropType<number | number[]>;
+        default: number;
+    };
 }>> & {
     onChange?: ((...args: any[]) => any) | undefined;
     onExchange?: ((...args: any[]) => any) | undefined;
@@ -98,6 +104,7 @@ export declare const CouponList: import("../utils").WithInstall<import("vue").De
     code: string;
     currency: string;
     coupons: import("..").CouponInfo[];
+    chosenCoupon: number | number[];
     showCount: boolean;
     disabledCoupons: import("..").CouponInfo[];
     showExchangeBar: boolean;

package/lib/dropdown-item/DropdownItem.js

@@ -104,8 +104,14 @@ var stdin_default = (0, import_vue2.defineComponent)({
       const {
         activeColor
       } = parent.props;
+      const {
+        disabled
+      } = option;
       const active = option.value === props.modelValue;
       const onClick = () => {
+        if (disabled) {
+          return;
+        }
         state.showPopup = false;
         if (option.value !== props.modelValue) {
           emit("update:modelValue", option.value);
@@ -116,7 +122,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
         if (active) {
           return (0, import_vue.createVNode)(import_icon.Icon, {
             "class": bem("icon"),
-            "color": activeColor,
+            "color": disabled ? void 0 : activeColor,
             "name": "success"
           }, null);
         }
@@ -127,13 +133,14 @@ var stdin_default = (0, import_vue2.defineComponent)({
         "icon": option.icon,
         "title": option.text,
         "class": bem("option", {
-          active
+          active,
+          disabled
         }),
         "style": {
           color: active ? activeColor : ""
         },
         "tabindex": active ? 0 : -1,
-        "clickable": true,
+        "clickable": !disabled,
         "onClick": onClick
       }, {
         value: renderIcon

package/lib/dropdown-item/index.css

@@ -1 +1 @@
-:root,:host{--van-dropdown-item-z-index: 10}.van-dropdown-item{position:fixed;right:0;left:0;z-index:var(--van-dropdown-item-z-index);overflow:hidden}.van-dropdown-item__icon{display:block;line-height:inherit}.van-dropdown-item__option{text-align:left}.van-dropdown-item__option--active,.van-dropdown-item__option--active .van-dropdown-item__icon{color:var(--van-dropdown-menu-option-active-color)}.van-dropdown-item--up{top:0}.van-dropdown-item--down{bottom:0}.van-dropdown-item__content{position:absolute;max-height:var(--van-dropdown-menu-content-max-height)}
+:root,:host{--van-dropdown-item-z-index: 10}.van-dropdown-item{position:fixed;right:0;left:0;z-index:var(--van-dropdown-item-z-index);overflow:hidden}.van-dropdown-item__icon{display:block;line-height:inherit}.van-dropdown-item__option{text-align:left}.van-dropdown-item__option--active,.van-dropdown-item__option--active .van-dropdown-item__icon{color:var(--van-dropdown-menu-option-active-color)}.van-dropdown-item__option--disabled,.van-dropdown-item__option--disabled .van-dropdown-item__icon{color:var(--van-dropdown-menu-option-disabled-color)}.van-dropdown-item--up{top:0}.van-dropdown-item--down{bottom:0}.van-dropdown-item__content{position:absolute;max-height:var(--van-dropdown-menu-content-max-height)}

package/lib/dropdown-item/types.d.ts

@@ -3,6 +3,7 @@ import type { VNode, ComponentPublicInstance } from 'vue';
 import type { Numeric } from '../utils';
 export type DropdownItemOptionValue = Numeric | boolean;
 export type DropdownItemOption = {
+    disabled?: boolean;
     text: string;
     icon?: string;
     value: DropdownItemOptionValue;

package/lib/dropdown-menu/index.css

@@ -1 +1 @@
-:root,:host{--van-dropdown-menu-height: 48px;--van-dropdown-menu-background: var(--van-background-2);--van-dropdown-menu-shadow: 0 2px 12px rgba(100, 101, 102, .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-primary-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-primary-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);box-shadow:var(--van-dropdown-menu-shadow)}.van-dropdown-menu__bar--opened{z-index:calc(var(--van-dropdown-item-z-index) + 1)}.van-dropdown-menu__bar--scrollable{padding-left:var(--van-padding-base);padding-right:var(--van-padding-xs);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.van-dropdown-menu__bar--scrollable::-webkit-scrollbar{display:none}.van-dropdown-menu__item{display:flex;flex:1;align-items:center;justify-content:center;min-width:0}.van-dropdown-menu__item--disabled .van-dropdown-menu__title{color:var(--van-dropdown-menu-title-disabled-text-color)}.van-dropdown-menu__item--grow{flex:1 0 auto;padding-left:var(--van-padding-base);padding-right:var(--van-padding-sm)}.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,:host{--van-dropdown-menu-height: 48px;--van-dropdown-menu-background: var(--van-background-2);--van-dropdown-menu-shadow: 0 2px 12px rgba(100, 101, 102, .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-primary-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-primary-color);--van-dropdown-menu-option-disabled-color: var(--van-text-color-3);--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);box-shadow:var(--van-dropdown-menu-shadow)}.van-dropdown-menu__bar--opened{z-index:calc(var(--van-dropdown-item-z-index) + 1)}.van-dropdown-menu__bar--scrollable{padding-left:var(--van-padding-base);padding-right:var(--van-padding-xs);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.van-dropdown-menu__bar--scrollable::-webkit-scrollbar{display:none}.van-dropdown-menu__item{display:flex;flex:1;align-items:center;justify-content:center;min-width:0}.van-dropdown-menu__item--disabled .van-dropdown-menu__title{color:var(--van-dropdown-menu-title-disabled-text-color)}.van-dropdown-menu__item--grow{flex:1 0 auto;padding-left:var(--van-padding-base);padding-right:var(--van-padding-sm)}.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/types.d.ts

@@ -22,5 +22,6 @@ export type DropdownMenuThemeVars = {
     dropdownMenuTitlePadding?: string;
     dropdownMenuTitleLineHeight?: number | string;
     dropdownMenuOptionActiveColor?: string;
+    dropdownMenuOptionDisabledColor?: string;
     dropdownMenuContentMaxHeight?: string;
 };