Skip to content

Commit

Permalink
chore: format code
Browse files Browse the repository at this point in the history
  • Loading branch information
zshaian committed Dec 23, 2024
1 parent 0b36969 commit 887c8d2
Showing 1 changed file with 82 additions and 66 deletions.
148 changes: 82 additions & 66 deletions src/index.js
Original file line number Diff line number Diff line change
Expand Up @@ -87,20 +87,24 @@ const conversion = {
px: (value) => value * 16,
rem: (value, props) => (value * 16) / props.rootFontSize,
em: (value, props) => (value * 16) / props.baseFontSize,
"%": (value, props) => (value * 16 * 100) / props.baseFontSize,
vw: (value, props) => (value * 16) / props.viewPortWidth * 100,
vh: (value, props) => (value * 16) / props.viewPortHeight * 100,
vmin: (value, props) => (value * 16) / Math.min(props.viewPortWidth, props.viewPortHeight) * 100,
vmax: (value, props) => (value * 16) / Math.max(props.viewPortWidth, props.viewPortHeight) * 100,
"%": (value, props) => (value * 16 * 100) / props.baseFontSize,
vw: (value, props) => ((value * 16) / props.viewPortWidth) * 100,
vh: (value, props) => ((value * 16) / props.viewPortHeight) * 100,
vmin: (value, props) =>
((value * 16) / Math.min(props.viewPortWidth, props.viewPortHeight)) *
100,
vmax: (value, props) =>
((value * 16) / Math.max(props.viewPortWidth, props.viewPortHeight)) *
100,
ch: (value, props) => (value * 16) / props.chFontSize,
cm: (value) => (value * 16) / 37.7952755906,
cm: (value) => (value * 16) / 37.7952755906,
mm: (value) => value * 4.233333333,
in: (value) => (value * 16) / 96,
pt: (value) => value * 16 * 0.75,
q: (value) => value * 16.933333332
q: (value) => value * 16.933333332,
},
pt: {
px:(value) => value * (96 / 72),
px: (value) => value * (96 / 72),
rem: (value, props) => (value * (96 / 72)) / props.rootFontSize,
em: (value, props) => (value * (96 / 72)) / props.baseFontSize,
"%": (value, props) => ((value * (96 / 72)) / props.baseFontSize) * 100,
Expand All @@ -109,39 +113,46 @@ const conversion = {
vmin: (value, props) => ((value * (96 / 72)) / props.minViewPortSize) * 100,
vmax: (value, props) => ((value * (96 / 72)) / props.maxViewPortSize) * 100,
ch: (value, props) => (value * (96 / 72)) / props.chFontSize,
cm: (value) => value * 0.035277778 ,
cm: (value) => value * 0.035277778,
mm: (value) => value * 0.352777778,
in: (value) => value / 72,
pc: (value) => value / 12,
q: (value) => value * 1.411111111
q: (value) => value * 1.411111111,
},
ch: {
px: (value, props) => value * props.chFontSize,
rem: (value, props) => (value * props.chFontSize) / props.rootFontSize,
em: (value, props) => (value * props.chFontSize) / props.baseFontSize,
'%': (value, props) => ((value * props.chFontSize) / props.baseFontSize) * 100,
vw: (value, props) => ((value * props.chFontSize) / props.viewPortWidth) * 100,
vh: (value, props) => ((value * props.chFontSize) / props.viewPortHeight) * 100,
vmin: (value, props) => ((value * props.chFontSize) / props.minViewPortSize) * 100,
vmax: (value, props) => ((value * props.chFontSize) / props.maxViewPortSize) * 100,
"%": (value, props) =>
((value * props.chFontSize) / props.baseFontSize) * 100,
vw: (value, props) =>
((value * props.chFontSize) / props.viewPortWidth) * 100,
vh: (value, props) =>
((value * props.chFontSize) / props.viewPortHeight) * 100,
vmin: (value, props) =>
((value * props.chFontSize) / props.minViewPortSize) * 100,
vmax: (value, props) =>
((value * props.chFontSize) / props.maxViewPortSize) * 100,
in: (value, props) => (value * props.chFontSize) / 96,
cm: (value, props) => (value * props.chFontSize) / 37.7952755906,
mm: (value, props) => (value * props.chFontSize) / 3.77952755906,
pt: (value, props) => (value * props.chFontSize) * 0.75,
pt: (value, props) => value * props.chFontSize * 0.75,
pc: (value, props) => (value * props.chFontSize) / 16,
q: (value, props) => (value * props.chFontSize * 40) / 37.7952755906,
},
cm: {
px: (value) => value * (96 / 2.54),
rem: (value, props) => (value * (96 / 2.54)) / props.rootFontSize,
em: (value, props) => (value * (96 / 2.54)) / props.baseFontSize,
'%': (value, props) => ((value * (96 / 2.54)) / props.baseFontSize) * 100,
"%": (value, props) => ((value * (96 / 2.54)) / props.baseFontSize) * 100,
vw: (value, props) => ((value * (96 / 2.54)) / props.viewPortWidth) * 100,
vh: (value, props) => ((value * (96 / 2.54)) / props.viewPortHeight) * 100,
vmin: (value, props) => ((value * (96 / 2.54)) / props.minViewPortSize) * 100,
vmax: (value, props) => ((value * (96 / 2.54)) / props.maxViewPortSize) * 100,
vmin: (value, props) =>
((value * (96 / 2.54)) / props.minViewPortSize) * 100,
vmax: (value, props) =>
((value * (96 / 2.54)) / props.maxViewPortSize) * 100,
in: (value) => value / 2.54,
pt: (value) => value * 28.3464566929,
pt: (value) => value * 28.3464566929,
pc: (value) => value * 2.3622047244,
ch: (value, props) => (value * (96 / 2.54)) / props.chFontSize,
mm: (value) => value * 10,
Expand All @@ -152,10 +163,10 @@ const conversion = {
rem: (value, props) => (value * 96) / 25.4 / props.rootFontSize,
em: (value, props) => (value * 96) / 25.4 / props.baseFontSize,
"%": (value, props) => ((value * (96 / 25.4)) / props.baseFontSize) * 100,
vw: (value, props) => (value * 96) / 25.4 / props.viewPortWidth * 100,
vh: (value, props) => (value * 96) / 25.4 / props.viewPortHeight * 100,
vmin: (value, props) => (value * 96) / 25.4 / props.minViewPortSize * 100,
vmax: (value, props) => (value * 96) / 25.4 / props.maxViewPortSize * 100,
vw: (value, props) => ((value * 96) / 25.4 / props.viewPortWidth) * 100,
vh: (value, props) => ((value * 96) / 25.4 / props.viewPortHeight) * 100,
vmin: (value, props) => ((value * 96) / 25.4 / props.minViewPortSize) * 100,
vmax: (value, props) => ((value * 96) / 25.4 / props.maxViewPortSize) * 100,
in: (value, props) => value / 25.4,
pt: (value, props) => value * 2.8346456693,
pc: (value, props) => value * 0.2362204724,
Expand All @@ -168,16 +179,16 @@ const conversion = {
rem: (value, props) => (value * 25.4) / 96 / props.rootFontSize,
em: (value, props) => (value * 25.4) / 96 / props.baseFontSize,
"%": (value, props) => ((value * 25.4) / (96 * props.baseFontSize)) * 100,
vw: (value, props) => (value * 25.4) / 96 / props.viewPortWidth * 100,
vh: (value, props) => (value * 25.4) / 96 / props.viewPortHeight * 100,
vw: (value, props) => ((value * 25.4) / 96 / props.viewPortWidth) * 100,
vh: (value, props) => ((value * 25.4) / 96 / props.viewPortHeight) * 100,
vmin: (value, props) => ((value * 25.4) / 96 / props.minViewPortSize) * 100,
vmax: (value, props) => ((value * 25.4) / 96 / props.maxViewPortSize) * 100,
ch: (value, props) => (value * 25.4) / 96 / props.chFontSize,
cm: (value) => value / 40,
mm: (value) => value / 4,
in: (value) => value / 101.6,
pt: (value) => value * 0.75,
pc: (value) => (value * 25.4) / 96 / 12
pc: (value) => (value * 25.4) / 96 / 12,
},
rem: {
px: (value, props) => value * props.rootFontSize,
Expand All @@ -196,7 +207,7 @@ const conversion = {
cm: (value, props) => (value * props.rootFontSize) / 37.7952755906,
mm: (value, props) => (value * props.rootFontSize) / 3.77952755906,
in: (value, props) => (value * props.rootFontSize) / 96,
pt: (value, props) => (value * props.rootFontSize) * 0.75,
pt: (value, props) => value * props.rootFontSize * 0.75,
pc: (value, props) => (value * props.rootFontSize) / 16,
q: (value, props) => (value * props.rootFontSize * 40) / 37.7952755906,
},
Expand All @@ -216,113 +227,118 @@ const conversion = {
cm: (value, props) => (value * props.baseFontSize) / 37.7952755906,
mm: (value, props) => (value * props.baseFontSize) / 3.77952755906,
in: (value, props) => (value * props.baseFontSize) / 96,
pt: (value, props) => (value * props.baseFontSize) * 0.75,
pt: (value, props) => value * props.baseFontSize * 0.75,
pc: (value, props) => (value * props.baseFontSize) / 16,
q: (value, props) => (value * props.baseFontSize * 40) / 37.7952755906,
},
"%": {
px: (value, props) => (value / 100) * props.baseFontSize,
rem: (value, props) => (value / 100) * (props.baseFontSize / props.rootFontSize),
em: (value, props) => (value / 100),
vw: (value, props) => (value / 100) * props.viewPortWidth,
vh: (value, props) => (value / 100) * props.viewPortHeight,
vmin: (value, props) => (value / 100) * props.minViewPortSize,
vmax: (value, props) => (value / 100) * props.maxViewPortSize,
ch: (value, props) => (value / 100) * props.chFontSize,
cm: (value) => (value / 100) * 37.7952755906,
mm: (value,props) => (value / 100) * props.baseFontSize * 3.77952755906,
in: (value) => (value / 100) * 0.96,
pt: (value) => (value / 100) * 0.75,
pc: (value) => (value / 100) * 0.05,
q: (value, props) => (value / 100) * (props.baseFontSize * 40) / 25.4
px: (value, props) => (value / 100) * props.baseFontSize,
rem: (value, props) =>
(value / 100) * (props.baseFontSize / props.rootFontSize),
em: (value, props) => value / 100,
vw: (value, props) => (value / 100) * props.viewPortWidth,
vh: (value, props) => (value / 100) * props.viewPortHeight,
vmin: (value, props) => (value / 100) * props.minViewPortSize,
vmax: (value, props) => (value / 100) * props.maxViewPortSize,
ch: (value, props) => (value / 100) * props.chFontSize,
cm: (value) => (value / 100) * 37.7952755906,
mm: (value, props) => (value / 100) * props.baseFontSize * 3.77952755906,
in: (value) => (value / 100) * 0.96,
pt: (value) => (value / 100) * 0.75,
pc: (value) => (value / 100) * 0.05,
q: (value, props) => ((value / 100) * (props.baseFontSize * 40)) / 25.4,
},
vw: {
px: (value, props) => (value / 100) * props.viewPortWidth,
rem: (value, props) =>
((value / 100) * props.viewPortWidth) / props.rootFontSize,
em: (value, props) =>
((value / 100) * props.viewPortWidth) / props.baseFontSize,
"%": (value,props) => ((value * props.viewPortWidth) / 100 / props.baseFontSize) * 100,
"%": (value, props) =>
((value * props.viewPortWidth) / 100 / props.baseFontSize) * 100,
vh: (value, props) =>
((value / 100) * props.viewPortWidth) / props.viewPortHeight * 100,
(((value / 100) * props.viewPortWidth) / props.viewPortHeight) * 100,
vmin: (value, props) =>
((value / 100) * props.viewPortWidth) / props.minViewPortSize * 100,
(((value / 100) * props.viewPortWidth) / props.minViewPortSize) * 100,
vmax: (value, props) =>
((value / 100) * props.viewPortWidth) / props.maxViewPortSize * 100,
(((value / 100) * props.viewPortWidth) / props.maxViewPortSize) * 100,
ch: (value, props) =>
((value / 100) * props.viewPortWidth) / props.chFontSize,
cm: (value, props) => ((value / 100) * props.viewPortWidth) / 37.7953,
mm: (value, props) => (value * props.viewPortWidth / 100) * 0.2645833333,
mm: (value, props) => ((value * props.viewPortWidth) / 100) * 0.2645833333,
in: (value, props) => ((value / 100) * props.viewPortWidth) / 96,
pt: (value, props) => ((value / 100) * props.viewPortWidth) / 1.33333,
pc: (value, props) => ((value / 100) * props.viewPortWidth) / 16,
q: (value, props) => (value * props.viewPortWidth * 40) / (100 * 25.4)
q: (value, props) => (value * props.viewPortWidth * 40) / (100 * 25.4),
},
vh: {
px: (value, props) => (value / 100) * props.viewPortHeight,
rem: (value, props) =>
((value / 100) * props.viewPortHeight) / props.rootFontSize,
em: (value, props) =>
((value / 100) * props.viewPortHeight) / props.baseFontSize,
"%": (value,props) => ((value * props.viewPortHeight) / 100 / props.baseFontSize) * 100,
"%": (value, props) =>
((value * props.viewPortHeight) / 100 / props.baseFontSize) * 100,
vw: (value, props) =>
((value / 100) * props.viewPortHeight) / props.viewPortWidth * 100,
(((value / 100) * props.viewPortHeight) / props.viewPortWidth) * 100,
vmin: (value, props) =>
((value / 100) * props.viewPortHeight) / props.minViewPortSize * 100,
(((value / 100) * props.viewPortHeight) / props.minViewPortSize) * 100,
vmax: (value, props) =>
((value / 100) * props.viewPortHeight) / props.maxViewPortSize * 100,
(((value / 100) * props.viewPortHeight) / props.maxViewPortSize) * 100,
ch: (value, props) =>
((value / 100) * props.viewPortHeight) / props.chFontSize,
cm: (value, props) => ((value / 100) * props.viewPortHeight) / 37.7953,
mm: (value, props) => (value * props.viewPortHeight / 100) * 0.2645833333,
mm: (value, props) => ((value * props.viewPortHeight) / 100) * 0.2645833333,
in: (value, props) => ((value / 100) * props.viewPortHeight) / 96,
pt: (value, props) => ((value / 100) * props.viewPortHeight) / 1.33333,
pc: (value, props) => ((value / 100) * props.viewPortHeight) / 16,
q: (value, props) => (value * props.viewPortHeight * 40) / (100 * 25.4)
q: (value, props) => (value * props.viewPortHeight * 40) / (100 * 25.4),
},
vmin: {
px: (value, props) => (value / 100) * props.minViewPortSize,
rem: (value, props) =>
((value / 100) * props.minViewPortSize) / props.rootFontSize,
em: (value, props) =>
((value / 100) * props.minViewPortSize) / props.baseFontSize,
"%": (value,props) => ((value * props.minViewPortSize) / 100 / props.baseFontSize) * 100,
"%": (value, props) =>
((value * props.minViewPortSize) / 100 / props.baseFontSize) * 100,
vw: (value, props) =>
((value / 100) * props.minViewPortSize) / props.viewPortWidth * 100,
(((value / 100) * props.minViewPortSize) / props.viewPortWidth) * 100,
vh: (value, props) =>
((value / 100) * props.minViewPortSize) / props.viewPortHeight * 100,
(((value / 100) * props.minViewPortSize) / props.viewPortHeight) * 100,
vmax: (value, props) =>
((value / 100) * props.minViewPortSize) / props.maxViewPortSize * 100,
(((value / 100) * props.minViewPortSize) / props.maxViewPortSize) * 100,
ch: (value, props) =>
((value / 100) * props.minViewPortSize) / props.chFontSize,
cm: (value, props) => ((value / 100) * props.minViewPortSize) / 37.7953,
mm: (value, props) => ((value / 100) * props.minViewPortSize) / 3.77953,
in: (value, props) => ((value / 100) * props.minViewPortSize) / 96,
pt: (value, props) => ((value / 100) * props.minViewPortSize) / 1.33333,
pc: (value, props) => ((value / 100) * props.minViewPortSize) / 16,
q: (value, props) => (value * props.minViewPortSize * 40) / (100 * 25.4)
q: (value, props) => (value * props.minViewPortSize * 40) / (100 * 25.4),
},
vmax: {
px: (value, props) => (value / 100) * props.maxViewPortSize,
rem: (value, props) =>
((value / 100) * props.maxViewPortSize) / props.rootFontSize,
em: (value, props) =>
((value / 100) * props.maxViewPortSize) / props.baseFontSize,
"%": (value,props) => ((value * props.maxViewPortSize) / 100 / props.baseFontSize) * 100,
"%": (value, props) =>
((value * props.maxViewPortSize) / 100 / props.baseFontSize) * 100,
vw: (value, props) =>
((value / 100) * props.maxViewPortSize) / props.viewPortWidth * 100,
(((value / 100) * props.maxViewPortSize) / props.viewPortWidth) * 100,
vh: (value, props) =>
((value / 100) * props.maxViewPortSize) / props.viewPortHeight * 100,
(((value / 100) * props.maxViewPortSize) / props.viewPortHeight) * 100,
vmin: (value, props) =>
((value / 100) * props.maxViewPortSize) / props.minViewPortSize * 100,
(((value / 100) * props.maxViewPortSize) / props.minViewPortSize) * 100,
ch: (value, props) =>
((value / 100) * props.maxViewPortSize) / props.chFontSize,
cm: (value, props) => ((value / 100) * props.maxViewPortSize) / 37.7953,
mm: (value, props) => ((value / 100) * props.maxViewPortSize) / 3.77953,
in: (value, props) => ((value / 100) * props.maxViewPortSize) / 96,
pt: (value, props) => ((value / 100) * props.maxViewPortSize) / 1.33333,
pc: (value, props) => ((value / 100) * props.maxViewPortSize) / 16,
q: (value, props) => (value * props.maxViewPortSize * 40) / (100 * 25.4)
q: (value, props) => (value * props.maxViewPortSize * 40) / (100 * 25.4),
},
// angle units
deg: {
Expand Down Expand Up @@ -433,4 +449,4 @@ module.exports = (
}

return converted;
};
};

0 comments on commit 887c8d2

Please sign in to comment.