ol-base-components 0.3.1 → 1.0.0
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 +47 -46
- package/package.json +2 -1
- package/public/index.js +59941 -0
- package/src/App.vue +142 -118
- package/src/assets/effectPicture.png +0 -0
- package/src/main.js +28 -5
- package/src/package/index.js +37 -5
- package/src/package/table/src/index.vue +81 -24
- package/src/utils/index.js +0 -0
- package/src/utils/swagger/index.js +21 -0
package/README.md
CHANGED
|
@@ -2,6 +2,9 @@
|
|
|
2
2
|
|
|
3
3
|
二次封装的通用组件库，包含表格（Table）和表单（Form）等组件。
|
|
4
4
|
|
|
5
|
+
- [在线演示](https://mqtt-a.vercel.app/home)
|
|
6
|
+
- [在线文档](https://github.com/time202051/base-component)
|
|
7
|
+
|
|
5
8
|
## 安装
|
|
6
9
|
|
|
7
10
|
您可以通过 npm 安装这个组件库：
|
|
@@ -10,6 +13,10 @@
|
|
|
10
13
|
npm install ol-base-components
|
|
11
14
|
```
|
|
12
15
|
|
|
16
|
+
## 效果图
|
|
17
|
+
|
|
18
|
+
|
|
19
|
+
|
|
13
20
|
## 使用说明
|
|
14
21
|
|
|
15
22
|
在您的 Vue 项目中，您需要在入口文件（通常是 `main.js` 或 `app.js`）中导入并使用该组件库：
|
|
@@ -243,55 +250,49 @@ export default {
|
|
|
243
250
|
export default {
|
|
244
251
|
data() {
|
|
245
252
|
return {
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
label: "备注",
|
|
270
|
-
type: "textarea",
|
|
271
|
-
prop: "remark",
|
|
272
|
-
},
|
|
273
|
-
],
|
|
274
|
-
rules: {
|
|
275
|
-
displayName: [{ required: true, message: "必填", trigger: "blur" }],
|
|
276
|
-
code: [{ required: true, message: "必填", trigger: "blur" }],
|
|
277
|
-
},
|
|
278
|
-
value: {
|
|
279
|
-
code: "",
|
|
280
|
-
displayName: "",
|
|
281
|
-
// enabled: true,
|
|
282
|
-
remark: "",
|
|
283
|
-
},
|
|
284
|
-
requestData: {
|
|
285
|
-
flage: "add",
|
|
286
|
-
url: PublicAggregate.dictionaries,
|
|
287
|
-
fn: this.getTable,
|
|
288
|
-
},
|
|
253
|
+
form: {
|
|
254
|
+
dialogFormVisible: false,
|
|
255
|
+
title: "",
|
|
256
|
+
model: [
|
|
257
|
+
{
|
|
258
|
+
label: "字典编码",
|
|
259
|
+
type: "input",
|
|
260
|
+
prop: "code",
|
|
261
|
+
},
|
|
262
|
+
{
|
|
263
|
+
label: "字典名称",
|
|
264
|
+
type: "input",
|
|
265
|
+
prop: "displayName",
|
|
266
|
+
},
|
|
267
|
+
// {
|
|
268
|
+
// label: "启用",
|
|
269
|
+
// type: "switch",
|
|
270
|
+
// prop: "enabled",
|
|
271
|
+
// },
|
|
272
|
+
{
|
|
273
|
+
label: "备注",
|
|
274
|
+
type: "textarea",
|
|
275
|
+
prop: "remark",
|
|
289
276
|
},
|
|
277
|
+
],
|
|
278
|
+
rules: {
|
|
279
|
+
displayName: [{ required: true, message: "必填", trigger: "blur" }],
|
|
280
|
+
code: [{ required: true, message: "必填", trigger: "blur" }],
|
|
281
|
+
},
|
|
282
|
+
value: {
|
|
283
|
+
code: "",
|
|
284
|
+
displayName: "",
|
|
285
|
+
// enabled: true,
|
|
286
|
+
remark: "",
|
|
287
|
+
},
|
|
288
|
+
requestData: {
|
|
289
|
+
flage: "add",
|
|
290
|
+
url: PublicAggregate.dictionaries,
|
|
291
|
+
fn: this.getTable,
|
|
292
|
+
},
|
|
293
|
+
,
|
|
290
294
|
};
|
|
291
295
|
},
|
|
292
|
-
methods: {
|
|
293
|
-
|
|
294
|
-
},
|
|
295
296
|
};
|
|
296
297
|
</script>
|
|
297
298
|
```
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "ol-base-components",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "1.0.0",
|
|
4
4
|
"private": false,
|
|
5
5
|
"main": "src/package/index.js",
|
|
6
6
|
"scripts": {
|
|
@@ -13,6 +13,7 @@
|
|
|
13
13
|
"element-ui": "^2.15.14",
|
|
14
14
|
"eslint": "^8.57.1",
|
|
15
15
|
"eslint-plugin-vue": "^10.3.0",
|
|
16
|
+
"swagger-client": "^3.35.6",
|
|
16
17
|
"vue": "^2.6.14"
|
|
17
18
|
},
|
|
18
19
|
"devDependencies": {
|