vant 4.0.0-rc.8 → 4.0.0

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.8";
+export const version: "4.0.0";

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.8";
+const version = "4.0.0";
 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/style/base.css

@@ -1 +1 @@
-:root{--van-black: #000;--van-white: #fff;--van-gray-1: #f7f8fa;--van-gray-2: #f2f3f5;--van-gray-3: #ebedf0;--van-gray-4: #dcdee0;--van-gray-5: #c8c9cc;--van-gray-6: #969799;--van-gray-7: #646566;--van-gray-8: #323233;--van-red: #ee0a24;--van-blue: #1989fa;--van-orange: #ff976a;--van-orange-dark: #ed6a0c;--van-orange-light: #fffbe8;--van-green: #07c160;--van-gradient-red: linear-gradient(to right, #ff6034, #ee0a24);--van-gradient-orange: linear-gradient(to right, #ffd01e, #ff8917);--van-primary-color: var(--van-blue);--van-success-color: var(--van-green);--van-danger-color: var(--van-red);--van-warning-color: var(--van-orange);--van-text-color: var(--van-gray-8);--van-text-color-2: var(--van-gray-6);--van-text-color-3: var(--van-gray-5);--van-link-color: #576b95;--van-active-color: var(--van-gray-2);--van-active-opacity: .6;--van-disabled-opacity: .5;--van-background: var(--van-gray-1);--van-background-2: var(--van-white);--van-background-3: var(--van-white);--van-padding-base: 4px;--van-padding-xs: 8px;--van-padding-sm: 12px;--van-padding-md: 16px;--van-padding-lg: 24px;--van-padding-xl: 32px;--van-font-bold: 600;--van-font-size-xs: 10px;--van-font-size-sm: 12px;--van-font-size-md: 14px;--van-font-size-lg: 16px;--van-line-height-xs: 14px;--van-line-height-sm: 18px;--van-line-height-md: 20px;--van-line-height-lg: 22px;--van-base-font: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Segoe UI, Arial, Roboto, "PingFang SC", "miui", "Hiragino Sans GB", "Microsoft Yahei", sans-serif;--van-price-font: avenir-heavy, "PingFang SC", helvetica neue, arial, sans-serif;--van-duration-base: .3s;--van-duration-fast: .2s;--van-ease-out: ease-out;--van-ease-in: ease-in;--van-border-color: var(--van-gray-3);--van-border-width: 1px;--van-radius-sm: 2px;--van-radius-md: 4px;--van-radius-lg: 8px;--van-radius-max: 999px}.van-theme-dark{--van-text-color: #f5f5f5;--van-text-color-2: #707070;--van-text-color-3: #4d4d4d;--van-border-color: #3a3a3c;--van-active-color: #3a3a3c;--van-background: #000;--van-background-2: #1c1c1e;--van-background-3: #37363b}html{-webkit-tap-highlight-color:transparent}:root{margin:0;font-family:var(--van-base-font)}a{text-decoration:none}input,button,textarea{color:inherit;font:inherit}a:focus,input:focus,button:focus,textarea:focus,[class*=van-]:focus{outline:none}ol,ul{margin:0;padding:0;list-style:none}@keyframes van-slide-up-enter{0%{transform:translate3d(0,100%,0)}}@keyframes van-slide-up-leave{to{transform:translate3d(0,100%,0)}}@keyframes van-slide-down-enter{0%{transform:translate3d(0,-100%,0)}}@keyframes van-slide-down-leave{to{transform:translate3d(0,-100%,0)}}@keyframes van-slide-left-enter{0%{transform:translate3d(-100%,0,0)}}@keyframes van-slide-left-leave{to{transform:translate3d(-100%,0,0)}}@keyframes van-slide-right-enter{0%{transform:translate3d(100%,0,0)}}@keyframes van-slide-right-leave{to{transform:translate3d(100%,0,0)}}@keyframes van-fade-in{0%{opacity:0}to{opacity:1}}@keyframes van-fade-out{0%{opacity:1}to{opacity:0}}@keyframes van-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.van-fade-enter-active{animation:var(--van-duration-base) van-fade-in both var(--van-ease-out)}.van-fade-leave-active{animation:var(--van-duration-base) van-fade-out both var(--van-ease-in)}.van-slide-up-enter-active{animation:van-slide-up-enter var(--van-duration-base) both var(--van-ease-out)}.van-slide-up-leave-active{animation:van-slide-up-leave var(--van-duration-base) both var(--van-ease-in)}.van-slide-down-enter-active{animation:van-slide-down-enter var(--van-duration-base) both var(--van-ease-out)}.van-slide-down-leave-active{animation:van-slide-down-leave var(--van-duration-base) both var(--van-ease-in)}.van-slide-left-enter-active{animation:van-slide-left-enter var(--van-duration-base) both var(--van-ease-out)}.van-slide-left-leave-active{animation:van-slide-left-leave var(--van-duration-base) both var(--van-ease-in)}.van-slide-right-enter-active{animation:van-slide-right-enter var(--van-duration-base) both var(--van-ease-out)}.van-slide-right-leave-active{animation:van-slide-right-leave var(--van-duration-base) both var(--van-ease-in)}.van-clearfix:after{display:table;clear:both;content:""}.van-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.van-multi-ellipsis--l2{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}.van-multi-ellipsis--l3{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical}.van-safe-area-top{padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top)}.van-safe-area-bottom{padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.van-haptics-feedback{cursor:pointer}.van-haptics-feedback:active{opacity:var(--van-active-opacity)}[class*=van-hairline]:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;top:-50%;right:-50%;bottom:-50%;left:-50%;border:0 solid var(--van-border-color);transform:scale(.5)}.van-hairline,.van-hairline--top,.van-hairline--left,.van-hairline--right,.van-hairline--bottom,.van-hairline--surround,.van-hairline--top-bottom{position:relative}.van-hairline--top:after{border-top-width:var(--van-border-width)}.van-hairline--left:after{border-left-width:var(--van-border-width)}.van-hairline--right:after{border-right-width:var(--van-border-width)}.van-hairline--bottom:after{border-bottom-width:var(--van-border-width)}.van-hairline--top-bottom:after,.van-hairline-unset--top-bottom:after{border-width:var(--van-border-width) 0}.van-hairline--surround:after{border-width:var(--van-border-width)}
+:root{--van-black: #000;--van-white: #fff;--van-gray-1: #f7f8fa;--van-gray-2: #f2f3f5;--van-gray-3: #ebedf0;--van-gray-4: #dcdee0;--van-gray-5: #c8c9cc;--van-gray-6: #969799;--van-gray-7: #646566;--van-gray-8: #323233;--van-red: #ee0a24;--van-blue: #1989fa;--van-orange: #ff976a;--van-orange-dark: #ed6a0c;--van-orange-light: #fffbe8;--van-green: #07c160;--van-gradient-red: linear-gradient(to right, #ff6034, #ee0a24);--van-gradient-orange: linear-gradient(to right, #ffd01e, #ff8917);--van-primary-color: var(--van-blue);--van-success-color: var(--van-green);--van-danger-color: var(--van-red);--van-warning-color: var(--van-orange);--van-text-color: var(--van-gray-8);--van-text-color-2: var(--van-gray-6);--van-text-color-3: var(--van-gray-5);--van-link-color: #576b95;--van-active-color: var(--van-gray-2);--van-active-opacity: .6;--van-disabled-opacity: .5;--van-background: var(--van-gray-1);--van-background-2: var(--van-white);--van-background-3: var(--van-white);--van-padding-base: 4px;--van-padding-xs: 8px;--van-padding-sm: 12px;--van-padding-md: 16px;--van-padding-lg: 24px;--van-padding-xl: 32px;--van-font-bold: 600;--van-font-size-xs: 10px;--van-font-size-sm: 12px;--van-font-size-md: 14px;--van-font-size-lg: 16px;--van-line-height-xs: 14px;--van-line-height-sm: 18px;--van-line-height-md: 20px;--van-line-height-lg: 22px;--van-base-font: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Segoe UI, Arial, Roboto, "PingFang SC", "miui", "Hiragino Sans GB", "Microsoft Yahei", sans-serif;--van-price-font: avenir-heavy, "PingFang SC", helvetica neue, arial, sans-serif;--van-duration-base: .3s;--van-duration-fast: .2s;--van-ease-out: ease-out;--van-ease-in: ease-in;--van-border-color: var(--van-gray-3);--van-border-width: 1px;--van-radius-sm: 2px;--van-radius-md: 4px;--van-radius-lg: 8px;--van-radius-max: 999px}.van-theme-dark{--van-text-color: #f5f5f5;--van-text-color-2: #707070;--van-text-color-3: #4d4d4d;--van-border-color: #3a3a3c;--van-active-color: #3a3a3c;--van-background: #000;--van-background-2: #1c1c1e;--van-background-3: #37363b}html{-webkit-tap-highlight-color:transparent}body{margin:0;font-family:var(--van-base-font)}a{text-decoration:none}input,button,textarea{color:inherit;font:inherit}a:focus,input:focus,button:focus,textarea:focus,[class*=van-]:focus{outline:none}ol,ul{margin:0;padding:0;list-style:none}@keyframes van-slide-up-enter{0%{transform:translate3d(0,100%,0)}}@keyframes van-slide-up-leave{to{transform:translate3d(0,100%,0)}}@keyframes van-slide-down-enter{0%{transform:translate3d(0,-100%,0)}}@keyframes van-slide-down-leave{to{transform:translate3d(0,-100%,0)}}@keyframes van-slide-left-enter{0%{transform:translate3d(-100%,0,0)}}@keyframes van-slide-left-leave{to{transform:translate3d(-100%,0,0)}}@keyframes van-slide-right-enter{0%{transform:translate3d(100%,0,0)}}@keyframes van-slide-right-leave{to{transform:translate3d(100%,0,0)}}@keyframes van-fade-in{0%{opacity:0}to{opacity:1}}@keyframes van-fade-out{0%{opacity:1}to{opacity:0}}@keyframes van-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.van-fade-enter-active{animation:var(--van-duration-base) van-fade-in both var(--van-ease-out)}.van-fade-leave-active{animation:var(--van-duration-base) van-fade-out both var(--van-ease-in)}.van-slide-up-enter-active{animation:van-slide-up-enter var(--van-duration-base) both var(--van-ease-out)}.van-slide-up-leave-active{animation:van-slide-up-leave var(--van-duration-base) both var(--van-ease-in)}.van-slide-down-enter-active{animation:van-slide-down-enter var(--van-duration-base) both var(--van-ease-out)}.van-slide-down-leave-active{animation:van-slide-down-leave var(--van-duration-base) both var(--van-ease-in)}.van-slide-left-enter-active{animation:van-slide-left-enter var(--van-duration-base) both var(--van-ease-out)}.van-slide-left-leave-active{animation:van-slide-left-leave var(--van-duration-base) both var(--van-ease-in)}.van-slide-right-enter-active{animation:van-slide-right-enter var(--van-duration-base) both var(--van-ease-out)}.van-slide-right-leave-active{animation:van-slide-right-leave var(--van-duration-base) both var(--van-ease-in)}.van-clearfix:after{display:table;clear:both;content:""}.van-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.van-multi-ellipsis--l2{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}.van-multi-ellipsis--l3{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical}.van-safe-area-top{padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top)}.van-safe-area-bottom{padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.van-haptics-feedback{cursor:pointer}.van-haptics-feedback:active{opacity:var(--van-active-opacity)}[class*=van-hairline]:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;top:-50%;right:-50%;bottom:-50%;left:-50%;border:0 solid var(--van-border-color);transform:scale(.5)}.van-hairline,.van-hairline--top,.van-hairline--left,.van-hairline--right,.van-hairline--bottom,.van-hairline--surround,.van-hairline--top-bottom{position:relative}.van-hairline--top:after{border-top-width:var(--van-border-width)}.van-hairline--left:after{border-left-width:var(--van-border-width)}.van-hairline--right:after{border-right-width:var(--van-border-width)}.van-hairline--bottom:after{border-bottom-width:var(--van-border-width)}.van-hairline--top-bottom:after,.van-hairline-unset--top-bottom:after{border-width:var(--van-border-width) 0}.van-hairline--surround:after{border-width:var(--van-border-width)}

package/lib/style/normalize.css

@@ -1 +1 @@
-html{-webkit-tap-highlight-color:transparent}:root{margin:0;font-family:var(--van-base-font)}a{text-decoration:none}input,button,textarea{color:inherit;font:inherit}a:focus,input:focus,button:focus,textarea:focus,[class*=van-]:focus{outline:none}ol,ul{margin:0;padding:0;list-style:none}
+html{-webkit-tap-highlight-color:transparent}body{margin:0;font-family:var(--van-base-font)}a{text-decoration:none}input,button,textarea{color:inherit;font:inherit}a:focus,input:focus,button:focus,textarea:focus,[class*=van-]:focus{outline:none}ol,ul{margin:0;padding:0;list-style:none}

package/lib/vant.cjs.js

@@ -3509,7 +3509,7 @@ var stdin_default$1l = vue.defineComponent({
         return slots["right-icon"]();
       }
       if (props.isLink) {
-        const name2 = props.arrowDirection ? `arrow-${props.arrowDirection}` : "arrow";
+        const name2 = props.arrowDirection && props.arrowDirection !== "right" ? `arrow-${props.arrowDirection}` : "arrow";
         return vue.createVNode(Icon, {
           "name": name2,
           "class": bem$1a("right-icon")
@@ -3983,7 +3983,12 @@ 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;
+        inputRef.value.setSelectionRange(selectionStart, selectionEnd);
       }
       if (value !== props.modelValue) {
         emit("update:modelValue", value);
@@ -5501,10 +5506,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 +5526,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;
         }
-        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.`);
+        }
+      } 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 +10193,7 @@ const listProps = {
   error: Boolean,
   offset: makeNumericProp(300),
   loading: Boolean,
+  disabled: Boolean,
   finished: Boolean,
   errorText: String,
   direction: makeStringProp("down"),
@@ -10208,7 +10216,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 +10269,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 +14817,7 @@ const Lazyload = {
     });
   }
 };
-const version = "4.0.0-rc.8";
+const version = "4.0.0";
 function install(app) {
   const components = [
     ActionBar,

package/lib/vant.es.js

@@ -3507,7 +3507,7 @@ var stdin_default$1l = defineComponent({
         return slots["right-icon"]();
       }
       if (props.isLink) {
-        const name2 = props.arrowDirection ? `arrow-${props.arrowDirection}` : "arrow";
+        const name2 = props.arrowDirection && props.arrowDirection !== "right" ? `arrow-${props.arrowDirection}` : "arrow";
         return createVNode(Icon, {
           "name": name2,
           "class": bem$1a("right-icon")
@@ -3981,7 +3981,12 @@ 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;
+        inputRef.value.setSelectionRange(selectionStart, selectionEnd);
       }
       if (value !== props.modelValue) {
         emit("update:modelValue", value);
@@ -5499,10 +5504,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 +5524,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;
         }
-        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.`);
+        }
+      } 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 +10191,7 @@ const listProps = {
   error: Boolean,
   offset: makeNumericProp(300),
   loading: Boolean,
+  disabled: Boolean,
   finished: Boolean,
   errorText: String,
   direction: makeStringProp("down"),
@@ -10206,7 +10214,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 +10267,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 +14815,7 @@ const Lazyload = {
     });
   }
 };
-const version = "4.0.0-rc.8";
+const version = "4.0.0";
 function install(app) {
   const components = [
     ActionBar,

package/lib/vant.js

@@ -3867,7 +3867,7 @@
           return slots["right-icon"]();
         }
         if (props.isLink) {
-          const name2 = props.arrowDirection ? `arrow-${props.arrowDirection}` : "arrow";
+          const name2 = props.arrowDirection && props.arrowDirection !== "right" ? `arrow-${props.arrowDirection}` : "arrow";
           return vue.createVNode(Icon, {
             "name": name2,
             "class": bem$1a("right-icon")
@@ -4341,7 +4341,12 @@
           value = props.formatter(value);
         }
         if (inputRef.value && inputRef.value.value !== value) {
+          const {
+            selectionStart,
+            selectionEnd
+          } = inputRef.value;
           inputRef.value.value = value;
+          inputRef.value.setSelectionRange(selectionStart, selectionEnd);
         }
         if (value !== props.modelValue) {
           emit("update:modelValue", value);
@@ -5859,10 +5864,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 +5884,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 +10519,7 @@
     error: Boolean,
     offset: makeNumericProp(300),
     loading: Boolean,
+    disabled: Boolean,
     finished: Boolean,
     errorText: String,
     direction: makeStringProp("down"),
@@ -10537,7 +10542,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 +10595,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 +16023,7 @@
       });
     }
   };
-  const version = "4.0.0-rc.8";
+  const version = "4.0.0";
   function install(app) {
     const components = [
       ActionBar,