@aplus-frontend/ui 7.10.1 → 7.10.2

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

@@ -8,7 +8,7 @@ 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 { UiModeType, SearchFormGlobalConfig, ApUploadConfig, ApDescriptionsConfig, ApiType, ValueTypeRenderConfig, downloadCenterTriggerConfig, ExportField } from '..';
 import { LocaleType } from '../../locale';
 import { RecursivePartial } from '../../type';
 export declare const keysOf: <T extends Record<string, any>>(arr: T) => Array<keyof T>;
@@ -171,6 +171,18 @@ export declare const provideGlobalConfig: (config: MaybeRef<ConfigProviderContex
             uiMode?: UiModeType | undefined;
         }>;
     };
+    searchForm: {
+        type: PropType<SearchFormGlobalConfig>;
+        default: () => {};
+    };
+    apUpload: {
+        type: PropType<ApUploadConfig>;
+        default: () => {};
+    };
+    apDescriptions: {
+        type: PropType<ApDescriptionsConfig>;
+        default: () => {};
+    };
     aplusLocale: {
         type: PropType<LocaleType>;
     };
@@ -187,14 +199,6 @@ export declare const provideGlobalConfig: (config: MaybeRef<ConfigProviderContex
     uiMode: {
         type: PropType<UiModeType>;
     };
-    apUpload: {
-        type: PropType<ApUploadConfig>;
-        default: () => {};
-    };
-    apDescriptions: {
-        type: PropType<ApDescriptionsConfig>;
-        default: () => {};
-    };
     valueTypeMap: {
         type: PropType<Record<string, ValueTypeRenderConfig>>;
         default: () => {};
@@ -214,8 +218,4 @@ export declare const provideGlobalConfig: (config: MaybeRef<ConfigProviderContex
         type: PropType<ViewCacheOption>;
         default: () => {};
     };
-    searchForm: {
-        type: PropType<SearchFormGlobalConfig>;
-        default: () => {};
-    };
 }>>>> | undefined;

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

@@ -6,7 +6,7 @@ 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 { UiModeType, SearchFormGlobalConfig, ApUploadConfig, ApDescriptionsConfig, ApiType, ValueTypeRenderConfig, downloadCenterTriggerConfig, ExportField } from './constants';
 import { LocaleType } from '../locale';
 import { RecursivePartial } from '../type';
 export * from './config-provider-props';
@@ -173,6 +173,18 @@ export declare const APConfigProvider: {
                 uiMode?: UiModeType | undefined;
             }>;
         };
+        searchForm: {
+            type: PropType<SearchFormGlobalConfig>;
+            default: () => {};
+        };
+        apUpload: {
+            type: PropType<ApUploadConfig>;
+            default: () => {};
+        };
+        apDescriptions: {
+            type: PropType<ApDescriptionsConfig>;
+            default: () => {};
+        };
         aplusLocale: {
             type: PropType<LocaleType>;
         };
@@ -189,14 +201,6 @@ export declare const APConfigProvider: {
         uiMode: {
             type: PropType<UiModeType>;
         };
-        apUpload: {
-            type: PropType<ApUploadConfig>;
-            default: () => {};
-        };
-        apDescriptions: {
-            type: PropType<ApDescriptionsConfig>;
-            default: () => {};
-        };
         valueTypeMap: {
             type: PropType<Record<string, ValueTypeRenderConfig>>;
             default: () => {};
@@ -216,10 +220,6 @@ export declare const APConfigProvider: {
             type: PropType<ViewCacheOption>;
             default: () => {};
         };
-        searchForm: {
-            type: PropType<SearchFormGlobalConfig>;
-            default: () => {};
-        };
     }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {
         input: InputConfig;
         select: SelectConfig;
@@ -252,13 +252,13 @@ export declare const APConfigProvider: {
         timePicker: TimePickerConfig;
         card: CardConfig;
         apUpload: ApUploadConfig;
-        api: ApiType;
+        searchForm: SearchFormGlobalConfig;
         apDescriptions: ApDescriptionsConfig;
+        api: ApiType;
         valueTypeMap: Record<string, ValueTypeRenderConfig>;
         downloadCenterTriggerConfig: downloadCenterTriggerConfig;
         exportField: ExportField;
         viewCacheOption: ViewCacheOption;
-        searchForm: SearchFormGlobalConfig;
     }, true, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
         P: {};
         B: {};
@@ -423,6 +423,18 @@ export declare const APConfigProvider: {
                 uiMode?: UiModeType | undefined;
             }>;
         };
+        searchForm: {
+            type: PropType<SearchFormGlobalConfig>;
+            default: () => {};
+        };
+        apUpload: {
+            type: PropType<ApUploadConfig>;
+            default: () => {};
+        };
+        apDescriptions: {
+            type: PropType<ApDescriptionsConfig>;
+            default: () => {};
+        };
         aplusLocale: {
             type: PropType<LocaleType>;
         };
@@ -439,14 +451,6 @@ export declare const APConfigProvider: {
         uiMode: {
             type: PropType<UiModeType>;
         };
-        apUpload: {
-            type: PropType<ApUploadConfig>;
-            default: () => {};
-        };
-        apDescriptions: {
-            type: PropType<ApDescriptionsConfig>;
-            default: () => {};
-        };
         valueTypeMap: {
             type: PropType<Record<string, ValueTypeRenderConfig>>;
             default: () => {};
@@ -466,10 +470,6 @@ export declare const APConfigProvider: {
             type: PropType<ViewCacheOption>;
             default: () => {};
         };
-        searchForm: {
-            type: PropType<SearchFormGlobalConfig>;
-            default: () => {};
-        };
     }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
         input: InputConfig;
         select: SelectConfig;
@@ -502,13 +502,13 @@ export declare const APConfigProvider: {
         timePicker: TimePickerConfig;
         card: CardConfig;
         apUpload: ApUploadConfig;
-        api: ApiType;
+        searchForm: SearchFormGlobalConfig;
         apDescriptions: ApDescriptionsConfig;
+        api: ApiType;
         valueTypeMap: Record<string, ValueTypeRenderConfig>;
         downloadCenterTriggerConfig: downloadCenterTriggerConfig;
         exportField: ExportField;
         viewCacheOption: ViewCacheOption;
-        searchForm: SearchFormGlobalConfig;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -670,6 +670,18 @@ export declare const APConfigProvider: {
             uiMode?: UiModeType | undefined;
         }>;
     };
+    searchForm: {
+        type: PropType<SearchFormGlobalConfig>;
+        default: () => {};
+    };
+    apUpload: {
+        type: PropType<ApUploadConfig>;
+        default: () => {};
+    };
+    apDescriptions: {
+        type: PropType<ApDescriptionsConfig>;
+        default: () => {};
+    };
     aplusLocale: {
         type: PropType<LocaleType>;
     };
@@ -686,14 +698,6 @@ export declare const APConfigProvider: {
     uiMode: {
         type: PropType<UiModeType>;
     };
-    apUpload: {
-        type: PropType<ApUploadConfig>;
-        default: () => {};
-    };
-    apDescriptions: {
-        type: PropType<ApDescriptionsConfig>;
-        default: () => {};
-    };
     valueTypeMap: {
         type: PropType<Record<string, ValueTypeRenderConfig>>;
         default: () => {};
@@ -713,10 +717,6 @@ export declare const APConfigProvider: {
         type: PropType<ViewCacheOption>;
         default: () => {};
     };
-    searchForm: {
-        type: PropType<SearchFormGlobalConfig>;
-        default: () => {};
-    };
 }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
     input: InputConfig;
     select: SelectConfig;
@@ -749,13 +749,13 @@ export declare const APConfigProvider: {
     timePicker: TimePickerConfig;
     card: CardConfig;
     apUpload: ApUploadConfig;
-    api: ApiType;
+    searchForm: SearchFormGlobalConfig;
     apDescriptions: ApDescriptionsConfig;
+    api: ApiType;
     valueTypeMap: Record<string, ValueTypeRenderConfig>;
     downloadCenterTriggerConfig: downloadCenterTriggerConfig;
     exportField: ExportField;
     viewCacheOption: ViewCacheOption;
-    searchForm: SearchFormGlobalConfig;
 }, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & ( Plugin & (new (...args: any[]) => {
     $props: {
         onClick?: () => void;

package/lib/src/design-token/interface.d.ts

@@ -1,3 +1,4 @@
+import { GlobalToken } from '@aplus-frontend/antdv/es/theme';
 import { CSSInterpolation, CSSObject } from '@emotion/serialize';
 import { AgGridToken } from '../ag-grid/style';
 import { SearchFormToken } from '../ap-form/style/search-form';
@@ -296,6 +297,7 @@ export type TokenWithComponentCls<Token> = Token & {
 };
 export type TokenWithUtil<Token> = TokenWithComponentCls<Token> & {
     calc: (cssVar: any) => InstanceType<typeof TokenUtil>;
+    antdv: GlobalToken;
 };
 export type CssVarToken<Token = Recordable> = {
     [key in keyof Token]: Token[key] | string;

package/lib/src/utils/cssinjs/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("@emotion/css"),q=require("@emotion/css/create-instance"),i=require("lodash-unified"),o=require("vue");require("../../config-provider/index.js");const S=require("../../config-provider/hooks/use-token.js"),$=require("./instance.js"),b=require("./plugin-specificity.js"),h=require("./TokenUtil.js"),k=require("./utils.js"),w=require("../../config-provider/hooks/use-global-config.js"),{css:A}=q({key:"css-dev-only",stylisPlugins:[b.downSpecificityPlugin]});function V(l){const s={};for(const t in l)s[t]=`var(${k.camelToKebab(t)})`;return s}function j(l,s,t,g){return c=>{const m=l.split("."),{token:u,rootCls:p}=S.useToken(),y=o.ref(),r=w.useGlobalConfig("namespace"),T=o.computed(()=>({...i.omit(u.value||{},"components"),...u.value.components?.[m[0]]||{}})),v=o.computed(()=>{const e=u.value.components?.[m[0]]||{};return{...i.isFunction(t)?t(T.value):t||{},...e}}),d=o.computed(()=>({...i.omit(u.value||{},"components"),...v.value,componentCls:`.${r.value}-${c}`,namespace:r.value}));return o.watch(()=>r.value,e=>{const n=V(d.value);n.componentCls=`.${e}-${c}`,n.namespace=e,n.calc=f=>new h.TokenUtil(f);const a=s(n,{...d.value,componentCls:`.${e}-${c}`,namespace:e});C.injectGlobal(a)},{immediate:!0}),o.watch([()=>v.value,()=>p.value],([e,n])=>{const a=k.generateCssVar(e,g);Object.keys(a).length&&$.css({[`.${n}.${r.value}-${c}`]:a})},{deep:!0,immediate:!0}),o.computed(()=>C.cx(p.value,y.value))}}exports.genComponentStyleHook=j;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("@aplus-frontend/antdv/es/theme/internal"),k=require("@emotion/css"),$=require("@emotion/css/create-instance"),i=require("lodash-unified"),o=require("vue");require("../../config-provider/index.js");const b=require("../../config-provider/hooks/use-token.js"),h=require("./instance.js"),w=require("./plugin-specificity.js"),V=require("./TokenUtil.js"),C=require("./utils.js"),j=require("../../config-provider/hooks/use-global-config.js"),{css:P}=$({key:"css-dev-only",stylisPlugins:[w.downSpecificityPlugin]});function A(l){const s={};for(const t in l)s[t]=`var(${C.camelToKebab(t)})`;return s}function G(l,s,t,T){return c=>{const m=l.split("."),{token:u,rootCls:p}=b.useToken(),[,g]=S.useToken(),y=o.ref(),r=j.useGlobalConfig("namespace"),q=o.computed(()=>({...i.omit(u.value||{},"components"),...u.value.components?.[m[0]]||{}})),v=o.computed(()=>{const e=u.value.components?.[m[0]]||{};return{...i.isFunction(t)?t(q.value):t||{},...e}}),d=o.computed(()=>({...i.omit(u.value||{},"components"),...v.value,componentCls:`.${r.value}-${c}`,namespace:r.value}));return o.watch(()=>r.value,e=>{const n=A(d.value);n.componentCls=`.${e}-${c}`,n.namespace=e,n.calc=f=>new V.TokenUtil(f),n.antdv=g.value;const a=s(n,{...d.value,componentCls:`.${e}-${c}`,namespace:e});k.injectGlobal(a)},{immediate:!0}),o.watch([()=>v.value,()=>p.value],([e,n])=>{const a=C.generateCssVar(e,T);Object.keys(a).length&&h.css({[`.${n}.${r.value}-${c}`]:a})},{deep:!0,immediate:!0}),o.computed(()=>k.cx(p.value,y.value))}}exports.genComponentStyleHook=G;

package/lib/src/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "7.10.1";
+declare const _default: "7.10.2";
 export default _default;

package/lib/src/version.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="7.10.1";exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="7.10.2";exports.default=e;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aplus-frontend/ui",
-  "version": "7.10.1",
+  "version": "7.10.2",
   "main": "./lib/index.js",
   "type": "module",
   "files": [
@@ -40,8 +40,8 @@
     "scroll-into-view-if-needed": "^3.1.0",
     "vue-virtual-scroller": "2.0.0-beta.8",
     "vuedraggable": "^4.1.0",
-    "@aplus-frontend/utils": "1.0.61",
-    "@aplus-frontend/hooks": "1.0.7"
+    "@aplus-frontend/hooks": "1.0.7",
+    "@aplus-frontend/utils": "1.0.61"
   },
   "peerDependencies": {
     "@aplus-frontend/antdv": "^1.3.5",
@@ -56,7 +56,6 @@
     "@aplus-frontend/oss": "^1.1.9",
     "@emotion/serialize": "^1.3.3",
     "@types/sortablejs": "^1.15.8",
-    "@vue/test-utils": "^2.4.6",
     "axios": "^1.7.2",
     "csstype": "^3.1.3",
     "jsdom": "^25.0.0",