feat: use tailwindcss Config type to check

Author: leedom92

packages/tailwindcss-color-preset/src/colors/el-colors.ts

@@ -1,7 +1,5 @@
 // refer to https://github.com/element-plus/element-plus/blob/dev/packages/theme-chalk/src/common/var.scss
-import type { ColorConfig } from './types'
-
-const ElColors: ColorConfig = {
+const ElColors = {
   'el-primary': {
     DEFAULT: '#409eff',
     3: '#79bbff',

packages/tailwindcss-color-preset/src/colors/naive-colors.ts

@@ -1,6 +1,4 @@
-import type { ColorConfig } from './types'
-
-const NaiveColors: ColorConfig = {
+const NaiveColors = {
   'n-primary': '#18a058',
   'n-success': '#18a058',
   'n-info': '#2080f0',

packages/tailwindcss-color-preset/src/colors/types.ts

@@ -1,42 +1,10 @@
-/**
- * tailwindcss color param
- * @example
- * {
- *   DEFAULT: '#409eff',
- *   3: '#79bbff',
- *   5: '#a0cfff',
- *   7: '#c6e2ff',
- *   8: '#d9ecff',
- *   9: '#ecf5ff',
- *   dark: '#337ecc',
- * }
- *
- */
-export type Color = string | { [key: string]: string }
-
-/**
- * tailwindcss color param
- * @example
- * 'el-primary': {
- *   DEFAULT: '#409eff',
- *   3: '#79bbff',
- *   5: '#a0cfff',
- *   7: '#c6e2ff',
- *   8: '#d9ecff',
- *   9: '#ecf5ff',
- *   dark: '#337ecc',
- * },
- *
- */
-export interface ColorConfig {
-  [key: string]: Color
-}
-
 /**
  * select color
  * @example
  * {
- *    element: true
+ *    element: true,
+ *    naive: true,
+ *    vant: true,
  * }
  */
 export interface ColorOption {

packages/tailwindcss-color-preset/src/colors/van-background.ts

@@ -1,6 +1,4 @@
-import type { ColorConfig } from './types'
-
-const VanBackground: ColorConfig = {
+const VanBackground = {
   'van-gradient-red': 'linear-gradient(to right, #ff6034, #ee0a24)',
   'van-gradient-orange': 'linear-gradient(to right, #ffd01e, #ff8917)',
 }

packages/tailwindcss-color-preset/src/colors/van-colors.ts

@@ -1,7 +1,5 @@
 // refer to https://github.com/youzan/vant/blob/main/packages/vant/src/style/css-variables.less
-import type { ColorConfig } from './types'
-
-const VanColors: ColorConfig = {
+const VanColors = {
   'van-primary': '#1989fa',
   'van-success': '#07c160',
   'van-danger': '#ee0a24',

packages/tailwindcss-color-preset/src/index.ts

@@ -1,4 +1,5 @@
 import { isPackageExists } from 'local-pkg'
+import type { Config } from 'tailwindcss'
 import {
   ElColors,
   NaiveColors,
@@ -15,7 +16,8 @@ export default (opt: ColorOption = {
   element: ELEMENT,
   naive: NAIVE,
   vant: VANT,
-}) => ({
+}): Config => ({
+  content: [],
   theme: {
     extend: {
       colors: {

packages/tailwindcss-miniprogram-preset/src/index.ts

@@ -1,3 +1,4 @@
+import type { Config } from 'tailwindcss'
 import {
   extend,
   fontSize,
@@ -11,7 +12,8 @@ export interface MiniProgramConfig {
 
 export default (opt: MiniProgramConfig = {
   enable: true,
-}) => opt.enable ? {
+}): Config => opt.enable ? {
+  content: [],
   theme: {
     /**
      * refer to https://tailwindcss.com/docs/customizing-spacing
@@ -33,6 +35,8 @@ export default (opt: MiniProgramConfig = {
   corePlugins: {
     preflight: false, // mp doesn't need base styles.
   },
-} : {}
+} : {
+  content: [],
+}
 
 export type * from './transform/types'

packages/tailwindcss-preset/src/index.ts

@@ -2,13 +2,11 @@ import { isPackageExists } from 'local-pkg'
 import color from '@leedomjs/tailwindcss-color-preset'
 import mp from '@leedomjs/tailwindcss-miniprogram-preset'
 
-import type { Color, ColorOption } from '@leedomjs/tailwindcss-color-preset'
-
-import type * as miniprogram from '@leedomjs/tailwindcss-miniprogram-preset'
+import type { ColorOption } from '@leedomjs/tailwindcss-color-preset'
+import type { Config } from 'tailwindcss'
 
 /**
  * combine color and mp types
- *
  * @example
  * {
  *    mp?: boolean
@@ -30,7 +28,8 @@ export default (opt: PresetOption = {
   element: ELEMENT,
   naive: NAIVE,
   vant: VANT,
-}) => ({
+}): Config => ({
+  content: [],
   presets: [
     color({
       element: opt.element ?? ELEMENT,