@aplus-frontend/ui 7.10.6 → 7.11.1

package/es/src/business/ap-upload/components/MultipleFile.vue2.mjs

@@ -1,45 +1,47 @@
-import { defineComponent as Y, inject as a, ref as Z, watch as ee, nextTick as oe, createElementBlock as b, openBlock as x, normalizeClass as te, unref as n, createVNode as y, withCtx as U, createElementVNode as S, createTextVNode as ae, toDisplayString as L, withModifiers as se, createCommentVNode as ne, createBlock as re, resolveDynamicComponent as le } from "vue";
-import { UploadOutlined as ie, VerticalAlignBottomOutlined as ce } from "@ant-design/icons-vue";
+import { defineComponent as Z, inject as a, ref as ee, watch as oe, nextTick as te, createElementBlock as C, openBlock as x, normalizeClass as ae, unref as n, createVNode as y, withCtx as N, createElementVNode as P, createTextVNode as se, toDisplayString as L, withModifiers as ne, createCommentVNode as re, createBlock as ie, resolveDynamicComponent as le } from "vue";
+import { UploadOutlined as ce } from "@ant-design/icons-vue";
 import { message as p, Upload as ue, Button as pe } from "@aplus-frontend/antdv";
+import { IconApAdLineDownload as me } from "@aplus-frontend/icon";
+import { ApFilePreview as de } from "../../ap-file-preview/index.mjs";
 import "../../../config-provider/index.mjs";
-import { useOss as de, getOssInstance as z } from "../hooks/useOss.mjs";
-import me from "../style/index.mjs";
-import { fileMatchesAccept as fe, getAcceptText as ge } from "../utils/accept.mjs";
-import { getPath as he, getName as ve, getReturnData as B } from "../utils/returnData.mjs";
-import { useGlobalConfig as we } from "../../../config-provider/hooks/use-global-config.mjs";
-import { useLocale as xe } from "../../../config-provider/hooks/use-locale.mjs";
-import { useNamespace as ye } from "../../../config-provider/hooks/use-namespace.mjs";
-const ke = { class: "multiple-file-context" }, Ce = { key: 0 }, be = { key: 1 }, ze = /* @__PURE__ */ Y({
+import { useOss as fe, getOssInstance as S } from "../hooks/useOss.mjs";
+import ge from "../style/index.mjs";
+import { fileMatchesAccept as ve, getAcceptText as we } from "../utils/accept.mjs";
+import { getPath as he, getName as xe, getReturnData as D } from "../utils/returnData.mjs";
+import { useGlobalConfig as ye } from "../../../config-provider/hooks/use-global-config.mjs";
+import { useLocale as ke } from "../../../config-provider/hooks/use-locale.mjs";
+import { useNamespace as be } from "../../../config-provider/hooks/use-namespace.mjs";
+const Ce = { class: "multiple-file-context" }, Ne = { key: 0 }, Ue = { key: 1 }, Oe = /* @__PURE__ */ Z({
   __name: "MultipleFile",
-  setup(Ue, { expose: D }) {
-    const N = we(
+  setup(Ee, { expose: z }) {
+    const U = ye(
       "downloadCenterTriggerConfig"
-    ), { t: l } = xe(), { b: O } = ye("ap-upload-multiple-file"), P = me("ap-upload"), { put: V } = de(), q = a("dirName"), j = a("baseDirName"), k = a("accept") || "*", E = a("maxSize") ?? 500, $ = a("title") || l("ap.apUpload.uploadFile"), f = a("subTitle"), i = a("maxCount") ?? 10, d = a("uploadingCount"), _ = a("beforeUpload"), F = a("customRequest"), g = a("getOssAccess"), G = a("maxSizeErrorMsg"), W = a("maxCountErrorMsg"), H = a("acceptErrorMsg"), T = a("onRemove"), C = a("showUploadErrorMsg"), A = a("bucket"), r = a("value"), c = [], h = a("needName"), m = Z(null);
-    ee(
+    ), { t: i } = ke(), { b: B } = be("ap-upload-multiple-file"), O = ge("ap-upload"), { put: V } = fe(), q = a("dirName"), j = a("baseDirName"), k = a("accept") || "*", E = a("maxSize") ?? 500, $ = a("title") || i("ap.apUpload.uploadFile"), f = a("subTitle"), l = a("maxCount") ?? 10, m = a("uploadingCount"), F = a("beforeUpload"), A = a("customRequest"), g = a("getOssAccess"), G = a("maxSizeErrorMsg"), W = a("maxCountErrorMsg"), H = a("acceptErrorMsg"), _ = a("onRemove"), b = a("showUploadErrorMsg"), T = a("bucket"), r = a("value"), c = [], v = a("needName"), d = ee(null);
+    oe(
       () => r?.value,
       function(e) {
-        !m?.value?.fileList?.length && e && R(e);
+        !d?.value?.fileList?.length && e && I(e);
       },
       { immediate: !0 }
     );
-    function R(e) {
+    function I(e) {
       if (!e) {
-        u = [], m.value.fileList = [], r.value = void 0, c.splice(0, c.length);
+        u = [], d.value.fileList = [], r.value = void 0, c.splice(0, c.length);
         return;
       }
-      oe(() => {
+      te(() => {
         const o = e.map((t) => {
-          const s = he(h, t), M = ve(h, t), w = new File(
+          const s = he(v, t), M = xe(v, t), h = new File(
             [t],
             M,
             {}
           );
-          return w.response = s, w.uid = s, w.status = "done", w;
+          return h.response = s, h.uid = s, h.status = "done", h;
         });
-        if (i && o.length > i) {
+        if (l && o.length > l) {
           p.warning(
-            l("ap.apUpload.fileInitializationException", {
-              maxCount: i
+            i("ap.apUpload.fileInitializationException", {
+              maxCount: l
             })
           );
           return;
@@ -49,45 +51,45 @@ const ke = { class: "multiple-file-context" }, Ce = { key: 0 }, be = { key: 1 },
             uid: t.uid,
             path: t.response
           });
-        }), m.value.fileList = o, r.value = e;
+        }), d.value.fileList = o, r.value = e;
       });
     }
-    D({ setValue: R });
-    let u = [], I;
-    function v(e) {
+    z({ setValue: I });
+    let u = [], R;
+    function w(e) {
       setTimeout(() => {
-        const o = m.value.fileList.findIndex(
+        const o = d.value.fileList.findIndex(
           (t) => t.uid === e.uid
         );
-        o >= 0 && m.value.fileList.splice(o, 1);
+        o >= 0 && d.value.fileList.splice(o, 1);
       });
     }
     async function J(e) {
-      if (i && i > 1 && u.length >= i)
-        return clearTimeout(I), I = setTimeout(() => {
+      if (l && l > 1 && u.length >= l)
+        return clearTimeout(R), R = setTimeout(() => {
           p.warning(
-            W || l("ap.apUpload.maxUploadFiles", {
-              maxCount: i
+            W || i("ap.apUpload.maxUploadFiles", {
+              maxCount: l
             })
           );
-        }), v(e), !1;
+        }), w(e), !1;
       if (e.size > E * 1024 * 1024)
         return p.warning(
-          G || l("ap.apUpload.maxUploadFileSize", {
+          G || i("ap.apUpload.maxUploadFileSize", {
             maxSize: E
           })
-        ), v(e), !1;
-      if (!fe(e, k))
+        ), w(e), !1;
+      if (!ve(e, k))
         return p.warning(
-          H || l("ap.apUpload.fileFormatNotSupported")
-        ), v(e), !1;
-      if (typeof _ == "function" && await _(e) === !1)
-        return v(e), !1;
-      i && i === 1 && (u = [], r.value = void 0), u.push(e);
+          H || i("ap.apUpload.fileFormatNotSupported")
+        ), w(e), !1;
+      if (typeof F == "function" && await F(e) === !1)
+        return w(e), !1;
+      l && l === 1 && (u = [], r.value = void 0), u.push(e);
     }
     async function K(e) {
-      if (d.value++, typeof F == "function") {
-        F({
+      if (m.value++, typeof A == "function") {
+        A({
           onProgress: (o) => {
             setTimeout(() => {
               e.onProgress({
@@ -96,30 +98,30 @@ const ke = { class: "multiple-file-context" }, Ce = { key: 0 }, be = { key: 1 },
             });
           },
           onError: (o) => {
-            C && p.warning(o || l("ap.apUpload.networkAnomaly")), setTimeout(() => {
+            b && p.warning(o || i("ap.apUpload.networkAnomaly")), setTimeout(() => {
               e.onError({
                 name: o,
                 message: o
               });
-            }), d.value--;
+            }), m.value--;
           },
           onSuccess: (o) => {
             setTimeout(() => {
               e.onSuccess(o);
             }), r.value = [
               ...r.value || [],
-              B(h, o, e.file.name)
+              D(v, o, e.file.name)
             ], c.push({
               uid: e.file.uid,
               path: o
-            }), d.value--;
+            }), m.value--;
           },
           file: e.file
         });
         return;
       }
       try {
-        const o = await (A ? g(A) : g()), t = await z(async () => o);
+        const o = await (T ? g(T) : g()), t = await S(async () => o);
         e.file.oss = t, V({
           file: e.file,
           dirName: q,
@@ -127,17 +129,17 @@ const ke = { class: "multiple-file-context" }, Ce = { key: 0 }, be = { key: 1 },
           successCallBack(s) {
             e.onSuccess(s), r.value = [
               ...r.value || [],
-              B(h, s, e.file.name)
+              D(v, s, e.file.name)
             ], c.push({
               uid: e.file.uid,
               path: s
-            }), d.value--;
+            }), m.value--;
           },
           errorCallBack(s) {
-            C && p.warning(s || l("ap.apUpload.networkAnomaly")), e.onError({
+            b && p.warning(s || i("ap.apUpload.networkAnomaly")), e.onError({
               name: s,
               message: s
-            }), d.value--;
+            }), m.value--;
           },
           progressCallBack(s) {
             e.onProgress({
@@ -148,16 +150,16 @@ const ke = { class: "multiple-file-context" }, Ce = { key: 0 }, be = { key: 1 },
           bucket: o?.bucket
         });
       } catch (o) {
-        C && p.warning(
-          typeof o?.message == "string" ? o.message : l("ap.apUpload.networkAnomaly")
+        b && p.warning(
+          typeof o?.message == "string" ? o.message : i("ap.apUpload.networkAnomaly")
         ), e.onError({
-          name: o?.message || l("ap.apUpload.networkAnomaly"),
-          message: o?.message || l("ap.apUpload.networkAnomaly")
-        }), d.value--;
+          name: o?.message || i("ap.apUpload.networkAnomaly"),
+          message: o?.message || i("ap.apUpload.networkAnomaly")
+        }), m.value--;
       }
     }
     function Q(e) {
-      if (T && T?.(e), e.response) {
+      if (_ && _?.(e), e.response) {
         if (Array.isArray(r.value)) {
           const t = c.findIndex((s) => s.uid === e.uid);
           t >= 0 && (r?.value.splice(t, 1), c.splice(t, 1)), r.value.length === 0 && (r.value = void 0);
@@ -170,15 +172,15 @@ const ke = { class: "multiple-file-context" }, Ce = { key: 0 }, be = { key: 1 },
       return u.splice(o, 1), Promise.resolve(!0);
     }
     const X = async (e) => {
-      if (N.value?.trigger) {
+      if (U.value?.trigger) {
         let o = [e].map((t) => ({
           objectName: t.response,
           fileName: t.name
         }));
-        N.value?.trigger?.(o);
+        U.value?.trigger?.(o);
       } else {
         const o = e.response?.match(/^([^:]+):(.*)$/), t = o?.[1], s = o?.[2] ?? e.response;
-        (await z(
+        (await S(
           () => t ? g?.(t) : g?.()
         )).downloadFile([
           {
@@ -187,19 +189,24 @@ const ke = { class: "multiple-file-context" }, Ce = { key: 0 }, be = { key: 1 },
           }
         ]);
       }
+    }, Y = (e) => {
+      de.createFilePreviewModal({
+        src: e.response,
+        fileName: e.name
+      });
     };
-    return (e, o) => (x(), b("div", {
-      class: te({
-        [n(O)()]: !0,
-        [n(P) ?? ""]: !0
+    return (e, o) => (x(), C("div", {
+      class: ae({
+        [n(B)()]: !0,
+        [n(O) ?? ""]: !0
       })
     }, [
       y(n(ue), {
         ref_key: "uploadRef",
-        ref: m,
+        ref: d,
         accept: n(k),
         multiple: "",
-        "max-count": n(i),
+        "max-count": n(l),
         progress: {
           strokeWidth: 3,
           showInfo: !1,
@@ -207,30 +214,35 @@ const ke = { class: "multiple-file-context" }, Ce = { key: 0 }, be = { key: 1 },
         },
         "before-upload": J,
         "custom-request": K,
-        "show-upload-list": { showDownloadIcon: !0, showRemoveIcon: !0 },
+        "show-upload-list": {
+          showDownloadIcon: !0,
+          showRemoveIcon: !0,
+          showPreviewIcon: !0
+        },
+        onPreview: Y,
         onRemove: Q,
         onDownload: X
       }, {
-        downloadIcon: U(() => [
-          y(n(ce))
+        downloadIcon: N(() => [
+          y(n(me), { class: "anticon anticon-vertical-align-bottom" })
         ]),
-        default: U(() => [
-          S("div", ke, [
+        default: N(() => [
+          P("div", Ce, [
             y(n(pe), { class: "file-btn" }, {
-              default: U(() => [
-                y(n(ie)),
-                ae(" " + L(n($)), 1)
+              default: N(() => [
+                y(n(ce)),
+                se(" " + L(n($)), 1)
               ]),
               _: 1
             }),
-            S("div", {
+            P("div", {
               class: "sub-title",
-              onClick: o[0] || (o[0] = se(() => {
+              onClick: o[0] || (o[0] = ne(() => {
               }, ["stop"]))
             }, [
-              typeof n(f) == "string" ? (x(), b("div", Ce, L(n(f) || `${n(l)("ap.apUpload.supportExtension")}：${n(ge)(n(k))}`), 1)) : n(f) ? (x(), b("div", be, [
-                (x(), re(le(n(f))))
-              ])) : ne("", !0)
+              typeof n(f) == "string" ? (x(), C("div", Ne, L(n(f) || `${n(i)("ap.apUpload.supportExtension")}：${n(we)(n(k))}`), 1)) : n(f) ? (x(), C("div", Ue, [
+                (x(), ie(le(n(f))))
+              ])) : re("", !0)
             ])
           ])
         ]),
@@ -240,5 +252,5 @@ const ke = { class: "multiple-file-context" }, Ce = { key: 0 }, be = { key: 1 },
   }
 });
 export {
-  ze as default
+  Oe as default
 };

package/es/src/business/ap-upload/style/multiple-file.mjs

@@ -1,4 +1,4 @@
-const t = (l) => {
+const i = (l) => {
   const { componentCls: o } = l;
   return {
     [`${o}-multiple-file`]: {
@@ -54,7 +54,10 @@ const t = (l) => {
         }
       },
       ".ant-upload-list-item-done": {
-        color: l.colorLink
+        color: l.colorLink,
+        ".ant-upload-list-item-name": {
+          cursor: "pointer"
+        }
       },
       ".ant-upload-list-item-undefined": {
         color: l.colorLink
@@ -63,5 +66,5 @@ const t = (l) => {
   };
 };
 export {
-  t as multipleFileStyle
+  i as multipleFileStyle
 };

package/es/src/business/index.d.ts

@@ -32,3 +32,4 @@ export * from './ap-tag';
 export * from './ap-upload';
 export * from './ap-download';
 export * from './ap-descriptions';
+export * from './ap-file-preview';

package/es/src/business/index.mjs

@@ -8,13 +8,13 @@ import "./ap-expand-alert/index.mjs";
 import { ApExportGroup as h } from "./ap-export-group/index.mjs";
 import { ApImage as B } from "./ap-image/index.mjs";
 import { ApInputRadio as T } from "./ap-input-radio/index.mjs";
-import { ApLabel as R, ApLabelGroup as V } from "./ap-label/index.mjs";
-import { ApLadder as w } from "./ap-ladder/index.mjs";
-import { ApSelectLayout as E } from "./ap-select-layout/index.mjs";
-import { ApStatus as K, ApStatusGroup as M } from "./ap-status/index.mjs";
-import { ApTitle as j } from "./ap-title/index.mjs";
+import { ApLabel as w, ApLabelGroup as D } from "./ap-label/index.mjs";
+import { ApLadder as R } from "./ap-ladder/index.mjs";
+import { ApSelectLayout as z } from "./ap-select-layout/index.mjs";
+import { ApStatus as F, ApStatusGroup as H } from "./ap-status/index.mjs";
+import { ApTitle as M } from "./ap-title/index.mjs";
 import "./hooks/index.mjs";
-import { ApSummary as q } from "./ap-summary/index.mjs";
+import { ApSummary as k } from "./ap-summary/index.mjs";
 import { ApAppendix as J } from "./ap-appendix/index.mjs";
 import "./ap-upload-file/index.mjs";
 import "./batch-input-group/index.mjs";
@@ -32,6 +32,7 @@ import "./ap-tag/index.mjs";
 import "./ap-upload/index.mjs";
 import "./ap-download/index.mjs";
 import "./ap-descriptions/index.mjs";
+import { ApFilePreview as ao } from "./ap-file-preview/index.mjs";
 export {
   J as ApAppendix,
   d as ApAttachment,
@@ -42,21 +43,22 @@ export {
   X as ApCopy,
   to as ApDraggableGrid,
   h as ApExportGroup,
+  ao as ApFilePreview,
   B as ApImage,
   T as ApInputRadio,
   ro as ApKeepAlive,
-  R as ApLabel,
-  V as ApLabelGroup,
-  w as ApLadder,
+  w as ApLabel,
+  D as ApLabelGroup,
+  R as ApLadder,
   U as ApProductInfo,
   $ as ApRadioGroup,
-  E as ApSelectLayout,
+  z as ApSelectLayout,
   O as ApSizeInput,
-  K as ApStatus,
-  M as ApStatusGroup,
-  q as ApSummary,
+  F as ApStatus,
+  H as ApStatusGroup,
+  k as ApSummary,
   u as ApTableModal,
-  j as ApTitle,
+  M as ApTitle,
   fo as ApTransformDataHelper,
   mo as ApValueSelectCard,
   Z as ApView

package/es/src/config-provider/config-provider-props.d.ts

@@ -1,4 +1,5 @@
 import { ExtractPropTypes, PropType } from 'vue';
+import { ApFilePreviewProps } from '../business/ap-file-preview/interface';
 import { AgGridProps } from '../ag-grid';
 import { ApGridProps } from '../ap-grid';
 import { ApImageProps, ApTitleProps, ViewCacheOption } from '../business';
@@ -19,6 +20,7 @@ type ApProCardConfig = {
 };
 type ApImageConfig = Pick<ApImageProps, 'uiMode'>;
 type ApTitleConfig = Pick<ApTitleProps, 'uiMode'>;
+type ApFilePreviewConfig = Pick<ApFilePreviewProps, 'parserPlugin'>;
 export declare const configProviderProps: () => {
     iconPrefixCls: StringConstructor;
     getTargetContainer: {
@@ -178,6 +180,10 @@ export declare const configProviderProps: () => {
         type: PropType<ApDescriptionsConfig>;
         default: () => {};
     };
+    apFilePreview: {
+        type: PropType<ApFilePreviewConfig>;
+        default: () => {};
+    };
     /**
      * @description aplus-ui的locale
      */

package/es/src/config-provider/config-provider-props.mjs

@@ -26,8 +26,12 @@ const t = () => ({
   apDescriptions: {
     type: Object,
     default: () => ({})
+  },
+  apFilePreview: {
+    type: Object,
+    default: () => ({})
   }
-}), o = () => ({
+}), a = () => ({
   /**
    * @description aplus-ui的locale
    */
@@ -76,5 +80,5 @@ const t = () => ({
   ...e()
 });
 export {
-  o as configProviderProps
+  a as configProviderProps
 };

package/es/src/config-provider/config-provider.d.ts

@@ -8,6 +8,7 @@ import { ButtonSize } from '@aplus-frontend/antdv/es/button';
 import { ThemeConfig, InputConfig, PaginationConfig, FormConfig, SelectConfig, CascaderConfig, DatePickerConfig, RangePickerConfig, TreeSelectConfig, TextAreaConfig, InputNumberConfig, MentionsConfig, TimePickerConfig, CardConfig } from '@aplus-frontend/antdv/es/config-provider/context';
 import { ApGridRowSelection, AgGridRowSelection, FullToken, ViewCacheOption } from '..';
 import { UiModeType, SearchFormGlobalConfig, ApUploadConfig, ApDescriptionsConfig, ApiType, ValueTypeRenderConfig, downloadCenterTriggerConfig, ExportField } from './constants';
+import { ApFilePreviewParser } from '../business/ap-file-preview/interface';
 import { LocaleType } from '../locale';
 import { RecursivePartial } from '../type';
 export declare const globalConfigCached: Ref<ConfigProviderProps>;
@@ -180,6 +181,12 @@ export declare const ConfigProvider: DefineComponent<ExtractPropTypes<{
         type: PropType<ApDescriptionsConfig>;
         default: () => {};
     };
+    apFilePreview: {
+        type: PropType<{
+            parserPlugin?: ApFilePreviewParser[] | undefined;
+        }>;
+        default: () => {};
+    };
     aplusLocale: {
         type: PropType<LocaleType>;
     };
@@ -384,6 +391,12 @@ export declare const ConfigProvider: DefineComponent<ExtractPropTypes<{
         type: PropType<ApDescriptionsConfig>;
         default: () => {};
     };
+    apFilePreview: {
+        type: PropType<{
+            parserPlugin?: ApFilePreviewParser[] | undefined;
+        }>;
+        default: () => {};
+    };
     aplusLocale: {
         type: PropType<LocaleType>;
     };
@@ -450,9 +463,12 @@ export declare const ConfigProvider: DefineComponent<ExtractPropTypes<{
     mentions: MentionsConfig;
     timePicker: TimePickerConfig;
     card: CardConfig;
-    apUpload: ApUploadConfig;
     searchForm: SearchFormGlobalConfig;
+    apUpload: ApUploadConfig;
     apDescriptions: ApDescriptionsConfig;
+    apFilePreview: {
+        parserPlugin?: ApFilePreviewParser[] | undefined;
+    };
     api: ApiType;
     valueTypeMap: Record<string, ValueTypeRenderConfig>;
     downloadCenterTriggerConfig: downloadCenterTriggerConfig;

package/es/src/config-provider/config-provider.mjs

@@ -1,25 +1,25 @@
-import { isVNode as m, ref as f, defineComponent as p, computed as s, watch as v, onActivated as C, createVNode as P, renderSlot as h } from "vue";
-import { ConfigProvider as T } from "@aplus-frontend/antdv";
-import { useDevWarning as b } from "../utils/warning.mjs";
+import { isVNode as c, ref as m, defineComponent as f, computed as s, watch as v, onActivated as C, createVNode as P, renderSlot as h } from "vue";
+import { ConfigProvider as w } from "@aplus-frontend/antdv";
+import { useDevWarning as T } from "../utils/warning.mjs";
 import { mergeAntdProviderConfigWithCache as t, mergeAntdProvideConfig as n } from "../utils/config-provider-preset.mjs";
-import { configProviderProps as w } from "./config-provider-props.mjs";
-import { DEFAULT_NAMESPACE as A } from "./constants.mjs";
-import { useGlobalConfig as D, provideGlobalConfig as F } from "./hooks/use-global-config.mjs";
+import { configProviderProps as b } from "./config-provider-props.mjs";
+import { DEFAULT_NAMESPACE as F } from "./constants.mjs";
+import { useGlobalConfig as A, provideGlobalConfig as D } from "./hooks/use-global-config.mjs";
 function G(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !m(e);
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !c(e);
 }
-const i = f({}), E = /* @__PURE__ */ p({
+const a = m({}), E = /* @__PURE__ */ f({
   name: "AplusConfigProvider",
-  props: w(),
+  props: b(),
   setup(e, {
     slots: l
   }) {
-    b("ConfigProvider")(!e.uiMode, "breaking", "uiMode has been remove, see migrate guild https://aplus.aplnk.com/aplus-ui/guild/migrate-7.2.html");
-    function o(a, c) {
-      return e[a] ?? d.value?.[a] ?? c;
+    T("ConfigProvider")(!e.uiMode, "breaking", "uiMode has been remove, see migrate guild https://aplus.aplnk.com/aplus-ui/guild/migrate-7.2.html");
+    function o(i, p) {
+      return e[i] ?? d.value?.[i] ?? p;
     }
-    const d = D(), u = s(() => ({
-      namespace: o("namespace", A),
+    const d = A(), u = s(() => ({
+      namespace: o("namespace", F),
       apGrid: o("apGrid"),
       agGrid: o("agGrid"),
       apProCard: o("apProCard"),
@@ -28,6 +28,7 @@ const i = f({}), E = /* @__PURE__ */ p({
       searchForm: o("searchForm"),
       apUpload: o("apUpload"),
       apDescriptions: o("apDescriptions"),
+      apFilePreview: o("apFilePreview"),
       aplusLocale: e.aplusLocale,
       aplusToken: e.aplusToken,
       api: e.api,
@@ -36,10 +37,10 @@ const i = f({}), E = /* @__PURE__ */ p({
       exportField: e.exportField,
       scrollYDomName: e.scrollYDomName,
       viewCacheOption: e.viewCacheOption
-    })), g = F(u);
+    })), g = D(u);
     let r = !0;
-    return v(() => e, (a) => {
-      i.value = t(n(a), i.value);
+    return v(() => e, (i) => {
+      a.value = t(n(i), a.value);
     }, {
       deep: !0,
       immediate: !0
@@ -48,18 +49,18 @@ const i = f({}), E = /* @__PURE__ */ p({
         r = !1;
         return;
       }
-      i.value = t(n(e), i.value);
+      a.value = t(n(e), a.value);
     }), () => {
-      let a;
-      return P(T, i.value, G(a = h(l, "default", {
+      let i;
+      return P(w, a.value, G(i = h(l, "default", {
         config: g?.value
-      })) ? a : {
-        default: () => [a]
+      })) ? i : {
+        default: () => [i]
       });
     };
   }
 });
 export {
   E as ConfigProvider,
-  i as globalConfigCached
+  a as globalConfigCached
 };

package/es/src/config-provider/hooks/use-global-config.d.ts

@@ -9,6 +9,7 @@ import { ButtonSize } from '@aplus-frontend/antdv/es/button';
 import { ThemeConfig, InputConfig, PaginationConfig, FormConfig, SelectConfig, CascaderConfig, DatePickerConfig, RangePickerConfig, TreeSelectConfig, TextAreaConfig, InputNumberConfig, MentionsConfig, TimePickerConfig, CardConfig } from '@aplus-frontend/antdv/es/config-provider/context';
 import { ApGridRowSelection, AgGridRowSelection, FullToken, ViewCacheOption } from '../..';
 import { UiModeType, SearchFormGlobalConfig, ApUploadConfig, ApDescriptionsConfig, ApiType, ValueTypeRenderConfig, downloadCenterTriggerConfig, ExportField } from '..';
+import { ApFilePreviewParser } from '../../business/ap-file-preview/interface';
 import { LocaleType } from '../../locale';
 import { RecursivePartial } from '../../type';
 export declare const keysOf: <T extends Record<string, any>>(arr: T) => Array<keyof T>;
@@ -183,6 +184,12 @@ export declare const provideGlobalConfig: (config: MaybeRef<ConfigProviderContex
         type: PropType<ApDescriptionsConfig>;
         default: () => {};
     };
+    apFilePreview: {
+        type: PropType<{
+            parserPlugin?: ApFilePreviewParser[] | undefined;
+        }>;
+        default: () => {};
+    };
     aplusLocale: {
         type: PropType<LocaleType>;
     };