vant 3.6.15 → 3.6.16

package/es/rate/Rate.mjs

@@ -1,4 +1,5 @@
-import { computed, defineComponent, ref, createVNode as _createVNode } from "vue";
+import { createVNode as _createVNode } from "vue";
+import { computed, defineComponent, ref } from "vue";
 import { addUnit, truthProp, numericProp, preventDefault, makeStringProp, makeNumberProp, makeNumericProp, createNamespace } from "../utils/index.mjs";
 import { useRect, useCustomFieldValue, useEventListener } from "@vant/use";
 import { useRefs } from "../composables/use-refs.mjs";
@@ -36,7 +37,6 @@ const rateProps = {
   color: String,
   count: makeNumericProp(5),
   gutter: numericProp,
-  clearable: Boolean,
   readonly: Boolean,
   disabled: Boolean,
   voidIcon: makeStringProp("star-o"),
@@ -57,8 +57,7 @@ var stdin_default = defineComponent({
     const touch = useTouch();
     const [itemRefs, setItemRefs] = useRefs();
     const groupRef = ref();
-    const unselectable = computed(() => props.readonly || props.disabled);
-    const untouchable = computed(() => unselectable.value || !props.touchable);
+    const untouchable = () => props.readonly || props.disabled || !props.touchable;
     const list = computed(() => Array(+props.count).fill("").map((_, i) => getRateStatus(props.modelValue, i + 1, props.allowHalf, props.readonly)));
     let ranges;
     let groupRefRect;
@@ -108,24 +107,25 @@ var stdin_default = defineComponent({
       }
       return props.allowHalf ? 0.5 : 1;
     };
-    const select = (value) => {
-      if (unselectable.value || value === props.modelValue) return;
-      emit("update:modelValue", value);
-      emit("change", value);
+    const select = (index) => {
+      if (!props.disabled && !props.readonly && index !== props.modelValue) {
+        emit("update:modelValue", index);
+        emit("change", index);
+      }
     };
     const onTouchStart = (event) => {
-      if (untouchable.value) {
+      if (untouchable()) {
         return;
       }
       touch.start(event);
       updateRanges();
     };
     const onTouchMove = (event) => {
-      if (untouchable.value) {
+      if (untouchable()) {
         return;
       }
       touch.move(event);
-      if (touch.isHorizontal() && !touch.isTap.value) {
+      if (touch.isHorizontal()) {
         const {
           clientX,
           clientY
@@ -160,11 +160,7 @@ var stdin_default = defineComponent({
       }
       const onClickItem = (event) => {
         updateRanges();
-        let value = allowHalf ? getScoreByPosition(event.clientX, event.clientY) : score;
-        if (props.clearable && touch.isTap.value && value === props.modelValue) {
-          value = 0;
-        }
-        select(value);
+        select(allowHalf ? getScoreByPosition(event.clientX, event.clientY) : score);
       };
       return _createVNode("div", {
         "key": index,
@@ -219,6 +215,5 @@ var stdin_default = defineComponent({
   }
 });
 export {
-  stdin_default as default,
-  rateProps
+  stdin_default as default
 };

package/es/rate/index.css

@@ -1 +1 @@
-:root,:host{--van-rate-icon-size: 20px;--van-rate-icon-gutter: var(--van-padding-base);--van-rate-icon-void-color: var(--van-gray-5);--van-rate-icon-full-color: var(--van-danger-color);--van-rate-icon-disabled-color: var(--van-gray-5)}.van-rate{display:inline-flex;cursor:pointer;-webkit-user-select:none;user-select:none;flex-wrap:wrap}.van-rate__item{position:relative}.van-rate__item:not(:last-child){padding-right:var(--van-rate-icon-gutter)}.van-rate__icon{display:block;width:1em;color:var(--van-rate-icon-void-color);font-size:var(--van-rate-icon-size)}.van-rate__icon--half{position:absolute;top:0;left:0;overflow:hidden;pointer-events:none}.van-rate__icon--full{color:var(--van-rate-icon-full-color)}.van-rate__icon--disabled{color:var(--van-rate-icon-disabled-color)}.van-rate--disabled{cursor:not-allowed}.van-rate--readonly{cursor:default}
+:root{--van-rate-icon-size: 20px;--van-rate-icon-gutter: var(--van-padding-base);--van-rate-icon-void-color: var(--van-gray-5);--van-rate-icon-full-color: var(--van-danger-color);--van-rate-icon-disabled-color: var(--van-gray-5)}.van-rate{display:inline-flex;cursor:pointer;-webkit-user-select:none;user-select:none;flex-wrap:wrap}.van-rate__item{position:relative}.van-rate__item:not(:last-child){padding-right:var(--van-rate-icon-gutter)}.van-rate__icon{display:block;width:1em;color:var(--van-rate-icon-void-color);font-size:var(--van-rate-icon-size)}.van-rate__icon--half{position:absolute;top:0;left:0;overflow:hidden}.van-rate__icon--full{color:var(--van-rate-icon-full-color)}.van-rate__icon--disabled{color:var(--van-rate-icon-disabled-color)}.van-rate--disabled{cursor:not-allowed}.van-rate--readonly{cursor:default}

package/es/rate/index.d.ts

@@ -1,7 +1,7 @@
-export declare const Rate: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+export declare const Rate: import("../utils").WithInstall<import("vue").DefineComponent<{
     size: (NumberConstructor | StringConstructor)[];
     icon: {
-        type: import("vue").PropType<T>;
+        type: import("vue").PropType<string>;
         default: string;
     };
     color: StringConstructor;
@@ -10,11 +10,10 @@ export declare const Rate: import("../utils").WithInstall<import("vue").DefineCo
         default: number;
     };
     gutter: (NumberConstructor | StringConstructor)[];
-    clearable: BooleanConstructor;
     readonly: BooleanConstructor;
     disabled: BooleanConstructor;
     voidIcon: {
-        type: import("vue").PropType<T>;
+        type: import("vue").PropType<string>;
         default: string;
     };
     allowHalf: BooleanConstructor;
@@ -29,10 +28,10 @@ export declare const Rate: import("../utils").WithInstall<import("vue").DefineCo
         default: number;
     };
     disabledColor: StringConstructor;
-}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     size: (NumberConstructor | StringConstructor)[];
     icon: {
-        type: import("vue").PropType<T>;
+        type: import("vue").PropType<string>;
         default: string;
     };
     color: StringConstructor;
@@ -41,11 +40,10 @@ export declare const Rate: import("../utils").WithInstall<import("vue").DefineCo
         default: number;
     };
     gutter: (NumberConstructor | StringConstructor)[];
-    clearable: BooleanConstructor;
     readonly: BooleanConstructor;
     disabled: BooleanConstructor;
     voidIcon: {
-        type: import("vue").PropType<T>;
+        type: import("vue").PropType<string>;
         default: string;
     };
     allowHalf: BooleanConstructor;
@@ -60,24 +58,21 @@ export declare const Rate: import("../utils").WithInstall<import("vue").DefineCo
         default: number;
     };
     disabledColor: StringConstructor;
-}>> & Readonly<{
+}>> & {
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-}>, {
+}, {
     disabled: boolean;
     icon: string;
-    clearable: boolean;
     modelValue: number;
     readonly: boolean;
     touchable: boolean;
     count: string | number;
     voidIcon: string;
     allowHalf: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
+}>>;
 export default Rate;
-export { rateProps } from './Rate';
 export type { RateProps } from './Rate';
-export type { RateThemeVars } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         VanRate: typeof Rate;

package/es/rate/index.less

@@ -0,0 +1,54 @@
+@import './var.less';
+
+:root {
+  --van-rate-icon-size: @rate-icon-size;
+  --van-rate-icon-gutter: @rate-icon-gutter;
+  --van-rate-icon-void-color: @rate-icon-void-color;
+  --van-rate-icon-full-color: @rate-icon-full-color;
+  --van-rate-icon-disabled-color: @rate-icon-disabled-color;
+}
+
+.van-rate {
+  display: inline-flex;
+  cursor: pointer;
+  user-select: none;
+  flex-wrap: wrap;
+
+  &__item {
+    position: relative;
+
+    &:not(:last-child) {
+      padding-right: var(--van-rate-icon-gutter);
+    }
+  }
+
+  &__icon {
+    display: block;
+    width: 1em;
+    color: var(--van-rate-icon-void-color);
+    font-size: var(--van-rate-icon-size);
+
+    &--half {
+      position: absolute;
+      top: 0;
+      left: 0;
+      overflow: hidden;
+    }
+
+    &--full {
+      color: var(--van-rate-icon-full-color);
+    }
+
+    &--disabled {
+      color: var(--van-rate-icon-disabled-color);
+    }
+  }
+
+  &--disabled {
+    cursor: not-allowed;
+  }
+
+  &--readonly {
+    cursor: default;
+  }
+}

package/es/rate/index.mjs

@@ -2,9 +2,7 @@ import { withInstall } from "../utils/index.mjs";
 import _Rate from "./Rate.mjs";
 const Rate = withInstall(_Rate);
 var stdin_default = Rate;
-import { rateProps } from "./Rate.mjs";
 export {
   Rate,
-  stdin_default as default,
-  rateProps
+  stdin_default as default
 };

package/es/rate/style/less.d.ts

@@ -0,0 +1 @@
+export {};

package/es/rate/style/less.mjs

@@ -0,0 +1,4 @@
+import "../../style/base.less";
+import "../../badge/index.less";
+import "../../icon/index.less";
+import "../index.less";

package/es/rate/var.less

@@ -0,0 +1,7 @@
+@import '../style/var.less';
+
+@rate-icon-size: 20px;
+@rate-icon-gutter: var(--van-padding-base);
+@rate-icon-void-color: var(--van-gray-5);
+@rate-icon-full-color: var(--van-danger-color);
+@rate-icon-disabled-color: var(--van-gray-5);

package/es/row/Row.d.ts

@@ -1,21 +1,17 @@
 import { type PropType, type ComputedRef, type InjectionKey, type ExtractPropTypes } from 'vue';
-export type RowSpaces = {
+export declare type RowSpaces = {
     left?: number;
     right: number;
 }[];
-export type VerticalSpaces = {
-    bottom?: number;
-}[];
-export type RowProvide = {
+export declare type RowProvide = {
     spaces: ComputedRef<RowSpaces>;
-    verticalSpaces: ComputedRef<VerticalSpaces>;
 };
 export declare const ROW_KEY: InjectionKey<RowProvide>;
-export type RowAlign = 'top' | 'center' | 'bottom';
-export type RowJustify = 'start' | 'end' | 'center' | 'space-around' | 'space-between';
-export declare const rowProps: {
+export declare type RowAlign = 'top' | 'center' | 'bottom';
+export declare type RowJustify = 'start' | 'end' | 'center' | 'space-around' | 'space-between';
+declare const rowProps: {
     tag: {
-        type: PropType<T>;
+        type: PropType<keyof HTMLElementTagNameMap>;
         default: keyof HTMLElementTagNameMap;
     };
     wrap: {
@@ -24,15 +20,15 @@ export declare const rowProps: {
     };
     align: PropType<RowAlign>;
     gutter: {
-        type: PropType<string | number | (string | number)[]>;
+        type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
     justify: PropType<RowJustify>;
 };
-export type RowProps = ExtractPropTypes<typeof rowProps>;
-declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
+export declare type RowProps = ExtractPropTypes<typeof rowProps>;
+declare const _default: import("vue").DefineComponent<{
     tag: {
-        type: PropType<T>;
+        type: PropType<keyof HTMLElementTagNameMap>;
         default: keyof HTMLElementTagNameMap;
     };
     wrap: {
@@ -41,13 +37,13 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     };
     align: PropType<RowAlign>;
     gutter: {
-        type: PropType<string | number | (string | number)[]>;
+        type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
     justify: PropType<RowJustify>;
-}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     tag: {
-        type: PropType<T>;
+        type: PropType<keyof HTMLElementTagNameMap>;
         default: keyof HTMLElementTagNameMap;
     };
     wrap: {
@@ -56,13 +52,13 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     };
     align: PropType<RowAlign>;
     gutter: {
-        type: PropType<string | number | (string | number)[]>;
+        type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
     justify: PropType<RowJustify>;
-}>> & Readonly<{}>, {
+}>>, {
     tag: keyof HTMLElementTagNameMap;
     wrap: boolean;
-    gutter: string | number | (string | number)[];
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    gutter: string | number;
+}>;
 export default _default;

package/es/row/Row.mjs

@@ -1,5 +1,6 @@
-import { computed, defineComponent, createVNode as _createVNode } from "vue";
-import { truthProp, makeStringProp, createNamespace } from "../utils/index.mjs";
+import { createVNode as _createVNode } from "vue";
+import { computed, defineComponent } from "vue";
+import { truthProp, makeStringProp, makeNumericProp, createNamespace } from "../utils/index.mjs";
 import { useChildren } from "@vant/use";
 const [name, bem] = createNamespace("row");
 const ROW_KEY = Symbol(name);
@@ -7,10 +8,7 @@ const rowProps = {
   tag: makeStringProp("div"),
   wrap: truthProp,
   align: String,
-  gutter: {
-    type: [String, Number, Array],
-    default: 0
-  },
+  gutter: makeNumericProp(0),
   justify: String
 };
 var stdin_default = defineComponent({
@@ -38,12 +36,7 @@ var stdin_default = defineComponent({
       return groups2;
     });
     const spaces = computed(() => {
-      let gutter = 0;
-      if (Array.isArray(props.gutter)) {
-        gutter = Number(props.gutter[0]) || 0;
-      } else {
-        gutter = Number(props.gutter);
-      }
+      const gutter = Number(props.gutter);
       const spaces2 = [];
       if (!gutter) {
         return spaces2;
@@ -67,30 +60,8 @@ var stdin_default = defineComponent({
       });
       return spaces2;
     });
-    const verticalSpaces = computed(() => {
-      const {
-        gutter
-      } = props;
-      const spaces2 = [];
-      if (Array.isArray(gutter) && gutter.length > 1) {
-        const bottom = Number(gutter[1]) || 0;
-        if (bottom <= 0) {
-          return spaces2;
-        }
-        groups.value.forEach((group, index) => {
-          if (index === groups.value.length - 1) return;
-          group.forEach(() => {
-            spaces2.push({
-              bottom
-            });
-          });
-        });
-      }
-      return spaces2;
-    });
     linkChildren({
-      spaces,
-      verticalSpaces
+      spaces
     });
     return () => {
       const {
@@ -116,6 +87,5 @@ var stdin_default = defineComponent({
 });
 export {
   ROW_KEY,
-  stdin_default as default,
-  rowProps
+  stdin_default as default
 };

package/es/row/index.d.ts

@@ -1,6 +1,6 @@
-export declare const Row: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+export declare const Row: import("../utils").WithInstall<import("vue").DefineComponent<{
     tag: {
-        type: import("vue").PropType<T>;
+        type: import("vue").PropType<keyof HTMLElementTagNameMap>;
         default: keyof HTMLElementTagNameMap;
     };
     wrap: {
@@ -9,13 +9,13 @@ export declare const Row: import("../utils").WithInstall<import("vue").DefineCom
     };
     align: import("vue").PropType<import("./Row").RowAlign>;
     gutter: {
-        type: import("vue").PropType<string | number | (string | number)[]>;
+        type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
     justify: import("vue").PropType<import("./Row").RowJustify>;
-}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     tag: {
-        type: import("vue").PropType<T>;
+        type: import("vue").PropType<keyof HTMLElementTagNameMap>;
         default: keyof HTMLElementTagNameMap;
     };
     wrap: {
@@ -24,17 +24,16 @@ export declare const Row: import("../utils").WithInstall<import("vue").DefineCom
     };
     align: import("vue").PropType<import("./Row").RowAlign>;
     gutter: {
-        type: import("vue").PropType<string | number | (string | number)[]>;
+        type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
     justify: import("vue").PropType<import("./Row").RowJustify>;
-}>> & Readonly<{}>, {
+}>>, {
     tag: keyof HTMLElementTagNameMap;
     wrap: boolean;
-    gutter: string | number | (string | number)[];
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
+    gutter: string | number;
+}>>;
 export default Row;
-export { rowProps } from './Row';
 export type { RowProps, RowAlign, RowJustify } from './Row';
 declare module 'vue' {
     interface GlobalComponents {

package/es/row/index.less

@@ -0,0 +1,32 @@
+.van-row {
+  display: flex;
+  flex-wrap: wrap;
+
+  &--nowrap {
+    flex-wrap: nowrap;
+  }
+
+  &--justify-center {
+    justify-content: center;
+  }
+
+  &--justify-end {
+    justify-content: flex-end;
+  }
+
+  &--justify-space-between {
+    justify-content: space-between;
+  }
+
+  &--justify-space-around {
+    justify-content: space-around;
+  }
+
+  &--align-center {
+    align-items: center;
+  }
+
+  &--align-bottom {
+    align-items: flex-end;
+  }
+}

package/es/row/index.mjs

@@ -2,9 +2,7 @@ import { withInstall } from "../utils/index.mjs";
 import _Row from "./Row.mjs";
 const Row = withInstall(_Row);
 var stdin_default = Row;
-import { rowProps } from "./Row.mjs";
 export {
   Row,
-  stdin_default as default,
-  rowProps
+  stdin_default as default
 };

package/es/row/style/less.d.ts

@@ -0,0 +1 @@
+export {};

package/es/row/style/less.mjs

@@ -0,0 +1,2 @@
+import "../../style/base.less";
+import "../index.less";