pantoken-root / packages/core/src / applyModify

ฟังก์ชัน: applyModify() ​

applyModify(value, modify): string | undefined

เบต้า

นำ Tokens Studio TokenModify มาใช้กับค่าสีแบบ hex ที่เป็นค่าจริง

พารามิเตอร์ ​

value ​

string

modify ​

TokenModify

คืนค่า ​

string | undefined

ค่าสีที่ถูกปรับ หรือ undefined เมื่อ value ไม่ใช่ค่าสีแบบ hex (ดังนั้นผู้เรียก จึงสามารถย้อนกลับไปเก็บตัวแก้ไขไว้เป็นเมตาดาต้าได้).

ตัวอย่าง ​

ปรับให้มืด/สว่าง และเพิ่มค่าอัลฟ่า

ts
import { applyModify } from "@pantoken/core";

applyModify("#808080", { type: "darken", value: 0.5, space: "hsl" });  // → "#404040"
applyModify("#808080", { type: "lighten", value: 0.5, space: "hsl" }); // → "#c0c0c0"
applyModify("#808080", { type: "lighten", value: 0.5, space: "lch" }); // → "#bdbdbd"
applyModify("#ffffff", { type: "alpha", value: 0.5, space: "hsl" });   // → "#ffffff80"

อินพุตที่ไม่เป็น hex และการผสมจะคืนค่าเป็น undefined (เก็บไว้เป็นเมตาดาต้า)

ts
import { applyModify } from "@pantoken/core";

applyModify("var(--x)", { type: "darken", value: 0.1, space: "hsl" }); // → undefined