cosey 0.1.1 → 0.1.4

package/components/table/table-query/table-query.d.ts

@@ -7,10 +7,6 @@ export declare const tableQueryProps: {
         type: PropType<FormItemProps<FieldType>[]>;
         default: () => never[];
     };
-    modelValue: {
-        type: ObjectConstructor;
-        default: () => {};
-    };
     grid: {
         type: BooleanConstructor;
         default: boolean;

package/components/table/table-query/table-query.js

@@ -5,10 +5,6 @@ const tableQueryExtraProps = {
   schemes: {
     type: Array,
     default: () => []
-  },
-  modelValue: {
-    type: Object,
-    default: () => ({})
   }
 };
 const tableQueryProps = {

package/components/table/table-query/table-query.vue.d.ts

@@ -5,10 +5,6 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         type: import("vue").PropType<import("../..").FormItemProps<import("../..").FieldType>[]>;
         default: () => never[];
     };
-    modelValue: {
-        type: ObjectConstructor;
-        default: () => {};
-    };
     grid: {
         type: BooleanConstructor;
         default: boolean;
@@ -160,10 +156,6 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         type: import("vue").PropType<import("../..").FormItemProps<import("../..").FieldType>[]>;
         default: () => never[];
     };
-    modelValue: {
-        type: ObjectConstructor;
-        default: () => {};
-    };
     grid: {
         type: BooleanConstructor;
         default: boolean;
@@ -303,7 +295,6 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     grid: boolean;
     inline: boolean;
     disabled: boolean;
-    modelValue: Record<string, any>;
     readonly: boolean;
     labelWidth: string | number;
     labelPosition: "left" | "right" | "top";

package/components/table/table-query/table-query.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, useTemplateRef, onBeforeMount, createBlock, openBlock, unref, mergeProps, withKeys, withModifiers, withCtx, createElementBlock, Fragment, renderList } from 'vue';
+import { defineComponent, useTemplateRef, reactive, onBeforeMount, createBlock, openBlock, unref, mergeProps, withKeys, withModifiers, withCtx, createElementBlock, Fragment, renderList } from 'vue';
 import { tableQueryProps, omittedTableQueryProps, tableQueryExposeKeys } from './table-query.js';
 import { reactiveOmit } from '@vueuse/core';
 import { cloneDeep } from 'lodash-es';
@@ -19,9 +19,10 @@ var stdin_default = /* @__PURE__ */defineComponent({
     const props = __props;
     const formQueryProps = reactiveOmit(props, omittedTableQueryProps);
     const formQueryRef = useTemplateRef("formQuery");
+    const formModel = reactive({});
     onBeforeMount(() => {
       props.schemes.forEach(item => {
-        props.modelValue[item.prop] = item.modelValue;
+        formModel[item.prop] = item.modelValue;
       });
     });
     const onEnter = () => {
@@ -29,13 +30,13 @@ var stdin_default = /* @__PURE__ */defineComponent({
     };
     const customExpose = {
       getFieldsValue() {
-        return cloneDeep(props.modelValue);
+        return cloneDeep(formModel);
       },
       setFieldsValue(value) {
-        Object.assign(props.modelValue, value);
+        Object.assign(formModel, value);
       },
       getFormModel() {
-        return props.modelValue;
+        return formModel;
       }
     };
     __expose(createMergedExpose(tableQueryExposeKeys, () => formQueryRef.value, customExpose));
@@ -43,18 +44,19 @@ var stdin_default = /* @__PURE__ */defineComponent({
       return openBlock(), createBlock(unref(_FormQuery), mergeProps({
         ref: "formQuery"
       }, unref(formQueryProps), {
-        model: _ctx.modelValue,
-        onKeyup: withKeys(withModifiers(onEnter, ["prevent"]), ["enter", "native"])
+        model: formModel,
+        onKeyup: withKeys(withModifiers(onEnter, ["prevent"]), ["enter"])
       }), {
-        default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.schemes, item => {
+        default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.schemes, (item, i) => {
           return openBlock(), createBlock(unref(_FormItem), mergeProps({
+            key: i,
             ref_for: true
           }, item, {
-            modelValue: _ctx.modelValue[item.prop],
-            "onUpdate:modelValue": $event => _ctx.modelValue[item.prop] = $event
+            modelValue: formModel[item.prop],
+            "onUpdate:modelValue": $event => formModel[item.prop] = $event
           }), null, 16, ["modelValue", "onUpdate:modelValue"]);
-        }), 256
-        /* UNKEYED_FRAGMENT */))]),
+        }), 128
+        /* KEYED_FRAGMENT */))]),
         _: 1
         /* STABLE */
       }, 16, ["model", "onKeyup"]);

package/components/table/table.js

@@ -50,9 +50,7 @@ const tableProps = {
   ...omit(elTableProps, "style"),
   ...tableExtraProps
 };
-const omittedTableProps = Object.keys(
-  tableExtraProps
-);
+const omittedTableProps = Object.keys(tableExtraProps);
 const elSlotsName = ["default", "append", "empty"];
 const defaultPaginationProps = {
   layout: "prev, pager, next, sizes, jumper, total"

package/components/table/table.vue.js

@@ -103,7 +103,7 @@ var stdin_default = /* @__PURE__ */defineComponent({
         [tableKeys.value.page]: page.value,
         [tableKeys.value.pageSize]: pageSize.value,
         ...orderParams,
-        ...filterEmptyFormValue(formModel.value)
+        ...filterEmptyFormValue(tableQueryRef.value?.getFieldsValue() || {})
       };
       params = props.beforeFetch?.(params) || params;
       return props.api?.(params);
@@ -183,7 +183,6 @@ var stdin_default = /* @__PURE__ */defineComponent({
       zIndex.value = isFullPage.value ? nextZIndex() : void 0;
     };
     const settingRef = useTemplateRef("setting-ref");
-    const formModel = ref({});
     const onSubmit = async () => {
       if (!isFetching.value) {
         page.value = 1;
@@ -226,11 +225,10 @@ var stdin_default = /* @__PURE__ */defineComponent({
       }, [createVNode(stdin_default$2, mergeProps({
         ref: "tableQuery"
       }, _ctx.formProps, {
-        modelValue: formModel.value,
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => formModel.value = $event),
         reset: onReset,
         submit: onSubmit
-      }), null, 16, ["modelValue"])], 2
+      }), null, 16
+      /* FULL_PROPS */)], 2
       /* CLASS */)) : createCommentVNode("v-if", true), createElementVNode("div", {
         class: normalizeClass(`${unref(prefixCls)}-body`)
       }, [_ctx.$slots["toolbar-left"] || _ctx.$slots["toolbar-right"] || _ctx.toolbarConfig ? (openBlock(), createElementBlock("div", {
@@ -251,11 +249,11 @@ var stdin_default = /* @__PURE__ */defineComponent({
         "hide-after": 0
       }, {
         default: withCtx(() => [createVNode(unref(ElButton), {
-          link: ""
+          circle: ""
         }, {
           default: withCtx(() => [createVNode(stdin_default$3, {
-            name: "mdi:refresh",
-            size: "xl",
+            name: "co:rotate-360",
+            size: "md",
             class: normalizeClass([`${unref(prefixCls)}-refresh-icon`, {
               "is-spinning": reloading.value
             }]),
@@ -273,12 +271,12 @@ var stdin_default = /* @__PURE__ */defineComponent({
         "hide-after": 0
       }, {
         default: withCtx(() => [createVNode(unref(ElButton), {
-          link: "",
-          onClick: _cache[1] || (_cache[1] = $event => exportVisible.value = true)
+          circle: "",
+          onClick: _cache[0] || (_cache[0] = $event => exportVisible.value = true)
         }, {
           default: withCtx(() => [createVNode(stdin_default$3, {
-            name: "mdi:download-outline",
-            size: "xl"
+            name: "co:download",
+            size: "md"
           })]),
           _: 1
           /* STABLE */
@@ -287,7 +285,7 @@ var stdin_default = /* @__PURE__ */defineComponent({
         /* STABLE */
       }), createVNode(stdin_default$4, {
         modelValue: exportVisible.value,
-        "onUpdate:modelValue": _cache[2] || (_cache[2] = $event => exportVisible.value = $event),
+        "onUpdate:modelValue": _cache[1] || (_cache[1] = $event => exportVisible.value = $event),
         title: "\u5BFC\u51FA\u6570\u636E",
         columns: renderedColumns.value,
         data: tableData.value
@@ -298,12 +296,12 @@ var stdin_default = /* @__PURE__ */defineComponent({
         "hide-after": 0
       }, {
         default: withCtx(() => [createVNode(unref(ElButton), {
-          link: "",
+          circle: "",
           onClick: onFullScreen
         }, {
           default: withCtx(() => [createVNode(stdin_default$3, {
-            name: unref(isFullPage) ? "mdi:fullscreen-exit" : "mdi:fullscreen",
-            size: "xl"
+            name: unref(isFullPage) ? "co:fullscreen-exit" : "co:fullscreen",
+            size: "md"
           }, null, 8, ["name"])]),
           _: 1
           /* STABLE */
@@ -317,12 +315,12 @@ var stdin_default = /* @__PURE__ */defineComponent({
         "hide-after": 0
       }, {
         default: withCtx(() => [createVNode(unref(ElButton), {
-          link: "",
-          ref: "setting-ref"
+          ref: "setting-ref",
+          circle: ""
         }, {
           default: withCtx(() => [createVNode(stdin_default$3, {
-            name: "mdi:cog-outline",
-            size: "xl"
+            name: "co:settings-adjust",
+            size: "md"
           })]),
           _: 1
           /* STABLE */
@@ -332,8 +330,8 @@ var stdin_default = /* @__PURE__ */defineComponent({
         /* STABLE */
       }), createVNode(stdin_default$5, {
         modelValue: renderedColumns.value,
-        "onUpdate:modelValue": _cache[3] || (_cache[3] = $event => renderedColumns.value = $event),
-        "virtual-ref": unref(settingRef),
+        "onUpdate:modelValue": _cache[2] || (_cache[2] = $event => renderedColumns.value = $event),
+        "virtual-ref": settingRef.value,
         onReset: onColumnReset
       }, null, 8, ["modelValue", "virtual-ref"])])) : createCommentVNode("v-if", true)], 2
       /* CLASS */)) : createCommentVNode("v-if", true)], 2
@@ -372,9 +370,9 @@ var stdin_default = /* @__PURE__ */defineComponent({
         key: 1
       }, paginationProps.value, {
         "current-page": page.value,
-        "onUpdate:currentPage": _cache[4] || (_cache[4] = $event => page.value = $event),
+        "onUpdate:currentPage": _cache[3] || (_cache[3] = $event => page.value = $event),
         "page-size": pageSize.value,
-        "onUpdate:pageSize": _cache[5] || (_cache[5] = $event => pageSize.value = $event),
+        "onUpdate:pageSize": _cache[4] || (_cache[4] = $event => pageSize.value = $event),
         class: `${unref(prefixCls)}-pagination`,
         style: {
           "--el-pagination-bg-color": "transparent",

package/components/table/useTable.js

@@ -15,10 +15,7 @@ function useTable(props) {
       props
     );
   });
-  const expose = createMergedExpose(
-    tableExposeKeys,
-    () => tableRef
-  );
+  const expose = createMergedExpose(tableExposeKeys, () => tableRef);
   return [mergedProps, expose];
 }
 

package/components/table/utils.js

@@ -1,9 +1,7 @@
 import { isEmpty } from '../../utils/is.js';
 
 function filterEmptyFormValue(model) {
-  return Object.fromEntries(
-    Object.entries(model).filter(([, value]) => !isEmpty(value))
-  );
+  return Object.fromEntries(Object.entries(model).filter(([, value]) => !isEmpty(value)));
 }
 
 export { filterEmptyFormValue };

package/components/table-action/item.vue.js

@@ -64,9 +64,9 @@ var stdin_default = /* @__PURE__ */defineComponent({
           size: "small",
           onClick: event => onCancel(event, cancel)
         }, {
-          default: withCtx(() => _cache[0] || (_cache[0] = [createTextVNode(" \u5426 ")])),
-          _: 2
-          /* DYNAMIC */
+          default: withCtx(() => _cache[0] || (_cache[0] = [createTextVNode("\u5426")])),
+          _: 2,
+          __: [0]
         }, 1032, ["onClick"]), createVNode(unref(ElButton), {
           type: "danger",
           size: "small",
@@ -74,8 +74,8 @@ var stdin_default = /* @__PURE__ */defineComponent({
           onClick: event => onConfirm(event, confirm)
         }, {
           default: withCtx(() => _cache[1] || (_cache[1] = [createTextVNode(" \u662F ")])),
-          _: 2
-          /* DYNAMIC */
+          _: 2,
+          __: [1]
         }, 1032, ["loading", "onClick"])]),
         _: 1
         /* STABLE */

package/components/table-action/style/index.d.ts

@@ -3,7 +3,7 @@ export interface ComponentToken {
 }
 export interface TableActionToken extends FullToken<'TableAction'> {
 }
-declare const _default: (_prefixCls?: import("vue").ComputedRef<string> | string, theme?: import("vue").ComputedRef<import("../..").ThemeConfig | undefined>) => {
+declare const _default: (_prefixCls?: import("vue").ComputedRef<string> | string, themeManager?: import("../../theme/theme-context").ThemeManager) => {
     hashId: import("vue").Ref<string, string>;
 };
 export default _default;

package/components/table-action/table-action.vue.js

@@ -26,13 +26,14 @@ var stdin_default = /* @__PURE__ */defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: normalizeClass([unref(hashId), unref(prefixCls)])
-      }, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.actions, action => {
+      }, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.actions, (action, _i) => {
         return openBlock(), createBlock(stdin_default$2, mergeProps({
+          key: _i,
           ref_for: true
         }, action), null, 16
         /* FULL_PROPS */);
-      }), 256
-      /* UNKEYED_FRAGMENT */))], 2
+      }), 128
+      /* KEYED_FRAGMENT */))], 2
       /* CLASS */);
     };
   }

package/components/theme/StyleContext.js

@@ -12,9 +12,7 @@ class StyleCache {
     return this.cache.has(key);
   }
 }
-const styleContextKey = Symbol(
-  "styleContext"
-);
+const styleContextKey = Symbol("styleContext");
 function useStyleProvider(context) {
   provide(styleContextKey, context);
 }

package/components/theme/createCacheToken.js

@@ -7,10 +7,7 @@ class CacheToken {
   cache = [];
   getToken(token, algorithm, components) {
     const result = this.cache.find(([_token, algorithm$, components$]) => {
-      if (isShallowEqual(
-        [_token, algorithm$, components$],
-        [token, algorithm, components]
-      )) {
+      if (isShallowEqual([_token, algorithm$, components$], [token, algorithm, components])) {
         return true;
       }
     });

package/components/theme/getGlobalStyleHook.d.ts

@@ -1,5 +1,4 @@
-import { ComputedRef } from 'vue';
 import type { CSSInterpolation } from '../cssinjs';
 import type { AliasToken } from './interface';
-import { ThemeConfig } from './theme-context';
-export declare function getGlobalStyleHook(component: string, styleFn: (token: AliasToken) => CSSInterpolation): (theme?: ComputedRef<ThemeConfig | undefined>) => void;
+import { ThemeManager } from './theme-context';
+export declare function getGlobalStyleHook(component: string, styleFn: (token: AliasToken) => CSSInterpolation): (themeManager?: ThemeManager) => void;

package/components/theme/getGlobalStyleHook.js

@@ -6,23 +6,15 @@ import { useConfig } from '../config-provider/config-provider.js';
 import { useMounted } from '../../hooks/useMounted.js';
 import { isClient } from '../../utils/env.js';
 
-let oldGlobalClass = /* @__PURE__ */ new Set();
+const oldGlobalClass = /* @__PURE__ */ new Set();
 function getGlobalStyleHook(component, styleFn) {
-  return (theme) => {
-    const { token, hashId } = useToken(theme);
+  return (themeManager) => {
+    const { token, hashId } = useToken(themeManager);
     const configContext = useConfig();
     useStyleRegister(
-      computed(() => ({
-        path: [component],
-        token: token.value,
-        hashId: hashId.value,
-        global: true
-      })),
+      computed(() => ["__global", component]),
       () => {
-        const cssVar = tokenValueToCssVar(
-          token.value,
-          configContext.prefixCls.value
-        );
+        const cssVar = tokenValueToCssVar(token.value, configContext.prefixCls.value);
         return styleFn(cssVar);
       }
     );

package/components/theme/getOverrideStyleHook.d.ts

@@ -0,0 +1,8 @@
+import { type CSSInterpolation } from '../cssinjs';
+import type { AliasToken, TokenWithCommonCls } from './interface';
+import { ThemeManager } from './theme-context';
+export type AliasTokenWithCommonCls = TokenWithCommonCls<AliasToken>;
+export declare function getOverrideStyleHook(component: string, styleFn: (token: AliasTokenWithCommonCls) => CSSInterpolation): (_themeManager?: ThemeManager) => {
+    readonly token: import("vue").ComputedRef<import("./interface").GlobalToken>;
+    readonly hashId: import("vue").Ref<string, string>;
+};

package/components/theme/getOverrideStyleHook.js

@@ -0,0 +1,39 @@
+import { watch } from 'vue';
+import { parseStyle } from '../cssinjs/parser.js';
+import { useToken } from './util/useToken.js';
+import { tokenValueToCssVar } from './util/tokenValueToCssVar.js';
+import { useConfig } from '../config-provider/config-provider.js';
+import hash from '@emotion/hash';
+import { normalizeStyle } from './util/normalizeStyle.js';
+
+function getOverrideStyleHook(component, styleFn) {
+  const pathHash = hash(["__override", component].join("|"));
+  return (_themeManager) => {
+    const { token, hashId, themeManager } = useToken(_themeManager);
+    const configContext = useConfig();
+    watch(
+      hashId,
+      () => {
+        const cssVar = tokenValueToCssVar(token.value, configContext.prefixCls.value);
+        const styleInterpolation = styleFn({
+          ...cssVar,
+          hashId: hashId.value,
+          componentCls: "",
+          prefixCls: ""
+        });
+        const [parsedStr] = parseStyle(styleInterpolation);
+        const styleStr = normalizeStyle(parsedStr);
+        themeManager.setOverrideStyle(styleStr, pathHash, hash([hashId.value, pathHash].join("|")));
+      },
+      {
+        immediate: true
+      }
+    );
+    return {
+      token,
+      hashId
+    };
+  };
+}
+
+export { getOverrideStyleHook };

package/components/theme/getSimpleStyleHook.d.ts

@@ -1,8 +1,8 @@
 import { ComputedRef } from 'vue';
 import type { CSSInterpolation } from '../cssinjs';
 import type { AliasToken, TokenWithCommonCls } from './interface';
-import { ThemeConfig } from './theme-context';
+import { ThemeManager } from './theme-context';
 export type AliasTokenWithCommonCls = TokenWithCommonCls<AliasToken>;
-export declare function getSimpleStyleHook(component: string, styleFn: (token: AliasTokenWithCommonCls) => CSSInterpolation): (_prefixCls?: ComputedRef<string> | string, theme?: ComputedRef<ThemeConfig | undefined>) => {
+export declare function getSimpleStyleHook(component: string, styleFn: (token: AliasTokenWithCommonCls) => CSSInterpolation): (_prefixCls?: ComputedRef<string> | string, themeManager?: ThemeManager) => {
     hashId: import("vue").Ref<string, string>;
 };

package/components/theme/getSimpleStyleHook.js

@@ -5,22 +5,15 @@ import { tokenValueToCssVar } from './util/tokenValueToCssVar.js';
 import { useConfig } from '../config-provider/config-provider.js';
 
 function getSimpleStyleHook(component, styleFn) {
-  return (_prefixCls = "", theme) => {
+  return (_prefixCls = "", themeManager) => {
     const prefixCls = computed(() => unref(_prefixCls));
-    const { token, hashId } = useToken(theme);
+    const { token, hashId } = useToken(themeManager);
     const configContext = useConfig();
     useStyleRegister(
-      computed(() => ({
-        path: [component, prefixCls.value],
-        token: token.value,
-        hashId: hashId.value
-      })),
+      computed(() => ["__simple", component, prefixCls.value]),
       () => {
         const componentCls = `.${prefixCls.value}`;
-        const cssVar = tokenValueToCssVar(
-          token.value,
-          configContext.prefixCls.value
-        );
+        const cssVar = tokenValueToCssVar(token.value, configContext.prefixCls.value);
         return styleFn({
           ...cssVar,
           componentCls,

package/components/theme/getStyleHook.d.ts

@@ -1,7 +1,7 @@
 import { ComputedRef } from 'vue';
 import type { CSSInterpolation } from '../cssinjs';
 import type { ComponentTokenMap, GlobalToken, TokenWithCommonCls } from './interface';
-import { ThemeConfig } from './theme-context';
+import { ThemeManager } from './theme-context';
 export type OverrideTokenWithoutDerivative = ComponentTokenMap;
 export type OverrideComponent = keyof OverrideTokenWithoutDerivative;
 export type GlobalTokenWithComponent<ComponentName extends OverrideComponent> = GlobalToken & ComponentTokenMap[ComponentName];
@@ -11,6 +11,6 @@ export interface StyleInfo<ComponentName extends OverrideComponent> {
     overrideComponentToken: ComponentTokenMap[ComponentName];
 }
 export type FullToken<ComponentName extends OverrideComponent> = TokenWithCommonCls<GlobalTokenWithComponent<ComponentName>>;
-export declare function getStyleHook<ComponentName extends OverrideComponent>(component: ComponentName, styleFn: (token: FullToken<ComponentName>, info: StyleInfo<ComponentName>) => CSSInterpolation, getDefaultToken?: OverrideTokenWithoutDerivative[ComponentName] | ((token: GlobalToken) => OverrideTokenWithoutDerivative[ComponentName])): (_prefixCls?: ComputedRef<string> | string, theme?: ComputedRef<ThemeConfig | undefined>) => {
+export declare function getStyleHook<ComponentName extends OverrideComponent>(component: ComponentName, styleFn: (token: FullToken<ComponentName>, info: StyleInfo<ComponentName>) => CSSInterpolation, getDefaultToken?: OverrideTokenWithoutDerivative[ComponentName] | ((token: GlobalToken) => OverrideTokenWithoutDerivative[ComponentName])): (_prefixCls?: ComputedRef<string> | string, themeManager?: ThemeManager) => {
     hashId: import("vue").Ref<string, string>;
 };

package/components/theme/getStyleHook.js

@@ -5,16 +5,12 @@ import { tokenValueToCssVar } from './util/tokenValueToCssVar.js';
 import { useConfig } from '../config-provider/config-provider.js';
 
 function getStyleHook(component, styleFn, getDefaultToken) {
-  return (_prefixCls = "", theme) => {
+  return (_prefixCls = "", themeManager) => {
     const prefixCls = computed(() => unref(_prefixCls));
-    const { token, hashId } = useToken(theme);
+    const { token, hashId } = useToken(themeManager);
     const configContext = useConfig();
     useStyleRegister(
-      computed(() => ({
-        path: [component, prefixCls.value],
-        token: token.value,
-        hashId: hashId.value
-      })),
+      computed(() => ["__default", component, prefixCls.value]),
       () => {
         const componentCls = `.${prefixCls.value}`;
         const defaultComponentToken = typeof getDefaultToken === "function" ? getDefaultToken(token.value) : getDefaultToken;
@@ -26,10 +22,7 @@ function getStyleHook(component, styleFn, getDefaultToken) {
           ...token.value,
           ...mergedComponentToken
         };
-        const cssVar = tokenValueToCssVar(
-          mergedToken,
-          configContext.prefixCls.value
-        );
+        const cssVar = tokenValueToCssVar(mergedToken, configContext.prefixCls.value);
         return styleFn(
           {
             ...cssVar,

package/components/theme/index.d.ts

@@ -11,6 +11,7 @@ import { getSimpleStyleHook } from './getSimpleStyleHook';
 import { useThemeProvide, type ThemeConfig } from './theme-context';
 import { extractCacheStyle, extractStyle } from './extractStyle';
 import { StyleCache, StyleProvider } from './StyleContext';
+import { getOverrideStyleHook } from './getOverrideStyleHook';
 type GenerateStyle<ComponentToken extends object = AliasToken, ReturnType = CSSInterpolation> = (token: ComponentToken) => ReturnType;
-export { seedToken, useToken, defaultAlgorithm, darkAlgorithm, compactAlgorithm, getStyleHook, getSimpleStyleHook, getGlobalStyleHook, useThemeProvide, defaultGenerateColorPalettes, darkGenerateColorPalettes, extractStyle, extractCacheStyle, StyleCache, StyleProvider, };
+export { seedToken, useToken, defaultAlgorithm, darkAlgorithm, compactAlgorithm, getStyleHook, getSimpleStyleHook, getGlobalStyleHook, getOverrideStyleHook, useThemeProvide, defaultGenerateColorPalettes, darkGenerateColorPalettes, extractStyle, extractCacheStyle, StyleCache, StyleProvider, };
 export type { SeedToken, MapToken, AliasToken, GlobalToken, GenerateStyle, FullToken, ThemeConfig, ComponentTokenMap, TokenWithCommonCls, };

package/components/theme/index.js

@@ -9,5 +9,6 @@ export { getSimpleStyleHook } from './getSimpleStyleHook.js';
 export { useThemeProvide } from './theme-context.js';
 export { extractCacheStyle, extractStyle } from './extractStyle.js';
 export { StyleCache, StyleProvider } from './StyleContext.js';
+export { getOverrideStyleHook } from './getOverrideStyleHook.js';
 export { generateColorPalettes as darkGenerateColorPalettes } from './themes/dark/colors.js';
 export { generateColorPalettes as defaultGenerateColorPalettes } from './themes/default/colors.js';

package/components/theme/interface/index.d.ts

@@ -4,7 +4,7 @@ export type { AliasToken } from './alias';
 export type { ComponentTokenMap } from './components';
 export type { ColorMapToken, ColorNeutralMapToken, CommonMapToken, FontMapToken, HeightMapToken, MapToken, SizeMapToken, StyleMapToken, } from './maps';
 export { PresetColors } from './presetColors';
-export type { ColorPalettes, PresetColorKey, PresetColorType, } from './presetColors';
+export type { ColorPalettes, PresetColorKey, PresetColorType } from './presetColors';
 export type { SeedToken } from './seeds';
 export type OverrideToken = {
     [key in keyof ComponentTokenMap]: Partial<ComponentTokenMap[key]> & Partial<AliasToken>;

package/components/theme/theme-context.d.ts

@@ -8,6 +8,15 @@ export interface ThemeConfig {
     algorithm?: MappingAlgorithm | MappingAlgorithm[];
     inherit?: boolean;
 }
+export declare class ThemeManager {
+    theme?: ComputedRef<ThemeConfig | undefined>;
+    overrideStyles: Record<string, HTMLStyleElement | null | undefined>;
+    style: HTMLStyleElement | null | undefined;
+    constructor(theme?: ComputedRef<ThemeConfig | undefined>);
+    setStyle(styleStr: string, hashId: string): void;
+    setOverrideStyle(styleStr: string, pathHash: string, hashId: string): void;
+    destroy(): void;
+}
 export type ThemeContext = ComputedRef<ThemeConfig | undefined>;
-export declare const useThemeProvide: (theme: ComputedRef<ThemeConfig | undefined>) => void;
-export declare const useTheme: () => ThemeContext | null;
+export declare const useThemeProvide: (themeManager: ThemeManager) => void;
+export declare const useTheme: (themeManager?: ThemeManager) => ThemeManager;

package/components/theme/theme-context.js

@@ -1,11 +1,41 @@
-import { provide, inject } from 'vue';
+import { inject, provide } from 'vue';
+import { updateCSSByStyle } from '../../utils/dynamicCSS.js';
 
+class ThemeManager {
+  theme;
+  overrideStyles = {};
+  style = null;
+  constructor(theme) {
+    this.theme = theme;
+  }
+  setStyle(styleStr, hashId) {
+    this.style = updateCSSByStyle(this.style, styleStr, hashId);
+  }
+  setOverrideStyle(styleStr, pathHash, hashId) {
+    this.overrideStyles[pathHash] = updateCSSByStyle(
+      this.overrideStyles[pathHash],
+      styleStr,
+      hashId
+    );
+  }
+  destroy() {
+    this.style?.remove();
+    Object.values(this.overrideStyles).forEach((style) => {
+      style?.remove();
+    });
+  }
+}
 const themeContextKey = Symbol("themeContext");
-const useThemeProvide = (theme) => {
-  provide(themeContextKey, theme);
+const useThemeProvide = (themeManager) => {
+  provide(themeContextKey, themeManager);
 };
-const useTheme = () => {
-  return inject(themeContextKey, null);
+let defaultTheme = void 0;
+const useTheme = (themeManager) => {
+  let mergedThemeManager = themeManager || inject(themeContextKey, defaultTheme);
+  if (!mergedThemeManager) {
+    mergedThemeManager = defaultTheme = new ThemeManager();
+  }
+  return mergedThemeManager;
 };
 
-export { useTheme, useThemeProvide };
+export { ThemeManager, useTheme, useThemeProvide };

package/components/theme/themes/shared/genColorMapToken.js

@@ -15,10 +15,7 @@ function genColorMapToken(seed, { generateColorPalettes, generateNeutralColorPal
   const warningColors = generateColorPalettes(colorWarningBase);
   const errorColors = generateColorPalettes(colorErrorBase);
   const infoColors = generateColorPalettes(colorInfoBase);
-  const neutralColors = generateNeutralColorPalettes(
-    colorBgBase,
-    colorTextBase
-  );
+  const neutralColors = generateNeutralColorPalettes(colorBgBase, colorTextBase);
   const colorLink = seed.colorLink || seed.colorInfo;
   const linkColors = generateColorPalettes(colorLink);
   const colorErrorBgFilledHover = new TinyColor(errorColors[1]).mix(new TinyColor(errorColors[3]), 50).toHexString();