@aplus-frontend/ui 0.5.37 → 0.6.0-beta.0

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

@@ -11,6 +11,7 @@ import { RequiredMark } from '@aplus-frontend/antdv/es/form/Form';
 import { ThemeConfig } from '@aplus-frontend/antdv/es/config-provider/context';
 import { LocaleType } from '../locale';
 import { ApiType, ApUploadConfig, ApDescriptionsConfig, ValueTypeRenderConfig, downloadCenterTriggerConfig, ExportField } from './constants';
+import { ViewCacheOption } from '..';
 import { RecursivePartial } from '../type';
 export declare const globalConfigCached: Ref<ConfigProviderProps>;
 export declare const ConfigProvider: DefineComponent<ExtractPropTypes<{
@@ -166,6 +167,10 @@ export declare const ConfigProvider: DefineComponent<ExtractPropTypes<{
     scrollYDomName: {
         type: StringConstructor;
     };
+    viewCacheOption: {
+        type: PropType<ViewCacheOption>;
+        default: () => {};
+    };
 }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
     iconPrefixCls: StringConstructor;
     getTargetContainer: {
@@ -319,6 +324,10 @@ export declare const ConfigProvider: DefineComponent<ExtractPropTypes<{
     scrollYDomName: {
         type: StringConstructor;
     };
+    viewCacheOption: {
+        type: PropType<ViewCacheOption>;
+        default: () => {};
+    };
 }>> & Readonly<{}>, {
     input: {
         autocomplete?: string;
@@ -338,6 +347,7 @@ export declare const ConfigProvider: DefineComponent<ExtractPropTypes<{
     pagination: {
         showSizeChanger?: boolean;
     };
+    apUpload: ApUploadConfig;
     csp: CSPConfig;
     autoInsertSpaceInButton: boolean;
     locale: Locale;
@@ -352,7 +362,6 @@ export declare const ConfigProvider: DefineComponent<ExtractPropTypes<{
         disabled?: boolean;
     };
     api: ApiType;
-    apUpload: ApUploadConfig;
     apDescriptions: ApDescriptionsConfig;
     valueTypeMap: Record<string, ValueTypeRenderConfig>;
     downloadCenterTriggerConfig: downloadCenterTriggerConfig;
@@ -469,7 +478,22 @@ export declare const ConfigProvider: DefineComponent<ExtractPropTypes<{
                 };
             };
         };
+        'ap-view': {
+            icon: {
+                color: string;
+            };
+            bg: {
+                color: string;
+            };
+            message: {
+                color: string;
+            };
+            border: {
+                color: string;
+            };
+        };
     }>;
     exportField: ExportField;
+    viewCacheOption: ViewCacheOption;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 export type ConfigProviderInstance = InstanceType<typeof ConfigProvider>;

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

@@ -1,47 +1,48 @@
-import { isVNode as v, ref as P, defineComponent as V, computed as i, unref as r, watch as c, createVNode as M, renderSlot as b } from "vue";
-import { ConfigProvider as A } from "@aplus-frontend/antdv";
-import { useGlobalConfig as d, provideGlobalConfig as D } from "./hooks/use-global-config.mjs";
-import { configProviderProps as N } from "./config-provider-props.mjs";
-import { mergeAntdProviderConfigWithCache as U, mergeAntdProvideConfig as S } from "../utils/config-provider-preset.mjs";
-import { generateCssVar as T, aplusCssVar as w, adminCssVar as y, setCSSVariables as E } from "./css-var.mjs";
-import { DEFAULT_NAMESPACE as h, DEFAULT_UIMODE as F } from "./constants.mjs";
-function L(e) {
+import { isVNode as v, ref as P, defineComponent as V, computed as i, unref as r, watch as u, createVNode as M, renderSlot as b } from "vue";
+import { ConfigProvider as w } from "@aplus-frontend/antdv";
+import { useGlobalConfig as d, provideGlobalConfig as A } from "./hooks/use-global-config.mjs";
+import { configProviderProps as D } from "./config-provider-props.mjs";
+import { mergeAntdProviderConfigWithCache as N, mergeAntdProvideConfig as U } from "../utils/config-provider-preset.mjs";
+import { generateCssVar as h, aplusCssVar as S, adminCssVar as T, setCSSVariables as y } from "./css-var.mjs";
+import { DEFAULT_NAMESPACE as E, DEFAULT_UIMODE as O } from "./constants.mjs";
+function F(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !v(e);
 }
 const n = P({}), W = /* @__PURE__ */ V({
   name: "AplusConfigProvider",
-  props: N(),
+  props: D(),
   setup(e, {
     slots: f
   }) {
-    const a = d("namespace"), l = d("uiMode"), m = i(() => e.namespace ? e.namespace : r(a) ? r(a) : h), u = i(() => e.uiMode ? e.uiMode : r(l) ? r(l) : F), s = i(() => ({
+    const a = d("namespace"), c = d("uiMode"), m = i(() => e.namespace ? e.namespace : r(a) ? r(a) : E), l = i(() => e.uiMode ? e.uiMode : r(c) ? r(c) : O), s = i(() => ({
       namespace: r(m),
       aplusLocale: e.aplusLocale,
       api: e.api,
-      uiMode: r(u),
+      uiMode: r(l),
       apUpload: e.apUpload,
       apDescriptions: e.apDescriptions,
       valueTypeMap: e.valueTypeMap,
       downloadCenterTriggerConfig: e.downloadCenterTriggerConfig,
       exportField: e.exportField,
-      scrollYDomName: e.scrollYDomName
-    })), t = D(s);
-    return c(() => e, (o) => {
-      n.value = U(S(o), n.value);
+      scrollYDomName: e.scrollYDomName,
+      viewCacheOption: e.viewCacheOption
+    })), t = A(s);
+    return u(() => e, (o) => {
+      n.value = N(U(o), n.value);
     }, {
       deep: !0,
       immediate: !0
-    }), typeof window < "u" && c(() => [r(u), e.cssVar], ([o, C]) => {
-      const g = T(C), p = {
-        ...o === "aplus" ? w : y,
+    }), typeof window < "u" && u(() => [r(l), e.cssVar], ([o, C]) => {
+      const g = h(C), p = {
+        ...o === "aplus" ? S : T,
         ...g
       };
-      E(p);
+      y(p);
     }, {
       immediate: !0
     }), () => {
       let o;
-      return M(A, n.value, L(o = b(f, "default", {
+      return M(w, n.value, F(o = b(f, "default", {
         config: t == null ? void 0 : t.value
       })) ? o : {
         default: () => [o]

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

@@ -112,6 +112,20 @@ declare const aplusCssVarObj: {
             };
         };
     };
+    'ap-view': {
+        icon: {
+            color: string;
+        };
+        bg: {
+            color: string;
+        };
+        message: {
+            color: string;
+        };
+        border: {
+            color: string;
+        };
+    };
 };
 export type CssVarType = RecursivePartial<typeof aplusCssVarObj>;
 export declare function generateCssVar(cssVarRawObj: CssVarType): Record<string, any>;

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

@@ -110,6 +110,20 @@ const b = {
         minor: "#8896B0"
       }
     }
+  },
+  "ap-view": {
+    icon: {
+      color: "#8896B0"
+    },
+    bg: {
+      color: "#F6F9FA"
+    },
+    message: {
+      color: "#abb7cc"
+    },
+    border: {
+      color: "#DEE4ED"
+    }
   }
 }, F = {
   "ap-form": {
@@ -223,28 +237,42 @@ const b = {
         minor: "#999999"
       }
     }
+  },
+  "ap-view": {
+    icon: {
+      color: "#999999"
+    },
+    bg: {
+      color: "#fafafa"
+    },
+    message: {
+      color: "#bfbfbf"
+    },
+    border: {
+      color: "#d9d9d9"
+    }
   }
 };
-function l(e) {
+function n(a) {
   const o = {};
-  function r(a, i) {
-    const s = Object.keys(a);
+  function r(t, i) {
+    const s = Object.keys(t);
     for (const c of s) {
-      const t = a[c], n = [...i, c];
-      t !== null && typeof t == "object" ? r(t, n) : o[`--${n.join("-")}`] = t;
+      const e = t[c], l = [...i, c];
+      e !== null && typeof e == "object" ? r(e, l) : o[`--${l.join("-")}`] = e;
     }
   }
-  return r(e, []), o;
+  return r(a, []), o;
 }
-const p = l(b), d = l(F);
-function u(e) {
-  Object.entries(e).forEach(([o, r]) => {
+const d = n(b), p = n(F);
+function u(a) {
+  Object.entries(a).forEach(([o, r]) => {
     document.documentElement.style.setProperty(o, r);
   });
 }
 export {
-  d as adminCssVar,
-  p as aplusCssVar,
-  l as generateCssVar,
+  p as adminCssVar,
+  d as aplusCssVar,
+  n as generateCssVar,
   u as setCSSVariables
 };

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

@@ -12,6 +12,7 @@ import { ThemeConfig } from '@aplus-frontend/antdv/es/config-provider/context';
 import { LocaleType } from '../../locale';
 import { ApiType, ApUploadConfig, ApDescriptionsConfig, ValueTypeRenderConfig, downloadCenterTriggerConfig, ExportField } from '..';
 import { CssVarType } from '../css-var';
+import { ViewCacheOption } from '../..';
 export declare const keysOf: <T extends Record<string, any>>(arr: T) => Array<keyof T>;
 export declare function useGlobalConfig<K extends keyof ConfigProviderContext, D extends ConfigProviderContext[K]>(key: K, defaultValue?: D): Ref<Exclude<ConfigProviderContext[K], undefined> | D>;
 export declare function useGlobalConfig(): Ref<ConfigProviderContext>;
@@ -168,4 +169,8 @@ export declare const provideGlobalConfig: (config: MaybeRef<ConfigProviderContex
     scrollYDomName: {
         type: StringConstructor;
     };
+    viewCacheOption: {
+        type: PropType<ViewCacheOption>;
+        default: () => {};
+    };
 }>>>> | undefined;

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

@@ -10,6 +10,7 @@ import { ThemeConfig } from '@aplus-frontend/antdv/es/config-provider/context';
 import { LocaleType } from '../locale';
 import { ApiType, ApUploadConfig, ApDescriptionsConfig, ValueTypeRenderConfig, downloadCenterTriggerConfig, ExportField } from './constants';
 import { RecursivePartial } from '../type';
+import { ViewCacheOption } from '..';
 import { CssVarType } from './css-var';
 export * from './config-provider-props';
 export * from './constants';
@@ -274,6 +275,20 @@ export declare const APConfigProvider: {
                         };
                     };
                 };
+                'ap-view': {
+                    icon: {
+                        color: string;
+                    };
+                    bg: {
+                        color: string;
+                    };
+                    message: {
+                        color: string;
+                    };
+                    border: {
+                        color: string;
+                    };
+                };
             }>>;
             default: () => {};
         };
@@ -284,6 +299,10 @@ export declare const APConfigProvider: {
         scrollYDomName: {
             type: StringConstructor;
         };
+        viewCacheOption: {
+            type: PropType<ViewCacheOption>;
+            default: () => {};
+        };
     }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {
         input: {
             autocomplete?: string;
@@ -303,6 +322,7 @@ export declare const APConfigProvider: {
         pagination: {
             showSizeChanger?: boolean;
         };
+        apUpload: ApUploadConfig;
         csp: CSPConfig;
         autoInsertSpaceInButton: boolean;
         locale: Locale;
@@ -317,7 +337,6 @@ export declare const APConfigProvider: {
             disabled?: boolean;
         };
         api: ApiType;
-        apUpload: ApUploadConfig;
         apDescriptions: ApDescriptionsConfig;
         valueTypeMap: Record<string, ValueTypeRenderConfig>;
         downloadCenterTriggerConfig: downloadCenterTriggerConfig;
@@ -434,8 +453,23 @@ export declare const APConfigProvider: {
                     };
                 };
             };
+            'ap-view': {
+                icon: {
+                    color: string;
+                };
+                bg: {
+                    color: string;
+                };
+                message: {
+                    color: string;
+                };
+                border: {
+                    color: string;
+                };
+            };
         }>;
         exportField: ExportField;
+        viewCacheOption: ViewCacheOption;
     }, true, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
         P: {};
         B: {};
@@ -699,6 +733,20 @@ export declare const APConfigProvider: {
                         };
                     };
                 };
+                'ap-view': {
+                    icon: {
+                        color: string;
+                    };
+                    bg: {
+                        color: string;
+                    };
+                    message: {
+                        color: string;
+                    };
+                    border: {
+                        color: string;
+                    };
+                };
             }>>;
             default: () => {};
         };
@@ -709,6 +757,10 @@ export declare const APConfigProvider: {
         scrollYDomName: {
             type: StringConstructor;
         };
+        viewCacheOption: {
+            type: PropType<ViewCacheOption>;
+            default: () => {};
+        };
     }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
         input: {
             autocomplete?: string;
@@ -728,6 +780,7 @@ export declare const APConfigProvider: {
         pagination: {
             showSizeChanger?: boolean;
         };
+        apUpload: ApUploadConfig;
         csp: CSPConfig;
         autoInsertSpaceInButton: boolean;
         locale: Locale;
@@ -742,7 +795,6 @@ export declare const APConfigProvider: {
             disabled?: boolean;
         };
         api: ApiType;
-        apUpload: ApUploadConfig;
         apDescriptions: ApDescriptionsConfig;
         valueTypeMap: Record<string, ValueTypeRenderConfig>;
         downloadCenterTriggerConfig: downloadCenterTriggerConfig;
@@ -859,8 +911,23 @@ export declare const APConfigProvider: {
                     };
                 };
             };
+            'ap-view': {
+                icon: {
+                    color: string;
+                };
+                bg: {
+                    color: string;
+                };
+                message: {
+                    color: string;
+                };
+                border: {
+                    color: string;
+                };
+            };
         }>;
         exportField: ExportField;
+        viewCacheOption: ViewCacheOption;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -1018,6 +1085,10 @@ export declare const APConfigProvider: {
     scrollYDomName: {
         type: StringConstructor;
     };
+    viewCacheOption: {
+        type: PropType<ViewCacheOption>;
+        default: () => {};
+    };
 }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
     input: {
         autocomplete?: string;
@@ -1037,6 +1108,7 @@ export declare const APConfigProvider: {
     pagination: {
         showSizeChanger?: boolean;
     };
+    apUpload: ApUploadConfig;
     csp: CSPConfig;
     autoInsertSpaceInButton: boolean;
     locale: Locale;
@@ -1051,7 +1123,6 @@ export declare const APConfigProvider: {
         disabled?: boolean;
     };
     api: ApiType;
-    apUpload: ApUploadConfig;
     apDescriptions: ApDescriptionsConfig;
     valueTypeMap: Record<string, ValueTypeRenderConfig>;
     downloadCenterTriggerConfig: downloadCenterTriggerConfig;
@@ -1168,8 +1239,23 @@ export declare const APConfigProvider: {
                 };
             };
         };
+        'ap-view': {
+            icon: {
+                color: string;
+            };
+            bg: {
+                color: string;
+            };
+            message: {
+                color: string;
+            };
+            border: {
+                color: string;
+            };
+        };
     }>;
     exportField: ExportField;
+    viewCacheOption: ViewCacheOption;
 }, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & ( Plugin & (new (...args: any[]) => {
     $props: {
         onClick?: () => void;

package/es/src/full-screen/interface.d.ts

@@ -10,7 +10,7 @@ export type FullScreenProps = {
      * 全屏状态下的css zIndex 默认为2^31 - 1
      */
     zIndex?: number;
-} & Pick<PortalProps, 'to'>;
+} & Partial<Pick<PortalProps, 'to'>>;
 export type FullScreenExpose = {
     /**
      * 全屏的目标元素