@radishon/lumina 1.0.0 → 1.0.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/README.md +39 -5
- package/package.json +14 -4
package/README.md
CHANGED
|
@@ -9,27 +9,27 @@ Lumina 是一个轻量级的 React Loading 组件，通过精心设计的 Unicod
|
|
|
9
9
|
## 安装
|
|
10
10
|
|
|
11
11
|
```bash
|
|
12
|
-
npm install lumina
|
|
12
|
+
npm install @radishon/lumina
|
|
13
13
|
```
|
|
14
14
|
|
|
15
15
|
或
|
|
16
16
|
|
|
17
17
|
```bash
|
|
18
|
-
yarn add lumina
|
|
18
|
+
yarn add @radishon/lumina
|
|
19
19
|
```
|
|
20
20
|
|
|
21
21
|
或
|
|
22
22
|
|
|
23
23
|
```bash
|
|
24
|
-
pnpm add lumina
|
|
24
|
+
pnpm add @radishon/lumina
|
|
25
25
|
```
|
|
26
26
|
|
|
27
27
|
## 使用示例
|
|
28
28
|
|
|
29
|
-
### 基本用法
|
|
29
|
+
### 基本用法 (React)
|
|
30
30
|
|
|
31
31
|
```tsx
|
|
32
|
-
import { Lumina } from 'lumina';
|
|
32
|
+
import { Lumina } from '@radishon/lumina';
|
|
33
33
|
|
|
34
34
|
function App() {
|
|
35
35
|
return (
|
|
@@ -40,6 +40,40 @@ function App() {
|
|
|
40
40
|
}
|
|
41
41
|
```
|
|
42
42
|
|
|
43
|
+
### Vue 3 使用示例
|
|
44
|
+
|
|
45
|
+
```vue
|
|
46
|
+
<template>
|
|
47
|
+
<div class="loading-container">
|
|
48
|
+
<Lumina />
|
|
49
|
+
</div>
|
|
50
|
+
</template>
|
|
51
|
+
|
|
52
|
+
<script setup>
|
|
53
|
+
import { Lumina } from '@radishon/lumina'
|
|
54
|
+
</script>
|
|
55
|
+
```
|
|
56
|
+
|
|
57
|
+
### Vue 2 使用示例
|
|
58
|
+
|
|
59
|
+
```vue
|
|
60
|
+
<template>
|
|
61
|
+
<div class="loading-container">
|
|
62
|
+
<Lumina />
|
|
63
|
+
</div>
|
|
64
|
+
</template>
|
|
65
|
+
|
|
66
|
+
<script>
|
|
67
|
+
import { Lumina } from '@radishon/lumina'
|
|
68
|
+
|
|
69
|
+
export default {
|
|
70
|
+
components: {
|
|
71
|
+
Lumina
|
|
72
|
+
}
|
|
73
|
+
}
|
|
74
|
+
</script>
|
|
75
|
+
```
|
|
76
|
+
|
|
43
77
|
### 自定义序列类型
|
|
44
78
|
|
|
45
79
|
```tsx
|
package/package.json
CHANGED
|
@@ -1,17 +1,26 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@radishon/lumina",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.1",
|
|
4
4
|
"description": "A beautiful animated loading indicator component for React with multiple preset sequences",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/index.esm.js",
|
|
7
7
|
"types": "dist/index.d.ts",
|
|
8
|
-
"files": [
|
|
8
|
+
"files": [
|
|
9
|
+
"dist"
|
|
10
|
+
],
|
|
9
11
|
"scripts": {
|
|
10
12
|
"build": "tsup src/index.ts --format cjs,esm --dts",
|
|
11
13
|
"dev": "tsup src/index.ts --format cjs,esm --dts --watch",
|
|
12
14
|
"prepublishOnly": "npm run build"
|
|
13
15
|
},
|
|
14
|
-
"keywords": [
|
|
16
|
+
"keywords": [
|
|
17
|
+
"react",
|
|
18
|
+
"loading",
|
|
19
|
+
"spinner",
|
|
20
|
+
"animation",
|
|
21
|
+
"lumina",
|
|
22
|
+
"component"
|
|
23
|
+
],
|
|
15
24
|
"author": "",
|
|
16
25
|
"license": "MIT",
|
|
17
26
|
"publishConfig": {
|
|
@@ -19,7 +28,8 @@
|
|
|
19
28
|
},
|
|
20
29
|
"peerDependencies": {
|
|
21
30
|
"react": ">=16.8.0",
|
|
22
|
-
"react-dom": ">=16.8.0"
|
|
31
|
+
"react-dom": ">=16.8.0",
|
|
32
|
+
"vue": ">=2.0.0 || >=3.0.0"
|
|
23
33
|
},
|
|
24
34
|
"devDependencies": {
|
|
25
35
|
"@types/react": "^18.0.0",
|