@ant-design/cssinjs-utils - npm Package Compare versions

Comparing version 2.0.2 to 2.1.0

es/util/genStyleUtils.d.ts

@@ -87,7 +87,22 @@ import React from 'react';
         injectStyle?: boolean;
+        /**
+         * Extra prefixCls to inject CSS variables.
+         * 为额外的 prefixCls 注入 CSS 变量（不注入样式）。
+         *
+         * @example
+         * ```typescript
+         * {
+         *   extraCssVarPrefixCls: ['my-comp-compact', 'my-comp-large']
+         * }
+         * ```
+         */
+        extraCssVarPrefixCls?: string[];
     }) => (prefixCls: string, rootCls?: string) => readonly [string, string];
-    genSubStyleComponent: <C_1 extends TokenMapKey<CompTokenMap>>(componentName: C_1 | [C_1, string], styleFn: GenStyleFn<CompTokenMap, AliasToken, C_1>, getDefaultToken?: GetDefaultToken<CompTokenMap, AliasToken, C_1>, options?: {
+    genSubStyleComponent: <C extends TokenMapKey<CompTokenMap>>(componentName: C | [C, string], styleFn: GenStyleFn<CompTokenMap, AliasToken, C>, getDefaultToken?: GetDefaultToken<CompTokenMap, AliasToken, C>, options?: {
         resetStyle?: boolean;
         resetFont?: boolean;
-        deprecatedTokens?: [keyof Exclude<import("../interface/components").OverrideTokenMap<CompTokenMap, AliasToken>[C_1], undefined>, keyof Exclude<import("../interface/components").OverrideTokenMap<CompTokenMap, AliasToken>[C_1], undefined>][];
+        deprecatedTokens?: [
+            ComponentTokenKey<CompTokenMap, AliasToken, C>,
+            ComponentTokenKey<CompTokenMap, AliasToken, C>
+        ][];
         /**
@@ -102,8 +117,8 @@ * Only use component style in client side. Ignore in SSR.
         injectStyle?: boolean;
-        unitless?: Partial<Record<keyof Exclude<import("../interface/components").OverrideTokenMap<CompTokenMap, AliasToken>[C_1], undefined>, boolean>>;
+        unitless?: Partial<Record<ComponentTokenKey<CompTokenMap, AliasToken, C>, boolean>>;
     }) => React.FunctionComponent<SubStyleComponentProps>;
-    genComponentStyleHook: <C_2 extends TokenMapKey<CompTokenMap>>(componentName: C_2 | [C_2, string], styleFn: GenStyleFn<CompTokenMap, AliasToken, C_2>, getDefaultToken?: GetDefaultToken<CompTokenMap, AliasToken, C_2>, options?: {
+    genComponentStyleHook: <C_1 extends TokenMapKey<CompTokenMap>>(componentName: C_1 | [C_1, string], styleFn: GenStyleFn<CompTokenMap, AliasToken, C_1>, getDefaultToken?: GetDefaultToken<CompTokenMap, AliasToken, C_1>, options?: {
         resetStyle?: boolean;
         resetFont?: boolean;
-        deprecatedTokens?: [keyof Exclude<import("../interface/components").OverrideTokenMap<CompTokenMap, AliasToken>[C_2], undefined>, keyof Exclude<import("../interface/components").OverrideTokenMap<CompTokenMap, AliasToken>[C_2], undefined>][];
+        deprecatedTokens?: [keyof Exclude<import("../interface/components").OverrideTokenMap<CompTokenMap, AliasToken>[C_1], undefined>, keyof Exclude<import("../interface/components").OverrideTokenMap<CompTokenMap, AliasToken>[C_1], undefined>][];
         /**
@@ -118,5 +133,5 @@ * Only use component style in client side. Ignore in SSR.
         injectStyle?: boolean;
-        unitless?: Partial<Record<keyof Exclude<import("../interface/components").OverrideTokenMap<CompTokenMap, AliasToken>[C_2], undefined>, boolean>>;
+        unitless?: Partial<Record<keyof Exclude<import("../interface/components").OverrideTokenMap<CompTokenMap, AliasToken>[C_1], undefined>, boolean>>;
     }) => (prefixCls: string, rootCls?: string) => string;
 };
 export default genStyleUtils;

es/util/genStyleUtils.js

 import _typeof from "@babel/runtime/helpers/esm/typeof";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
@@ -48,5 +49,6 @@ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
     return function (prefixCls) {
+      var _options$extraCssVarP;
       var rootCls = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : prefixCls;
       var hashId = useStyle(prefixCls, rootCls);
-      var cssVarCls = useCSSVar(rootCls);
+      var cssVarCls = useCSSVar(options !== null && options !== void 0 && (_options$extraCssVarP = options.extraCssVarPrefixCls) !== null && _options$extraCssVarP !== void 0 && _options$extraCssVarP.length ? [rootCls].concat(_toConsumableArray(options.extraCssVarPrefixCls)) : rootCls);
       return [hashId, cssVarCls];
@@ -53,0 +55,0 @@ };

lib/util/genStyleUtils.d.ts

@@ -87,7 +87,22 @@ import React from 'react';
         injectStyle?: boolean;
+        /**
+         * Extra prefixCls to inject CSS variables.
+         * 为额外的 prefixCls 注入 CSS 变量（不注入样式）。
+         *
+         * @example
+         * ```typescript
+         * {
+         *   extraCssVarPrefixCls: ['my-comp-compact', 'my-comp-large']
+         * }
+         * ```
+         */
+        extraCssVarPrefixCls?: string[];
     }) => (prefixCls: string, rootCls?: string) => readonly [string, string];
-    genSubStyleComponent: <C_1 extends TokenMapKey<CompTokenMap>>(componentName: C_1 | [C_1, string], styleFn: GenStyleFn<CompTokenMap, AliasToken, C_1>, getDefaultToken?: GetDefaultToken<CompTokenMap, AliasToken, C_1>, options?: {
+    genSubStyleComponent: <C extends TokenMapKey<CompTokenMap>>(componentName: C | [C, string], styleFn: GenStyleFn<CompTokenMap, AliasToken, C>, getDefaultToken?: GetDefaultToken<CompTokenMap, AliasToken, C>, options?: {
         resetStyle?: boolean;
         resetFont?: boolean;
-        deprecatedTokens?: [keyof Exclude<import("../interface/components").OverrideTokenMap<CompTokenMap, AliasToken>[C_1], undefined>, keyof Exclude<import("../interface/components").OverrideTokenMap<CompTokenMap, AliasToken>[C_1], undefined>][];
+        deprecatedTokens?: [
+            ComponentTokenKey<CompTokenMap, AliasToken, C>,
+            ComponentTokenKey<CompTokenMap, AliasToken, C>
+        ][];
         /**
@@ -102,8 +117,8 @@ * Only use component style in client side. Ignore in SSR.
         injectStyle?: boolean;
-        unitless?: Partial<Record<keyof Exclude<import("../interface/components").OverrideTokenMap<CompTokenMap, AliasToken>[C_1], undefined>, boolean>>;
+        unitless?: Partial<Record<ComponentTokenKey<CompTokenMap, AliasToken, C>, boolean>>;
     }) => React.FunctionComponent<SubStyleComponentProps>;
-    genComponentStyleHook: <C_2 extends TokenMapKey<CompTokenMap>>(componentName: C_2 | [C_2, string], styleFn: GenStyleFn<CompTokenMap, AliasToken, C_2>, getDefaultToken?: GetDefaultToken<CompTokenMap, AliasToken, C_2>, options?: {
+    genComponentStyleHook: <C_1 extends TokenMapKey<CompTokenMap>>(componentName: C_1 | [C_1, string], styleFn: GenStyleFn<CompTokenMap, AliasToken, C_1>, getDefaultToken?: GetDefaultToken<CompTokenMap, AliasToken, C_1>, options?: {
         resetStyle?: boolean;
         resetFont?: boolean;
-        deprecatedTokens?: [keyof Exclude<import("../interface/components").OverrideTokenMap<CompTokenMap, AliasToken>[C_2], undefined>, keyof Exclude<import("../interface/components").OverrideTokenMap<CompTokenMap, AliasToken>[C_2], undefined>][];
+        deprecatedTokens?: [keyof Exclude<import("../interface/components").OverrideTokenMap<CompTokenMap, AliasToken>[C_1], undefined>, keyof Exclude<import("../interface/components").OverrideTokenMap<CompTokenMap, AliasToken>[C_1], undefined>][];
         /**
@@ -118,5 +133,5 @@ * Only use component style in client side. Ignore in SSR.
         injectStyle?: boolean;
-        unitless?: Partial<Record<keyof Exclude<import("../interface/components").OverrideTokenMap<CompTokenMap, AliasToken>[C_2], undefined>, boolean>>;
+        unitless?: Partial<Record<keyof Exclude<import("../interface/components").OverrideTokenMap<CompTokenMap, AliasToken>[C_1], undefined>, boolean>>;
     }) => (prefixCls: string, rootCls?: string) => string;
 };
 export default genStyleUtils;

lib/util/genStyleUtils.js

@@ -11,2 +11,3 @@ "use strict";
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
@@ -57,5 +58,6 @@ var _objectSpread3 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
     return function (prefixCls) {
+      var _options$extraCssVarP;
       var rootCls = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : prefixCls;
       var hashId = useStyle(prefixCls, rootCls);
-      var cssVarCls = useCSSVar(rootCls);
+      var cssVarCls = useCSSVar(options !== null && options !== void 0 && (_options$extraCssVarP = options.extraCssVarPrefixCls) !== null && _options$extraCssVarP !== void 0 && _options$extraCssVarP.length ? [rootCls].concat((0, _toConsumableArray2.default)(options.extraCssVarPrefixCls)) : rootCls);
       return [hashId, cssVarCls];
@@ -62,0 +64,0 @@ };

package.json

 {
   "name": "@ant-design/cssinjs-utils",
-  "version": "2.0.2",
+  "version": "2.1.0",
   "description": "A cssinjs util library to support Ant Design (antd) and its ecosystem libraries.",
@@ -60,3 +60,3 @@ "keywords": [
   "dependencies": {
-    "@ant-design/cssinjs": "^2.0.1",
+    "@ant-design/cssinjs": "^2.1.0",
     "@babel/runtime": "^7.23.2",
@@ -63,0 +63,0 @@ "@rc-component/util": "^1.4.0"

New alerts

Environment variable access

Supply chain risk

Package accesses environment variables, which may be a sign of credential stuffing or data theft.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

Environment variable access

Supply chain risk

Package accesses environment variables, which may be a sign of credential stuffing or data theft.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

91194

1.29%

Lines of code

2055

1.73%

Dependency changes

• Updated

  @ant-design/cssinjs@^2.1.0