@unocss/vite 0.4.2 → 0.4.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +207 -20
- package/dist/index.mjs +194 -7
- package/package.json +4 -4
package/dist/index.js
CHANGED
|
@@ -273,8 +273,7 @@ var variantMatcher = (name, selector) => {
|
|
|
273
273
|
|
|
274
274
|
// ../preset-uno/src/rules/color.ts
|
|
275
275
|
var import_core = __toModule(require("@unocss/core"));
|
|
276
|
-
var
|
|
277
|
-
var _a;
|
|
276
|
+
var extractColor = (body) => {
|
|
278
277
|
const [main, opacity2] = body.split(/(?:\/|:)/);
|
|
279
278
|
const [name, no = "DEFAULT"] = main.replace(/([a-z])([0-9])/g, "$1-$2").split(/-/g);
|
|
280
279
|
if (!name)
|
|
@@ -285,6 +284,17 @@ var colorResolver = (attribute, varName) => ([, body], { theme: theme2 }) => {
|
|
|
285
284
|
color = bracket2.slice(1);
|
|
286
285
|
if (bracket2.startsWith("hex-"))
|
|
287
286
|
color = bracket2.slice(4);
|
|
287
|
+
return { opacity: opacity2, name, no, color };
|
|
288
|
+
};
|
|
289
|
+
var colorResolver = (attribute, varName) => ([, body], { theme: theme2 }) => {
|
|
290
|
+
var _a;
|
|
291
|
+
const data = extractColor(body);
|
|
292
|
+
if (!data)
|
|
293
|
+
return;
|
|
294
|
+
const { opacity: opacity2, name, no, color } = data;
|
|
295
|
+
if (!name)
|
|
296
|
+
return;
|
|
297
|
+
let useColor = color;
|
|
288
298
|
if (!color) {
|
|
289
299
|
if (name === "transparent") {
|
|
290
300
|
return {
|
|
@@ -299,13 +309,13 @@ var colorResolver = (attribute, varName) => ([, body], { theme: theme2 }) => {
|
|
|
299
309
|
[attribute]: "currentColor"
|
|
300
310
|
};
|
|
301
311
|
}
|
|
302
|
-
|
|
303
|
-
if (no &&
|
|
304
|
-
|
|
312
|
+
useColor = (_a = theme2.colors) == null ? void 0 : _a[name];
|
|
313
|
+
if (no && useColor && typeof useColor !== "string")
|
|
314
|
+
useColor = useColor[no];
|
|
305
315
|
}
|
|
306
|
-
if (typeof
|
|
316
|
+
if (typeof useColor !== "string")
|
|
307
317
|
return;
|
|
308
|
-
const rgba = (0, import_core.hex2rgba)(
|
|
318
|
+
const rgba = (0, import_core.hex2rgba)(useColor);
|
|
309
319
|
if (rgba) {
|
|
310
320
|
const a = opacity2 ? opacity2[0] === "[" ? handler.bracket.percent(opacity2) : parseFloat(opacity2) / 100 : rgba[3];
|
|
311
321
|
if (a != null && !Number.isNaN(a)) {
|
|
@@ -387,6 +397,174 @@ function handlerRounded([, a, b], { theme: theme2 }) {
|
|
|
387
397
|
return cornerMap[d].map((i) => [`border${i}-radius`, v]);
|
|
388
398
|
}
|
|
389
399
|
|
|
400
|
+
// ../preset-uno/src/rules/background.ts
|
|
401
|
+
var import_core2 = __toModule(require("@unocss/core"));
|
|
402
|
+
var colorResolver2 = (mode) => ([, body], { theme: theme2 }) => {
|
|
403
|
+
var _a;
|
|
404
|
+
const data = extractColor(body);
|
|
405
|
+
if (!data)
|
|
406
|
+
return;
|
|
407
|
+
const { opacity: opacity2, name, no, color } = data;
|
|
408
|
+
if (!name)
|
|
409
|
+
return;
|
|
410
|
+
let useColor = color;
|
|
411
|
+
if (!color) {
|
|
412
|
+
if (name === "transparent") {
|
|
413
|
+
switch (mode) {
|
|
414
|
+
case "from":
|
|
415
|
+
return {
|
|
416
|
+
"--un-gradient-from": "transparent",
|
|
417
|
+
"--un-gradient-stops": "var(--un-gradient-from), var(--un-gradient-to, rgba(255, 255, 255, 0))"
|
|
418
|
+
};
|
|
419
|
+
case "via":
|
|
420
|
+
return {
|
|
421
|
+
"--un-gradient-stops": "var(--un-gradient-from), transparent, var(--un-gradient-to, rgba(255, 255, 255, 0))"
|
|
422
|
+
};
|
|
423
|
+
case "to":
|
|
424
|
+
return {
|
|
425
|
+
"--un-gradient-to": "transparent"
|
|
426
|
+
};
|
|
427
|
+
}
|
|
428
|
+
} else if (name === "current") {
|
|
429
|
+
switch (mode) {
|
|
430
|
+
case "from":
|
|
431
|
+
return {
|
|
432
|
+
"--un-gradient-from": "currentColor",
|
|
433
|
+
"--un-gradient-stops": "var(--un-gradient-from), var(--un-gradient-to, rgba(255, 255, 255, 0))"
|
|
434
|
+
};
|
|
435
|
+
case "via":
|
|
436
|
+
return {
|
|
437
|
+
"--un-gradient-stops": "var(--un-gradient-from), currentColor, var(--un-gradient-to, rgba(255, 255, 255, 0))"
|
|
438
|
+
};
|
|
439
|
+
case "to":
|
|
440
|
+
return {
|
|
441
|
+
"--un-gradient-to": "currentColor"
|
|
442
|
+
};
|
|
443
|
+
}
|
|
444
|
+
}
|
|
445
|
+
useColor = (_a = theme2.colors) == null ? void 0 : _a[name];
|
|
446
|
+
if (no && useColor && typeof useColor !== "string")
|
|
447
|
+
useColor = useColor[no];
|
|
448
|
+
}
|
|
449
|
+
if (typeof useColor !== "string")
|
|
450
|
+
return;
|
|
451
|
+
const rgba = (0, import_core2.hex2rgba)(useColor);
|
|
452
|
+
if (rgba) {
|
|
453
|
+
const a = opacity2 ? opacity2[0] === "[" ? handler.bracket.percent(opacity2) : parseFloat(opacity2) / 100 : rgba[3];
|
|
454
|
+
if (a != null && !Number.isNaN(a)) {
|
|
455
|
+
rgba[3] = typeof a === "string" && !a.includes("%") ? parseFloat(a) : a;
|
|
456
|
+
useColor = rgba.join(",");
|
|
457
|
+
} else {
|
|
458
|
+
useColor = rgba.slice(0, 3).join(",");
|
|
459
|
+
}
|
|
460
|
+
switch (mode) {
|
|
461
|
+
case "from":
|
|
462
|
+
return {
|
|
463
|
+
"--un-gradient-from": `rgba(${useColor}, var(--un-from-opacity, 1))`,
|
|
464
|
+
"--un-gradient-stops": "var(--un-gradient-from), var(--un-gradient-to, rgba(255, 255, 255, 0))"
|
|
465
|
+
};
|
|
466
|
+
case "via":
|
|
467
|
+
return {
|
|
468
|
+
"--un-gradient-stops": `var(--un-gradient-from), rgba(${useColor}, var(--un-via-opacity, 1)), var(--un-gradient-to, rgba(255, 255, 255, 0))`
|
|
469
|
+
};
|
|
470
|
+
case "to":
|
|
471
|
+
return {
|
|
472
|
+
"--un-gradient-to": `rgba(${useColor}, var(--un-to-opacity, 1))`
|
|
473
|
+
};
|
|
474
|
+
}
|
|
475
|
+
}
|
|
476
|
+
};
|
|
477
|
+
var bgAttachments = [
|
|
478
|
+
["bg-fixed", { "background-attachment": "fixed" }],
|
|
479
|
+
["bg-local", { "background-attachment": "local" }],
|
|
480
|
+
["bg-scroll", { "background-attachment": "scroll" }]
|
|
481
|
+
];
|
|
482
|
+
var bgBlendModes = [
|
|
483
|
+
["bg-blend-normal", { "background-blend-mode": "normal" }],
|
|
484
|
+
["bg-blend-multiply", { "background-blend-mode": "multiply" }],
|
|
485
|
+
["bg-blend-screen", { "background-blend-mode": "screen" }],
|
|
486
|
+
["bg-blend-overlay", { "background-blend-mode": "overlay" }],
|
|
487
|
+
["bg-blend-darken", { "background-blend-mode": "darken" }],
|
|
488
|
+
["bg-blend-lighten", { "background-blend-mode": "lighten" }],
|
|
489
|
+
["bg-blend-color-dodge", { "background-blend-mode": "color-dodge" }],
|
|
490
|
+
["bg-blend-color-burn", { "background-blend-mode": "color-burn" }],
|
|
491
|
+
["bg-blend-hard-light", { "background-blend-mode": "hard-light" }],
|
|
492
|
+
["bg-blend-soft-light", { "background-blend-mode": "soft-light" }],
|
|
493
|
+
["bg-blend-difference", { "background-blend-mode": "difference" }],
|
|
494
|
+
["bg-blend-exclusion", { "background-blend-mode": "exclusion" }],
|
|
495
|
+
["bg-blend-hue", { "background-blend-mode": "hue" }],
|
|
496
|
+
["bg-blend-saturation", { "background-blend-mode": "saturation" }],
|
|
497
|
+
["bg-blend-color", { "background-blend-mode": "color" }],
|
|
498
|
+
["bg-blend-luminosity", { "background-blend-mode": "luminosity" }]
|
|
499
|
+
];
|
|
500
|
+
var bgClips = [
|
|
501
|
+
["bg-clip-border", { "-webkit-background-clip": "border-box", "background-attachment": "border-box" }],
|
|
502
|
+
["bg-clip-content", { "-webkit-background-clip": "content-box", "background-attachment": "content-box" }],
|
|
503
|
+
["bg-clip-padding", { "-webkit-background-clip": "padding-box", "background-attachment": "padding-box" }],
|
|
504
|
+
["bg-clip-text", { "-webkit-background-clip": "text", "background-attachment": "text" }]
|
|
505
|
+
];
|
|
506
|
+
var bgGradients = [
|
|
507
|
+
[/^from-(.+)$/, colorResolver2("from")],
|
|
508
|
+
[/^to-(.+)$/, colorResolver2("to")],
|
|
509
|
+
[/^via-(.+)$/, colorResolver2("via")]
|
|
510
|
+
];
|
|
511
|
+
var bgImages = [
|
|
512
|
+
["bg-none", { "background-image": "none" }],
|
|
513
|
+
["bg-gradient-to-t", {
|
|
514
|
+
"background-image": "linear-gradient(to top, var(--un-gradient-stops))"
|
|
515
|
+
}],
|
|
516
|
+
["bg-gradient-to-tr", {
|
|
517
|
+
"background-image": "linear-gradient(to top right, var(--un-gradient-stops))"
|
|
518
|
+
}],
|
|
519
|
+
["bg-gradient-to-r", {
|
|
520
|
+
"background-image": "linear-gradient(to right, var(--un-gradient-stops))"
|
|
521
|
+
}],
|
|
522
|
+
["bg-gradient-to-br", {
|
|
523
|
+
"background-image": "linear-gradient(to bottom right, var(--un-gradient-stops))"
|
|
524
|
+
}],
|
|
525
|
+
["bg-gradient-to-b", {
|
|
526
|
+
"background-image": "linear-gradient(to bottom, var(--un-gradient-stops))"
|
|
527
|
+
}],
|
|
528
|
+
["bg-gradient-to-bl", {
|
|
529
|
+
"background-image": "linear-gradient(to bottom left, var(--un-gradient-stops))"
|
|
530
|
+
}],
|
|
531
|
+
["bg-gradient-to-l", {
|
|
532
|
+
"background-image": "linear-gradient(to left, var(--un-gradient-stops))"
|
|
533
|
+
}],
|
|
534
|
+
["bg-gradient-to-tl", {
|
|
535
|
+
"background-image": "linear-gradient(to top left, var(--un-gradient-stops))"
|
|
536
|
+
}]
|
|
537
|
+
];
|
|
538
|
+
var bgOrigins = [
|
|
539
|
+
["bg-origin-border", { "background-origin": "border-box" }],
|
|
540
|
+
["bg-origin-padding", { "background-origin": "padding-box" }],
|
|
541
|
+
["bg-origin-content", { "background-origin": "content-box" }]
|
|
542
|
+
];
|
|
543
|
+
var bgPositions = [
|
|
544
|
+
["bg-bottom", { "background-position": "bottom" }],
|
|
545
|
+
["bg-center", { "background-position": "center" }],
|
|
546
|
+
["bg-left", { "background-position": "left" }],
|
|
547
|
+
["bg-left-bottom", { "background-position": "left bottom" }],
|
|
548
|
+
["bg-left-top", { "background-position": "left top" }],
|
|
549
|
+
["bg-right", { "background-position": "right" }],
|
|
550
|
+
["bg-right-bottom", { "background-position": "right bottom" }],
|
|
551
|
+
["bg-right-top", { "background-position": "right top" }],
|
|
552
|
+
["bg-top", { "background-position": "top" }]
|
|
553
|
+
];
|
|
554
|
+
var bgRepeats = [
|
|
555
|
+
["bg-repeat", { "background-repeat": "repeat" }],
|
|
556
|
+
["bg-no-repeat", { "background-repeat": "no-repeat" }],
|
|
557
|
+
["bg-repeat-x", { "background-position": "repeat-x" }],
|
|
558
|
+
["bg-repeat-y", { "background-position": "repeat-y" }],
|
|
559
|
+
["bg-repeat-round", { "background-position": "round" }],
|
|
560
|
+
["bg-repeat-space", { "background-position": "space" }]
|
|
561
|
+
];
|
|
562
|
+
var bgSizes = [
|
|
563
|
+
["bg-auto", { "background-size": "auto" }],
|
|
564
|
+
["bg-cover", { "background-repeat": "cover" }],
|
|
565
|
+
["bg-contain", { "background-position": "contain" }]
|
|
566
|
+
];
|
|
567
|
+
|
|
390
568
|
// ../preset-uno/src/rules/filters.ts
|
|
391
569
|
var filterContnet = "var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia) var(--un-drop-shadow)";
|
|
392
570
|
var init = {
|
|
@@ -431,7 +609,7 @@ var flex = [
|
|
|
431
609
|
];
|
|
432
610
|
|
|
433
611
|
// ../preset-uno/src/rules/font.ts
|
|
434
|
-
var
|
|
612
|
+
var import_core3 = __toModule(require("@unocss/core"));
|
|
435
613
|
var fontsFamilies = [
|
|
436
614
|
[/^font-(\w+)$/, ([, d], { theme: theme2 }) => {
|
|
437
615
|
var _a;
|
|
@@ -457,7 +635,7 @@ var weightMap = {
|
|
|
457
635
|
var fontSizes = [
|
|
458
636
|
[/^text-([^-]+)$/, ([, s = "base"], { theme: theme2 }) => {
|
|
459
637
|
var _a;
|
|
460
|
-
const result = (0,
|
|
638
|
+
const result = (0, import_core3.toArray)(((_a = theme2.fontSize) == null ? void 0 : _a[s]) || handler.bracket.rem(s));
|
|
461
639
|
if (result == null ? void 0 : result[0]) {
|
|
462
640
|
const [size, height = "1"] = result;
|
|
463
641
|
return {
|
|
@@ -528,10 +706,10 @@ var gaps = [
|
|
|
528
706
|
];
|
|
529
707
|
|
|
530
708
|
// ../preset-uno/src/rules/grid.ts
|
|
531
|
-
var
|
|
709
|
+
var import_core4 = __toModule(require("@unocss/core"));
|
|
532
710
|
var calSize = (s, theme2) => {
|
|
533
711
|
var _a;
|
|
534
|
-
return (0,
|
|
712
|
+
return (0, import_core4.toArray)(((_a = theme2.fontSize) == null ? void 0 : _a[s]) || handler.bracket.rem(s))[0];
|
|
535
713
|
};
|
|
536
714
|
var isNumber = (s) => !isNaN(Number(s));
|
|
537
715
|
var autoDirection = (selector, theme2) => {
|
|
@@ -898,7 +1076,16 @@ var rules = [
|
|
|
898
1076
|
margins,
|
|
899
1077
|
displays,
|
|
900
1078
|
opacity,
|
|
1079
|
+
bgAttachments,
|
|
1080
|
+
bgBlendModes,
|
|
1081
|
+
bgClips,
|
|
901
1082
|
bgColors,
|
|
1083
|
+
bgGradients,
|
|
1084
|
+
bgImages,
|
|
1085
|
+
bgOrigins,
|
|
1086
|
+
bgPositions,
|
|
1087
|
+
bgSizes,
|
|
1088
|
+
bgRepeats,
|
|
902
1089
|
borders,
|
|
903
1090
|
fonts,
|
|
904
1091
|
textOverflows,
|
|
@@ -1390,7 +1577,7 @@ var variantColorsClass = [
|
|
|
1390
1577
|
];
|
|
1391
1578
|
|
|
1392
1579
|
// ../preset-uno/src/variants/pseudo.ts
|
|
1393
|
-
var
|
|
1580
|
+
var import_core5 = __toModule(require("@unocss/core"));
|
|
1394
1581
|
var PseudoClasses = Object.fromEntries([
|
|
1395
1582
|
"active",
|
|
1396
1583
|
"checked",
|
|
@@ -1423,7 +1610,7 @@ var PseudoClasses = Object.fromEntries([
|
|
|
1423
1610
|
["even", "nth-child(even)"],
|
|
1424
1611
|
["odd-of-type", "nth-of-type(odd)"],
|
|
1425
1612
|
["odd", "nth-child(odd)"]
|
|
1426
|
-
].map(
|
|
1613
|
+
].map(import_core5.toArray));
|
|
1427
1614
|
var PseudoElements = [
|
|
1428
1615
|
"before",
|
|
1429
1616
|
"after",
|
|
@@ -1528,10 +1715,10 @@ var preset = () => ({
|
|
|
1528
1715
|
var src_default = preset;
|
|
1529
1716
|
|
|
1530
1717
|
// ../preset-attributify/src/index.ts
|
|
1531
|
-
var
|
|
1718
|
+
var import_core8 = __toModule(require("@unocss/core"));
|
|
1532
1719
|
|
|
1533
1720
|
// ../preset-attributify/src/extractor.ts
|
|
1534
|
-
var
|
|
1721
|
+
var import_core6 = __toModule(require("@unocss/core"));
|
|
1535
1722
|
var strippedPrefixes = [
|
|
1536
1723
|
"v-bind:",
|
|
1537
1724
|
":"
|
|
@@ -1548,12 +1735,12 @@ var extractorAttributify = (options) => (code) => {
|
|
|
1548
1735
|
}
|
|
1549
1736
|
}
|
|
1550
1737
|
if (!content) {
|
|
1551
|
-
if ((0,
|
|
1738
|
+
if ((0, import_core6.isValidSelector)(name) && (options == null ? void 0 : options.nonValuedAttribute) !== false)
|
|
1552
1739
|
return [`[${name}=""]`];
|
|
1553
1740
|
return [];
|
|
1554
1741
|
}
|
|
1555
1742
|
if (["class", "className"].includes(name)) {
|
|
1556
|
-
return content.split(splitterRE).filter(
|
|
1743
|
+
return content.split(splitterRE).filter(import_core6.isValidSelector);
|
|
1557
1744
|
} else {
|
|
1558
1745
|
return content.split(splitterRE).filter(Boolean).map((v) => `[${name}~="${v}"]`);
|
|
1559
1746
|
}
|
|
@@ -1562,13 +1749,13 @@ var extractorAttributify = (options) => (code) => {
|
|
|
1562
1749
|
};
|
|
1563
1750
|
|
|
1564
1751
|
// ../preset-attributify/src/variant.ts
|
|
1565
|
-
var
|
|
1752
|
+
var import_core7 = __toModule(require("@unocss/core"));
|
|
1566
1753
|
var variantsRE = /^(.+\:\!?)?(.*?)$/;
|
|
1567
1754
|
var variantAttributify = (options = {}) => {
|
|
1568
1755
|
var _a;
|
|
1569
1756
|
const prefix = (_a = options.prefix) != null ? _a : "un-";
|
|
1570
1757
|
return (input) => {
|
|
1571
|
-
const match = (0,
|
|
1758
|
+
const match = (0, import_core7.isAttributifySelector)(input);
|
|
1572
1759
|
if (!match)
|
|
1573
1760
|
return;
|
|
1574
1761
|
let name = match[1];
|
|
@@ -1594,7 +1781,7 @@ var preset2 = (options) => {
|
|
|
1594
1781
|
extractorAttributify(options)
|
|
1595
1782
|
];
|
|
1596
1783
|
if (!(options == null ? void 0 : options.strict))
|
|
1597
|
-
extractors.unshift(
|
|
1784
|
+
extractors.unshift(import_core8.extractorSplit);
|
|
1598
1785
|
return {
|
|
1599
1786
|
variants: variants2,
|
|
1600
1787
|
extractors
|
package/dist/index.mjs
CHANGED
|
@@ -258,8 +258,7 @@ var variantMatcher = (name, selector) => {
|
|
|
258
258
|
|
|
259
259
|
// ../preset-uno/src/rules/color.ts
|
|
260
260
|
import { hex2rgba } from "@unocss/core";
|
|
261
|
-
var
|
|
262
|
-
var _a;
|
|
261
|
+
var extractColor = (body) => {
|
|
263
262
|
const [main, opacity2] = body.split(/(?:\/|:)/);
|
|
264
263
|
const [name, no = "DEFAULT"] = main.replace(/([a-z])([0-9])/g, "$1-$2").split(/-/g);
|
|
265
264
|
if (!name)
|
|
@@ -270,6 +269,17 @@ var colorResolver = (attribute, varName) => ([, body], { theme: theme2 }) => {
|
|
|
270
269
|
color = bracket2.slice(1);
|
|
271
270
|
if (bracket2.startsWith("hex-"))
|
|
272
271
|
color = bracket2.slice(4);
|
|
272
|
+
return { opacity: opacity2, name, no, color };
|
|
273
|
+
};
|
|
274
|
+
var colorResolver = (attribute, varName) => ([, body], { theme: theme2 }) => {
|
|
275
|
+
var _a;
|
|
276
|
+
const data = extractColor(body);
|
|
277
|
+
if (!data)
|
|
278
|
+
return;
|
|
279
|
+
const { opacity: opacity2, name, no, color } = data;
|
|
280
|
+
if (!name)
|
|
281
|
+
return;
|
|
282
|
+
let useColor = color;
|
|
273
283
|
if (!color) {
|
|
274
284
|
if (name === "transparent") {
|
|
275
285
|
return {
|
|
@@ -284,13 +294,13 @@ var colorResolver = (attribute, varName) => ([, body], { theme: theme2 }) => {
|
|
|
284
294
|
[attribute]: "currentColor"
|
|
285
295
|
};
|
|
286
296
|
}
|
|
287
|
-
|
|
288
|
-
if (no &&
|
|
289
|
-
|
|
297
|
+
useColor = (_a = theme2.colors) == null ? void 0 : _a[name];
|
|
298
|
+
if (no && useColor && typeof useColor !== "string")
|
|
299
|
+
useColor = useColor[no];
|
|
290
300
|
}
|
|
291
|
-
if (typeof
|
|
301
|
+
if (typeof useColor !== "string")
|
|
292
302
|
return;
|
|
293
|
-
const rgba = hex2rgba(
|
|
303
|
+
const rgba = hex2rgba(useColor);
|
|
294
304
|
if (rgba) {
|
|
295
305
|
const a = opacity2 ? opacity2[0] === "[" ? handler.bracket.percent(opacity2) : parseFloat(opacity2) / 100 : rgba[3];
|
|
296
306
|
if (a != null && !Number.isNaN(a)) {
|
|
@@ -372,6 +382,174 @@ function handlerRounded([, a, b], { theme: theme2 }) {
|
|
|
372
382
|
return cornerMap[d].map((i) => [`border${i}-radius`, v]);
|
|
373
383
|
}
|
|
374
384
|
|
|
385
|
+
// ../preset-uno/src/rules/background.ts
|
|
386
|
+
import { hex2rgba as hex2rgba2 } from "@unocss/core";
|
|
387
|
+
var colorResolver2 = (mode) => ([, body], { theme: theme2 }) => {
|
|
388
|
+
var _a;
|
|
389
|
+
const data = extractColor(body);
|
|
390
|
+
if (!data)
|
|
391
|
+
return;
|
|
392
|
+
const { opacity: opacity2, name, no, color } = data;
|
|
393
|
+
if (!name)
|
|
394
|
+
return;
|
|
395
|
+
let useColor = color;
|
|
396
|
+
if (!color) {
|
|
397
|
+
if (name === "transparent") {
|
|
398
|
+
switch (mode) {
|
|
399
|
+
case "from":
|
|
400
|
+
return {
|
|
401
|
+
"--un-gradient-from": "transparent",
|
|
402
|
+
"--un-gradient-stops": "var(--un-gradient-from), var(--un-gradient-to, rgba(255, 255, 255, 0))"
|
|
403
|
+
};
|
|
404
|
+
case "via":
|
|
405
|
+
return {
|
|
406
|
+
"--un-gradient-stops": "var(--un-gradient-from), transparent, var(--un-gradient-to, rgba(255, 255, 255, 0))"
|
|
407
|
+
};
|
|
408
|
+
case "to":
|
|
409
|
+
return {
|
|
410
|
+
"--un-gradient-to": "transparent"
|
|
411
|
+
};
|
|
412
|
+
}
|
|
413
|
+
} else if (name === "current") {
|
|
414
|
+
switch (mode) {
|
|
415
|
+
case "from":
|
|
416
|
+
return {
|
|
417
|
+
"--un-gradient-from": "currentColor",
|
|
418
|
+
"--un-gradient-stops": "var(--un-gradient-from), var(--un-gradient-to, rgba(255, 255, 255, 0))"
|
|
419
|
+
};
|
|
420
|
+
case "via":
|
|
421
|
+
return {
|
|
422
|
+
"--un-gradient-stops": "var(--un-gradient-from), currentColor, var(--un-gradient-to, rgba(255, 255, 255, 0))"
|
|
423
|
+
};
|
|
424
|
+
case "to":
|
|
425
|
+
return {
|
|
426
|
+
"--un-gradient-to": "currentColor"
|
|
427
|
+
};
|
|
428
|
+
}
|
|
429
|
+
}
|
|
430
|
+
useColor = (_a = theme2.colors) == null ? void 0 : _a[name];
|
|
431
|
+
if (no && useColor && typeof useColor !== "string")
|
|
432
|
+
useColor = useColor[no];
|
|
433
|
+
}
|
|
434
|
+
if (typeof useColor !== "string")
|
|
435
|
+
return;
|
|
436
|
+
const rgba = hex2rgba2(useColor);
|
|
437
|
+
if (rgba) {
|
|
438
|
+
const a = opacity2 ? opacity2[0] === "[" ? handler.bracket.percent(opacity2) : parseFloat(opacity2) / 100 : rgba[3];
|
|
439
|
+
if (a != null && !Number.isNaN(a)) {
|
|
440
|
+
rgba[3] = typeof a === "string" && !a.includes("%") ? parseFloat(a) : a;
|
|
441
|
+
useColor = rgba.join(",");
|
|
442
|
+
} else {
|
|
443
|
+
useColor = rgba.slice(0, 3).join(",");
|
|
444
|
+
}
|
|
445
|
+
switch (mode) {
|
|
446
|
+
case "from":
|
|
447
|
+
return {
|
|
448
|
+
"--un-gradient-from": `rgba(${useColor}, var(--un-from-opacity, 1))`,
|
|
449
|
+
"--un-gradient-stops": "var(--un-gradient-from), var(--un-gradient-to, rgba(255, 255, 255, 0))"
|
|
450
|
+
};
|
|
451
|
+
case "via":
|
|
452
|
+
return {
|
|
453
|
+
"--un-gradient-stops": `var(--un-gradient-from), rgba(${useColor}, var(--un-via-opacity, 1)), var(--un-gradient-to, rgba(255, 255, 255, 0))`
|
|
454
|
+
};
|
|
455
|
+
case "to":
|
|
456
|
+
return {
|
|
457
|
+
"--un-gradient-to": `rgba(${useColor}, var(--un-to-opacity, 1))`
|
|
458
|
+
};
|
|
459
|
+
}
|
|
460
|
+
}
|
|
461
|
+
};
|
|
462
|
+
var bgAttachments = [
|
|
463
|
+
["bg-fixed", { "background-attachment": "fixed" }],
|
|
464
|
+
["bg-local", { "background-attachment": "local" }],
|
|
465
|
+
["bg-scroll", { "background-attachment": "scroll" }]
|
|
466
|
+
];
|
|
467
|
+
var bgBlendModes = [
|
|
468
|
+
["bg-blend-normal", { "background-blend-mode": "normal" }],
|
|
469
|
+
["bg-blend-multiply", { "background-blend-mode": "multiply" }],
|
|
470
|
+
["bg-blend-screen", { "background-blend-mode": "screen" }],
|
|
471
|
+
["bg-blend-overlay", { "background-blend-mode": "overlay" }],
|
|
472
|
+
["bg-blend-darken", { "background-blend-mode": "darken" }],
|
|
473
|
+
["bg-blend-lighten", { "background-blend-mode": "lighten" }],
|
|
474
|
+
["bg-blend-color-dodge", { "background-blend-mode": "color-dodge" }],
|
|
475
|
+
["bg-blend-color-burn", { "background-blend-mode": "color-burn" }],
|
|
476
|
+
["bg-blend-hard-light", { "background-blend-mode": "hard-light" }],
|
|
477
|
+
["bg-blend-soft-light", { "background-blend-mode": "soft-light" }],
|
|
478
|
+
["bg-blend-difference", { "background-blend-mode": "difference" }],
|
|
479
|
+
["bg-blend-exclusion", { "background-blend-mode": "exclusion" }],
|
|
480
|
+
["bg-blend-hue", { "background-blend-mode": "hue" }],
|
|
481
|
+
["bg-blend-saturation", { "background-blend-mode": "saturation" }],
|
|
482
|
+
["bg-blend-color", { "background-blend-mode": "color" }],
|
|
483
|
+
["bg-blend-luminosity", { "background-blend-mode": "luminosity" }]
|
|
484
|
+
];
|
|
485
|
+
var bgClips = [
|
|
486
|
+
["bg-clip-border", { "-webkit-background-clip": "border-box", "background-attachment": "border-box" }],
|
|
487
|
+
["bg-clip-content", { "-webkit-background-clip": "content-box", "background-attachment": "content-box" }],
|
|
488
|
+
["bg-clip-padding", { "-webkit-background-clip": "padding-box", "background-attachment": "padding-box" }],
|
|
489
|
+
["bg-clip-text", { "-webkit-background-clip": "text", "background-attachment": "text" }]
|
|
490
|
+
];
|
|
491
|
+
var bgGradients = [
|
|
492
|
+
[/^from-(.+)$/, colorResolver2("from")],
|
|
493
|
+
[/^to-(.+)$/, colorResolver2("to")],
|
|
494
|
+
[/^via-(.+)$/, colorResolver2("via")]
|
|
495
|
+
];
|
|
496
|
+
var bgImages = [
|
|
497
|
+
["bg-none", { "background-image": "none" }],
|
|
498
|
+
["bg-gradient-to-t", {
|
|
499
|
+
"background-image": "linear-gradient(to top, var(--un-gradient-stops))"
|
|
500
|
+
}],
|
|
501
|
+
["bg-gradient-to-tr", {
|
|
502
|
+
"background-image": "linear-gradient(to top right, var(--un-gradient-stops))"
|
|
503
|
+
}],
|
|
504
|
+
["bg-gradient-to-r", {
|
|
505
|
+
"background-image": "linear-gradient(to right, var(--un-gradient-stops))"
|
|
506
|
+
}],
|
|
507
|
+
["bg-gradient-to-br", {
|
|
508
|
+
"background-image": "linear-gradient(to bottom right, var(--un-gradient-stops))"
|
|
509
|
+
}],
|
|
510
|
+
["bg-gradient-to-b", {
|
|
511
|
+
"background-image": "linear-gradient(to bottom, var(--un-gradient-stops))"
|
|
512
|
+
}],
|
|
513
|
+
["bg-gradient-to-bl", {
|
|
514
|
+
"background-image": "linear-gradient(to bottom left, var(--un-gradient-stops))"
|
|
515
|
+
}],
|
|
516
|
+
["bg-gradient-to-l", {
|
|
517
|
+
"background-image": "linear-gradient(to left, var(--un-gradient-stops))"
|
|
518
|
+
}],
|
|
519
|
+
["bg-gradient-to-tl", {
|
|
520
|
+
"background-image": "linear-gradient(to top left, var(--un-gradient-stops))"
|
|
521
|
+
}]
|
|
522
|
+
];
|
|
523
|
+
var bgOrigins = [
|
|
524
|
+
["bg-origin-border", { "background-origin": "border-box" }],
|
|
525
|
+
["bg-origin-padding", { "background-origin": "padding-box" }],
|
|
526
|
+
["bg-origin-content", { "background-origin": "content-box" }]
|
|
527
|
+
];
|
|
528
|
+
var bgPositions = [
|
|
529
|
+
["bg-bottom", { "background-position": "bottom" }],
|
|
530
|
+
["bg-center", { "background-position": "center" }],
|
|
531
|
+
["bg-left", { "background-position": "left" }],
|
|
532
|
+
["bg-left-bottom", { "background-position": "left bottom" }],
|
|
533
|
+
["bg-left-top", { "background-position": "left top" }],
|
|
534
|
+
["bg-right", { "background-position": "right" }],
|
|
535
|
+
["bg-right-bottom", { "background-position": "right bottom" }],
|
|
536
|
+
["bg-right-top", { "background-position": "right top" }],
|
|
537
|
+
["bg-top", { "background-position": "top" }]
|
|
538
|
+
];
|
|
539
|
+
var bgRepeats = [
|
|
540
|
+
["bg-repeat", { "background-repeat": "repeat" }],
|
|
541
|
+
["bg-no-repeat", { "background-repeat": "no-repeat" }],
|
|
542
|
+
["bg-repeat-x", { "background-position": "repeat-x" }],
|
|
543
|
+
["bg-repeat-y", { "background-position": "repeat-y" }],
|
|
544
|
+
["bg-repeat-round", { "background-position": "round" }],
|
|
545
|
+
["bg-repeat-space", { "background-position": "space" }]
|
|
546
|
+
];
|
|
547
|
+
var bgSizes = [
|
|
548
|
+
["bg-auto", { "background-size": "auto" }],
|
|
549
|
+
["bg-cover", { "background-repeat": "cover" }],
|
|
550
|
+
["bg-contain", { "background-position": "contain" }]
|
|
551
|
+
];
|
|
552
|
+
|
|
375
553
|
// ../preset-uno/src/rules/filters.ts
|
|
376
554
|
var filterContnet = "var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia) var(--un-drop-shadow)";
|
|
377
555
|
var init = {
|
|
@@ -883,7 +1061,16 @@ var rules = [
|
|
|
883
1061
|
margins,
|
|
884
1062
|
displays,
|
|
885
1063
|
opacity,
|
|
1064
|
+
bgAttachments,
|
|
1065
|
+
bgBlendModes,
|
|
1066
|
+
bgClips,
|
|
886
1067
|
bgColors,
|
|
1068
|
+
bgGradients,
|
|
1069
|
+
bgImages,
|
|
1070
|
+
bgOrigins,
|
|
1071
|
+
bgPositions,
|
|
1072
|
+
bgSizes,
|
|
1073
|
+
bgRepeats,
|
|
887
1074
|
borders,
|
|
888
1075
|
fonts,
|
|
889
1076
|
textOverflows,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@unocss/vite",
|
|
3
|
-
"version": "0.4.
|
|
3
|
+
"version": "0.4.3",
|
|
4
4
|
"description": "",
|
|
5
5
|
"keywords": [],
|
|
6
6
|
"homepage": "https://github.com/antfu/unocss#readme",
|
|
@@ -29,9 +29,9 @@
|
|
|
29
29
|
],
|
|
30
30
|
"dependencies": {
|
|
31
31
|
"@rollup/pluginutils": "^4.1.1",
|
|
32
|
-
"@unocss/config": "0.4.
|
|
33
|
-
"@unocss/core": "0.4.
|
|
34
|
-
"@unocss/scope": "0.4.
|
|
32
|
+
"@unocss/config": "0.4.3",
|
|
33
|
+
"@unocss/core": "0.4.3",
|
|
34
|
+
"@unocss/scope": "0.4.3",
|
|
35
35
|
"nanoevents": "^6.0.2"
|
|
36
36
|
},
|
|
37
37
|
"devDependencies": {
|