@aplus-frontend/ui 7.1.0 → 7.2.0

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

@@ -1,9 +1,9 @@
 import { ExtractPropTypes, PropType } from 'vue';
 import { LocaleType } from '../locale/interface';
-import { ApiType, ApUploadConfig, ApDescriptionsConfig, ValueTypeRenderConfig, downloadCenterTriggerConfig, ExportField, SearchFormGlobalConfig } from './constants';
+import { ApiType, ApUploadConfig, ApDescriptionsConfig, ValueTypeRenderConfig, downloadCenterTriggerConfig, ExportField, SearchFormGlobalConfig, UiModeType } from './constants';
 import { ApGridProps } from '../ap-grid';
 import { AgGridProps } from '../ag-grid';
-import { ViewCacheOption } from '../business';
+import { ApImageProps, ApTitleProps, ViewCacheOption } from '../business';
 import { FullToken } from '../design-token/interface';
 import { RecursivePartial } from '../type';
 import { default as __DTS_DEFAULT_0__ } from '@aplus-frontend/antdv/es/config-provider/renderEmpty';
@@ -14,6 +14,11 @@ 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';
 type ApGridConfig = Pick<ApGridProps, 'rowSelection'>;
 type AgGridConfig = Pick<AgGridProps, 'rowSelection'>;
+type ApProCardConfig = {
+    uiMode?: UiModeType;
+};
+type ApImageConfig = Pick<ApImageProps, 'uiMode'>;
+type ApTitleConfig = Pick<ApTitleProps, 'uiMode'>;
 export declare const configProviderProps: () => {
     iconPrefixCls: StringConstructor;
     getTargetContainer: {
@@ -152,6 +157,15 @@ export declare const configProviderProps: () => {
     agGrid: {
         type: PropType<AgGridConfig>;
     };
+    apProCard: {
+        type: PropType<ApProCardConfig>;
+    };
+    apImage: {
+        type: PropType<ApImageConfig>;
+    };
+    apTitle: {
+        type: PropType<ApTitleConfig>;
+    };
     /**
      * @description aplus-ui的locale
      */
@@ -171,8 +185,11 @@ export declare const configProviderProps: () => {
         type: PropType<ApiType>;
         default: () => {};
     };
+    /**
+     * @deprecated 已废弃，请使用各自组件的uiMode属性
+     */
     uiMode: {
-        type: PropType<"aplus" | "admin">;
+        type: PropType<UiModeType>;
     };
     apUpload: {
         type: PropType<ApUploadConfig>;

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

@@ -5,6 +5,15 @@ const t = () => ({
   },
   agGrid: {
     type: Object
+  },
+  apProCard: {
+    type: Object
+  },
+  apImage: {
+    type: Object
+  },
+  apTitle: {
+    type: Object
   }
 }), o = () => ({
   /**
@@ -26,6 +35,9 @@ const t = () => ({
     type: Object,
     default: () => ({})
   },
+  /**
+   * @deprecated 已废弃，请使用各自组件的uiMode属性
+   */
   uiMode: {
     type: String
   },

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

@@ -7,9 +7,9 @@ import { Locale } from '@aplus-frontend/antdv/es/locale';
 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, ApiType, ApUploadConfig, ApDescriptionsConfig, ValueTypeRenderConfig, downloadCenterTriggerConfig, ExportField, SearchFormGlobalConfig } from './constants';
 import { LocaleType } from '../locale';
 import { RecursivePartial } from '../type';
-import { ApiType, ApUploadConfig, ApDescriptionsConfig, ValueTypeRenderConfig, downloadCenterTriggerConfig, ExportField, SearchFormGlobalConfig } from './constants';
 export declare const globalConfigCached: Ref<ConfigProviderProps>;
 export declare const ConfigProvider: DefineComponent<ExtractPropTypes<{
     iconPrefixCls: StringConstructor;
@@ -153,6 +153,21 @@ export declare const ConfigProvider: DefineComponent<ExtractPropTypes<{
             rowSelection?: true | AgGridRowSelection<any> | undefined;
         }>;
     };
+    apProCard: {
+        type: PropType<{
+            uiMode?: UiModeType;
+        }>;
+    };
+    apImage: {
+        type: PropType<{
+            uiMode?: UiModeType | undefined;
+        }>;
+    };
+    apTitle: {
+        type: PropType<{
+            uiMode?: UiModeType | undefined;
+        }>;
+    };
     aplusLocale: {
         type: PropType<LocaleType>;
     };
@@ -167,7 +182,7 @@ export declare const ConfigProvider: DefineComponent<ExtractPropTypes<{
         default: () => {};
     };
     uiMode: {
-        type: PropType<"aplus" | "admin">;
+        type: PropType<UiModeType>;
     };
     apUpload: {
         type: PropType<ApUploadConfig>;
@@ -342,6 +357,21 @@ export declare const ConfigProvider: DefineComponent<ExtractPropTypes<{
             rowSelection?: true | AgGridRowSelection<any> | undefined;
         }>;
     };
+    apProCard: {
+        type: PropType<{
+            uiMode?: UiModeType;
+        }>;
+    };
+    apImage: {
+        type: PropType<{
+            uiMode?: UiModeType | undefined;
+        }>;
+    };
+    apTitle: {
+        type: PropType<{
+            uiMode?: UiModeType | undefined;
+        }>;
+    };
     aplusLocale: {
         type: PropType<LocaleType>;
     };
@@ -356,7 +386,7 @@ export declare const ConfigProvider: DefineComponent<ExtractPropTypes<{
         default: () => {};
     };
     uiMode: {
-        type: PropType<"aplus" | "admin">;
+        type: PropType<UiModeType>;
     };
     apUpload: {
         type: PropType<ApUploadConfig>;

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

@@ -1,26 +1,27 @@
-import { isVNode as p, ref as G, defineComponent as M, computed as o, unref as a, watch as u, onActivated as P, createVNode as h, renderSlot as A } from "vue";
-import { ConfigProvider as T } from "@aplus-frontend/antdv";
-import { useGlobalConfig as w, provideGlobalConfig as D } from "./hooks/use-global-config.mjs";
-import { configProviderProps as F } from "./config-provider-props.mjs";
-import { mergeAntdProviderConfigWithCache as l, mergeAntdProvideConfig as c } from "../utils/config-provider-preset.mjs";
-import { DEFAULT_NAMESPACE as U, DEFAULT_UIMODE as b } from "./constants.mjs";
-function E(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !p(e);
+import { isVNode as P, ref as G, defineComponent as T, computed as a, unref as n, watch as h, onActivated as b, createVNode as w, renderSlot as A } from "vue";
+import { ConfigProvider as D } from "@aplus-frontend/antdv";
+import { useGlobalConfig as F, provideGlobalConfig as N } from "./hooks/use-global-config.mjs";
+import { configProviderProps as I } from "./config-provider-props.mjs";
+import { mergeAntdProviderConfigWithCache as d, mergeAntdProvideConfig as l } from "../utils/config-provider-preset.mjs";
+import { DEFAULT_NAMESPACE as M } from "./constants.mjs";
+import { useDevWarning as k } from "../utils/warning.mjs";
+function y(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !P(e);
 }
-const n = G({}), j = /* @__PURE__ */ M({
+const r = G({}), V = /* @__PURE__ */ T({
   name: "AplusConfigProvider",
-  props: F(),
+  props: I(),
   setup(e, {
-    slots: f
+    slots: u
   }) {
-    const t = w();
-    let r = !0;
-    const m = o(() => e.namespace !== void 0 ? e.namespace : t.value?.namespace || U), d = o(() => e.uiMode !== void 0 ? e.uiMode : t.value?.uiMode || b), g = o(() => e.apGrid !== void 0 ? e.apGrid : t.value?.apGrid), v = o(() => e.agGrid !== void 0 ? e.agGrid : t.value?.agGrid), C = o(() => ({
-      namespace: a(m),
+    k("ConfigProvider")(!e.uiMode, "breaking", "uiMode has been remove, see migrate guild https://aplus.aplnk.com/aplus-ui/guild/migrate-7.2.html");
+    const i = F();
+    let t = !0;
+    const c = a(() => e.namespace !== void 0 ? e.namespace : i.value?.namespace || M), g = a(() => e.apGrid !== void 0 ? e.apGrid : i.value?.apGrid), m = a(() => e.agGrid !== void 0 ? e.agGrid : i.value?.agGrid), f = a(() => e.apProCard !== void 0 ? e.apProCard : i.value?.apProCard), v = a(() => e.apImage !== void 0 ? e.apImage : i.value?.apImage), C = a(() => e.apTitle !== void 0 ? e.apTitle : i.value?.apTitle), p = a(() => ({
+      namespace: n(c),
       aplusLocale: e.aplusLocale,
       aplusToken: e.aplusToken,
       api: e.api,
-      uiMode: a(d),
       apUpload: e.apUpload,
       apDescriptions: e.apDescriptions,
       valueTypeMap: e.valueTypeMap,
@@ -29,35 +30,34 @@ const n = G({}), j = /* @__PURE__ */ M({
       scrollYDomName: e.scrollYDomName,
       viewCacheOption: e.viewCacheOption,
       searchForm: e.searchForm,
-      apGrid: a(g),
-      agGrid: a(v)
-    })), s = D(C);
-    return u(() => e, (i) => {
-      n.value = l(c(i), n.value);
+      apGrid: n(g),
+      agGrid: n(m),
+      apProCard: n(f),
+      apImage: n(v),
+      apTitle: n(C)
+    })), s = N(p);
+    return h(() => e, (o) => {
+      r.value = d(l(o), r.value);
     }, {
       deep: !0,
       immediate: !0
-    }), P(() => {
-      if (r) {
-        r = !1;
+    }), b(() => {
+      if (t) {
+        t = !1;
         return;
       }
-      n.value = l(c(e), n.value);
-    }), typeof window < "u" && u(() => a(d), (i) => {
-      document.documentElement.dataset.aplusUiMode = i;
-    }, {
-      immediate: !0
+      r.value = d(l(e), r.value);
     }), () => {
-      let i;
-      return h(T, n.value, E(i = A(f, "default", {
+      let o;
+      return w(D, r.value, y(o = A(u, "default", {
         config: s?.value
-      })) ? i : {
-        default: () => [i]
+      })) ? o : {
+        default: () => [o]
       });
     };
   }
 });
 export {
-  j as ConfigProvider,
-  n as globalConfigCached
+  V as ConfigProvider,
+  r as globalConfigCached
 };

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

@@ -52,4 +52,5 @@ export type ExportField = boolean | {
 };
 export declare const DEFAULT_NAMESPACE = "aplus";
 export declare const DEFAULT_UIMODE = "aplus";
+export type UiModeType = 'aplus' | 'admin';
 export {};

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

@@ -8,9 +8,9 @@ import { Locale } from '@aplus-frontend/antdv/es/locale';
 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, ApiType, ApUploadConfig, ApDescriptionsConfig, ValueTypeRenderConfig, downloadCenterTriggerConfig, ExportField, SearchFormGlobalConfig } from '..';
 import { LocaleType } from '../../locale';
 import { RecursivePartial } from '../../type';
-import { ApiType, ApUploadConfig, ApDescriptionsConfig, ValueTypeRenderConfig, downloadCenterTriggerConfig, ExportField, SearchFormGlobalConfig } 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>;
@@ -156,6 +156,21 @@ export declare const provideGlobalConfig: (config: MaybeRef<ConfigProviderContex
             rowSelection?: true | AgGridRowSelection<any> | undefined;
         }>;
     };
+    apProCard: {
+        type: PropType<{
+            uiMode?: UiModeType;
+        }>;
+    };
+    apImage: {
+        type: PropType<{
+            uiMode?: UiModeType | undefined;
+        }>;
+    };
+    apTitle: {
+        type: PropType<{
+            uiMode?: UiModeType | undefined;
+        }>;
+    };
     aplusLocale: {
         type: PropType<LocaleType>;
     };
@@ -170,7 +185,7 @@ export declare const provideGlobalConfig: (config: MaybeRef<ConfigProviderContex
         default: () => {};
     };
     uiMode: {
-        type: PropType<"aplus" | "admin">;
+        type: PropType<UiModeType>;
     };
     apUpload: {
         type: PropType<ApUploadConfig>;

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

@@ -6,9 +6,9 @@ import { Locale } from '@aplus-frontend/antdv/es/locale';
 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, ApiType, ApUploadConfig, ApDescriptionsConfig, ValueTypeRenderConfig, downloadCenterTriggerConfig, ExportField, SearchFormGlobalConfig } from './constants';
 import { LocaleType } from '../locale';
 import { RecursivePartial } from '../type';
-import { ApiType, ApUploadConfig, ApDescriptionsConfig, ValueTypeRenderConfig, downloadCenterTriggerConfig, ExportField, SearchFormGlobalConfig } from './constants';
 export * from './config-provider-props';
 export * from './constants';
 export * from './hooks/use-global-config';
@@ -158,6 +158,21 @@ export declare const APConfigProvider: {
                 rowSelection?: true | AgGridRowSelection<any> | undefined;
             }>;
         };
+        apProCard: {
+            type: PropType<{
+                uiMode?: UiModeType;
+            }>;
+        };
+        apImage: {
+            type: PropType<{
+                uiMode?: UiModeType | undefined;
+            }>;
+        };
+        apTitle: {
+            type: PropType<{
+                uiMode?: UiModeType | undefined;
+            }>;
+        };
         aplusLocale: {
             type: PropType<LocaleType>;
         };
@@ -172,7 +187,7 @@ export declare const APConfigProvider: {
             default: () => {};
         };
         uiMode: {
-            type: PropType<"aplus" | "admin">;
+            type: PropType<UiModeType>;
         };
         apUpload: {
             type: PropType<ApUploadConfig>;
@@ -393,6 +408,21 @@ export declare const APConfigProvider: {
                 rowSelection?: true | AgGridRowSelection<any> | undefined;
             }>;
         };
+        apProCard: {
+            type: PropType<{
+                uiMode?: UiModeType;
+            }>;
+        };
+        apImage: {
+            type: PropType<{
+                uiMode?: UiModeType | undefined;
+            }>;
+        };
+        apTitle: {
+            type: PropType<{
+                uiMode?: UiModeType | undefined;
+            }>;
+        };
         aplusLocale: {
             type: PropType<LocaleType>;
         };
@@ -407,7 +437,7 @@ export declare const APConfigProvider: {
             default: () => {};
         };
         uiMode: {
-            type: PropType<"aplus" | "admin">;
+            type: PropType<UiModeType>;
         };
         apUpload: {
             type: PropType<ApUploadConfig>;
@@ -625,6 +655,21 @@ export declare const APConfigProvider: {
             rowSelection?: true | AgGridRowSelection<any> | undefined;
         }>;
     };
+    apProCard: {
+        type: PropType<{
+            uiMode?: UiModeType;
+        }>;
+    };
+    apImage: {
+        type: PropType<{
+            uiMode?: UiModeType | undefined;
+        }>;
+    };
+    apTitle: {
+        type: PropType<{
+            uiMode?: UiModeType | undefined;
+        }>;
+    };
     aplusLocale: {
         type: PropType<LocaleType>;
     };
@@ -639,7 +684,7 @@ export declare const APConfigProvider: {
         default: () => {};
     };
     uiMode: {
-        type: PropType<"aplus" | "admin">;
+        type: PropType<UiModeType>;
     };
     apUpload: {
         type: PropType<ApUploadConfig>;