zartui 3.1.92 → 3.1.94

package/lib/index.d.ts

@@ -86,4 +86,4 @@ declare namespace _default {
 }
 export default _default;
 export function install(app: any): void;
-export const version: "3.1.92";
+export const version: "3.1.94";

package/lib/index.js

@@ -186,7 +186,7 @@ __reExport(stdin_exports, require("./timeline"), module.exports);
 __reExport(stdin_exports, require("./toast"), module.exports);
 __reExport(stdin_exports, require("./uploader"), module.exports);
 __reExport(stdin_exports, require("./video"), module.exports);
-const version = "3.1.92";
+const version = "3.1.94";
 function install(app) {
   const components = [
     import_action_sheet.ActionSheet,

package/lib/media-picker/MediaPicker.d.ts

@@ -1,7 +1,7 @@
 import { ComponentPublicInstance, ExtractPropTypes, PropType } from 'vue';
 import type { Media, MediaAddType, MediaAfterRead, MediaBeforeDelete, MediaBeforeRead, MediaPick, MediaPreview, MediaSizeType, MediaType } from './type';
 import { MediaPlayerProps } from '../media-player';
-import { DownloadActionParams } from '../image-preview/ImagePreview';
+import type { DownloadActionParams } from '../composables/use-media-download';
 declare const mediaPickerProps: {
     sortable: {
         type: BooleanConstructor;

package/lib/media-picker/MediaPicker.js

@@ -1,9 +1,26 @@
 var __create = Object.create;
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
 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 __export = (target, all) => {
   for (var name2 in all)
     __defProp(target, name2, { get: all[name2], enumerable: true });
@@ -78,6 +95,7 @@ var import_utils2 = require("../field/utils");
 var import_wx_util = require("./util/wx-util");
 var import_use_expose = require("../composables/use-expose");
 var import_sortablejs = __toESM(require("sortablejs"));
+var import_use_media_download = require("../composables/use-media-download");
 const [name, bem] = (0, import_utils.createNamespace)("media-picker");
 const FILE_SIZE_LIMIT = 100;
 const COMPATIBLE_TYPE_MAPPINGS = {
@@ -163,6 +181,9 @@ var stdin_default = (0, import_vue2.defineComponent)({
     emit,
     slots
   }) {
+    const {
+      downloadFile
+    } = (0, import_use_media_download.useMediaDownload)(props);
     const videoOptionsVisible = (0, import_vue2.ref)(false);
     const audioOptionsVisible = (0, import_vue2.ref)(false);
     const photoOptionsVisible = (0, import_vue2.ref)(false);
@@ -170,6 +191,8 @@ var stdin_default = (0, import_vue2.defineComponent)({
     const mediaPlayerVisible = (0, import_vue2.ref)(false);
     const mediaTypeToPlay = (0, import_vue2.ref)("file");
     const mediaUrlToPlay = (0, import_vue2.ref)("");
+    const mediaFileNameToPlay = (0, import_vue2.ref)("");
+    const mediaIndexToPlay = (0, import_vue2.ref)(0);
     const cameraInputRef = (0, import_vue2.ref)();
     const imageInputRef = (0, import_vue2.ref)();
     const camcorderInputRef = (0, import_vue2.ref)();
@@ -855,7 +878,6 @@ var stdin_default = (0, import_vue2.defineComponent)({
       deleteMedia(media, index);
     });
     const previewMedia = (index) => __async(this, null, function* () {
-      var _a;
       if (props.preview && (yield props.preview(props.mediaList, index))) {
         return;
       }
@@ -864,7 +886,9 @@ var stdin_default = (0, import_vue2.defineComponent)({
         const imageIndex = imageList.value.indexOf(media);
         (0, import_image_preview.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,
@@ -876,45 +900,28 @@ var stdin_default = (0, import_vue2.defineComponent)({
           (0, import_toast.showFailToast)("\u6587\u4EF6\u53C2\u6570\u7F3A\u5931");
         } else {
           mediaTypeToPlay.value = media.type;
+          mediaFileNameToPlay.value = media.originalName || media.fileName;
+          mediaIndexToPlay.value = index;
           mediaUrlToPlay.value = media.url || (URL || webkitURL).createObjectURL(media.file);
           mediaPlayerVisible.value = true;
         }
       } else if (media.type === "file") {
-        try {
-          let universalJsSdk = yield import("@egova/universal-js-sdk");
-          if (universalJsSdk && universalJsSdk.getJSI && media.url) {
-            let fileJsi = (_a = universalJsSdk.getJSI()) == null ? void 0 : _a.file;
-            if (fileJsi && fileJsi.download && fileJsi.openDocument) {
-              (0, import_toast.showLoadingToast)({
-                message: "\u6253\u5F00\u4E2D...",
-                forbidClick: true,
-                duration: 0
-              });
-              fileJsi.download({
-                url: media.url
-              }).then(({
-                tempFilePath
-              }) => {
-                if (fileJsi && fileJsi.openDocument) {
-                  fileJsi.openDocument({
-                    localFilePath: tempFilePath
-                  }).finally(() => {
-                    (0, import_toast.closeToast)();
-                  });
-                } else {
-                  (0, import_toast.closeToast)();
-                }
-              }).catch(() => {
-                (0, import_toast.closeToast)();
-                (0, import_toast.showFailToast)("\u4E0B\u8F7D\u5931\u8D25");
-              });
-              return;
+        if (props.showDownload) {
+          const url = media.url || (media.file ? URL.createObjectURL(media.file) : "");
+          try {
+            yield downloadFile({
+              url,
+              fileName: media.originalName || media.fileName,
+              index
+            });
+          } finally {
+            if (!media.url && url) {
+              URL.revokeObjectURL(url);
             }
           }
-        } catch (e) {
-          console.log(e.message);
+        } else {
+          (0, import_toast.showFailToast)("\u6682\u4E0D\u652F\u6301\u6B64\u7C7B\u6587\u4EF6\u7684\u9884\u89C8");
         }
-        (0, import_toast.showFailToast)("\u6682\u4E0D\u652F\u6301\u6B64\u7C7B\u6587\u4EF6\u7684\u9884\u89C8");
       }
     });
     const renderMediaListPlaceholder = () => {
@@ -981,7 +988,16 @@ var stdin_default = (0, import_vue2.defineComponent)({
         "mediaType": mediaTypeToPlay.value,
         "mediaUrl": mediaUrlToPlay.value,
         "teleport": "body"
-      }, props.mediaPlayerProps), null), (0, import_vue.createVNode)(import_action_sheet.default, {
+      }, 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), (0, import_vue.createVNode)(import_action_sheet.default, {
         "show": actionVisible.value,
         "onUpdate:show": ($event) => actionVisible.value = $event,
         "actions": actionOptions.value,

package/lib/media-picker/index.d.ts

@@ -6,7 +6,7 @@ export declare const MediaPicker: import("../utils").WithInstall<import("vue").D
     disabled: BooleanConstructor;
     showTitle: BooleanConstructor;
     showDownload: BooleanConstructor;
-    downloadAction: import("vue").PropType<(params: import("../image-preview/ImagePreview").DownloadActionParams) => boolean>;
+    downloadAction: import("vue").PropType<(params: import("..").DownloadActionParams) => boolean>;
     useFileNameAsLabel: BooleanConstructor;
     title: {
         type: import("vue").PropType<string>;
@@ -84,7 +84,7 @@ export declare const MediaPicker: import("../utils").WithInstall<import("vue").D
     disabled: BooleanConstructor;
     showTitle: BooleanConstructor;
     showDownload: BooleanConstructor;
-    downloadAction: import("vue").PropType<(params: import("../image-preview/ImagePreview").DownloadActionParams) => boolean>;
+    downloadAction: import("vue").PropType<(params: import("..").DownloadActionParams) => boolean>;
     useFileNameAsLabel: BooleanConstructor;
     title: {
         type: import("vue").PropType<string>;

package/lib/media-picker/style/index.js

@@ -4,9 +4,11 @@ require("../../icon/index.css");
 require("../../image/index.css");
 require("../../overlay/index.css");
 require("../../popup/index.css");
-require("../../media-player/index.css");
 require("../../loading/index.css");
 require("../../toast/index.css");
+require("../../button/index.css");
+require("../../dialog/index.css");
+require("../../media-player/index.css");
 require("../../action-sheet/index.css");
 require("../../swipe/index.css");
 require("../../swipe-item/index.css");

package/lib/media-player/MediaPlayer.d.ts

@@ -1,5 +1,6 @@
 import type { MediaType } from '../media-picker/type';
 import { ExtractPropTypes, PropType } from 'vue';
+import type { DownloadActionParams } from '../composables/use-media-download';
 declare const mediaPlayerProps: {
     show: BooleanConstructor;
     mediaType: {
@@ -10,6 +11,12 @@ declare const mediaPlayerProps: {
         type: PropType<string>;
         default: string;
     };
+    fileName: {
+        type: PropType<string>;
+        default: string;
+    };
+    showDownload: BooleanConstructor;
+    downloadAction: PropType<(params: DownloadActionParams) => boolean>;
     /** 视频播放时的控件展示列表，参考：https://wicg.github.io/controls-list/explainer.html */
     controlsList: {
         type: PropType<string[]>;
@@ -28,6 +35,12 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         type: PropType<string>;
         default: string;
     };
+    fileName: {
+        type: PropType<string>;
+        default: string;
+    };
+    showDownload: BooleanConstructor;
+    downloadAction: PropType<(params: DownloadActionParams) => boolean>;
     /** 视频播放时的控件展示列表，参考：https://wicg.github.io/controls-list/explainer.html */
     controlsList: {
         type: PropType<string[]>;
@@ -44,6 +57,12 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         type: PropType<string>;
         default: string;
     };
+    fileName: {
+        type: PropType<string>;
+        default: string;
+    };
+    showDownload: BooleanConstructor;
+    downloadAction: PropType<(params: DownloadActionParams) => boolean>;
     /** 视频播放时的控件展示列表，参考：https://wicg.github.io/controls-list/explainer.html */
     controlsList: {
         type: PropType<string[]>;
@@ -55,7 +74,9 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
 }>, {
     show: boolean;
     controlsList: string[];
+    showDownload: boolean;
     mediaType: MediaType;
     mediaUrl: string;
+    fileName: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/media-player/MediaPlayer.js

@@ -34,10 +34,15 @@ var import_vue = require("vue");
 var import_utils = require("../utils");
 var import_vue2 = require("vue");
 var import_popup = __toESM(require("../popup"));
+var import_icon = __toESM(require("../icon"));
+var import_use_media_download = require("../composables/use-media-download");
 const mediaPlayerProps = {
   show: Boolean,
   mediaType: (0, import_utils.makeStringProp)("file"),
   mediaUrl: (0, import_utils.makeStringProp)(""),
+  fileName: (0, import_utils.makeStringProp)(""),
+  showDownload: Boolean,
+  downloadAction: Function,
   /** 视频播放时的控件展示列表，参考：https://wicg.github.io/controls-list/explainer.html */
   controlsList: (0, import_utils.makeArrayProp)([]),
   teleport: [String, Object]
@@ -52,6 +57,15 @@ var stdin_default = (0, import_vue2.defineComponent)({
   }) {
     const audioRef = (0, import_vue2.ref)();
     const videoRef = (0, import_vue2.ref)();
+    const {
+      downloading,
+      download
+    } = (0, import_use_media_download.useMediaDownload)(props);
+    const onDownload = () => download({
+      index: 0,
+      url: props.mediaUrl,
+      fileName: props.fileName
+    });
     const getMediaElement = () => {
       let player;
       if (props.mediaType === "audio") {
@@ -98,7 +112,7 @@ var stdin_default = (0, import_vue2.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,
@@ -134,7 +148,16 @@ var stdin_default = (0, import_vue2.defineComponent)({
         "type": "button",
         "class": bem("cancel-btn"),
         "onClick": onClose
-      }, [(0, import_vue.createTextVNode)("\u5173\u95ED")])])]
+      }, [(0, import_vue.createTextVNode)("\u5173\u95ED")]), props.showDownload && props.mediaType === "video" && props.mediaUrl && !props.mediaUrl.startsWith("data:") && (0, import_vue.createVNode)("button", {
+        "type": "button",
+        "class": bem("download-btn"),
+        "aria-label": "\u4E0B\u8F7D\u89C6\u9891",
+        "disabled": downloading.value,
+        "onClick": onDownload
+      }, [(0, import_vue.createVNode)(import_icon.default, {
+        "name": "download",
+        "size": "24"
+      }, null)])])]
     });
   }
 });

package/lib/media-player/index.css

@@ -1 +1 @@
-.zt-media-player{background-color:var(--zt-background);font-size:0}.zt-media-player__video{width:100%;height:400px;max-height:70%;background-color:rgba(0,0,0,.8)}.zt-media-player__audio{width:100%}.zt-media-player__cancel{padding:8px 16px;color:var(--zt-text-color)}.zt-media-player__cancel-btn{width:100%;border:none;cursor:pointer;background-color:var(--zt-gray-a04);border-radius:20px;height:44px;font-size:var(--zt-font-size-lg);color:var(--zt-text-color);line-height:var(--zt-line-height-lg)}.zt-media-player__cancel-btn:active{opacity:var(--zt-active-opacity)}
+.zt-media-player{background-color:var(--zt-background);font-size:0}.zt-media-player__video{width:100%;height:400px;max-height:70%;background-color:rgba(0,0,0,.8)}.zt-media-player__audio{width:100%}.zt-media-player__cancel{display:flex;align-items:center;gap:12px;padding:8px 16px;color:var(--zt-text-color)}.zt-media-player__download-btn{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px;padding:0;border:none;border-radius:20px;background-color:var(--zt-gray-a04);color:var(--zt-text-color);cursor:pointer}.zt-media-player__download-btn:active{opacity:var(--zt-active-opacity)}.zt-media-player__cancel-btn{flex:1;min-width:0;width:100%;border:none;cursor:pointer;background-color:var(--zt-gray-a04);border-radius:20px;height:44px;font-size:var(--zt-font-size-lg);color:var(--zt-text-color);line-height:var(--zt-line-height-lg)}.zt-media-player__cancel-btn:active{opacity:var(--zt-active-opacity)}

package/lib/media-player/index.d.ts

@@ -8,6 +8,12 @@ export declare const MediaPlayer: import("../utils").WithInstall<import("vue").D
         type: import("vue").PropType<string>;
         default: string;
     };
+    fileName: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    showDownload: BooleanConstructor;
+    downloadAction: import("vue").PropType<(params: import("..").DownloadActionParams) => boolean>;
     controlsList: {
         type: import("vue").PropType<string[]>;
         default: () => string[];
@@ -23,6 +29,12 @@ export declare const MediaPlayer: import("../utils").WithInstall<import("vue").D
         type: import("vue").PropType<string>;
         default: string;
     };
+    fileName: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    showDownload: BooleanConstructor;
+    downloadAction: import("vue").PropType<(params: import("..").DownloadActionParams) => boolean>;
     controlsList: {
         type: import("vue").PropType<string[]>;
         default: () => string[];
@@ -33,8 +45,10 @@ export declare const MediaPlayer: import("../utils").WithInstall<import("vue").D
 }>, {
     show: boolean;
     controlsList: string[];
+    showDownload: boolean;
     mediaType: import("..").MediaType;
     mediaUrl: string;
+    fileName: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export default MediaPlayer;
 export type { MediaPlayerProps } from './MediaPlayer';

package/lib/media-player/style/index.js

@@ -3,4 +3,8 @@ require("../../badge/index.css");
 require("../../icon/index.css");
 require("../../overlay/index.css");
 require("../../popup/index.css");
+require("../../loading/index.css");
+require("../../toast/index.css");
+require("../../button/index.css");
+require("../../dialog/index.css");
 require("../index.css");

package/lib/photo-picker/index.d.ts

@@ -2,7 +2,7 @@ export declare const PhotoPicker: import("../utils").WithInstall<import("vue").D
     disabled: BooleanConstructor;
     showTitle: BooleanConstructor;
     showDownload: BooleanConstructor;
-    downloadAction: import("vue").PropType<(params: import("../image-preview/ImagePreview").DownloadActionParams) => boolean>;
+    downloadAction: import("vue").PropType<(params: import("..").DownloadActionParams) => boolean>;
     useFileNameAsLabel: BooleanConstructor;
     title: {
         type: import("vue").PropType<string>;
@@ -59,7 +59,7 @@ export declare const PhotoPicker: import("../utils").WithInstall<import("vue").D
     disabled: BooleanConstructor;
     showTitle: BooleanConstructor;
     showDownload: BooleanConstructor;
-    downloadAction: import("vue").PropType<(params: import("../image-preview/ImagePreview").DownloadActionParams) => boolean>;
+    downloadAction: import("vue").PropType<(params: import("..").DownloadActionParams) => boolean>;
     useFileNameAsLabel: BooleanConstructor;
     title: {
         type: import("vue").PropType<string>;

package/lib/photo-picker/style/index.js

@@ -6,6 +6,8 @@ require("../../overlay/index.css");
 require("../../popup/index.css");
 require("../../loading/index.css");
 require("../../toast/index.css");
+require("../../button/index.css");
+require("../../dialog/index.css");
 require("../../action-sheet/index.css");
 require("../../swipe/index.css");
 require("../../swipe-item/index.css");

package/lib/uploader/style/index.js

@@ -6,6 +6,8 @@ require("../../overlay/index.css");
 require("../../popup/index.css");
 require("../../loading/index.css");
 require("../../toast/index.css");
+require("../../button/index.css");
+require("../../dialog/index.css");
 require("../../swipe/index.css");
 require("../../swipe-item/index.css");
 require("../../image-preview/index.css");