vant 3.6.10 → 3.6.12

package/es/field/Field.mjs

@@ -178,6 +178,7 @@ var stdin_default = defineComponent({
       }
     };
     const limitValueLength = (value) => {
+      var _a;
       const {
         maxlength
       } = props;
@@ -186,6 +187,13 @@ var stdin_default = defineComponent({
         if (modelValue && getStringLength(modelValue) === +maxlength) {
           return modelValue;
         }
+        const selectionEnd = (_a = inputRef.value) == null ? void 0 : _a.selectionEnd;
+        if (state.focused && selectionEnd) {
+          const valueArr = [...value];
+          const exceededLength = valueArr.length - +maxlength;
+          valueArr.splice(selectionEnd - exceededLength, exceededLength);
+          return valueArr.join("");
+        }
         return cutString(value, +maxlength);
       }
       return value;
@@ -193,22 +201,47 @@ var stdin_default = defineComponent({
     const updateValue = (value, trigger = "onChange") => {
       const originalValue = value;
       value = limitValueLength(value);
-      const isExceedLimit = value !== originalValue;
+      const limitDiffLen = getStringLength(originalValue) - getStringLength(value);
       if (props.type === "number" || props.type === "digit") {
         const isNumber = props.type === "number";
         value = formatNumber(value, isNumber, isNumber);
       }
+      let formatterDiffLen = 0;
       if (props.formatter && trigger === props.formatTrigger) {
-        value = props.formatter(value);
+        const {
+          formatter,
+          maxlength
+        } = props;
+        value = formatter(value);
+        if (isDef(maxlength) && getStringLength(value) > maxlength) {
+          value = cutString(value, +maxlength);
+        }
+        if (inputRef.value && state.focused) {
+          const {
+            selectionEnd
+          } = inputRef.value;
+          const bcoVal = cutString(originalValue, selectionEnd);
+          formatterDiffLen = getStringLength(formatter(bcoVal)) - getStringLength(bcoVal);
+        }
       }
       if (inputRef.value && inputRef.value.value !== value) {
-        if (state.focused && isExceedLimit) {
-          const {
+        if (state.focused) {
+          let {
             selectionStart,
             selectionEnd
           } = inputRef.value;
           inputRef.value.value = value;
-          inputRef.value.setSelectionRange(selectionStart - 1, selectionEnd - 1);
+          if (isDef(selectionStart) && isDef(selectionEnd)) {
+            const valueLen = getStringLength(value);
+            if (limitDiffLen) {
+              selectionStart -= limitDiffLen;
+              selectionEnd -= limitDiffLen;
+            } else if (formatterDiffLen) {
+              selectionStart += formatterDiffLen;
+              selectionEnd += formatterDiffLen;
+            }
+            inputRef.value.setSelectionRange(Math.min(selectionStart, valueLen), Math.min(selectionEnd, valueLen));
+          }
         } else {
           inputRef.value.value = value;
         }

package/es/index.d.ts

@@ -91,4 +91,4 @@ declare namespace _default {
 }
 export default _default;
 export function install(app: any): void;
-export const version: "3.6.10";
+export const version: "3.6.12";

package/es/index.mjs

@@ -84,7 +84,7 @@ import { Tag } from "./tag/index.mjs";
 import { Toast } from "./toast/index.mjs";
 import { TreeSelect } from "./tree-select/index.mjs";
 import { Uploader } from "./uploader/index.mjs";
-const version = "3.6.10";
+const version = "3.6.12";
 function install(app) {
   const components = [
     ActionBar,

package/es/uploader/Uploader.mjs

@@ -91,7 +91,8 @@ var stdin_default = defineComponent({
             const result = {
               file,
               status: "",
-              message: ""
+              message: "",
+              objectUrl: URL.createObjectURL(file)
             };
             if (contents[index]) {
               result.content = contents[index];
@@ -105,7 +106,8 @@ var stdin_default = defineComponent({
           const result = {
             file: files,
             status: "",
-            message: ""
+            message: "",
+            objectUrl: URL.createObjectURL(files)
           };
           if (content) {
             result.content = content;
@@ -147,8 +149,8 @@ var stdin_default = defineComponent({
       if (props.previewFullImage) {
         const imageFiles = props.modelValue.filter(isImageFile);
         const images = imageFiles.map((item2) => {
-          if (item2.file && !item2.url && item2.status !== "failed") {
-            item2.url = URL.createObjectURL(item2.file);
+          if (item2.objectUrl && !item2.url && item2.status !== "failed") {
+            item2.url = item2.objectUrl;
             urls.push(item2.url);
           }
           return item2.url;

package/es/uploader/UploaderPreviewItem.mjs

@@ -98,7 +98,7 @@ var stdin_default = defineComponent({
       if (isImageFile(item)) {
         return _createVNode(Image, {
           "fit": imageFit,
-          "src": item.content || item.url,
+          "src": item.objectUrl || item.content || item.url,
           "class": bem("preview-image"),
           "width": Array.isArray(previewSize) ? previewSize[0] : previewSize,
           "height": Array.isArray(previewSize) ? previewSize[1] : previewSize,

package/es/uploader/types.d.ts

@@ -6,6 +6,7 @@ export declare type UploaderResultType = 'dataUrl' | 'text' | 'file';
 export declare type UploaderFileListItem = {
     url?: string;
     file?: File;
+    objectUrl?: string;
     content?: string;
     isImage?: boolean;
     status?: '' | 'uploading' | 'done' | 'failed';

package/es/uploader/utils.mjs

@@ -40,7 +40,7 @@ function filterFiles(items, maxSize) {
   });
   return { valid, invalid };
 }
-const IMAGE_REGEXP = /\.(jpeg|jpg|gif|png|svg|webp|jfif|bmp|dpg)/i;
+const IMAGE_REGEXP = /\.(jpeg|jpg|gif|png|svg|webp|jfif|bmp|dpg|avif)/i;
 const isImageUrl = (url) => IMAGE_REGEXP.test(url);
 function isImageFile(item) {
   if (item.isImage) {

package/lib/field/Field.js

@@ -201,6 +201,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
       }
     };
     const limitValueLength = (value) => {
+      var _a;
       const {
         maxlength
       } = props;
@@ -209,6 +210,13 @@ var stdin_default = (0, import_vue2.defineComponent)({
         if (modelValue && (0, import_utils2.getStringLength)(modelValue) === +maxlength) {
           return modelValue;
         }
+        const selectionEnd = (_a = inputRef.value) == null ? void 0 : _a.selectionEnd;
+        if (state.focused && selectionEnd) {
+          const valueArr = [...value];
+          const exceededLength = valueArr.length - +maxlength;
+          valueArr.splice(selectionEnd - exceededLength, exceededLength);
+          return valueArr.join("");
+        }
         return (0, import_utils2.cutString)(value, +maxlength);
       }
       return value;
@@ -216,22 +224,47 @@ var stdin_default = (0, import_vue2.defineComponent)({
     const updateValue = (value, trigger = "onChange") => {
       const originalValue = value;
       value = limitValueLength(value);
-      const isExceedLimit = value !== originalValue;
+      const limitDiffLen = (0, import_utils2.getStringLength)(originalValue) - (0, import_utils2.getStringLength)(value);
       if (props.type === "number" || props.type === "digit") {
         const isNumber = props.type === "number";
         value = (0, import_utils.formatNumber)(value, isNumber, isNumber);
       }
+      let formatterDiffLen = 0;
       if (props.formatter && trigger === props.formatTrigger) {
-        value = props.formatter(value);
+        const {
+          formatter,
+          maxlength
+        } = props;
+        value = formatter(value);
+        if ((0, import_utils.isDef)(maxlength) && (0, import_utils2.getStringLength)(value) > maxlength) {
+          value = (0, import_utils2.cutString)(value, +maxlength);
+        }
+        if (inputRef.value && state.focused) {
+          const {
+            selectionEnd
+          } = inputRef.value;
+          const bcoVal = (0, import_utils2.cutString)(originalValue, selectionEnd);
+          formatterDiffLen = (0, import_utils2.getStringLength)(formatter(bcoVal)) - (0, import_utils2.getStringLength)(bcoVal);
+        }
       }
       if (inputRef.value && inputRef.value.value !== value) {
-        if (state.focused && isExceedLimit) {
-          const {
+        if (state.focused) {
+          let {
             selectionStart,
             selectionEnd
           } = inputRef.value;
           inputRef.value.value = value;
-          inputRef.value.setSelectionRange(selectionStart - 1, selectionEnd - 1);
+          if ((0, import_utils.isDef)(selectionStart) && (0, import_utils.isDef)(selectionEnd)) {
+            const valueLen = (0, import_utils2.getStringLength)(value);
+            if (limitDiffLen) {
+              selectionStart -= limitDiffLen;
+              selectionEnd -= limitDiffLen;
+            } else if (formatterDiffLen) {
+              selectionStart += formatterDiffLen;
+              selectionEnd += formatterDiffLen;
+            }
+            inputRef.value.setSelectionRange(Math.min(selectionStart, valueLen), Math.min(selectionEnd, valueLen));
+          }
         } else {
           inputRef.value.value = value;
         }

package/lib/index.d.ts

@@ -91,4 +91,4 @@ declare namespace _default {
 }
 export default _default;
 export function install(app: any): void;
-export const version: "3.6.10";
+export const version: "3.6.12";

package/lib/index.js

@@ -196,7 +196,7 @@ __reExport(stdin_exports, require("./tag"), module.exports);
 __reExport(stdin_exports, require("./toast"), module.exports);
 __reExport(stdin_exports, require("./tree-select"), module.exports);
 __reExport(stdin_exports, require("./uploader"), module.exports);
-const version = "3.6.10";
+const version = "3.6.12";
 function install(app) {
   const components = [
     import_action_bar.ActionBar,

package/lib/uploader/Uploader.js

@@ -119,7 +119,8 @@ var stdin_default = (0, import_vue2.defineComponent)({
             const result = {
               file,
               status: "",
-              message: ""
+              message: "",
+              objectUrl: URL.createObjectURL(file)
             };
             if (contents[index]) {
               result.content = contents[index];
@@ -133,7 +134,8 @@ var stdin_default = (0, import_vue2.defineComponent)({
           const result = {
             file: files,
             status: "",
-            message: ""
+            message: "",
+            objectUrl: URL.createObjectURL(files)
           };
           if (content) {
             result.content = content;
@@ -175,8 +177,8 @@ var stdin_default = (0, import_vue2.defineComponent)({
       if (props.previewFullImage) {
         const imageFiles = props.modelValue.filter(import_utils2.isImageFile);
         const images = imageFiles.map((item2) => {
-          if (item2.file && !item2.url && item2.status !== "failed") {
-            item2.url = URL.createObjectURL(item2.file);
+          if (item2.objectUrl && !item2.url && item2.status !== "failed") {
+            item2.url = item2.objectUrl;
             urls.push(item2.url);
           }
           return item2.url;

package/lib/uploader/UploaderPreviewItem.js

@@ -120,7 +120,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
       if ((0, import_utils.isImageFile)(item)) {
         return (0, import_vue.createVNode)(import_image.Image, {
           "fit": imageFit,
-          "src": item.content || item.url,
+          "src": item.objectUrl || item.content || item.url,
           "class": (0, import_utils.bem)("preview-image"),
           "width": Array.isArray(previewSize) ? previewSize[0] : previewSize,
           "height": Array.isArray(previewSize) ? previewSize[1] : previewSize,

package/lib/uploader/types.d.ts

@@ -6,6 +6,7 @@ export declare type UploaderResultType = 'dataUrl' | 'text' | 'file';
 export declare type UploaderFileListItem = {
     url?: string;
     file?: File;
+    objectUrl?: string;
     content?: string;
     isImage?: boolean;
     status?: '' | 'uploading' | 'done' | 'failed';

package/lib/uploader/utils.js

@@ -69,7 +69,7 @@ function filterFiles(items, maxSize) {
   });
   return { valid, invalid };
 }
-const IMAGE_REGEXP = /\.(jpeg|jpg|gif|png|svg|webp|jfif|bmp|dpg)/i;
+const IMAGE_REGEXP = /\.(jpeg|jpg|gif|png|svg|webp|jfif|bmp|dpg|avif)/i;
 const isImageUrl = (url) => IMAGE_REGEXP.test(url);
 function isImageFile(item) {
   if (item.isImage) {

package/lib/vant.cjs.js

@@ -2832,6 +2832,7 @@ var stdin_default$1m = vue.defineComponent({
       }
     };
     const limitValueLength = (value) => {
+      var _a;
       const {
         maxlength
       } = props;
@@ -2840,6 +2841,13 @@ var stdin_default$1m = vue.defineComponent({
         if (modelValue && getStringLength(modelValue) === +maxlength) {
           return modelValue;
         }
+        const selectionEnd = (_a = inputRef.value) == null ? void 0 : _a.selectionEnd;
+        if (state.focused && selectionEnd) {
+          const valueArr = [...value];
+          const exceededLength = valueArr.length - +maxlength;
+          valueArr.splice(selectionEnd - exceededLength, exceededLength);
+          return valueArr.join("");
+        }
         return cutString(value, +maxlength);
       }
       return value;
@@ -2847,22 +2855,47 @@ var stdin_default$1m = vue.defineComponent({
     const updateValue = (value, trigger = "onChange") => {
       const originalValue = value;
       value = limitValueLength(value);
-      const isExceedLimit = value !== originalValue;
+      const limitDiffLen = getStringLength(originalValue) - getStringLength(value);
       if (props.type === "number" || props.type === "digit") {
         const isNumber = props.type === "number";
         value = formatNumber(value, isNumber, isNumber);
       }
+      let formatterDiffLen = 0;
       if (props.formatter && trigger === props.formatTrigger) {
-        value = props.formatter(value);
+        const {
+          formatter,
+          maxlength
+        } = props;
+        value = formatter(value);
+        if (isDef(maxlength) && getStringLength(value) > maxlength) {
+          value = cutString(value, +maxlength);
+        }
+        if (inputRef.value && state.focused) {
+          const {
+            selectionEnd
+          } = inputRef.value;
+          const bcoVal = cutString(originalValue, selectionEnd);
+          formatterDiffLen = getStringLength(formatter(bcoVal)) - getStringLength(bcoVal);
+        }
       }
       if (inputRef.value && inputRef.value.value !== value) {
-        if (state.focused && isExceedLimit) {
-          const {
+        if (state.focused) {
+          let {
             selectionStart,
             selectionEnd
           } = inputRef.value;
           inputRef.value.value = value;
-          inputRef.value.setSelectionRange(selectionStart - 1, selectionEnd - 1);
+          if (isDef(selectionStart) && isDef(selectionEnd)) {
+            const valueLen = getStringLength(value);
+            if (limitDiffLen) {
+              selectionStart -= limitDiffLen;
+              selectionEnd -= limitDiffLen;
+            } else if (formatterDiffLen) {
+              selectionStart += formatterDiffLen;
+              selectionEnd += formatterDiffLen;
+            }
+            inputRef.value.setSelectionRange(Math.min(selectionStart, valueLen), Math.min(selectionEnd, valueLen));
+          }
         } else {
           inputRef.value.value = value;
         }
@@ -13698,7 +13731,7 @@ function filterFiles(items, maxSize) {
   });
   return { valid, invalid };
 }
-const IMAGE_REGEXP = /\.(jpeg|jpg|gif|png|svg|webp|jfif|bmp|dpg)/i;
+const IMAGE_REGEXP = /\.(jpeg|jpg|gif|png|svg|webp|jfif|bmp|dpg|avif)/i;
 const isImageUrl = (url) => IMAGE_REGEXP.test(url);
 function isImageFile(item) {
   if (item.isImage) {
@@ -13808,7 +13841,7 @@ var stdin_default$5 = vue.defineComponent({
       if (isImageFile(item)) {
         return vue.createVNode(Image$1, {
           "fit": imageFit,
-          "src": item.content || item.url,
+          "src": item.objectUrl || item.content || item.url,
           "class": bem("preview-image"),
           "width": Array.isArray(previewSize) ? previewSize[0] : previewSize,
           "height": Array.isArray(previewSize) ? previewSize[1] : previewSize,
@@ -13917,7 +13950,8 @@ var stdin_default$4 = vue.defineComponent({
             const result = {
               file,
               status: "",
-              message: ""
+              message: "",
+              objectUrl: URL.createObjectURL(file)
             };
             if (contents[index]) {
               result.content = contents[index];
@@ -13931,7 +13965,8 @@ var stdin_default$4 = vue.defineComponent({
           const result = {
             file: files,
             status: "",
-            message: ""
+            message: "",
+            objectUrl: URL.createObjectURL(files)
           };
           if (content) {
             result.content = content;
@@ -13973,8 +14008,8 @@ var stdin_default$4 = vue.defineComponent({
       if (props.previewFullImage) {
         const imageFiles = props.modelValue.filter(isImageFile);
         const images = imageFiles.map((item2) => {
-          if (item2.file && !item2.url && item2.status !== "failed") {
-            item2.url = URL.createObjectURL(item2.file);
+          if (item2.objectUrl && !item2.url && item2.status !== "failed") {
+            item2.url = item2.objectUrl;
             urls.push(item2.url);
           }
           return item2.url;
@@ -14967,7 +15002,7 @@ const Lazyload = {
     });
   }
 };
-const version = "3.6.10";
+const version = "3.6.12";
 function install(app) {
   const components = [
     ActionBar,

package/lib/vant.es.js

@@ -2830,6 +2830,7 @@ var stdin_default$1m = defineComponent({
       }
     };
     const limitValueLength = (value) => {
+      var _a;
       const {
         maxlength
       } = props;
@@ -2838,6 +2839,13 @@ var stdin_default$1m = defineComponent({
         if (modelValue && getStringLength(modelValue) === +maxlength) {
           return modelValue;
         }
+        const selectionEnd = (_a = inputRef.value) == null ? void 0 : _a.selectionEnd;
+        if (state.focused && selectionEnd) {
+          const valueArr = [...value];
+          const exceededLength = valueArr.length - +maxlength;
+          valueArr.splice(selectionEnd - exceededLength, exceededLength);
+          return valueArr.join("");
+        }
         return cutString(value, +maxlength);
       }
       return value;
@@ -2845,22 +2853,47 @@ var stdin_default$1m = defineComponent({
     const updateValue = (value, trigger = "onChange") => {
       const originalValue = value;
       value = limitValueLength(value);
-      const isExceedLimit = value !== originalValue;
+      const limitDiffLen = getStringLength(originalValue) - getStringLength(value);
       if (props.type === "number" || props.type === "digit") {
         const isNumber = props.type === "number";
         value = formatNumber(value, isNumber, isNumber);
       }
+      let formatterDiffLen = 0;
       if (props.formatter && trigger === props.formatTrigger) {
-        value = props.formatter(value);
+        const {
+          formatter,
+          maxlength
+        } = props;
+        value = formatter(value);
+        if (isDef(maxlength) && getStringLength(value) > maxlength) {
+          value = cutString(value, +maxlength);
+        }
+        if (inputRef.value && state.focused) {
+          const {
+            selectionEnd
+          } = inputRef.value;
+          const bcoVal = cutString(originalValue, selectionEnd);
+          formatterDiffLen = getStringLength(formatter(bcoVal)) - getStringLength(bcoVal);
+        }
       }
       if (inputRef.value && inputRef.value.value !== value) {
-        if (state.focused && isExceedLimit) {
-          const {
+        if (state.focused) {
+          let {
             selectionStart,
             selectionEnd
           } = inputRef.value;
           inputRef.value.value = value;
-          inputRef.value.setSelectionRange(selectionStart - 1, selectionEnd - 1);
+          if (isDef(selectionStart) && isDef(selectionEnd)) {
+            const valueLen = getStringLength(value);
+            if (limitDiffLen) {
+              selectionStart -= limitDiffLen;
+              selectionEnd -= limitDiffLen;
+            } else if (formatterDiffLen) {
+              selectionStart += formatterDiffLen;
+              selectionEnd += formatterDiffLen;
+            }
+            inputRef.value.setSelectionRange(Math.min(selectionStart, valueLen), Math.min(selectionEnd, valueLen));
+          }
         } else {
           inputRef.value.value = value;
         }
@@ -13696,7 +13729,7 @@ function filterFiles(items, maxSize) {
   });
   return { valid, invalid };
 }
-const IMAGE_REGEXP = /\.(jpeg|jpg|gif|png|svg|webp|jfif|bmp|dpg)/i;
+const IMAGE_REGEXP = /\.(jpeg|jpg|gif|png|svg|webp|jfif|bmp|dpg|avif)/i;
 const isImageUrl = (url) => IMAGE_REGEXP.test(url);
 function isImageFile(item) {
   if (item.isImage) {
@@ -13806,7 +13839,7 @@ var stdin_default$5 = defineComponent({
       if (isImageFile(item)) {
         return createVNode(Image$1, {
           "fit": imageFit,
-          "src": item.content || item.url,
+          "src": item.objectUrl || item.content || item.url,
           "class": bem("preview-image"),
           "width": Array.isArray(previewSize) ? previewSize[0] : previewSize,
           "height": Array.isArray(previewSize) ? previewSize[1] : previewSize,
@@ -13915,7 +13948,8 @@ var stdin_default$4 = defineComponent({
             const result = {
               file,
               status: "",
-              message: ""
+              message: "",
+              objectUrl: URL.createObjectURL(file)
             };
             if (contents[index]) {
               result.content = contents[index];
@@ -13929,7 +13963,8 @@ var stdin_default$4 = defineComponent({
           const result = {
             file: files,
             status: "",
-            message: ""
+            message: "",
+            objectUrl: URL.createObjectURL(files)
           };
           if (content) {
             result.content = content;
@@ -13971,8 +14006,8 @@ var stdin_default$4 = defineComponent({
       if (props.previewFullImage) {
         const imageFiles = props.modelValue.filter(isImageFile);
         const images = imageFiles.map((item2) => {
-          if (item2.file && !item2.url && item2.status !== "failed") {
-            item2.url = URL.createObjectURL(item2.file);
+          if (item2.objectUrl && !item2.url && item2.status !== "failed") {
+            item2.url = item2.objectUrl;
             urls.push(item2.url);
           }
           return item2.url;
@@ -14965,7 +15000,7 @@ const Lazyload = {
     });
   }
 };
-const version = "3.6.10";
+const version = "3.6.12";
 function install(app) {
   const components = [
     ActionBar,