@raxium/vue-addons-virtual 0.1.1 → 0.1.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.
Files changed (7) hide show
  1. package/dist/VirtualGridImpl.js +1 -1
  2. package/dist/VirtualGridItem.js +1 -1
  3. package/dist/VirtualInfiniteLoading.js +1 -2
  4. package/dist/VirtualListImpl.js +1 -2
  5. package/dist/VirtualListItem.js +1 -1
  6. package/dist/index.css +100 -105
  7. package/package.json +2 -3
package/dist/VirtualGridImpl.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { Fragment, cloneVNode, computed, createBlock, createElementBlock, createElementVNode, defineComponent, h, normalizeClass, normalizeStyle, openBlock, renderList, resolveDynamicComponent, unref, useTemplateRef } from "vue";
2
- import { cn } from "@raxium/themes/utils";
2
+ import { cn } from "@raxium/vue-addons-shared";
3
3
  import { useVirtualizer } from "@tanstack/vue-virtual";
4
4
  import { merge } from "es-toolkit/compat";
5
5
  import { injectVirtualContext } from "./index.js";
package/dist/VirtualGridItem.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { createElementBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, useTemplateRef, watch } from "vue";
2
- import { cn } from "@raxium/themes/utils";
2
+ import { cn } from "@raxium/vue-addons-shared";
3
3
  import { injectVirtualContext } from "./index.js";
4
4
  const _hoisted_1 = [
5
5
  "data-index"
package/dist/VirtualInfiniteLoading.js CHANGED
@@ -1,6 +1,5 @@
1
1
  import { createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, onMounted, onUnmounted, openBlock, renderSlot, shallowRef, unref } from "vue";
2
- import { cn } from "@raxium/themes/utils";
3
- import { useForwardExpose } from "@raxium/vue-addons-shared";
2
+ import { cn, useForwardExpose } from "@raxium/vue-addons-shared";
4
3
  import { LoaderCircle } from "lucide-vue-next";
5
4
  import { LOADING_STATE, injectVirtualContext } from "./index.js";
6
5
  const _hoisted_1 = [
package/dist/VirtualListImpl.js CHANGED
@@ -1,6 +1,5 @@
1
1
  import { Fragment, cloneVNode, computed, createBlock, createElementBlock, createElementVNode, createPropsRestProxy, defineComponent, h, normalizeClass, normalizeStyle, openBlock, renderList, resolveDynamicComponent, unref, useTemplateRef } from "vue";
2
- import { cn } from "@raxium/themes/utils";
3
- import { useForwardProps } from "@raxium/vue-addons-shared";
2
+ import { cn, useForwardProps } from "@raxium/vue-addons-shared";
4
3
  import { useVirtualizer } from "@tanstack/vue-virtual";
5
4
  import { merge } from "es-toolkit/compat";
6
5
  import { injectVirtualContext } from "./index.js";
package/dist/VirtualListItem.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { createElementBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, useTemplateRef, watch } from "vue";
2
- import { cn } from "@raxium/themes/utils";
2
+ import { cn } from "@raxium/vue-addons-shared";
3
3
  import { injectVirtualContext } from "./VirtualRoot.js";
4
4
  const _hoisted_1 = [
5
5
  "data-index"
package/dist/index.css CHANGED
@@ -1,122 +1,117 @@
1
- @layer theme {
2
- @keyframes spin {
3
- from {
4
- transform: rotate(0deg);
1
+ .rui-virtual-list,
2
+ .rui-virtual-grid {
3
+ width: 100%;
4
+ height: 100%;
5
+ overflow: auto;
6
+ overflow-anchor: none;
7
+ overscroll-behavior: contain;
8
+
9
+ & [data-part='scroll'] {
10
+ position: relative;
11
+ }
12
+ }
13
+
14
+ .rui-virtual-infinite {
15
+ width: 100%;
16
+ height: auto;
17
+ &[data-size='xs'] {
18
+ height: 0.75rem;
19
+ }
20
+ &[data-size='sm'] {
21
+ height: 0.875rem;
22
+ }
23
+ &[data-size='base'] {
24
+ height: 1rem;
25
+ }
26
+ &[data-size='lg'] {
27
+ height: 1.125rem;
28
+ }
29
+
30
+ & [data-part='loading'] {
31
+ display: flex;
32
+ align-items: center;
33
+ justify-content: center;
34
+ &[data-size='xs'] {
35
+ padding: 0 0.375rem;
5
36
  }
6
- to {
7
- transform: rotate(360deg);
37
+ &[data-size='sm'] {
38
+ padding: 0 0.5rem;
39
+ }
40
+ &[data-size='base'] {
41
+ padding: 0 0.625rem;
42
+ }
43
+ &[data-size='lg'] {
44
+ padding: 0 0.75rem;
8
45
  }
9
46
  }
10
- }
11
47
 
12
- @layer components {
13
- .rui-virtual-list, .rui-virtual-grid {
14
- width: 100%;
15
- height: 100%;
16
- overflow: auto;
17
- overflow-anchor: none;
18
- overscroll-behavior: contain;
19
-
20
- & [data-part='scroll'] {
21
- position: relative;
48
+ & [data-part='spinner'] {
49
+ animation: spin 1s linear infinite;
50
+ &[data-size='xs'] {
51
+ width: 1.25rem;
52
+ height: 1.25rem;
53
+ }
54
+ &[data-size='sm'] {
55
+ width: 1.5rem;
56
+ height: 1.5rem;
57
+ }
58
+ &[data-size='base'] {
59
+ width: 1.75rem;
60
+ height: 1.75rem;
61
+ }
62
+ &[data-size='lg'] {
63
+ width: 2rem;
64
+ height: 2rem;
65
+ }
66
+ }
67
+
68
+ & [data-part='complete'] {
69
+ display: flex;
70
+ align-items: center;
71
+ justify-content: center;
72
+ &[data-size='xs'] {
73
+ padding: 0 0.375rem;
74
+ }
75
+ &[data-size='sm'] {
76
+ padding: 0 0.5rem;
77
+ }
78
+ &[data-size='base'] {
79
+ padding: 0 0.625rem;
80
+ }
81
+ &[data-size='lg'] {
82
+ padding: 0 0.75rem;
22
83
  }
23
84
  }
24
-
25
-
26
- .rui-virtual-infinite {
27
- width: 100%;
28
- height: auto;
85
+
86
+ & [data-part='error'] {
87
+ display: flex;
88
+ flex-direction: column;
89
+ align-items: center;
90
+ justify-content: center;
29
91
  &[data-size='xs'] {
30
- height: .75rem;
92
+ padding: 0 0.375rem;
93
+ gap: 0.25rem;
31
94
  }
32
95
  &[data-size='sm'] {
33
- height: .875rem;
96
+ padding: 0 0.5rem;
97
+ gap: 0.375rem;
34
98
  }
35
99
  &[data-size='base'] {
36
- height: 1rem;
100
+ padding: 0 0.625rem;
101
+ gap: 0.5rem;
37
102
  }
38
103
  &[data-size='lg'] {
39
- height: 1.125rem;
40
- }
41
-
42
- & [data-part='loading'] {
43
- display: flex;
44
- align-items: center;
45
- justify-content: center;
46
- &[data-size='xs'] {
47
- padding: 0 .375rem
48
- }
49
- &[data-size='sm'] {
50
- padding: 0 .5rem;
51
- }
52
- &[data-size='base'] {
53
- padding: 0 .625rem;
54
- }
55
- &[data-size='lg'] {
56
- padding: 0 .75rem;
57
- }
58
- }
59
-
60
- & [data-part='spinner'] {
61
- animation: spin 1s linear infinite;
62
- &[data-size='xs'] {
63
- width: 1.25rem;
64
- height: 1.25rem;
65
- }
66
- &[data-size='sm'] {
67
- width: 1.5rem;
68
- height: 1.5rem;
69
- }
70
- &[data-size='base'] {
71
- width: 1.75rem;
72
- height: 1.75rem;
73
- }
74
- &[data-size='lg'] {
75
- width: 2rem;
76
- height: 2rem;
77
- }
78
- }
79
-
80
- & [data-part='complete'] {
81
- display: flex;
82
- align-items: center;
83
- justify-content: center;
84
- &[data-size='xs'] {
85
- padding: 0 .375rem;
86
- }
87
- &[data-size='sm'] {
88
- padding: 0 .5rem;
89
- }
90
- &[data-size='base'] {
91
- padding: 0 .625rem;
92
- }
93
- &[data-size='lg'] {
94
- padding: 0 .75rem;
95
- }
96
- }
97
-
98
- & [data-part='error'] {
99
- display: flex;
100
- flex-direction: column;
101
- align-items: center;
102
- justify-content: center;
103
- &[data-size='xs'] {
104
- padding: 0 .375rem;
105
- gap: .25rem
106
- }
107
- &[data-size='sm'] {
108
- padding: 0 .5rem;
109
- gap: .375rem
110
- }
111
- &[data-size='base'] {
112
- padding: 0 .625rem;
113
- gap: .5rem
114
- }
115
- &[data-size='lg'] {
116
- padding: 0 .75rem;
117
- gap: .625rem
118
- }
104
+ padding: 0 0.75rem;
105
+ gap: 0.625rem;
119
106
  }
120
107
  }
121
108
  }
122
109
 
110
+ @keyframes spin {
111
+ from {
112
+ transform: rotate(0deg);
113
+ }
114
+ to {
115
+ transform: rotate(360deg);
116
+ }
117
+ }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@raxium/vue-addons-virtual",
3
3
  "type": "module",
4
- "version": "0.1.1",
4
+ "version": "0.1.3",
5
5
  "description": "Virtual components for Raxium",
6
6
  "author": {
7
7
  "name": "Hwacc",
@@ -33,8 +33,7 @@
33
33
  "@tanstack/vue-virtual": "^3.13.19",
34
34
  "es-toolkit": "^1.44.0",
35
35
  "lucide-vue-next": "^0.575.0",
36
- "@raxium/themes": "0.1.1",
37
- "@raxium/vue-addons-shared": "0.1.1"
36
+ "@raxium/vue-addons-shared": "0.1.2"
38
37
  },
39
38
  "devDependencies": {
40
39
  "@rsbuild/plugin-babel": "^1.0.6",