vant 4.6.5 → 4.6.7

package/lib/vant.es.js

@@ -627,6 +627,7 @@ const configProviderProps = {
   themeVars: Object,
   themeVarsDark: Object,
   themeVarsLight: Object,
+  themeVarsScope: makeStringProp("local"),
   iconPrefix: String
 };
 function mapThemeVarsToCSSVars(themeVars) {
@@ -636,6 +637,18 @@ function mapThemeVarsToCSSVars(themeVars) {
   });
   return cssVars;
 }
+function syncThemeVarsOnRoot(newStyle = {}, oldStyle = {}) {
+  Object.keys(newStyle).forEach((key) => {
+    if (newStyle[key] !== oldStyle[key]) {
+      document.documentElement.style.setProperty(key, newStyle[key]);
+    }
+  });
+  Object.keys(oldStyle).forEach((key) => {
+    if (!newStyle[key]) {
+      document.documentElement.style.removeProperty(key);
+    }
+  });
+}
 var stdin_default$1R = defineComponent({
   name: name$1H,
   props: configProviderProps,
@@ -661,6 +674,22 @@ var stdin_default$1R = defineComponent({
       onActivated(addTheme);
       onDeactivated(removeTheme);
       onBeforeUnmount(removeTheme);
+      watch(style, (newStyle, oldStyle) => {
+        if (props2.themeVarsScope === "global") {
+          syncThemeVarsOnRoot(newStyle, oldStyle);
+        }
+      });
+      watch(() => props2.themeVarsScope, (newScope, oldScope) => {
+        if (oldScope === "global") {
+          syncThemeVarsOnRoot({}, style.value);
+        }
+        if (newScope === "global") {
+          syncThemeVarsOnRoot(style.value, {});
+        }
+      });
+      if (props2.themeVarsScope === "global") {
+        syncThemeVarsOnRoot(style.value, {});
+      }
     }
     provide(CONFIG_PROVIDER_KEY, props2);
     watchEffect(() => {
@@ -670,7 +699,7 @@ var stdin_default$1R = defineComponent({
     });
     return () => createVNode(props2.tag, {
       "class": bem$1C(),
-      "style": style.value
+      "style": props2.themeVarsScope === "local" ? style.value : void 0
     }, {
       default: () => {
         var _a;
@@ -5313,7 +5342,11 @@ var stdin_default$1n = defineComponent({
     shape: String,
     parent: Object,
     checked: Boolean,
-    bindGroup: truthProp
+    bindGroup: truthProp,
+    indeterminate: {
+      type: Boolean,
+      default: null
+    }
   }),
   emits: ["click", "toggle"],
   setup(props2, {
@@ -5367,14 +5400,16 @@ var stdin_default$1n = defineComponent({
       var _a, _b;
       const {
         bem: bem2,
-        checked
+        checked,
+        indeterminate
       } = props2;
       const iconSize = props2.iconSize || getParentProp("iconSize");
       return createVNode("div", {
         "ref": iconRef,
         "class": bem2("icon", [shape.value, {
           disabled: disabled.value,
-          checked
+          checked,
+          indeterminate
         }]),
         "style": shape.value !== "dot" ? {
           fontSize: addUnit(iconSize)
@@ -5387,7 +5422,7 @@ var stdin_default$1n = defineComponent({
         checked,
         disabled: disabled.value
       }) : shape.value !== "dot" ? createVNode(Icon, {
-        "name": "success",
+        "name": indeterminate ? "minus" : "success",
         "style": iconStyle.value
       }, null) : createVNode("div", {
         "class": bem2("icon--dot__icon"),
@@ -7483,7 +7518,11 @@ var stdin_default$19 = defineComponent({
 const [name$$, bem$_] = createNamespace("checkbox");
 const checkboxProps = extend({}, checkerProps, {
   shape: String,
-  bindGroup: truthProp
+  bindGroup: truthProp,
+  indeterminate: {
+    type: Boolean,
+    default: null
+  }
 });
 var stdin_default$18 = defineComponent({
   name: name$$,
@@ -7535,8 +7574,13 @@ var stdin_default$18 = defineComponent({
       } else {
         emit("update:modelValue", newValue);
       }
+      if (props2.indeterminate !== null)
+        emit("change", newValue);
     };
-    watch(() => props2.modelValue, (value) => emit("change", value));
+    watch(() => props2.modelValue, (value) => {
+      if (props2.indeterminate === null)
+        emit("change", value);
+    });
     useExpose({
       toggle,
       props: props2,
@@ -9637,7 +9681,7 @@ var stdin_default$S = defineComponent({
       };
       return createVNode(Cell, {
         "role": "menuitem",
-        "key": option.value,
+        "key": String(option.value),
         "icon": option.icon,
         "title": option.text,
         "class": bem$J("option", {
@@ -9772,6 +9816,8 @@ var stdin_default$R = defineComponent({
       return style;
     });
     const updateState = () => {
+      if (!show.value)
+        return;
       const {
         width,
         height
@@ -9847,6 +9893,8 @@ var stdin_default$R = defineComponent({
     const onClick = (e) => {
       if (touch.isTap.value)
         emit("click", e);
+      else
+        e.stopPropagation();
     };
     onMounted(() => {
       updateState();
@@ -9871,7 +9919,7 @@ var stdin_default$R = defineComponent({
         "onTouchstartPassive": onTouchStart,
         "onTouchend": onTouchEnd,
         "onTouchcancel": onTouchEnd,
-        "onClick": onClick,
+        "onClickCapture": onClick,
         "style": rootStyle.value
       }, attrs), [slots.default ? slots.default() : createVNode(stdin_default$1P, {
         "name": props2.icon,
@@ -16407,7 +16455,7 @@ const Lazyload = {
     });
   }
 };
-const version = "4.6.5";
+const version = "4.6.7";
 function install(app) {
   const components = [
     ActionBar,

package/lib/vant.js

@@ -1017,6 +1017,7 @@
     themeVars: Object,
     themeVarsDark: Object,
     themeVarsLight: Object,
+    themeVarsScope: makeStringProp("local"),
     iconPrefix: String
   };
   function mapThemeVarsToCSSVars(themeVars) {
@@ -1026,6 +1027,18 @@
     });
     return cssVars;
   }
+  function syncThemeVarsOnRoot(newStyle = {}, oldStyle = {}) {
+    Object.keys(newStyle).forEach((key) => {
+      if (newStyle[key] !== oldStyle[key]) {
+        document.documentElement.style.setProperty(key, newStyle[key]);
+      }
+    });
+    Object.keys(oldStyle).forEach((key) => {
+      if (!newStyle[key]) {
+        document.documentElement.style.removeProperty(key);
+      }
+    });
+  }
   var stdin_default$1R = vue.defineComponent({
     name: name$1H,
     props: configProviderProps,
@@ -1051,6 +1064,22 @@
         vue.onActivated(addTheme);
         vue.onDeactivated(removeTheme);
         vue.onBeforeUnmount(removeTheme);
+        vue.watch(style, (newStyle, oldStyle) => {
+          if (props2.themeVarsScope === "global") {
+            syncThemeVarsOnRoot(newStyle, oldStyle);
+          }
+        });
+        vue.watch(() => props2.themeVarsScope, (newScope, oldScope) => {
+          if (oldScope === "global") {
+            syncThemeVarsOnRoot({}, style.value);
+          }
+          if (newScope === "global") {
+            syncThemeVarsOnRoot(style.value, {});
+          }
+        });
+        if (props2.themeVarsScope === "global") {
+          syncThemeVarsOnRoot(style.value, {});
+        }
       }
       vue.provide(CONFIG_PROVIDER_KEY, props2);
       vue.watchEffect(() => {
@@ -1060,7 +1089,7 @@
       });
       return () => vue.createVNode(props2.tag, {
         "class": bem$1C(),
-        "style": style.value
+        "style": props2.themeVarsScope === "local" ? style.value : void 0
       }, {
         default: () => {
           var _a;
@@ -5774,7 +5803,11 @@
       shape: String,
       parent: Object,
       checked: Boolean,
-      bindGroup: truthProp
+      bindGroup: truthProp,
+      indeterminate: {
+        type: Boolean,
+        default: null
+      }
     }),
     emits: ["click", "toggle"],
     setup(props2, {
@@ -5828,14 +5861,16 @@
         var _a, _b;
         const {
           bem: bem2,
-          checked
+          checked,
+          indeterminate
         } = props2;
         const iconSize = props2.iconSize || getParentProp("iconSize");
         return vue.createVNode("div", {
           "ref": iconRef,
           "class": bem2("icon", [shape.value, {
             disabled: disabled.value,
-            checked
+            checked,
+            indeterminate
           }]),
           "style": shape.value !== "dot" ? {
             fontSize: addUnit(iconSize)
@@ -5848,7 +5883,7 @@
           checked,
           disabled: disabled.value
         }) : shape.value !== "dot" ? vue.createVNode(Icon, {
-          "name": "success",
+          "name": indeterminate ? "minus" : "success",
           "style": iconStyle.value
         }, null) : vue.createVNode("div", {
           "class": bem2("icon--dot__icon"),
@@ -7941,7 +7976,11 @@
   const [name$$, bem$_] = createNamespace("checkbox");
   const checkboxProps = extend({}, checkerProps, {
     shape: String,
-    bindGroup: truthProp
+    bindGroup: truthProp,
+    indeterminate: {
+      type: Boolean,
+      default: null
+    }
   });
   var stdin_default$18 = vue.defineComponent({
     name: name$$,
@@ -7993,8 +8032,13 @@
         } else {
           emit("update:modelValue", newValue);
         }
+        if (props2.indeterminate !== null)
+          emit("change", newValue);
       };
-      vue.watch(() => props2.modelValue, (value) => emit("change", value));
+      vue.watch(() => props2.modelValue, (value) => {
+        if (props2.indeterminate === null)
+          emit("change", value);
+      });
       useExpose({
         toggle,
         props: props2,
@@ -10072,7 +10116,7 @@
         };
         return vue.createVNode(Cell, {
           "role": "menuitem",
-          "key": option.value,
+          "key": String(option.value),
           "icon": option.icon,
           "title": option.text,
           "class": bem$J("option", {
@@ -10207,6 +10251,8 @@
         return style;
       });
       const updateState = () => {
+        if (!show.value)
+          return;
         const {
           width: width2,
           height: height2
@@ -10282,6 +10328,8 @@
       const onClick = (e) => {
         if (touch.isTap.value)
           emit("click", e);
+        else
+          e.stopPropagation();
       };
       vue.onMounted(() => {
         updateState();
@@ -10306,7 +10354,7 @@
           "onTouchstartPassive": onTouchStart,
           "onTouchend": onTouchEnd,
           "onTouchcancel": onTouchEnd,
-          "onClick": onClick,
+          "onClickCapture": onClick,
           "style": rootStyle.value
         }, attrs), [slots.default ? slots.default() : vue.createVNode(stdin_default$1P, {
           "name": props2.icon,
@@ -17619,7 +17667,7 @@
       });
     }
   };
-  const version = "4.6.5";
+  const version = "4.6.7";
   function install(app) {
     const components = [
       ActionBar,