fmt

Author: wangzuo

babel.config.js

@@ -1,3 +1,3 @@
 module.exports = {
-  presets: ['swiftcarrot']
+  presets: ['swiftcarrot'],
 };

rollup.config.js

@@ -4,40 +4,40 @@ import nodeResolve from '@rollup/plugin-node-resolve';
 import pkg from './package.json';
 
 const input = './src/index.js';
-const external = id => !id.startsWith('.') && !id.startsWith('/');
+const external = (id) => !id.startsWith('.') && !id.startsWith('/');
 
 export default [
   {
     input,
     output: {
       file: pkg.main,
-      format: 'cjs'
+      format: 'cjs',
     },
     external,
     plugins: [
       babel({
         runtimeHelpers: true,
-        plugins: ['@babel/transform-runtime']
+        plugins: ['@babel/transform-runtime'],
       }),
       nodeResolve(),
-      commonjs()
-    ]
+      commonjs(),
+    ],
   },
 
   {
     input,
     output: {
       file: pkg.module,
-      format: 'esm'
+      format: 'esm',
     },
     external,
     plugins: [
       babel({
         runtimeHelpers: true,
-        plugins: [['@babel/transform-runtime', { useESModules: true }]]
+        plugins: [['@babel/transform-runtime', { useESModules: true }]],
       }),
       nodeResolve(),
-      commonjs()
-    ]
-  }
+      commonjs(),
+    ],
+  },
 ];

src/__tests__/input-color.js

@@ -19,7 +19,7 @@ test('parseColor', () => {
     v: 86,
     a: 100,
     hex: '#3498db',
-    rgba: 'rgba(52,152,219,1)'
+    rgba: 'rgba(52,152,219,1)',
   });
   expect(parseColor('#3498db32')).toEqual({
     r: 52,
@@ -30,7 +30,7 @@ test('parseColor', () => {
     v: 86,
     a: 20,
     hex: '#3498db',
-    rgba: 'rgba(52,152,219,0.2)'
+    rgba: 'rgba(52,152,219,0.2)',
   });
 });
 

src/input-color.js

@@ -54,7 +54,7 @@ const InputColor = ({ initialValue, onChange, placement, ...props }) => {
 };
 
 InputColor.defaultProps = {
-  placement: 'bottom'
+  placement: 'bottom',
 };
 
 export default InputColor;

src/utils.js

@@ -20,5 +20,5 @@ export {
   hsv2hex,
   hex2rgb,
   rgba,
-  hsv2rgb
+  hsv2rgb,
 } from '@swiftcarrot/color-fns';

stories/InputColor.stories.js

@@ -3,7 +3,7 @@ import InputColor from '../src';
 
 export default {
   title: 'InputColor',
-  component: InputColor
+  component: InputColor,
 };
 
 export const Demo = () => {
@@ -22,15 +22,15 @@ export const Demo = () => {
           width: 50,
           height: 50,
           marginBottom: 20,
-          backgroundColor: color.rgba
+          backgroundColor: color.rgba,
         }}
       >
         {color.rgba}
       </div>
       <input
         type="color"
         value={color.hex}
-        onChange={e => setInitial(e.target.value)}
+        onChange={(e) => setInitial(e.target.value)}
       />
       <br />
       <InputColor initialValue={initial} onChange={handleChange} />
@@ -53,7 +53,7 @@ export const Alpha = () => {
           width: 50,
           height: 50,
           marginBottom: 20,
-          backgroundColor: color.rgba
+          backgroundColor: color.rgba,
         }}
       >
         {color.rgba}