vant 4.0.0-rc.9 → 4.0.1

package/lib/index.d.ts

@@ -94,4 +94,4 @@ declare namespace _default {
 }
 export default _default;
 export function install(app: any): void;
-export const version: "4.0.0-rc.9";
+export const version: "4.0.1";

package/lib/index.js

@@ -202,7 +202,7 @@ __reExport(stdin_exports, require("./time-picker"), 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 = "4.0.0-rc.9";
+const version = "4.0.1";
 function install(app) {
   const components = [
     import_action_bar.ActionBar,

package/lib/list/List.d.ts

@@ -7,6 +7,7 @@ export declare const listProps: {
         default: number;
     };
     loading: BooleanConstructor;
+    disabled: BooleanConstructor;
     finished: BooleanConstructor;
     errorText: StringConstructor;
     direction: {
@@ -28,6 +29,7 @@ declare const _default: import("vue").DefineComponent<{
         default: number;
     };
     loading: BooleanConstructor;
+    disabled: BooleanConstructor;
     finished: BooleanConstructor;
     errorText: StringConstructor;
     direction: {
@@ -47,6 +49,7 @@ declare const _default: import("vue").DefineComponent<{
         default: number;
     };
     loading: BooleanConstructor;
+    disabled: BooleanConstructor;
     finished: BooleanConstructor;
     errorText: StringConstructor;
     direction: {
@@ -65,6 +68,7 @@ declare const _default: import("vue").DefineComponent<{
     "onUpdate:loading"?: ((...args: any[]) => any) | undefined;
 }, {
     offset: string | number;
+    disabled: boolean;
     error: boolean;
     loading: boolean;
     direction: ListDirection;

package/lib/list/List.js

@@ -33,6 +33,7 @@ const listProps = {
   error: Boolean,
   offset: (0, import_utils.makeNumericProp)(300),
   loading: Boolean,
+  disabled: Boolean,
   finished: Boolean,
   errorText: String,
   direction: (0, import_utils.makeStringProp)("down"),
@@ -55,7 +56,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
     const scrollParent = (0, import_use.useScrollParent)(root);
     const check = () => {
       (0, import_vue2.nextTick)(() => {
-        if (loading.value || props.finished || props.error || (tabStatus == null ? void 0 : tabStatus.value) === false) {
+        if (loading.value || props.finished || props.disabled || props.error || (tabStatus == null ? void 0 : tabStatus.value) === false) {
           return;
         }
         const {
@@ -108,7 +109,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
       }
     };
     const renderLoading = () => {
-      if (loading.value && !props.finished) {
+      if (loading.value && !props.finished && !props.disabled) {
         return (0, import_vue.createVNode)("div", {
           "class": bem("loading")
         }, [slots.loading ? slots.loading() : (0, import_vue.createVNode)(import_loading.Loading, {

package/lib/list/index.d.ts

@@ -6,6 +6,7 @@ export declare const List: import("../utils").WithInstall<import("vue").DefineCo
         default: number;
     };
     loading: BooleanConstructor;
+    disabled: BooleanConstructor;
     finished: BooleanConstructor;
     errorText: StringConstructor;
     direction: {
@@ -25,6 +26,7 @@ export declare const List: import("../utils").WithInstall<import("vue").DefineCo
         default: number;
     };
     loading: BooleanConstructor;
+    disabled: BooleanConstructor;
     finished: BooleanConstructor;
     errorText: StringConstructor;
     direction: {
@@ -43,6 +45,7 @@ export declare const List: import("../utils").WithInstall<import("vue").DefineCo
     "onUpdate:loading"?: ((...args: any[]) => any) | undefined;
 }, {
     offset: string | number;
+    disabled: boolean;
     error: boolean;
     loading: boolean;
     direction: import("./types").ListDirection;

package/lib/picker/Picker.js

@@ -89,6 +89,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
     });
     const hasOptions = (0, import_vue2.computed)(() => currentColumns.value.some((options) => options.length));
     const selectedOptions = (0, import_vue2.computed)(() => currentColumns.value.map((options, index) => (0, import_utils2.findOptionByValue)(options, selectedValues.value[index], fields.value)));
+    const selectedIndexes = (0, import_vue2.computed)(() => currentColumns.value.map((options, index) => options.findIndex((option) => option[fields.value.value] === selectedValues.value[index])));
     const setValue = (index, value) => {
       if (selectedValues.value[index] !== value) {
         const newValues = selectedValues.value.slice(0);
@@ -98,7 +99,8 @@ var stdin_default = (0, import_vue2.defineComponent)({
     };
     const getEventParams = () => ({
       selectedValues: selectedValues.value.slice(0),
-      selectedOptions: selectedOptions.value
+      selectedOptions: selectedOptions.value,
+      selectedIndexes: selectedIndexes.value
     });
     const onChange = (value, columnIndex) => {
       setValue(columnIndex, value);

package/lib/picker/types.d.ts

@@ -37,6 +37,7 @@ export type PickerInstance = ComponentPublicInstance<PickerProps, PickerExpose>;
 export type PickerConfirmEventParams = {
     selectedValues: Numeric[];
     selectedOptions: Array<PickerOption | undefined>;
+    selectedIndexes: number[];
 };
 export type PickerCancelEventParams = PickerConfirmEventParams;
 export type PickerChangeEventParams = PickerConfirmEventParams & {

package/lib/vant.cjs.js

@@ -3151,6 +3151,7 @@ var stdin_default$1n = vue.defineComponent({
     });
     const hasOptions = vue.computed(() => currentColumns.value.some((options) => options.length));
     const selectedOptions = vue.computed(() => currentColumns.value.map((options, index) => findOptionByValue(options, selectedValues.value[index], fields.value)));
+    const selectedIndexes = vue.computed(() => currentColumns.value.map((options, index) => options.findIndex((option) => option[fields.value.value] === selectedValues.value[index])));
     const setValue = (index, value) => {
       if (selectedValues.value[index] !== value) {
         const newValues = selectedValues.value.slice(0);
@@ -3160,7 +3161,8 @@ var stdin_default$1n = vue.defineComponent({
     };
     const getEventParams = () => ({
       selectedValues: selectedValues.value.slice(0),
-      selectedOptions: selectedOptions.value
+      selectedOptions: selectedOptions.value,
+      selectedIndexes: selectedIndexes.value
     });
     const onChange = (value, columnIndex) => {
       setValue(columnIndex, value);
@@ -3983,7 +3985,14 @@ var stdin_default$1j = vue.defineComponent({
         value = props.formatter(value);
       }
       if (inputRef.value && inputRef.value.value !== value) {
+        const {
+          selectionStart,
+          selectionEnd
+        } = inputRef.value;
         inputRef.value.value = value;
+        if (state.focused) {
+          inputRef.value.setSelectionRange(selectionStart, selectionEnd);
+        }
       }
       if (value !== props.modelValue) {
         emit("update:modelValue", value);
@@ -5501,10 +5510,10 @@ class ImageCache {
 }
 const [name$12, bem$_] = createNamespace("back-top");
 const backTopProps = {
-  right: makeNumericProp(30),
-  bottom: makeNumericProp(40),
+  right: numericProp,
+  bottom: numericProp,
   target: [String, Object],
-  visibilityHeight: makeNumericProp(200),
+  offset: makeNumericProp(200),
   teleport: {
     type: [String, Object],
     default: "body"
@@ -5521,50 +5530,52 @@ var stdin_default$18 = vue.defineComponent({
     attrs
   }) {
     const show = vue.ref(false);
+    const root = vue.ref();
     const scrollParent = vue.ref();
-    const root = vue.ref(null);
-    let target;
     const style = vue.computed(() => ({
       right: addUnit(props.right),
       bottom: addUnit(props.bottom)
     }));
     const onClick = (event) => {
+      var _a;
       emit("click", event);
-      target.scrollTo({
+      (_a = scrollParent.value) == null ? void 0 : _a.scrollTo({
         top: 0,
         behavior: "smooth"
       });
     };
     const scroll = () => {
-      show.value = getScrollTop(target) >= props.visibilityHeight;
+      show.value = scrollParent.value ? getScrollTop(scrollParent.value) >= props.offset : false;
     };
     const getTarget = () => {
       const {
-        target: target2
+        target
       } = props;
-      if (typeof target2 === "string") {
-        const el = document.querySelector(props.target);
-        if (!el) {
-          throw Error("[Vant] BackTop: target element is not found.");
+      if (typeof target === "string") {
+        const el = document.querySelector(target);
+        if (el) {
+          return el;
+        }
+        if (process.env.NODE_ENV !== "production") {
+          console.error(`[Vant] BackTop: target element "${target}" was not found, the BackTop component will not be rendered.`);
         }
-        return el;
+      } else {
+        return target;
       }
-      if (isObject(target2)) {
-        return target2;
+    };
+    const updateTarget = () => {
+      if (inBrowser) {
+        vue.nextTick(() => {
+          scrollParent.value = props.target ? getTarget() : use.getScrollParent(root.value);
+          scroll();
+        });
       }
-      throw Error('[Vant] BackTop: type of prop "target" should be a selector or an element object');
     };
-    use.useEventListener("scroll", throttle(scroll, 300), {
+    use.useEventListener("scroll", throttle(scroll, 100), {
       target: scrollParent
     });
-    vue.onMounted(() => {
-      vue.nextTick(() => {
-        if (inBrowser) {
-          target = props.target ? getTarget() : use.getScrollParent(root.value);
-          scrollParent.value = target;
-        }
-      });
-    });
+    vue.onMounted(updateTarget);
+    vue.watch(() => props.target, updateTarget);
     return () => {
       const Content = vue.createVNode("div", vue.mergeProps({
         "ref": root,
@@ -10186,6 +10197,7 @@ const listProps = {
   error: Boolean,
   offset: makeNumericProp(300),
   loading: Boolean,
+  disabled: Boolean,
   finished: Boolean,
   errorText: String,
   direction: makeStringProp("down"),
@@ -10208,7 +10220,7 @@ var stdin_default$B = vue.defineComponent({
     const scrollParent = use.useScrollParent(root);
     const check = () => {
       vue.nextTick(() => {
-        if (loading.value || props.finished || props.error || (tabStatus == null ? void 0 : tabStatus.value) === false) {
+        if (loading.value || props.finished || props.disabled || props.error || (tabStatus == null ? void 0 : tabStatus.value) === false) {
           return;
         }
         const {
@@ -10261,7 +10273,7 @@ var stdin_default$B = vue.defineComponent({
       }
     };
     const renderLoading = () => {
-      if (loading.value && !props.finished) {
+      if (loading.value && !props.finished && !props.disabled) {
         return vue.createVNode("div", {
           "class": bem$v("loading")
         }, [slots.loading ? slots.loading() : vue.createVNode(Loading, {
@@ -14809,7 +14821,7 @@ const Lazyload = {
     });
   }
 };
-const version = "4.0.0-rc.9";
+const version = "4.0.1";
 function install(app) {
   const components = [
     ActionBar,

package/lib/vant.es.js

@@ -3149,6 +3149,7 @@ var stdin_default$1n = defineComponent({
     });
     const hasOptions = computed(() => currentColumns.value.some((options) => options.length));
     const selectedOptions = computed(() => currentColumns.value.map((options, index) => findOptionByValue(options, selectedValues.value[index], fields.value)));
+    const selectedIndexes = computed(() => currentColumns.value.map((options, index) => options.findIndex((option) => option[fields.value.value] === selectedValues.value[index])));
     const setValue = (index, value) => {
       if (selectedValues.value[index] !== value) {
         const newValues = selectedValues.value.slice(0);
@@ -3158,7 +3159,8 @@ var stdin_default$1n = defineComponent({
     };
     const getEventParams = () => ({
       selectedValues: selectedValues.value.slice(0),
-      selectedOptions: selectedOptions.value
+      selectedOptions: selectedOptions.value,
+      selectedIndexes: selectedIndexes.value
     });
     const onChange = (value, columnIndex) => {
       setValue(columnIndex, value);
@@ -3981,7 +3983,14 @@ var stdin_default$1j = defineComponent({
         value = props.formatter(value);
       }
       if (inputRef.value && inputRef.value.value !== value) {
+        const {
+          selectionStart,
+          selectionEnd
+        } = inputRef.value;
         inputRef.value.value = value;
+        if (state.focused) {
+          inputRef.value.setSelectionRange(selectionStart, selectionEnd);
+        }
       }
       if (value !== props.modelValue) {
         emit("update:modelValue", value);
@@ -5499,10 +5508,10 @@ class ImageCache {
 }
 const [name$12, bem$_] = createNamespace("back-top");
 const backTopProps = {
-  right: makeNumericProp(30),
-  bottom: makeNumericProp(40),
+  right: numericProp,
+  bottom: numericProp,
   target: [String, Object],
-  visibilityHeight: makeNumericProp(200),
+  offset: makeNumericProp(200),
   teleport: {
     type: [String, Object],
     default: "body"
@@ -5519,50 +5528,52 @@ var stdin_default$18 = defineComponent({
     attrs
   }) {
     const show = ref(false);
+    const root = ref();
     const scrollParent = ref();
-    const root = ref(null);
-    let target;
     const style = computed(() => ({
       right: addUnit(props.right),
       bottom: addUnit(props.bottom)
     }));
     const onClick = (event) => {
+      var _a;
       emit("click", event);
-      target.scrollTo({
+      (_a = scrollParent.value) == null ? void 0 : _a.scrollTo({
         top: 0,
         behavior: "smooth"
       });
     };
     const scroll = () => {
-      show.value = getScrollTop(target) >= props.visibilityHeight;
+      show.value = scrollParent.value ? getScrollTop(scrollParent.value) >= props.offset : false;
     };
     const getTarget = () => {
       const {
-        target: target2
+        target
       } = props;
-      if (typeof target2 === "string") {
-        const el = document.querySelector(props.target);
-        if (!el) {
-          throw Error("[Vant] BackTop: target element is not found.");
+      if (typeof target === "string") {
+        const el = document.querySelector(target);
+        if (el) {
+          return el;
+        }
+        if (process.env.NODE_ENV !== "production") {
+          console.error(`[Vant] BackTop: target element "${target}" was not found, the BackTop component will not be rendered.`);
         }
-        return el;
+      } else {
+        return target;
       }
-      if (isObject(target2)) {
-        return target2;
+    };
+    const updateTarget = () => {
+      if (inBrowser) {
+        nextTick(() => {
+          scrollParent.value = props.target ? getTarget() : getScrollParent(root.value);
+          scroll();
+        });
       }
-      throw Error('[Vant] BackTop: type of prop "target" should be a selector or an element object');
     };
-    useEventListener("scroll", throttle(scroll, 300), {
+    useEventListener("scroll", throttle(scroll, 100), {
       target: scrollParent
     });
-    onMounted(() => {
-      nextTick(() => {
-        if (inBrowser) {
-          target = props.target ? getTarget() : getScrollParent(root.value);
-          scrollParent.value = target;
-        }
-      });
-    });
+    onMounted(updateTarget);
+    watch(() => props.target, updateTarget);
     return () => {
       const Content = createVNode("div", mergeProps({
         "ref": root,
@@ -10184,6 +10195,7 @@ const listProps = {
   error: Boolean,
   offset: makeNumericProp(300),
   loading: Boolean,
+  disabled: Boolean,
   finished: Boolean,
   errorText: String,
   direction: makeStringProp("down"),
@@ -10206,7 +10218,7 @@ var stdin_default$B = defineComponent({
     const scrollParent = useScrollParent(root);
     const check = () => {
       nextTick(() => {
-        if (loading.value || props.finished || props.error || (tabStatus == null ? void 0 : tabStatus.value) === false) {
+        if (loading.value || props.finished || props.disabled || props.error || (tabStatus == null ? void 0 : tabStatus.value) === false) {
           return;
         }
         const {
@@ -10259,7 +10271,7 @@ var stdin_default$B = defineComponent({
       }
     };
     const renderLoading = () => {
-      if (loading.value && !props.finished) {
+      if (loading.value && !props.finished && !props.disabled) {
         return createVNode("div", {
           "class": bem$v("loading")
         }, [slots.loading ? slots.loading() : createVNode(Loading, {
@@ -14807,7 +14819,7 @@ const Lazyload = {
     });
   }
 };
-const version = "4.0.0-rc.9";
+const version = "4.0.1";
 function install(app) {
   const components = [
     ActionBar,

package/lib/vant.js

@@ -3509,6 +3509,7 @@
       });
       const hasOptions = vue.computed(() => currentColumns.value.some((options) => options.length));
       const selectedOptions = vue.computed(() => currentColumns.value.map((options, index) => findOptionByValue(options, selectedValues.value[index], fields.value)));
+      const selectedIndexes = vue.computed(() => currentColumns.value.map((options, index) => options.findIndex((option) => option[fields.value.value] === selectedValues.value[index])));
       const setValue = (index, value) => {
         if (selectedValues.value[index] !== value) {
           const newValues = selectedValues.value.slice(0);
@@ -3518,7 +3519,8 @@
       };
       const getEventParams = () => ({
         selectedValues: selectedValues.value.slice(0),
-        selectedOptions: selectedOptions.value
+        selectedOptions: selectedOptions.value,
+        selectedIndexes: selectedIndexes.value
       });
       const onChange = (value, columnIndex) => {
         setValue(columnIndex, value);
@@ -4341,7 +4343,14 @@
           value = props.formatter(value);
         }
         if (inputRef.value && inputRef.value.value !== value) {
+          const {
+            selectionStart,
+            selectionEnd
+          } = inputRef.value;
           inputRef.value.value = value;
+          if (state.focused) {
+            inputRef.value.setSelectionRange(selectionStart, selectionEnd);
+          }
         }
         if (value !== props.modelValue) {
           emit("update:modelValue", value);
@@ -5859,10 +5868,10 @@
   }
   const [name$12, bem$_] = createNamespace("back-top");
   const backTopProps = {
-    right: makeNumericProp(30),
-    bottom: makeNumericProp(40),
+    right: numericProp,
+    bottom: numericProp,
     target: [String, Object],
-    visibilityHeight: makeNumericProp(200),
+    offset: makeNumericProp(200),
     teleport: {
       type: [String, Object],
       default: "body"
@@ -5879,50 +5888,49 @@
       attrs
     }) {
       const show = vue.ref(false);
+      const root = vue.ref();
       const scrollParent = vue.ref();
-      const root = vue.ref(null);
-      let target;
       const style = vue.computed(() => ({
         right: addUnit(props.right),
         bottom: addUnit(props.bottom)
       }));
       const onClick = (event) => {
+        var _a;
         emit("click", event);
-        target.scrollTo({
+        (_a = scrollParent.value) == null ? void 0 : _a.scrollTo({
           top: 0,
           behavior: "smooth"
         });
       };
       const scroll = () => {
-        show.value = getScrollTop(target) >= props.visibilityHeight;
+        show.value = scrollParent.value ? getScrollTop(scrollParent.value) >= props.offset : false;
       };
       const getTarget = () => {
         const {
-          target: target2
+          target
         } = props;
-        if (typeof target2 === "string") {
-          const el = document.querySelector(props.target);
-          if (!el) {
-            throw Error("[Vant] BackTop: target element is not found.");
+        if (typeof target === "string") {
+          const el = document.querySelector(target);
+          if (el) {
+            return el;
           }
-          return el;
+        } else {
+          return target;
         }
-        if (isObject(target2)) {
-          return target2;
+      };
+      const updateTarget = () => {
+        if (inBrowser$1) {
+          vue.nextTick(() => {
+            scrollParent.value = props.target ? getTarget() : getScrollParent$1(root.value);
+            scroll();
+          });
         }
-        throw Error('[Vant] BackTop: type of prop "target" should be a selector or an element object');
       };
-      useEventListener("scroll", throttle(scroll, 300), {
+      useEventListener("scroll", throttle(scroll, 100), {
         target: scrollParent
       });
-      vue.onMounted(() => {
-        vue.nextTick(() => {
-          if (inBrowser$1) {
-            target = props.target ? getTarget() : getScrollParent$1(root.value);
-            scrollParent.value = target;
-          }
-        });
-      });
+      vue.onMounted(updateTarget);
+      vue.watch(() => props.target, updateTarget);
       return () => {
         const Content = vue.createVNode("div", vue.mergeProps({
           "ref": root,
@@ -10515,6 +10523,7 @@
     error: Boolean,
     offset: makeNumericProp(300),
     loading: Boolean,
+    disabled: Boolean,
     finished: Boolean,
     errorText: String,
     direction: makeStringProp("down"),
@@ -10537,7 +10546,7 @@
       const scrollParent = useScrollParent(root);
       const check = () => {
         vue.nextTick(() => {
-          if (loading.value || props.finished || props.error || (tabStatus == null ? void 0 : tabStatus.value) === false) {
+          if (loading.value || props.finished || props.disabled || props.error || (tabStatus == null ? void 0 : tabStatus.value) === false) {
             return;
           }
           const {
@@ -10590,7 +10599,7 @@
         }
       };
       const renderLoading = () => {
-        if (loading.value && !props.finished) {
+        if (loading.value && !props.finished && !props.disabled) {
           return vue.createVNode("div", {
             "class": bem$v("loading")
           }, [slots.loading ? slots.loading() : vue.createVNode(Loading, {
@@ -16018,7 +16027,7 @@
       });
     }
   };
-  const version = "4.0.0-rc.9";
+  const version = "4.0.1";
   function install(app) {
     const components = [
       ActionBar,