update

Author: li-jia-nan

src/hooks/useStyleRegister.tsx

@@ -15,7 +15,7 @@ import StyleContext, {
   ATTR_MARK,
   CSS_IN_JS_INSTANCE,
 } from '../StyleContext';
-import { isClientSide, normalizeValue, toStyleStr, where } from '../util';
+import { isClientSide, isNonNullable, toStyleStr, where } from '../util';
 import {
   CSS_FILE_STYLE,
   existPath,
@@ -323,10 +323,7 @@ export const parseStyle = (
               appendStyle(key, item);
             });
           } else {
-            // 如果是 padding 属性，并且值为 undefined，则转换为 0
-            if (key.startsWith('padding')) {
-              appendStyle(key, normalizeValue(actualValue));
-            } else {
+            if (isNonNullable(actualValue)) {
               appendStyle(key, actualValue);
             }
           }

src/util/index.ts

@@ -201,10 +201,6 @@ export function where(options?: {
   return hashPriority === 'low' ? `:where(${hashSelector})` : hashSelector;
 }
 
-export const isNullable = <T>(val: T): val is Extract<T, null | undefined> => {
-  return val === null || val === undefined;
-};
-
-export const normalizeValue = <T>(val: T) => {
-  return isNullable(val) ? 0 : val;
+export const isNonNullable = <T>(val: T): val is NonNullable<T> => {
+  return val !== undefined && val !== null;
 };

tests/index.spec.tsx

@@ -978,6 +978,6 @@ describe('csssinjs', () => {
 
     const styleContent = styles[styles.length - 1];
 
-    expect(styleContent.innerHTML).toContain('padding:0');
+    expect(styleContent.innerHTML).not.toContain('padding');
   });
 });