vant 4.6.6 → 4.6.7

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,
@@ -17623,7 +17667,7 @@
       });
     }
   };
-  const version = "4.6.6";
+  const version = "4.6.7";
   function install(app) {
     const components = [
       ActionBar,