zoriya/yoshiki
1
0
Fork 0
mirror of https://github.com/zoriya/yoshiki.git synced 2026-06-05 03:19:50 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add min and max utils

Browse Source
This commit is contained in:
Zoe Roux
2022-12-12 16:06:28 +09:00
parent 198c0c6022
commit b4a311db10
2 changed files with 34 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/yoshiki/package.json
+1 -1
View File
@@ -1,6 +1,6 @@
{
"name": "yoshiki",
"version": "0.2.11",
"version": "0.2.12",
"author": "Zoe Roux <zoe.roux@sdg.moe> (https://github.com/AnonymusRaccoon)",
"license": "MIT",
"keywords": [
packages/yoshiki/src/native/units.ts
+33 -17
View File
@@ -5,21 +5,37 @@
import { Dimensions, PixelRatio, Platform } from "react-native";
export const px = (value: number) => value;
const px =
Platform.OS === "web"
? (value: number): number => `${value}px` as unknown as number
: (value: number): number => value;
export const percent = (value: number) => `${value}%`;
// prettier-ignore
export const em = Platform.OS === "web"
? (value: number): number => `${value}em` as unknown as number
: (value: number): number => PixelRatio.getFontScale() * 16 * value;
// prettier-ignore
export const rem = Platform.OS === "web"
? (value: number): number => `${value}rem` as unknown as number
: em;
// prettier-ignore
export const vw = Platform.OS === "web"
? (value: number): number => `${value}vw` as unknown as number
: (value: number): number => value * Dimensions.get("window").width / 100;
// prettier-ignore
export const vh = Platform.OS === "web"
? (value: number): number => `${value}vh` as unknown as number
: (value: number): number => value * Dimensions.get("window").height / 100;
export const em =
Platform.OS === "web"
? (value: number): number => `${value}em` as unknown as number
: (value: number): number => PixelRatio.getFontScale() * 16 * value;
export const rem =
Platform.OS === "web" ? (value: number): number => `${value}rem` as unknown as number : em;
export const vw =
Platform.OS === "web"
? (value: number): number => `${value}vw` as unknown as number
: (value: number): number => (value * Dimensions.get("window").width) / 100;
export const vh =
Platform.OS === "web"
? (value: number): number => `${value}vh` as unknown as number
: (value: number): number => (value * Dimensions.get("window").height) / 100;
export const min =
Platform.OS === "web"
? (...values: number[]): number => `min(${values.join(", ")})` as unknown as number
: (...values: number[]): number => Math.min(...values);
export const max =
Platform.OS === "web"
? (...values: number[]): number => `max(${values.join(", ")})` as unknown as number
: (...values: number[]): number => Math.max(...values);