zartui 3.1.23 → 3.1.25

package/lib/zartui.cjs.js

@@ -1761,7 +1761,8 @@ const audioProps = {
   loop: Boolean,
   preload: makeStringProp("auto"),
   second: makeNumberProp(0),
-  type: makeStringProp("progress")
+  type: makeStringProp("progress"),
+  controlsList: makeArrayProp(["nodownload"])
 };
 var stdin_default$1L = vue.defineComponent({
   name: name$1j,
@@ -1948,7 +1949,8 @@ var stdin_default$1L = vue.defineComponent({
         type,
         preload,
         autoplay,
-        loop
+        loop,
+        controlsList
       } = props;
       return vue.createVNode("div", {
         "class": bem$1f()
@@ -1956,6 +1958,7 @@ var stdin_default$1L = vue.defineComponent({
         "ref": audioRef,
         "class": bem$1f("audio-main"),
         "controls": type === "controls",
+        "controlslist": controlsList.join(" "),
         "src": src,
         "preload": preload,
         "autoplay": autoplay,
@@ -2182,7 +2185,8 @@ const Avatar = withInstall(stdin_default$1I);
 const routeProps = {
   to: [String, Object],
   url: String,
-  replace: Boolean
+  replace: Boolean,
+  $router: Object
 };
 function route({
   to,
@@ -13088,7 +13092,9 @@ var stdin_default$M = vue.defineComponent({
 const mediaPlayerProps = {
   show: Boolean,
   mediaType: makeStringProp("file"),
-  mediaUrl: makeStringProp("")
+  mediaUrl: makeStringProp(""),
+  /** 视频播放时的控件展示列表，参考：https://wicg.github.io/controls-list/explainer.html */
+  controlsList: makeArrayProp([])
 };
 const [name$v, bem$u] = createNamespace("media-player");
 var stdin_default$L = vue.defineComponent({
@@ -13146,6 +13152,7 @@ var stdin_default$L = vue.defineComponent({
             "src": props.mediaUrl,
             "ref": videoRef,
             "controls": true,
+            "controlslist": props.controlsList.join(" "),
             "autoplay": true,
             "id": "video",
             "webkit-playsinline": true,
@@ -13157,6 +13164,7 @@ var stdin_default$L = vue.defineComponent({
             "src": props.mediaUrl,
             "ref": audioRef,
             "controls": true,
+            "controlslist": props.controlsList.join(" "),
             "autoplay": true,
             "id": "audio"
           }, [vue.createTextVNode("您的浏览器不支持audio标签")]);
@@ -13750,7 +13758,8 @@ const mediaPickerProps = {
   beforeDelete: Function,
   // 是否强制使用微信
   useWx: Boolean,
-  imageSizeType: makeStringProp("compressed")
+  imageSizeType: makeStringProp("compressed"),
+  mediaPlayerProps: Object
 };
 var stdin_default$B = vue.defineComponent({
   name: name$u,
@@ -14356,7 +14365,8 @@ var stdin_default$B = vue.defineComponent({
           images: imageList.value.map((image) => ({
             url: image.url || image.showSrc || ""
           })),
-          startPosition: imageIndex
+          startPosition: imageIndex,
+          closeable: true
         });
       } else if (media.type === "audio" || media.type === "video") {
         if (!media.file && !media.url) {
@@ -14397,12 +14407,12 @@ var stdin_default$B = vue.defineComponent({
       const showButtons = props.allowTakePhoto || props.allowPickPhoto || props.allowTakeVideo || props.allowPickVideo || props.allowTakeAudio || props.allowPickAudio || props.allowPickFile;
       return vue.createVNode("div", {
         "class": bem$t()
-      }, [title, hiddenInput(), vue.createVNode(stdin_default$K, {
+      }, [title, hiddenInput(), vue.createVNode(stdin_default$K, vue.mergeProps({
         "show": mediaPlayerVisible.value,
         "onUpdate:show": ($event) => mediaPlayerVisible.value = $event,
         "mediaType": mediaTypeToPlay.value,
         "mediaUrl": mediaUrlToPlay.value
-      }, null), vue.createVNode(stdin_default$1O, {
+      }, props.mediaPlayerProps), null), vue.createVNode(stdin_default$1O, {
         "show": actionVisible.value,
         "onUpdate:show": ($event) => actionVisible.value = $event,
         "actions": actionOptions.value,
@@ -18990,6 +19000,7 @@ var stdin_default$5 = vue.defineComponent({
         imagePreview = showImagePreview(extend({
           images,
           startPosition: imageFiles.indexOf(item),
+          closeable: true,
           onClose: onClosePreview
         }, props.previewOptions));
       }
@@ -19251,7 +19262,8 @@ const videoProps = {
       playsinline: false,
       // 行内展示
       touchPlay: false,
-      preload: ""
+      preload: "",
+      controlsList: ["nodownload"]
     }
   },
   errorTip: makeStringProp("播放器发生错误"),
@@ -19593,6 +19605,7 @@ var stdin_default$4 = vue.defineComponent({
         src,
         options
       } = props;
+      const controlsList = options.controlsList || ["nodownload"];
       return vue.createVNode("div", {
         "class": bem()
       }, [vue.createVNode("video", {
@@ -19603,6 +19616,7 @@ var stdin_default$4 = vue.defineComponent({
         "loop": options.loop,
         "poster": options.poster,
         "controls": options.controls,
+        "controlslist": controlsList.join(" "),
         "preload": options.preload,
         "src": src,
         "onError": handleError
@@ -20487,7 +20501,7 @@ const Lazyload = {
     });
   }
 };
-const version = "3.1.23";
+const version = "3.1.25";
 function install(app) {
   const components = [
     ActionSheet,

package/lib/zartui.es.js

@@ -1759,7 +1759,8 @@ const audioProps = {
   loop: Boolean,
   preload: makeStringProp("auto"),
   second: makeNumberProp(0),
-  type: makeStringProp("progress")
+  type: makeStringProp("progress"),
+  controlsList: makeArrayProp(["nodownload"])
 };
 var stdin_default$1L = defineComponent({
   name: name$1j,
@@ -1946,7 +1947,8 @@ var stdin_default$1L = defineComponent({
         type,
         preload,
         autoplay,
-        loop
+        loop,
+        controlsList
       } = props;
       return createVNode("div", {
         "class": bem$1f()
@@ -1954,6 +1956,7 @@ var stdin_default$1L = defineComponent({
         "ref": audioRef,
         "class": bem$1f("audio-main"),
         "controls": type === "controls",
+        "controlslist": controlsList.join(" "),
         "src": src,
         "preload": preload,
         "autoplay": autoplay,
@@ -2180,7 +2183,8 @@ const Avatar = withInstall(stdin_default$1I);
 const routeProps = {
   to: [String, Object],
   url: String,
-  replace: Boolean
+  replace: Boolean,
+  $router: Object
 };
 function route({
   to,
@@ -13086,7 +13090,9 @@ var stdin_default$M = defineComponent({
 const mediaPlayerProps = {
   show: Boolean,
   mediaType: makeStringProp("file"),
-  mediaUrl: makeStringProp("")
+  mediaUrl: makeStringProp(""),
+  /** 视频播放时的控件展示列表，参考：https://wicg.github.io/controls-list/explainer.html */
+  controlsList: makeArrayProp([])
 };
 const [name$v, bem$u] = createNamespace("media-player");
 var stdin_default$L = defineComponent({
@@ -13144,6 +13150,7 @@ var stdin_default$L = defineComponent({
             "src": props.mediaUrl,
             "ref": videoRef,
             "controls": true,
+            "controlslist": props.controlsList.join(" "),
             "autoplay": true,
             "id": "video",
             "webkit-playsinline": true,
@@ -13155,6 +13162,7 @@ var stdin_default$L = defineComponent({
             "src": props.mediaUrl,
             "ref": audioRef,
             "controls": true,
+            "controlslist": props.controlsList.join(" "),
             "autoplay": true,
             "id": "audio"
           }, [createTextVNode("您的浏览器不支持audio标签")]);
@@ -13748,7 +13756,8 @@ const mediaPickerProps = {
   beforeDelete: Function,
   // 是否强制使用微信
   useWx: Boolean,
-  imageSizeType: makeStringProp("compressed")
+  imageSizeType: makeStringProp("compressed"),
+  mediaPlayerProps: Object
 };
 var stdin_default$B = defineComponent({
   name: name$u,
@@ -14354,7 +14363,8 @@ var stdin_default$B = defineComponent({
           images: imageList.value.map((image) => ({
             url: image.url || image.showSrc || ""
           })),
-          startPosition: imageIndex
+          startPosition: imageIndex,
+          closeable: true
         });
       } else if (media.type === "audio" || media.type === "video") {
         if (!media.file && !media.url) {
@@ -14395,12 +14405,12 @@ var stdin_default$B = defineComponent({
       const showButtons = props.allowTakePhoto || props.allowPickPhoto || props.allowTakeVideo || props.allowPickVideo || props.allowTakeAudio || props.allowPickAudio || props.allowPickFile;
       return createVNode("div", {
         "class": bem$t()
-      }, [title, hiddenInput(), createVNode(stdin_default$K, {
+      }, [title, hiddenInput(), createVNode(stdin_default$K, mergeProps({
         "show": mediaPlayerVisible.value,
         "onUpdate:show": ($event) => mediaPlayerVisible.value = $event,
         "mediaType": mediaTypeToPlay.value,
         "mediaUrl": mediaUrlToPlay.value
-      }, null), createVNode(stdin_default$1O, {
+      }, props.mediaPlayerProps), null), createVNode(stdin_default$1O, {
         "show": actionVisible.value,
         "onUpdate:show": ($event) => actionVisible.value = $event,
         "actions": actionOptions.value,
@@ -18988,6 +18998,7 @@ var stdin_default$5 = defineComponent({
         imagePreview = showImagePreview(extend({
           images,
           startPosition: imageFiles.indexOf(item),
+          closeable: true,
           onClose: onClosePreview
         }, props.previewOptions));
       }
@@ -19249,7 +19260,8 @@ const videoProps = {
       playsinline: false,
       // 行内展示
       touchPlay: false,
-      preload: ""
+      preload: "",
+      controlsList: ["nodownload"]
     }
   },
   errorTip: makeStringProp("播放器发生错误"),
@@ -19591,6 +19603,7 @@ var stdin_default$4 = defineComponent({
         src,
         options
       } = props;
+      const controlsList = options.controlsList || ["nodownload"];
       return createVNode("div", {
         "class": bem()
       }, [createVNode("video", {
@@ -19601,6 +19614,7 @@ var stdin_default$4 = defineComponent({
         "loop": options.loop,
         "poster": options.poster,
         "controls": options.controls,
+        "controlslist": controlsList.join(" "),
         "preload": options.preload,
         "src": src,
         "onError": handleError
@@ -20485,7 +20499,7 @@ const Lazyload = {
     });
   }
 };
-const version = "3.1.23";
+const version = "3.1.25";
 function install(app) {
   const components = [
     ActionSheet,

package/lib/zartui.js

@@ -2031,7 +2031,8 @@
     loop: Boolean,
     preload: makeStringProp("auto"),
     second: makeNumberProp(0),
-    type: makeStringProp("progress")
+    type: makeStringProp("progress"),
+    controlsList: makeArrayProp(["nodownload"])
   };
   var stdin_default$1L = vue.defineComponent({
     name: name$1j,
@@ -2218,7 +2219,8 @@
           type,
           preload,
           autoplay,
-          loop
+          loop,
+          controlsList
         } = props;
         return vue.createVNode("div", {
           "class": bem$1f()
@@ -2226,6 +2228,7 @@
           "ref": audioRef,
           "class": bem$1f("audio-main"),
           "controls": type === "controls",
+          "controlslist": controlsList.join(" "),
           "src": src,
           "preload": preload,
           "autoplay": autoplay,
@@ -2452,7 +2455,8 @@
   const routeProps = {
     to: [String, Object],
     url: String,
-    replace: Boolean
+    replace: Boolean,
+    $router: Object
   };
   function route({
     to,
@@ -13323,7 +13327,9 @@
   const mediaPlayerProps = {
     show: Boolean,
     mediaType: makeStringProp("file"),
-    mediaUrl: makeStringProp("")
+    mediaUrl: makeStringProp(""),
+    /** 视频播放时的控件展示列表，参考：https://wicg.github.io/controls-list/explainer.html */
+    controlsList: makeArrayProp([])
   };
   const [name$v, bem$u] = createNamespace("media-player");
   var stdin_default$L = vue.defineComponent({
@@ -13381,6 +13387,7 @@
               "src": props.mediaUrl,
               "ref": videoRef,
               "controls": true,
+              "controlslist": props.controlsList.join(" "),
               "autoplay": true,
               "id": "video",
               "webkit-playsinline": true,
@@ -13392,6 +13399,7 @@
               "src": props.mediaUrl,
               "ref": audioRef,
               "controls": true,
+              "controlslist": props.controlsList.join(" "),
               "autoplay": true,
               "id": "audio"
             }, [vue.createTextVNode("您的浏览器不支持audio标签")]);
@@ -13917,7 +13925,7 @@
     });
   };
   var require_dayjs_min = __commonJS({
-    "../../node_modules/.pnpm/dayjs@1.11.11/node_modules/dayjs/dayjs.min.js"(exports3, module2) {
+    "../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/dayjs.min.js"(exports3, module2) {
       !function(t2, e) {
         "object" == typeof exports3 && "undefined" != typeof module2 ? module2.exports = e() : "function" == typeof define && define.amd ? define(e) : (t2 = "undefined" != typeof globalThis ? globalThis : t2 || self).dayjs = e();
       }(exports3, function() {
@@ -14208,7 +14216,7 @@
     }
   });
   var require_zh_cn = __commonJS({
-    "../../node_modules/.pnpm/dayjs@1.11.11/node_modules/dayjs/locale/zh-cn.js"(exports3, module2) {
+    "../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/zh-cn.js"(exports3, module2) {
       !function(e, _) {
         "object" == typeof exports3 && "undefined" != typeof module2 ? module2.exports = _(require_dayjs_min()) : "function" == typeof define && define.amd ? define(["dayjs"], _) : (e = "undefined" != typeof globalThis ? globalThis : e || self).dayjs_locale_zh_cn = _(e.dayjs);
       }(exports3, function(e) {
@@ -15495,7 +15503,8 @@
     beforeDelete: Function,
     // 是否强制使用微信
     useWx: Boolean,
-    imageSizeType: makeStringProp("compressed")
+    imageSizeType: makeStringProp("compressed"),
+    mediaPlayerProps: Object
   };
   var stdin_default$B = vue.defineComponent({
     name: name$u,
@@ -16101,7 +16110,8 @@
             images: imageList.value.map((image) => ({
               url: image.url || image.showSrc || ""
             })),
-            startPosition: imageIndex
+            startPosition: imageIndex,
+            closeable: true
           });
         } else if (media.type === "audio" || media.type === "video") {
           if (!media.file && !media.url) {
@@ -16142,12 +16152,12 @@
         const showButtons = props.allowTakePhoto || props.allowPickPhoto || props.allowTakeVideo || props.allowPickVideo || props.allowTakeAudio || props.allowPickAudio || props.allowPickFile;
         return vue.createVNode("div", {
           "class": bem$t()
-        }, [title, hiddenInput(), vue.createVNode(stdin_default$K, {
+        }, [title, hiddenInput(), vue.createVNode(stdin_default$K, vue.mergeProps({
           "show": mediaPlayerVisible.value,
           "onUpdate:show": ($event) => mediaPlayerVisible.value = $event,
           "mediaType": mediaTypeToPlay.value,
           "mediaUrl": mediaUrlToPlay.value
-        }, null), vue.createVNode(stdin_default$1O, {
+        }, props.mediaPlayerProps), null), vue.createVNode(stdin_default$1O, {
           "show": actionVisible.value,
           "onUpdate:show": ($event) => actionVisible.value = $event,
           "actions": actionOptions.value,
@@ -18005,19 +18015,18 @@
       }
     });
   }
-  function isContainingBlock(element) {
+  function isContainingBlock(elementOrCss) {
     const webkit = isWebKit();
-    const css = getComputedStyle$2(element);
+    const css = isElement$1(elementOrCss) ? getComputedStyle$2(elementOrCss) : elementOrCss;
     return css.transform !== "none" || css.perspective !== "none" || (css.containerType ? css.containerType !== "normal" : false) || !webkit && (css.backdropFilter ? css.backdropFilter !== "none" : false) || !webkit && (css.filter ? css.filter !== "none" : false) || ["transform", "perspective", "filter"].some((value) => (css.willChange || "").includes(value)) || ["paint", "layout", "strict", "content"].some((value) => (css.contain || "").includes(value));
   }
   function getContainingBlock$1(element) {
     let currentNode = getParentNode$1(element);
     while (isHTMLElement$1(currentNode) && !isLastTraversableNode(currentNode)) {
-      if (isTopLayer(currentNode)) {
-        return null;
-      }
       if (isContainingBlock(currentNode)) {
         return currentNode;
+      } else if (isTopLayer(currentNode)) {
+        return null;
       }
       currentNode = getParentNode$1(currentNode);
     }
@@ -18081,10 +18090,14 @@
     const isBody = scrollableAncestor === ((_node$ownerDocument2 = node.ownerDocument) == null ? void 0 : _node$ownerDocument2.body);
     const win = getWindow$1(scrollableAncestor);
     if (isBody) {
-      return list.concat(win, win.visualViewport || [], isOverflowElement(scrollableAncestor) ? scrollableAncestor : [], win.frameElement && traverseIframes ? getOverflowAncestors(win.frameElement) : []);
+      const frameElement = getFrameElement(win);
+      return list.concat(win, win.visualViewport || [], isOverflowElement(scrollableAncestor) ? scrollableAncestor : [], frameElement && traverseIframes ? getOverflowAncestors(frameElement) : []);
     }
     return list.concat(scrollableAncestor, getOverflowAncestors(scrollableAncestor, [], traverseIframes));
   }
+  function getFrameElement(win) {
+    return win.parent && Object.getPrototypeOf(win.parent) ? win.frameElement : null;
+  }
   function getCssDimensions(element) {
     const css = getComputedStyle$2(element);
     let width2 = parseFloat(css.width) || 0;
@@ -18178,7 +18191,7 @@
       const win = getWindow$1(domElement);
       const offsetWin = offsetParent && isElement$1(offsetParent) ? getWindow$1(offsetParent) : offsetParent;
       let currentWin = win;
-      let currentIFrame = currentWin.frameElement;
+      let currentIFrame = getFrameElement(currentWin);
       while (currentIFrame && offsetParent && offsetWin !== currentWin) {
         const iframeScale = getScale(currentIFrame);
         const iframeRect = currentIFrame.getBoundingClientRect();
@@ -18192,7 +18205,7 @@
         x += left2;
         y += top2;
         currentWin = getWindow$1(currentIFrame);
-        currentIFrame = currentWin.frameElement;
+        currentIFrame = getFrameElement(currentWin);
       }
     }
     return rectToClientRect({
@@ -23002,6 +23015,7 @@
           imagePreview = showImagePreview(extend({
             images,
             startPosition: imageFiles.indexOf(item),
+            closeable: true,
             onClose: onClosePreview
           }, props.previewOptions));
         }
@@ -23263,7 +23277,8 @@
         playsinline: false,
         // 行内展示
         touchPlay: false,
-        preload: ""
+        preload: "",
+        controlsList: ["nodownload"]
       }
     },
     errorTip: makeStringProp("播放器发生错误"),
@@ -23605,6 +23620,7 @@
           src,
           options
         } = props;
+        const controlsList = options.controlsList || ["nodownload"];
         return vue.createVNode("div", {
           "class": bem()
         }, [vue.createVNode("video", {
@@ -23615,6 +23631,7 @@
           "loop": options.loop,
           "poster": options.poster,
           "controls": options.controls,
+          "controlslist": controlsList.join(" "),
           "preload": options.preload,
           "src": src,
           "onError": handleError
@@ -24482,7 +24499,7 @@
       });
     }
   };
-  const version = "3.1.23";
+  const version = "3.1.25";
   function install(app) {
     const components = [
       ActionSheet,