zartui 3.1.92 → 3.1.94

package/es/media-picker/MediaPicker.mjs

@@ -1,3 +1,22 @@
+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 = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
@@ -21,7 +40,7 @@ var __async = (__this, __arguments, generator) => {
 import { createVNode as _createVNode, mergeProps as _mergeProps, vShow as _vShow, withDirectives as _withDirectives } from "vue";
 import { createNamespace, isDef, isWeixin, makeArrayProp, makeNumberProp, makeStringProp, truthProp } from "../utils/index.mjs";
 import { computed, defineComponent, nextTick, onBeforeUnmount, ref, watch } from "vue";
-import { showFailToast, showLoadingToast, closeToast } from "../toast/index.mjs";
+import { showFailToast } from "../toast/index.mjs";
 import DeleteIcon from "./image/DeleteIcon.mjs";
 import { fileTypeFromBuffer } from "file-type";
 import ZtGrid from "../grid/index.mjs";
@@ -46,6 +65,7 @@ import { isEmptyValue } from "../field/utils.mjs";
 import { wxUploadImage } from "./util/wx-util.mjs";
 import { useExpose } from "../composables/use-expose.mjs";
 import Sortable from "sortablejs";
+import { useMediaDownload } from "../composables/use-media-download.mjs";
 const [name, bem] = createNamespace("media-picker");
 const FILE_SIZE_LIMIT = 100;
 const COMPATIBLE_TYPE_MAPPINGS = {
@@ -131,6 +151,9 @@ var stdin_default = defineComponent({
     emit,
     slots
   }) {
+    const {
+      downloadFile
+    } = useMediaDownload(props);
     const videoOptionsVisible = ref(false);
     const audioOptionsVisible = ref(false);
     const photoOptionsVisible = ref(false);
@@ -138,6 +161,8 @@ var stdin_default = defineComponent({
     const mediaPlayerVisible = ref(false);
     const mediaTypeToPlay = ref("file");
     const mediaUrlToPlay = ref("");
+    const mediaFileNameToPlay = ref("");
+    const mediaIndexToPlay = ref(0);
     const cameraInputRef = ref();
     const imageInputRef = ref();
     const camcorderInputRef = ref();
@@ -823,7 +848,6 @@ var stdin_default = defineComponent({
       deleteMedia(media, index);
     });
     const previewMedia = (index) => __async(this, null, function* () {
-      var _a;
       if (props.preview && (yield props.preview(props.mediaList, index))) {
         return;
       }
@@ -832,7 +856,9 @@ var stdin_default = 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,
@@ -844,45 +870,28 @@ var stdin_default = defineComponent({
           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) {
-              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(() => {
-                    closeToast();
-                  });
-                } else {
-                  closeToast();
-                }
-              }).catch(() => {
-                closeToast();
-                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 {
+          showFailToast("\u6682\u4E0D\u652F\u6301\u6B64\u7C7B\u6587\u4EF6\u7684\u9884\u89C8");
         }
-        showFailToast("\u6682\u4E0D\u652F\u6301\u6B64\u7C7B\u6587\u4EF6\u7684\u9884\u89C8");
       }
     });
     const renderMediaListPlaceholder = () => {
@@ -949,7 +958,16 @@ var stdin_default = defineComponent({
         "mediaType": mediaTypeToPlay.value,
         "mediaUrl": mediaUrlToPlay.value,
         "teleport": "body"
-      }, props.mediaPlayerProps), null), _createVNode(ZtActionSheet, {
+      }, 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), _createVNode(ZtActionSheet, {
         "show": actionVisible.value,
         "onUpdate:show": ($event) => actionVisible.value = $event,
         "actions": actionOptions.value,

package/es/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/es/media-picker/style/index.mjs

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

package/es/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/es/media-player/MediaPlayer.mjs

@@ -2,10 +2,15 @@ import { createTextVNode as _createTextVNode, createVNode as _createVNode } from
 import { createNamespace, isIOS, isWeixin, makeArrayProp, makeStringProp } from "../utils/index.mjs";
 import { defineComponent, nextTick, ref } from "vue";
 import ZtPopup from "../popup/index.mjs";
+import ZtIcon from "../icon/index.mjs";
+import { useMediaDownload } from "../composables/use-media-download.mjs";
 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]
@@ -20,6 +25,15 @@ var stdin_default = defineComponent({
   }) {
     const audioRef = ref();
     const videoRef = 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") {
@@ -66,7 +80,7 @@ var stdin_default = 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,
@@ -102,7 +116,16 @@ var stdin_default = defineComponent({
         "type": "button",
         "class": bem("cancel-btn"),
         "onClick": onClose
-      }, [_createTextVNode("\u5173\u95ED")])])]
+      }, [_createTextVNode("\u5173\u95ED")]), props.showDownload && props.mediaType === "video" && props.mediaUrl && !props.mediaUrl.startsWith("data:") && _createVNode("button", {
+        "type": "button",
+        "class": bem("download-btn"),
+        "aria-label": "\u4E0B\u8F7D\u89C6\u9891",
+        "disabled": downloading.value,
+        "onClick": onDownload
+      }, [_createVNode(ZtIcon, {
+        "name": "download",
+        "size": "24"
+      }, null)])])]
     });
   }
 });

package/es/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/es/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/es/media-player/style/index.mjs

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

package/es/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/es/photo-picker/style/index.mjs

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

package/es/uploader/style/index.mjs

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

package/lib/composables/use-media-download.d.ts

@@ -0,0 +1,20 @@
+export type DownloadActionParams = {
+    index: number;
+    url?: string;
+    title?: string;
+    fileName?: string;
+};
+export type FileDownloadOptions = {
+    url: string;
+    fileName?: string;
+    title?: string;
+    index?: number;
+};
+export declare function useMediaDownload(props: {
+    showDownload: boolean;
+    downloadAction?: (params: DownloadActionParams) => boolean;
+}): {
+    downloading: import("vue").Ref<boolean, boolean>;
+    download: (params: DownloadActionParams, confirm?: boolean) => Promise<void>;
+    downloadFile: (options: FileDownloadOptions) => Promise<void>;
+};

package/lib/composables/use-media-download.js

@@ -0,0 +1,138 @@
+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 name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+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)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // 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 ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+var stdin_exports = {};
+__export(stdin_exports, {
+  useMediaDownload: () => useMediaDownload
+});
+module.exports = __toCommonJS(stdin_exports);
+var import_vue = require("vue");
+var import_dialog = require("../dialog");
+var import_toast = require("../toast");
+function useMediaDownload(props) {
+  const downloading = (0, import_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(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 (0, import_dialog.showConfirmDialog)({ message: "\u9644\u4EF6\u683C\u5F0F\u6682\u4E0D\u652F\u6301\u9884\u89C8\uFF0C\u662F\u5426\u4E0B\u8F7D\u539F\u6587\u4EF6" });
+        } 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 import("@egova/universal-js-sdk");
+        file = (_b = sdk.getJSI()) == null ? void 0 : _b.file;
+      } catch (e) {
+        downloadInBrowser(params);
+        return;
+      }
+      if (!(file == null ? void 0 : file.download)) {
+        downloadInBrowser(params);
+        return;
+      }
+      (0, import_toast.showLoadingToast)({ message: "\u4E0B\u8F7D\u4E2D...", 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\//, "");
+        (0, import_toast.closeToast)();
+        (0, import_toast.showSuccessToast)({
+          message: displayPath ? `\u4E0B\u8F7D\u6210\u529F
+\u4FDD\u5B58\u8DEF\u5F84\uFF1A${displayPath}` : "\u4E0B\u8F7D\u6210\u529F",
+          duration: 5e3
+        });
+      } catch (e) {
+        (0, import_toast.closeToast)();
+        (0, import_toast.showFailToast)("\u4E0B\u8F7D\u5931\u8D25");
+      }
+    } finally {
+      downloading.value = false;
+    }
+  });
+  const downloadFile = (options) => {
+    var _a;
+    return download(__spreadProps(__spreadValues({}, options), { index: (_a = options.index) != null ? _a : -1 }), true);
+  };
+  return { downloading, download, downloadFile };
+}

package/lib/drawer-select/DrawerSelect.js

@@ -81,7 +81,6 @@ var stdin_default = (0, import_vue.defineComponent)({
     const commonTypesListRef = (0, import_vue.ref)();
     const showLeftCommonTypesMask = (0, import_vue.ref)(false);
     const showRightCommonTypesMask = (0, import_vue.ref)(false);
-    let commonTypesResizeObserver;
     const defaultTreeNode = (0, import_vue.ref)(props.treeData);
     const fields = (0, import_vue.computed)(() => (0, import_utils2.assignDefaultFields)(props.treeFieldName));
     const visibleCommonTypeList = (0, import_vue.computed)(() => {
@@ -96,35 +95,25 @@ var stdin_default = (0, import_vue.defineComponent)({
       children,
       text: key
     } = fields.value;
+    const syncSelectCommonId = (node) => {
+      const selectedId = node == null ? void 0 : node[value];
+      selectCommonId.value = typeof selectedId === "string" || typeof selectedId === "number" ? selectedId : -1;
+    };
+    syncSelectCommonId(props.defaultSelectNode);
+    (0, import_vue.watch)(() => props.defaultSelectNode, (node) => {
+      selectNode.value = node;
+      syncSelectCommonId(node);
+    });
     const updateCommonTypesMask = () => {
       const list = commonTypesListRef.value;
-      if (!list) {
-        showLeftCommonTypesMask.value = false;
-        showRightCommonTypesMask.value = false;
+      if (!list)
         return;
-      }
-      const remainingScrollWidth = list.scrollWidth - list.clientWidth - list.scrollLeft;
       showLeftCommonTypesMask.value = list.scrollLeft > 0;
-      showRightCommonTypesMask.value = remainingScrollWidth > 1;
+      showRightCommonTypesMask.value = list.scrollLeft + list.clientWidth < list.scrollWidth;
     };
     const onCommonTypesScroll = () => {
       updateCommonTypesMask();
     };
-    const observeCommonTypesList = () => {
-      commonTypesResizeObserver == null ? void 0 : commonTypesResizeObserver.disconnect();
-      const list = commonTypesListRef.value;
-      if (!list || typeof ResizeObserver === "undefined") {
-        return;
-      }
-      commonTypesResizeObserver = new ResizeObserver(updateCommonTypesMask);
-      commonTypesResizeObserver.observe(list);
-    };
-    const updateCommonTypesLayout = () => {
-      (0, import_vue.nextTick)(() => {
-        observeCommonTypesList();
-        updateCommonTypesMask();
-      });
-    };
     const allData = {
       [value]: -1,
       [key]: "\u5168\u90E8",
@@ -201,13 +190,7 @@ var stdin_default = (0, import_vue.defineComponent)({
       };
       flatData(props.treeData);
       updateOffset();
-      updateCommonTypesLayout();
-    });
-    (0, import_vue.watch)(visibleCommonTypeList, updateCommonTypesLayout, {
-      flush: "post"
-    });
-    (0, import_vue.onBeforeUnmount)(() => {
-      commonTypesResizeObserver == null ? void 0 : commonTypesResizeObserver.disconnect();
+      (0, import_vue.nextTick)(updateCommonTypesMask);
     });
     const isEmpty = (item) => !item[children] || item[children].length === 0;
     const syncExpandNodeByParent = (item) => {

package/lib/drawer-select/index.css

@@ -1 +1 @@
-:root{--zt-drawer-select-background: #ebf2f5}.zt-drawer-select{height:100%;width:100%;display:flex;flex-direction:column;background:var(--zt-background)}.zt-drawer-select__search{padding:var(--zt-padding-xs) 0}.zt-drawer-select__search--item{padding:var(--zt-padding-sm) 0 var(--zt-padding-sm) var(--zt-padding-md)}.zt-drawer-select__search--item:after{left:calc(-50% + 22px)}.zt-drawer-select__search--header{font-size:var(--zt-font-size-lg);font-weight:700;color:var(--zt-text-color);margin-bottom:4px}.zt-drawer-select__search--name{font-size:var(--zt-font-size-md);color:var(--zt-text-color-2)}.zt-drawer-select__wrap{position:fixed;right:0;left:0;bottom:0;z-index:999;overflow:hidden}.zt-drawer-select__popup{position:absolute;max-height:350px;border-radius:0 0 16px 16px}.zt-drawer-select__empty{font-size:var(--zt-font-size-md);color:var(--zt-gray-a4);text-align:center;padding:var(--zt-padding-lg) 0}.zt-drawer-select__history--title{height:44px;line-height:44px;font-weight:700;padding-left:var(--zt-padding-sm);color:var(--zt-text-color)}.zt-drawer-select__history--content{padding:var(--zt-padding-sm) var(--zt-padding-md) var(--zt-padding-xs)}.zt-drawer-select__history--content .zt-tag{line-height:28px;border-radius:14px;font-size:var(--zt-font-size-md);margin-right:4px;margin-bottom:8px}.zt-drawer-select__history--clear{display:flex;align-items:center;justify-content:center;height:44px;color:var(--zt-gray-a6);text-align:center;font-size:var(--zt-font-size-md)}.zt-drawer-select__name{position:relative;height:44px;line-height:44px;font-size:var(--zt-font-size-lg);color:var(--zt-text-color);font-weight:700;padding-left:var(--zt-padding-md)}.zt-drawer-select__name:before{content:"";position:absolute;width:4px;height:16px;top:14px;left:0;background:var(--zt-primary-color)}.zt-drawer-select__common-types{width:100%;background:var(--zt-white)}.zt-drawer-select__common-types--head{display:flex;align-items:center;min-height:44px;padding-left:var(--zt-padding-md);font-size:var(--zt-font-size-md);color:var(--zt-text-color)}.zt-drawer-select__common-types--label{flex-shrink:0;font-weight:700;padding-right:4px}.zt-drawer-select__common-types--mask{position:relative;flex:1;min-width:0;background:var(--zt-white)}.zt-drawer-select__common-types--mask:before,.zt-drawer-select__common-types--mask:after{content:"";position:absolute;top:0;bottom:0;width:32px;pointer-events:none;z-index:3;opacity:0;transition:opacity .2s}.zt-drawer-select__common-types--mask:before{left:-1px;background-image:linear-gradient(270deg,rgba(255,255,255,0) 0%,var(--zt-white) 100%)}.zt-drawer-select__common-types--mask:after{right:-1px;background-image:linear-gradient(90deg,rgba(255,255,255,0) 2.78%,var(--zt-white) 100%)}.zt-drawer-select__common-types--mask--left-mask:before,.zt-drawer-select__common-types--mask--right-mask:after{opacity:1}.zt-drawer-select__common-types--viewport{min-width:0;overflow:hidden}.zt-drawer-select__common-types--list{display:flex;align-items:center;gap:4px;padding:8px 16px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scrollbar-width:none}.zt-drawer-select__common-types--list::-webkit-scrollbar{display:none}.zt-drawer-select__common-types--icon{display:flex;align-items:center;justify-content:center;width:56px;height:44px;flex-shrink:0}.zt-drawer-select__common-types--empty{flex:1;min-width:0;padding-left:8px;color:var(--zt-text-color-2);opacity:.2}.zt-drawer-select__common-types--btn{flex-shrink:0;min-width:-moz-fit-content;min-width:fit-content;border-radius:15px;opacity:1;padding-top:15px;padding-bottom:15px}.zt-drawer-select__common-types--panel{padding:0 var(--zt-padding-md) 8px;background:var(--zt-white)}.zt-drawer-select__common-types--panel-list{display:flex;flex-wrap:wrap;gap:8px 4px;padding-bottom:8px}.zt-drawer-select__common-types--clear{display:flex;align-items:center;justify-content:center;height:44px;color:var(--zt-text-color-2);opacity:.6;font-size:var(--zt-font-size-md)}.zt-drawer-select__common-types--clear-text{margin-left:4px}.zt-drawer-select__hot-types{width:100%;padding:0 16px 4px;margin-top:8px;box-sizing:border-box;background:var(--zt-white)}.zt-drawer-select__hot-types--label{height:44px;line-height:44px;font-size:var(--zt-font-size-md);font-weight:700;color:var(--zt-text-color)}.zt-drawer-select__hot-types--list{display:flex;flex-wrap:wrap;gap:8px 4px;width:100%;max-height:108px;overflow-x:hidden;overflow-y:auto;padding-bottom:8px}.zt-drawer-select__tree{display:flex;flex:1;min-height:0}.zt-drawer-select__tree-left{width:120px}.zt-drawer-select__tree-right{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;background:var(--zt-white)}.zt-drawer-select__label{display:flex;align-items:center;line-height:28px;color:var(--zt-text-color);padding:var(--zt-padding-xs) 0 var(--zt-padding-xs) var(--zt-padding-base);font-size:var(--zt-font-size-md)}.zt-drawer-select__label--second{background:var(--zt-drawer-select-background);padding-left:var(--zt-padding-sm)}.zt-drawer-select__label--placeholder{display:flex;align-items:center;width:24px}.zt-drawer-select__label--text{display:flex;align-items:center;min-height:28px}.zt-drawer-select__label--icon--active{transform:rotate(90deg);color:var(--zt-primary-color)}.zt-drawer-select__label--active{color:var(--zt-primary-color);background:var(--zt-white)}.zt-drawer-select__title{display:flex;align-items:center;line-height:28px;font-size:var(--zt-font-size-md);color:var(--zt-text-color);font-weight:700;padding:var(--zt-padding-xs) var(--zt-padding-md)}.zt-drawer-select__content{flex:1;min-height:0;overflow-y:scroll}.zt-drawer-select__item--placeholder{width:30px}.zt-drawer-select__item--header{display:flex;min-height:44px;font-size:var(--zt-font-size-md);color:var(--zt-text-color);padding-left:4px}.zt-drawer-select__item--icon{display:flex;align-items:center;width:24px;margin-right:6px;height:100%}.zt-drawer-select__item--icon--active{transform:rotate(90deg);color:var(--zt-primary-color)}.zt-drawer-select__item--label{flex:1;display:flex;align-items:center;line-height:28px;padding:var(--zt-padding-xs) var(--zt-padding-md) var(--zt-padding-xs) 0}.zt-drawer-select__item--label--active{color:var(--zt-primary-color)}.zt-drawer-select__item--child{padding-left:var(--zt-padding-md)}.zt-drawer-select .zt-dialog__confirm{background:var(--zt-dialog-cancel-button-background-color);border:var(--zt-button-border-width) solid #ff5023;color:#ff5023}
+:root{--zt-drawer-select-background: #ebf2f5}.zt-drawer-select{height:100%;width:100%;display:flex;flex-direction:column;background:var(--zt-background)}.zt-drawer-select__search{padding:var(--zt-padding-xs) 0}.zt-drawer-select__search--item{padding:var(--zt-padding-sm) 0 var(--zt-padding-sm) var(--zt-padding-md)}.zt-drawer-select__search--item:after{left:calc(-50% + 22px)}.zt-drawer-select__search--header{font-size:var(--zt-font-size-lg);font-weight:700;color:var(--zt-text-color);margin-bottom:4px}.zt-drawer-select__search--name{font-size:var(--zt-font-size-md);color:var(--zt-text-color-2)}.zt-drawer-select__wrap{position:fixed;right:0;left:0;bottom:0;z-index:999;overflow:hidden}.zt-drawer-select__popup{position:absolute;max-height:350px;border-radius:0 0 16px 16px}.zt-drawer-select__empty{font-size:var(--zt-font-size-md);color:var(--zt-gray-a4);text-align:center;padding:var(--zt-padding-lg) 0}.zt-drawer-select__history--title{height:44px;line-height:44px;font-weight:700;padding-left:var(--zt-padding-sm);color:var(--zt-text-color)}.zt-drawer-select__history--content{padding:var(--zt-padding-sm) var(--zt-padding-md) var(--zt-padding-xs)}.zt-drawer-select__history--content .zt-tag{line-height:28px;border-radius:14px;font-size:var(--zt-font-size-md);margin-right:4px;margin-bottom:8px}.zt-drawer-select__history--clear{display:flex;align-items:center;justify-content:center;height:44px;color:var(--zt-gray-a6);text-align:center;font-size:var(--zt-font-size-md)}.zt-drawer-select__name{position:relative;height:44px;line-height:44px;font-size:var(--zt-font-size-lg);color:var(--zt-text-color);font-weight:700;padding-left:var(--zt-padding-md)}.zt-drawer-select__name:before{content:"";position:absolute;width:4px;height:16px;top:14px;left:0;background:var(--zt-primary-color)}.zt-drawer-select__common-types{width:100%;background:var(--zt-white)}.zt-drawer-select__common-types--head{display:flex;align-items:center;min-height:44px;padding-left:var(--zt-padding-md);font-size:var(--zt-font-size-md);color:var(--zt-text-color)}.zt-drawer-select__common-types--label{flex-shrink:0;font-weight:700;padding-right:4px}.zt-drawer-select__common-types--mask{position:relative;flex:1;min-width:0;background:var(--zt-white)}.zt-drawer-select__common-types--mask:before,.zt-drawer-select__common-types--mask:after{content:"";position:absolute;top:0;bottom:0;width:32px;pointer-events:none;z-index:3;transition:opacity .2s}.zt-drawer-select__common-types--mask:before{left:-1px;opacity:0;background-image:linear-gradient(270deg,rgba(255,255,255,0) 0%,var(--zt-white) 100%)}.zt-drawer-select__common-types--mask:after{right:-1px;opacity:0;background-image:linear-gradient(90deg,rgba(255,255,255,0) 2.78%,var(--zt-white) 100%)}.zt-drawer-select__common-types--mask--left-mask:before,.zt-drawer-select__common-types--mask--right-mask:after{opacity:1}.zt-drawer-select__common-types--viewport{min-width:0;overflow:hidden}.zt-drawer-select__common-types--list{display:flex;align-items:center;gap:4px;padding:8px 16px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scrollbar-width:none}.zt-drawer-select__common-types--list::-webkit-scrollbar{display:none}.zt-drawer-select__common-types--icon{display:flex;align-items:center;justify-content:center;width:56px;height:44px;flex-shrink:0}.zt-drawer-select__common-types--empty{flex:1;min-width:0;padding-left:8px;color:var(--zt-text-color-2);opacity:.2}.zt-drawer-select__common-types--btn{flex-shrink:0;min-width:-moz-fit-content;min-width:fit-content;border-radius:15px;opacity:1;padding-top:15px;padding-bottom:15px}.zt-drawer-select__common-types--panel{padding:0 var(--zt-padding-md) 8px;background:var(--zt-white)}.zt-drawer-select__common-types--panel-list{display:flex;flex-wrap:wrap;gap:8px 4px;padding-bottom:8px}.zt-drawer-select__common-types--clear{display:flex;align-items:center;justify-content:center;height:44px;color:var(--zt-text-color-2);opacity:.6;font-size:var(--zt-font-size-md)}.zt-drawer-select__common-types--clear-text{margin-left:4px}.zt-drawer-select__hot-types{width:100%;padding:0 16px 4px;margin-top:8px;box-sizing:border-box;background:var(--zt-white)}.zt-drawer-select__hot-types--label{height:44px;line-height:44px;font-size:var(--zt-font-size-md);font-weight:700;color:var(--zt-text-color)}.zt-drawer-select__hot-types--list{display:flex;flex-wrap:wrap;gap:8px 4px;width:100%;max-height:108px;overflow-x:hidden;overflow-y:auto;padding-bottom:8px}.zt-drawer-select__tree{display:flex;flex:1;min-height:0}.zt-drawer-select__tree-left{width:120px}.zt-drawer-select__tree-right{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;background:var(--zt-white)}.zt-drawer-select__label{display:flex;align-items:center;line-height:28px;color:var(--zt-text-color);padding:var(--zt-padding-xs) 0 var(--zt-padding-xs) var(--zt-padding-base);font-size:var(--zt-font-size-md)}.zt-drawer-select__label--second{background:var(--zt-drawer-select-background);padding-left:var(--zt-padding-sm)}.zt-drawer-select__label--placeholder{display:flex;align-items:center;width:24px}.zt-drawer-select__label--text{display:flex;align-items:center;min-height:28px}.zt-drawer-select__label--icon--active{transform:rotate(90deg);color:var(--zt-primary-color)}.zt-drawer-select__label--active{color:var(--zt-primary-color);background:var(--zt-white)}.zt-drawer-select__title{display:flex;align-items:center;line-height:28px;font-size:var(--zt-font-size-md);color:var(--zt-text-color);font-weight:700;padding:var(--zt-padding-xs) var(--zt-padding-md)}.zt-drawer-select__content{flex:1;min-height:0;overflow-y:scroll}.zt-drawer-select__item--placeholder{width:30px}.zt-drawer-select__item--header{display:flex;min-height:44px;font-size:var(--zt-font-size-md);color:var(--zt-text-color);padding-left:4px}.zt-drawer-select__item--icon{display:flex;align-items:center;width:24px;margin-right:6px;height:100%}.zt-drawer-select__item--icon--active{transform:rotate(90deg);color:var(--zt-primary-color)}.zt-drawer-select__item--label{flex:1;display:flex;align-items:center;line-height:28px;padding:var(--zt-padding-xs) var(--zt-padding-md) var(--zt-padding-xs) 0}.zt-drawer-select__item--label--active{color:var(--zt-primary-color)}.zt-drawer-select__item--child{padding-left:var(--zt-padding-md)}.zt-drawer-select .zt-dialog__confirm{background:var(--zt-dialog-cancel-button-background-color);border:var(--zt-button-border-width) solid #ff5023;color:#ff5023}