zartui 3.2.2 → 3.2.4

package/lib/zartui.cjs.js

@@ -1315,7 +1315,6 @@ var stdin_default$1R = vue.defineComponent({
           "class": bem$1i("header")
         }, [props.title, props.closeable && vue.createVNode(Icon, {
           "name": props.closeIcon,
-          "size": "16",
           "class": [bem$1i("close"), HAPTICS_FEEDBACK],
           "onClick": onCancel
         }, null)]);
@@ -1351,7 +1350,7 @@ var stdin_default$1R = vue.defineComponent({
     };
     const renderAction = (action, index) => {
       const {
-        bgColor,
+        background,
         border,
         loading,
         callback,
@@ -1376,7 +1375,7 @@ var stdin_default$1R = vue.defineComponent({
       return vue.createVNode("button", {
         "type": "button",
         "style": {
-          background: bgColor,
+          background,
           border
         },
         "class": [
@@ -4568,6 +4567,12 @@ var stdin_default$1y = vue.defineComponent({
       }
       return 0;
     });
+    vue.watch(() => titleRefs.value, () => {
+      if (navRef.value && scrollable.value) {
+        state.showLeftOverlay = Math.floor(navRef.value.scrollLeft) > 0;
+        state.showRightOverlay = hasScrollToEnd(navRef.value);
+      }
+    });
     const scrollIntoView = (immediate) => {
       const nav = navRef.value;
       const titles = titleRefs.value;
@@ -4744,7 +4749,6 @@ var stdin_default$1y = vue.defineComponent({
           "class": bem$16("indicator-left")
         }, [vue.createVNode(Icon, {
           "name": "back",
-          "size": "16",
           "class": bem$16("icon-indicator-left")
         }, null)]);
       }
@@ -4756,7 +4760,6 @@ var stdin_default$1y = vue.defineComponent({
           "class": bem$16("indicator-right")
         }, [vue.createVNode(Icon, {
           "name": "arrow-right",
-          "size": "16",
           "class": bem$16("icon-indicator-right")
         }, null)]);
       }
@@ -7987,11 +7990,11 @@ const dialogProps = extend({}, popupSharedProps, {
   showCancelButton: Boolean,
   cancelButtonText: String,
   cancelButtonColor: String,
-  cancelButtonBgColor: String,
+  cancelButtonBackground: String,
   cancelButtonDisabled: Boolean,
   confirmButtonText: String,
   confirmButtonColor: String,
-  confirmButtonBgColor: String,
+  confirmButtonBackground: String,
   confirmButtonDisabled: Boolean,
   showConfirmButton: truthProp,
   closeOnClickOverlay: Boolean
@@ -8127,7 +8130,7 @@ var stdin_default$19 = vue.defineComponent({
       "class": bem$O("cancel"),
       "style": {
         color: props.cancelButtonColor,
-        background: props.cancelButtonBgColor
+        background: props.cancelButtonBackground
       },
       "loading": loading.cancel,
       "disabled": props.cancelButtonDisabled,
@@ -8140,7 +8143,7 @@ var stdin_default$19 = vue.defineComponent({
       }),
       "style": {
         color: props.confirmButtonColor,
-        background: props.confirmButtonBgColor
+        background: props.confirmButtonBackground
       },
       "loading": loading.confirm,
       "disabled": props.confirmButtonDisabled,
@@ -18411,6 +18414,9 @@ var stdin_default$e = vue.defineComponent({
         fontSize: addUnit(size),
         backgroundColor: checked ? activeColor : inactiveColor
       };
+      const nodeStyle = {
+        fontSize: addUnit(size)
+      };
       return vue.createVNode("div", {
         "role": "switch",
         "class": bem$7({
@@ -18423,7 +18429,8 @@ var stdin_default$e = vue.defineComponent({
         "aria-checked": checked,
         "onClick": onClick
       }, [vue.createVNode("div", {
-        "class": bem$7("node")
+        "class": bem$7("node"),
+        "style": nodeStyle
       }, [renderLoading()]), (_a = slots.background) == null ? void 0 : _a.call(slots)]);
     };
   }
@@ -20982,7 +20989,7 @@ const Lazyload = {
     });
   }
 };
-const version = "3.2.0";
+const version = "3.2.4";
 function install(app) {
   const components = [
     ActionSheet,

package/lib/zartui.es.js

@@ -1313,7 +1313,6 @@ var stdin_default$1R = defineComponent({
           "class": bem$1i("header")
         }, [props.title, props.closeable && createVNode(Icon, {
           "name": props.closeIcon,
-          "size": "16",
           "class": [bem$1i("close"), HAPTICS_FEEDBACK],
           "onClick": onCancel
         }, null)]);
@@ -1349,7 +1348,7 @@ var stdin_default$1R = defineComponent({
     };
     const renderAction = (action, index) => {
       const {
-        bgColor,
+        background,
         border,
         loading,
         callback,
@@ -1374,7 +1373,7 @@ var stdin_default$1R = defineComponent({
       return createVNode("button", {
         "type": "button",
         "style": {
-          background: bgColor,
+          background,
           border
         },
         "class": [
@@ -4566,6 +4565,12 @@ var stdin_default$1y = defineComponent({
       }
       return 0;
     });
+    watch(() => titleRefs.value, () => {
+      if (navRef.value && scrollable.value) {
+        state.showLeftOverlay = Math.floor(navRef.value.scrollLeft) > 0;
+        state.showRightOverlay = hasScrollToEnd(navRef.value);
+      }
+    });
     const scrollIntoView = (immediate) => {
       const nav = navRef.value;
       const titles = titleRefs.value;
@@ -4742,7 +4747,6 @@ var stdin_default$1y = defineComponent({
           "class": bem$16("indicator-left")
         }, [createVNode(Icon, {
           "name": "back",
-          "size": "16",
           "class": bem$16("icon-indicator-left")
         }, null)]);
       }
@@ -4754,7 +4758,6 @@ var stdin_default$1y = defineComponent({
           "class": bem$16("indicator-right")
         }, [createVNode(Icon, {
           "name": "arrow-right",
-          "size": "16",
           "class": bem$16("icon-indicator-right")
         }, null)]);
       }
@@ -7985,11 +7988,11 @@ const dialogProps = extend({}, popupSharedProps, {
   showCancelButton: Boolean,
   cancelButtonText: String,
   cancelButtonColor: String,
-  cancelButtonBgColor: String,
+  cancelButtonBackground: String,
   cancelButtonDisabled: Boolean,
   confirmButtonText: String,
   confirmButtonColor: String,
-  confirmButtonBgColor: String,
+  confirmButtonBackground: String,
   confirmButtonDisabled: Boolean,
   showConfirmButton: truthProp,
   closeOnClickOverlay: Boolean
@@ -8125,7 +8128,7 @@ var stdin_default$19 = defineComponent({
       "class": bem$O("cancel"),
       "style": {
         color: props.cancelButtonColor,
-        background: props.cancelButtonBgColor
+        background: props.cancelButtonBackground
       },
       "loading": loading.cancel,
       "disabled": props.cancelButtonDisabled,
@@ -8138,7 +8141,7 @@ var stdin_default$19 = defineComponent({
       }),
       "style": {
         color: props.confirmButtonColor,
-        background: props.confirmButtonBgColor
+        background: props.confirmButtonBackground
       },
       "loading": loading.confirm,
       "disabled": props.confirmButtonDisabled,
@@ -18409,6 +18412,9 @@ var stdin_default$e = defineComponent({
         fontSize: addUnit(size),
         backgroundColor: checked ? activeColor : inactiveColor
       };
+      const nodeStyle = {
+        fontSize: addUnit(size)
+      };
       return createVNode("div", {
         "role": "switch",
         "class": bem$7({
@@ -18421,7 +18427,8 @@ var stdin_default$e = defineComponent({
         "aria-checked": checked,
         "onClick": onClick
       }, [createVNode("div", {
-        "class": bem$7("node")
+        "class": bem$7("node"),
+        "style": nodeStyle
       }, [renderLoading()]), (_a = slots.background) == null ? void 0 : _a.call(slots)]);
     };
   }
@@ -20980,7 +20987,7 @@ const Lazyload = {
     });
   }
 };
-const version = "3.2.0";
+const version = "3.2.4";
 function install(app) {
   const components = [
     ActionSheet,

package/lib/zartui.js

@@ -1585,7 +1585,6 @@
             "class": bem$1i("header")
           }, [props.title, props.closeable && vue.createVNode(Icon, {
             "name": props.closeIcon,
-            "size": "16",
             "class": [bem$1i("close"), HAPTICS_FEEDBACK],
             "onClick": onCancel
           }, null)]);
@@ -1621,7 +1620,7 @@
       };
       const renderAction = (action, index2) => {
         const {
-          bgColor,
+          background,
           border,
           loading,
           callback,
@@ -1646,7 +1645,7 @@
         return vue.createVNode("button", {
           "type": "button",
           "style": {
-            background: bgColor,
+            background,
             border
           },
           "class": [
@@ -4835,6 +4834,12 @@
         }
         return 0;
       });
+      vue.watch(() => titleRefs.value, () => {
+        if (navRef.value && scrollable.value) {
+          state.showLeftOverlay = Math.floor(navRef.value.scrollLeft) > 0;
+          state.showRightOverlay = hasScrollToEnd(navRef.value);
+        }
+      });
       const scrollIntoView = (immediate) => {
         const nav = navRef.value;
         const titles = titleRefs.value;
@@ -5011,7 +5016,6 @@
             "class": bem$16("indicator-left")
           }, [vue.createVNode(Icon, {
             "name": "back",
-            "size": "16",
             "class": bem$16("icon-indicator-left")
           }, null)]);
         }
@@ -5023,7 +5027,6 @@
             "class": bem$16("indicator-right")
           }, [vue.createVNode(Icon, {
             "name": "arrow-right",
-            "size": "16",
             "class": bem$16("icon-indicator-right")
           }, null)]);
         }
@@ -8231,11 +8234,11 @@
     showCancelButton: Boolean,
     cancelButtonText: String,
     cancelButtonColor: String,
-    cancelButtonBgColor: String,
+    cancelButtonBackground: String,
     cancelButtonDisabled: Boolean,
     confirmButtonText: String,
     confirmButtonColor: String,
-    confirmButtonBgColor: String,
+    confirmButtonBackground: String,
     confirmButtonDisabled: Boolean,
     showConfirmButton: truthProp,
     closeOnClickOverlay: Boolean
@@ -8371,7 +8374,7 @@
         "class": bem$O("cancel"),
         "style": {
           color: props.cancelButtonColor,
-          background: props.cancelButtonBgColor
+          background: props.cancelButtonBackground
         },
         "loading": loading.cancel,
         "disabled": props.cancelButtonDisabled,
@@ -8384,7 +8387,7 @@
         }),
         "style": {
           color: props.confirmButtonColor,
-          background: props.confirmButtonBgColor
+          background: props.confirmButtonBackground
         },
         "loading": loading.confirm,
         "disabled": props.confirmButtonDisabled,
@@ -22508,6 +22511,9 @@
           fontSize: addUnit(size),
           backgroundColor: checked ? activeColor : inactiveColor
         };
+        const nodeStyle = {
+          fontSize: addUnit(size)
+        };
         return vue.createVNode("div", {
           "role": "switch",
           "class": bem$7({
@@ -22520,7 +22526,8 @@
           "aria-checked": checked,
           "onClick": onClick
         }, [vue.createVNode("div", {
-          "class": bem$7("node")
+          "class": bem$7("node"),
+          "style": nodeStyle
         }, [renderLoading()]), (_a = slots.background) == null ? void 0 : _a.call(slots)]);
       };
     }
@@ -25059,7 +25066,7 @@
       });
     }
   };
-  const version = "3.2.0";
+  const version = "3.2.4";
   function install(app) {
     const components = [
       ActionSheet,