meixioacomponent 0.3.28 → 0.3.31
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 +2357 -8613
- package/lib/meixioacomponent.umd.js +2357 -8613
- package/lib/meixioacomponent.umd.min.js +23 -25
- package/package.json +41 -41
- package/packages/components/base/baseDialog/index.vue +40 -32
- package/packages/components/proForm/proForm/pro_form_item.vue +112 -106
- package/packages/components/proPageTable/oa_pro_table.vue +227 -195
- package/src/component/test.vue +66 -65
- package/src/test.js +13 -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.31",
|
|
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.7.0",
|
|
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.18",
|
|
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.7.8"
|
|
36
|
+
},
|
|
37
|
+
"browserslist": [
|
|
38
|
+
"> 1%",
|
|
39
|
+
"last 2 versions",
|
|
40
|
+
"not dead"
|
|
41
|
+
]
|
|
42
|
+
}
|
|
@@ -31,6 +31,7 @@
|
|
|
31
31
|
:size="`d`"
|
|
32
32
|
:color="`d`"
|
|
33
33
|
:event="true"
|
|
34
|
+
v-if="hasCloseIcon"
|
|
34
35
|
:name="`meixicomponenticon-close`"
|
|
35
36
|
@iconClick="iconClick"
|
|
36
37
|
></base-icon>
|
|
@@ -39,33 +40,36 @@
|
|
|
39
40
|
<div class="dialog-content-wrap" :style="dialogContentStyle">
|
|
40
41
|
<slot name="dialog-content"></slot>
|
|
41
42
|
</div>
|
|
42
|
-
<slot
|
|
43
|
-
|
|
43
|
+
<slot
|
|
44
|
+
class="dialog-footer-wrap"
|
|
45
|
+
slot="footer"
|
|
46
|
+
name="dialog-footer"
|
|
47
|
+
></slot>
|
|
44
48
|
</el-dialog>
|
|
45
49
|
</div>
|
|
46
50
|
</template>
|
|
47
51
|
|
|
48
52
|
<script>
|
|
49
|
-
import UseDrag from
|
|
53
|
+
import UseDrag from '../../../config/use/useDrag'
|
|
50
54
|
export default {
|
|
51
|
-
name:
|
|
55
|
+
name: 'baseDialog',
|
|
52
56
|
data() {
|
|
53
57
|
return {
|
|
54
58
|
isShow: true,
|
|
55
59
|
useDrag: null,
|
|
56
60
|
centerDialogVisible: false,
|
|
57
|
-
}
|
|
61
|
+
}
|
|
58
62
|
},
|
|
59
63
|
|
|
60
64
|
mounted() {
|
|
61
65
|
this.$nextTick(() => {
|
|
62
66
|
if (this.$props.onDrag) {
|
|
63
|
-
this.$refs.dragIcon.$el.addEventListener(
|
|
67
|
+
this.$refs.dragIcon.$el.addEventListener('mousedown', this.startDrag)
|
|
64
68
|
}
|
|
65
|
-
})
|
|
69
|
+
})
|
|
66
70
|
},
|
|
67
71
|
beforeDestroy() {
|
|
68
|
-
this.$emit(
|
|
72
|
+
this.$emit('destroy')
|
|
69
73
|
},
|
|
70
74
|
props: {
|
|
71
75
|
// 是否开启拖拽
|
|
@@ -76,7 +80,7 @@ export default {
|
|
|
76
80
|
// 标题栏文字
|
|
77
81
|
title: {
|
|
78
82
|
type: String,
|
|
79
|
-
default:
|
|
83
|
+
default: '对话框标题文字',
|
|
80
84
|
},
|
|
81
85
|
// 对话框的宽度
|
|
82
86
|
width: {
|
|
@@ -86,7 +90,7 @@ export default {
|
|
|
86
90
|
top: {
|
|
87
91
|
type: Number,
|
|
88
92
|
default: () => {
|
|
89
|
-
return document.documentElement.clientHeight * 0.15
|
|
93
|
+
return document.documentElement.clientHeight * 0.15
|
|
90
94
|
},
|
|
91
95
|
},
|
|
92
96
|
// 是否开启遮罩层
|
|
@@ -113,68 +117,72 @@ export default {
|
|
|
113
117
|
tpye: String,
|
|
114
118
|
default: `50vh`,
|
|
115
119
|
},
|
|
120
|
+
|
|
121
|
+
hasCloseIcon: {
|
|
122
|
+
type: Boolean,
|
|
123
|
+
default: true,
|
|
124
|
+
},
|
|
116
125
|
},
|
|
117
126
|
|
|
118
127
|
computed: {
|
|
119
128
|
dialogContentStyle() {
|
|
120
129
|
return {
|
|
121
130
|
height: this.$props.contentHeight,
|
|
122
|
-
}
|
|
131
|
+
}
|
|
123
132
|
},
|
|
124
133
|
},
|
|
125
134
|
methods: {
|
|
126
135
|
init() {
|
|
127
|
-
let target = this.$refs.dialog.$el.childNodes[0]
|
|
128
|
-
let left =
|
|
129
|
-
(document.documentElement.clientWidth - target.clientWidth) / 2;
|
|
136
|
+
let target = this.$refs.dialog.$el.childNodes[0]
|
|
137
|
+
let left = (document.documentElement.clientWidth - target.clientWidth) / 2
|
|
130
138
|
target.style.cssText += `top:${parseInt(
|
|
131
|
-
this.$props.top
|
|
132
|
-
)}px;left:${left}px;margin:0px !important
|
|
139
|
+
this.$props.top,
|
|
140
|
+
)}px;left:${left}px;margin:0px !important`
|
|
133
141
|
},
|
|
134
142
|
startDrag(e) {
|
|
135
143
|
if (!this.useDrag) {
|
|
136
|
-
let target = this.$refs.dialog.$el.children[0]
|
|
144
|
+
let target = this.$refs.dialog.$el.children[0]
|
|
137
145
|
this.useDrag = new UseDrag({
|
|
138
146
|
target: target,
|
|
139
147
|
handle: target.childNodes[0],
|
|
140
148
|
onDragEnd: () => {},
|
|
141
|
-
})
|
|
149
|
+
})
|
|
142
150
|
this.$nextTick(() => {
|
|
143
|
-
this.useDrag.startDrag(e)
|
|
144
|
-
})
|
|
151
|
+
this.useDrag.startDrag(e)
|
|
152
|
+
})
|
|
145
153
|
} else {
|
|
146
|
-
this.useDrag.startDrag(e)
|
|
154
|
+
this.useDrag.startDrag(e)
|
|
147
155
|
}
|
|
148
156
|
},
|
|
149
157
|
|
|
150
158
|
showDialog(cb) {
|
|
151
159
|
if (cb) {
|
|
152
|
-
cb(this.startShow)
|
|
160
|
+
cb(this.startShow)
|
|
153
161
|
} else {
|
|
154
|
-
this.startShow()
|
|
162
|
+
this.startShow()
|
|
155
163
|
}
|
|
156
164
|
},
|
|
157
165
|
startShow() {
|
|
158
|
-
this.centerDialogVisible = true
|
|
166
|
+
this.centerDialogVisible = true
|
|
159
167
|
this.$nextTick(() => {
|
|
160
|
-
this.init()
|
|
161
|
-
})
|
|
168
|
+
this.init()
|
|
169
|
+
})
|
|
162
170
|
},
|
|
163
171
|
closeDialog() {
|
|
164
172
|
if (this.$props.isDestroy) {
|
|
165
|
-
this.isShow = false
|
|
173
|
+
this.isShow = false
|
|
166
174
|
this.$nextTick(() => {
|
|
167
|
-
this.$destroy()
|
|
168
|
-
})
|
|
175
|
+
this.$destroy()
|
|
176
|
+
})
|
|
169
177
|
} else {
|
|
170
|
-
this.centerDialogVisible = false
|
|
178
|
+
this.centerDialogVisible = false
|
|
171
179
|
}
|
|
172
180
|
},
|
|
173
181
|
iconClick() {
|
|
174
|
-
this.closeDialog()
|
|
182
|
+
this.closeDialog()
|
|
175
183
|
},
|
|
176
184
|
},
|
|
177
|
-
}
|
|
185
|
+
}
|
|
178
186
|
</script>
|
|
179
187
|
|
|
180
188
|
<style lang="less" scoped>
|