feat: add theme and style

components/theme/themes/compact/genCompactSizeMapToken.ts

@@ -0,0 +1,19 @@
+import type { SeedToken, SizeMapToken } from '../../interface'
+
+export default function genSizeMapToken(token: SeedToken): SizeMapToken {
+  const { sizeUnit, sizeStep } = token
+
+  const compactSizeStep = sizeStep - 2
+
+  return {
+    sizeXXL: sizeUnit * (compactSizeStep + 10),
+    sizeXL: sizeUnit * (compactSizeStep + 6),
+    sizeLG: sizeUnit * (compactSizeStep + 2),
+    sizeMD: sizeUnit * (compactSizeStep + 2),
+    sizeMS: sizeUnit * (compactSizeStep + 1),
+    size: sizeUnit * compactSizeStep,
+    sizeSM: sizeUnit * compactSizeStep,
+    sizeXS: sizeUnit * (compactSizeStep - 1),
+    sizeXXS: sizeUnit * (compactSizeStep - 1)
+  }
+}

components/theme/themes/compact/index.ts

@@ -0,0 +1,27 @@
+import type { DerivativeFunc } from '@antd-tiny-vue/cssinjs'
+import genControlHeight from '../shared/genControlHeight'
+import type { MapToken, SeedToken } from '../../interface'
+import defaultAlgorithm from '../default'
+import genFontMapToken from '../shared/genFontMapToken'
+import genCompactSizeMapToken from './genCompactSizeMapToken'
+
+const derivative: DerivativeFunc<SeedToken, MapToken> = (token, mapToken) => {
+  const mergedMapToken = mapToken ?? defaultAlgorithm(token)
+
+  const fontSize = mergedMapToken.fontSizeSM // Smaller size font-size as base
+  const controlHeight = mergedMapToken.controlHeight - 4
+
+  return {
+    ...mergedMapToken,
+    ...genCompactSizeMapToken(mapToken ?? token),
+
+    // font
+    ...genFontMapToken(fontSize),
+
+    // controlHeight
+    controlHeight,
+    ...genControlHeight({ ...mergedMapToken, controlHeight })
+  }
+}
+
+export default derivative