xkrsecure-ui 0.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 +44 -0
- package/dist/xkrsecure-ui.css +1 -0
- package/dist/xkrsecure-ui.mjs +44812 -0
- package/dist/xkrsecure-ui.umd.js +28 -0
- package/package.json +52 -0
package/README.md
ADDED
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
# xkrsecure-ui
|
|
2
|
+
|
|
3
|
+
公司组件库 (Company Component Library) based on Vite + Vue 3 + TypeScript.
|
|
4
|
+
|
|
5
|
+
## 📦 安装 (Installation)
|
|
6
|
+
|
|
7
|
+
```bash
|
|
8
|
+
npm install xkrsecure-ui
|
|
9
|
+
```
|
|
10
|
+
|
|
11
|
+
## 🔨 使用 (Usage)
|
|
12
|
+
|
|
13
|
+
### 引入组件
|
|
14
|
+
|
|
15
|
+
```typescript
|
|
16
|
+
import { SimpleButton } from 'xkrsecure-ui'
|
|
17
|
+
// 引入样式 (如果需要)
|
|
18
|
+
import 'xkrsecure-ui/dist/style.css'
|
|
19
|
+
```
|
|
20
|
+
|
|
21
|
+
在 Vue 组件中使用:
|
|
22
|
+
|
|
23
|
+
```vue
|
|
24
|
+
<template>
|
|
25
|
+
<SimpleButton label="点击我" />
|
|
26
|
+
</template>
|
|
27
|
+
```
|
|
28
|
+
|
|
29
|
+
### 使用工具函数
|
|
30
|
+
|
|
31
|
+
```typescript
|
|
32
|
+
import { sum, formatDate } from 'xkrsecure-ui'
|
|
33
|
+
|
|
34
|
+
console.log(sum(1, 2)) // 3
|
|
35
|
+
console.log(formatDate(new Date())) // "YYYY-MM-DD"
|
|
36
|
+
```
|
|
37
|
+
|
|
38
|
+
## 🛠开发 (Development)
|
|
39
|
+
|
|
40
|
+
```bash
|
|
41
|
+
npm install
|
|
42
|
+
npm run dev # 启动本地测试页 (src/App.vue)
|
|
43
|
+
npm run build # 打包库文件
|
|
44
|
+
```
|