WIP ✨pref: improve memorization

[Wxh16144]

我不确定有多少提升，最近在抓内存飙升问题， 看了一遍 antd 的 cssinjs 包括 antd-style

如下代码：

先不管乱不乱，case 是 createStyles 创建的 useFooStyles 这个 hook 可以接受一个参数是 props。

antd-style 侧虽然用了 usememo，但是每次 re-render 的时候 props 是一个新的对象，导致 useMemo 其实没有效果。

const useFooStyles = createStyles(({ css, cx, token }, { show }: { show: boolean }) => ({
  wrap: cx(
    css({
      display: 'inline-block',
      height: 100,
      position: 'relative',
      border: `1px solid ${token.colorPrimary}`,
    },
      show ?
        css({
          '&::before': {
            content: '""',
            position: 'absolute',
            insetBlockStart: 0,
            insetInlineEnd: 0,
            width: 20,
            height: 20,
            backgroundColor: token.colorPrimary,
            transform: 'translate(100%, -100%)',
          }
        })
        : null
    )
  )
}));

const Foo = ({ count = 0 }: FooProps) => {
  console.log("Foo-render");
  const { styles } = useFooStyles({
    show: count % 3 === 0
  });

  return <div className={styles.wrap}>Foo-{count ?? 'unknown'}</div>;
}

这个 PR 改为用 rc-util 提供的 usememo ，他可以自定义对比上一次和当前的依赖逻辑， 我这里使用浅比较。

[arvinxx]

改完帮你发个 alpha 测下

[arvinxx]

这里不要加 React. 。 antd-style 最小依赖版本号是 18，不应该加

[arvinxx]

另外有空可以看看 #173 和 #158