zartui 3.1.93 → 3.1.94

package/lib/zartui.js

@@ -12684,15 +12684,25 @@ var __publicField = (obj, key, value) => {
       };
     }
   });
-  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$2 = Object.defineProperty;
+  var __defProps$1 = Object.defineProperties;
+  var __getOwnPropDescs$1 = Object.getOwnPropertyDescriptors;
+  var __getOwnPropSymbols$1 = Object.getOwnPropertySymbols;
+  var __hasOwnProp$2 = Object.prototype.hasOwnProperty;
+  var __propIsEnum$1 = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$1 = (obj, key, value) => key in obj ? __defProp$2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$1 = (a2, b) => {
+    for (var prop in b || (b = {}))
+      if (__hasOwnProp$2.call(b, prop))
+        __defNormalProp$1(a2, prop, b[prop]);
+    if (__getOwnPropSymbols$1)
+      for (var prop of __getOwnPropSymbols$1(b)) {
+        if (__propIsEnum$1.call(b, prop))
+          __defNormalProp$1(a2, prop, b[prop]);
+      }
+    return a2;
+  };
+  var __spreadProps$1 = (a2, b) => __defProps$1(a2, __getOwnPropDescs$1(b));
   var __async$5 = (__this, __arguments, generator) => {
     return new Promise((resolve, reject) => {
       var fulfilled = (value) => {
@@ -12713,6 +12723,72 @@ var __publicField = (obj, key, value) => {
       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 download2 = (params, confirm = false) => __async$5(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(() => index);
+          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 download2(__spreadProps$1(__spreadValues$1({}, options), { index: (_a = options.index) != null ? _a : -1 }), true);
+    };
+    return { downloading, download: download2, downloadFile };
+  }
   const [name$C, bem$B] = createNamespace("image-preview");
   const popupProps$1 = ["show", "transition", "overlayStyle", "closeOnPopstate", "teleport"];
   const imagePreviewProps = {
@@ -12749,8 +12825,13 @@ var __publicField = (obj, key, value) => {
       slots
     }) {
       const swipeRef = vue.ref();
+      const {
+        downloading,
+        download: download2,
+        downloadFile
+      } = useMediaDownload(props);
       const state = vue.reactive({
-        active: 0,
+        active: +props.startPosition,
         rootWidth: 0,
         rootHeight: 0,
         disableZoom: false
@@ -12788,71 +12869,38 @@ var __publicField = (obj, key, value) => {
           }, [props.images[state.active].title]);
         }
       };
-      const onDownload = () => __async$5(this, null, function* () {
+      const onDownload = () => {
         var _a, _b, _c;
-        const downloadParams = {
+        return download2({
           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(() => index);
-          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 image2 = props.images[state.active];
-        const showDownload = props.showDownload && !image2.url.startsWith("data:");
+        const showDownload = props.showDownload && (image2 == null ? void 0 : image2.url) && !image2.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", {
@@ -12914,7 +12962,8 @@ var __publicField = (obj, key, value) => {
         return (_a = swipeRef.value) == null ? void 0 : _a.swipeTo(index2, options);
       };
       useExpose({
-        swipeTo
+        swipeTo,
+        downloadFile
       });
       vue.onMounted(() => {
         resize2();
@@ -12944,6 +12993,7 @@ var __publicField = (obj, key, value) => {
       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)), {
@@ -12964,6 +13014,8 @@ var __publicField = (obj, key, value) => {
     className: "",
     showIndex: true,
     closeable: false,
+    showDownload: false,
+    downloadAction: void 0,
     closeIcon: "clear",
     transition: void 0,
     beforeClose: void 0,
@@ -13012,7 +13064,8 @@ var __publicField = (obj, key, value) => {
           }
           return {
             url: opt.url,
-            title: opt.title || ""
+            title: opt.title || "",
+            fileName: opt.fileName
           };
         }),
         startPosition
@@ -17033,6 +17086,9 @@ var __publicField = (obj, key, value) => {
     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]
@@ -17047,6 +17103,15 @@ var __publicField = (obj, key, value) => {
     }) {
       const audioRef = vue.ref();
       const videoRef = vue.ref();
+      const {
+        downloading,
+        download: download2
+      } = useMediaDownload(props);
+      const onDownload = () => download2({
+        index: 0,
+        url: props.mediaUrl,
+        fileName: props.fileName
+      });
       const getMediaElement = () => {
         let player;
         if (props.mediaType === "audio") {
@@ -17093,7 +17158,7 @@ var __publicField = (obj, key, value) => {
               "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,
@@ -17129,7 +17194,16 @@ var __publicField = (obj, key, value) => {
           "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)])])]
       });
     }
   });
@@ -17587,19 +17661,19 @@ var __publicField = (obj, key, value) => {
     });
   }
   var __create = Object.create;
-  var __defProp2 = Object.defineProperty;
+  var __defProp$1 = Object.defineProperty;
   var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
   var __getOwnPropNames = Object.getOwnPropertyNames;
   var __getProtoOf = Object.getPrototypeOf;
-  var __hasOwnProp = Object.prototype.hasOwnProperty;
+  var __hasOwnProp$1 = Object.prototype.hasOwnProperty;
   var __commonJS = (cb, mod) => function __require() {
     return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
   };
   var __copyProps = (to, from, except, desc) => {
     if (from && typeof from === "object" || typeof from === "function") {
       for (let key of __getOwnPropNames(from))
-        if (!__hasOwnProp.call(to, key) && key !== except)
-          __defProp2(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+        if (!__hasOwnProp$1.call(to, key) && key !== except)
+          __defProp$1(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
     }
     return to;
   };
@@ -17608,7 +17682,7 @@ var __publicField = (obj, key, value) => {
     // file that has been converted to a CommonJS file using a Babel-
     // compatible transform (i.e. "__esModule" has not been set), then set
     // "default" to the CommonJS "module.exports" for node compatibility.
-    isNodeMode || !mod || !mod.__esModule ? __defProp2(target, "default", { value: mod, enumerable: true }) : target,
+    isNodeMode || !mod || !mod.__esModule ? __defProp$1(target, "default", { value: mod, enumerable: true }) : target,
     mod
   ));
   var __async$4 = (__this, __arguments, generator) => {
@@ -21476,6 +21550,25 @@ var __publicField = (obj, key, value) => {
   });
   Sortable.mount(new AutoScrollPlugin());
   Sortable.mount(Remove, Revert);
+  var __defProp2 = 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 __defNormalProp2 = (obj, key, value) => key in obj ? __defProp2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues = (a2, b) => {
+    for (var prop in b || (b = {}))
+      if (__hasOwnProp.call(b, prop))
+        __defNormalProp2(a2, prop, b[prop]);
+    if (__getOwnPropSymbols)
+      for (var prop of __getOwnPropSymbols(b)) {
+        if (__propIsEnum.call(b, prop))
+          __defNormalProp2(a2, prop, b[prop]);
+      }
+    return a2;
+  };
+  var __spreadProps = (a2, b) => __defProps(a2, __getOwnPropDescs(b));
   var __async$3 = (__this, __arguments, generator) => {
     return new Promise((resolve, reject) => {
       var fulfilled = (value) => {
@@ -21581,6 +21674,9 @@ var __publicField = (obj, key, value) => {
       emit,
       slots
     }) {
+      const {
+        downloadFile
+      } = useMediaDownload(props);
       const videoOptionsVisible = vue.ref(false);
       const audioOptionsVisible = vue.ref(false);
       const photoOptionsVisible = vue.ref(false);
@@ -21588,6 +21684,8 @@ var __publicField = (obj, key, value) => {
       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();
@@ -22272,17 +22370,18 @@ var __publicField = (obj, key, value) => {
         }
         deleteMedia(media, index2);
       });
-      const previewMedia = (index$12) => __async$3(this, null, function* () {
-        var _a;
-        if (props.preview && (yield props.preview(props.mediaList, index$12))) {
+      const previewMedia = (index2) => __async$3(this, null, function* () {
+        if (props.preview && (yield props.preview(props.mediaList, index2))) {
           return;
         }
-        const media = props.mediaList[index$12];
+        const media = props.mediaList[index2];
         if (media.type === "photo") {
           const imageIndex = imageList.value.indexOf(media);
           showImagePreview({
             images: imageList.value.map((image2) => ({
-              url: image2.url || image2.showSrc || ""
+              url: image2.url || image2.showSrc || "",
+              title: image2.label,
+              fileName: image2.originalName || image2.fileName
             })),
             showDownload: props.showDownload,
             downloadAction: props.downloadAction,
@@ -22294,45 +22393,28 @@ var __publicField = (obj, key, value) => {
             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(() => index);
-            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 = () => {
@@ -22399,7 +22481,16 @@ var __publicField = (obj, key, value) => {
           "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,
@@ -31920,7 +32011,7 @@ var __publicField = (obj, key, value) => {
       });
     }
   };
-  const version = "3.1.93";
+  const version = "3.1.94";
   function install(app) {
     const components = [
       ActionSheet,