feat(color): default value depends on deps

Author: leedom92

README.md

@@ -29,8 +29,11 @@ module.exports = {
      * `mp` defaults to `false`, setting `mp` be `true` will enable the preset, 
      * otherwise will enable default config of tailwindcss and disable the preset meanwhile.
      * 
-     * `element`, `naive`, `vant`, these params default to false, setting to true will enable the color.
-     * If your project depends on `element-ui`, `element-plus`, `naive-ui`, `vant-ui`, the color will be enable automatically, even though you set value to false.
+     * `element`, `naive`, `vant`, these params default to dependencies that your project uses.
+     * If your project depends on `element-ui`, `element-plus`, `naive-ui`, `vant-ui`, 
+     * the color will be enable automatically.
+     * Setting to false will disable the color, otherwise will enabled.
+     * 
      * 
      */
     preset({

packages/tailwindcss-color-preset/README.md

@@ -15,18 +15,19 @@ pnpm add -D tailwindcss @leedomjs/tailwindcss-color-preset
 ### Config `tailwind.config.js`
 
 ```js
-/** @type {import('tailwindcss').Config} */
-
 const color = require('@leedomjs/tailwindcss-color-preset')
 
-
 /**
  * There is an object param that contains some fields `element`, `naive`, `vant`.
  * 
- * These params default to false, setting to true will enable the color.
- * If your project depends on `element-ui`, `element-plus`, `naive-ui`, `vant-ui`, the color will be enable automatically, even though you set value to false.
+ * These params default to dependencies that your project uses.
+ * If your project depends on `element-ui`, `element-plus`, `naive-ui`, `vant-ui`, 
+ * the color will be enable automatically.
+ * Setting to false will disable the color, otherwise will enabled.
  * 
  */
+
+/** @type {import('tailwindcss').Config} */
 module.exports = {
   presets: [
     color({

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

@@ -12,19 +12,19 @@ const NAIVE: boolean = isPackageExists('naive-ui')
 const VANT: boolean = isPackageExists('vant')
 
 export default (opt: ColorOption = {
-  element: false,
-  naive: false,
-  vant: false,
+  element: ELEMENT,
+  naive: NAIVE,
+  vant: VANT,
 }) => ({
   theme: {
     extend: {
       colors: {
-        ...((opt.element || ELEMENT) ? ElColors : {}),
-        ...((opt.naive || NAIVE) ? NaiveColors : {}),
-        ...((opt.vant || VANT) ? VanColors : {}),
+        ...(opt.element ? ElColors : {}),
+        ...(opt.naive ? NaiveColors : {}),
+        ...(opt.vant ? VanColors : {}),
       },
       backgroundImage: {
-        ...((opt.vant || VANT) ? VanBackground : {}),
+        ...(opt.vant ? VanBackground : {}),
       },
     },
   },