vant 3.4.7 → 3.4.8

package/lib/vant.es.js

@@ -2448,6 +2448,7 @@ var stdin_default$1m = defineComponent({
     useExpose({
       submit,
       validate,
+      getValues,
       scrollToField,
       resetValidation
     });
@@ -2566,6 +2567,7 @@ const fieldSharedProps = {
   placeholder: String,
   autocomplete: String,
   errorMessage: String,
+  enterkeyhint: String,
   clearTrigger: makeStringProp("focus"),
   formatTrigger: makeStringProp("onChange"),
   error: {
@@ -2835,6 +2837,7 @@ var stdin_default$1l = defineComponent({
         autofocus: props.autofocus,
         placeholder: props.placeholder,
         autocomplete: props.autocomplete,
+        enterkeyhint: props.enterkeyhint,
         "aria-labelledby": props.label ? `${id}-label` : void 0,
         onBlur,
         onFocus,
@@ -4247,6 +4250,7 @@ var stdin_default$1a = defineComponent({
     slots
   }) {
     const style = computed(() => {
+      var _a;
       const {
         item,
         index,
@@ -4278,6 +4282,9 @@ var stdin_default$1a = defineComponent({
             break;
         }
       }
+      if (offset + (((_a = item.date) == null ? void 0 : _a.getDate()) || 1) > 28) {
+        style2.marginBottom = 0;
+      }
       return style2;
     });
     const onClick = () => {
@@ -7780,7 +7787,7 @@ const [name$E, bem$D] = createNamespace("empty");
 const PRESET_IMAGES = ["error", "search", "default"];
 const emptyProps = {
   image: makeStringProp("default"),
-  imageSize: numericProp,
+  imageSize: [Number, String, Array],
   description: String
 };
 var stdin_default$K = defineComponent({
@@ -8320,6 +8327,7 @@ var stdin_default$H = defineComponent({
     const onChange = () => {
       updateInnerValue();
       nextTick(() => {
+        updateInnerValue();
         nextTick(() => emit("change", currentDate.value));
       });
     };
@@ -11351,33 +11359,53 @@ var stdin_default$k = defineComponent({
   }) {
     const touch = useTouch();
     const [itemRefs, setItemRefs] = useRefs();
+    const groupRef = ref();
     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;
+    let minRectTop = Number.MAX_SAFE_INTEGER;
+    let maxRectTop = Number.MIN_SAFE_INTEGER;
     const updateRanges = () => {
+      groupRefRect = useRect(groupRef);
       const rects = itemRefs.value.map(useRect);
       ranges = [];
       rects.forEach((rect, index) => {
+        minRectTop = Math.min(rect.top, minRectTop);
+        maxRectTop = Math.max(rect.top, maxRectTop);
         if (props.allowHalf) {
           ranges.push({
             score: index + 0.5,
-            left: rect.left
+            left: rect.left,
+            top: rect.top,
+            height: rect.height
           }, {
             score: index + 1,
-            left: rect.left + rect.width / 2
+            left: rect.left + rect.width / 2,
+            top: rect.top,
+            height: rect.height
           });
         } else {
           ranges.push({
             score: index + 1,
-            left: rect.left
+            left: rect.left,
+            top: rect.top,
+            height: rect.height
           });
         }
       });
     };
-    const getScoreByPosition = (x) => {
+    const getScoreByPosition = (x, y) => {
       for (let i = ranges.length - 1; i > 0; i--) {
-        if (x > ranges[i].left) {
-          return ranges[i].score;
+        if (y >= groupRefRect.top && y <= groupRefRect.bottom) {
+          if (x > ranges[i].left && y >= ranges[i].top && y <= ranges[i].top + ranges[i].height) {
+            return ranges[i].score;
+          }
+        } else {
+          const curTop = y < groupRefRect.top ? minRectTop : maxRectTop;
+          if (x > ranges[i].left && ranges[i].top === curTop) {
+            return ranges[i].score;
+          }
         }
       }
       return props.allowHalf ? 0.5 : 1;
@@ -11402,10 +11430,11 @@ var stdin_default$k = defineComponent({
       touch.move(event);
       if (touch.isHorizontal()) {
         const {
-          clientX
+          clientX,
+          clientY
         } = event.touches[0];
         preventDefault(event);
-        select(getScoreByPosition(clientX));
+        select(getScoreByPosition(clientX, clientY));
       }
     };
     const renderStar = (item, index) => {
@@ -11434,7 +11463,7 @@ var stdin_default$k = defineComponent({
       }
       const onClickItem = (event) => {
         updateRanges();
-        select(allowHalf ? getScoreByPosition(event.clientX) : score);
+        select(allowHalf ? getScoreByPosition(event.clientX, event.clientY) : score);
       };
       return createVNode("div", {
         "key": index,
@@ -11472,6 +11501,7 @@ var stdin_default$k = defineComponent({
     };
     useCustomFieldValue(() => props.modelValue);
     return () => createVNode("div", {
+      "ref": groupRef,
       "role": "radiogroup",
       "class": bem$f({
         readonly: props.readonly,
@@ -11596,14 +11626,17 @@ var stdin_default$j = defineComponent({
   }
 });
 const Search = withInstall(stdin_default$j);
-const PRESET_ICONS = ["qq", "link", "weibo", "wechat", "poster", "qrcode", "weapp-qrcode", "wechat-moments"];
 const popupInheritKeys = [...popupSharedPropKeys, "round", "closeOnPopstate", "safeAreaInsetBottom"];
-function getIconURL(icon) {
-  if (PRESET_ICONS.includes(icon)) {
-    return `https://img.yzcdn.cn/vant/share-sheet-${icon}.png`;
-  }
-  return icon;
-}
+const iconMap = {
+  qq: "qq",
+  link: "link-o",
+  weibo: "weibo",
+  qrcode: "qr",
+  poster: "photo-o",
+  wechat: "wechat",
+  "weapp-qrcode": "miniprogram-o",
+  "wechat-moments": "wechat-moments"
+};
 const [name$d, bem$d, t$2] = createNamespace("share-sheet");
 const shareSheetProps = extend({}, popupSharedProps, {
   title: String,
@@ -11641,6 +11674,19 @@ var stdin_default$i = defineComponent({
         }, [description])]);
       }
     };
+    const renderIcon = (icon) => {
+      if (iconMap[icon]) {
+        return createVNode("div", {
+          "class": bem$d("icon", [icon])
+        }, [createVNode(Icon, {
+          "name": iconMap[icon] || icon
+        }, null)]);
+      }
+      return createVNode("img", {
+        "src": icon,
+        "class": bem$d("image-icon")
+      }, null);
+    };
     const renderOption = (option, index) => {
       const {
         name: name2,
@@ -11653,10 +11699,7 @@ var stdin_default$i = defineComponent({
         "tabindex": 0,
         "class": [bem$d("option"), className, HAPTICS_FEEDBACK],
         "onClick": () => onSelect(option, index)
-      }, [createVNode("img", {
-        "src": getIconURL(icon),
-        "class": bem$d("icon")
-      }, null), name2 && createVNode("span", {
+      }, [renderIcon(icon), name2 && createVNode("span", {
         "class": bem$d("name")
       }, [name2]), description && createVNode("span", {
         "class": bem$d("option-description")
@@ -14307,7 +14350,7 @@ const Lazyload = {
     });
   }
 };
-const version = "3.4.7";
+const version = "3.4.8";
 function install(app) {
   const components = [
     ActionBar,

package/lib/vant.es.min.js

@@ -2448,6 +2448,7 @@ var stdin_default$1m = defineComponent({
     useExpose({
       submit,
       validate,
+      getValues,
       scrollToField,
       resetValidation
     });
@@ -2566,6 +2567,7 @@ const fieldSharedProps = {
   placeholder: String,
   autocomplete: String,
   errorMessage: String,
+  enterkeyhint: String,
   clearTrigger: makeStringProp("focus"),
   formatTrigger: makeStringProp("onChange"),
   error: {
@@ -2835,6 +2837,7 @@ var stdin_default$1l = defineComponent({
         autofocus: props.autofocus,
         placeholder: props.placeholder,
         autocomplete: props.autocomplete,
+        enterkeyhint: props.enterkeyhint,
         "aria-labelledby": props.label ? `${id}-label` : void 0,
         onBlur,
         onFocus,
@@ -4247,6 +4250,7 @@ var stdin_default$1a = defineComponent({
     slots
   }) {
     const style = computed(() => {
+      var _a;
       const {
         item,
         index,
@@ -4278,6 +4282,9 @@ var stdin_default$1a = defineComponent({
             break;
         }
       }
+      if (offset + (((_a = item.date) == null ? void 0 : _a.getDate()) || 1) > 28) {
+        style2.marginBottom = 0;
+      }
       return style2;
     });
     const onClick = () => {
@@ -7780,7 +7787,7 @@ const [name$E, bem$D] = createNamespace("empty");
 const PRESET_IMAGES = ["error", "search", "default"];
 const emptyProps = {
   image: makeStringProp("default"),
-  imageSize: numericProp,
+  imageSize: [Number, String, Array],
   description: String
 };
 var stdin_default$K = defineComponent({
@@ -8320,6 +8327,7 @@ var stdin_default$H = defineComponent({
     const onChange = () => {
       updateInnerValue();
       nextTick(() => {
+        updateInnerValue();
         nextTick(() => emit("change", currentDate.value));
       });
     };
@@ -11351,33 +11359,53 @@ var stdin_default$k = defineComponent({
   }) {
     const touch = useTouch();
     const [itemRefs, setItemRefs] = useRefs();
+    const groupRef = ref();
     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;
+    let minRectTop = Number.MAX_SAFE_INTEGER;
+    let maxRectTop = Number.MIN_SAFE_INTEGER;
     const updateRanges = () => {
+      groupRefRect = useRect(groupRef);
       const rects = itemRefs.value.map(useRect);
       ranges = [];
       rects.forEach((rect, index) => {
+        minRectTop = Math.min(rect.top, minRectTop);
+        maxRectTop = Math.max(rect.top, maxRectTop);
         if (props.allowHalf) {
           ranges.push({
             score: index + 0.5,
-            left: rect.left
+            left: rect.left,
+            top: rect.top,
+            height: rect.height
           }, {
             score: index + 1,
-            left: rect.left + rect.width / 2
+            left: rect.left + rect.width / 2,
+            top: rect.top,
+            height: rect.height
           });
         } else {
           ranges.push({
             score: index + 1,
-            left: rect.left
+            left: rect.left,
+            top: rect.top,
+            height: rect.height
           });
         }
       });
     };
-    const getScoreByPosition = (x) => {
+    const getScoreByPosition = (x, y) => {
       for (let i = ranges.length - 1; i > 0; i--) {
-        if (x > ranges[i].left) {
-          return ranges[i].score;
+        if (y >= groupRefRect.top && y <= groupRefRect.bottom) {
+          if (x > ranges[i].left && y >= ranges[i].top && y <= ranges[i].top + ranges[i].height) {
+            return ranges[i].score;
+          }
+        } else {
+          const curTop = y < groupRefRect.top ? minRectTop : maxRectTop;
+          if (x > ranges[i].left && ranges[i].top === curTop) {
+            return ranges[i].score;
+          }
         }
       }
       return props.allowHalf ? 0.5 : 1;
@@ -11402,10 +11430,11 @@ var stdin_default$k = defineComponent({
       touch.move(event);
       if (touch.isHorizontal()) {
         const {
-          clientX
+          clientX,
+          clientY
         } = event.touches[0];
         preventDefault(event);
-        select(getScoreByPosition(clientX));
+        select(getScoreByPosition(clientX, clientY));
       }
     };
     const renderStar = (item, index) => {
@@ -11434,7 +11463,7 @@ var stdin_default$k = defineComponent({
       }
       const onClickItem = (event) => {
         updateRanges();
-        select(allowHalf ? getScoreByPosition(event.clientX) : score);
+        select(allowHalf ? getScoreByPosition(event.clientX, event.clientY) : score);
       };
       return createVNode("div", {
         "key": index,
@@ -11472,6 +11501,7 @@ var stdin_default$k = defineComponent({
     };
     useCustomFieldValue(() => props.modelValue);
     return () => createVNode("div", {
+      "ref": groupRef,
       "role": "radiogroup",
       "class": bem$f({
         readonly: props.readonly,
@@ -11596,14 +11626,17 @@ var stdin_default$j = defineComponent({
   }
 });
 const Search = withInstall(stdin_default$j);
-const PRESET_ICONS = ["qq", "link", "weibo", "wechat", "poster", "qrcode", "weapp-qrcode", "wechat-moments"];
 const popupInheritKeys = [...popupSharedPropKeys, "round", "closeOnPopstate", "safeAreaInsetBottom"];
-function getIconURL(icon) {
-  if (PRESET_ICONS.includes(icon)) {
-    return `https://img.yzcdn.cn/vant/share-sheet-${icon}.png`;
-  }
-  return icon;
-}
+const iconMap = {
+  qq: "qq",
+  link: "link-o",
+  weibo: "weibo",
+  qrcode: "qr",
+  poster: "photo-o",
+  wechat: "wechat",
+  "weapp-qrcode": "miniprogram-o",
+  "wechat-moments": "wechat-moments"
+};
 const [name$d, bem$d, t$2] = createNamespace("share-sheet");
 const shareSheetProps = extend({}, popupSharedProps, {
   title: String,
@@ -11641,6 +11674,19 @@ var stdin_default$i = defineComponent({
         }, [description])]);
       }
     };
+    const renderIcon = (icon) => {
+      if (iconMap[icon]) {
+        return createVNode("div", {
+          "class": bem$d("icon", [icon])
+        }, [createVNode(Icon, {
+          "name": iconMap[icon] || icon
+        }, null)]);
+      }
+      return createVNode("img", {
+        "src": icon,
+        "class": bem$d("image-icon")
+      }, null);
+    };
     const renderOption = (option, index) => {
       const {
         name: name2,
@@ -11653,10 +11699,7 @@ var stdin_default$i = defineComponent({
         "tabindex": 0,
         "class": [bem$d("option"), className, HAPTICS_FEEDBACK],
         "onClick": () => onSelect(option, index)
-      }, [createVNode("img", {
-        "src": getIconURL(icon),
-        "class": bem$d("icon")
-      }, null), name2 && createVNode("span", {
+      }, [renderIcon(icon), name2 && createVNode("span", {
         "class": bem$d("name")
       }, [name2]), description && createVNode("span", {
         "class": bem$d("option-description")
@@ -14307,7 +14350,7 @@ const Lazyload = {
     });
   }
 };
-const version = "3.4.7";
+const version = "3.4.8";
 function install(app) {
   const components = [
     ActionBar,

package/lib/vant.js

@@ -2802,6 +2802,7 @@
       useExpose({
         submit,
         validate,
+        getValues,
         scrollToField,
         resetValidation
       });
@@ -2920,6 +2921,7 @@
     placeholder: String,
     autocomplete: String,
     errorMessage: String,
+    enterkeyhint: String,
     clearTrigger: makeStringProp("focus"),
     formatTrigger: makeStringProp("onChange"),
     error: {
@@ -3189,6 +3191,7 @@
           autofocus: props.autofocus,
           placeholder: props.placeholder,
           autocomplete: props.autocomplete,
+          enterkeyhint: props.enterkeyhint,
           "aria-labelledby": props.label ? `${id}-label` : void 0,
           onBlur,
           onFocus,
@@ -4601,6 +4604,7 @@
       slots
     }) {
       const style = vue.computed(() => {
+        var _a;
         const {
           item,
           index,
@@ -4632,6 +4636,9 @@
               break;
           }
         }
+        if (offset2 + (((_a = item.date) == null ? void 0 : _a.getDate()) || 1) > 28) {
+          style2.marginBottom = 0;
+        }
         return style2;
       });
       const onClick = () => {
@@ -8134,7 +8141,7 @@
   const PRESET_IMAGES = ["error", "search", "default"];
   const emptyProps = {
     image: makeStringProp("default"),
-    imageSize: numericProp,
+    imageSize: [Number, String, Array],
     description: String
   };
   var stdin_default$K = vue.defineComponent({
@@ -8674,6 +8681,7 @@
       const onChange = () => {
         updateInnerValue();
         vue.nextTick(() => {
+          updateInnerValue();
           vue.nextTick(() => emit("change", currentDate.value));
         });
       };
@@ -12562,33 +12570,53 @@
     }) {
       const touch = useTouch();
       const [itemRefs, setItemRefs] = useRefs();
+      const groupRef = vue.ref();
       const untouchable = () => props.readonly || props.disabled || !props.touchable;
       const list = vue.computed(() => Array(+props.count).fill("").map((_, i) => getRateStatus(props.modelValue, i + 1, props.allowHalf, props.readonly)));
       let ranges;
+      let groupRefRect;
+      let minRectTop = Number.MAX_SAFE_INTEGER;
+      let maxRectTop = Number.MIN_SAFE_INTEGER;
       const updateRanges = () => {
+        groupRefRect = useRect(groupRef);
         const rects = itemRefs.value.map(useRect);
         ranges = [];
         rects.forEach((rect, index) => {
+          minRectTop = Math.min(rect.top, minRectTop);
+          maxRectTop = Math.max(rect.top, maxRectTop);
           if (props.allowHalf) {
             ranges.push({
               score: index + 0.5,
-              left: rect.left
+              left: rect.left,
+              top: rect.top,
+              height: rect.height
             }, {
               score: index + 1,
-              left: rect.left + rect.width / 2
+              left: rect.left + rect.width / 2,
+              top: rect.top,
+              height: rect.height
             });
           } else {
             ranges.push({
               score: index + 1,
-              left: rect.left
+              left: rect.left,
+              top: rect.top,
+              height: rect.height
             });
           }
         });
       };
-      const getScoreByPosition = (x) => {
+      const getScoreByPosition = (x, y) => {
         for (let i = ranges.length - 1; i > 0; i--) {
-          if (x > ranges[i].left) {
-            return ranges[i].score;
+          if (y >= groupRefRect.top && y <= groupRefRect.bottom) {
+            if (x > ranges[i].left && y >= ranges[i].top && y <= ranges[i].top + ranges[i].height) {
+              return ranges[i].score;
+            }
+          } else {
+            const curTop = y < groupRefRect.top ? minRectTop : maxRectTop;
+            if (x > ranges[i].left && ranges[i].top === curTop) {
+              return ranges[i].score;
+            }
           }
         }
         return props.allowHalf ? 0.5 : 1;
@@ -12613,10 +12641,11 @@
         touch.move(event);
         if (touch.isHorizontal()) {
           const {
-            clientX
+            clientX,
+            clientY
           } = event.touches[0];
           preventDefault(event);
-          select(getScoreByPosition(clientX));
+          select(getScoreByPosition(clientX, clientY));
         }
       };
       const renderStar = (item, index) => {
@@ -12645,7 +12674,7 @@
         }
         const onClickItem = (event) => {
           updateRanges();
-          select(allowHalf ? getScoreByPosition(event.clientX) : score);
+          select(allowHalf ? getScoreByPosition(event.clientX, event.clientY) : score);
         };
         return vue.createVNode("div", {
           "key": index,
@@ -12683,6 +12712,7 @@
       };
       useCustomFieldValue(() => props.modelValue);
       return () => vue.createVNode("div", {
+        "ref": groupRef,
         "role": "radiogroup",
         "class": bem$f({
           readonly: props.readonly,
@@ -12807,14 +12837,17 @@
     }
   });
   const Search = withInstall(stdin_default$j);
-  const PRESET_ICONS = ["qq", "link", "weibo", "wechat", "poster", "qrcode", "weapp-qrcode", "wechat-moments"];
   const popupInheritKeys = [...popupSharedPropKeys, "round", "closeOnPopstate", "safeAreaInsetBottom"];
-  function getIconURL(icon) {
-    if (PRESET_ICONS.includes(icon)) {
-      return `https://img.yzcdn.cn/vant/share-sheet-${icon}.png`;
-    }
-    return icon;
-  }
+  const iconMap = {
+    qq: "qq",
+    link: "link-o",
+    weibo: "weibo",
+    qrcode: "qr",
+    poster: "photo-o",
+    wechat: "wechat",
+    "weapp-qrcode": "miniprogram-o",
+    "wechat-moments": "wechat-moments"
+  };
   const [name$d, bem$d, t$2] = createNamespace("share-sheet");
   const shareSheetProps = extend({}, popupSharedProps, {
     title: String,
@@ -12852,6 +12885,19 @@
           }, [description])]);
         }
       };
+      const renderIcon = (icon) => {
+        if (iconMap[icon]) {
+          return vue.createVNode("div", {
+            "class": bem$d("icon", [icon])
+          }, [vue.createVNode(Icon, {
+            "name": iconMap[icon] || icon
+          }, null)]);
+        }
+        return vue.createVNode("img", {
+          "src": icon,
+          "class": bem$d("image-icon")
+        }, null);
+      };
       const renderOption = (option, index) => {
         const {
           name: name2,
@@ -12864,10 +12910,7 @@
           "tabindex": 0,
           "class": [bem$d("option"), className, HAPTICS_FEEDBACK],
           "onClick": () => onSelect(option, index)
-        }, [vue.createVNode("img", {
-          "src": getIconURL(icon),
-          "class": bem$d("icon")
-        }, null), name2 && vue.createVNode("span", {
+        }, [renderIcon(icon), name2 && vue.createVNode("span", {
           "class": bem$d("name")
         }, [name2]), description && vue.createVNode("span", {
           "class": bem$d("option-description")
@@ -15518,7 +15561,7 @@
       });
     }
   };
-  const version = "3.4.7";
+  const version = "3.4.8";
   function install(app) {
     const components = [
       ActionBar,