vlite3 1.2.17 → 1.3.1
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/components/Button.vue.d.ts +2 -0
- package/components/Button.vue.js +66 -55
- package/components/Carousel/Carousel.vue.js +2 -2
- package/components/Carousel/Carousel.vue2.js +12 -10
- package/components/CategoryManager/CategoryManager.vue.d.ts +9 -1
- package/components/CategoryManager/CategoryManager.vue.js +5 -461
- package/components/CategoryManager/CategoryManager.vue2.js +515 -2
- package/components/CategoryManager/CategoryNode.vue.js +65 -64
- package/components/CategoryManager/types.d.ts +16 -0
- package/components/ColorPicker/ColorIro.vue3.js +2 -2
- package/components/ColorPicker/ColorPicker.vue.js +2 -2
- package/components/CommandPalette/CommandPaletteContent.vue2.js +1 -1
- package/components/CommandPalette/{CommandPaletteItem.vue.js → CommandPaletteItem.vue2.js} +1 -1
- package/components/FadeOverlay/FadeOverlay.vue.d.ts +13 -0
- package/components/FadeOverlay/FadeOverlay.vue.js +59 -0
- package/components/FadeOverlay/index.d.ts +2 -0
- package/components/FadeOverlay/types.d.ts +72 -0
- package/components/FadeOverlay/utils.d.ts +6 -0
- package/components/FadeOverlay/utils.js +31 -0
- package/components/NavbarCommandPalette.vue.js +1 -1
- package/components/NumberInput.vue.d.ts +4 -4
- package/components/NumberInput.vue.js +2 -2
- package/components/NumberInput.vue2.js +56 -56
- package/components/Screen/Screen.vue.js +51 -51
- package/components/Screen/ScreenFilter.vue.js +2 -2
- package/components/Screen/components/ScreenQuickFilters.vue.js +3 -3
- package/components/Switch.vue.js +9 -3
- package/components/Tabes/Tabes.vue.d.ts +2 -1
- package/components/Tabes/Tabes.vue.js +2 -2
- package/components/Tabes/Tabes.vue2.js +200 -78
- package/components/index.d.ts +1 -0
- package/index.d.ts +1 -1
- package/index.js +1 -1
- package/package.json +1 -1
- package/style.css +17 -17
- package/components/FadeOverlay.vue.d.ts +0 -31
- package/components/FadeOverlay.vue.js +0 -55
- /package/components/ColorPicker/{ColorIro.vue.js → ColorIro.vue2.js} +0 -0
- /package/components/{FadeOverlay.vue2.js → FadeOverlay/FadeOverlay.vue2.js} +0 -0
|
@@ -1,55 +0,0 @@
|
|
|
1
|
-
import { defineComponent as f, computed as i, openBlock as m, createElementBlock as g, normalizeStyle as v } from "vue";
|
|
2
|
-
const $ = /* @__PURE__ */ f({
|
|
3
|
-
__name: "FadeOverlay",
|
|
4
|
-
props: {
|
|
5
|
-
direction: { default: "bottom" },
|
|
6
|
-
coverage: { default: "20%" },
|
|
7
|
-
fadeStart: { default: "0%" },
|
|
8
|
-
fadeEnd: { default: "100%" },
|
|
9
|
-
blur: { type: [Boolean, String, Number] },
|
|
10
|
-
blendMode: {},
|
|
11
|
-
opacity: {},
|
|
12
|
-
zIndex: {},
|
|
13
|
-
color: { default: "var(--color-background)" }
|
|
14
|
-
},
|
|
15
|
-
setup(c) {
|
|
16
|
-
const e = c, t = i(() => e.blur ? e.blur === !0 ? "8px" : typeof e.blur == "number" ? `${e.blur}px` : e.blur : ""), u = i(() => {
|
|
17
|
-
const o = typeof e.coverage == "number" ? `${e.coverage}%` : e.coverage, r = typeof e.fadeStart == "number" ? `${e.fadeStart}%` : e.fadeStart, n = typeof e.fadeEnd == "number" ? `${e.fadeEnd}%` : e.fadeEnd, a = {
|
|
18
|
-
top: "to top",
|
|
19
|
-
bottom: "to bottom",
|
|
20
|
-
left: "to left",
|
|
21
|
-
right: "to right"
|
|
22
|
-
}[e.direction] || "to bottom", b = e.direction === "top" || e.direction === "bottom" ? { left: 0, right: 0, height: o, [e.direction]: 0 } : { top: 0, bottom: 0, width: o, [e.direction]: 0 }, d = {
|
|
23
|
-
position: "absolute",
|
|
24
|
-
pointerEvents: "none",
|
|
25
|
-
opacity: e.opacity ?? 1,
|
|
26
|
-
zIndex: e.zIndex ?? 10,
|
|
27
|
-
...e.blendMode ? { mixBlendMode: e.blendMode } : {},
|
|
28
|
-
...b
|
|
29
|
-
};
|
|
30
|
-
if (t.value) {
|
|
31
|
-
const l = `linear-gradient(${a}, transparent ${r}, black ${n})`, p = e.color === "var(--color-background)" ? "color-mix(in srgb, var(--color-background) 60%, transparent)" : e.color;
|
|
32
|
-
return {
|
|
33
|
-
...d,
|
|
34
|
-
background: p,
|
|
35
|
-
backdropFilter: `blur(${t.value})`,
|
|
36
|
-
WebkitBackdropFilter: `blur(${t.value})`,
|
|
37
|
-
maskImage: l,
|
|
38
|
-
WebkitMaskImage: l
|
|
39
|
-
};
|
|
40
|
-
}
|
|
41
|
-
const s = `linear-gradient(${a}, transparent ${r}, ${e.color} ${n})`;
|
|
42
|
-
return {
|
|
43
|
-
...d,
|
|
44
|
-
background: s
|
|
45
|
-
};
|
|
46
|
-
});
|
|
47
|
-
return (o, r) => (m(), g("div", {
|
|
48
|
-
style: v(u.value),
|
|
49
|
-
"aria-hidden": "true"
|
|
50
|
-
}, null, 4));
|
|
51
|
-
}
|
|
52
|
-
});
|
|
53
|
-
export {
|
|
54
|
-
$ as default
|
|
55
|
-
};
|
|
File without changes
|
|
File without changes
|