meixioacomponent 0.3.59 → 0.3.62
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 +103 -98
- package/lib/meixioacomponent.umd.js +103 -98
- package/lib/meixioacomponent.umd.min.js +7 -7
- package/lib/style/element/index.css +18 -40
- package/package.json +1 -1
- package/packages/components/base/baseToggle/toggle.vue +16 -15
- package/packages/components/index.js +3 -1
- package/packages/components/proPageTable/oa_pro_table.vue +0 -30
- package/packages/components/style/element/index.css +18 -40
- package/src/component/test.vue +4 -2
|
@@ -3613,15 +3613,7 @@
|
|
|
3613
3613
|
border-color: #004ac3;
|
|
3614
3614
|
}
|
|
3615
3615
|
|
|
3616
|
-
|
|
3617
|
-
.el-button.is-disabled:focus,
|
|
3618
|
-
.el-button.is-disabled:hover {
|
|
3619
|
-
color: #8f959e;
|
|
3620
|
-
cursor: not-allowed;
|
|
3621
|
-
background-image: none;
|
|
3622
|
-
background-color: var(--bg-white);
|
|
3623
|
-
border-color: #dee0e3;
|
|
3624
|
-
}
|
|
3616
|
+
|
|
3625
3617
|
|
|
3626
3618
|
.el-button.is-disabled.el-button--text {
|
|
3627
3619
|
background-color: transparent;
|
|
@@ -7833,15 +7825,7 @@
|
|
|
7833
7825
|
border-color: #004ac3;
|
|
7834
7826
|
}
|
|
7835
7827
|
|
|
7836
|
-
|
|
7837
|
-
.el-button.is-disabled:focus,
|
|
7838
|
-
.el-button.is-disabled:hover {
|
|
7839
|
-
color: #8f959e;
|
|
7840
|
-
cursor: not-allowed;
|
|
7841
|
-
background-image: none;
|
|
7842
|
-
background-color: var(--bg-white);
|
|
7843
|
-
border-color: #dee0e3;
|
|
7844
|
-
}
|
|
7828
|
+
|
|
7845
7829
|
|
|
7846
7830
|
.el-button.is-disabled.el-button--text {
|
|
7847
7831
|
background-color: transparent;
|
|
@@ -9193,6 +9177,8 @@
|
|
|
9193
9177
|
border-right-width: 0;
|
|
9194
9178
|
border-bottom-width: 0;
|
|
9195
9179
|
padding: 0;
|
|
9180
|
+
border-right: 1px solid var(--color-table-border) !important;
|
|
9181
|
+
border-bottom: 1px solid var(--color-table-border) !important;
|
|
9196
9182
|
}
|
|
9197
9183
|
|
|
9198
9184
|
.el-table .el-table__cell.is-hidden>* {
|
|
@@ -9347,8 +9333,9 @@
|
|
|
9347
9333
|
.el-table--border th.el-table__cell.gutter:last-of-type {
|
|
9348
9334
|
border-right: 1px solid var(--color-table-border);
|
|
9349
9335
|
border-bottom: 1px solid var(--color-table-border);
|
|
9350
|
-
|
|
9351
9336
|
border-bottom-width: 1px;
|
|
9337
|
+
border-right: var(--color-table-border) !important;
|
|
9338
|
+
border-bottom: 1px solid var(--color-table-border) !important;
|
|
9352
9339
|
|
|
9353
9340
|
}
|
|
9354
9341
|
|
|
@@ -9369,6 +9356,7 @@
|
|
|
9369
9356
|
overflow-y: hidden;
|
|
9370
9357
|
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.12);
|
|
9371
9358
|
box-shadow: 0 0 10px rgba(0, 0, 0, 0.12);
|
|
9359
|
+
|
|
9372
9360
|
}
|
|
9373
9361
|
|
|
9374
9362
|
.el-table__fixed-right::before,
|
|
@@ -9381,6 +9369,11 @@
|
|
|
9381
9369
|
height: 1px;
|
|
9382
9370
|
background-color: #dee0e3;
|
|
9383
9371
|
z-index: 4;
|
|
9372
|
+
|
|
9373
|
+
/* */
|
|
9374
|
+
border-color: var(--color-table-border) !important;
|
|
9375
|
+
background: transparent !important;
|
|
9376
|
+
border-bottom: 0px solid var(--color-table-border) !important;
|
|
9384
9377
|
}
|
|
9385
9378
|
|
|
9386
9379
|
.el-table__fixed-right-patch {
|
|
@@ -9389,6 +9382,7 @@
|
|
|
9389
9382
|
right: 0;
|
|
9390
9383
|
background-color: var(--bg-white);
|
|
9391
9384
|
border-right: 1px solid var(--color-table-border);
|
|
9385
|
+
border-bottom: 1px solid var(--color-table-border) !important ;
|
|
9392
9386
|
}
|
|
9393
9387
|
|
|
9394
9388
|
.el-table__fixed-right {
|
|
@@ -9556,7 +9550,7 @@
|
|
|
9556
9550
|
.el-table__body tr.hover-row.el-table__row--striped.current-row>td.el-table__cell,
|
|
9557
9551
|
.el-table__body tr.hover-row.el-table__row--striped>td.el-table__cell,
|
|
9558
9552
|
.el-table__body tr.hover-row>td.el-table__cell {
|
|
9559
|
-
background-color: var(--hover-
|
|
9553
|
+
background-color: var(--hover-light-primary);
|
|
9560
9554
|
}
|
|
9561
9555
|
|
|
9562
9556
|
.el-table__body tr.current-row>td.el-table__cell {
|
|
@@ -14488,7 +14482,7 @@
|
|
|
14488
14482
|
color: #8f959e;
|
|
14489
14483
|
cursor: not-allowed;
|
|
14490
14484
|
background-image: none;
|
|
14491
|
-
background-color:
|
|
14485
|
+
background-color: transparent;
|
|
14492
14486
|
border-color: #dee0e3;
|
|
14493
14487
|
}
|
|
14494
14488
|
|
|
@@ -14499,7 +14493,7 @@
|
|
|
14499
14493
|
.el-button.is-disabled.is-plain,
|
|
14500
14494
|
.el-button.is-disabled.is-plain:focus,
|
|
14501
14495
|
.el-button.is-disabled.is-plain:hover {
|
|
14502
|
-
background-color:
|
|
14496
|
+
background-color: transparent;
|
|
14503
14497
|
border-color: #dee0e3;
|
|
14504
14498
|
color: #8f959e;
|
|
14505
14499
|
}
|
|
@@ -26518,15 +26512,7 @@
|
|
|
26518
26512
|
border-color: #004ac3;
|
|
26519
26513
|
}
|
|
26520
26514
|
|
|
26521
|
-
|
|
26522
|
-
.el-button.is-disabled:focus,
|
|
26523
|
-
.el-button.is-disabled:hover {
|
|
26524
|
-
color: #8f959e;
|
|
26525
|
-
cursor: not-allowed;
|
|
26526
|
-
background-image: none;
|
|
26527
|
-
background-color: var(--bg-white);
|
|
26528
|
-
border-color: #dee0e3;
|
|
26529
|
-
}
|
|
26515
|
+
|
|
26530
26516
|
|
|
26531
26517
|
.el-button.is-disabled.el-button--text {
|
|
26532
26518
|
background-color: transparent;
|
|
@@ -28310,15 +28296,7 @@
|
|
|
28310
28296
|
border-color: #1f5b6c;
|
|
28311
28297
|
}
|
|
28312
28298
|
|
|
28313
|
-
|
|
28314
|
-
.el-button.is-disabled:focus,
|
|
28315
|
-
.el-button.is-disabled:hover {
|
|
28316
|
-
color: #8f959e;
|
|
28317
|
-
cursor: not-allowed;
|
|
28318
|
-
background-image: none;
|
|
28319
|
-
background-color: var(--bg-white);
|
|
28320
|
-
border-color: #dee0e3;
|
|
28321
|
-
}
|
|
28299
|
+
|
|
28322
28300
|
|
|
28323
28301
|
.el-button.is-disabled.el-button--text {
|
|
28324
28302
|
background-color: transparent;
|
package/package.json
CHANGED
|
@@ -17,16 +17,16 @@
|
|
|
17
17
|
:name="item.icon"
|
|
18
18
|
@iconClick="handletoggle(item)"
|
|
19
19
|
></base-icon>
|
|
20
|
-
<span v-else>
|
|
20
|
+
<span v-else>{{ item.label }}</span>
|
|
21
21
|
</div>
|
|
22
22
|
</div>
|
|
23
23
|
</template>
|
|
24
24
|
|
|
25
25
|
<script>
|
|
26
26
|
export default {
|
|
27
|
-
name:
|
|
27
|
+
name: 'baseToggle',
|
|
28
28
|
data() {
|
|
29
|
-
return {}
|
|
29
|
+
return {}
|
|
30
30
|
},
|
|
31
31
|
props: {
|
|
32
32
|
value: {
|
|
@@ -38,7 +38,7 @@ export default {
|
|
|
38
38
|
},
|
|
39
39
|
size: {
|
|
40
40
|
type: String,
|
|
41
|
-
default:
|
|
41
|
+
default: 'min',
|
|
42
42
|
},
|
|
43
43
|
beforeHandle: {
|
|
44
44
|
type: Function,
|
|
@@ -47,31 +47,31 @@ export default {
|
|
|
47
47
|
computed: {
|
|
48
48
|
module: {
|
|
49
49
|
set(val) {
|
|
50
|
-
this.$emit(
|
|
50
|
+
this.$emit('input', val)
|
|
51
51
|
},
|
|
52
52
|
get() {
|
|
53
|
-
return this.$props.value
|
|
53
|
+
return this.$props.value
|
|
54
54
|
},
|
|
55
55
|
},
|
|
56
56
|
},
|
|
57
57
|
methods: {
|
|
58
58
|
handletoggle(item) {
|
|
59
|
-
const { beforeHandle } = this.$props
|
|
59
|
+
const { beforeHandle } = this.$props
|
|
60
60
|
if (beforeHandle) {
|
|
61
61
|
beforeHandle(() => {
|
|
62
|
-
this.setModule(item)
|
|
63
|
-
}, item)
|
|
62
|
+
this.setModule(item)
|
|
63
|
+
}, item)
|
|
64
64
|
} else {
|
|
65
|
-
this.setModule(item)
|
|
65
|
+
this.setModule(item)
|
|
66
66
|
}
|
|
67
67
|
},
|
|
68
68
|
|
|
69
69
|
setModule(item) {
|
|
70
|
-
this.module = item.value
|
|
71
|
-
this.$emit(
|
|
70
|
+
this.module = item.value
|
|
71
|
+
this.$emit('handletoggle', item)
|
|
72
72
|
},
|
|
73
73
|
},
|
|
74
|
-
}
|
|
74
|
+
}
|
|
75
75
|
</script>
|
|
76
76
|
|
|
77
77
|
<style lang="less" scoped>
|
|
@@ -108,9 +108,10 @@ export default {
|
|
|
108
108
|
}
|
|
109
109
|
}
|
|
110
110
|
.min {
|
|
111
|
+
padding: var(--padding-1) !important;
|
|
111
112
|
.toggle-item-wrap {
|
|
112
|
-
line-height:
|
|
113
|
-
padding: 0px var(--padding-
|
|
113
|
+
line-height: 22px;
|
|
114
|
+
padding: 0px var(--padding-2);
|
|
114
115
|
}
|
|
115
116
|
}
|
|
116
117
|
|
|
@@ -46,6 +46,7 @@ import useImg from '../config/use/UseImg'
|
|
|
46
46
|
import UseDrag from '../config/use/useDrag'
|
|
47
47
|
import useUpload from '../config/use/UseUpload'
|
|
48
48
|
import useFixedHeader from '../config/use/useFixedHeader'
|
|
49
|
+
import useCropper from '../config/use/useCropper'
|
|
49
50
|
|
|
50
51
|
const meixicomponents = [
|
|
51
52
|
baseAnchor,
|
|
@@ -91,7 +92,7 @@ const install = (Vue) => {
|
|
|
91
92
|
Vue.component(component.name, component)
|
|
92
93
|
})
|
|
93
94
|
Vue.use(DynamicMount)
|
|
94
|
-
Vue.use(VueCropper)
|
|
95
|
+
Vue.use(VueCropper)
|
|
95
96
|
}
|
|
96
97
|
|
|
97
98
|
if (typeof window !== 'undefined' && window.Vue) {
|
|
@@ -144,5 +145,6 @@ export default {
|
|
|
144
145
|
UseDrag,
|
|
145
146
|
useUpload,
|
|
146
147
|
useFixedHeader,
|
|
148
|
+
useCropper,
|
|
147
149
|
DynamicMountClass,
|
|
148
150
|
}
|
|
@@ -978,36 +978,6 @@ export default {
|
|
|
978
978
|
box-sizing: border-box;
|
|
979
979
|
padding-top: var(--padding-5);
|
|
980
980
|
}
|
|
981
|
-
|
|
982
|
-
/deep/ .el-table__fixed,
|
|
983
|
-
/deep/ .el-table__fixed-right {
|
|
984
|
-
&::before {
|
|
985
|
-
border-color: var(--color-table-border) !important;
|
|
986
|
-
background: var(--color-table-border) !important;
|
|
987
|
-
border-bottom: 0px solid var(--color-table-border) !important ;
|
|
988
|
-
}
|
|
989
|
-
}
|
|
990
|
-
/deep/ .el-table__fixed {
|
|
991
|
-
border-right: 1px solid var(--color-table-border) !important ;
|
|
992
|
-
}
|
|
993
|
-
|
|
994
|
-
/deep/ .el-table__fixed-right {
|
|
995
|
-
border-left: 1px solid var(--color-table-border) !important ;
|
|
996
|
-
}
|
|
997
|
-
|
|
998
|
-
/deep/.el-table__fixed-right-patch {
|
|
999
|
-
border-bottom: 1px solid var(--color-table-border) !important ;
|
|
1000
|
-
}
|
|
1001
|
-
/deep/ .el-table__cell {
|
|
1002
|
-
.gutter {
|
|
1003
|
-
border-right: 1px solid var(--color-table-border) !important;
|
|
1004
|
-
border-bottom: 1px solid var(--color-table-border) !important;
|
|
1005
|
-
&:last-of-type {
|
|
1006
|
-
border-right: var(--color-table-border) !important;
|
|
1007
|
-
border-bottom: 1px solid var(--color-table-border) !important;
|
|
1008
|
-
}
|
|
1009
|
-
}
|
|
1010
|
-
}
|
|
1011
981
|
}
|
|
1012
982
|
.no-auth {
|
|
1013
983
|
display: flex;
|
|
@@ -3613,15 +3613,7 @@
|
|
|
3613
3613
|
border-color: #004ac3;
|
|
3614
3614
|
}
|
|
3615
3615
|
|
|
3616
|
-
|
|
3617
|
-
.el-button.is-disabled:focus,
|
|
3618
|
-
.el-button.is-disabled:hover {
|
|
3619
|
-
color: #8f959e;
|
|
3620
|
-
cursor: not-allowed;
|
|
3621
|
-
background-image: none;
|
|
3622
|
-
background-color: var(--bg-white);
|
|
3623
|
-
border-color: #dee0e3;
|
|
3624
|
-
}
|
|
3616
|
+
|
|
3625
3617
|
|
|
3626
3618
|
.el-button.is-disabled.el-button--text {
|
|
3627
3619
|
background-color: transparent;
|
|
@@ -7833,15 +7825,7 @@
|
|
|
7833
7825
|
border-color: #004ac3;
|
|
7834
7826
|
}
|
|
7835
7827
|
|
|
7836
|
-
|
|
7837
|
-
.el-button.is-disabled:focus,
|
|
7838
|
-
.el-button.is-disabled:hover {
|
|
7839
|
-
color: #8f959e;
|
|
7840
|
-
cursor: not-allowed;
|
|
7841
|
-
background-image: none;
|
|
7842
|
-
background-color: var(--bg-white);
|
|
7843
|
-
border-color: #dee0e3;
|
|
7844
|
-
}
|
|
7828
|
+
|
|
7845
7829
|
|
|
7846
7830
|
.el-button.is-disabled.el-button--text {
|
|
7847
7831
|
background-color: transparent;
|
|
@@ -9193,6 +9177,8 @@
|
|
|
9193
9177
|
border-right-width: 0;
|
|
9194
9178
|
border-bottom-width: 0;
|
|
9195
9179
|
padding: 0;
|
|
9180
|
+
border-right: 1px solid var(--color-table-border) !important;
|
|
9181
|
+
border-bottom: 1px solid var(--color-table-border) !important;
|
|
9196
9182
|
}
|
|
9197
9183
|
|
|
9198
9184
|
.el-table .el-table__cell.is-hidden>* {
|
|
@@ -9347,8 +9333,9 @@
|
|
|
9347
9333
|
.el-table--border th.el-table__cell.gutter:last-of-type {
|
|
9348
9334
|
border-right: 1px solid var(--color-table-border);
|
|
9349
9335
|
border-bottom: 1px solid var(--color-table-border);
|
|
9350
|
-
|
|
9351
9336
|
border-bottom-width: 1px;
|
|
9337
|
+
border-right: var(--color-table-border) !important;
|
|
9338
|
+
border-bottom: 1px solid var(--color-table-border) !important;
|
|
9352
9339
|
|
|
9353
9340
|
}
|
|
9354
9341
|
|
|
@@ -9369,6 +9356,7 @@
|
|
|
9369
9356
|
overflow-y: hidden;
|
|
9370
9357
|
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.12);
|
|
9371
9358
|
box-shadow: 0 0 10px rgba(0, 0, 0, 0.12);
|
|
9359
|
+
|
|
9372
9360
|
}
|
|
9373
9361
|
|
|
9374
9362
|
.el-table__fixed-right::before,
|
|
@@ -9381,6 +9369,11 @@
|
|
|
9381
9369
|
height: 1px;
|
|
9382
9370
|
background-color: #dee0e3;
|
|
9383
9371
|
z-index: 4;
|
|
9372
|
+
|
|
9373
|
+
/* */
|
|
9374
|
+
border-color: var(--color-table-border) !important;
|
|
9375
|
+
background: transparent !important;
|
|
9376
|
+
border-bottom: 0px solid var(--color-table-border) !important;
|
|
9384
9377
|
}
|
|
9385
9378
|
|
|
9386
9379
|
.el-table__fixed-right-patch {
|
|
@@ -9389,6 +9382,7 @@
|
|
|
9389
9382
|
right: 0;
|
|
9390
9383
|
background-color: var(--bg-white);
|
|
9391
9384
|
border-right: 1px solid var(--color-table-border);
|
|
9385
|
+
border-bottom: 1px solid var(--color-table-border) !important ;
|
|
9392
9386
|
}
|
|
9393
9387
|
|
|
9394
9388
|
.el-table__fixed-right {
|
|
@@ -9556,7 +9550,7 @@
|
|
|
9556
9550
|
.el-table__body tr.hover-row.el-table__row--striped.current-row>td.el-table__cell,
|
|
9557
9551
|
.el-table__body tr.hover-row.el-table__row--striped>td.el-table__cell,
|
|
9558
9552
|
.el-table__body tr.hover-row>td.el-table__cell {
|
|
9559
|
-
background-color: var(--hover-
|
|
9553
|
+
background-color: var(--hover-light-primary);
|
|
9560
9554
|
}
|
|
9561
9555
|
|
|
9562
9556
|
.el-table__body tr.current-row>td.el-table__cell {
|
|
@@ -14488,7 +14482,7 @@
|
|
|
14488
14482
|
color: #8f959e;
|
|
14489
14483
|
cursor: not-allowed;
|
|
14490
14484
|
background-image: none;
|
|
14491
|
-
background-color:
|
|
14485
|
+
background-color: transparent;
|
|
14492
14486
|
border-color: #dee0e3;
|
|
14493
14487
|
}
|
|
14494
14488
|
|
|
@@ -14499,7 +14493,7 @@
|
|
|
14499
14493
|
.el-button.is-disabled.is-plain,
|
|
14500
14494
|
.el-button.is-disabled.is-plain:focus,
|
|
14501
14495
|
.el-button.is-disabled.is-plain:hover {
|
|
14502
|
-
background-color:
|
|
14496
|
+
background-color: transparent;
|
|
14503
14497
|
border-color: #dee0e3;
|
|
14504
14498
|
color: #8f959e;
|
|
14505
14499
|
}
|
|
@@ -26518,15 +26512,7 @@
|
|
|
26518
26512
|
border-color: #004ac3;
|
|
26519
26513
|
}
|
|
26520
26514
|
|
|
26521
|
-
|
|
26522
|
-
.el-button.is-disabled:focus,
|
|
26523
|
-
.el-button.is-disabled:hover {
|
|
26524
|
-
color: #8f959e;
|
|
26525
|
-
cursor: not-allowed;
|
|
26526
|
-
background-image: none;
|
|
26527
|
-
background-color: var(--bg-white);
|
|
26528
|
-
border-color: #dee0e3;
|
|
26529
|
-
}
|
|
26515
|
+
|
|
26530
26516
|
|
|
26531
26517
|
.el-button.is-disabled.el-button--text {
|
|
26532
26518
|
background-color: transparent;
|
|
@@ -28310,15 +28296,7 @@
|
|
|
28310
28296
|
border-color: #1f5b6c;
|
|
28311
28297
|
}
|
|
28312
28298
|
|
|
28313
|
-
|
|
28314
|
-
.el-button.is-disabled:focus,
|
|
28315
|
-
.el-button.is-disabled:hover {
|
|
28316
|
-
color: #8f959e;
|
|
28317
|
-
cursor: not-allowed;
|
|
28318
|
-
background-image: none;
|
|
28319
|
-
background-color: var(--bg-white);
|
|
28320
|
-
border-color: #dee0e3;
|
|
28321
|
-
}
|
|
28299
|
+
|
|
28322
28300
|
|
|
28323
28301
|
.el-button.is-disabled.el-button--text {
|
|
28324
28302
|
background-color: transparent;
|
package/src/component/test.vue
CHANGED
|
@@ -360,7 +360,9 @@ export default {
|
|
|
360
360
|
</template>
|
|
361
361
|
|
|
362
362
|
<!-- 自定义模板列 -->
|
|
363
|
-
<template v-slot:
|
|
363
|
+
<template v-slot:gmtCreate="data">
|
|
364
|
+
<el-button type="text" :disabled="false">222</el-button>
|
|
365
|
+
</template>
|
|
364
366
|
<template v-slot:address="data">template-{{ data.scope }}</template>
|
|
365
367
|
</base-pro-table>
|
|
366
368
|
</div>
|
|
@@ -506,7 +508,7 @@ export default {
|
|
|
506
508
|
lock: 'right',
|
|
507
509
|
// lock: false,
|
|
508
510
|
width: 280,
|
|
509
|
-
template:
|
|
511
|
+
template: true,
|
|
510
512
|
},
|
|
511
513
|
]
|
|
512
514
|
},
|