@antdv-next/cssinjs 1.0.0-beta.1 → 1.0.0-beta.2

package/dist/{Keyframes.d.ts → Keyframes.d.mts}

@@ -1,4 +1,4 @@
-import { CSSInterpolation } from "./hooks/useStyleRegister.js";
+import { CSSInterpolation } from "./hooks/useStyleRegister.mjs";
 
 //#region src/Keyframes.d.ts
 declare class Keyframe {

package/dist/{StyleContext.d.ts → StyleContext.d.mts}

@@ -1,6 +1,6 @@
-import { Linter } from "./linters/interface.js";
-import "./linters/index.js";
-import { Entity, KeyType } from "./Cache.js";
+import { Linter } from "./linters/interface.mjs";
+import "./linters/index.mjs";
+import { Entity, KeyType } from "./Cache.mjs";
 import * as vue0 from "vue";
 import { App, Ref } from "vue";
 

package/dist/{StyleContext.js → StyleContext.mjs}

@@ -1,8 +1,12 @@
-import Cache_default from "./Cache.js";
-import { AUTO_PREFIX } from "./transformers/autoPrefix.js";
+import Cache_default from "./Cache.mjs";
+import { AUTO_PREFIX } from "./transformers/autoPrefix.mjs";
 import { computed, defineComponent, inject, markRaw, provide, ref } from "vue";
 
 //#region src/StyleContext.ts
+/**
+* @description Style Context
+* vue3 版本的 Style Context实现
+*/
 const ATTR_TOKEN = "data-token-hash";
 const ATTR_MARK = "data-css-hash";
 const ATTR_CACHE_PATH = "data-cache-path";

package/dist/cssinjs-utils/hooks/{useToken.d.ts → useToken.d.mts}

@@ -1,6 +1,6 @@
-import { TokenType } from "../../theme/interface.js";
-import { Theme } from "../../theme/Theme.js";
-import { GlobalToken, OverrideTokenMap, TokenMap } from "../interface/components.js";
+import { TokenType } from "../../theme/interface.mjs";
+import { Theme } from "../../theme/Theme.mjs";
+import { GlobalToken, OverrideTokenMap, TokenMap } from "../interface/components.mjs";
 import { Ref } from "vue";
 
 //#region src/cssinjs-utils/hooks/useToken.d.ts

package/dist/cssinjs-utils/{index.d.ts → index.d.mts}

@@ -1,4 +1,4 @@
-import { ComponentToken, ComponentTokenKey, GlobalToken, GlobalTokenWithComponent, OverrideTokenMap, TokenMap, TokenMapKey } from "./interface/components.js";
-import { CSSUtil, CSSVarRegisterProps, FullToken, GenStyleFn, GetCompUnitless, GetDefaultToken, GetDefaultTokenFn, GetResetStyles, StyleInfo, SubStyleComponentProps, TokenWithCommonCls, genStyleUtils } from "./util/genStyleUtils.js";
-import { merge, statistic, statisticToken } from "./util/statistic.js";
+import { ComponentToken, ComponentTokenKey, GlobalToken, GlobalTokenWithComponent, OverrideTokenMap, TokenMap, TokenMapKey } from "./interface/components.mjs";
+import { CSSUtil, CSSVarRegisterProps, FullToken, GenStyleFn, GetCompUnitless, GetDefaultToken, GetDefaultTokenFn, GetResetStyles, StyleInfo, SubStyleComponentProps, TokenWithCommonCls, genStyleUtils } from "./util/genStyleUtils.mjs";
+import { merge, statistic, statisticToken } from "./util/statistic.mjs";
 export { type CSSUtil, type CSSVarRegisterProps, type ComponentToken, type ComponentTokenKey, type FullToken, type GenStyleFn, type GetCompUnitless, type GetDefaultToken, type GetDefaultTokenFn, type GetResetStyles, type GlobalToken, type GlobalTokenWithComponent, type OverrideTokenMap, type StyleInfo, type SubStyleComponentProps, type TokenMap, type TokenMapKey, type TokenWithCommonCls, genStyleUtils, merge as mergeToken, statistic, statisticToken };

package/dist/cssinjs-utils/{index.js → index.mjs}

@@ -1,4 +1,4 @@
-import statistic_default, { merge, statistic } from "./util/statistic.js";
-import genStyleUtils_default from "./util/genStyleUtils.js";
+import statistic_default, { merge, statistic } from "./util/statistic.mjs";
+import genStyleUtils_default from "./util/genStyleUtils.mjs";
 
 export { genStyleUtils_default as genStyleUtils, merge as mergeToken, statistic, statistic_default as statisticToken };

package/dist/cssinjs-utils/interface/{components.d.ts → components.d.mts}

@@ -1,4 +1,4 @@
-import { TokenType } from "../../theme/interface.js";
+import { TokenType } from "../../theme/interface.mjs";
 
 //#region src/cssinjs-utils/interface/components.d.ts
 type TokenMap = Record<PropertyKey, any>;

package/dist/cssinjs-utils/util/{genStyleUtils.d.ts → genStyleUtils.d.mts}

@@ -1,11 +1,11 @@
-import { AbstractCalculator } from "../../theme/calc/calculator.js";
-import { TokenType } from "../../theme/interface.js";
-import { ComponentTokenKey, GlobalTokenWithComponent, TokenMap, TokenMapKey } from "../interface/components.js";
-import { CSSInterpolation, CSSObject, useStyleRegister } from "../../hooks/useStyleRegister.js";
-import "../../index.js";
-import { UseCSP } from "../hooks/useCSP.js";
-import { UsePrefix } from "../hooks/usePrefix.js";
-import { UseToken } from "../hooks/useToken.js";
+import { AbstractCalculator } from "../../theme/calc/calculator.mjs";
+import { TokenType } from "../../theme/interface.mjs";
+import { ComponentTokenKey, GlobalTokenWithComponent, TokenMap, TokenMapKey } from "../interface/components.mjs";
+import { CSSInterpolation, CSSObject, useStyleRegister } from "../../hooks/useStyleRegister.mjs";
+import "../../index.mjs";
+import { UseCSP } from "../hooks/useCSP.mjs";
+import { UsePrefix } from "../hooks/usePrefix.mjs";
+import { UseToken } from "../hooks/useToken.mjs";
 import * as vue2 from "vue";
 import { Ref, UnwrapRef } from "vue";
 

package/dist/cssinjs-utils/util/{genStyleUtils.js → genStyleUtils.mjs}

@@ -1,15 +1,15 @@
-import calc_default from "../../theme/calc/index.js";
-import { token2CSSVar } from "../../util/css-variables.js";
-import useStyleRegister from "../../hooks/useStyleRegister.js";
-import useCSSVarRegister from "../../hooks/useCSSVarRegister.js";
-import useUniqueMemo_default from "../_util/hooks/useUniqueMemo.js";
-import useCSP_default from "../hooks/useCSP.js";
-import getComponentToken_default from "./getComponentToken.js";
-import getCompVarPrefix_default from "./getCompVarPrefix.js";
-import statistic_default, { merge } from "./statistic.js";
-import getDefaultComponentToken_default from "./getDefaultComponentToken.js";
-import maxmin_default from "./maxmin.js";
-import "../../index.js";
+import calc_default from "../../theme/calc/index.mjs";
+import { token2CSSVar } from "../../util/css-variables.mjs";
+import useStyleRegister from "../../hooks/useStyleRegister.mjs";
+import useCSSVarRegister from "../../hooks/useCSSVarRegister.mjs";
+import useUniqueMemo_default from "../_util/hooks/useUniqueMemo.mjs";
+import useCSP_default from "../hooks/useCSP.mjs";
+import getComponentToken_default from "./getComponentToken.mjs";
+import getCompVarPrefix_default from "./getCompVarPrefix.mjs";
+import statistic_default, { merge } from "./statistic.mjs";
+import getDefaultComponentToken_default from "./getDefaultComponentToken.mjs";
+import maxmin_default from "./maxmin.mjs";
+import "../../index.mjs";
 import { computed, defineComponent } from "vue";
 
 //#region src/cssinjs-utils/util/genStyleUtils.ts

package/dist/cssinjs-utils/util/{getDefaultComponentToken.js → getDefaultComponentToken.mjs}

@@ -1,4 +1,4 @@
-import { merge } from "./statistic.js";
+import { merge } from "./statistic.mjs";
 
 //#region src/cssinjs-utils/util/getDefaultComponentToken.ts
 function getDefaultComponentToken(component, token, getDefaultToken) {

package/dist/cssinjs-utils/util/{maxmin.js → maxmin.mjs}

@@ -1,4 +1,4 @@
-import { unit } from "../../util/index.js";
+import { unit } from "../../util/index.mjs";
 
 //#region src/cssinjs-utils/util/maxmin.ts
 function genMaxMin(type) {

package/dist/cssinjs-utils/util/{statistic.d.ts → statistic.d.mts}

@@ -1,4 +1,4 @@
-import { TokenMap } from "../interface/components.js";
+import { TokenMap } from "../interface/components.mjs";
 
 //#region src/cssinjs-utils/util/statistic.d.ts
 declare function merge<CompTokenMap extends TokenMap>(...objs: Partial<CompTokenMap>[]): CompTokenMap;

package/dist/{extractStyle.d.ts → extractStyle.d.mts}

@@ -1,6 +1,6 @@
-import { Entity } from "./Cache.js";
-import { ExtractStyle } from "./hooks/useGlobalCache.js";
-import { CSSVarCacheValue } from "./hooks/useCSSVarRegister.js";
+import { Entity } from "./Cache.mjs";
+import { ExtractStyle } from "./hooks/useGlobalCache.mjs";
+import { CSSVarCacheValue } from "./hooks/useCSSVarRegister.mjs";
 
 //#region src/extractStyle.d.ts
 declare const ExtractStyleFns: {

package/dist/{extractStyle.js → extractStyle.mjs}

@@ -1,14 +1,14 @@
-import { toStyleStr } from "./util/index.js";
-import { TOKEN_PREFIX, extract } from "./hooks/useCacheToken.js";
-import { ATTR_CACHE_MAP, serialize } from "./util/cacheMapUtil.js";
-import { STYLE_PREFIX, extract as extract$2 } from "./hooks/useStyleRegister.js";
-import { CSS_VAR_PREFIX, extract as extract$1 } from "./hooks/useCSSVarRegister.js";
+import { toStyleStr } from "./util/index.mjs";
+import { TOKEN_PREFIX, extract } from "./hooks/useCacheToken.mjs";
+import { ATTR_CACHE_MAP, serialize } from "./util/cacheMapUtil.mjs";
+import { STYLE_PREFIX, extract as extract$1 } from "./hooks/useStyleRegister.mjs";
+import { CSS_VAR_PREFIX, extract as extract$2 } from "./hooks/useCSSVarRegister.mjs";
 
 //#region src/extractStyle.ts
 const ExtractStyleFns = {
-	[STYLE_PREFIX]: extract$2,
+	[STYLE_PREFIX]: extract$1,
 	[TOKEN_PREFIX]: extract,
-	[CSS_VAR_PREFIX]: extract$1
+	[CSS_VAR_PREFIX]: extract$2
 };
 function isNotNull(value) {
 	return value !== null;

package/dist/hooks/{useCSSVarRegister.d.ts → useCSSVarRegister.d.mts}

@@ -1,5 +1,5 @@
-import "./useGlobalCache.js";
-import { TokenWithCSSVar } from "../util/css-variables.js";
+import "./useGlobalCache.mjs";
+import { TokenWithCSSVar } from "../util/css-variables.mjs";
 import { Ref } from "vue";
 
 //#region src/hooks/useCSSVarRegister.d.ts

package/dist/hooks/{useCSSVarRegister.js → useCSSVarRegister.mjs}

@@ -1,9 +1,9 @@
-import { collectStyleText } from "../ssr/styleCollector.js";
-import { ATTR_MARK, ATTR_TOKEN, CSS_IN_JS_INSTANCE, useStyleContext } from "../StyleContext.js";
-import { transformToken } from "../util/css-variables.js";
-import { isClientSide, toStyleStr } from "../util/index.js";
-import { useGlobalCache } from "./useGlobalCache.js";
-import { uniqueHash } from "./useStyleRegister.js";
+import { collectStyleText } from "../ssr/styleCollector.mjs";
+import { ATTR_MARK, ATTR_TOKEN, CSS_IN_JS_INSTANCE, useStyleContext } from "../StyleContext.mjs";
+import { transformToken } from "../util/css-variables.mjs";
+import { isClientSide, toStyleStr } from "../util/index.mjs";
+import { useGlobalCache } from "./useGlobalCache.mjs";
+import { uniqueHash } from "./useStyleRegister.mjs";
 import canUseDom from "@v-c/util/dist/Dom/canUseDom";
 import { removeCSS, updateCSS } from "@v-c/util/dist/Dom/dynamicCSS";
 import { computed } from "vue";

package/dist/hooks/{useCacheToken.d.ts → useCacheToken.d.mts}

@@ -1,5 +1,5 @@
-import { Theme } from "../theme/Theme.js";
-import "./useGlobalCache.js";
+import { Theme } from "../theme/Theme.mjs";
+import "./useGlobalCache.mjs";
 import { Ref } from "vue";
 
 //#region src/hooks/useCacheToken.d.ts

package/dist/hooks/{useCacheToken.js → useCacheToken.mjs}

@@ -1,9 +1,9 @@
-import { collectStyleText } from "../ssr/styleCollector.js";
-import { ATTR_MARK, ATTR_TOKEN, CSS_IN_JS_INSTANCE, useStyleContext } from "../StyleContext.js";
-import { transformToken } from "../util/css-variables.js";
-import { flattenToken, memoResult, toStyleStr, token2key } from "../util/index.js";
-import { useGlobalCache } from "./useGlobalCache.js";
-import hash from "@emotion/hash";
+import { collectStyleText } from "../ssr/styleCollector.mjs";
+import { ATTR_MARK, ATTR_TOKEN, CSS_IN_JS_INSTANCE, useStyleContext } from "../StyleContext.mjs";
+import resolveHash_default from "../util/resolveHash.mjs";
+import { transformToken } from "../util/css-variables.mjs";
+import { flattenToken, memoResult, toStyleStr, token2key } from "../util/index.mjs";
+import { useGlobalCache } from "./useGlobalCache.mjs";
 import canUseDom from "@v-c/util/dist/Dom/canUseDom";
 import { updateCSS } from "@v-c/util/dist/Dom/dynamicCSS";
 import { computed } from "vue";
@@ -85,7 +85,7 @@ function useCacheToken(theme, tokens, option) {
 		const mergedDerivativeToken = compute.value ? compute.value(mergedToken.value, override.value, theme.value) : getComputedToken(mergedToken.value, override.value, theme.value, formatToken.value);
 		const actualToken = { ...mergedDerivativeToken };
 		const mergedSalt = `${salt.value}_${cssVar.value.prefix || ""}`;
-		const hashId = hash(mergedSalt);
+		const hashId = resolveHash_default(mergedSalt);
 		const hashCls = `${hashPrefix}-${hashId}`;
 		actualToken._tokenKey = token2key(actualToken, mergedSalt);
 		const [tokenWithCssVar, cssVarsStr] = transformToken(mergedDerivativeToken, cssVar.value.key, {
@@ -118,7 +118,7 @@ function useCacheToken(theme, tokens, option) {
 			return;
 		}
 		if (!cssVarsStr) return;
-		const style = updateCSS(cssVarsStr, hash(`css-var-${themeKey}`), {
+		const style = updateCSS(cssVarsStr, resolveHash_default(`css-var-${themeKey}`), {
 			mark: ATTR_MARK,
 			prepend: "queue",
 			attachTo: styleContext.value.container,

package/dist/hooks/{useGlobalCache.js → useGlobalCache.mjs}

@@ -1,5 +1,6 @@
-import { pathKey } from "../Cache.js";
-import { useStyleContext } from "../StyleContext.js";
+import { pathKey } from "../Cache.mjs";
+import { useStyleContext } from "../StyleContext.mjs";
+import { isClientSide } from "../util/index.mjs";
 import { computed, watch } from "vue";
 
 //#region src/hooks/useGlobalCache.ts
@@ -48,7 +49,9 @@ function useGlobalCache(prefix, keyPath, cacheFn, onCacheRemove, onCacheEffect)
 			});
 		}
 		const globalCache = styleContext.value.cache;
+		const isServerSide = styleContext.value.mock !== void 0 ? styleContext.value.mock === "server" : !isClientSide;
 		onCleanup(() => {
+			if (isServerSide) return;
 			globalCache.opUpdate(currentPath, (prevCache) => {
 				const [times = 0, cache] = prevCache || [];
 				if (times - 1 === 0) {

package/dist/hooks/{useStyleRegister.d.ts → useStyleRegister.d.mts}

@@ -1,9 +1,9 @@
-import { Theme } from "../theme/Theme.js";
-import { Keyframe } from "../Keyframes.js";
-import "../linters/index.js";
-import "../StyleContext.js";
-import "../transformers/interface.js";
-import "./useGlobalCache.js";
+import { Theme } from "../theme/Theme.mjs";
+import { Keyframe } from "../Keyframes.mjs";
+import "../linters/index.mjs";
+import "../StyleContext.mjs";
+import "../transformers/interface.mjs";
+import "./useGlobalCache.mjs";
 import { Ref } from "vue";
 import * as CSS from "csstype";
 

package/dist/hooks/{useStyleRegister.js → useStyleRegister.mjs}

@@ -1,11 +1,11 @@
-import { ATTR_CACHE_PATH, ATTR_MARK, CSS_IN_JS_INSTANCE, useStyleContext } from "../StyleContext.js";
-import { isClientSide, isNonNullable, toStyleStr, where } from "../util/index.js";
-import { useGlobalCache } from "./useGlobalCache.js";
-import contentQuotesLinter_default from "../linters/contentQuotesLinter.js";
-import hashedAnimationLinter_default from "../linters/hashedAnimationLinter.js";
-import "../linters/index.js";
-import { CSS_FILE_STYLE, existPath, getStyleAndHash } from "../util/cacheMapUtil.js";
-import hash from "@emotion/hash";
+import { ATTR_CACHE_PATH, ATTR_MARK, CSS_IN_JS_INSTANCE, useStyleContext } from "../StyleContext.mjs";
+import resolveHash_default from "../util/resolveHash.mjs";
+import { isClientSide, isNonNullable, toStyleStr, where } from "../util/index.mjs";
+import { useGlobalCache } from "./useGlobalCache.mjs";
+import contentQuotesLinter_default from "../linters/contentQuotesLinter.mjs";
+import hashedAnimationLinter_default from "../linters/hashedAnimationLinter.mjs";
+import "../linters/index.mjs";
+import { CSS_FILE_STYLE, existPath, getStyleAndHash } from "../util/cacheMapUtil.mjs";
 import { removeCSS, updateCSS } from "@v-c/util/dist/Dom/dynamicCSS";
 import { computed } from "vue";
 import unitless from "@emotion/unitless";
@@ -125,7 +125,7 @@ function parseStyle(interpolation, config = {}, { root, injectHash, parentSelect
 	return [styleStr, effectStyle];
 }
 function uniqueHash(path, styleStr) {
-	return hash(`${path.join("%")}${styleStr}`);
+	return resolveHash_default(`${path.join("%")}${styleStr}`);
 }
 const STYLE_PREFIX = "style";
 function useStyleRegister(info, styleFn) {

package/dist/{index.d.ts → index.d.mts}

@@ -1,31 +1,31 @@
-import { AbstractCalculator } from "./theme/calc/calculator.js";
-import { genCalc } from "./theme/calc/index.js";
-import { DerivativeFunc, TokenType } from "./theme/interface.js";
-import { Theme } from "./theme/Theme.js";
-import { createTheme } from "./theme/createTheme.js";
-import { ComponentToken, ComponentTokenKey, GlobalToken, GlobalTokenWithComponent, OverrideTokenMap, TokenMap, TokenMapKey } from "./cssinjs-utils/interface/components.js";
-import { Keyframe } from "./Keyframes.js";
-import { Linter } from "./linters/interface.js";
-import { linter as linter$1 } from "./linters/legacyNotSelectorLinter.js";
-import { linter as linter$2 } from "./linters/logicalPropertiesLinter.js";
-import { linter } from "./linters/NaNLinter.js";
-import { linter as linter$3 } from "./linters/parentSelectorLinter.js";
-import "./linters/index.js";
-import { StyleProvider, StyleProviderProps, createCache, provideStyleContext, useStyleContext, useStyleContextProvide } from "./StyleContext.js";
-import { Transformer } from "./transformers/interface.js";
-import { CSSInterpolation, CSSObject, useStyleRegister } from "./hooks/useStyleRegister.js";
-import { token2CSSVar } from "./util/css-variables.js";
-import { useCSSVarRegister } from "./hooks/useCSSVarRegister.js";
-import { extractStyle } from "./extractStyle.js";
-import { getComputedToken, useCacheToken } from "./hooks/useCacheToken.js";
-import { collectStyleText, setStyleCollector } from "./ssr/styleCollector.js";
-import { transform } from "./transformers/autoPrefix.js";
-import { transform as transform$1 } from "./transformers/legacyLogicalProperties.js";
-import { transform as transform$2 } from "./transformers/px2rem.js";
-import { unit } from "./util/index.js";
-import { CSSUtil, CSSVarRegisterProps, FullToken, GenStyleFn, GetCompUnitless, GetDefaultToken, GetDefaultTokenFn, GetResetStyles, StyleInfo, SubStyleComponentProps, TokenWithCommonCls, genStyleUtils } from "./cssinjs-utils/util/genStyleUtils.js";
-import { merge, statistic, statisticToken } from "./cssinjs-utils/util/statistic.js";
-import "./cssinjs-utils/index.js";
+import { AbstractCalculator } from "./theme/calc/calculator.mjs";
+import { genCalc } from "./theme/calc/index.mjs";
+import { DerivativeFunc, TokenType } from "./theme/interface.mjs";
+import { Theme } from "./theme/Theme.mjs";
+import { createTheme } from "./theme/createTheme.mjs";
+import { ComponentToken, ComponentTokenKey, GlobalToken, GlobalTokenWithComponent, OverrideTokenMap, TokenMap, TokenMapKey } from "./cssinjs-utils/interface/components.mjs";
+import { Keyframe } from "./Keyframes.mjs";
+import { Linter } from "./linters/interface.mjs";
+import { linter as linter$1 } from "./linters/legacyNotSelectorLinter.mjs";
+import { linter as linter$2 } from "./linters/logicalPropertiesLinter.mjs";
+import { linter } from "./linters/NaNLinter.mjs";
+import { linter as linter$3 } from "./linters/parentSelectorLinter.mjs";
+import "./linters/index.mjs";
+import { StyleProvider, StyleProviderProps, createCache, provideStyleContext, useStyleContext, useStyleContextProvide } from "./StyleContext.mjs";
+import { Transformer } from "./transformers/interface.mjs";
+import { CSSInterpolation, CSSObject, useStyleRegister } from "./hooks/useStyleRegister.mjs";
+import { token2CSSVar } from "./util/css-variables.mjs";
+import { useCSSVarRegister } from "./hooks/useCSSVarRegister.mjs";
+import { extractStyle } from "./extractStyle.mjs";
+import { getComputedToken, useCacheToken } from "./hooks/useCacheToken.mjs";
+import { collectStyleText, setStyleCollector } from "./ssr/styleCollector.mjs";
+import { transform } from "./transformers/autoPrefix.mjs";
+import { transform as transform$1 } from "./transformers/legacyLogicalProperties.mjs";
+import { transform as transform$2 } from "./transformers/px2rem.mjs";
+import { unit } from "./util/index.mjs";
+import { CSSUtil, CSSVarRegisterProps, FullToken, GenStyleFn, GetCompUnitless, GetDefaultToken, GetDefaultTokenFn, GetResetStyles, StyleInfo, SubStyleComponentProps, TokenWithCommonCls, genStyleUtils } from "./cssinjs-utils/util/genStyleUtils.mjs";
+import { merge, statistic, statisticToken } from "./cssinjs-utils/util/statistic.mjs";
+import "./cssinjs-utils/index.mjs";
 
 //#region src/index.d.ts
 declare const _experimental: {

package/dist/{index.js → index.mjs}

@@ -1,27 +1,27 @@
-import { collectStyleText, setStyleCollector } from "./ssr/styleCollector.js";
-import autoPrefix_default from "./transformers/autoPrefix.js";
-import { StyleProvider, createCache, provideStyleContext, useStyleContext, useStyleContextProvide } from "./StyleContext.js";
-import calc_default from "./theme/calc/index.js";
-import Theme from "./theme/Theme.js";
-import createTheme from "./theme/createTheme.js";
-import "./theme/index.js";
-import { token2CSSVar } from "./util/css-variables.js";
-import { supportLogicProps, supportWhere, unit } from "./util/index.js";
-import useCacheToken, { getComputedToken } from "./hooks/useCacheToken.js";
-import legacyNotSelectorLinter_default from "./linters/legacyNotSelectorLinter.js";
-import logicalPropertiesLinter_default from "./linters/logicalPropertiesLinter.js";
-import NaNLinter_default from "./linters/NaNLinter.js";
-import parentSelectorLinter_default from "./linters/parentSelectorLinter.js";
-import "./linters/index.js";
-import useStyleRegister from "./hooks/useStyleRegister.js";
-import useCSSVarRegister from "./hooks/useCSSVarRegister.js";
-import extractStyle from "./extractStyle.js";
-import Keyframes_default from "./Keyframes.js";
-import legacyLogicalProperties_default from "./transformers/legacyLogicalProperties.js";
-import px2rem_default from "./transformers/px2rem.js";
-import statistic_default, { merge, statistic } from "./cssinjs-utils/util/statistic.js";
-import genStyleUtils_default from "./cssinjs-utils/util/genStyleUtils.js";
-import "./cssinjs-utils/index.js";
+import { collectStyleText, setStyleCollector } from "./ssr/styleCollector.mjs";
+import autoPrefix_default from "./transformers/autoPrefix.mjs";
+import { StyleProvider, createCache, provideStyleContext, useStyleContext, useStyleContextProvide } from "./StyleContext.mjs";
+import calc_default from "./theme/calc/index.mjs";
+import Theme from "./theme/Theme.mjs";
+import createTheme from "./theme/createTheme.mjs";
+import "./theme/index.mjs";
+import { token2CSSVar } from "./util/css-variables.mjs";
+import { supportLogicProps, supportWhere, unit } from "./util/index.mjs";
+import useCacheToken, { getComputedToken } from "./hooks/useCacheToken.mjs";
+import legacyNotSelectorLinter_default from "./linters/legacyNotSelectorLinter.mjs";
+import logicalPropertiesLinter_default from "./linters/logicalPropertiesLinter.mjs";
+import NaNLinter_default from "./linters/NaNLinter.mjs";
+import parentSelectorLinter_default from "./linters/parentSelectorLinter.mjs";
+import "./linters/index.mjs";
+import useStyleRegister from "./hooks/useStyleRegister.mjs";
+import useCSSVarRegister from "./hooks/useCSSVarRegister.mjs";
+import extractStyle from "./extractStyle.mjs";
+import Keyframes_default from "./Keyframes.mjs";
+import legacyLogicalProperties_default from "./transformers/legacyLogicalProperties.mjs";
+import px2rem_default from "./transformers/px2rem.mjs";
+import statistic_default, { merge, statistic } from "./cssinjs-utils/util/statistic.mjs";
+import genStyleUtils_default from "./cssinjs-utils/util/genStyleUtils.mjs";
+import "./cssinjs-utils/index.mjs";
 
 //#region src/index.ts
 const _experimental = { supportModernCSS: () => supportWhere() && supportLogicProps() };

package/dist/linters/{NaNLinter.d.ts → NaNLinter.d.mts}

@@ -1,4 +1,4 @@
-import { Linter } from "./interface.js";
+import { Linter } from "./interface.mjs";
 
 //#region src/linters/NaNLinter.d.ts
 declare const linter: Linter;

package/dist/linters/{NaNLinter.js → NaNLinter.mjs}

@@ -1,4 +1,4 @@
-import { lintWarning } from "./utils.js";
+import { lintWarning } from "./utils.mjs";
 
 //#region src/linters/NaNLinter.ts
 const linter = (key, value, info) => {

package/dist/linters/{contentQuotesLinter.js → contentQuotesLinter.mjs}

@@ -1,4 +1,4 @@
-import { lintWarning } from "./utils.js";
+import { lintWarning } from "./utils.mjs";
 
 //#region src/linters/contentQuotesLinter.ts
 const linter = (key, value, info) => {

package/dist/linters/{hashedAnimationLinter.js → hashedAnimationLinter.mjs}

@@ -1,4 +1,4 @@
-import { lintWarning } from "./utils.js";
+import { lintWarning } from "./utils.mjs";
 
 //#region src/linters/hashedAnimationLinter.ts
 const linter = (key, value, info) => {

package/dist/linters/index.d.mts

@@ -0,0 +1,5 @@
+import { Linter } from "./interface.mjs";
+import { linter } from "./legacyNotSelectorLinter.mjs";
+import { linter as linter$1 } from "./logicalPropertiesLinter.mjs";
+import { linter as linter$2 } from "./NaNLinter.mjs";
+import { linter as linter$3 } from "./parentSelectorLinter.mjs";

package/dist/linters/{index.js → index.mjs}

@@ -1,8 +1,8 @@
-import contentQuotesLinter_default from "./contentQuotesLinter.js";
-import hashedAnimationLinter_default from "./hashedAnimationLinter.js";
-import legacyNotSelectorLinter_default from "./legacyNotSelectorLinter.js";
-import logicalPropertiesLinter_default from "./logicalPropertiesLinter.js";
-import NaNLinter_default from "./NaNLinter.js";
-import parentSelectorLinter_default from "./parentSelectorLinter.js";
+import contentQuotesLinter_default from "./contentQuotesLinter.mjs";
+import hashedAnimationLinter_default from "./hashedAnimationLinter.mjs";
+import legacyNotSelectorLinter_default from "./legacyNotSelectorLinter.mjs";
+import logicalPropertiesLinter_default from "./logicalPropertiesLinter.mjs";
+import NaNLinter_default from "./NaNLinter.mjs";
+import parentSelectorLinter_default from "./parentSelectorLinter.mjs";
 
 export {  };

package/dist/linters/{legacyNotSelectorLinter.d.ts → legacyNotSelectorLinter.d.mts}

@@ -1,4 +1,4 @@
-import { Linter } from "./interface.js";
+import { Linter } from "./interface.mjs";
 
 //#region src/linters/legacyNotSelectorLinter.d.ts
 declare const linter: Linter;

package/dist/linters/{legacyNotSelectorLinter.js → legacyNotSelectorLinter.mjs}

@@ -1,4 +1,4 @@
-import { lintWarning } from "./utils.js";
+import { lintWarning } from "./utils.mjs";
 
 //#region src/linters/legacyNotSelectorLinter.ts
 function isConcatSelector(selector) {

package/dist/linters/{logicalPropertiesLinter.d.ts → logicalPropertiesLinter.d.mts}

@@ -1,4 +1,4 @@
-import { Linter } from "./interface.js";
+import { Linter } from "./interface.mjs";
 
 //#region src/linters/logicalPropertiesLinter.d.ts
 declare const linter: Linter;

package/dist/linters/{logicalPropertiesLinter.js → logicalPropertiesLinter.mjs}

@@ -1,4 +1,4 @@
-import { lintWarning } from "./utils.js";
+import { lintWarning } from "./utils.mjs";
 
 //#region src/linters/logicalPropertiesLinter.ts
 const linter = (key, value, info) => {

package/dist/linters/{parentSelectorLinter.d.ts → parentSelectorLinter.d.mts}

@@ -1,5 +1,5 @@
-import { Linter } from "./interface.js";
-import "../index.js";
+import { Linter } from "./interface.mjs";
+import "../index.mjs";
 
 //#region src/linters/parentSelectorLinter.d.ts
 declare const linter: Linter;

package/dist/linters/{parentSelectorLinter.js → parentSelectorLinter.mjs}

@@ -1,4 +1,4 @@
-import { lintWarning } from "./utils.js";
+import { lintWarning } from "./utils.mjs";
 
 //#region src/linters/parentSelectorLinter.ts
 const linter = (_key, _value, info) => {

package/dist/theme/{Theme.d.ts → Theme.d.mts}

@@ -1,4 +1,4 @@
-import { DerivativeFunc, TokenType } from "./interface.js";
+import { DerivativeFunc, TokenType } from "./interface.mjs";
 
 //#region src/theme/Theme.d.ts
 

package/dist/theme/calc/{CSSCalculator.d.ts → CSSCalculator.d.mts}

@@ -1,4 +1,4 @@
-import { AbstractCalculator } from "./calculator.js";
+import { AbstractCalculator } from "./calculator.mjs";
 
 //#region src/theme/calc/CSSCalculator.d.ts
 declare class CSSCalculator extends AbstractCalculator {

package/dist/theme/calc/{CSSCalculator.js → CSSCalculator.mjs}

@@ -1,4 +1,4 @@
-import calculator_default from "./calculator.js";
+import calculator_default from "./calculator.mjs";
 
 //#region src/theme/calc/CSSCalculator.ts
 const CALC_UNIT = "CALC_UNIT";

package/dist/theme/calc/{NumCalculator.d.ts → NumCalculator.d.mts}

@@ -1,4 +1,4 @@
-import { AbstractCalculator } from "./calculator.js";
+import { AbstractCalculator } from "./calculator.mjs";
 
 //#region src/theme/calc/NumCalculator.d.ts
 declare class NumCalculator extends AbstractCalculator {

package/dist/theme/calc/{NumCalculator.js → NumCalculator.mjs}

@@ -1,4 +1,4 @@
-import calculator_default from "./calculator.js";
+import calculator_default from "./calculator.mjs";
 
 //#region src/theme/calc/NumCalculator.ts
 var NumCalculator = class NumCalculator extends calculator_default {

package/dist/theme/calc/{index.d.ts → index.d.mts}

@@ -1,6 +1,6 @@
-import { AbstractCalculator } from "./calculator.js";
-import { CSSCalculator } from "./CSSCalculator.js";
-import { NumCalculator } from "./NumCalculator.js";
+import { AbstractCalculator } from "./calculator.mjs";
+import { CSSCalculator } from "./CSSCalculator.mjs";
+import { NumCalculator } from "./NumCalculator.mjs";
 
 //#region src/theme/calc/index.d.ts
 declare function genCalc(type: 'css' | 'js', unitlessCssVar: Set<string>): (num: number | string | AbstractCalculator) => CSSCalculator | NumCalculator;

package/dist/theme/calc/{index.js → index.mjs}

@@ -1,5 +1,5 @@
-import CSSCalculator from "./CSSCalculator.js";
-import NumCalculator from "./NumCalculator.js";
+import CSSCalculator from "./CSSCalculator.mjs";
+import NumCalculator from "./NumCalculator.mjs";
 
 //#region src/theme/calc/index.ts
 function genCalc(type, unitlessCssVar) {

package/dist/theme/{createTheme.d.ts → createTheme.d.mts}

@@ -1,5 +1,5 @@
-import { DerivativeFunc, TokenType } from "./interface.js";
-import { Theme } from "./Theme.js";
+import { DerivativeFunc, TokenType } from "./interface.mjs";
+import { Theme } from "./Theme.mjs";
 
 //#region src/theme/createTheme.d.ts
 

package/dist/theme/{createTheme.js → createTheme.mjs}

@@ -1,5 +1,5 @@
-import Theme from "./Theme.js";
-import ThemeCache from "./ThemeCache.js";
+import Theme from "./Theme.mjs";
+import ThemeCache from "./ThemeCache.mjs";
 
 //#region src/theme/createTheme.ts
 const cacheThemes = new ThemeCache();

package/dist/theme/index.mjs

@@ -0,0 +1,6 @@
+import calc_default from "./calc/index.mjs";
+import Theme from "./Theme.mjs";
+import ThemeCache from "./ThemeCache.mjs";
+import createTheme from "./createTheme.mjs";
+
+export {  };

package/dist/transformers/{autoPrefix.d.ts → autoPrefix.d.mts}

@@ -1,4 +1,4 @@
-import { Transformer } from "./interface.js";
+import { Transformer } from "./interface.mjs";
 
 //#region src/transformers/autoPrefix.d.ts
 declare const transform: Transformer;

package/dist/transformers/{interface.d.ts → interface.d.mts}

@@ -1,5 +1,5 @@
-import { CSSObject } from "../hooks/useStyleRegister.js";
-import "../index.js";
+import { CSSObject } from "../hooks/useStyleRegister.mjs";
+import "../index.mjs";
 
 //#region src/transformers/interface.d.ts
 interface Transformer {

package/dist/transformers/{legacyLogicalProperties.d.ts → legacyLogicalProperties.d.mts}

@@ -1,4 +1,4 @@
-import { Transformer } from "./interface.js";
+import { Transformer } from "./interface.mjs";
 
 //#region src/transformers/legacyLogicalProperties.d.ts
 

package/dist/transformers/{px2rem.d.ts → px2rem.d.mts}

@@ -1,4 +1,4 @@
-import { Transformer } from "./interface.js";
+import { Transformer } from "./interface.mjs";
 
 //#region src/transformers/px2rem.d.ts
 interface Options {

package/dist/transformers/{px2rem.js → px2rem.mjs}

@@ -1,6 +1,9 @@
 import unitless from "@emotion/unitless";
 
 //#region src/transformers/px2rem.ts
+/**
+* respect https://github.com/cuth/postcss-pxtorem
+*/
 const pxRegex = /url\([^)]+\)|var\([^)]+\)|(\d+(?:\.\d+)?|\.\d+)px/g;
 function toFixed(number, precision) {
 	const multiplier = 10 ** (precision + 1);

package/dist/util/{cacheMapUtil.js → cacheMapUtil.mjs}

@@ -1,4 +1,4 @@
-import { ATTR_MARK } from "../StyleContext.js";
+import { ATTR_MARK } from "../StyleContext.mjs";
 import canUseDom from "@v-c/util/dist/Dom/canUseDom";
 
 //#region src/util/cacheMapUtil.ts

package/dist/util/{css-variables.d.ts → css-variables.d.mts}

@@ -1,4 +1,4 @@
-import "../StyleContext.js";
+import "../StyleContext.mjs";
 
 //#region src/util/css-variables.d.ts
 declare function token2CSSVar(token: string, prefix?: string): string;

package/dist/util/{css-variables.js → css-variables.mjs}

@@ -1,4 +1,4 @@
-import { where } from "./index.js";
+import { where } from "./index.mjs";
 
 //#region src/util/css-variables.ts
 function token2CSSVar(token, prefix = "") {

package/dist/util/{index.d.ts → index.d.mts}

@@ -1,5 +1,5 @@
-import "../StyleContext.js";
-import { token2CSSVar } from "./css-variables.js";
+import "../StyleContext.mjs";
+import { token2CSSVar } from "./css-variables.mjs";
 
 //#region src/util/index.d.ts
 

package/dist/util/{index.js → index.mjs}

@@ -1,8 +1,8 @@
-import { ATTR_MARK, ATTR_TOKEN } from "../StyleContext.js";
-import Theme from "../theme/Theme.js";
-import "../theme/index.js";
-import { token2CSSVar } from "./css-variables.js";
-import hash from "@emotion/hash";
+import { ATTR_MARK, ATTR_TOKEN } from "../StyleContext.mjs";
+import Theme from "../theme/Theme.mjs";
+import "../theme/index.mjs";
+import resolveHash_default from "./resolveHash.mjs";
+import { token2CSSVar } from "./css-variables.mjs";
 import canUseDom from "@v-c/util/dist/Dom/canUseDom";
 import { removeCSS, updateCSS } from "@v-c/util/dist/Dom/dynamicCSS";
 
@@ -33,7 +33,7 @@ function flattenToken(token) {
 			else if (value && typeof value === "object") str += flattenToken(value);
 			else str += value;
 		});
-		str = hash(str);
+		str = resolveHash_default(str);
 		flattenTokenCache.set(token, str);
 	}
 	return str;
@@ -42,7 +42,7 @@ function flattenToken(token) {
 * Convert derivative token to key string
 */
 function token2key(token, salt) {
-	return hash(`${salt}_${flattenToken(token)}`);
+	return resolveHash_default(`${salt}_${flattenToken(token)}`);
 }
 const randomSelectorKey = `random-${Date.now()}-${Math.random()}`.replace(/\./g, "");
 const checkContent = "_bAmBoO_";

package/dist/util/resolveHash.mjs

@@ -0,0 +1,7 @@
+import hash from "@emotion/hash";
+
+//#region src/util/resolveHash.ts
+var resolveHash_default = (src) => hash.default && typeof hash.default === "function" ? hash.default(src) : hash(src);
+
+//#endregion
+export { resolveHash_default as default };

package/package.json

@@ -1,23 +1,23 @@
 {
   "name": "@antdv-next/cssinjs",
   "type": "module",
-  "version": "1.0.0-beta.1",
+  "version": "1.0.0-beta.2",
   "description": "cssinjs solution for ant-design-vue",
   "exports": {
     ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.js",
-      "default": "./dist/index.js"
+      "types": "./dist/index.d.mts",
+      "import": "./dist/index.mjs",
+      "default": "./dist/index.mjs"
     },
     "./cssinjs-utils": {
-      "types": "./dist/cssinjs-utils/index.d.ts",
-      "import": "./dist/cssinjs-utils/index.js",
-      "default": "./dist/cssinjs-utils/index.js"
+      "types": "./dist/cssinjs-utils/index.d.mts",
+      "import": "./dist/cssinjs-utils/index.mjs",
+      "default": "./dist/cssinjs-utils/index.mjs"
     },
     "./dist/*": {
-      "types": "./dist/*.d.ts",
-      "import": "./dist/*.js",
-      "default": "./dist/*.js"
+      "types": "./dist/*.d.mts",
+      "import": "./dist/*.mjs",
+      "default": "./dist/*.mjs"
     }
   },
   "files": [
@@ -37,11 +37,11 @@
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^5.17.0",
-    "@types/node": "^24.10.3",
+    "@types/node": "^25.0.10",
     "@types/stylis": "^4.2.7",
-    "@types/testing-library__jest-dom": "^5.14.9",
+    "@types/testing-library__jest-dom": "^6.0.0",
     "@vue/test-utils": "^2.4.6",
-    "vue": "^3.5.25"
+    "vue": "^3.5.27"
   },
   "scripts": {
     "test": "vitest run",

package/dist/linters/index.d.ts

@@ -1,5 +0,0 @@
-import { Linter } from "./interface.js";
-import { linter } from "./legacyNotSelectorLinter.js";
-import { linter as linter$1 } from "./logicalPropertiesLinter.js";
-import { linter as linter$2 } from "./NaNLinter.js";
-import { linter as linter$3 } from "./parentSelectorLinter.js";

package/dist/theme/index.js

@@ -1,6 +0,0 @@
-import calc_default from "./calc/index.js";
-import Theme from "./Theme.js";
-import ThemeCache from "./ThemeCache.js";
-import createTheme from "./createTheme.js";
-
-export {  };