meixioacomponent 0.3.25 → 0.3.28
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/lib/meixioacomponent.common.js +280 -269
- package/lib/meixioacomponent.umd.js +280 -269
- package/lib/meixioacomponent.umd.min.js +14 -14
- package/package.json +41 -41
- package/packages/components/base/baseAvatar/baseAvatar.vue +27 -12
- package/packages/components/base/baseButtonHandle/baseButtonHandle.vue +13 -11
- package/packages/components/proForm/proForm/pro_form.vue +0 -1
- package/packages/components/proForm/proForm/pro_form_item.vue +8 -8
- package/src/App.vue +65 -0
- package/src/assets/logo.png +0 -0
- package/src/component/test.vue +960 -0
- package/src/component/testSelectStore.js +43 -0
- package/src/config/request.js +66 -0
- package/src/config/testApi.js +12 -0
- package/src/main.js +27 -0
- package/src/router/index.js +14 -0
- package/src/store/index.js +15 -0
package/package.json
CHANGED
|
@@ -1,42 +1,42 @@
|
|
|
1
1
|
{
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
}
|
|
2
|
+
"name": "meixioacomponent",
|
|
3
|
+
"version": "0.3.28",
|
|
4
|
+
"private": false,
|
|
5
|
+
"author": "YuRi",
|
|
6
|
+
"main": "lib/meixioacomponent.umd.min.js",
|
|
7
|
+
"scripts": {
|
|
8
|
+
"serve": "vue-cli-service serve",
|
|
9
|
+
"lib": "vue-cli-service build --target lib --name meixioacomponent --dest lib packages/components/index.js",
|
|
10
|
+
"build:theme": "cp-cli packages/components/style/ lib/style"
|
|
11
|
+
},
|
|
12
|
+
"dependencies": {
|
|
13
|
+
"axios": "^0.27.2",
|
|
14
|
+
"core-js": "^3.6.5",
|
|
15
|
+
"cp-cli": "^1.0.2",
|
|
16
|
+
"dayjs": "^1.11.3",
|
|
17
|
+
"element-ui": "^2.15.6",
|
|
18
|
+
"gulp": "^4.0.0",
|
|
19
|
+
"register-service-worker": "^1.7.1",
|
|
20
|
+
"vue": "^2.6.11",
|
|
21
|
+
"vue-router": "^3.2.0",
|
|
22
|
+
"vuedraggable": "^2.24.3",
|
|
23
|
+
"vuex": "^3.4.0"
|
|
24
|
+
},
|
|
25
|
+
"devDependencies": {
|
|
26
|
+
"@vue/cli-plugin-babel": "~4.5.13",
|
|
27
|
+
"@vue/cli-plugin-pwa": "~4.5.13",
|
|
28
|
+
"@vue/cli-plugin-router": "~4.5.13",
|
|
29
|
+
"@vue/cli-plugin-vuex": "~4.5.13",
|
|
30
|
+
"@vue/cli-service": "~4.5.13",
|
|
31
|
+
"babel-plugin-component": "^1.1.1",
|
|
32
|
+
"babel-plugin-transform-remove-console": "^6.9.4",
|
|
33
|
+
"less": "^3.0.4",
|
|
34
|
+
"less-loader": "^5.0.0",
|
|
35
|
+
"vue-template-compiler": "^2.6.11"
|
|
36
|
+
},
|
|
37
|
+
"browserslist": [
|
|
38
|
+
"> 1%",
|
|
39
|
+
"last 2 versions",
|
|
40
|
+
"not dead"
|
|
41
|
+
]
|
|
42
|
+
}
|
|
@@ -8,55 +8,65 @@
|
|
|
8
8
|
:color="`d`"
|
|
9
9
|
:plain="true"
|
|
10
10
|
:name="source"
|
|
11
|
+
:event="event"
|
|
12
|
+
@iconClick="iconClick"
|
|
11
13
|
v-else-if="type == 'icon'"
|
|
12
|
-
>
|
|
13
|
-
</base-icon>
|
|
14
|
+
></base-icon>
|
|
14
15
|
</div>
|
|
15
16
|
</el-badge>
|
|
16
17
|
</template>
|
|
17
18
|
|
|
18
19
|
<script>
|
|
19
|
-
import baseImgVue from
|
|
20
|
+
import baseImgVue from '../baseImg/baseImg.vue'
|
|
20
21
|
export default {
|
|
21
|
-
name:
|
|
22
|
+
name: 'baseAvatar',
|
|
22
23
|
data() {
|
|
23
|
-
return {}
|
|
24
|
+
return {}
|
|
24
25
|
},
|
|
25
26
|
components: { baseImgVue },
|
|
26
27
|
props: {
|
|
27
28
|
type: {
|
|
28
29
|
type: String,
|
|
29
|
-
default:
|
|
30
|
+
default: 'icon',
|
|
30
31
|
},
|
|
31
32
|
source: {
|
|
32
33
|
type: String,
|
|
33
|
-
default:
|
|
34
|
+
default: 'meixicomponenticon-user',
|
|
34
35
|
},
|
|
35
36
|
size: {
|
|
36
37
|
type: String,
|
|
37
|
-
default:
|
|
38
|
+
default: 'm',
|
|
38
39
|
},
|
|
39
40
|
shape: {
|
|
40
41
|
type: String,
|
|
41
|
-
default:
|
|
42
|
+
default: 'cir',
|
|
42
43
|
},
|
|
43
44
|
view: {
|
|
44
45
|
type: Boolean,
|
|
45
46
|
default: false,
|
|
46
47
|
},
|
|
47
48
|
value: {},
|
|
49
|
+
event: {
|
|
50
|
+
type: Boolean,
|
|
51
|
+
default: false,
|
|
52
|
+
},
|
|
48
53
|
},
|
|
49
54
|
computed: {
|
|
50
55
|
module: {
|
|
51
56
|
set(val) {
|
|
52
|
-
this.$emit(
|
|
57
|
+
this.$emit('input', val)
|
|
53
58
|
},
|
|
54
59
|
get() {
|
|
55
|
-
return this.$props.value
|
|
60
|
+
return this.$props.value
|
|
56
61
|
},
|
|
57
62
|
},
|
|
58
63
|
},
|
|
59
|
-
|
|
64
|
+
methods: {
|
|
65
|
+
iconClick() {
|
|
66
|
+
this.$emit('iconClick')
|
|
67
|
+
},
|
|
68
|
+
},
|
|
69
|
+
}
|
|
60
70
|
</script>
|
|
61
71
|
|
|
62
72
|
<style lang="less" scoped>
|
|
@@ -72,6 +82,11 @@ export default {
|
|
|
72
82
|
font-weight: var(--font-weight-kg);
|
|
73
83
|
}
|
|
74
84
|
}
|
|
85
|
+
.xl {
|
|
86
|
+
width: 70px;
|
|
87
|
+
height: 70px;
|
|
88
|
+
font-size: var(--font-size-xl);
|
|
89
|
+
}
|
|
75
90
|
.l {
|
|
76
91
|
width: 50px;
|
|
77
92
|
height: 50px;
|
|
@@ -5,39 +5,41 @@
|
|
|
5
5
|
:size="size"
|
|
6
6
|
:type="item.type"
|
|
7
7
|
:plain="item.plain"
|
|
8
|
+
:loading="item.loading"
|
|
8
9
|
:disabled="item.disabled"
|
|
9
10
|
@click="handleClick(item)"
|
|
10
11
|
v-for="(item, index) in config"
|
|
11
12
|
>
|
|
12
|
-
<i v-if="item.icon" :class="item.icon"></i>
|
|
13
|
-
|
|
13
|
+
<i v-if="item.icon" :class="item.icon"></i>
|
|
14
|
+
{{ item.text }}
|
|
15
|
+
</el-button>
|
|
14
16
|
</div>
|
|
15
17
|
</template>
|
|
16
18
|
|
|
17
19
|
<script>
|
|
18
20
|
export default {
|
|
19
|
-
name:
|
|
21
|
+
name: 'baseButtonHandle',
|
|
20
22
|
data() {
|
|
21
|
-
return {}
|
|
23
|
+
return {}
|
|
22
24
|
},
|
|
23
25
|
computed: {
|
|
24
26
|
footerHandleClick() {
|
|
25
|
-
let _align = this.$props.align
|
|
27
|
+
let _align = this.$props.align
|
|
26
28
|
return {
|
|
27
|
-
|
|
28
|
-
}
|
|
29
|
+
'justify-content': _align == 'center' ? 'center' : `flex-${_align}`,
|
|
30
|
+
}
|
|
29
31
|
},
|
|
30
32
|
},
|
|
31
33
|
props: {
|
|
32
34
|
/* button按钮的大小 */
|
|
33
35
|
size: {
|
|
34
36
|
type: String,
|
|
35
|
-
default:
|
|
37
|
+
default: 'mini',
|
|
36
38
|
},
|
|
37
39
|
/* 按钮的方向 左，右，中间 */
|
|
38
40
|
align: {
|
|
39
41
|
type: String,
|
|
40
|
-
default:
|
|
42
|
+
default: 'end',
|
|
41
43
|
},
|
|
42
44
|
|
|
43
45
|
config: {
|
|
@@ -48,11 +50,11 @@ export default {
|
|
|
48
50
|
methods: {
|
|
49
51
|
handleClick(item) {
|
|
50
52
|
if (item.click) {
|
|
51
|
-
item.click()
|
|
53
|
+
item.click()
|
|
52
54
|
}
|
|
53
55
|
},
|
|
54
56
|
},
|
|
55
|
-
}
|
|
57
|
+
}
|
|
56
58
|
</script>
|
|
57
59
|
|
|
58
60
|
<style lang="less" scoped>
|
|
@@ -328,14 +328,14 @@ export default {
|
|
|
328
328
|
return this.$props.config.value;
|
|
329
329
|
}
|
|
330
330
|
|
|
331
|
-
case "time":
|
|
332
|
-
|
|
333
|
-
|
|
334
|
-
|
|
335
|
-
|
|
336
|
-
|
|
337
|
-
|
|
338
|
-
|
|
331
|
+
// case "time":
|
|
332
|
+
// if (this.module) {
|
|
333
|
+
// let config = this.$props.config;
|
|
334
|
+
// let format = config.format ? config.format : "YYYY-MM-DD";
|
|
335
|
+
// return FilterTime(this.module, format);
|
|
336
|
+
// } else {
|
|
337
|
+
// return "暂无时间";
|
|
338
|
+
// }
|
|
339
339
|
|
|
340
340
|
default:
|
|
341
341
|
return this.module;
|
package/src/App.vue
ADDED
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<div id="app">
|
|
3
|
+
<div style="height: 100vh">
|
|
4
|
+
<test />
|
|
5
|
+
|
|
6
|
+
<!-- <base-time-line
|
|
7
|
+
:hasTimeWeek="false"
|
|
8
|
+
:timeLineSource="items"
|
|
9
|
+
></base-time-line> -->
|
|
10
|
+
|
|
11
|
+
<!-- <base-popover-button
|
|
12
|
+
v-model="test"
|
|
13
|
+
iconClass="element"
|
|
14
|
+
buttonIcon="el-icon-delete-solid"
|
|
15
|
+
></base-popover-button>
|
|
16
|
+
|
|
17
|
+
<base-icon iconClass="element" name="el-icon-delete-solid" :event="true"> </base-icon> -->
|
|
18
|
+
</div>
|
|
19
|
+
</div>
|
|
20
|
+
</template>
|
|
21
|
+
|
|
22
|
+
<script>
|
|
23
|
+
import test from "./component/test.vue";
|
|
24
|
+
|
|
25
|
+
import BaseArea from "../packages/components/base/baseArea/baseArea.vue";
|
|
26
|
+
import BaseTimeLine from "../packages/components/base/baseTimeLine/baseTimeLine.vue";
|
|
27
|
+
export default {
|
|
28
|
+
components: { test, BaseArea, BaseTimeLine },
|
|
29
|
+
data() {
|
|
30
|
+
return {
|
|
31
|
+
test: [],
|
|
32
|
+
items: [
|
|
33
|
+
{ type: "", label: "标签一" },
|
|
34
|
+
{ type: "success", label: "标签二" },
|
|
35
|
+
{ type: "info", label: "标签三" },
|
|
36
|
+
{ type: "danger", label: "标签四" },
|
|
37
|
+
{ type: "warning", label: "标签五" },
|
|
38
|
+
],
|
|
39
|
+
value: [],
|
|
40
|
+
value2: [],
|
|
41
|
+
value3: [],
|
|
42
|
+
};
|
|
43
|
+
},
|
|
44
|
+
mounted() {},
|
|
45
|
+
methods: {},
|
|
46
|
+
};
|
|
47
|
+
</script>
|
|
48
|
+
|
|
49
|
+
<style lang="less" scoped>
|
|
50
|
+
.add-company-step-three-wrap {
|
|
51
|
+
width: 100%;
|
|
52
|
+
height: 100%;
|
|
53
|
+
overflow-y: auto;
|
|
54
|
+
.upload-wrap {
|
|
55
|
+
width: 100%;
|
|
56
|
+
height: 170px;
|
|
57
|
+
display: flex;
|
|
58
|
+
align-items: center;
|
|
59
|
+
justify-content: center;
|
|
60
|
+
/deep/ .base-upload-item-wrap {
|
|
61
|
+
margin: 0px;
|
|
62
|
+
}
|
|
63
|
+
}
|
|
64
|
+
}
|
|
65
|
+
</style>
|
|
Binary file
|