wx-svelte-core 2.2.0 → 2.2.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/package.json +3 -3
- package/readme.md +6 -6
- package/src/components/Dropdown.svelte +2 -1
- package/src/components/Portal.svelte +3 -1
- package/whatsnew.md +7 -0
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "wx-svelte-core",
|
|
3
|
-
"version": "2.2.
|
|
3
|
+
"version": "2.2.1",
|
|
4
4
|
"description": "SVAR Svelte Core - Svelte UI library of 20+ components and form controls",
|
|
5
5
|
"productTag": "core",
|
|
6
6
|
"productTrial": false,
|
|
@@ -32,8 +32,8 @@
|
|
|
32
32
|
},
|
|
33
33
|
"homepage": "https://svar.dev/svelte/core/",
|
|
34
34
|
"dependencies": {
|
|
35
|
-
"wx-core-locales": "2.2.
|
|
36
|
-
"wx-lib-dom": "0.
|
|
35
|
+
"wx-core-locales": "2.2.1",
|
|
36
|
+
"wx-lib-dom": "0.9.1",
|
|
37
37
|
"wx-lib-svelte": "0.5.1"
|
|
38
38
|
},
|
|
39
39
|
"files": [
|
package/readme.md
CHANGED
|
@@ -24,12 +24,12 @@
|
|
|
24
24
|
|
|
25
25
|
SVAR Core library includes the following components:
|
|
26
26
|
|
|
27
|
-
-
|
|
28
|
-
-
|
|
29
|
-
-
|
|
30
|
-
-
|
|
31
|
-
-
|
|
32
|
-
-
|
|
27
|
+
- buttons & form controls,
|
|
28
|
+
- calendar (datepicker),
|
|
29
|
+
- popups,
|
|
30
|
+
- notifications,
|
|
31
|
+
- sliding sidebar,
|
|
32
|
+
- tabs, and more.
|
|
33
33
|
|
|
34
34
|
Additionally, you can use these SVAR Svelte components to build unified app interfaces:
|
|
35
35
|
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
<script>
|
|
2
2
|
import { clickOutside } from "wx-lib-dom";
|
|
3
|
+
import { env } from "wx-lib-dom";
|
|
3
4
|
|
|
4
5
|
let {
|
|
5
6
|
position = "bottom",
|
|
@@ -14,7 +15,7 @@
|
|
|
14
15
|
$effect(() => {
|
|
15
16
|
if (autoFit) {
|
|
16
17
|
const nodeCoords = node.getBoundingClientRect();
|
|
17
|
-
const bodyCoords =
|
|
18
|
+
const bodyCoords = env.getTopNode(node).getBoundingClientRect();
|
|
18
19
|
|
|
19
20
|
if (nodeCoords.right >= bodyCoords.right) {
|
|
20
21
|
align = "end";
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
<script>
|
|
2
2
|
import { onMount, getContext, onDestroy } from "svelte";
|
|
3
|
+
import { env } from "wx-lib-dom";
|
|
3
4
|
|
|
4
5
|
let portal = null;
|
|
5
6
|
|
|
@@ -13,7 +14,8 @@
|
|
|
13
14
|
if (theme === "") theme = getContext("wx-theme");
|
|
14
15
|
|
|
15
16
|
function getParentRoot(p) {
|
|
16
|
-
|
|
17
|
+
const root = env.getTopNode(p);
|
|
18
|
+
while (p !== root && !p.getAttribute("data-wx-portal-root")) {
|
|
17
19
|
p = p.parentNode;
|
|
18
20
|
}
|
|
19
21
|
return p;
|