@aplus-frontend/ui 7.10.6 → 7.11.0

package/es/src/business/ap-attachment/ApAttachment.mjs

@@ -1,121 +1,144 @@
-import { defineComponent as U, ref as k, useSlots as W, computed as o, cloneVNode as _, toRaw as g, unref as j, createVNode as t, createTextVNode as R } from "vue";
-import { LoadingOutlined as p } from "@ant-design/icons-vue";
-import { Tooltip as B, Popover as G } from "@aplus-frontend/antdv";
-import { debounce as H, isArray as M } from "lodash-unified";
-import { useToken as q } from "../../config-provider/hooks/use-token.mjs";
-import { warning as D } from "../../utils/warning.mjs";
+import { defineComponent as j, ref as g, useSlots as M, computed as i, cloneVNode as R, toRaw as w, unref as B, createVNode as e, createTextVNode as D } from "vue";
+import { LoadingOutlined as N } from "@ant-design/icons-vue";
+import { Tooltip as A, Popover as G } from "@aplus-frontend/antdv";
+import { IconApAdLineDownload as H } from "@aplus-frontend/icon";
+import { debounce as q, isArray as E } from "lodash-unified";
+import { useToken as J } from "../../config-provider/hooks/use-token.mjs";
+import { warning as Q } from "../../utils/warning.mjs";
 import "../../config-provider/index.mjs";
-import { useOssInit as E } from "../ap-download/hooks/index.mjs";
-import { getHexWithOpacity as J, getFileInfo as F } from "../ap-download/utils/getFileInfo.mjs";
-import { ApAttachmentProps as Q } from "./constans.mjs";
-import X from "./style/index.mjs";
-import { useNamespace as Y } from "../../config-provider/hooks/use-namespace.mjs";
+import { useOssInit as X } from "../ap-download/hooks/index.mjs";
+import { getHexWithOpacity as Y, getFileInfo as L } from "../ap-download/utils/getFileInfo.mjs";
+import { ApFilePreview as Z } from "../ap-file-preview/index.mjs";
+import { ApAttachmentProps as $ } from "./constans.mjs";
+import ee from "./style/index.mjs";
+import { useNamespace as te } from "../../config-provider/hooks/use-namespace.mjs";
 import { useGlobalConfig as T } from "../../config-provider/hooks/use-global-config.mjs";
-import { useLocale as Z } from "../../config-provider/hooks/use-locale.mjs";
-const fe = /* @__PURE__ */ U({
+import { useLocale as ae } from "../../config-provider/hooks/use-locale.mjs";
+const Ne = /* @__PURE__ */ j({
   name: "ApAttachment",
-  props: Q(),
-  setup(e, {
-    emit: N
+  props: $(),
+  setup(t, {
+    emit: y
   }) {
     const {
-      b: x,
-      e: a
-    } = Y("ap-attachment"), y = X("ap-attachment"), r = T("apUpload"), L = T("downloadCenterTriggerConfig"), {
-      token: C
-    } = q(), {
-      lang: O,
-      t: d
-    } = Z(), i = k(!1), c = k(""), f = W(), K = o(() => O.value === "zh-cn" ? "zh_CN" : "en_US"), s = o(() => e.needName ?? (r?.value?.needName === !0 ? {
+      b: P,
+      e: l
+    } = te("ap-attachment"), C = ee("ap-attachment"), d = T("apUpload"), F = T("downloadCenterTriggerConfig"), {
+      token: x
+    } = J(), {
+      lang: I,
+      t: c
+    } = ae(), s = g(!1), r = g(""), f = M(), K = i(() => I.value === "zh-cn" ? "zh_CN" : "en_US"), m = i(() => t.needName ?? (d?.value?.needName === !0 ? {
       nameKey: "fileName",
       pathKey: "path"
-    } : r?.value?.needName ?? {
+    } : d?.value?.needName ?? {
       nameKey: "fileName",
       pathKey: "filePath"
-    })), v = o(() => e.attachmentList.length === 1), w = o(() => s.value ? e.attachmentList.length > 0 && s.value && s.value?.nameKey ? e.attachmentList[0][s.value.nameKey] : "" : e.attachmentList.length > 0 ? e.attachmentList[0].fileName : ""), P = o(() => v.value ? w.value : d("ap.apAttachment.downloadall")), A = o(() => ({
-      "--download-main-color": C.value?.colorLink,
-      "--download-main-color-opacity": J(C.value?.colorLink, 0.6)
-    })), I = o(() => e.getOssAccess || r.value?.getOssAccess), S = o(() => {
-      const l = f.default ? f.default()[0] : null;
-      return l ? _(l, {
+    })), p = i(() => t.attachmentList.length === 1), b = i(() => m.value ? t.attachmentList.length > 0 && m.value && m.value?.nameKey ? t.attachmentList[0][m.value.nameKey] : "" : t.attachmentList.length > 0 ? t.attachmentList[0].fileName : ""), S = i(() => p.value ? b.value : c("ap.apAttachment.downloadall")), k = i(() => ({
+      "--download-main-color": x.value?.colorLink,
+      "--download-main-color-opacity": Y(x.value?.colorLink, 0.6)
+    })), U = i(() => t.getOssAccess || d.value?.getOssAccess), V = i(() => {
+      const a = f.default ? f.default()[0] : null;
+      return a ? R(a, {
         style: {
           "font-size": "16px"
         }
       }) : null;
-    }), h = H(async (l, u) => {
-      if (!e.disabled) {
-        i.value = !0, u && (c.value = u);
+    }), v = g(!1), h = q(async (a, n) => {
+      if (!t.disabled) {
+        s.value = !0, n && (r.value = n);
         try {
-          const n = M(g(l)) ? g(l) : [g(l)];
-          if (L.value?.trigger) {
-            const m = F(s.value, n).map((b) => ({
-              objectName: b.path,
-              fileName: b.fileName
+          const o = E(w(a)) ? w(a) : [w(a)];
+          if (F.value?.trigger) {
+            const u = L(m.value, o).map((O) => ({
+              objectName: O.path,
+              fileName: O.fileName
             }));
-            L.value?.trigger(m), N("downloadCallback", m);
+            F.value?.trigger(u), y("downloadCallback", u);
           } else {
-            const m = await (await E(I.value, j(K))).downloadFile(F(e.needName, n));
-            N("downloadCallback", m);
+            const u = await (await X(U.value, B(K))).downloadFile(L(t.needName, o));
+            y("downloadCallback", u);
           }
-        } catch (n) {
-          D(!1, n);
+        } catch (o) {
+          Q(!1, o);
         } finally {
-          i.value = !1, c.value = "";
+          s.value = !1, r.value = "";
         }
       }
-    }, 500), V = (l) => l && l.length > 0 ? t("ul", {
-      class: [a("file-list"), y.value],
-      style: A.value
-    }, [l.map((u, n) => t("li", {
-      key: n,
-      class: [a("file-item")],
-      onClick: () => h(u, n + 1)
-    }, [i.value && c.value === n + 1 ? t("span", {
-      class: [a("spin")]
-    }, [t(p, {
+    }, 500), z = (a) => {
+      const n = L(t.needName, a)?.[0];
+      Z.createFilePreviewModal({
+        src: n.path,
+        fileName: n.fileName
+      }), v.value = !1;
+    }, W = (a) => a && a.length > 0 ? e("ul", {
+      class: [l("file-list"), C.value],
+      style: k.value
+    }, [a.map((n, o) => e("li", {
+      key: o,
+      class: [l("file-item")]
+    }, [s.value && r.value === o + 1 ? e("span", {
+      class: [l("spin")]
+    }, [e(N, {
       spin: !0
-    }, null)]) : null, u.fileName])), t("li", {
-      class: [a("download-all")],
-      onClick: () => h(e.attachmentList, "all")
-    }, [i.value && c.value === "all" ? t("span", {
-      class: [a("spin")]
-    }, [t(p, {
+    }, null)]) : null, e(A, {
+      title: c("ap.apAppendix.previewFile")
+    }, {
+      default: () => [e("span", {
+        class: [l("file-item-text")],
+        onClick: () => z(n)
+      }, [n.fileName])]
+    }), e(A, {
+      title: c("ap.apAppendix.downloadFile")
+    }, {
+      default: () => [e("span", {
+        class: [l("file-item-download")],
+        onClick: () => h(n, o + 1)
+      }, [e(H, null, null)])]
+    })])), e("li", {
+      class: [l("download-all")],
+      onClick: () => h(t.attachmentList, "all")
+    }, [s.value && r.value === "all" ? e("span", {
+      class: [l("spin")]
+    }, [e(N, {
       spin: !0
-    }, null)]) : null, d("ap.apAttachment.downloadall")])]) : null;
-    return () => e.attachmentList?.length > 0 && t("div", {
-      class: [x(), y.value],
-      style: [A.value]
-    }, [t(B, {
-      title: P.value,
-      placement: e.textToolTipPlacement,
-      color: e.toolTipBgColor
+    }, null)]) : null, c("ap.apAttachment.downloadall")])]) : null;
+    return () => t.attachmentList?.length > 0 && e("div", {
+      class: [P(), C.value],
+      style: [k.value]
+    }, [e(A, {
+      title: S.value,
+      placement: t.textToolTipPlacement,
+      color: t.toolTipBgColor
     }, {
-      default: () => [t("div", {
-        class: [a("content")],
-        onClick: () => h(v.value ? e.attachmentList[0] : e.attachmentList, "global")
-      }, [i.value && c.value === "global" ? t("div", {
-        class: [a("spin")]
-      }, [t(p, {
+      default: () => [e("div", {
+        class: [l("content")],
+        onClick: () => h(p.value ? t.attachmentList[0] : t.attachmentList, "global")
+      }, [s.value && r.value === "global" ? e("div", {
+        class: [l("spin")]
+      }, [e(N, {
         spin: !0
-      }, null)]) : null, f.default ? t("div", {
-        class: [a("text-render")]
-      }, [S.value, R(" ")]) : null, t("div", {
-        class: [a("text-inner")],
+      }, null)]) : null, f.default ? e("div", {
+        class: [l("text-render")]
+      }, [V.value, D(" ")]) : null, e("div", {
+        class: [l("text-inner")],
         style: {
-          "max-width": e.maxWidth ? e.maxWidth + "px" : "auto"
+          "max-width": t.maxWidth ? t.maxWidth + "px" : "auto"
         }
-      }, [w.value])])]
-    }), t(G, {
-      content: V(e.attachmentList),
-      placement: e.fileMorePopoverPlacement,
-      color: "#fff"
+      }, [b.value])])]
+    }), e(G, {
+      content: W(t.attachmentList),
+      placement: t.fileMorePopoverPlacement,
+      color: "#fff",
+      open: v.value,
+      "onUpdate:open": (a) => v.value = a
     }, {
-      default: () => [!v.value && t("div", {
-        class: [a("more")]
-      }, [d("ap.apAttachment.more")])]
+      default: () => [!p.value && e("div", {
+        class: [l("more")]
+      }, [c("ap.apAttachment.more")])]
     })]);
   }
 });
 export {
-  fe as default
+  Ne as default
 };

package/es/src/business/ap-attachment/style/index.mjs

@@ -1,5 +1,5 @@
 import { genComponentStyleHook as e } from "../../../utils/cssinjs/index.mjs";
-const n = (o) => {
+const a = (o) => {
   const { componentCls: r } = o;
   return {
     [r]: {
@@ -59,10 +59,24 @@ const n = (o) => {
         wordWrap: "break-word",
         marginBlockEnd: o.spaceLG,
         fontSize: o.fontSize,
-        color: "#000",
-        cursor: "pointer",
+        color: o.textColor1,
         "&:hover": {
-          color: "var(--download-main-color)"
+          [`${r}__file-item-download`]: {
+            opacity: 1
+          }
+        },
+        "&-text": {
+          cursor: "pointer",
+          "&:hover": {
+            color: "var(--download-main-color)"
+          }
+        },
+        "&-download": {
+          cursor: "pointer",
+          color: "var(--download-main-color)",
+          marginLeft: o.space,
+          opacity: 0,
+          fontSize: o.fontSizeXL
         }
       },
       [`${r}__download-all`]: {
@@ -76,13 +90,13 @@ const n = (o) => {
       }
     }
   };
-}, i = e(
+}, n = e(
   "ApAttachment",
-  (o) => [n(o)],
+  (o) => [a(o)],
   {
     apAttachmentListMaxWidth: 312
   }
 );
 export {
-  i as default
+  n as default
 };

package/es/src/business/ap-file-preview/ap-file-preview.vue.d.ts

@@ -0,0 +1,4 @@
+import { ApFilePreviewProps } from './interface';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare const _default: DefineComponent<ApFilePreviewProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ApFilePreviewProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/es/src/business/ap-file-preview/ap-file-preview.vue.mjs

@@ -0,0 +1,4 @@
+import f from "./ap-file-preview.vue2.mjs";
+export {
+  f as default
+};

package/es/src/business/ap-file-preview/ap-file-preview.vue2.mjs

@@ -0,0 +1,103 @@
+import { defineComponent as E, ref as w, computed as l, watch as L, createElementBlock as m, openBlock as t, normalizeClass as C, unref as c, createBlock as i, Fragment as p, createCommentVNode as x, resolveDynamicComponent as B, h as R } from "vue";
+import { Spin as W } from "@aplus-frontend/antdv";
+import { createOssInstance as I } from "@aplus-frontend/oss";
+import "../../config-provider/index.mjs";
+import "./components/error-result/index.vue.mjs";
+import $ from "./style/index.mjs";
+import { defaultParserPlugins as j } from "./utils/default-parser-plugin.mjs";
+import { useGlobalConfig as _ } from "../../config-provider/hooks/use-global-config.mjs";
+import { useNamespace as D } from "../../config-provider/hooks/use-namespace.mjs";
+import { useLocale as G } from "../../config-provider/hooks/use-locale.mjs";
+import b from "./components/error-result/index.vue2.mjs";
+const ee = /* @__PURE__ */ E({
+  __name: "ap-file-preview",
+  props: {
+    src: {},
+    fileName: {},
+    format: {},
+    parserPlugin: {},
+    getOssAccess: { type: Function }
+  },
+  setup(k) {
+    const e = k, P = _("apUpload"), N = _("apFilePreview"), { b: f } = D("ap-file-preview"), O = $("ap-file-preview"), { lang: U } = G(), S = {
+      "zh-cn": "zh_CN",
+      en: "en_US"
+    }, r = w(), o = w(!1), v = l(
+      () => e.getOssAccess || P.value?.getOssAccess
+    ), s = l(() => e?.format ?? e?.src?.split(".").pop()), A = l(() => [
+      ...j,
+      ...N.value?.parserPlugin ?? [],
+      ...e?.parserPlugin ?? []
+    ]), g = l(() => s.value ? A.value?.findLast(
+      (a) => s.value && a.format.includes(s.value)
+    ) : void 0), F = async () => {
+      try {
+        if (o.value = !0, r.value = void 0, !e?.src)
+          return;
+        if (e.src?.startsWith("http") || e.src?.startsWith("data:") || e.src?.startsWith("blob:")) {
+          r.value = e.src;
+          return;
+        }
+        const a = e.src?.match(/^([^:]+):(.*)$/), u = a?.[1], h = a?.[2] ?? e.src, d = I();
+        await d.initOssClient({
+          getOssAccess: () => u ? v.value?.(u) : v.value?.(),
+          locale: S[U.value] ?? "zh_CN",
+          onFailure: (n) => {
+            throw new Error(
+              typeof n?.message == "string" ? n.message : "oss create error"
+            );
+          }
+        });
+        const y = await d.getSignatureUrl(
+          h,
+          3600,
+          e?.fileName ?? h
+        );
+        if (y) {
+          const n = await fetch(y).then((z) => z.blob());
+          r.value = URL.createObjectURL(n);
+        } else
+          throw new Error("oss getSignatureUrl error");
+      } finally {
+        o.value = !1;
+      }
+    };
+    return L(
+      () => [e.src],
+      () => {
+        F();
+      },
+      {
+        immediate: !0
+      }
+    ), (a, u) => (t(), m("div", {
+      class: C([c(f)(), c(O)])
+    }, [
+      o.value ? (t(), i(c(W), {
+        key: 0,
+        class: C([c(f)("spin")])
+      }, null, 8, ["class"])) : !o.value && r.value ? (t(), m(p, { key: 1 }, [
+        g.value && s.value ? (t(), m(p, { key: 0 }, [
+          r.value ? (t(), i(B(
+            R(p, [
+              g.value?.parser?.({
+                src: r.value,
+                format: s.value,
+                fileName: e.fileName
+              })
+            ])
+          ), { key: 0 })) : x("", !0)
+        ], 64)) : (t(), i(b, {
+          key: 1,
+          type: "notPreview"
+        }))
+      ], 64)) : (t(), i(b, {
+        key: 2,
+        type: "notExist"
+      }))
+    ], 2));
+  }
+});
+export {
+  ee as default
+};

package/es/src/business/ap-file-preview/components/error-result/index.vue.d.ts

@@ -0,0 +1,6 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = {
+    type?: 'notExist' | 'notPreview';
+};
+declare const _default: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/es/src/business/ap-file-preview/components/error-result/index.vue.mjs

@@ -0,0 +1,4 @@
+import f from "./index.vue2.mjs";
+export {
+  f as default
+};

package/es/src/business/ap-file-preview/components/error-result/index.vue2.mjs

@@ -0,0 +1,40 @@
+import { defineComponent as u, createVNode as r, computed as c, createElementBlock as v, openBlock as a, normalizeClass as t, unref as o, createElementVNode as s, createBlock as f, resolveDynamicComponent as d, h as x, Fragment as w, toDisplayString as y } from "vue";
+import "../../../../config-provider/index.mjs";
+import E from "../../icons/not-exist-icon.vue.mjs";
+import C from "../../icons/not-preview-icon.vue.mjs";
+import { useNamespace as N } from "../../../../config-provider/hooks/use-namespace.mjs";
+import { useLocale as P } from "../../../../config-provider/hooks/use-locale.mjs";
+const V = /* @__PURE__ */ u({
+  __name: "index",
+  props: {
+    type: {
+      default: "notExist"
+    }
+  },
+  setup(n) {
+    const {
+      b: e
+    } = N("ap-file-preview"), {
+      t: i
+    } = P(), l = {
+      notExist: {
+        icon: r(E, null, null),
+        title: i("ap.apFilePreview.notExist")
+      },
+      notPreview: {
+        icon: r(C, null, null),
+        title: i("ap.apFilePreview.notPreview")
+      }
+    }, p = c(() => l[n.type]?.title), m = c(() => l[n.type]?.icon);
+    return (_, k) => (a(), v("div", {
+      class: t([o(e)("result")])
+    }, [s("div", {
+      class: t([o(e)("result-icon")])
+    }, [(a(), f(d(x(w, [m.value]))))], 2), s("div", {
+      class: t([o(e)("result-title")])
+    }, y(p.value), 3)], 2));
+  }
+});
+export {
+  V as default
+};

package/es/src/business/ap-file-preview/icons/not-exist-icon.vue.d.ts

@@ -0,0 +1,3 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare const _default: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, SVGSVGElement>;
+export default _default;

package/es/src/business/ap-file-preview/icons/not-exist-icon.vue.mjs

@@ -0,0 +1,20 @@
+import { createElementBlock as e, openBlock as o, createStaticVNode as l } from "vue";
+import r from "../../../../_virtual/_plugin-vue_export-helper.mjs";
+const C = {}, i = {
+  xmlns: "http://www.w3.org/2000/svg",
+  "xmlns:xlink": "http://www.w3.org/1999/xlink",
+  fill: "none",
+  version: "1.1",
+  width: "36",
+  height: "36",
+  viewBox: "0 0 36 36"
+};
+function s(L, t) {
+  return o(), e("svg", i, [...t[0] || (t[0] = [
+    l('<defs><clipPath id="master_svg0_1279_004842"><rect x="0" y="0" width="36" height="36" rx="0"></rect></clipPath></defs><g clip-path="url(#master_svg0_1279_004842)"><g><path d="M34.40176053125,31.784765L31.22363453125,28.606639899999998C32.74590153125,26.3460922,32.50683753125,23.2523422,30.506446831250003,21.2519531C29.37089923125,20.11640549,27.88027383125,19.546875,26.389648431250002,19.546875C24.89902303125,19.546875,23.41191483125,20.11640549,22.27285193125,21.2519531C19.99824333125,23.5230465,19.99824333125,27.2074223,22.27285193125,29.4785156C23.40839963125,30.614063,24.89902303125,31.183594,26.389648431250002,31.183594C27.52167893125,31.183594,28.65371133125,30.853125,29.63105393125,30.199219L32.80917953125,33.377342C33.03066253125,33.59531,33.315429531250004,33.707809,33.60371053125,33.707809C33.89199053125,33.707809,34.18027153125,33.598824,34.39824253125,33.377342C34.84121353125,32.934371999999996,34.84121353125,32.224216,34.40176053125,31.784765ZM26.389648431250002,28.9335938C25.43691443125,28.9335938,24.54043003125,28.5609379,23.86542893125,27.8894539C22.47324183125,26.4972668,22.47324183125,24.2332039,23.86542893125,22.844532C24.54042813125,22.1695328,25.43691253125,21.8003922,26.389648431250002,21.8003922C27.34238243125,21.8003922,28.23886683125,22.173048,28.91386793125,22.844532C30.30605503125,24.236719100000002,30.30605503125,26.500782,28.91386793125,27.8894539C28.23886873125,28.5609379,27.34238433125,28.9335938,26.389648431250002,28.9335938Z" fill="currentColor" fill-opacity="1" style="mix-blend-mode:passthrough;"></path></g><g><path d="M29.024608125,18L29.024608125,4.5C29.024608125,3.2589843,28.099998125,2.25,26.960937125,2.25L6.331249925,2.25C5.192187545,2.25,4.267578125,3.2589843,4.267578125,4.5L4.267578125,33.75L8.391406025,31.5L12.518749225,33.75L16.656640125,31.5L20.773437125,33.75L20.773437125,31.187109L17.735937125,29.527735L16.660156125,28.937109L15.580859125,29.524218L12.522265425,31.187109L9.470703125,29.524218L8.391406025,28.937109L7.312108725,29.524218L6.517577425,29.95664L6.517577425,5.625C6.517577425,5.0027342,7.020311625,4.5,7.642577425,4.5L25.649608125,4.5C26.271873125,4.5,26.774608125,5.0027342,26.774608125,5.625L26.774608125,18.028126L29.024608125,18Z" fill="currentColor" fill-opacity="1" style="mix-blend-mode:passthrough;"></path></g><g><path d="M22.27451109375,11.25L11.02099609375,11.25C10.398730273750001,11.25,9.89599609375,10.747265800000001,9.89599609375,10.125C9.89599609375,9.502734180000001,10.398730273750001,9,11.02099609375,9L22.27451109375,9C22.89677609375,9,23.39951109375,9.502734180000001,23.39951109375,10.125C23.39951109375,10.747265800000001,22.89677609375,11.25,22.27451109375,11.25ZM22.27451109375,16.875L11.02099609375,16.875C10.398730273750001,16.875,9.89599609375,16.3722649,9.89599609375,15.75C9.89599609375,15.127735099999999,10.398730273750001,14.625,11.02099609375,14.625L22.27451109375,14.625C22.89677609375,14.625,23.39951109375,15.127734199999999,23.39951109375,15.75C23.39951109375,16.3722649,22.89677609375,16.875,22.27451109375,16.875ZM20.02451109375,22.5L11.02099609375,22.5C10.398730273750001,22.5,9.89599609375,21.997265,9.89599609375,21.375C9.89599609375,20.752735,10.398730273750001,20.25,11.02099609375,20.25L20.02451109375,20.25C20.64677609375,20.25,21.14951109375,20.752735,21.14951109375,21.375C21.14951109375,21.997265,20.64326109375,22.5,20.02451109375,22.5Z" fill="currentColor" fill-opacity="1" style="mix-blend-mode:passthrough;"></path></g></g>', 2)
+  ])]);
+}
+const h = /* @__PURE__ */ r(C, [["render", s]]);
+export {
+  h as default
+};

package/es/src/business/ap-file-preview/icons/not-preview-icon.vue.d.ts

@@ -0,0 +1,3 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare const _default: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, SVGSVGElement>;
+export default _default;

package/es/src/business/ap-file-preview/icons/not-preview-icon.vue.mjs

@@ -0,0 +1,20 @@
+import { createElementBlock as C, openBlock as r, createStaticVNode as e } from "vue";
+import o from "../../../../_virtual/_plugin-vue_export-helper.mjs";
+const i = {}, l = {
+  xmlns: "http://www.w3.org/2000/svg",
+  "xmlns:xlink": "http://www.w3.org/1999/xlink",
+  fill: "none",
+  version: "1.1",
+  width: "38",
+  height: "38",
+  viewBox: "0 0 38 38"
+};
+function c(n, t) {
+  return r(), C("svg", l, [...t[0] || (t[0] = [
+    e('<defs><clipPath id="master_svg0_1279_004593"><rect x="0" y="0" width="38" height="38" rx="0"></rect></clipPath></defs><g clip-path="url(#master_svg0_1279_004593)"><g><path d="M18.9999355625,30.01997946875C9.3732690625,30.01997946875,1.7732691725,20.01331146875,1.4566015724999999,19.56997946875C1.2032681925,19.25331346875,1.2032681925,18.74664546875,1.4566015724999999,18.42998046875C1.5199349225,18.303313468749998,3.4199347625,15.76997946875,6.5232677625,13.23664566875C6.9032678625,12.91997956875,7.5366010625,12.98331166875,7.8532681625,13.36331176875C8.169935262500001,13.74331186875,8.1066012625,14.37664556875,7.7266011625,14.693311668749999C5.6366009625,16.40331176875,4.1166009625,18.11331146875,3.4199342625,18.99997846875C5.129935762500001,21.08998046875,11.5899355625,28.11997946875,18.9999355625,28.11997946875C20.0132695625,28.11997946875,21.0899375625,27.99331246875,22.1032715625,27.73998046875C22.6099375625,27.61331346875,23.1166055625,27.92997946875,23.2432705625,28.43664746875C23.3699375625,28.94331546875,23.0532705625,29.44997946875,22.5466045625,29.57664846875C21.4066025625,29.89331446875,20.1399365625,30.01997946875,18.9999355625,30.01997946875ZM30.8432675625,25.01664746875C30.5899395625,25.01664746875,30.2732655625,24.88997846875,30.0832675625,24.69997946875C29.7666035625,24.31998046875,29.8299385625,23.68664446875,30.2099375625,23.36998046875C32.2999385625,21.65998046875,33.8199385625,19.94997846875,34.5166015625,19.06331346875C32.8699375625,16.90997986875,26.4099365625,9.87998046875,18.9999365625,9.87998046875C17.9866025625,9.87998046875,16.973270562499998,10.00664736875,15.8966035625,10.25998046875C15.3899375625,10.38664726875,14.8832705625,10.06998036875,14.7566035625,9.56331346875C14.6299375625,9.05664666875,14.9466025625,8.54998045875,15.4532685625,8.42331355875C16.656603562500003,8.10664665875,17.8599375625,7.97998046875,18.9999355625,7.97998046875C28.6266045625,7.97998046875,36.2266045625,17.98664646875,36.5432735625,18.42998046875C36.7966005625,18.74664546875,36.7966005625,19.25331346875,36.5432735625,19.56997946875C36.4799385625,19.69664546875,34.5799365625,22.229979468750003,31.4766045625,24.76331346875C31.2866015625,24.88997846875,31.0966035625,25.01664546875,30.8432675625,25.01664746875Z" fill="currentColor" fill-opacity="1"></path></g><g><path d="M19.000116787499998,24.129969546875C16.1501171875,24.129969546875,13.8701171875,21.849969346875,13.8701171875,18.999969446875C13.8701171875,17.733303346875,14.3767833675,16.466635846875,15.2001170875,15.516635656875C15.5801171875,15.136635660875,16.1501171875,15.073301846875,16.5301169875,15.453301846875C16.9101171875,15.833301896875,16.9734511875,16.403301946875,16.5934509875,16.783301946875C16.0234508875,17.353302046875,15.7701171875,18.176635946875,15.7701171875,18.999968246875C15.7701171875,20.773302046875,17.226783287499998,22.229968546875,19.000116787499998,22.229968546875C19.8234510875,22.229968546875,20.6467833875,21.913302446875,21.2801169875,21.279968246875C21.6601171875,20.899968146875,22.2301168875,20.899968146875,22.6101169875,21.279968246875C22.9901170875,21.659968346875,22.9901170875,22.229968546875,22.6101169875,22.609968646875C21.6601171875,23.623302446875,20.3301171875,24.129968646875,19.000116787499998,24.129969546875Z" fill="currentColor" fill-opacity="1"></path></g><g><path d="M34.07315421875,35.023399359375C33.819822218750005,35.023399359375,33.56648621875,34.960067359375,33.37648821875,34.770067359375L3.22982418875,4.560068359375C2.84982422775,4.180068359375,2.84982422775,3.610068319375,3.22982418875,3.230068359375C3.6098241187499998,2.850068360375,4.17982411875,2.850068360375,4.55982411875,3.230068359375L34.769821218749996,33.440067359375C35.14981821875,33.820068359375,35.14981821875,34.390066359375,34.769821218749996,34.770067359375C34.579822218749996,34.960067359375,34.326490218749996,35.023399359375,34.07315421875,35.023399359375Z" fill="currentColor" fill-opacity="1"></path></g></g>', 2)
+  ])]);
+}
+const s = /* @__PURE__ */ o(i, [["render", c]]);
+export {
+  s as default
+};

package/es/src/business/ap-file-preview/index.d.ts

@@ -0,0 +1,7 @@
+import { default as _ApFilePreview } from './ap-file-preview.vue';
+import { CreateFilePreviewModal } from './interface';
+export type ApFilePreviewType = typeof _ApFilePreview & {
+    createFilePreviewModal: CreateFilePreviewModal;
+};
+declare const ApFilePreview: ApFilePreviewType;
+export { ApFilePreview };

package/es/src/business/ap-file-preview/index.mjs

@@ -0,0 +1,8 @@
+import "./ap-file-preview.vue.mjs";
+import { createFilePreviewModal as e } from "./utils/create-file-preview-modal.mjs";
+import r from "./ap-file-preview.vue2.mjs";
+const i = r;
+i.createFilePreviewModal = e;
+export {
+  i as ApFilePreview
+};

package/es/src/business/ap-file-preview/interface.d.ts

@@ -0,0 +1,43 @@
+import { accessCreate } from '@aplus-frontend/oss';
+import { VNodeChild } from 'vue';
+import { CreateModalFuncProps } from '../../ap-modal';
+export type ApFilePreviewParser = {
+    /**
+     * 文件格式
+     */
+    format: string[];
+    /**
+     * 文件解析
+     * @param option.src 文件地址
+     * @param option.format 文件格式
+     * @param option.fileName 文件名
+     * @returns
+     */
+    parser: (option: {
+        src: string;
+        format: string;
+        fileName?: string;
+    }) => VNodeChild;
+};
+export interface ApFilePreviewProps {
+    /**
+     * 文件地址,支持网络地址和Oss路径
+     */
+    src?: string;
+    /**
+     * 文件名
+     */
+    fileName?: string;
+    /**
+     * 文件格式,默认为文件后缀
+     */
+    format?: string;
+    /**
+     * 文件解析器,默认支持PDF和图片
+     */
+    parserPlugin?: ApFilePreviewParser[];
+    getOssAccess?: (bucket?: string) => Promise<accessCreate>;
+}
+export type CreateFilePreviewModal = (option: ApFilePreviewProps & {
+    modalProps?: CreateModalFuncProps;
+}) => void;

package/es/src/business/ap-file-preview/style/index.d.ts

@@ -0,0 +1,5 @@
+import { GenStyleFunc } from '../../../design-token/interface';
+import { ComputedRef } from 'vue';
+export declare const genApFilePreviewStyle: GenStyleFunc;
+declare const _default: (prefixCls: string) => ComputedRef<string>;
+export default _default;

package/es/src/business/ap-file-preview/style/index.mjs

@@ -0,0 +1,46 @@
+import { genComponentStyleHook as i } from "../../../utils/cssinjs/index.mjs";
+const n = (e) => {
+  const { componentCls: t } = e;
+  return {
+    [`${t}`]: {
+      width: "100%",
+      height: "100%",
+      overflow: "hidden",
+      [`${t}-spin`]: {
+        display: "flex",
+        "align-items": "center",
+        "justify-content": "center",
+        width: "100%",
+        height: "100%"
+      },
+      [`${t}-result`]: {
+        display: "flex",
+        "align-items": "center",
+        "justify-content": "center",
+        "flex-direction": "column",
+        width: "100%",
+        height: "100%",
+        color: e.textColor3,
+        "&-icon": {
+          width: "64px",
+          height: "64px",
+          background: e.calc(e.antdv.colorTextPlaceholder).colorMix(10),
+          borderRadius: "100%",
+          display: "flex",
+          "align-items": "center",
+          "justify-content": "center"
+        },
+        "&-title": {
+          marginTop: e.spaceXL,
+          fontSize: e.fontSizeLG
+        }
+      }
+    }
+  };
+}, l = i("ApFilePreview", (e) => [
+  n(e)
+]);
+export {
+  l as default,
+  n as genApFilePreviewStyle
+};

package/es/src/business/ap-file-preview/utils/create-file-preview-modal.d.ts

@@ -0,0 +1,2 @@
+import { CreateFilePreviewModal } from '../interface';
+export declare const createFilePreviewModal: CreateFilePreviewModal;