zartui 3.1.71 → 3.1.73

package/lib/zartui.cjs.js

@@ -6732,6 +6732,7 @@ const pickerProps = extend$1({}, pickerSharedProps$1, {
   columnsFieldNames: Object,
   showPicker: Boolean,
   popup: truthProp,
+  teleport: [String, Object],
   showType: makeStringProp("default"),
   columnCounts: makeNumberProp(3)
 });
@@ -6974,7 +6975,8 @@ var stdin_default$1i = vue.defineComponent({
             "show": showPicker.value,
             "onUpdate:show": [($event) => showPicker.value = $event, updateShow],
             "round": true,
-            "position": "bottom"
+            "position": "bottom",
+            "teleport": props.teleport
           }, {
             default: renderTiledPicker
           });
@@ -6986,7 +6988,8 @@ var stdin_default$1i = vue.defineComponent({
             "show": showPicker.value,
             "onUpdate:show": [($event) => showPicker.value = $event, updateShow],
             "round": true,
-            "position": "bottom"
+            "position": "bottom",
+            "teleport": props.teleport
           }, {
             default: renderPicker
           });
@@ -12244,6 +12247,35 @@ var stdin_default$S = vue.defineComponent({
     };
   }
 });
+const Download = (bem2) => vue.createVNode("svg", {
+  "class": bem2("svg-download-icon"),
+  "xmlns": "http://www.w3.org/2000/svg",
+  "viewBox": "0 0 20 20"
+}, [vue.createVNode("path", {
+  "d": "M3.75,17.5 C3.28976271,17.5 2.91666667,17.126904 2.91666667,16.6666667 L2.91666667,12.5 C2.91666667,12.0397627 3.28976271,11.6666667 3.75,11.6666667 C4.21023729,11.6666667 4.58333333,12.0397627 4.58333333,12.5 L4.58266667,15.833 L15.4166667,15.833 L15.4166667,12.5 C15.4166667,12.0397627 15.7897627,11.6666667 16.25,11.6666667 C16.7102373,11.6666667 17.0833333,12.0397627 17.0833333,12.5 L17.0833333,16.6666667 C17.0833333,17.0915011 16.765429,17.442085 16.3545316,17.4935072 L16.25,17.5 L3.75,17.5 Z M10,2.5 C10.4602373,2.5 10.8333333,2.87309604 10.8333333,3.33333333 L10.834,10.904 L12.327411,9.41074435 L12.3804172,9.36206404 C12.7078286,9.08620893 13.1976137,9.1024357 13.5059223,9.41074435 C13.8313592,9.73618126 13.8313592,10.2638187 13.5059223,10.5892557 L10.5892557,13.5059223 L10.5659501,13.5283458 C10.5602582,13.5336148 10.5544926,13.5388053 10.548655,13.5439156 L10.5362495,13.5546026 L10.5121742,13.5740743 C10.4949132,13.5875412 10.4771081,13.6003432 10.4586783,13.6126074 C10.4455853,13.6212563 10.4323019,13.6294968 10.4192578,13.6370097 C10.4029078,13.6465464 10.3862038,13.6555423 10.3690405,13.664083 C10.3522054,13.6723976 10.3351478,13.6801087 10.3177097,13.6872958 C10.3045293,13.6927357 10.2911788,13.6978473 10.2777746,13.7025471 C10.2584813,13.7093513 10.2389875,13.7154237 10.2194971,13.7207897 C10.2011918,13.7257748 10.1826357,13.7301514 10.1634324,13.7339067 L10.1207556,13.7413147 C10.0813306,13.7470375 10.0410112,13.75 10,13.75 L10.0566667,13.747 L10.0399512,13.7490477 L9.96132783,13.7491078 C9.94161389,13.7481976 9.92192612,13.746591 9.89546844,13.7435072 C9.79274407,13.7306516 9.69583178,13.6990985 9.6082458,13.6523619 L9.59484365,13.6451239 C9.58442452,13.639322 9.57410342,13.6332795 9.56375825,13.6268308 C9.54437371,13.6148978 9.52551484,13.6021934 9.50686916,13.5885746 L9.48480346,13.5717051 L9.41074435,13.5059223 L6.49407768,10.5892557 L6.44539737,10.5362495 C6.16954226,10.2088381 6.18576903,9.719053 6.49407768,9.41074435 L6.54708384,9.36206404 C6.87449527,9.08620893 7.36428033,9.1024357 7.67258898,9.41074435 L9.167,10.905 L9.16666667,3.33333333 C9.16666667,2.87309604 9.53976271,2.5 10,2.5 Z",
+  "fill": "#FFF",
+  "fill-rule": "nonzero"
+}, null)]);
+var __async$3 = (__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());
+  });
+};
 const [name$A, bem$z] = createNamespace("image-preview");
 const popupProps$1 = ["show", "transition", "overlayStyle", "closeOnPopstate", "teleport"];
 const imagePreviewProps = {
@@ -12255,6 +12287,8 @@ const imagePreviewProps = {
   overlay: truthProp,
   closeable: Boolean,
   showIndex: truthProp,
+  showDownload: Boolean,
+  downloadAction: Function,
   className: unknownProp,
   closeIcon: makeStringProp("clear"),
   transition: String,
@@ -12272,12 +12306,13 @@ const imagePreviewProps = {
 var stdin_default$R = vue.defineComponent({
   name: name$A,
   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 = vue.ref();
+    const hasDownloadSupport = vue.ref(false);
     const state = vue.reactive({
       active: 0,
       rootWidth: 0,
@@ -12317,9 +12352,54 @@ var stdin_default$R = vue.defineComponent({
         }, [props.images[state.active].title]);
       }
     };
+    const onDownload = () => __async$3(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 Promise.resolve().then(() => require("./index-bb5638a0.js"));
+        if (universalJsSdk && universalJsSdk.getJSI && downloadParams.url) {
+          let fileJsi = (_c = universalJsSdk.getJSI()) == null ? void 0 : _c.file;
+          if (fileJsi && fileJsi.download) {
+            showLoadingToast({
+              message: "下载中...",
+              forbidClick: true,
+              duration: 0
+            });
+            fileJsi.download({
+              url: downloadParams.url
+            }).then(({
+              tempFilePath
+            }) => {
+              closeToast();
+              showSuccessToast("下载成功");
+            }).catch(() => {
+              closeToast();
+              showFailToast("下载失败");
+            });
+            return;
+          } else {
+            showFailToast("当前环境暂不支持下载");
+          }
+        }
+      } catch (e) {
+        console.log(e.message);
+      }
+    });
     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 vue.createVNode("div", {
             "class": bem$z("index")
           }, [slots.index({
@@ -12328,9 +12408,15 @@ var stdin_default$R = vue.defineComponent({
         }
         return vue.createVNode("div", {
           "class": bem$z("index")
-        }, [renderIndexText(), renderImageTitle()]);
+        }, [props.showIndex && renderIndexText(), props.showIndex && renderImageTitle(), showDownload && renderDownloadIcon()]);
       }
     };
+    const renderDownloadIcon = () => {
+      return vue.createVNode("div", {
+        "class": bem$z("download-icon"),
+        "onClick": onDownload
+      }, [Download(bem$z)]);
+    };
     const renderCover = () => {
       if (slots.cover) {
         return vue.createVNode("div", {
@@ -12394,7 +12480,20 @@ var stdin_default$R = vue.defineComponent({
     useExpose({
       swipeTo
     });
-    vue.onMounted(resize);
+    vue.onMounted(() => __async$3(this, null, function* () {
+      var _a;
+      resize();
+      try {
+        const universalJsSdk = yield Promise.resolve().then(() => require("./index-bb5638a0.js"));
+        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;
+      }
+    }));
     vue.watch([windowWidth, windowHeight], resize);
     vue.watch(() => props.startPosition, (value) => setActive(+value));
     vue.watch(() => props.show, (value) => {
@@ -15993,6 +16092,7 @@ const mediaPickerProps = {
   },
   disabled: Boolean,
   showTitle: Boolean,
+  showDownload: Boolean,
   useFileNameAsLabel: Boolean,
   title: makeStringProp("添加附件"),
   mediaList: makeArrayProp(),
@@ -16683,6 +16783,7 @@ var stdin_default$C = vue.defineComponent({
           images: imageList.value.map((image) => ({
             url: image.url || image.showSrc || ""
           })),
+          showDownload: props.showDownload,
           startPosition: imageIndex,
           closeable: true
         });
@@ -16696,7 +16797,7 @@ var stdin_default$C = vue.defineComponent({
         }
       } else if (media.type === "file") {
         try {
-          let universalJsSdk = yield Promise.resolve().then(() => require("./index-d66aaef4.js"));
+          let universalJsSdk = yield Promise.resolve().then(() => require("./index-bb5638a0.js"));
           if (universalJsSdk && universalJsSdk.getJSI && media.url) {
             let fileJsi = (_a = universalJsSdk.getJSI()) == null ? void 0 : _a.file;
             if (fileJsi && fileJsi.download && fileJsi.openDocument) {
@@ -23408,7 +23509,7 @@ const Lazyload = {
     });
   }
 };
-const version = "3.1.71";
+const version = "3.1.73";
 function install(app) {
   const components = [
     ActionSheet,

package/lib/zartui.es.js

@@ -6730,6 +6730,7 @@ const pickerProps = extend$1({}, pickerSharedProps$1, {
   columnsFieldNames: Object,
   showPicker: Boolean,
   popup: truthProp,
+  teleport: [String, Object],
   showType: makeStringProp("default"),
   columnCounts: makeNumberProp(3)
 });
@@ -6972,7 +6973,8 @@ var stdin_default$1i = defineComponent({
             "show": showPicker.value,
             "onUpdate:show": [($event) => showPicker.value = $event, updateShow],
             "round": true,
-            "position": "bottom"
+            "position": "bottom",
+            "teleport": props.teleport
           }, {
             default: renderTiledPicker
           });
@@ -6984,7 +6986,8 @@ var stdin_default$1i = defineComponent({
             "show": showPicker.value,
             "onUpdate:show": [($event) => showPicker.value = $event, updateShow],
             "round": true,
-            "position": "bottom"
+            "position": "bottom",
+            "teleport": props.teleport
           }, {
             default: renderPicker
           });
@@ -12242,6 +12245,35 @@ var stdin_default$S = defineComponent({
     };
   }
 });
+const Download = (bem2) => createVNode("svg", {
+  "class": bem2("svg-download-icon"),
+  "xmlns": "http://www.w3.org/2000/svg",
+  "viewBox": "0 0 20 20"
+}, [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 __async$3 = (__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());
+  });
+};
 const [name$A, bem$z] = createNamespace("image-preview");
 const popupProps$1 = ["show", "transition", "overlayStyle", "closeOnPopstate", "teleport"];
 const imagePreviewProps = {
@@ -12253,6 +12285,8 @@ const imagePreviewProps = {
   overlay: truthProp,
   closeable: Boolean,
   showIndex: truthProp,
+  showDownload: Boolean,
+  downloadAction: Function,
   className: unknownProp,
   closeIcon: makeStringProp("clear"),
   transition: String,
@@ -12270,12 +12304,13 @@ const imagePreviewProps = {
 var stdin_default$R = defineComponent({
   name: name$A,
   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 = ref();
+    const hasDownloadSupport = ref(false);
     const state = reactive({
       active: 0,
       rootWidth: 0,
@@ -12315,9 +12350,54 @@ var stdin_default$R = defineComponent({
         }, [props.images[state.active].title]);
       }
     };
+    const onDownload = () => __async$3(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("./index-096e2873.mjs");
+        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);
+      }
+    });
     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 createVNode("div", {
             "class": bem$z("index")
           }, [slots.index({
@@ -12326,9 +12406,15 @@ var stdin_default$R = defineComponent({
         }
         return createVNode("div", {
           "class": bem$z("index")
-        }, [renderIndexText(), renderImageTitle()]);
+        }, [props.showIndex && renderIndexText(), props.showIndex && renderImageTitle(), showDownload && renderDownloadIcon()]);
       }
     };
+    const renderDownloadIcon = () => {
+      return createVNode("div", {
+        "class": bem$z("download-icon"),
+        "onClick": onDownload
+      }, [Download(bem$z)]);
+    };
     const renderCover = () => {
       if (slots.cover) {
         return createVNode("div", {
@@ -12392,7 +12478,20 @@ var stdin_default$R = defineComponent({
     useExpose({
       swipeTo
     });
-    onMounted(resize);
+    onMounted(() => __async$3(this, null, function* () {
+      var _a;
+      resize();
+      try {
+        const universalJsSdk = yield import("./index-096e2873.mjs");
+        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;
+      }
+    }));
     watch([windowWidth, windowHeight], resize);
     watch(() => props.startPosition, (value) => setActive(+value));
     watch(() => props.show, (value) => {
@@ -15991,6 +16090,7 @@ const mediaPickerProps = {
   },
   disabled: Boolean,
   showTitle: Boolean,
+  showDownload: Boolean,
   useFileNameAsLabel: Boolean,
   title: makeStringProp("添加附件"),
   mediaList: makeArrayProp(),
@@ -16681,6 +16781,7 @@ var stdin_default$C = defineComponent({
           images: imageList.value.map((image) => ({
             url: image.url || image.showSrc || ""
           })),
+          showDownload: props.showDownload,
           startPosition: imageIndex,
           closeable: true
         });
@@ -16694,7 +16795,7 @@ var stdin_default$C = defineComponent({
         }
       } else if (media.type === "file") {
         try {
-          let universalJsSdk = yield import("./index-8bc782d2.mjs");
+          let universalJsSdk = yield import("./index-096e2873.mjs");
           if (universalJsSdk && universalJsSdk.getJSI && media.url) {
             let fileJsi = (_a = universalJsSdk.getJSI()) == null ? void 0 : _a.file;
             if (fileJsi && fileJsi.download && fileJsi.openDocument) {
@@ -23406,7 +23507,7 @@ const Lazyload = {
     });
   }
 };
-const version = "3.1.71";
+const version = "3.1.73";
 function install(app) {
   const components = [
     ActionSheet,