zartui 3.1.71 → 3.1.73

package/lib/image-preview/ImagePreview.js

@@ -25,6 +25,26 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   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, {
   default: () => stdin_default,
@@ -39,6 +59,8 @@ var import_icon = require("../icon");
 var import_swipe = require("../swipe");
 var import_popup = require("../popup");
 var import_ImagePreviewItem = __toESM(require("./ImagePreviewItem"));
+var import_Download = require("./svg/Download");
+var import_toast = require("../toast");
 const [name, bem] = (0, import_utils.createNamespace)("image-preview");
 const popupProps = ["show", "transition", "overlayStyle", "closeOnPopstate", "teleport"];
 const imagePreviewProps = {
@@ -50,6 +72,8 @@ const imagePreviewProps = {
   overlay: import_utils.truthProp,
   closeable: Boolean,
   showIndex: import_utils.truthProp,
+  showDownload: Boolean,
+  downloadAction: Function,
   className: import_utils.unknownProp,
   closeIcon: (0, import_utils.makeStringProp)("clear"),
   transition: String,
@@ -67,12 +91,13 @@ const imagePreviewProps = {
 var stdin_default = (0, import_vue.defineComponent)({
   name,
   props: imagePreviewProps,
-  emits: ["scale", "close", "closed", "change", "longPress", "update:show"],
+  emits: ["scale", "close", "closed", "change", "longPress", "update:show", "download"],
   setup(props, {
     emit,
     slots
   }) {
     const swipeRef = (0, import_vue.ref)();
+    const hasDownloadSupport = (0, import_vue.ref)(false);
     const state = (0, import_vue.reactive)({
       active: 0,
       rootWidth: 0,
@@ -112,9 +137,54 @@ var stdin_default = (0, import_vue.defineComponent)({
         }, [props.images[state.active].title]);
       }
     };
+    const onDownload = () => __async(this, null, function* () {
+      var _a, _b, _c;
+      const downloadParams = {
+        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 import("@egova/universal-js-sdk");
+        if (universalJsSdk && universalJsSdk.getJSI && downloadParams.url) {
+          let fileJsi = (_c = universalJsSdk.getJSI()) == null ? void 0 : _c.file;
+          if (fileJsi && fileJsi.download) {
+            (0, import_toast.showLoadingToast)({
+              message: "\u4E0B\u8F7D\u4E2D...",
+              forbidClick: true,
+              duration: 0
+            });
+            fileJsi.download({
+              url: downloadParams.url
+            }).then(({
+              tempFilePath
+            }) => {
+              (0, import_toast.closeToast)();
+              (0, import_toast.showSuccessToast)("\u4E0B\u8F7D\u6210\u529F");
+            }).catch(() => {
+              (0, import_toast.closeToast)();
+              (0, import_toast.showFailToast)("\u4E0B\u8F7D\u5931\u8D25");
+            });
+            return;
+          } else {
+            (0, import_toast.showFailToast)("\u5F53\u524D\u73AF\u5883\u6682\u4E0D\u652F\u6301\u4E0B\u8F7D");
+          }
+        }
+      } catch (e) {
+        console.log(e.message);
+      }
+    });
     const renderIndex = () => {
-      if (props.showIndex) {
-        if (slots.index) {
+      const image = props.images[state.active];
+      const showDownload = props.showDownload && hasDownloadSupport.value && !image.url.startsWith("data:");
+      if (props.showIndex || showDownload) {
+        if (props.showIndex && slots.index) {
           return (0, import_vue.createVNode)("div", {
             "class": bem("index")
           }, [slots.index({
@@ -123,9 +193,15 @@ var stdin_default = (0, import_vue.defineComponent)({
         }
         return (0, import_vue.createVNode)("div", {
           "class": bem("index")
-        }, [renderIndexText(), renderImageTitle()]);
+        }, [props.showIndex && renderIndexText(), props.showIndex && renderImageTitle(), showDownload && renderDownloadIcon()]);
       }
     };
+    const renderDownloadIcon = () => {
+      return (0, import_vue.createVNode)("div", {
+        "class": bem("download-icon"),
+        "onClick": onDownload
+      }, [(0, import_Download.Download)(bem)]);
+    };
     const renderCover = () => {
       if (slots.cover) {
         return (0, import_vue.createVNode)("div", {
@@ -189,7 +265,20 @@ var stdin_default = (0, import_vue.defineComponent)({
     (0, import_use_expose.useExpose)({
       swipeTo
     });
-    (0, import_vue.onMounted)(resize);
+    (0, import_vue.onMounted)(() => __async(this, null, function* () {
+      var _a;
+      resize();
+      try {
+        const universalJsSdk = yield import("@egova/universal-js-sdk");
+        if (universalJsSdk && universalJsSdk.getJSI) {
+          const fileJsi = (_a = universalJsSdk.getJSI()) == null ? void 0 : _a.file;
+          hasDownloadSupport.value = !!(fileJsi && fileJsi.download);
+        }
+      } catch (e) {
+        console.warn("Failed to check download support:", e);
+        hasDownloadSupport.value = false;
+      }
+    }));
     (0, import_vue.watch)([import_utils.windowWidth, import_utils.windowHeight], resize);
     (0, import_vue.watch)(() => props.startPosition, (value) => setActive(+value));
     (0, import_vue.watch)(() => props.show, (value) => {

package/lib/image-preview/index.css

@@ -1 +1 @@
-:root{--zt-image-preview-index-height: 48px;--zt-image-preview-index-background: var(--zt-gray-a4);--zt-image-preview-index-text-color: var(--zt-white);--zt-image-preview-overlay-background: rgba(0, 0, 0, .9);--zt-image-preview-close-icon-color: var(--zt-gray-5);--zt-image-preview-close-icon-margin: var(--zt-padding-md);--zt-image-preview-close-icon-z-index: 1;--zt-image-preview-error-font-size: 36px}:root[zt-theme-size=large]{--zt-image-preview-error-font-size: 42px}.zt-image-preview{position:fixed;top:0;left:0;width:100%;height:100%;max-width:none;background-color:transparent;transform:none}.zt-image-preview__swipe{height:100%}.zt-image-preview__swipe-item{display:flex;align-items:center;justify-content:center;overflow:hidden}.zt-image-preview__cover{position:absolute;top:0;left:0}.zt-image-preview__image,.zt-image-preview__image-wrap{width:100%;transition-property:transform}.zt-image-preview__image--vertical,.zt-image-preview__image-wrap--vertical{width:auto;height:100%}.zt-image-preview__image img,.zt-image-preview__image-wrap img,.zt-image-preview__image video,.zt-image-preview__image-wrap video{-webkit-user-drag:none}.zt-image-preview__image .zt-image__error,.zt-image-preview__image-wrap .zt-image__error{top:30%;height:40%}.zt-image-preview__image .zt-image__error-icon,.zt-image-preview__image-wrap .zt-image__error-icon{font-size:var(--zt-image-preview-error-font-size)}.zt-image-preview__image .zt-image__loading,.zt-image-preview__image-wrap .zt-image__loading{background-color:transparent}.zt-image-preview__index{box-sizing:border-box;display:flex;align-items:center;position:absolute;bottom:0;left:0;width:100%;height:var(--zt-image-preview-index-height);padding:0 16px;background-color:var(--zt-image-preview-index-background);color:var(--zt-image-preview-index-text-color);overflow:hidden}.zt-image-preview__index-number{height:var(--zt-line-height-xl);background:rgba(45,75,115,.8);border-radius:2px;font-size:var(--zt-font-size-sm);text-align:center;line-height:var(--zt-line-height-xl);padding:0 8px}.zt-image-preview__title{flex-shrink:0;margin-left:8px;font-size:var(--zt-font-size-md);line-height:var(--zt-line-height-md)}.zt-image-preview__overlay{background:var(--zt-image-preview-overlay-background)}.zt-image-preview__close-icon{position:absolute;z-index:var(--zt-image-preview-close-icon-z-index);color:var(--zt-image-preview-close-icon-color);font-size:var(--zt-font-size-xxxl)}.zt-image-preview__close-icon--top-left{top:var(--zt-image-preview-close-icon-margin);left:var(--zt-image-preview-close-icon-margin)}.zt-image-preview__close-icon--top-right{top:var(--zt-image-preview-close-icon-margin);right:var(--zt-image-preview-close-icon-margin)}.zt-image-preview__close-icon--bottom-left{bottom:var(--zt-image-preview-close-icon-margin);left:var(--zt-image-preview-close-icon-margin)}.zt-image-preview__close-icon--bottom-right{right:var(--zt-image-preview-close-icon-margin);bottom:var(--zt-image-preview-close-icon-margin)}
+:root{--zt-image-preview-index-height: 48px;--zt-image-preview-index-background: var(--zt-gray-a4);--zt-image-preview-index-text-color: var(--zt-white);--zt-image-preview-overlay-background: rgba(0, 0, 0, .9);--zt-image-preview-close-icon-color: var(--zt-gray-5);--zt-image-preview-close-icon-margin: var(--zt-padding-md);--zt-image-preview-close-icon-z-index: 1;--zt-image-preview-error-font-size: 36px}:root[zt-theme-size=large]{--zt-image-preview-error-font-size: 42px}.zt-image-preview{position:fixed;top:0;left:0;width:100%;height:100%;max-width:none;background-color:transparent;transform:none}.zt-image-preview__swipe{height:100%}.zt-image-preview__swipe-item{display:flex;align-items:center;justify-content:center;overflow:hidden}.zt-image-preview__cover{position:absolute;top:0;left:0}.zt-image-preview__image,.zt-image-preview__image-wrap{width:100%;transition-property:transform}.zt-image-preview__image--vertical,.zt-image-preview__image-wrap--vertical{width:auto;height:100%}.zt-image-preview__image img,.zt-image-preview__image-wrap img,.zt-image-preview__image video,.zt-image-preview__image-wrap video{-webkit-user-drag:none}.zt-image-preview__image .zt-image__error,.zt-image-preview__image-wrap .zt-image__error{top:30%;height:40%}.zt-image-preview__image .zt-image__error-icon,.zt-image-preview__image-wrap .zt-image__error-icon{font-size:var(--zt-image-preview-error-font-size)}.zt-image-preview__image .zt-image__loading,.zt-image-preview__image-wrap .zt-image__loading{background-color:transparent}.zt-image-preview__index{box-sizing:border-box;display:flex;align-items:center;position:absolute;bottom:0;left:0;width:100%;height:var(--zt-image-preview-index-height);padding:0 16px;background-color:var(--zt-image-preview-index-background);color:var(--zt-image-preview-index-text-color);overflow:hidden}.zt-image-preview__index-number{height:var(--zt-line-height-xl);background:rgba(45,75,115,.8);border-radius:2px;font-size:var(--zt-font-size-sm);text-align:center;line-height:var(--zt-line-height-xl);padding:0 8px}.zt-image-preview__title{flex-shrink:0;margin-left:8px;margin-right:8px;font-size:var(--zt-font-size-md);line-height:var(--zt-line-height-md)}.zt-image-preview__download-icon{display:flex;align-items:center;justify-content:center;margin-left:auto;cursor:pointer;padding:4px}.zt-image-preview__download-icon svg{width:20px;height:20px}.zt-image-preview__overlay{background:var(--zt-image-preview-overlay-background)}.zt-image-preview__close-icon{position:absolute;z-index:var(--zt-image-preview-close-icon-z-index);color:var(--zt-image-preview-close-icon-color);font-size:var(--zt-font-size-xxxl)}.zt-image-preview__close-icon--top-left{top:var(--zt-image-preview-close-icon-margin);left:var(--zt-image-preview-close-icon-margin)}.zt-image-preview__close-icon--top-right{top:var(--zt-image-preview-close-icon-margin);right:var(--zt-image-preview-close-icon-margin)}.zt-image-preview__close-icon--bottom-left{bottom:var(--zt-image-preview-close-icon-margin);left:var(--zt-image-preview-close-icon-margin)}.zt-image-preview__close-icon--bottom-right{right:var(--zt-image-preview-close-icon-margin);bottom:var(--zt-image-preview-close-icon-margin)}

package/lib/image-preview/index.d.ts

@@ -26,6 +26,8 @@ export declare const ImagePreview: import("../utils").WithInstall<import("vue").
         type: BooleanConstructor;
         default: true;
     };
+    showDownload: BooleanConstructor;
+    downloadAction: import("vue").PropType<(params: import("./ImagePreview").DownloadActionParams) => boolean | void>;
     className: import("vue").PropType<unknown>;
     closeIcon: {
         type: import("vue").PropType<string>;
@@ -57,7 +59,7 @@ export declare const ImagePreview: import("../utils").WithInstall<import("vue").
         default: import("..").PopupCloseIconPosition;
     };
     teleport: import("vue").PropType<string | import("vue").RendererElement | null | undefined>;
-}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "close" | "closed" | "update:show" | "scale" | "longPress")[], "change" | "close" | "closed" | "update:show" | "scale" | "longPress", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("download" | "change" | "close" | "closed" | "update:show" | "scale" | "longPress")[], "download" | "change" | "close" | "closed" | "update:show" | "scale" | "longPress", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     show: BooleanConstructor;
     loop: {
         type: BooleanConstructor;
@@ -84,6 +86,8 @@ export declare const ImagePreview: import("../utils").WithInstall<import("vue").
         type: BooleanConstructor;
         default: true;
     };
+    showDownload: BooleanConstructor;
+    downloadAction: import("vue").PropType<(params: import("./ImagePreview").DownloadActionParams) => boolean | void>;
     className: import("vue").PropType<unknown>;
     closeIcon: {
         type: import("vue").PropType<string>;
@@ -122,6 +126,7 @@ export declare const ImagePreview: import("../utils").WithInstall<import("vue").
     "onUpdate:show"?: ((...args: any[]) => any) | undefined;
     onScale?: ((...args: any[]) => any) | undefined;
     onLongPress?: ((...args: any[]) => any) | undefined;
+    onDownload?: ((...args: any[]) => any) | undefined;
 }>, {
     loop: boolean;
     overlay: boolean;
@@ -137,6 +142,7 @@ export declare const ImagePreview: import("../utils").WithInstall<import("vue").
     maxZoom: string | number;
     images: import("./types").ImageItem[];
     showIndex: boolean;
+    showDownload: boolean;
     startPosition: string | number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export default ImagePreview;

package/lib/image-preview/style/index.js

@@ -5,6 +5,7 @@ require("../../image/index.css");
 require("../../overlay/index.css");
 require("../../popup/index.css");
 require("../../loading/index.css");
+require("../../toast/index.css");
 require("../../swipe/index.css");
 require("../../swipe-item/index.css");
 require("../index.css");

package/lib/image-preview/svg/Download.d.ts

@@ -0,0 +1,2 @@
+import { BEM } from "../../utils";
+export declare const Download: (bem: BEM) => import("vue/jsx-runtime").JSX.Element;

package/lib/image-preview/svg/Download.js

@@ -0,0 +1,32 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var stdin_exports = {};
+__export(stdin_exports, {
+  Download: () => Download
+});
+module.exports = __toCommonJS(stdin_exports);
+var import_vue = require("vue");
+const Download = (bem) => (0, import_vue.createVNode)("svg", {
+  "class": bem("svg-download-icon"),
+  "xmlns": "http://www.w3.org/2000/svg",
+  "viewBox": "0 0 20 20"
+}, [(0, import_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)]);

package/lib/image-preview/types.d.ts

@@ -16,6 +16,7 @@ export type ImagePreviewOptions = {
     className?: unknown;
     showIndex?: boolean;
     closeable?: boolean;
+    showDownload?: boolean;
     closeIcon?: string;
     transition?: string;
     beforeClose?: Interceptor;