@das-fed/ui 6.4.0-dev.82 → 6.4.0-dev.84

package/packages/components/image-viewer/index.js

@@ -1,7 +1,7 @@
 import '@das-fed/ui/packages/components/image-viewer/style.css';
 import { withInstall as De } from "@das-fed/utils/with-install/index";
 import { setThemeRule as Ue } from "@das-fed/web/packages/theme/index";
-import { ref as ae, computed as D, watch as be, createApp as Pe, defineComponent as Je, openBlock as g, createElementBlock as I, Fragment as x, createCommentVNode as r, createElementVNode as N, normalizeStyle as $, withDirectives as B, createVNode as z, unref as e, normalizeClass as _, withCtx as q, createBlock as y, vShow as k, isRef as se, createTextVNode as re, toDisplayString as le, renderList as ue } from "vue";
+import { ref as ae, computed as R, watch as be, createApp as Pe, defineComponent as Je, openBlock as g, createElementBlock as I, Fragment as x, createCommentVNode as r, createElementVNode as N, normalizeStyle as $, withDirectives as B, createVNode as z, unref as e, normalizeClass as _, withCtx as q, createBlock as y, vShow as k, isRef as se, createTextVNode as re, toDisplayString as le, renderList as ue } from "vue";
 import { ElImageViewer as Ve, ElImage as de } from "element-plus";
 import { Upload as ce } from "ant-design-vue";
 import { vDasTooltip as me } from "@das-fed/ui/packages/components/text-tooltip/index";
@@ -30,9 +30,9 @@ const ie = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAA
     let i = document.createElement("canvas");
     const u = i.getContext("2d");
     i.width = n.width, i.height = n.height, u.drawImage(n, 0, 0, n.width, n.height), i.toBlob((A) => {
-      let v = URL.createObjectURL(A), d = document.createElement("a"), Q = new MouseEvent("click");
+      let v = URL.createObjectURL(A), d = document.createElement("a"), D = new MouseEvent("click");
       const E = t.substring(t.lastIndexOf(".")).toLowerCase();
-      d.download = o || `default${E}`, d.href = v, d.dispatchEvent(Q), URL.revokeObjectURL(v);
+      d.download = o || `default${E}`, d.href = v, d.dispatchEvent(D), URL.revokeObjectURL(v);
     });
   }, n.src = t + "?v=" + Date.now();
 }, Me = (t, o) => {
@@ -52,11 +52,11 @@ const ie = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAA
   const { baseUrl: o, serviceName: n, pathPrefix: i, bucketName: u, minioTokenApi: A, autoContentType: v } = t, d = async () => {
     const [w, l] = await Ke({ baseUrl: o, minioTokenApi: A })().run();
     return w ? { stauts: !1 } : { status: !0, data: l };
-  }, { generateUniqueName: Q } = Ne();
+  }, { generateUniqueName: D } = Ne();
   return { upload: async (w, l = {}) => {
     const h = await d();
     if (!h.status) return;
-    const U = w.name, C = h.data, T = i || Fe(), L = U.substring(U.lastIndexOf(".")).toLowerCase(), K = t.randomName ? `${Q("")}${L}` : U, O = n ? `${T}/${n}/${K}` : `${T}/${K}`, F = {
+    const U = w.name, C = h.data, T = i || Fe(), L = U.substring(U.lastIndexOf(".")).toLowerCase(), K = t.randomName ? `${D("")}${L}` : U, O = n ? `${T}/${n}/${K}` : `${T}/${K}`, F = {
       accessKeyId: C.accessKeyId,
       secretAccessKey: C.secretAccessKey,
       sessionToken: C.sessionToken,
@@ -93,23 +93,23 @@ const ie = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAA
   }
   return n;
 }, Ze = (t, o) => {
-  const n = oe(), i = we(t, "modelValue"), u = we(t, "status"), { upload: A } = je(t), { size2B: v } = He(), { handlerImageSrc: d } = ze(t), Q = ae(""), E = ae([]), w = [".mp4", ".avi", ".mkv", ".mov", ".wmv", ".flv", ".mpeg", ".webm"], l = [".mp3", ".wav", ".aac", ".flac", ".ogg", ".alff", ".wma", ".m4a"], h = D(() => t.baseUrl ? t.baseUrl : process.env.NODE_ENV === "production" ? "" : n.baseURL || ""), U = (a) => {
+  const n = oe(), i = we(t, "modelValue"), u = we(t, "status"), { upload: A } = je(t), { size2B: v } = He(), { handlerImageSrc: d } = ze(t), D = ae(""), E = ae([]), w = [".mp4", ".avi", ".mkv", ".mov", ".wmv", ".flv", ".mpeg", ".webm"], l = [".mp3", ".wav", ".aac", ".flac", ".ogg", ".alff", ".wma", ".m4a"], h = R(() => t.baseUrl ? t.baseUrl : process.env.NODE_ENV === "production" ? "" : n.baseURL || ""), U = (a) => {
     if (a) {
       const c = a.substring(a.lastIndexOf(".")).toLowerCase();
       if (w.includes(c)) return "isVideo";
       if (l.includes(c)) return "isAudio";
     }
     return "isImg";
-  }, C = D(() => {
+  }, C = R(() => {
     var c;
     let a = t.accept ? (c = t.accept) == null ? void 0 : c.split(",") : [];
     return a.includes("image/jpg") && !a.includes("image/jpeg") && a.push("image/jpeg"), a.includes(".jpg") && !a.includes(".jpeg") && a.push(".jpeg"), t.acceptVideo && (a = [...a, ...w]), t.acceptAudio && (a = [...a, ...l]), a.join(",");
-  }), T = D(() => u.value === "uploading"), L = ae(0), K = (a) => T.value ? L.value === a : !1, O = D(() => i.value ? [d(h.value, i.value)] : []), F = D(() => i.value ? i.value.map((a) => [d(h.value, a)]) : []), j = D(() => t.status !== "info" && (t.needDeleteBtn || t.needChangeBtn) || t.needDownloadBtn), H = D(() => t.status !== "info" && t.needDeleteBtn || t.needDownloadBtn), G = D(() => {
+  }), T = R(() => u.value === "uploading"), L = ae(0), K = (a) => T.value ? L.value === a : !1, O = R(() => i.value ? [d(h.value, i.value)] : []), F = R(() => i.value ? i.value.map((a) => [d(h.value, a)]) : []), j = R(() => t.status !== "info" && (t.needDeleteBtn || t.needChangeBtn) || t.needDownloadBtn), H = R(() => t.status !== "info" && t.needDeleteBtn || t.needDownloadBtn), G = R(() => {
     const a = [], c = t.previewBtnConfig;
     if (typeof c == "boolean")
       return c ? ["zoom_in", "zoom_out", "turn_left", "turn_right", "full_screen"] : [];
-    for (const S in c)
-      c[S] && a.push(S);
+    for (const Q in c)
+      c[Q] && a.push(Q);
     return a;
   }), J = () => {
     setTimeout(() => {
@@ -121,48 +121,48 @@ const ie = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAA
   }, X = (a, c = 0) => {
     var Y;
     o("downloadImage", a);
-    let S = "";
-    t.limitNum === 1 ? S = t.imageName || Q.value : S = ((Y = t.imageName) == null ? void 0 : Y[c]) || E.value[c], U(a) === "isImg" ? Le(d(h.value, a), S) : Me(d(h.value, a), S);
+    let Q = "";
+    t.limitNum === 1 ? Q = t.imageName || D.value : Q = ((Y = t.imageName) == null ? void 0 : Y[c]) || E.value[c], U(a) === "isImg" ? Le(d(h.value, a), Q) : Me(d(h.value, a), Q);
   }, W = async (a, c) => {
     var Y;
     if (t.maxSize) {
-      const { finalSize: b, sizeText: R } = v(t.maxSize);
+      const { finalSize: b, sizeText: S } = v(t.maxSize);
       if (a.size > b) {
         const Z = he(
           "das-ui-import-upload-key3",
-          R,
+          S,
           ((Y = C.value) == null ? void 0 : Y.toUpperCase().replaceAll(".", "").replaceAll(",", "、")) ?? ""
         ).value, M = t.errorMessage || Z;
         return Ee.warning(M), !1;
       }
     }
-    const S = async (b) => {
+    const Q = async (b) => {
       L.value = b, o("update:status", "uploading"), o("image-upload", a);
-      const R = await A(a);
-      return R === "error" ? (o("update:status", "error"), !1) : (o("upload-success", a, i.value), t.limitNum === 1 ? i.value = R : i.value[b] = R, o("update:modelValue", i.value), o("update:status", "normal"), !1);
+      const S = await A(a);
+      return S === "error" ? (o("update:status", "error"), !1) : (o("upload-success", a, i.value), t.limitNum === 1 ? i.value = S : i.value[b] = S, o("update:modelValue", i.value), o("update:status", "normal"), !1);
     };
     if (t.customCheck) {
       const b = t.customCheck(a);
       if (b instanceof Promise)
-        return new Promise(async (R, Z) => {
+        return new Promise(async (S, Z) => {
           let M;
           try {
             M = await b.then();
           } catch {
             M = !1;
           }
-          M ? S(c) : Z(!1);
+          M ? Q(c) : Z(!1);
         });
       if (!b) return !1;
     } else if (C.value) {
-      const b = C.value.split(",").filter((P) => P.trim().startsWith(".")).map((P) => P.trim()), R = C.value.split(",").filter((P) => !P.trim().startsWith(".")).map((P) => P.trim()), Z = a.name.match(/\.(.+)$/), M = b.includes(Z[0]);
-      let ye = R.includes("image/*") && a.type.split("/")[0].trim() === "image", ke = R.includes("video/*") && a.type.split("/")[0].trim() === "video", Qe = R.includes("audio/*") && a.type.split("/")[0].trim() === "audio", Se = R.includes(a.type) || ye || ke || Qe;
+      const b = C.value.split(",").filter((P) => P.trim().startsWith(".")).map((P) => P.trim()), S = C.value.split(",").filter((P) => !P.trim().startsWith(".")).map((P) => P.trim()), Z = a.name.match(/\.(.+)$/), M = b.includes(Z[0]);
+      let ye = S.includes("image/*") && a.type.split("/")[0].trim() === "image", ke = S.includes("video/*") && a.type.split("/")[0].trim() === "video", Qe = S.includes("audio/*") && a.type.split("/")[0].trim() === "audio", Se = S.includes(a.type) || ye || ke || Qe;
       if (!M && !Se) {
         const P = t.acceptAudio || t.acceptVideo ? "das-ui-import-upload-key2" : "das-ui-import-upload-key1", Re = t.errorMessage || he(P, C.value.toUpperCase().replaceAll(".", "").replaceAll(",", "、")).value;
         return Ee.warning(Re), !1;
       }
     }
-    return S(c);
+    return Q(c);
   }, s = async (a) => {
     t.limitNum !== 1 && (L.value = i.length), o("update:status", "uploading"), o("image-upload", a);
     const c = await A(a);
@@ -182,7 +182,7 @@ const ie = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAA
   };
   return be(i, async () => {
     const a = t.limitNum ?? 1;
-    a === 1 && i.value ? Q.value = await qe(i.value) : a > 1 && i.value.length > 0 && (E.value = await Ye(i.value));
+    a === 1 && i.value ? D.value = await qe(i.value) : a > 1 && i.value.length > 0 && (E.value = await Ye(i.value));
   }, {
     deep: !0,
     immediate: !0
@@ -196,7 +196,7 @@ const ie = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAA
     previewBtns: G,
     operateShow: j,
     operateShow_Multi: H,
-    singlePreviewName: Q,
+    singlePreviewName: D,
     multiPreviewName: E,
     getFileType: U,
     delImg: V,
@@ -238,7 +238,7 @@ const ie = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAA
 te.addEventFromMicroApp();
 const Xe = (t) => {
   const { handleImageClickProxy: o, previewBtns: n } = t;
-  return { needPreviewImage: D(() => !t.needPreview || te.isMicroApp() ? !1 : t.needPreview), handleImageClick: (A) => {
+  return { needPreviewImage: R(() => !t.needPreview || te.isMicroApp() ? !1 : t.needPreview), handleImageClick: (A) => {
     if (!te.isMicroApp()) return o();
     let v = [];
     Array.isArray(A) && v.push(...A), typeof A == "string" && v.push(A), te.sendMessageToMainApp(Be, {
@@ -295,7 +295,7 @@ const Xe = (t) => {
   },
   emits: ["update:modelValue", "update:status", "downloadImage", "image-upload", "upload-success", "deleteImage"],
   setup(t, { emit: o }) {
-    const n = t, i = o, u = D(() => {
+    const n = t, i = o, u = R(() => {
       const p = [
         n.needDownloadBtn,
         n.limitNum === 1 && l.value !== "info" && n.needChangeBtn,
@@ -305,11 +305,11 @@ const Xe = (t) => {
       return p === 2 && (f = "space-around"), p === 3 && (f = "space-between"), {
         "justify-content": f
       };
-    }), A = D(() => n.mode === "view" ? !1 : d.value ? l.value === "error" : l.value !== "info"), v = (s) => {
+    }), A = R(() => n.mode === "view" ? !1 : d.value ? l.value === "error" : l.value !== "info"), v = (s) => {
       s.stopPropagation();
     }, {
       url: d,
-      isAccept: Q,
+      isAccept: D,
       singlePreviewList: E,
       multiPreviewList: w,
       uploadStatus: l,
@@ -409,7 +409,7 @@ const Xe = (t) => {
                       e(l) !== "info" && s.needChangeBtn ? (g(), y(e(ce), {
                         key: 1,
                         "before-upload": (f) => e(F)(f, 0),
-                        accept: e(Q)
+                        accept: e(D)
                       }, {
                         itemRender: q(({ file: f, actions: m }) => p[5] || (p[5] = [])),
                         default: q(() => [
@@ -564,9 +564,9 @@ const Xe = (t) => {
                                 e(l) !== "info" && s.needChangeBtn ? (g(), y(e(ce), {
                                   key: 1,
                                   "before-upload": (c) => e(F)(c, m),
-                                  accept: e(Q)
+                                  accept: e(D)
                                 }, {
-                                  itemRender: q(({ file: c, actions: S }) => p[6] || (p[6] = [])),
+                                  itemRender: q(({ file: c, actions: Q }) => p[6] || (p[6] = [])),
                                   default: q(() => [
                                     z(e(fe), {
                                       class: "operate-btn m-t-6",
@@ -642,7 +642,7 @@ const Xe = (t) => {
                     status: e(l),
                     "onUpdate:status": p[4] || (p[4] = (f) => se(l) ? l.value = f : null),
                     "max-size": s.maxSize,
-                    accept: e(Q),
+                    accept: s.accept,
                     acceptVideo: s.acceptVideo,
                     acceptAudio: s.acceptAudio,
                     message: s.message,
@@ -681,7 +681,7 @@ const Xe = (t) => {
   for (const [i, u] of o)
     n[i] = u;
   return n;
-}, rt = /* @__PURE__ */ st(nt, [["__scopeId", "data-v-1d0322d5"]]), lt = {
+}, rt = /* @__PURE__ */ st(nt, [["__scopeId", "data-v-a6b067e7"]]), lt = {
   "--das-ui-image-viewer-bg-color": { light: "rgba(0, 0, 0, 0.5)" },
   "--das-ui-image-viewer-btn-hover": { light: "#87A9FF" },
   "--das-ui-image-viewer-btn-active": { light: "#276FF5" }

package/packages/components/image-viewer/style.css

@@ -1 +1 @@
-.das-ui-image-viewer[data-v-1d0322d5]{width:100px;height:100px;box-sizing:border-box;background-color:#e2e7ef;position:relative;border-radius:2px}.das-ui-image-viewer .loading-border[data-v-1d0322d5]{border:1px dashed var(--das-ui-image-upload-border-color)}.das-ui-image-viewer .image-context[data-v-1d0322d5]{width:100%;height:100%}.das-ui-image-viewer .operate-container[data-v-1d0322d5]{visibility:hidden;position:absolute;bottom:0;height:28px;width:100%;background-color:var(--das-ui-image-viewer-bg-color);display:flex;justify-content:center;align-items:center;padding:0 8px}.das-ui-image-viewer .operate-container[data-v-1d0322d5] .m-l-20{margin-left:20px}.das-ui-image-viewer .operate-container[data-v-1d0322d5] .m-t-6{margin-top:6px}.das-ui-image-viewer .operate-container[data-v-1d0322d5] .operate-btn{cursor:pointer}.das-ui-image-viewer .operate-container[data-v-1d0322d5] .operate-btn:hover{fill:var(--das-ui-image-viewer-btn-hover)}.das-ui-image-viewer .operate-container[data-v-1d0322d5] .operate-btn.active,.das-ui-image-viewer .operate-container[data-v-1d0322d5] .operate-btn.visited{fill:var(--das-ui-image-viewer-btn-active)}.das-ui-image-viewer:hover .operate-container[data-v-1d0322d5]{visibility:visible}.image-name[data-v-1d0322d5]{font-size:12px;color:var(--das-ui-color-normal);letter-spacing:0;line-height:18px;font-weight:400;margin-top:4px;width:100px}.das-ui-image-viewer-groups[data-v-1d0322d5]{display:flex}.das-ui-image-viewer-groups .das-ui-image-viewer-container+.das-ui-image-viewer-container[data-v-1d0322d5]{margin-left:28px}.no-data-img[data-v-1d0322d5]{max-width:100%}.das-image-viewer-preview-btn-groups .el-image-viewer__actions,.das-image-viewer-preview-btn-groups .el-image-viewer__actions .el-image-viewer__actions__divider,.das-image-viewer-preview-btn-groups .el-image-viewer__actions .el-icon{display:none}.das-image-viewer-preview-btn-groups.zoom_in,.das-image-viewer-preview-btn-groups.zoom_in .el-image-viewer__actions{display:block}.das-image-viewer-preview-btn-groups.zoom_in .el-image-viewer__actions .el-icon:nth-child(2){display:block}.das-image-viewer-preview-btn-groups.zoom_out,.das-image-viewer-preview-btn-groups.zoom_out .el-image-viewer__actions{display:block}.das-image-viewer-preview-btn-groups.zoom_out .el-image-viewer__actions .el-icon:nth-child(1){display:block}.das-image-viewer-preview-btn-groups.turn_left,.das-image-viewer-preview-btn-groups.turn_left .el-image-viewer__actions{display:block}.das-image-viewer-preview-btn-groups.turn_left .el-image-viewer__actions .el-icon:nth-child(6){display:block}.das-image-viewer-preview-btn-groups.turn_right,.das-image-viewer-preview-btn-groups.turn_right .el-image-viewer__actions{display:block}.das-image-viewer-preview-btn-groups.turn_right .el-image-viewer__actions .el-icon:nth-child(7){display:block}.das-image-viewer-preview-btn-groups.full_screen,.das-image-viewer-preview-btn-groups.full_screen .el-image-viewer__actions{display:block}.das-image-viewer-preview-btn-groups.full_screen .el-image-viewer__actions .el-icon:nth-child(4){display:block}
+.das-ui-image-viewer[data-v-a6b067e7]{width:100px;height:100px;box-sizing:border-box;background-color:#e2e7ef;position:relative;border-radius:2px}.das-ui-image-viewer .loading-border[data-v-a6b067e7]{border:1px dashed var(--das-ui-image-upload-border-color)}.das-ui-image-viewer .image-context[data-v-a6b067e7]{width:100%;height:100%}.das-ui-image-viewer .operate-container[data-v-a6b067e7]{visibility:hidden;position:absolute;bottom:0;height:28px;width:100%;background-color:var(--das-ui-image-viewer-bg-color);display:flex;justify-content:center;align-items:center;padding:0 8px}.das-ui-image-viewer .operate-container[data-v-a6b067e7] .m-l-20{margin-left:20px}.das-ui-image-viewer .operate-container[data-v-a6b067e7] .m-t-6{margin-top:6px}.das-ui-image-viewer .operate-container[data-v-a6b067e7] .operate-btn{cursor:pointer}.das-ui-image-viewer .operate-container[data-v-a6b067e7] .operate-btn:hover{fill:var(--das-ui-image-viewer-btn-hover)}.das-ui-image-viewer .operate-container[data-v-a6b067e7] .operate-btn.active,.das-ui-image-viewer .operate-container[data-v-a6b067e7] .operate-btn.visited{fill:var(--das-ui-image-viewer-btn-active)}.das-ui-image-viewer:hover .operate-container[data-v-a6b067e7]{visibility:visible}.image-name[data-v-a6b067e7]{font-size:12px;color:var(--das-ui-color-normal);letter-spacing:0;line-height:18px;font-weight:400;margin-top:4px;width:100px}.das-ui-image-viewer-groups[data-v-a6b067e7]{display:flex}.das-ui-image-viewer-groups .das-ui-image-viewer-container+.das-ui-image-viewer-container[data-v-a6b067e7]{margin-left:28px}.no-data-img[data-v-a6b067e7]{max-width:100%}.das-image-viewer-preview-btn-groups .el-image-viewer__actions,.das-image-viewer-preview-btn-groups .el-image-viewer__actions .el-image-viewer__actions__divider,.das-image-viewer-preview-btn-groups .el-image-viewer__actions .el-icon{display:none}.das-image-viewer-preview-btn-groups.zoom_in,.das-image-viewer-preview-btn-groups.zoom_in .el-image-viewer__actions{display:block}.das-image-viewer-preview-btn-groups.zoom_in .el-image-viewer__actions .el-icon:nth-child(2){display:block}.das-image-viewer-preview-btn-groups.zoom_out,.das-image-viewer-preview-btn-groups.zoom_out .el-image-viewer__actions{display:block}.das-image-viewer-preview-btn-groups.zoom_out .el-image-viewer__actions .el-icon:nth-child(1){display:block}.das-image-viewer-preview-btn-groups.turn_left,.das-image-viewer-preview-btn-groups.turn_left .el-image-viewer__actions{display:block}.das-image-viewer-preview-btn-groups.turn_left .el-image-viewer__actions .el-icon:nth-child(6){display:block}.das-image-viewer-preview-btn-groups.turn_right,.das-image-viewer-preview-btn-groups.turn_right .el-image-viewer__actions{display:block}.das-image-viewer-preview-btn-groups.turn_right .el-image-viewer__actions .el-icon:nth-child(7){display:block}.das-image-viewer-preview-btn-groups.full_screen,.das-image-viewer-preview-btn-groups.full_screen .el-image-viewer__actions{display:block}.das-image-viewer-preview-btn-groups.full_screen .el-image-viewer__actions .el-icon:nth-child(4){display:block}