@lemon30_npm/csit-vue3 0.0.0 → 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 +81 -0
- package/dist/csit-vue3.js +7 -7
- package/dist/types/src/components/index.d.ts +6 -3
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
# 🧩 csit-vue3 组件库
|
|
2
|
+
|
|
3
|
+
> 一个基于 **Vue 3** + **Element Plus** 封装的业务组件库，提供统一的 UI 规范和业务逻辑组件，提升开发效率。
|
|
4
|
+
|
|
5
|
+
## 📦 安装方式
|
|
6
|
+
|
|
7
|
+
```bash
|
|
8
|
+
# 推荐使用 pnpm
|
|
9
|
+
pnpm add @lemon30/csit-vue3
|
|
10
|
+
|
|
11
|
+
# 或者使用 npm/yarn
|
|
12
|
+
npm install @lemon30/csit-vue3
|
|
13
|
+
# 或
|
|
14
|
+
yarn add @lemon30/csit-vue3
|
|
15
|
+
```
|
|
16
|
+
|
|
17
|
+
### ⚠️ 注意 该组件库依赖以下环境请确保你的项目已安装 (如果使用vue3项目脚手架，请忽略)
|
|
18
|
+
|
|
19
|
+
> 版本可自行升级，无影响
|
|
20
|
+
|
|
21
|
+
- "vue": "^3.5.12"
|
|
22
|
+
- "echarts": "^5.5.1"
|
|
23
|
+
- "echarts-map": "^3.0.1"
|
|
24
|
+
- "element-plus": "^2.9.7"
|
|
25
|
+
- "@element-plus/icons-vue": "^2.3.1"
|
|
26
|
+
- "axios": "^1.7.7"
|
|
27
|
+
- "nanoid": "^5.0.8"
|
|
28
|
+
|
|
29
|
+
---
|
|
30
|
+
|
|
31
|
+
## 🚀 快速开始
|
|
32
|
+
|
|
33
|
+
在你的项目入口文件中：
|
|
34
|
+
|
|
35
|
+
```ts
|
|
36
|
+
import { createApp } from "vue";
|
|
37
|
+
import App from "./App.vue";
|
|
38
|
+
|
|
39
|
+
// 引入组件库
|
|
40
|
+
import CsitVue3 from "@lemon30_npm/csit-vue3";
|
|
41
|
+
// 引入 csit-vue3 样式
|
|
42
|
+
import "@lemon30_npm/csit-vue3/dist/index.css";
|
|
43
|
+
|
|
44
|
+
const app = createApp(App);
|
|
45
|
+
|
|
46
|
+
app.use(CsitVue3);
|
|
47
|
+
|
|
48
|
+
app.mount("#app");
|
|
49
|
+
```
|
|
50
|
+
|
|
51
|
+
## 🧩 示例组件使用
|
|
52
|
+
|
|
53
|
+
```html
|
|
54
|
+
<template>
|
|
55
|
+
<CiUpload
|
|
56
|
+
class="demo-page-ci-upload"
|
|
57
|
+
v-model:file-list="fileList"
|
|
58
|
+
:accept="'.jpg,.png,.jpeg,.xls,.xlsx,.doc,.docx,.pdf,.zip'"
|
|
59
|
+
:limit="10"
|
|
60
|
+
:max-size="10 * 1024 * 1024"
|
|
61
|
+
:multiple="true"
|
|
62
|
+
>
|
|
63
|
+
</CiUpload>
|
|
64
|
+
</template>
|
|
65
|
+
|
|
66
|
+
<script lang="ts" setup>
|
|
67
|
+
import { ref } from 'vue'
|
|
68
|
+
|
|
69
|
+
const fileList = ref<any[]>([
|
|
70
|
+
{
|
|
71
|
+
fileSize: 1024 * 1024 * 1.3,
|
|
72
|
+
fileKey: 'key-0',
|
|
73
|
+
fileName: 'element-plus-logo-0.svg',
|
|
74
|
+
},
|
|
75
|
+
{
|
|
76
|
+
fileSize: 1024 * 1024 * 1.3,
|
|
77
|
+
fileKey: 'key-0',
|
|
78
|
+
fileName: 'element-plus-logo-0.svg',
|
|
79
|
+
},
|
|
80
|
+
])
|
|
81
|
+
```
|
package/dist/csit-vue3.js
CHANGED
|
@@ -5923,13 +5923,13 @@ const ei = {
|
|
|
5923
5923
|
// { name: 'CiPageHeader', component: CiPageHeader },
|
|
5924
5924
|
// 中证上传文件组件
|
|
5925
5925
|
{ name: "CiUpload", component: _i }
|
|
5926
|
-
],
|
|
5927
|
-
bi.forEach((
|
|
5928
|
-
e.component(t,
|
|
5926
|
+
], Mi = (e) => {
|
|
5927
|
+
bi.forEach((t) => {
|
|
5928
|
+
e.component(t.name, t.component);
|
|
5929
5929
|
});
|
|
5930
|
-
};
|
|
5930
|
+
}, Zi = { install: Mi };
|
|
5931
5931
|
export {
|
|
5932
|
-
|
|
5933
|
-
|
|
5934
|
-
|
|
5932
|
+
_i as CiUpload,
|
|
5933
|
+
Zi as default,
|
|
5934
|
+
Mi as install
|
|
5935
5935
|
};
|
|
@@ -1,5 +1,8 @@
|
|
|
1
1
|
import { App } from 'vue';
|
|
2
|
-
import { default as
|
|
2
|
+
import { default as CiUpload } from './components-project/ci-upload/index.vue';
|
|
3
3
|
declare const install: (app: App) => void;
|
|
4
|
-
export { install,
|
|
5
|
-
|
|
4
|
+
export { install, CiUpload };
|
|
5
|
+
declare const _default: {
|
|
6
|
+
install: (app: App) => void;
|
|
7
|
+
};
|
|
8
|
+
export default _default;
|