@aplus-frontend/ui 6.40.0 → 7.0.0-beta.0

package/lib/src/ap-grid/utils/col.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("vue"),l=require("lodash-unified"),u=require("../../ap-table/utils.js"),x=require("../../ap-table/constants.js");require("../../ap-table/components/paragraph-ellipsis/index.vue.js");const q=require("../../ap-table/components/paragraph-ellipsis/index.vue2.js");function h(e,t){if(t)return l.isArray(t)?t.reduce((r,n)=>r?.[n],e):e?.[t]}function y(e){if(!l.isUndefined(e))return l.isArray(e)?e.reduce((t,r)=>l.isString(r)?`${t}${t?".":""}${r}`:`${t}[${r}]`,""):String(e)}function b(e){if(e)return e===!0?"left":e}function A(e){return l.isBoolean(e)?{sortable:e}:e?{sortable:!0,sortType:e?.type,sortBy:e?.by}:{sortable:!1}}function N(e){let t;return l.isBoolean(e.filters)&&e.valueEnum?t=u.valueEnumToArray(e.valueEnum):t=e.filters,t?.map(r=>({label:l.isString(r.text)?r.text:"",value:r.value}))}function R(e){if(e)return t=>e(t.value,t.row)}function S(e,t){return e?l.isNumber(e)?{tooltip:t,rows:e}:e===!0||e==="tooltip"?{tooltip:t,rows:1}:{tooltip:null,rows:1,htmlTitle:e==="title"?t:""}:!1}function V(e,t,r){if(x.noRenderAsFormItemValueList.includes(e.valueType))return r;if(e.copyable||e.ellipsis){const n=S(e.ellipsis,t),i=u.objectToString(t);return f.createVNode(q.default,{rawValue:i,copyable:e.copyable,ellipsis:n,content:r},null)}return r}function c(e,t,r){const n=l.pick(e,["width","minWidth","align"]);return n.field=y(e.dataIndex),n.fixed=b(e.fixed),n.slots={header:()=>u.getTableTitle(e,r,void 0,t)},n.headerAlign=e.align,n.showOverflow=!1,n.showFooterOverflow=!1,n}const v=({value:e,...t},r,n,i=!0)=>{const a=u.getTableRenderType(r),d=u.getTableRenderProps({...r,valueType:a},{value:e,...t}),s=u.getTableCellRenderNode(a,d,t.record,n),o=r.renderText?.({value:e,...t})||e,F=r.renderText?f.createVNode(f.Fragment,null,[r.renderText?.({value:e,...t})]):s;let p=i?V(r,o,F):F;return r.customRender&&(p=r.customRender({value:e,...t,column:r,originalNode:p,originalText:o})),f.createVNode(f.Fragment,null,[p])};function T(e,t,r,n){const i=l.pick(e,["width","minWidth","align","resizable","className","headerClassName","footerClassName","treeNode"]);i.field=y(e.dataIndex),i.fixed=b(e.fixed),i.headerAlign=e.align,i.footerAlign=e.align,i.showOverflow=!1,i.showFooterOverflow=!1,Object.assign(i,A(e.sorter)),i.filters=N(e),i.filterMultiple=e.filterMultiple,i.filterMethod=R(e.onFilter);const a=({row:d,rowIndex:s})=>v({value:h(d,e.dataIndex),text:h(d,e.dataIndex),record:d,index:s,renderIndex:s,column:e},e,n);return i.slots={header:()=>u.getTableTitle(e,r,void 0,t),default:a,footer:a},e.html&&(delete i.slots.default,delete i.slots.footer,i.type="html"),e.seq&&(i.type="seq",i.slots={}),i}function _(e,t,r,n){if(!e.children?.length)return T(e,t,r,n);function i(d){return d.map(s=>{if(s.children?.length){const o=c(s,t,r);return o.children=i(s.children),o}return T(s,t,r,n)})}const a=c(e,t,r);return a.children=i(e.children),a}exports.contentCustom=v;exports.dataIndexToField=y;exports.getValueByDataIndex=h;exports.transformCol=_;exports.transformFixed=b;exports.transformToColGroup=c;exports.transformToColumn=T;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("vue"),l=require("lodash-unified"),u=require("../../ap-table/utils.js"),q=require("../../ap-table/constants.js");require("../../ap-table/components/paragraph-ellipsis/index.vue.js");const A=require("../../ap-table/components/paragraph-ellipsis/index.vue2.js");function p(e,t){if(t)return l.isArray(t)?t.reduce((r,i)=>r?.[i],e):e?.[t]}function y(e){if(!l.isUndefined(e))return l.isArray(e)?e.reduce((t,r)=>l.isString(r)?`${t}${t?".":""}${r}`:`${t}[${r}]`,""):String(e)}function b(e){if(e)return e===!0?"left":e}function N(e){return l.isBoolean(e)?{sortable:e}:e?{sortable:!0,sortType:e?.type,sortBy:e?.by}:{sortable:!1}}function R(e){let t;return l.isBoolean(e.filters)&&e.valueEnum?t=u.valueEnumToArray(e.valueEnum):t=e.filters,t?.map(r=>({label:l.isString(r.text)?r.text:"",value:r.value}))}function _(e){if(e)return t=>e(t.value,t.row)}function V(e,t){return e?l.isNumber(e)?{tooltip:t,rows:e}:e===!0||e==="tooltip"?{tooltip:t,rows:1}:{tooltip:null,rows:1,htmlTitle:e==="title"?t:""}:!1}function O(e,t,r){if(q.noRenderAsFormItemValueList.includes(e.valueType))return r;if(e.copyable||e.ellipsis){const i=V(e.ellipsis,t),n=u.objectToString(t);return f.createVNode(A.default,{rawValue:n,copyable:e.copyable,ellipsis:i,content:r},null)}return r}function c(e,t,r){const i=l.pick(e,["width","minWidth","align"]);return i.field=y(e.dataIndex),i.fixed=b(e.fixed),i.slots={header:()=>u.getTableTitle(e,r,void 0,t)},i.headerAlign=e.align,i.showOverflow=!1,i.showFooterOverflow=!1,i}function g(e,t,r){if(r)return l.isString(r)?e[r]:r(e,t)}const F=({value:e,...t},r,i,n=!0)=>{const a=u.getTableRenderType(r),d=u.getTableRenderProps({...r,valueType:a},{value:e,...t}),s=u.getTableCellRenderNode(a,d,t.record,i),o=r.renderText?.({value:e,...t})||e,x=r.renderText?f.createVNode(f.Fragment,null,[r.renderText?.({value:e,...t})]):s;let h=n?O(r,o,x):x;if(r.customRender){const v=r._path||[],S=g(t.record,t.rowIndex,t.params.rowKey);h=r.customRender({value:e,...t,column:r,originalNode:h,originalText:o,path:[...v,String(S)]})}return f.createVNode(f.Fragment,null,[h])};function T(e,t,r,i){const n=l.pick(e,["width","minWidth","align","resizable","className","headerClassName","footerClassName","treeNode"]);n.field=y(e.dataIndex),n.fixed=b(e.fixed),n.headerAlign=e.align,n.footerAlign=e.align,n.showOverflow=!1,n.showFooterOverflow=!1,Object.assign(n,N(e.sorter)),n.filters=R(e),n.filterMultiple=e.filterMultiple,n.filterMethod=_(e.onFilter);const a=({row:d,rowIndex:s})=>F({value:p(d,e.dataIndex),text:p(d,e.dataIndex),record:d,index:s,renderIndex:s,column:e},e,i);return n.slots={header:()=>u.getTableTitle(e,r,void 0,t),default:a,footer:a},e.html&&(delete n.slots.default,delete n.slots.footer,n.type="html"),e.seq&&(n.type="seq",n.slots={}),n}function w(e,t,r,i){if(!e.children?.length)return T(e,t,r,i);function n(d){return d.map(s=>{if(s.children?.length){const o=c(s,t,r);return o.children=n(s.children),o}return T(s,t,r,i)})}const a=c(e,t,r);return a.children=n(e.children),a}exports.contentCustom=F;exports.dataIndexToField=y;exports.getValueByDataIndex=p;exports.transformCol=w;exports.transformFixed=b;exports.transformToColGroup=c;exports.transformToColumn=T;

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

@@ -4,6 +4,7 @@ import { ApiType, ApUploadConfig, ApDescriptionsConfig, ValueTypeRenderConfig, d
 import { ApGridProps } from '../ap-grid';
 import { AgGridProps } from '../ag-grid';
 import { ViewCacheOption } from '../business';
+import { FullToken } from '../design-token/interface';
 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';
@@ -156,6 +157,12 @@ export declare const configProviderProps: () => {
     aplusLocale: {
         type: PropType<LocaleType>;
     };
+    /**
+     * APlus-UI 自己的token
+     */
+    aplusToken: {
+        type: PropType<Partial<FullToken>>;
+    };
     namespace: {
         type: StringConstructor;
     };

package/lib/src/config-provider/config-provider-props.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@aplus-frontend/antdv/es/config-provider/context"),t=()=>({apGrid:{type:Object},agGrid:{type:Object}}),o=()=>({aplusLocale:{type:Object},namespace:{type:String},api:{type:Object,default:()=>({})},uiMode:{type:String},apUpload:{type:Object,default:()=>({})},apDescriptions:{type:Object,default:()=>({})},valueTypeMap:{type:Object,default:()=>({})},downloadCenterTriggerConfig:{type:Object,default:()=>({})},exportField:{type:[Object,Boolean],default:!1},scrollYDomName:{type:String},viewCacheOption:{type:Object,default:()=>({})},searchForm:{type:Object,default:()=>({})},...t(),...e.configProviderProps()});exports.configProviderProps=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@aplus-frontend/antdv/es/config-provider/context"),t=()=>({apGrid:{type:Object},agGrid:{type:Object}}),o=()=>({aplusLocale:{type:Object},aplusToken:{type:Object},namespace:{type:String},api:{type:Object,default:()=>({})},uiMode:{type:String},apUpload:{type:Object,default:()=>({})},apDescriptions:{type:Object,default:()=>({})},valueTypeMap:{type:Object,default:()=>({})},downloadCenterTriggerConfig:{type:Object,default:()=>({})},exportField:{type:[Object,Boolean],default:!1},scrollYDomName:{type:String},viewCacheOption:{type:Object,default:()=>({})},searchForm:{type:Object,default:()=>({})},...t(),...e.configProviderProps()});exports.configProviderProps=o;

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

@@ -8,6 +8,7 @@ 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, ViewCacheOption } from '..';
 import { LocaleType } from '../locale';
+import { FullToken } from '../design-token/interface';
 import { ApiType, ApUploadConfig, ApDescriptionsConfig, ValueTypeRenderConfig, downloadCenterTriggerConfig, ExportField, SearchFormGlobalConfig } from './constants';
 export declare const globalConfigCached: Ref<ConfigProviderProps>;
 export declare const ConfigProvider: DefineComponent<ExtractPropTypes<{
@@ -155,6 +156,9 @@ export declare const ConfigProvider: DefineComponent<ExtractPropTypes<{
     aplusLocale: {
         type: PropType<LocaleType>;
     };
+    aplusToken: {
+        type: PropType<Partial< FullToken>>;
+    };
     namespace: {
         type: StringConstructor;
     };
@@ -341,6 +345,9 @@ export declare const ConfigProvider: DefineComponent<ExtractPropTypes<{
     aplusLocale: {
         type: PropType<LocaleType>;
     };
+    aplusToken: {
+        type: PropType<Partial< FullToken>>;
+    };
     namespace: {
         type: StringConstructor;
     };

package/lib/src/config-provider/config-provider.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("vue"),C=require("@aplus-frontend/antdv"),u=require("./hooks/use-global-config.js"),P=require("./config-provider-props.js"),r=require("../utils/config-provider-preset.js"),c=require("./constants.js");function G(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!i.isVNode(e)}const o=i.ref({}),h=i.defineComponent({name:"AplusConfigProvider",props:P.configProviderProps(),setup(e,{slots:l}){const t=u.useGlobalConfig();let a=!0;const f=i.computed(()=>e.namespace!==void 0?e.namespace:t.value?.namespace||c.DEFAULT_NAMESPACE),d=i.computed(()=>e.uiMode!==void 0?e.uiMode:t.value?.uiMode||c.DEFAULT_UIMODE),g=i.computed(()=>e.apGrid!==void 0?e.apGrid:t.value?.apGrid),m=i.computed(()=>e.agGrid!==void 0?e.agGrid:t.value?.agGrid),v=i.computed(()=>({namespace:i.unref(f),aplusLocale:e.aplusLocale,api:e.api,uiMode:i.unref(d),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:i.unref(g),agGrid:i.unref(m)})),s=u.provideGlobalConfig(v);return i.watch(()=>e,n=>{o.value=r.mergeAntdProviderConfigWithCache(r.mergeAntdProvideConfig(n),o.value)},{deep:!0,immediate:!0}),i.onActivated(()=>{if(a){a=!1;return}o.value=r.mergeAntdProviderConfigWithCache(r.mergeAntdProvideConfig(e),o.value)}),typeof window<"u"&&i.watch(()=>i.unref(d),n=>{document.documentElement.dataset.aplusUiMode=n},{immediate:!0}),()=>{let n;return i.createVNode(C.ConfigProvider,o.value,G(n=i.renderSlot(l,"default",{config:s?.value}))?n:{default:()=>[n]})}}});exports.ConfigProvider=h;exports.globalConfigCached=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("vue"),C=require("@aplus-frontend/antdv"),u=require("./hooks/use-global-config.js"),P=require("./config-provider-props.js"),r=require("../utils/config-provider-preset.js"),c=require("./constants.js");function G(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!n.isVNode(e)}const o=n.ref({}),h=n.defineComponent({name:"AplusConfigProvider",props:P.configProviderProps(),setup(e,{slots:l}){const t=u.useGlobalConfig();let a=!0;const f=n.computed(()=>e.namespace!==void 0?e.namespace:t.value?.namespace||c.DEFAULT_NAMESPACE),d=n.computed(()=>e.uiMode!==void 0?e.uiMode:t.value?.uiMode||c.DEFAULT_UIMODE),g=n.computed(()=>e.apGrid!==void 0?e.apGrid:t.value?.apGrid),m=n.computed(()=>e.agGrid!==void 0?e.agGrid:t.value?.agGrid),s=n.computed(()=>({namespace:n.unref(f),aplusLocale:e.aplusLocale,aplusToken:e.aplusToken,api:e.api,uiMode:n.unref(d),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.unref(g),agGrid:n.unref(m)})),v=u.provideGlobalConfig(s);return n.watch(()=>e,i=>{o.value=r.mergeAntdProviderConfigWithCache(r.mergeAntdProvideConfig(i),o.value)},{deep:!0,immediate:!0}),n.onActivated(()=>{if(a){a=!1;return}o.value=r.mergeAntdProviderConfigWithCache(r.mergeAntdProvideConfig(e),o.value)}),typeof window<"u"&&n.watch(()=>n.unref(d),i=>{document.documentElement.dataset.aplusUiMode=i},{immediate:!0}),()=>{let i;return n.createVNode(C.ConfigProvider,o.value,G(i=n.renderSlot(l,"default",{config:v?.value}))?i:{default:()=>[i]})}}});exports.ConfigProvider=h;exports.globalConfigCached=o;

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

@@ -9,6 +9,7 @@ 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, ViewCacheOption } from '../..';
 import { LocaleType } from '../../locale';
+import { FullToken } from '../../design-token/interface';
 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>;
@@ -158,6 +159,9 @@ export declare const provideGlobalConfig: (config: MaybeRef<ConfigProviderContex
     aplusLocale: {
         type: PropType<LocaleType>;
     };
+    aplusToken: {
+        type: PropType<Partial< FullToken>>;
+    };
     namespace: {
         type: StringConstructor;
     };

package/lib/src/config-provider/hooks/use-global-config.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),f=require("../constants.js"),d=require("./use-locale.js"),g=require("./use-namespace.js"),l=e=>Object.keys(e),i=o.ref();function v(e,n=void 0){const r=o.getCurrentInstance()?o.inject(f.configProviderContextKey,i):i;return e?o.computed(()=>r.value?.[e]??n):r}const p=(e,n,r=!1)=>{const c=!!o.getCurrentInstance(),t=c?v():void 0,u=n?.provide??(c?o.provide:void 0);if(!u)return;const s=o.computed(()=>{const a=o.unref(e);return t?.value?C(t.value,a):a});return u(f.configProviderContextKey,s),u(g.namespaceContextKey,s.value.namespace),u(d.localeContextKey,o.computed(()=>s.value.aplusLocale)),(r||!i.value)&&(i.value=s.value),s},C=(e,n)=>{const r=[...new Set([...l(e),...l(n)])],c={};for(const t of r)c[t]=n[t]!==void 0?n[t]:e[t];return c};exports.keysOf=l;exports.provideGlobalConfig=p;exports.useGlobalConfig=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),f=require("../constants.js"),g=require("./use-locale.js"),p=require("./use-namespace.js"),C=require("./use-token.js"),m=require("lodash-unified"),y=require("../../design-token/constants.js"),a=o=>Object.keys(o),i=e.ref();function d(o,n=void 0){const r=e.getCurrentInstance()?e.inject(f.configProviderContextKey,i):i;return o?e.computed(()=>r.value?.[o]??n):r}const k=(o,n,r=!1)=>{const c=!!e.getCurrentInstance(),t=c?d():void 0,u=n?.provide??(c?e.provide:void 0);if(!u)return;const s=e.computed(()=>{const l=e.unref(o);return t?.value?b(t.value,l):l});u(f.configProviderContextKey,s),u(p.namespaceContextKey,s.value.namespace);const v=e.computed(()=>({...m.merge(y.defaultToken,s.value.aplusToken||{})}));return u(C.designTokenContextKey,v),u(g.localeContextKey,e.computed(()=>s.value.aplusLocale)),(r||!i.value)&&(i.value=s.value),s},b=(o,n)=>{const r=[...new Set([...a(o),...a(n)])],c={};for(const t of r)c[t]=n[t]!==void 0?n[t]:o[t];return c};exports.keysOf=a;exports.provideGlobalConfig=k;exports.useGlobalConfig=d;

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

@@ -0,0 +1,4 @@
+import { InjectionKey, Ref } from 'vue';
+import { FullToken } from '../../design-token/interface';
+export declare const designTokenContextKey: InjectionKey<Ref<Partial<FullToken>>>;
+export declare const useToken: () => Ref<FullToken>;

package/lib/src/config-provider/hooks/use-token.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),n=Symbol("designTokenContextKey"),t=()=>e.inject(n,e.ref({}));exports.designTokenContextKey=n;exports.useToken=t;

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

@@ -7,6 +7,7 @@ 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, ViewCacheOption } from '..';
 import { LocaleType } from '../locale';
+import { FullToken } from '../design-token/interface';
 import { ApiType, ApUploadConfig, ApDescriptionsConfig, ValueTypeRenderConfig, downloadCenterTriggerConfig, ExportField, SearchFormGlobalConfig } from './constants';
 export * from './config-provider-props';
 export * from './constants';
@@ -160,6 +161,9 @@ export declare const APConfigProvider: {
         aplusLocale: {
             type: PropType<LocaleType>;
         };
+        aplusToken: {
+            type: PropType<Partial< FullToken>>;
+        };
         namespace: {
             type: StringConstructor;
         };
@@ -392,6 +396,9 @@ export declare const APConfigProvider: {
         aplusLocale: {
             type: PropType<LocaleType>;
         };
+        aplusToken: {
+            type: PropType<Partial< FullToken>>;
+        };
         namespace: {
             type: StringConstructor;
         };
@@ -621,6 +628,9 @@ export declare const APConfigProvider: {
     aplusLocale: {
         type: PropType<LocaleType>;
     };
+    aplusToken: {
+        type: PropType<Partial< FullToken>>;
+    };
     namespace: {
         type: StringConstructor;
     };

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

@@ -0,0 +1,2 @@
+import { BaseToken } from './interface';
+export declare const defaultToken: BaseToken;

package/lib/src/design-token/constants.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o={borderColorBase:"#dee4ed",hoverColorBase:"#66a9ff",activeColorBase:"#66a9ff",colorPrimary:"#0070ff",colorPrimaryDisabled:"#cce2ff",colorLink:"#0070ff",colorLinkHover:"#66a9ff",colorLinkDisabled:"#cce2ff",colorSuccess:"#2ed1a3",colorSuccessDisabled:"#d5f6ed",colorError:"#ff4d4f",colorErrorDisabled:"#ffdbdc",colorWarn:"#ffa940",colorWarnDisabled:"#ffeed9",textColor1:"#526a90",textColor2:"#182948",textColor3:"#8896b0",textColor4:"#abb7cc",colorBg1:"#e9edf3",colorBg2:"#f6f9fa",colorBg3:"#f3f5f8",colorBgDisabled:"#f2f6f9",fontSizeSM:10,fontSize:12,fontSizeLG:14,fontSizeXL:16,lineHeightSM:16,lineHeight:18,lineHeightLG:22,borderRadiusXS:1,borderRadius:4,spaceXXS:2,spaceXS:4,spaceSM:6,space:8,spaceMD:10,spaceLG:12,spaceXL:16,spaceXXL:24};exports.defaultToken=o;

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

@@ -0,0 +1,123 @@
+import { ActionToken } from '../ap-action/style';
+import { Recordable } from '../type';
+import { CSSInterpolation } from '@emotion/serialize';
+export type BaseToken = {
+    /**
+     * 基础边框色
+     */
+    borderColorBase: string;
+    /**
+     * 基础hover色
+     */
+    hoverColorBase: string;
+    /**
+     * 基础active色
+     */
+    activeColorBase: string;
+    /**
+     * 主色
+     */
+    colorPrimary: string;
+    /**
+     * 主色禁用色
+     */
+    colorPrimaryDisabled: string;
+    /**
+     * 链接色
+     */
+    colorLink: string;
+    /**
+     * 链接色-hover
+     */
+    colorLinkHover: string;
+    /**
+     * 链接色-禁用
+     */
+    colorLinkDisabled: string;
+    /**
+     * 成功色
+     */
+    colorSuccess: string;
+    /**
+     * 成功色-禁用
+     */
+    colorSuccessDisabled: string;
+    /**
+     * 失败色
+     */
+    colorError: string;
+    /**
+     * 失败色-禁用
+     */
+    colorErrorDisabled: string;
+    /**
+     * 警告色
+     */
+    colorWarn: string;
+    /**
+     * 警告色-禁用
+     */
+    colorWarnDisabled: string;
+    /**
+     * 一级文本色
+     */
+    textColor1: string;
+    /**
+     * 二级文本色
+     */
+    textColor2: string;
+    /**
+     * 三级文本色
+     */
+    textColor3: string;
+    /**
+     * 四级文本色
+     */
+    textColor4: string;
+    /**
+     * 一级背景色
+     */
+    colorBg1: string;
+    /**
+     * 二级背景色
+     */
+    colorBg2: string;
+    /**
+     * 三级背景色
+     */
+    colorBg3: string;
+    /**
+     * 背景禁用色
+     */
+    colorBgDisabled: string;
+    fontSizeXL: number;
+    fontSizeLG: number;
+    fontSize: number;
+    fontSizeSM: number;
+    lineHeightLG: number;
+    lineHeight: number;
+    lineHeightSM: number;
+    borderRadiusXS: number;
+    borderRadius: number;
+    spaceXXS: number;
+    spaceXS: number;
+    spaceSM: number;
+    space: number;
+    spaceMD: number;
+    spaceLG: number;
+    spaceXL: number;
+    spaceXXL: number;
+};
+export type FullToken = BaseToken & {
+    components: {
+        ApAction: ActionToken;
+    };
+};
+export type TokenWithComponentCls<Token> = Token & {
+    componentCls: string;
+};
+export type CssVarToken<Token = Recordable> = {
+    [key in keyof Token]: Token[key] | string;
+};
+export type GenStyleFunc<Token> = (token: TokenWithComponentCls<Token>) => CSSInterpolation;
+export type GenStyleCallback<Token> = (token: TokenWithComponentCls<Token>) => CSSInterpolation[];

package/lib/src/style/index.cjs

@@ -0,0 +1,12 @@
+export const resetComponent = (token) => {
+    return {
+        boxSizing: 'border-box',
+        margin: 0,
+        padding: 0,
+        color: token.textColor2,
+        fontSize: token.fontSize,
+        fontFamily: 'inherit',
+        lineHeight: token.lineHeight,
+        listStyle: 'none'
+    };
+};

package/lib/src/style/index.d.ts

@@ -0,0 +1,3 @@
+import { CSSProperties } from 'vue';
+import { BaseToken } from '../design-token/interface';
+export declare const resetComponent: (token: BaseToken) => CSSProperties;

package/lib/src/style/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=e=>({boxSizing:"border-box",margin:0,padding:0,color:e.textColor2,fontSize:e.fontSize,fontFamily:"inherit",lineHeight:e.lineHeight,listStyle:"none"});exports.resetComponent=t;

package/lib/src/utils/cssinjs/index.d.ts

@@ -0,0 +1,8 @@
+import { BaseToken, GenStyleCallback } from '../../design-token/interface';
+import { Ref } from 'vue';
+type GeneraterOption = {
+    skipUnit: string[];
+};
+export declare function camelToKebab(str: string): string;
+export declare function genComponentStyleHook<ComponentToken>(componentName: string, cb: GenStyleCallback<BaseToken & ComponentToken>, componentToken?: Partial<ComponentToken>, option?: GeneraterOption): (prefixCls: string) => Ref<string | undefined, string | undefined>;
+export {};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("lodash-unified"),a=require("vue"),g=require("../../config-provider/hooks/use-token.js"),f=require("@emotion/css");require("../../config-provider/index.js");const k=require("../../config-provider/hooks/use-global-config.js");function C(e,t){return Object.entries(e).reduce((n,[s,r])=>{const c=typeof r=="number"&&!t?.skipUnit?.includes(s)?`${r}px`:r;return n[i(s)]=c,n},{})}function i(e){return"--"+e.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()}function T(e){const t={};for(const n in e)t[n]=`var(${i(n)})`;return t}function S(e,t,n,s){return r=>{const c=a.ref(),l=g.useToken(),b=k.useGlobalConfig("namespace"),m=a.computed(()=>{let o=p.omit(l.value||{},"components");return o={...o,...p.merge(n||{},l.value.components?.[e]||{})},o});return a.watch(()=>m.value,o=>{const u=T(o);u.componentCls=`.${b.value}-${r}`;const d=t(u);f.injectGlobal(d)},{immediate:!0,once:!0}),a.watch(()=>m.value,o=>{const u=C(o,s);c.value=f.css(u)},{deep:!0,immediate:!0}),c}}exports.camelToKebab=i;exports.genComponentStyleHook=S;

package/lib/src/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "6.40.0";
+declare const _default: "7.0.0-beta.0";
 export default _default;

package/lib/src/version.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aplus-frontend/ui",
-  "version": "6.40.0",
+  "version": "7.0.0-beta.0",
   "main": "./lib/index.js",
   "type": "module",
   "files": [
@@ -27,6 +27,7 @@
   },
   "dependencies": {
     "@ant-design/icons-vue": "^7.0.1",
+    "@emotion/css": "^11.13.5",
     "@fruits-chain/utils": "^1.0.7",
     "@vueuse/core": "^10.9.0",
     "ag-grid-community": "^33.3.2",
@@ -51,6 +52,7 @@
     "@aplus-frontend/antdv": "^1.2.16",
     "@aplus-frontend/icon": "^1.3.2",
     "@aplus-frontend/oss": "^1.1.2",
+    "@emotion/serialize": "^1.3.3",
     "@types/sortablejs": "^1.15.8",
     "@vue/test-utils": "^2.4.6",
     "axios": "^1.7.2",

package/theme/ag-grid/index.css

@@ -485,62 +485,6 @@
   word-wrap: break-word;
   word-break: break-all;
 }
-.aplus-action-item {
-  box-sizing: border-box;
-  margin: 0;
-  padding: 0;
-  color: #182948;
-  font-size: 12px;
-  font-family: inherit;
-  line-height: 18px;
-  list-style: none;
-  display: inline-block;
-  cursor: pointer;
-}
-.aplus-action-item--primary {
-  color: var(--ap-color-link);
-}
-.aplus-action-item--primary:not(.aplus-action-item--disabled):hover {
-  color: var(--ap-color-link-hover);
-}
-.aplus-action-item--success {
-  color: var(--ap-color-success);
-}
-.aplus-action-item--error {
-  color: var(--ap-color-error);
-}
-.aplus-action-item--warn {
-  color: var(--ap-color-warn);
-}
-.aplus-action-item--loading {
-  opacity: 0.35;
-  transition: opacity 0.2s;
-  cursor: default;
-}
-.aplus-action-item--loading .btn-loading-icon {
-  margin-right: 4px;
-}
-.aplus-action-item--disabled {
-  cursor: not-allowed;
-}
-.aplus-action-item--primary.aplus-action-item--disabled {
-  color: var(--ap-color-link-disabled);
-}
-.aplus-action-item--success.aplus-action-item--disabled {
-  color: var(--ap-color-success-disabled);
-}
-.aplus-action-item--error.aplus-action-item--disabled {
-  color: var(--ap-color-error-disabled);
-}
-.aplus-action-item--warn.aplus-action-item--disabled {
-  color: var(--ap-color-warn-disabled);
-}
-.aplus-action-item__icon-wrapper {
-  padding-right: 4px;
-}
-.aplus-action-item--icon-first .aplus-action-item__icon-wrapper {
-  padding-right: 0;
-}
 .aplus-action-item-dropdown__item .aplus-action-item {
   width: 100%;
 }

package/theme/ag-grid-modal/index.css

@@ -485,62 +485,6 @@
   word-wrap: break-word;
   word-break: break-all;
 }
-.aplus-action-item {
-  box-sizing: border-box;
-  margin: 0;
-  padding: 0;
-  color: #182948;
-  font-size: 12px;
-  font-family: inherit;
-  line-height: 18px;
-  list-style: none;
-  display: inline-block;
-  cursor: pointer;
-}
-.aplus-action-item--primary {
-  color: var(--ap-color-link);
-}
-.aplus-action-item--primary:not(.aplus-action-item--disabled):hover {
-  color: var(--ap-color-link-hover);
-}
-.aplus-action-item--success {
-  color: var(--ap-color-success);
-}
-.aplus-action-item--error {
-  color: var(--ap-color-error);
-}
-.aplus-action-item--warn {
-  color: var(--ap-color-warn);
-}
-.aplus-action-item--loading {
-  opacity: 0.35;
-  transition: opacity 0.2s;
-  cursor: default;
-}
-.aplus-action-item--loading .btn-loading-icon {
-  margin-right: 4px;
-}
-.aplus-action-item--disabled {
-  cursor: not-allowed;
-}
-.aplus-action-item--primary.aplus-action-item--disabled {
-  color: var(--ap-color-link-disabled);
-}
-.aplus-action-item--success.aplus-action-item--disabled {
-  color: var(--ap-color-success-disabled);
-}
-.aplus-action-item--error.aplus-action-item--disabled {
-  color: var(--ap-color-error-disabled);
-}
-.aplus-action-item--warn.aplus-action-item--disabled {
-  color: var(--ap-color-warn-disabled);
-}
-.aplus-action-item__icon-wrapper {
-  padding-right: 4px;
-}
-.aplus-action-item--icon-first .aplus-action-item__icon-wrapper {
-  padding-right: 0;
-}
 .aplus-action-item-dropdown__item .aplus-action-item {
   width: 100%;
 }

package/theme/ap-action/item.css

@@ -44,59 +44,3 @@
 .common-style::after {
   box-sizing: border-box;
 }
-.aplus-action-item {
-  box-sizing: border-box;
-  margin: 0;
-  padding: 0;
-  color: #182948;
-  font-size: 12px;
-  font-family: inherit;
-  line-height: 18px;
-  list-style: none;
-  display: inline-block;
-  cursor: pointer;
-}
-.aplus-action-item--primary {
-  color: var(--ap-color-link);
-}
-.aplus-action-item--primary:not(.aplus-action-item--disabled):hover {
-  color: var(--ap-color-link-hover);
-}
-.aplus-action-item--success {
-  color: var(--ap-color-success);
-}
-.aplus-action-item--error {
-  color: var(--ap-color-error);
-}
-.aplus-action-item--warn {
-  color: var(--ap-color-warn);
-}
-.aplus-action-item--loading {
-  opacity: 0.35;
-  transition: opacity 0.2s;
-  cursor: default;
-}
-.aplus-action-item--loading .btn-loading-icon {
-  margin-right: 4px;
-}
-.aplus-action-item--disabled {
-  cursor: not-allowed;
-}
-.aplus-action-item--primary.aplus-action-item--disabled {
-  color: var(--ap-color-link-disabled);
-}
-.aplus-action-item--success.aplus-action-item--disabled {
-  color: var(--ap-color-success-disabled);
-}
-.aplus-action-item--error.aplus-action-item--disabled {
-  color: var(--ap-color-error-disabled);
-}
-.aplus-action-item--warn.aplus-action-item--disabled {
-  color: var(--ap-color-warn-disabled);
-}
-.aplus-action-item__icon-wrapper {
-  padding-right: 4px;
-}
-.aplus-action-item--icon-first .aplus-action-item__icon-wrapper {
-  padding-right: 0;
-}

package/theme/ap-action/item.less

@@ -4,61 +4,4 @@
 @aid: ~'@{ns}-action-item--disabled';
 @aiiw: ~'@{ns}-action-item__icon-wrapper';
 
-.b(action-item, {
-  .reset-component();
-  display: inline-block;
-  cursor: pointer;
-  // 因为这里action-item类似于button type=link 所以主色=link色
-  &--primary {
-    color: var(--ap-color-link);
-    &:not(.@{aid}):hover {
-      color: var(--ap-color-link-hover);
-    }
-  }
-
-  &--success {
-    color: var(--ap-color-success);
-  }
-
-  &--error {
-    color: var(--ap-color-error);
-  }
-
-  &--warn {
-    color: var(--ap-color-warn);
-  }
-
-  &--loading {
-    opacity: 0.35;
-    transition: opacity 0.2s;
-    cursor: default;
-    .btn-loading-icon {
-      margin-right: @spacing-xs;
-    }
-  }
-
-  &--disabled {
-    cursor: not-allowed;
-  }
-
-  &--primary&--disabled {
-    color: var(--ap-color-link-disabled);
-  }
-  &--success&--disabled {
-    color: var(--ap-color-success-disabled);
-  }
-  &--error&--disabled {
-    color: var(--ap-color-error-disabled);
-  }
-  &--warn&--disabled {
-    color: var(--ap-color-warn-disabled);
-  }
-  &__icon-wrapper {
-    padding-right: @spacing-xs;
-  }
-  &--icon-first {
-    .@{aiiw} {
-      padding-right: 0;
-    }
-  }
-});
+.b(action-item, {});