@raxium/vue-addons-virtual 0.1.2 → 0.1.4

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 (2) hide show
  1. package/dist/index.css +100 -105
  2. package/package.json +2 -2
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.2",
4
+ "version": "0.1.4",
5
5
  "description": "Virtual components for Raxium",
6
6
  "author": {
7
7
  "name": "Hwacc",
@@ -32,7 +32,7 @@
32
32
  "dependencies": {
33
33
  "@tanstack/vue-virtual": "^3.13.19",
34
34
  "es-toolkit": "^1.44.0",
35
- "lucide-vue-next": "^0.575.0",
35
+ "lucide-vue-next": "^1.0.0",
36
36
  "@raxium/vue-addons-shared": "0.1.2"
37
37
  },
38
38
  "devDependencies": {