@aplus-frontend/ui 7.10.1 → 7.10.3

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

@@ -7,7 +7,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 declare const globalConfigCached: Ref<ConfigProviderProps>;
@@ -168,6 +168,18 @@ export declare const ConfigProvider: DefineComponent<ExtractPropTypes<{
             uiMode?: UiModeType | undefined;
         }>;
     };
+    searchForm: {
+        type: PropType<SearchFormGlobalConfig>;
+        default: () => {};
+    };
+    apUpload: {
+        type: PropType<ApUploadConfig>;
+        default: () => {};
+    };
+    apDescriptions: {
+        type: PropType<ApDescriptionsConfig>;
+        default: () => {};
+    };
     aplusLocale: {
         type: PropType<LocaleType>;
     };
@@ -184,14 +196,6 @@ export declare const ConfigProvider: DefineComponent<ExtractPropTypes<{
     uiMode: {
         type: PropType<UiModeType>;
     };
-    apUpload: {
-        type: PropType<ApUploadConfig>;
-        default: () => {};
-    };
-    apDescriptions: {
-        type: PropType<ApDescriptionsConfig>;
-        default: () => {};
-    };
     valueTypeMap: {
         type: PropType<Record<string, ValueTypeRenderConfig>>;
         default: () => {};
@@ -211,10 +215,6 @@ export declare const ConfigProvider: DefineComponent<ExtractPropTypes<{
         type: PropType<ViewCacheOption>;
         default: () => {};
     };
-    searchForm: {
-        type: PropType<SearchFormGlobalConfig>;
-        default: () => {};
-    };
 }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
     iconPrefixCls: StringConstructor;
     getTargetContainer: {
@@ -372,6 +372,18 @@ export declare const ConfigProvider: DefineComponent<ExtractPropTypes<{
             uiMode?: UiModeType | undefined;
         }>;
     };
+    searchForm: {
+        type: PropType<SearchFormGlobalConfig>;
+        default: () => {};
+    };
+    apUpload: {
+        type: PropType<ApUploadConfig>;
+        default: () => {};
+    };
+    apDescriptions: {
+        type: PropType<ApDescriptionsConfig>;
+        default: () => {};
+    };
     aplusLocale: {
         type: PropType<LocaleType>;
     };
@@ -388,14 +400,6 @@ export declare const ConfigProvider: DefineComponent<ExtractPropTypes<{
     uiMode: {
         type: PropType<UiModeType>;
     };
-    apUpload: {
-        type: PropType<ApUploadConfig>;
-        default: () => {};
-    };
-    apDescriptions: {
-        type: PropType<ApDescriptionsConfig>;
-        default: () => {};
-    };
     valueTypeMap: {
         type: PropType<Record<string, ValueTypeRenderConfig>>;
         default: () => {};
@@ -415,10 +419,6 @@ export declare const ConfigProvider: DefineComponent<ExtractPropTypes<{
         type: PropType<ViewCacheOption>;
         default: () => {};
     };
-    searchForm: {
-        type: PropType<SearchFormGlobalConfig>;
-        default: () => {};
-    };
 }>> & Readonly<{}>, {
     input: InputConfig;
     select: SelectConfig;
@@ -451,12 +451,12 @@ export declare const ConfigProvider: DefineComponent<ExtractPropTypes<{
     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, ComponentProvideOptions, true, {}, any>;
 export type ConfigProviderInstance = InstanceType<typeof ConfigProvider>;

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

@@ -1,63 +1,65 @@
-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 { useDevWarning as F } from "../utils/warning.mjs";
-import { mergeAntdProviderConfigWithCache as d, mergeAntdProvideConfig as l } from "../utils/config-provider-preset.mjs";
-import { configProviderProps as N } from "./config-provider-props.mjs";
-import { DEFAULT_NAMESPACE as I } from "./constants.mjs";
-import { useGlobalConfig as M, provideGlobalConfig as k } from "./hooks/use-global-config.mjs";
-function y(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !P(e);
+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 { 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";
+function G(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !m(e);
 }
-const r = G({}), V = /* @__PURE__ */ T({
+const i = f({}), E = /* @__PURE__ */ p({
   name: "AplusConfigProvider",
-  props: N(),
+  props: w(),
   setup(e, {
-    slots: u
+    slots: l
   }) {
-    F("ConfigProvider")(!e.uiMode, "breaking", "uiMode has been remove, see migrate guild https://aplus.aplnk.com/aplus-ui/guild/migrate-7.2.html");
-    const i = M();
-    let t = !0;
-    const c = a(() => e.namespace !== void 0 ? e.namespace : i.value?.namespace || I), 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),
+    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;
+    }
+    const d = D(), u = s(() => ({
+      namespace: o("namespace", A),
+      apGrid: o("apGrid"),
+      agGrid: o("agGrid"),
+      apProCard: o("apProCard"),
+      apImage: o("apImage"),
+      apTitle: o("apTitle"),
+      searchForm: o("searchForm"),
+      apUpload: o("apUpload"),
+      apDescriptions: o("apDescriptions"),
       aplusLocale: e.aplusLocale,
       aplusToken: e.aplusToken,
       api: e.api,
-      apUpload: e.apUpload,
-      apDescriptions: e.apDescriptions,
       valueTypeMap: e.valueTypeMap,
       downloadCenterTriggerConfig: e.downloadCenterTriggerConfig,
       exportField: e.exportField,
       scrollYDomName: e.scrollYDomName,
-      viewCacheOption: e.viewCacheOption,
-      searchForm: e.searchForm,
-      apGrid: n(g),
-      agGrid: n(m),
-      apProCard: n(f),
-      apImage: n(v),
-      apTitle: n(C)
-    })), s = k(p);
-    return h(() => e, (o) => {
-      r.value = d(l(o), r.value);
+      viewCacheOption: e.viewCacheOption
+    })), g = F(u);
+    let r = !0;
+    return v(() => e, (a) => {
+      i.value = t(n(a), i.value);
     }, {
       deep: !0,
       immediate: !0
-    }), b(() => {
-      if (t) {
-        t = !1;
+    }), C(() => {
+      if (r) {
+        r = !1;
         return;
       }
-      r.value = d(l(e), r.value);
+      i.value = t(n(e), i.value);
     }), () => {
-      let o;
-      return w(D, r.value, y(o = A(u, "default", {
-        config: s?.value
-      })) ? o : {
-        default: () => [o]
+      let a;
+      return P(T, i.value, G(a = h(l, "default", {
+        config: g?.value
+      })) ? a : {
+        default: () => [a]
       });
     };
   }
 });
 export {
-  V as ConfigProvider,
-  r as globalConfigCached
+  E as ConfigProvider,
+  i as globalConfigCached
 };

package/es/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/es/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/es/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/es/src/utils/cssinjs/index.mjs

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

package/es/src/version.d.ts

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

package/es/src/version.mjs

@@ -1,4 +1,4 @@
-const e = "7.10.1";
+const e = "7.10.3";
 export {
   e as default
 };

package/lib/src/ag-grid/editable/index.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),u=require("lodash-unified"),d=require("../../ap-form/index.js");require("../../config-provider/index.js");require("../../hooks/index.js");const I=require("../hooks/use-editable-api.js"),P=require("../hooks/use-editable-columns.js");require("../index.vue2.js");const z=require("../style/editable.js"),c=require("./utils.js"),G=require("../../config-provider/hooks/use-namespace.js"),L=require("../../hooks/useControllableValue.js"),M=require("../../config-provider/hooks/use-global-config.js"),U=require("../index.vue.js"),W=e.defineComponent({name:"EditableGrid",__name:"index",props:{dropdownPrefixCls:{},bordered:{type:Boolean},locale:{},onResizeColumn:{},getPopupContainer:{},scroll:{},sortDirections:{},showSorterTooltip:{type:[Boolean,Object]},prefixCls:{},rowKey:{type:[String,Function],default:"key"},tableLayout:{},title:{},id:{},showHeader:{type:Boolean},components:{},customHeaderRow:{},direction:{},expandFixed:{type:[String,Boolean]},expandColumnWidth:{},expandedRowKeys:{},defaultExpandedRowKeys:{},expandedRowRender:{},expandRowByClick:{type:Boolean},expandIcon:{},onExpand:{},onExpandedRowsChange:{},defaultExpandAllRows:{type:Boolean},indentSize:{},expandIconColumnIndex:{},showExpandColumn:{type:Boolean},expandedRowClassName:{},childrenColumnName:{},rowExpandable:{},transformCellText:{},rowHoverable:{type:Boolean},rowSelection:{type:[Boolean,Object]},onLoadingChange:{},onShownColumnsChange:{},pagination:{type:[Boolean,Object],default:!1},searchFormWrapperStyle:{},tableWrapperStyle:{},wrapperStyle:{},tableStyle:{},adaptive:{type:Boolean},columnResizable:{type:Boolean,default:!1},loading:{type:Boolean,default:void 0},summary:{},rowHeight:{default:66},getRowHeight:{},advanceRenderer:{type:Boolean},browserTooltips:{type:Boolean},virtual:{type:[Boolean,Object],default:void 0},onRowClicked:{},onScrollEnd:{},rowClassName:{},rowClassRules:{},autoHeight:{type:Boolean},onUpdate:{},customRow:{},theme:{},columns:{},value:{},defaultValue:{},"onUpdate:value":{},onChange:{},maxLength:{},name:{default:"ap-editable-table-inner-name"},onFieldChange:{}},emits:["update:value"],setup(y,{expose:w,emit:b}){const g=e.useSlots(),a=y,{b:h}=G.useNamespace("editable-aggrid"),v=z.default("editable-aggrid"),C=b,s=e.ref(),{value:r,updateValue:p}=L.useControllableValue(a,C),l=e.ref(),R=d.ApForm.useWatch(a.name,l);e.watch(r,o=>{const t=c.arrayToObject(o,a.rowKey);u.isEqual(t,e.unref(R))||l.value?.setFieldValue(a.name,t)},{deep:!0});const x=M.useGlobalConfig("valueTypeMap"),B=P.useGetEditableColumns(a,x),{add:_,addMultiple:S,remove:T,removeByKey:q,getRowData:F,getRowsData:E,setRowData:A,clear:N,refreshRowIds:i}=I.useEditableApi(a,l,r,p);function j(){const o=s.value?._internalGridApi;if(!i.value?.length||!o)return;const t=i.value.map(n=>o.getRowNode(n)).filter(n=>!!n);o.refreshCells({rowNodes:t,force:!0}),i.value=[]}function V(){l.value?.resetFields()}function O(o){return o?(u.isArray(o)?o:[o]).map(n=>u.isArray(n)?[a.name,...n]:[a.name,n]):void 0}async function k(o,t){return(await l.value?.validateFields(O(o),t))?.[a.name]}function D(o){p(o);const t=c.arrayToObject(o,a.rowKey);l.value?.setFieldValue(a.name,t)}function f(o,t){const n=o==="end"?r.value.length-1:o;s.value?.scrollToRow(n,t)}function K(o,t){s.value?.scrollToColumn(o,t)}return w({resetFields:V,validateFields:k,add:_,addMultiple:S,remove:T,removeByKey:q,getRowData:F,getRowsData:E,setRowData:A,clear:N,setTableData:D,scrollTo:f,scrollToRow:f,scrollToColumn:K}),(o,t)=>(e.openBlock(),e.createBlock(e.unref(d.ApForm),{ref_key:"formRef",ref:l,"initial-values":{[a.name]:e.unref(c.arrayToObject)(e.unref(r),a.rowKey)},style:{height:"100%"}},{default:e.withCtx(()=>[e.createVNode(e.unref(d.ApForm).FormItem,{name:o.name,"no-style":""},{default:e.withCtx(()=>[e.createVNode(U.default,e.mergeProps(e.unref(u.omit)(a,["name","value","onUpdate:value","maxLength","onChange","defaultValue"]),{ref_key:"tableRef",ref:s,class:[e.unref(h)(),e.unref(v)],size:"mini",columns:e.unref(B),"data-source":e.unref(r),"search-form":!1,onUpdate:j}),e.createSlots({_:2},[e.renderList(g,(n,m)=>({name:m,fn:e.withCtx(H=>[e.renderSlot(o.$slots,m,e.normalizeProps(e.guardReactiveProps(H||{})))])}))]),1040,["class","columns","data-source"])]),_:3},8,["name"])]),_:3},8,["initial-values"]))}});exports.default=W;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),c=require("lodash-unified"),y=require("../../ap-form/index.js");require("../../config-provider/index.js");require("../../hooks/index.js");const L=require("../hooks/use-editable-api.js"),M=require("../hooks/use-editable-columns.js");require("../index.vue2.js");const U=require("../style/editable.js"),p=require("./utils.js"),W=require("../../config-provider/hooks/use-namespace.js"),$=require("../../hooks/useControllableValue.js"),J=require("../../config-provider/hooks/use-global-config.js"),Q=require("../index.vue.js"),X=e.defineComponent({name:"EditableGrid",__name:"index",props:{dropdownPrefixCls:{},bordered:{type:Boolean},locale:{},onResizeColumn:{},getPopupContainer:{},scroll:{},sortDirections:{},showSorterTooltip:{type:[Boolean,Object]},prefixCls:{},rowKey:{type:[String,Function],default:"key"},tableLayout:{},title:{},id:{},showHeader:{type:Boolean},components:{},customHeaderRow:{},direction:{},expandFixed:{type:[String,Boolean]},expandColumnWidth:{},expandedRowKeys:{},defaultExpandedRowKeys:{},expandedRowRender:{},expandRowByClick:{type:Boolean},expandIcon:{},onExpand:{},onExpandedRowsChange:{},defaultExpandAllRows:{type:Boolean},indentSize:{},expandIconColumnIndex:{},showExpandColumn:{type:Boolean},expandedRowClassName:{},childrenColumnName:{},rowExpandable:{},transformCellText:{},rowHoverable:{type:Boolean},rowSelection:{type:[Boolean,Object]},onLoadingChange:{},onShownColumnsChange:{},pagination:{type:[Boolean,Object],default:!1},searchFormWrapperStyle:{},tableWrapperStyle:{},wrapperStyle:{},tableStyle:{},adaptive:{type:Boolean},columnResizable:{type:Boolean,default:!1},loading:{type:Boolean,default:void 0},summary:{},rowHeight:{default:66},getRowHeight:{},advanceRenderer:{type:Boolean},browserTooltips:{type:Boolean},virtual:{type:[Boolean,Object],default:void 0},onRowClicked:{},onScrollEnd:{},rowClassName:{},rowClassRules:{},autoHeight:{type:Boolean},onUpdate:{},customRow:{},theme:{},columns:{},value:{},defaultValue:{},"onUpdate:value":{},onChange:{},maxLength:{},name:{default:"ap-editable-table-inner-name"},onFieldChange:{}},emits:["update:value"],setup(h,{expose:v,emit:C}){const R=e.useSlots(),a=h,{b:x}=W.useNamespace("editable-aggrid"),B=U.default("editable-aggrid"),_=C,i=e.ref(),{value:r,updateValue:w}=$.useControllableValue(a,_),l=e.ref(),S=y.ApForm.useWatch(a.name,l);e.watch(r,o=>{const t=p.arrayToObject(o,a.rowKey);c.isEqual(t,e.unref(S))||l.value?.setFieldValue(a.name,t)},{deep:!0});const T=J.useGlobalConfig("valueTypeMap"),q=M.useGetEditableColumns(a,T),{add:F,addMultiple:E,remove:A,removeByKey:j,getRowData:N,getRowsData:K,setRowData:V,clear:k,refreshRowIds:f}=L.useEditableApi(a,l,r,w);function O(){const o=i.value?._internalGridApi;if(!f.value?.length||!o)return;const t=f.value.map(n=>o.getRowNode(n)).filter(n=>!!n);o.refreshCells({rowNodes:t,force:!0}),f.value=[]}function D(){l.value?.resetFields()}function I(o){return o?(c.isArray(o)?o:[o]).map(n=>c.isArray(n)?[a.name,...n]:[a.name,n]):void 0}async function H(o,t){const s=(await l.value?.validateFields(I(o),t))?.[a.name];try{const d=Object.keys(s),g=r.value.map(u=>p.getRowKey(u,void 0,a.rowKey));return d.sort((u,G)=>g.findIndex(m=>String(m)===u)-g.findIndex(m=>String(m)===G)),d.map(u=>s[u])}catch{return s}}function P(o){w(o);const t=p.arrayToObject(o,a.rowKey);l.value?.setFieldValue(a.name,t)}function b(o,t){const n=o==="end"?r.value.length-1:o;i.value?.scrollToRow(n,t)}function z(o,t){i.value?.scrollToColumn(o,t)}return v({resetFields:D,validateFields:H,add:F,addMultiple:E,remove:A,removeByKey:j,getRowData:N,getRowsData:K,setRowData:V,clear:k,setTableData:P,scrollTo:b,scrollToRow:b,scrollToColumn:z}),(o,t)=>(e.openBlock(),e.createBlock(e.unref(y.ApForm),{ref_key:"formRef",ref:l,"initial-values":{[a.name]:e.unref(p.arrayToObject)(e.unref(r),a.rowKey)},style:{height:"100%"}},{default:e.withCtx(()=>[e.createVNode(e.unref(y.ApForm).FormItem,{name:o.name,"no-style":""},{default:e.withCtx(()=>[e.createVNode(Q.default,e.mergeProps(e.unref(c.omit)(a,["name","value","onUpdate:value","maxLength","onChange","defaultValue"]),{ref_key:"tableRef",ref:i,class:[e.unref(x)(),e.unref(B)],size:"mini",columns:e.unref(q),"data-source":e.unref(r),"search-form":!1,onUpdate:O}),e.createSlots({_:2},[e.renderList(R,(n,s)=>({name:s,fn:e.withCtx(d=>[e.renderSlot(o.$slots,s,e.normalizeProps(e.guardReactiveProps(d||{})))])}))]),1040,["class","columns","data-source"])]),_:3},8,["name"])]),_:3},8,["initial-values"]))}});exports.default=X;

package/lib/src/ap-action/item-dropdown/index.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),l=require("@aplus-frontend/antdv"),_=require("@aplus-frontend/icon"),i=require("lodash-unified");require("../../config-provider/index.js");require("../item/index.vue.js");require("../item-modal/index.vue2.js");require("../item-popconfirm/index.vue2.js");const g=require("../style/dropdown-item.js"),k=require("../../config-provider/hooks/use-namespace.js"),c=require("../item/index.vue2.js"),v=require("../item-modal/index.vue.js"),B=require("../item-popconfirm/index.vue.js"),y=e.defineComponent({name:"ApActionItemDropDown",__name:"index",props:{trigger:{default:()=>["hover"]},placement:{default:"bottomLeft"},actions:{default:()=>[]},showIcon:{type:Boolean,default:!0},text:{},color:{default:"primary"},disabled:{type:Boolean,default:!1},visible:{type:Boolean,default:!0},onClick:{},loading:{type:Boolean,default:!1},icon:{},iconFirst:{type:Boolean},tooltip:{}},setup(p){const a=p,n=e.ref(!1),{e:u,b:d}=k.useNamespace("action-item-dropdown"),s=g.default("action-item-dropdown"),f=e.computed(()=>a.actions.filter(t=>t.visible||i.isUndefined(t.visible)).map(t=>({...t,onAction:async o=>{try{await t.onAction?.(o)}finally{n.value=!1}}})));return(t,o)=>(e.openBlock(),e.createBlock(e.unref(l.Dropdown),{open:n.value,"onUpdate:open":o[0]||(o[0]=r=>n.value=r),trigger:t.trigger,placement:t.placement,class:e.normalizeClass(e.unref(s))},{overlay:e.withCtx(()=>[e.createVNode(e.unref(l.Menu),null,{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(f.value,(r,m)=>(e.openBlock(),e.createBlock(e.unref(l.MenuItem),{key:m,class:e.normalizeClass([e.unref(s),e.unref(u)("item")])},{default:e.withCtx(()=>[r.modalProps?(e.openBlock(),e.createBlock(v.default,e.mergeProps({key:0,ref_for:!0},r),null,16)):r.popconfirmProps?(e.openBlock(),e.createBlock(B.default,e.mergeProps({key:1,ref_for:!0},r),null,16)):(e.openBlock(),e.createBlock(c.default,e.mergeProps({key:2,ref_for:!0},r),null,16))]),_:2},1032,["class"]))),128))]),_:1})]),default:e.withCtx(()=>[e.createElementVNode("span",{class:e.normalizeClass(e.unref(d)())},[e.createVNode(c.default,e.normalizeProps(e.guardReactiveProps(e.unref(i.omit)(a,["actions","trigger","placement","text"]))),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default",{},()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(()=>t.text)))]),e.createElementVNode("span",{class:e.normalizeClass(e.unref(u)("icon"))},[t.showIcon?(e.openBlock(),e.createBlock(e.unref(_.IconApAdLineDown),{key:0})):e.createCommentVNode("",!0)],2)]),_:3},16)],2)]),_:3},8,["open","trigger","placement","class"]))}});exports.default=y;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),l=require("@aplus-frontend/antdv"),g=require("@aplus-frontend/icon"),c=require("lodash-unified");require("../../config-provider/index.js");require("../item/index.vue.js");require("../item-modal/index.vue2.js");require("../item-popconfirm/index.vue2.js");const k=require("../style/dropdown-item.js"),v=require("../../config-provider/hooks/use-namespace.js"),i=require("../item/index.vue2.js"),B=require("../item-modal/index.vue.js"),y=require("../item-popconfirm/index.vue.js"),C=e.defineComponent({name:"ApActionItemDropDown",__name:"index",props:{trigger:{default:()=>["hover"]},placement:{default:"bottomLeft"},actions:{default:()=>[]},showIcon:{type:Boolean,default:!0},text:{},color:{default:"primary"},disabled:{type:Boolean,default:!1},visible:{type:Boolean,default:!0},onClick:{},loading:{type:Boolean,default:!1},icon:{},iconFirst:{type:Boolean},tooltip:{}},setup(p){const a=p,n=e.ref(!1),{e:u,b:d}=v.useNamespace("action-item-dropdown"),s=k.default("action-item-dropdown"),f=(t,o)=>{(o.source==="trigger"||t)&&(n.value=t)},m=e.computed(()=>a.actions.filter(t=>t.visible||c.isUndefined(t.visible)).map(t=>({...t,onClick:o=>{t.onClick?.(o),!t.onAction&&(n.value=!1)},onAction:t.onAction?async o=>{try{await t.onAction?.(o)}finally{n.value=!1}}:void 0})));return(t,o)=>(e.openBlock(),e.createBlock(e.unref(l.Dropdown),{open:n.value,trigger:t.trigger,placement:t.placement,class:e.normalizeClass(e.unref(s)),onOpenChange:f},{overlay:e.withCtx(()=>[e.createVNode(e.unref(l.Menu),null,{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(m.value,(r,_)=>(e.openBlock(),e.createBlock(e.unref(l.MenuItem),{key:_,class:e.normalizeClass([e.unref(s),e.unref(u)("item")])},{default:e.withCtx(()=>[r.modalProps?(e.openBlock(),e.createBlock(B.default,e.mergeProps({key:0,ref_for:!0},r),null,16)):r.popconfirmProps?(e.openBlock(),e.createBlock(y.default,e.mergeProps({key:1,ref_for:!0},r),null,16)):(e.openBlock(),e.createBlock(i.default,e.mergeProps({key:2,ref_for:!0},r),null,16))]),_:2},1032,["class"]))),128))]),_:1})]),default:e.withCtx(()=>[e.createElementVNode("span",{class:e.normalizeClass(e.unref(d)())},[e.createVNode(i.default,e.normalizeProps(e.guardReactiveProps(e.unref(c.omit)(a,["actions","trigger","placement","text"]))),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default",{},()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(()=>t.text)))]),e.createElementVNode("span",{class:e.normalizeClass(e.unref(u)("icon"))},[t.showIcon?(e.openBlock(),e.createBlock(e.unref(g.IconApAdLineDown),{key:0})):e.createCommentVNode("",!0)],2)]),_:3},16)],2)]),_:3},8,["open","trigger","placement","class"]))}});exports.default=C;

package/lib/src/ap-action/style/dropdown-item.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("../../utils/cssinjs/index.js"),n=e=>{const{componentCls:t,namespace:o}=e,i=`.${o}-action-item`;return{[t]:{display:"inline-flex",flexDirection:"row",alignItems:"center","&__item":{[i]:{width:"100%"}},[`${t}__icon`]:{fontSize:e.fontSize,display:"inline-flex"}}}},c=l.genComponentStyleHook("ApAction.Dropdown",e=>[n(e)]);exports.default=c;exports.genActionDropdownItemStyle=n;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("../../utils/cssinjs/index.js"),i=e=>{const{componentCls:n,namespace:o}=e,t=`.${o}-action-item`;return{[n]:{display:"inline-flex",flexDirection:"row",alignItems:"center","&__item":{padding:"0px !important",[t]:{width:"100%",paddingInline:"12px",paddingBlock:"6px"},[`${t}--loading`]:{marginInlineEnd:e.calc(e.spaceXS).mul(-3).equal()}},[`${n}__icon`]:{fontSize:e.fontSize,display:"inline-flex"}}}},c=l.genComponentStyleHook("ApAction.Dropdown",e=>[i(e)]);exports.default=c;exports.genActionDropdownItemStyle=i;