zartui 3.1.30 → 3.1.32

package/lib/zartui.cjs.js

@@ -9531,7 +9531,7 @@ var stdin_default$$ = vue.defineComponent({
   name: name$H,
   inheritAttrs: false,
   props: dropdownItemProps,
-  emits: ["open", "opened", "close", "closed", "change", "update:modelValue", "reset", "confirm"],
+  emits: ["open", "opened", "close", "closed", "change", "update:modelValue", "reset", "confirm", "item-select"],
   setup(props, {
     emit,
     slots,
@@ -9644,21 +9644,25 @@ var stdin_default$$ = vue.defineComponent({
       }
       const onClick = () => {
         if (props.multiSelect) {
+          let isCancelSelect = true;
           if (option.selected) {
             modelArray.splice(modelArray.indexOf(value), 1);
             emit("update:modelValue", -value);
             emit("change", -value);
           } else {
             modelArray.push(value);
+            isCancelSelect = false;
             emit("update:modelValue", value);
             emit("change", value);
           }
+          emit("item-select", value, isCancelSelect);
         } else {
           state.showPopup = false;
           if (option.value !== props.modelValue) {
             emit("update:modelValue", value);
             emit("change", value);
           }
+          emit("item-select", value);
         }
       };
       const renderIcon = () => {
@@ -9801,10 +9805,15 @@ var stdin_default$$ = vue.defineComponent({
         }
       })]), [[vue.vShow, state.showWrapper]]);
     };
+    const updateInnerValue = (updateValue = []) => {
+      modelArray.splice(0);
+      modelArray.push(...updateValue);
+    };
     useExpose({
       state,
       toggle,
-      renderTitle
+      renderTitle,
+      updateInnerValue
     });
     return () => {
       if (props.teleport) {
@@ -20554,7 +20563,7 @@ const Lazyload = {
     });
   }
 };
-const version = "3.1.30";
+const version = "3.1.32";
 function install(app) {
   const components = [
     ActionSheet,

package/lib/zartui.es.js

@@ -9529,7 +9529,7 @@ var stdin_default$$ = defineComponent({
   name: name$H,
   inheritAttrs: false,
   props: dropdownItemProps,
-  emits: ["open", "opened", "close", "closed", "change", "update:modelValue", "reset", "confirm"],
+  emits: ["open", "opened", "close", "closed", "change", "update:modelValue", "reset", "confirm", "item-select"],
   setup(props, {
     emit,
     slots,
@@ -9642,21 +9642,25 @@ var stdin_default$$ = defineComponent({
       }
       const onClick = () => {
         if (props.multiSelect) {
+          let isCancelSelect = true;
           if (option.selected) {
             modelArray.splice(modelArray.indexOf(value), 1);
             emit("update:modelValue", -value);
             emit("change", -value);
           } else {
             modelArray.push(value);
+            isCancelSelect = false;
             emit("update:modelValue", value);
             emit("change", value);
           }
+          emit("item-select", value, isCancelSelect);
         } else {
           state.showPopup = false;
           if (option.value !== props.modelValue) {
             emit("update:modelValue", value);
             emit("change", value);
           }
+          emit("item-select", value);
         }
       };
       const renderIcon = () => {
@@ -9799,10 +9803,15 @@ var stdin_default$$ = defineComponent({
         }
       })]), [[vShow, state.showWrapper]]);
     };
+    const updateInnerValue = (updateValue = []) => {
+      modelArray.splice(0);
+      modelArray.push(...updateValue);
+    };
     useExpose({
       state,
       toggle,
-      renderTitle
+      renderTitle,
+      updateInnerValue
     });
     return () => {
       if (props.teleport) {
@@ -20552,7 +20561,7 @@ const Lazyload = {
     });
   }
 };
-const version = "3.1.30";
+const version = "3.1.32";
 function install(app) {
   const components = [
     ActionSheet,

package/lib/zartui.js

@@ -9775,7 +9775,7 @@
     name: name$H,
     inheritAttrs: false,
     props: dropdownItemProps,
-    emits: ["open", "opened", "close", "closed", "change", "update:modelValue", "reset", "confirm"],
+    emits: ["open", "opened", "close", "closed", "change", "update:modelValue", "reset", "confirm", "item-select"],
     setup(props, {
       emit,
       slots,
@@ -9885,21 +9885,25 @@
         }
         const onClick = () => {
           if (props.multiSelect) {
+            let isCancelSelect = true;
             if (option.selected) {
               modelArray.splice(modelArray.indexOf(value), 1);
               emit("update:modelValue", -value);
               emit("change", -value);
             } else {
               modelArray.push(value);
+              isCancelSelect = false;
               emit("update:modelValue", value);
               emit("change", value);
             }
+            emit("item-select", value, isCancelSelect);
           } else {
             state.showPopup = false;
             if (option.value !== props.modelValue) {
               emit("update:modelValue", value);
               emit("change", value);
             }
+            emit("item-select", value);
           }
         };
         const renderIcon = () => {
@@ -10042,10 +10046,15 @@
           }
         })]), [[vue.vShow, state.showWrapper]]);
       };
+      const updateInnerValue = (updateValue = []) => {
+        modelArray.splice(0);
+        modelArray.push(...updateValue);
+      };
       useExpose({
         state,
         toggle,
-        renderTitle
+        renderTitle,
+        updateInnerValue
       });
       return () => {
         if (props.teleport) {
@@ -17870,10 +17879,9 @@
       crossAxis: 0,
       alignmentAxis: null
     } : {
-      mainAxis: 0,
-      crossAxis: 0,
-      alignmentAxis: null,
-      ...rawValue
+      mainAxis: rawValue.mainAxis || 0,
+      crossAxis: rawValue.crossAxis || 0,
+      alignmentAxis: rawValue.alignmentAxis
     };
     if (alignment && typeof alignmentAxis === "number") {
       crossAxis = alignment === "end" ? alignmentAxis * -1 : alignmentAxis;
@@ -17978,7 +17986,11 @@
           ...limitedCoords,
           data: {
             x: limitedCoords.x - x,
-            y: limitedCoords.y - y
+            y: limitedCoords.y - y,
+            enabled: {
+              [mainAxis]: checkMainAxis,
+              [crossAxis]: checkCrossAxis
+            }
           }
         };
       }
@@ -18049,6 +18061,9 @@
       }
     };
   };
+  function hasWindow() {
+    return typeof window !== "undefined";
+  }
   function getNodeName$1(node) {
     if (isNode(node)) {
       return (node.nodeName || "").toLowerCase();
@@ -18064,16 +18079,25 @@
     return (_ref = (isNode(node) ? node.ownerDocument : node.document) || window.document) == null ? void 0 : _ref.documentElement;
   }
   function isNode(value) {
+    if (!hasWindow()) {
+      return false;
+    }
     return value instanceof Node || value instanceof getWindow$1(value).Node;
   }
   function isElement$1(value) {
+    if (!hasWindow()) {
+      return false;
+    }
     return value instanceof Element || value instanceof getWindow$1(value).Element;
   }
   function isHTMLElement$1(value) {
+    if (!hasWindow()) {
+      return false;
+    }
     return value instanceof HTMLElement || value instanceof getWindow$1(value).HTMLElement;
   }
   function isShadowRoot$1(value) {
-    if (typeof ShadowRoot === "undefined") {
+    if (!hasWindow() || typeof ShadowRoot === "undefined") {
       return false;
     }
     return value instanceof ShadowRoot || value instanceof getWindow$1(value).ShadowRoot;
@@ -18340,8 +18364,12 @@
   function getClientRects(element) {
     return Array.from(element.getClientRects());
   }
-  function getWindowScrollBarX$1(element) {
-    return getBoundingClientRect$1(getDocumentElement$1(element)).left + getNodeScroll$1(element).scrollLeft;
+  function getWindowScrollBarX$1(element, rect) {
+    const leftScroll = getNodeScroll$1(element).scrollLeft;
+    if (!rect) {
+      return getBoundingClientRect$1(getDocumentElement$1(element)).left + leftScroll;
+    }
+    return rect.left + leftScroll;
   }
   function getDocumentRect(element) {
     const html = getDocumentElement$1(element);
@@ -18509,8 +18537,16 @@
         offsets.x = getWindowScrollBarX$1(documentElement);
       }
     }
-    const x = rect.left + scroll.scrollLeft - offsets.x;
-    const y = rect.top + scroll.scrollTop - offsets.y;
+    let htmlX = 0;
+    let htmlY = 0;
+    if (documentElement && !isOffsetParentAnElement && !isFixed) {
+      const htmlRect = documentElement.getBoundingClientRect();
+      htmlY = htmlRect.top + scroll.scrollTop;
+      htmlX = htmlRect.left + scroll.scrollLeft - // RTL <body> scrollbar.
+      getWindowScrollBarX$1(documentElement, htmlRect);
+    }
+    const x = rect.left + scroll.scrollLeft - offsets.x - htmlX;
+    const y = rect.top + scroll.scrollTop - offsets.y - htmlY;
     return {
       x,
       y,
@@ -18528,7 +18564,11 @@
     if (polyfill) {
       return polyfill(element);
     }
-    return element.offsetParent;
+    let rawOffsetParent = element.offsetParent;
+    if (getDocumentElement$1(element) === rawOffsetParent) {
+      rawOffsetParent = rawOffsetParent.ownerDocument.body;
+    }
+    return rawOffsetParent;
   }
   function getOffsetParent$1(element, polyfill) {
     const win = getWindow$1(element);
@@ -24583,7 +24623,7 @@
       });
     }
   };
-  const version = "3.1.30";
+  const version = "3.1.32";
   function install(app) {
     const components = [
       ActionSheet,