vant 4.6.7 → 4.6.8

package/lib/index.d.ts

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

package/lib/index.js

@@ -224,7 +224,7 @@ __reExport(stdin_exports, require("./toast"), module.exports);
 __reExport(stdin_exports, require("./tree-select"), module.exports);
 __reExport(stdin_exports, require("./uploader"), module.exports);
 __reExport(stdin_exports, require("./watermark"), module.exports);
-const version = "4.6.7";
+const version = "4.6.8";
 function install(app) {
   const components = [
     import_action_bar.ActionBar,

package/lib/nav-bar/NavBar.d.ts

@@ -9,6 +9,8 @@ export declare const navBarProps: {
     };
     leftText: StringConstructor;
     rightText: StringConstructor;
+    leftDisabled: BooleanConstructor;
+    rightDisabled: BooleanConstructor;
     leftArrow: BooleanConstructor;
     placeholder: BooleanConstructor;
     safeAreaInsetTop: BooleanConstructor;
@@ -28,6 +30,8 @@ declare const _default: import("vue").DefineComponent<{
     };
     leftText: StringConstructor;
     rightText: StringConstructor;
+    leftDisabled: BooleanConstructor;
+    rightDisabled: BooleanConstructor;
     leftArrow: BooleanConstructor;
     placeholder: BooleanConstructor;
     safeAreaInsetTop: BooleanConstructor;
@@ -45,6 +49,8 @@ declare const _default: import("vue").DefineComponent<{
     };
     leftText: StringConstructor;
     rightText: StringConstructor;
+    leftDisabled: BooleanConstructor;
+    rightDisabled: BooleanConstructor;
     leftArrow: BooleanConstructor;
     placeholder: BooleanConstructor;
     safeAreaInsetTop: BooleanConstructor;
@@ -61,6 +67,8 @@ declare const _default: import("vue").DefineComponent<{
     clickable: boolean;
     placeholder: boolean;
     safeAreaInsetTop: boolean;
+    leftDisabled: boolean;
+    rightDisabled: boolean;
     leftArrow: boolean;
 }, {}>;
 export default _default;

package/lib/nav-bar/NavBar.js

@@ -34,6 +34,8 @@ const navBarProps = {
   border: import_utils.truthProp,
   leftText: String,
   rightText: String,
+  leftDisabled: Boolean,
+  rightDisabled: Boolean,
   leftArrow: Boolean,
   placeholder: Boolean,
   safeAreaInsetTop: Boolean,
@@ -49,8 +51,16 @@ var stdin_default = (0, import_vue2.defineComponent)({
   }) {
     const navBarRef = (0, import_vue2.ref)();
     const renderPlaceholder = (0, import_use_placeholder.usePlaceholder)(navBarRef, bem);
-    const onClickLeft = (event) => emit("clickLeft", event);
-    const onClickRight = (event) => emit("clickRight", event);
+    const onClickLeft = (event) => {
+      if (!props.leftDisabled) {
+        emit("clickLeft", event);
+      }
+    };
+    const onClickRight = (event) => {
+      if (!props.rightDisabled) {
+        emit("clickRight", event);
+      }
+    };
     const renderLeft = () => {
       if (slots.left) {
         return slots.left();
@@ -92,12 +102,16 @@ var stdin_default = (0, import_vue2.defineComponent)({
       }, [(0, import_vue.createVNode)("div", {
         "class": bem("content")
       }, [hasLeft && (0, import_vue.createVNode)("div", {
-        "class": [bem("left"), props.clickable ? import_utils.HAPTICS_FEEDBACK : ""],
+        "class": [bem("left", {
+          disabled: props.leftDisabled
+        }), props.clickable && !props.leftDisabled ? import_utils.HAPTICS_FEEDBACK : ""],
         "onClick": onClickLeft
       }, [renderLeft()]), (0, import_vue.createVNode)("div", {
         "class": [bem("title"), "van-ellipsis"]
       }, [slots.title ? slots.title() : title]), hasRight && (0, import_vue.createVNode)("div", {
-        "class": [bem("right"), props.clickable ? import_utils.HAPTICS_FEEDBACK : ""],
+        "class": [bem("right", {
+          disabled: props.rightDisabled
+        }), props.clickable && !props.rightDisabled ? import_utils.HAPTICS_FEEDBACK : ""],
         "onClick": onClickRight
       }, [renderRight()])])]);
     };

package/lib/nav-bar/index.css

@@ -1 +1 @@
-:root{--van-nav-bar-height: 46px;--van-nav-bar-background: var(--van-background-2);--van-nav-bar-arrow-size: 16px;--van-nav-bar-icon-color: var(--van-primary-color);--van-nav-bar-text-color: var(--van-primary-color);--van-nav-bar-title-font-size: var(--van-font-size-lg);--van-nav-bar-title-text-color: var(--van-text-color);--van-nav-bar-z-index: 1}.van-nav-bar{position:relative;z-index:var(--van-nav-bar-z-index);line-height:var(--van-line-height-lg);text-align:center;background:var(--van-nav-bar-background);-webkit-user-select:none;user-select:none}.van-nav-bar--fixed{position:fixed;top:0;left:0;width:100%}.van-nav-bar--safe-area-inset-top{padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top)}.van-nav-bar .van-icon{color:var(--van-nav-bar-icon-color)}.van-nav-bar__content{position:relative;display:flex;align-items:center;height:var(--van-nav-bar-height)}.van-nav-bar__arrow{margin-right:var(--van-padding-base);font-size:var(--van-nav-bar-arrow-size)}.van-nav-bar__title{max-width:60%;margin:0 auto;color:var(--van-nav-bar-title-text-color);font-weight:var(--van-font-bold);font-size:var(--van-nav-bar-title-font-size)}.van-nav-bar__left,.van-nav-bar__right{position:absolute;top:0;bottom:0;display:flex;align-items:center;padding:0 var(--van-padding-md);font-size:var(--van-font-size-md)}.van-nav-bar__left{left:0}.van-nav-bar__right{right:0}.van-nav-bar__text{color:var(--van-nav-bar-text-color)}
+:root{--van-nav-bar-height: 46px;--van-nav-bar-background: var(--van-background-2);--van-nav-bar-arrow-size: 16px;--van-nav-bar-icon-color: var(--van-primary-color);--van-nav-bar-text-color: var(--van-primary-color);--van-nav-bar-title-font-size: var(--van-font-size-lg);--van-nav-bar-title-text-color: var(--van-text-color);--van-nav-bar-z-index: 1;--van-nav-bar-disabled-opacity: var(--van-disabled-opacity)}.van-nav-bar{position:relative;z-index:var(--van-nav-bar-z-index);line-height:var(--van-line-height-lg);text-align:center;background:var(--van-nav-bar-background);-webkit-user-select:none;user-select:none}.van-nav-bar--fixed{position:fixed;top:0;left:0;width:100%}.van-nav-bar--safe-area-inset-top{padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top)}.van-nav-bar .van-icon{color:var(--van-nav-bar-icon-color)}.van-nav-bar__content{position:relative;display:flex;align-items:center;height:var(--van-nav-bar-height)}.van-nav-bar__arrow{margin-right:var(--van-padding-base);font-size:var(--van-nav-bar-arrow-size)}.van-nav-bar__title{max-width:60%;margin:0 auto;color:var(--van-nav-bar-title-text-color);font-weight:var(--van-font-bold);font-size:var(--van-nav-bar-title-font-size)}.van-nav-bar__left,.van-nav-bar__right{position:absolute;top:0;bottom:0;display:flex;align-items:center;padding:0 var(--van-padding-md);font-size:var(--van-font-size-md)}.van-nav-bar__left--disabled,.van-nav-bar__right--disabled{cursor:not-allowed;opacity:var(--van-nav-bar-disabled-opacity)}.van-nav-bar__left{left:0}.van-nav-bar__right{right:0}.van-nav-bar__text{color:var(--van-nav-bar-text-color)}

package/lib/nav-bar/index.d.ts

@@ -8,6 +8,8 @@ export declare const NavBar: import("../utils").WithInstall<import("vue").Define
     };
     leftText: StringConstructor;
     rightText: StringConstructor;
+    leftDisabled: BooleanConstructor;
+    rightDisabled: BooleanConstructor;
     leftArrow: BooleanConstructor;
     placeholder: BooleanConstructor;
     safeAreaInsetTop: BooleanConstructor;
@@ -25,6 +27,8 @@ export declare const NavBar: import("../utils").WithInstall<import("vue").Define
     };
     leftText: StringConstructor;
     rightText: StringConstructor;
+    leftDisabled: BooleanConstructor;
+    rightDisabled: BooleanConstructor;
     leftArrow: BooleanConstructor;
     placeholder: BooleanConstructor;
     safeAreaInsetTop: BooleanConstructor;
@@ -41,6 +45,8 @@ export declare const NavBar: import("../utils").WithInstall<import("vue").Define
     clickable: boolean;
     placeholder: boolean;
     safeAreaInsetTop: boolean;
+    leftDisabled: boolean;
+    rightDisabled: boolean;
     leftArrow: boolean;
 }, {}>>;
 export default NavBar;

package/lib/vant.cjs.js

@@ -632,10 +632,14 @@ const configProviderProps = {
   themeVarsScope: makeStringProp("local"),
   iconPrefix: String
 };
+function insertDash(str) {
+  return str.replace(/([a-zA-Z])(\d)/g, "$1-$2");
+}
 function mapThemeVarsToCSSVars(themeVars) {
   const cssVars = {};
   Object.keys(themeVars).forEach((key) => {
-    cssVars[`--van-${kebabCase(key)}`] = themeVars[key];
+    const formattedKey = insertDash(kebabCase(key));
+    cssVars[`--van-${formattedKey}`] = themeVars[key];
   });
   return cssVars;
 }
@@ -11204,6 +11208,8 @@ const navBarProps = {
   border: truthProp,
   leftText: String,
   rightText: String,
+  leftDisabled: Boolean,
+  rightDisabled: Boolean,
   leftArrow: Boolean,
   placeholder: Boolean,
   safeAreaInsetTop: Boolean,
@@ -11219,8 +11225,16 @@ var stdin_default$I = vue.defineComponent({
   }) {
     const navBarRef = vue.ref();
     const renderPlaceholder = usePlaceholder(navBarRef, bem$z);
-    const onClickLeft = (event) => emit("clickLeft", event);
-    const onClickRight = (event) => emit("clickRight", event);
+    const onClickLeft = (event) => {
+      if (!props2.leftDisabled) {
+        emit("clickLeft", event);
+      }
+    };
+    const onClickRight = (event) => {
+      if (!props2.rightDisabled) {
+        emit("clickRight", event);
+      }
+    };
     const renderLeft = () => {
       if (slots.left) {
         return slots.left();
@@ -11262,12 +11276,16 @@ var stdin_default$I = vue.defineComponent({
       }, [vue.createVNode("div", {
         "class": bem$z("content")
       }, [hasLeft && vue.createVNode("div", {
-        "class": [bem$z("left"), props2.clickable ? HAPTICS_FEEDBACK : ""],
+        "class": [bem$z("left", {
+          disabled: props2.leftDisabled
+        }), props2.clickable && !props2.leftDisabled ? HAPTICS_FEEDBACK : ""],
         "onClick": onClickLeft
       }, [renderLeft()]), vue.createVNode("div", {
         "class": [bem$z("title"), "van-ellipsis"]
       }, [slots.title ? slots.title() : title]), hasRight && vue.createVNode("div", {
-        "class": [bem$z("right"), props2.clickable ? HAPTICS_FEEDBACK : ""],
+        "class": [bem$z("right", {
+          disabled: props2.rightDisabled
+        }), props2.clickable && !props2.rightDisabled ? HAPTICS_FEEDBACK : ""],
         "onClick": onClickRight
       }, [renderRight()])])]);
     };
@@ -16457,7 +16475,7 @@ const Lazyload = {
     });
   }
 };
-const version = "4.6.7";
+const version = "4.6.8";
 function install(app) {
   const components = [
     ActionBar,

package/lib/vant.es.js

@@ -630,10 +630,14 @@ const configProviderProps = {
   themeVarsScope: makeStringProp("local"),
   iconPrefix: String
 };
+function insertDash(str) {
+  return str.replace(/([a-zA-Z])(\d)/g, "$1-$2");
+}
 function mapThemeVarsToCSSVars(themeVars) {
   const cssVars = {};
   Object.keys(themeVars).forEach((key) => {
-    cssVars[`--van-${kebabCase(key)}`] = themeVars[key];
+    const formattedKey = insertDash(kebabCase(key));
+    cssVars[`--van-${formattedKey}`] = themeVars[key];
   });
   return cssVars;
 }
@@ -11202,6 +11206,8 @@ const navBarProps = {
   border: truthProp,
   leftText: String,
   rightText: String,
+  leftDisabled: Boolean,
+  rightDisabled: Boolean,
   leftArrow: Boolean,
   placeholder: Boolean,
   safeAreaInsetTop: Boolean,
@@ -11217,8 +11223,16 @@ var stdin_default$I = defineComponent({
   }) {
     const navBarRef = ref();
     const renderPlaceholder = usePlaceholder(navBarRef, bem$z);
-    const onClickLeft = (event) => emit("clickLeft", event);
-    const onClickRight = (event) => emit("clickRight", event);
+    const onClickLeft = (event) => {
+      if (!props2.leftDisabled) {
+        emit("clickLeft", event);
+      }
+    };
+    const onClickRight = (event) => {
+      if (!props2.rightDisabled) {
+        emit("clickRight", event);
+      }
+    };
     const renderLeft = () => {
       if (slots.left) {
         return slots.left();
@@ -11260,12 +11274,16 @@ var stdin_default$I = defineComponent({
       }, [createVNode("div", {
         "class": bem$z("content")
       }, [hasLeft && createVNode("div", {
-        "class": [bem$z("left"), props2.clickable ? HAPTICS_FEEDBACK : ""],
+        "class": [bem$z("left", {
+          disabled: props2.leftDisabled
+        }), props2.clickable && !props2.leftDisabled ? HAPTICS_FEEDBACK : ""],
         "onClick": onClickLeft
       }, [renderLeft()]), createVNode("div", {
         "class": [bem$z("title"), "van-ellipsis"]
       }, [slots.title ? slots.title() : title]), hasRight && createVNode("div", {
-        "class": [bem$z("right"), props2.clickable ? HAPTICS_FEEDBACK : ""],
+        "class": [bem$z("right", {
+          disabled: props2.rightDisabled
+        }), props2.clickable && !props2.rightDisabled ? HAPTICS_FEEDBACK : ""],
         "onClick": onClickRight
       }, [renderRight()])])]);
     };
@@ -16455,7 +16473,7 @@ const Lazyload = {
     });
   }
 };
-const version = "4.6.7";
+const version = "4.6.8";
 function install(app) {
   const components = [
     ActionBar,

package/lib/vant.js

@@ -1020,10 +1020,14 @@
     themeVarsScope: makeStringProp("local"),
     iconPrefix: String
   };
+  function insertDash(str) {
+    return str.replace(/([a-zA-Z])(\d)/g, "$1-$2");
+  }
   function mapThemeVarsToCSSVars(themeVars) {
     const cssVars = {};
     Object.keys(themeVars).forEach((key) => {
-      cssVars[`--van-${kebabCase(key)}`] = themeVars[key];
+      const formattedKey = insertDash(kebabCase(key));
+      cssVars[`--van-${formattedKey}`] = themeVars[key];
     });
     return cssVars;
   }
@@ -11631,6 +11635,8 @@
     border: truthProp,
     leftText: String,
     rightText: String,
+    leftDisabled: Boolean,
+    rightDisabled: Boolean,
     leftArrow: Boolean,
     placeholder: Boolean,
     safeAreaInsetTop: Boolean,
@@ -11646,8 +11652,16 @@
     }) {
       const navBarRef = vue.ref();
       const renderPlaceholder = usePlaceholder(navBarRef, bem$z);
-      const onClickLeft = (event) => emit("clickLeft", event);
-      const onClickRight = (event) => emit("clickRight", event);
+      const onClickLeft = (event) => {
+        if (!props2.leftDisabled) {
+          emit("clickLeft", event);
+        }
+      };
+      const onClickRight = (event) => {
+        if (!props2.rightDisabled) {
+          emit("clickRight", event);
+        }
+      };
       const renderLeft = () => {
         if (slots.left) {
           return slots.left();
@@ -11689,12 +11703,16 @@
         }, [vue.createVNode("div", {
           "class": bem$z("content")
         }, [hasLeft && vue.createVNode("div", {
-          "class": [bem$z("left"), props2.clickable ? HAPTICS_FEEDBACK : ""],
+          "class": [bem$z("left", {
+            disabled: props2.leftDisabled
+          }), props2.clickable && !props2.leftDisabled ? HAPTICS_FEEDBACK : ""],
           "onClick": onClickLeft
         }, [renderLeft()]), vue.createVNode("div", {
           "class": [bem$z("title"), "van-ellipsis"]
         }, [slots.title ? slots.title() : title]), hasRight && vue.createVNode("div", {
-          "class": [bem$z("right"), props2.clickable ? HAPTICS_FEEDBACK : ""],
+          "class": [bem$z("right", {
+            disabled: props2.rightDisabled
+          }), props2.clickable && !props2.rightDisabled ? HAPTICS_FEEDBACK : ""],
           "onClick": onClickRight
         }, [renderRight()])])]);
       };
@@ -17667,7 +17685,7 @@
       });
     }
   };
-  const version = "4.6.7";
+  const version = "4.6.8";
   function install(app) {
     const components = [
       ActionBar,