@aplus-frontend/ui 0.6.0-beta.3 → 0.6.0-beta.5

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

@@ -1,6 +1,5 @@
 import { Ref, DefineComponent, ExtractPropTypes, PropType, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 import { ConfigProviderProps } from './config-provider-props';
-import { CssVarType } from './css-var';
 import { default as __DTS_DEFAULT_0__ } from '@aplus-frontend/antdv/es/config-provider/renderEmpty';
 import { TransformCellTextProps } from '@aplus-frontend/antdv/es/table/interface';
 import { CSPConfig } from '@aplus-frontend/antdv/es/config-provider';
@@ -12,7 +11,6 @@ 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<{
     iconPrefixCls: StringConstructor;
@@ -156,10 +154,6 @@ export declare const ConfigProvider: DefineComponent<ExtractPropTypes<{
         type: PropType<downloadCenterTriggerConfig>;
         default: () => {};
     };
-    cssVar: {
-        type: PropType<CssVarType>;
-        default: () => {};
-    };
     exportField: {
         type: PropType<ExportField>;
         default: boolean;
@@ -313,10 +307,6 @@ export declare const ConfigProvider: DefineComponent<ExtractPropTypes<{
         type: PropType<downloadCenterTriggerConfig>;
         default: () => {};
     };
-    cssVar: {
-        type: PropType<CssVarType>;
-        default: () => {};
-    };
     exportField: {
         type: PropType<ExportField>;
         default: boolean;
@@ -365,134 +355,6 @@ export declare const ConfigProvider: DefineComponent<ExtractPropTypes<{
     apDescriptions: ApDescriptionsConfig;
     valueTypeMap: Record<string, ValueTypeRenderConfig>;
     downloadCenterTriggerConfig: downloadCenterTriggerConfig;
-    cssVar: RecursivePartial<{
-        'ap-form': {
-            bordered: {
-                'border-color': {
-                    base: string;
-                    hover: string;
-                    active: string;
-                };
-                'shadow-color': string;
-            };
-        };
-        'ap-action': {
-            color: {
-                primary: {
-                    base: string;
-                    hover: string;
-                };
-                success: string;
-                error: string;
-                warn: string;
-            };
-        };
-        'check-card': {
-            outline: {
-                color: string;
-            };
-            hover: {
-                outline: {
-                    color: string;
-                };
-            };
-            checked: {
-                outline: {
-                    color: string;
-                };
-                bg: string;
-            };
-        };
-        'ap-table': {
-            header: {
-                bg: string;
-            };
-            pagination: {
-                total: {
-                    color: string;
-                    count: {
-                        color: string;
-                    };
-                };
-            };
-            setting: {
-                button: {
-                    color: string;
-                };
-            };
-        };
-        'ap-batch-action': {
-            color: {
-                font: string;
-                active: string;
-                border: string;
-            };
-        };
-        basic: {
-            color: {
-                primary: string;
-            };
-        };
-        'ap-descriptions': {
-            item: {
-                'padding-bottom': string;
-                'label-width': string;
-            };
-            'last-row-item': {
-                'padding-bottom': string;
-            };
-        };
-        'ap-appendix': {
-            area: {
-                color: {
-                    border: string;
-                    font: string;
-                    'font-hover': string;
-                    'font-disabled': string;
-                    icon: string;
-                };
-            };
-        };
-        'ap-upload-single': {
-            color: {
-                main: string;
-                sub: string;
-                border: string;
-                primary: string;
-            };
-        };
-        'batch-input-group': {
-            trigger: {
-                color: string;
-                'color-disabled': string;
-            };
-        };
-        'ap-text': {
-            label: {
-                color: string;
-            };
-            content: {
-                color: {
-                    major: string;
-                    minor: string;
-                };
-            };
-        };
-        'ap-view': {
-            icon: {
-                color: string;
-            };
-            bg: {
-                color: string;
-            };
-            message: {
-                color: string;
-            };
-            border: {
-                color: string;
-            };
-        };
-    }>;
     exportField: ExportField;
     viewCacheOption: ViewCacheOption;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;

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

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

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

@@ -11,7 +11,6 @@ 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 '..';
-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>;
@@ -158,10 +157,6 @@ export declare const provideGlobalConfig: (config: MaybeRef<ConfigProviderContex
         type: PropType<downloadCenterTriggerConfig>;
         default: () => {};
     };
-    cssVar: {
-        type: PropType<CssVarType>;
-        default: () => {};
-    };
     exportField: {
         type: PropType<ExportField>;
         default: boolean;