zartui 3.1.93 → 3.1.94

package/lib/zartui.cjs.js

@@ -12441,15 +12441,25 @@ var stdin_default$U = vue.defineComponent({
     };
   }
 });
-const Download = (bem2) => vue.createVNode("svg", {
-  "class": bem2("svg-download-icon"),
-  "xmlns": "http://www.w3.org/2000/svg",
-  "viewBox": "0 0 20 20"
-}, [vue.createVNode("path", {
-  "d": "M3.75,17.5 C3.28976271,17.5 2.91666667,17.126904 2.91666667,16.6666667 L2.91666667,12.5 C2.91666667,12.0397627 3.28976271,11.6666667 3.75,11.6666667 C4.21023729,11.6666667 4.58333333,12.0397627 4.58333333,12.5 L4.58266667,15.833 L15.4166667,15.833 L15.4166667,12.5 C15.4166667,12.0397627 15.7897627,11.6666667 16.25,11.6666667 C16.7102373,11.6666667 17.0833333,12.0397627 17.0833333,12.5 L17.0833333,16.6666667 C17.0833333,17.0915011 16.765429,17.442085 16.3545316,17.4935072 L16.25,17.5 L3.75,17.5 Z M10,2.5 C10.4602373,2.5 10.8333333,2.87309604 10.8333333,3.33333333 L10.834,10.904 L12.327411,9.41074435 L12.3804172,9.36206404 C12.7078286,9.08620893 13.1976137,9.1024357 13.5059223,9.41074435 C13.8313592,9.73618126 13.8313592,10.2638187 13.5059223,10.5892557 L10.5892557,13.5059223 L10.5659501,13.5283458 C10.5602582,13.5336148 10.5544926,13.5388053 10.548655,13.5439156 L10.5362495,13.5546026 L10.5121742,13.5740743 C10.4949132,13.5875412 10.4771081,13.6003432 10.4586783,13.6126074 C10.4455853,13.6212563 10.4323019,13.6294968 10.4192578,13.6370097 C10.4029078,13.6465464 10.3862038,13.6555423 10.3690405,13.664083 C10.3522054,13.6723976 10.3351478,13.6801087 10.3177097,13.6872958 C10.3045293,13.6927357 10.2911788,13.6978473 10.2777746,13.7025471 C10.2584813,13.7093513 10.2389875,13.7154237 10.2194971,13.7207897 C10.2011918,13.7257748 10.1826357,13.7301514 10.1634324,13.7339067 L10.1207556,13.7413147 C10.0813306,13.7470375 10.0410112,13.75 10,13.75 L10.0566667,13.747 L10.0399512,13.7490477 L9.96132783,13.7491078 C9.94161389,13.7481976 9.92192612,13.746591 9.89546844,13.7435072 C9.79274407,13.7306516 9.69583178,13.6990985 9.6082458,13.6523619 L9.59484365,13.6451239 C9.58442452,13.639322 9.57410342,13.6332795 9.56375825,13.6268308 C9.54437371,13.6148978 9.52551484,13.6021934 9.50686916,13.5885746 L9.48480346,13.5717051 L9.41074435,13.5059223 L6.49407768,10.5892557 L6.44539737,10.5362495 C6.16954226,10.2088381 6.18576903,9.719053 6.49407768,9.41074435 L6.54708384,9.36206404 C6.87449527,9.08620893 7.36428033,9.1024357 7.67258898,9.41074435 L9.167,10.905 L9.16666667,3.33333333 C9.16666667,2.87309604 9.53976271,2.5 10,2.5 Z",
-  "fill": "#FFF",
-  "fill-rule": "nonzero"
-}, null)]);
+var __defProp$1 = Object.defineProperty;
+var __defProps$1 = Object.defineProperties;
+var __getOwnPropDescs$1 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$1 = Object.getOwnPropertySymbols;
+var __hasOwnProp$1 = Object.prototype.hasOwnProperty;
+var __propIsEnum$1 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$1 = (obj, key, value) => key in obj ? __defProp$1(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$1 = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$1.call(b, prop))
+      __defNormalProp$1(a, prop, b[prop]);
+  if (__getOwnPropSymbols$1)
+    for (var prop of __getOwnPropSymbols$1(b)) {
+      if (__propIsEnum$1.call(b, prop))
+        __defNormalProp$1(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps$1 = (a, b) => __defProps$1(a, __getOwnPropDescs$1(b));
 var __async$4 = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
@@ -12470,6 +12480,72 @@ var __async$4 = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
+function useMediaDownload(props) {
+  const downloading = vue.ref(false);
+  const downloadInBrowser = (params) => {
+    const link = document.createElement("a");
+    link.href = params.url;
+    link.download = params.fileName || "";
+    document.body.appendChild(link);
+    link.click();
+    link.remove();
+  };
+  const download = (params, confirm = false) => __async$4(this, null, function* () {
+    var _a, _b, _c;
+    if (!props.showDownload || downloading.value || !params.url || params.url.startsWith("data:")) {
+      return;
+    }
+    downloading.value = true;
+    try {
+      if (confirm) {
+        try {
+          yield showConfirmDialog({ message: "附件格式暂不支持预览，是否下载原文件" });
+        } catch (action) {
+          if (action !== "cancel") {
+            throw action;
+          }
+          return;
+        }
+      }
+      if (!props.showDownload || ((_a = props.downloadAction) == null ? void 0 : _a.call(props, params))) {
+        return;
+      }
+      let file;
+      try {
+        const sdk = yield Promise.resolve().then(() => require("./index-bb5638a0.js"));
+        file = (_b = sdk.getJSI()) == null ? void 0 : _b.file;
+      } catch (e) {
+        downloadInBrowser(params);
+        return;
+      }
+      if (!(file == null ? void 0 : file.download)) {
+        downloadInBrowser(params);
+        return;
+      }
+      showLoadingToast({ message: "下载中...", forbidClick: true, duration: 0 });
+      try {
+        const result = yield file.download({ url: params.url });
+        const displayPath = (_c = result == null ? void 0 : result.tempFilePath) == null ? void 0 : _c.replace(/^\/storage\/emulated\/0\//, "");
+        closeToast();
+        showSuccessToast({
+          message: displayPath ? `下载成功
+保存路径：${displayPath}` : "下载成功",
+          duration: 5e3
+        });
+      } catch (e) {
+        closeToast();
+        showFailToast("下载失败");
+      }
+    } finally {
+      downloading.value = false;
+    }
+  });
+  const downloadFile = (options) => {
+    var _a;
+    return download(__spreadProps$1(__spreadValues$1({}, options), { index: (_a = options.index) != null ? _a : -1 }), true);
+  };
+  return { downloading, download, downloadFile };
+}
 const [name$C, bem$B] = createNamespace("image-preview");
 const popupProps$1 = ["show", "transition", "overlayStyle", "closeOnPopstate", "teleport"];
 const imagePreviewProps = {
@@ -12506,8 +12582,13 @@ var stdin_default$T = vue.defineComponent({
     slots
   }) {
     const swipeRef = vue.ref();
+    const {
+      downloading,
+      download,
+      downloadFile
+    } = useMediaDownload(props);
     const state = vue.reactive({
-      active: 0,
+      active: +props.startPosition,
       rootWidth: 0,
       rootHeight: 0,
       disableZoom: false
@@ -12545,71 +12626,38 @@ var stdin_default$T = vue.defineComponent({
         }, [props.images[state.active].title]);
       }
     };
-    const onDownload = () => __async$4(this, null, function* () {
+    const onDownload = () => {
       var _a, _b, _c;
-      const downloadParams = {
+      return download({
         index: state.active,
         url: (_a = props.images[state.active]) == null ? void 0 : _a.url,
-        title: (_b = props.images[state.active]) == null ? void 0 : _b.title
-      };
-      if (props.downloadAction) {
-        const result = props.downloadAction(downloadParams);
-        if (result) {
-          return;
-        }
-      }
-      try {
-        let universalJsSdk = yield Promise.resolve().then(() => require("./index-bb5638a0.js"));
-        if (universalJsSdk && universalJsSdk.getJSI && downloadParams.url) {
-          let fileJsi = (_c = universalJsSdk.getJSI()) == null ? void 0 : _c.file;
-          if (fileJsi && fileJsi.download) {
-            showLoadingToast({
-              message: "下载中...",
-              forbidClick: true,
-              duration: 0
-            });
-            fileJsi.download({
-              url: downloadParams.url
-            }).then(({
-              tempFilePath
-            }) => {
-              closeToast();
-              showSuccessToast("下载成功");
-            }).catch(() => {
-              closeToast();
-              showFailToast("下载失败");
-            });
-            return;
-          } else {
-            showFailToast("当前环境暂不支持下载");
-          }
-        }
-      } catch (e) {
-        console.log(e.message);
-      }
-    });
+        title: (_b = props.images[state.active]) == null ? void 0 : _b.title,
+        fileName: (_c = props.images[state.active]) == null ? void 0 : _c.fileName
+      });
+    };
+    const renderDownloadIcon = () => vue.createVNode("button", {
+      "type": "button",
+      "class": bem$B("download-icon"),
+      "aria-label": "下载原图",
+      "disabled": downloading.value,
+      "onClick": onDownload
+    }, [vue.createVNode(Icon, {
+      "name": "download",
+      "size": "24"
+    }, null)]);
     const renderIndex = () => {
       const image = props.images[state.active];
-      const showDownload = props.showDownload && !image.url.startsWith("data:");
+      const showDownload = props.showDownload && (image == null ? void 0 : image.url) && !image.url.startsWith("data:");
       if (props.showIndex || showDownload) {
-        if (props.showIndex && slots.index) {
-          return vue.createVNode("div", {
-            "class": bem$B("index")
-          }, [slots.index({
-            index: state.active
-          })]);
-        }
         return vue.createVNode("div", {
           "class": bem$B("index")
-        }, [props.showIndex && renderIndexText(), props.showIndex && renderImageTitle(), showDownload && renderDownloadIcon()]);
+        }, [props.showIndex && vue.createVNode("div", {
+          "class": bem$B("index-content")
+        }, [slots.index ? slots.index({
+          index: state.active
+        }) : [renderIndexText(), renderImageTitle()]]), showDownload && renderDownloadIcon()]);
       }
     };
-    const renderDownloadIcon = () => {
-      return vue.createVNode("div", {
-        "class": bem$B("download-icon"),
-        "onClick": onDownload
-      }, [Download(bem$B)]);
-    };
     const renderCover = () => {
       if (slots.cover) {
         return vue.createVNode("div", {
@@ -12671,7 +12719,8 @@ var stdin_default$T = vue.defineComponent({
       return (_a = swipeRef.value) == null ? void 0 : _a.swipeTo(index2, options);
     };
     useExpose({
-      swipeTo
+      swipeTo,
+      downloadFile
     });
     vue.onMounted(() => {
       resize();
@@ -12701,6 +12750,7 @@ var stdin_default$T = vue.defineComponent({
     return () => vue.createVNode(Popup, vue.mergeProps({
       "class": [bem$B(), props.className],
       "overlayClass": [bem$B("overlay"), props.overlayClass],
+      "onClick": (event) => event.stopPropagation(),
       "onClosed": onClosed,
       "onUpdate:show": updateShow
     }, pick(props, popupProps$1)), {
@@ -12721,6 +12771,8 @@ const defaultConfig = {
   className: "",
   showIndex: true,
   closeable: false,
+  showDownload: false,
+  downloadAction: void 0,
   closeIcon: "clear",
   transition: void 0,
   beforeClose: void 0,
@@ -12769,7 +12821,8 @@ const showImagePreview = (options, startPosition = 0) => {
         }
         return {
           url: opt.url,
-          title: opt.title || ""
+          title: opt.title || "",
+          fileName: opt.fileName
         };
       }),
       startPosition
@@ -13431,6 +13484,9 @@ const mediaPlayerProps = {
   show: Boolean,
   mediaType: makeStringProp("file"),
   mediaUrl: makeStringProp(""),
+  fileName: makeStringProp(""),
+  showDownload: Boolean,
+  downloadAction: Function,
   /** 视频播放时的控件展示列表，参考：https://wicg.github.io/controls-list/explainer.html */
   controlsList: makeArrayProp([]),
   teleport: [String, Object]
@@ -13445,6 +13501,15 @@ var stdin_default$O = vue.defineComponent({
   }) {
     const audioRef = vue.ref();
     const videoRef = vue.ref();
+    const {
+      downloading,
+      download
+    } = useMediaDownload(props);
+    const onDownload = () => download({
+      index: 0,
+      url: props.mediaUrl,
+      fileName: props.fileName
+    });
     const getMediaElement = () => {
       let player;
       if (props.mediaType === "audio") {
@@ -13491,7 +13556,7 @@ var stdin_default$O = vue.defineComponent({
             "src": props.mediaUrl,
             "ref": videoRef,
             "controls": true,
-            "controlslist": props.controlsList.join(" "),
+            "controlslist": [.../* @__PURE__ */ new Set([...props.controlsList, "nodownload"])].join(" "),
             "autoplay": true,
             "id": "video",
             "webkit-playsinline": true,
@@ -13527,7 +13592,16 @@ var stdin_default$O = vue.defineComponent({
         "type": "button",
         "class": bem$x("cancel-btn"),
         "onClick": onClose
-      }, [vue.createTextVNode("关闭")])])]
+      }, [vue.createTextVNode("关闭")]), props.showDownload && props.mediaType === "video" && props.mediaUrl && !props.mediaUrl.startsWith("data:") && vue.createVNode("button", {
+        "type": "button",
+        "class": bem$x("download-btn"),
+        "aria-label": "下载视频",
+        "disabled": downloading.value,
+        "onClick": onDownload
+      }, [vue.createVNode(stdin_default$1$, {
+        "name": "download",
+        "size": "24"
+      }, null)])])]
     });
   }
 });
@@ -16247,6 +16321,25 @@ _extends(Remove, {
 });
 Sortable.mount(new AutoScrollPlugin());
 Sortable.mount(Remove, Revert);
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __async$3 = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
@@ -16352,6 +16445,9 @@ var stdin_default$E = vue.defineComponent({
     emit,
     slots
   }) {
+    const {
+      downloadFile
+    } = useMediaDownload(props);
     const videoOptionsVisible = vue.ref(false);
     const audioOptionsVisible = vue.ref(false);
     const photoOptionsVisible = vue.ref(false);
@@ -16359,6 +16455,8 @@ var stdin_default$E = vue.defineComponent({
     const mediaPlayerVisible = vue.ref(false);
     const mediaTypeToPlay = vue.ref("file");
     const mediaUrlToPlay = vue.ref("");
+    const mediaFileNameToPlay = vue.ref("");
+    const mediaIndexToPlay = vue.ref(0);
     const cameraInputRef = vue.ref();
     const imageInputRef = vue.ref();
     const camcorderInputRef = vue.ref();
@@ -17044,7 +17142,6 @@ var stdin_default$E = vue.defineComponent({
       deleteMedia(media, index2);
     });
     const previewMedia = (index2) => __async$3(this, null, function* () {
-      var _a;
       if (props.preview && (yield props.preview(props.mediaList, index2))) {
         return;
       }
@@ -17053,7 +17150,9 @@ var stdin_default$E = vue.defineComponent({
         const imageIndex = imageList.value.indexOf(media);
         showImagePreview({
           images: imageList.value.map((image) => ({
-            url: image.url || image.showSrc || ""
+            url: image.url || image.showSrc || "",
+            title: image.label,
+            fileName: image.originalName || image.fileName
           })),
           showDownload: props.showDownload,
           downloadAction: props.downloadAction,
@@ -17065,45 +17164,28 @@ var stdin_default$E = vue.defineComponent({
           showFailToast("文件参数缺失");
         } else {
           mediaTypeToPlay.value = media.type;
+          mediaFileNameToPlay.value = media.originalName || media.fileName;
+          mediaIndexToPlay.value = index2;
           mediaUrlToPlay.value = media.url || (URL || webkitURL).createObjectURL(media.file);
           mediaPlayerVisible.value = true;
         }
       } else if (media.type === "file") {
-        try {
-          let universalJsSdk = yield Promise.resolve().then(() => require("./index-bb5638a0.js"));
-          if (universalJsSdk && universalJsSdk.getJSI && media.url) {
-            let fileJsi = (_a = universalJsSdk.getJSI()) == null ? void 0 : _a.file;
-            if (fileJsi && fileJsi.download && fileJsi.openDocument) {
-              showLoadingToast({
-                message: "打开中...",
-                forbidClick: true,
-                duration: 0
-              });
-              fileJsi.download({
-                url: media.url
-              }).then(({
-                tempFilePath
-              }) => {
-                if (fileJsi && fileJsi.openDocument) {
-                  fileJsi.openDocument({
-                    localFilePath: tempFilePath
-                  }).finally(() => {
-                    closeToast();
-                  });
-                } else {
-                  closeToast();
-                }
-              }).catch(() => {
-                closeToast();
-                showFailToast("下载失败");
-              });
-              return;
+        if (props.showDownload) {
+          const url = media.url || (media.file ? URL.createObjectURL(media.file) : "");
+          try {
+            yield downloadFile({
+              url,
+              fileName: media.originalName || media.fileName,
+              index: index2
+            });
+          } finally {
+            if (!media.url && url) {
+              URL.revokeObjectURL(url);
             }
           }
-        } catch (e) {
-          console.log(e.message);
+        } else {
+          showFailToast("暂不支持此类文件的预览");
         }
-        showFailToast("暂不支持此类文件的预览");
       }
     });
     const renderMediaListPlaceholder = () => {
@@ -17170,7 +17252,16 @@ var stdin_default$E = vue.defineComponent({
         "mediaType": mediaTypeToPlay.value,
         "mediaUrl": mediaUrlToPlay.value,
         "teleport": "body"
-      }, props.mediaPlayerProps), null), vue.createVNode(stdin_default$1U, {
+      }, props.mediaPlayerProps, {
+        "showDownload": props.showDownload,
+        "fileName": mediaFileNameToPlay.value,
+        "downloadAction": (params) => {
+          var _a, _b, _c;
+          return (_c = (_b = props.downloadAction || ((_a = props.mediaPlayerProps) == null ? void 0 : _a.downloadAction)) == null ? void 0 : _b(__spreadProps(__spreadValues({}, params), {
+            index: mediaIndexToPlay.value
+          }))) != null ? _c : false;
+        }
+      }), null), vue.createVNode(stdin_default$1U, {
         "show": actionVisible.value,
         "onUpdate:show": ($event) => actionVisible.value = $event,
         "actions": actionOptions.value,
@@ -24407,7 +24498,7 @@ const Lazyload = {
     });
   }
 };
-const version = "3.1.93";
+const version = "3.1.94";
 function install(app) {
   const components = [
     ActionSheet,