eoss-mobiles 0.2.58 → 0.2.60
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/eoss-mobile.common.js +281 -214
- package/lib/field.js +11 -6
- package/lib/form.js +245 -190
- package/lib/index.js +1 -1
- package/lib/selector.js +14 -7
- package/package.json +1 -1
- package/packages/field/src/main.vue +3 -2
- package/packages/form/src/main.vue +31 -0
- package/packages/selector/src/selector-field.vue +38 -25
- package/src/index.js +1 -1
package/lib/selector.js
CHANGED
|
@@ -4000,8 +4000,8 @@ var selector_tree_component = Object(componentNormalizer["a" /* default */])(
|
|
|
4000
4000
|
)
|
|
4001
4001
|
|
|
4002
4002
|
/* harmony default export */ var selector_tree = (selector_tree_component.exports);
|
|
4003
|
-
// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/selector/src/selector-field.vue?vue&type=template&id=
|
|
4004
|
-
var
|
|
4003
|
+
// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/selector/src/selector-field.vue?vue&type=template&id=75a060f2&
|
|
4004
|
+
var selector_fieldvue_type_template_id_75a060f2_render = function () {
|
|
4005
4005
|
var _vm = this
|
|
4006
4006
|
var _h = _vm.$createElement
|
|
4007
4007
|
var _c = _vm._self._c || _h
|
|
@@ -4164,11 +4164,11 @@ var selector_fieldvue_type_template_id_e58694a8_render = function () {
|
|
|
4164
4164
|
1
|
|
4165
4165
|
)
|
|
4166
4166
|
}
|
|
4167
|
-
var
|
|
4168
|
-
|
|
4167
|
+
var selector_fieldvue_type_template_id_75a060f2_staticRenderFns = []
|
|
4168
|
+
selector_fieldvue_type_template_id_75a060f2_render._withStripped = true
|
|
4169
4169
|
|
|
4170
4170
|
|
|
4171
|
-
// CONCATENATED MODULE: ./packages/selector/src/selector-field.vue?vue&type=template&id=
|
|
4171
|
+
// CONCATENATED MODULE: ./packages/selector/src/selector-field.vue?vue&type=template&id=75a060f2&
|
|
4172
4172
|
|
|
4173
4173
|
// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/selector/src/selector-field.vue?vue&type=script&lang=js&
|
|
4174
4174
|
//
|
|
@@ -4239,6 +4239,12 @@ selector_fieldvue_type_template_id_e58694a8_render._withStripped = true
|
|
|
4239
4239
|
//
|
|
4240
4240
|
//
|
|
4241
4241
|
//
|
|
4242
|
+
//
|
|
4243
|
+
//
|
|
4244
|
+
//
|
|
4245
|
+
//
|
|
4246
|
+
//
|
|
4247
|
+
//
|
|
4242
4248
|
|
|
4243
4249
|
/* harmony default export */ var selector_fieldvue_type_script_lang_js_ = ({
|
|
4244
4250
|
name: 'selectorField',
|
|
@@ -4259,6 +4265,7 @@ selector_fieldvue_type_template_id_e58694a8_render._withStripped = true
|
|
|
4259
4265
|
type: Boolean,
|
|
4260
4266
|
default: false
|
|
4261
4267
|
},
|
|
4268
|
+
readonly: { type: Boolean, default: false },
|
|
4262
4269
|
selectDisabled: {
|
|
4263
4270
|
type: Boolean,
|
|
4264
4271
|
default: false
|
|
@@ -4421,8 +4428,8 @@ selector_fieldvue_type_template_id_e58694a8_render._withStripped = true
|
|
|
4421
4428
|
|
|
4422
4429
|
var selector_field_component = Object(componentNormalizer["a" /* default */])(
|
|
4423
4430
|
src_selector_fieldvue_type_script_lang_js_,
|
|
4424
|
-
|
|
4425
|
-
|
|
4431
|
+
selector_fieldvue_type_template_id_75a060f2_render,
|
|
4432
|
+
selector_fieldvue_type_template_id_75a060f2_staticRenderFns,
|
|
4426
4433
|
false,
|
|
4427
4434
|
null,
|
|
4428
4435
|
null,
|
package/package.json
CHANGED
|
@@ -14,13 +14,14 @@
|
|
|
14
14
|
'is-left-icon': leftIcon,
|
|
15
15
|
|
|
16
16
|
}"
|
|
17
|
+
:disabled="$attrs.disabled || $attrs.readonly "
|
|
17
18
|
v-model="modelValue"
|
|
18
19
|
:border='border'
|
|
19
20
|
autocomplete="new-password"
|
|
20
21
|
v-bind="$attrs"
|
|
21
22
|
:label-width="labelWidth"
|
|
22
23
|
:placeholder="
|
|
23
|
-
|
|
24
|
+
$attrs.disabled || $attrs.readonly ?'暂无数据' : newPlaceholder ? newPlaceholder : '请输入' + ($attrs.label || '')
|
|
24
25
|
"
|
|
25
26
|
v-on="$listeners"
|
|
26
27
|
:error-message="newErrorMessage"
|
|
@@ -181,7 +182,7 @@ export default {
|
|
|
181
182
|
this.newType = 'text';
|
|
182
183
|
}
|
|
183
184
|
}
|
|
184
|
-
this.$emit('click-right-icon', event);
|
|
185
|
+
// this.$emit('click-right-icon', event);
|
|
185
186
|
},
|
|
186
187
|
handleBlur(rules) {
|
|
187
188
|
const _that = this;
|
|
@@ -19,6 +19,7 @@
|
|
|
19
19
|
"
|
|
20
20
|
class="em-table-input"
|
|
21
21
|
v-bind="{ ...$attrs, ...item }"
|
|
22
|
+
v-on="{...item.events}"
|
|
22
23
|
:label-position="item.labelPosition || labelPosition"
|
|
23
24
|
:disabled="item.disabled || disabled"
|
|
24
25
|
:readonly="item.readonly || readonly"
|
|
@@ -27,9 +28,30 @@
|
|
|
27
28
|
:label="item.label.text || item.label"
|
|
28
29
|
@input="handleChange(item.name, model[item.name])"
|
|
29
30
|
/>
|
|
31
|
+
<!-- <em-input
|
|
32
|
+
v-if="
|
|
33
|
+
(item.type === 'text' ||
|
|
34
|
+
item.type === 'textarea' ||
|
|
35
|
+
item.type == 'number' ||
|
|
36
|
+
item.type == 'digit' ||
|
|
37
|
+
item.type == 'password' ||
|
|
38
|
+
item.type == 'tel') && item.events
|
|
39
|
+
"
|
|
40
|
+
class="em-table-input"
|
|
41
|
+
v-bind="{ ...$attrs, ...item }"
|
|
42
|
+
|
|
43
|
+
:label-position="item.labelPosition || labelPosition"
|
|
44
|
+
:disabled="item.disabled || disabled"
|
|
45
|
+
:readonly="item.readonly || readonly"
|
|
46
|
+
ref="input"
|
|
47
|
+
v-model="model[item.name]"
|
|
48
|
+
:label="item.label.text || item.label"
|
|
49
|
+
@input="handleChange(item.name, model[item.name])"
|
|
50
|
+
/> -->
|
|
30
51
|
<em-picker
|
|
31
52
|
v-if="item.type === 'select'"
|
|
32
53
|
v-bind="{ ...$attrs, ...item }"
|
|
54
|
+
v-on="{...item.events}"
|
|
33
55
|
ref="select"
|
|
34
56
|
:label-position="item.labelPosition || labelPosition"
|
|
35
57
|
:disabled="item.disabled || disabled"
|
|
@@ -56,6 +78,7 @@
|
|
|
56
78
|
"
|
|
57
79
|
ref="date"
|
|
58
80
|
v-bind="{ ...$attrs, ...item }"
|
|
81
|
+
v-on="{...item.events}"
|
|
59
82
|
v-model="model[item.name]"
|
|
60
83
|
:label-position="item.labelPosition || labelPosition"
|
|
61
84
|
:disabled="item.disabled || disabled"
|
|
@@ -76,6 +99,7 @@
|
|
|
76
99
|
<template slot="input">
|
|
77
100
|
<em-radio-group
|
|
78
101
|
v-bind="{ ...$attrs, ...item }"
|
|
102
|
+
v-on="{...item.events}"
|
|
79
103
|
v-model="model[item.name]"
|
|
80
104
|
:disabled="item.disabled || disabled || item.readonly || readonly"
|
|
81
105
|
:data="item.data"
|
|
@@ -96,6 +120,7 @@
|
|
|
96
120
|
<template slot="input">
|
|
97
121
|
<em-checkbox-group
|
|
98
122
|
v-bind="{ ...$attrs, ...item }"
|
|
123
|
+
v-on="{...item.events}"
|
|
99
124
|
v-model="model[item.name]"
|
|
100
125
|
:disabled="item.disabled || disabled || item.readonly || readonly"
|
|
101
126
|
@change="
|
|
@@ -116,6 +141,7 @@
|
|
|
116
141
|
<em-switch
|
|
117
142
|
v-bind="{ ...$attrs, ...item }"
|
|
118
143
|
v-model="model[item.name]"
|
|
144
|
+
v-on="{...item.events}"
|
|
119
145
|
:disabled="item.disabled || disabled || item.readonly || readonly"
|
|
120
146
|
@change="
|
|
121
147
|
value => {
|
|
@@ -130,6 +156,7 @@
|
|
|
130
156
|
ref="selector"
|
|
131
157
|
v-bind="{ ...$attrs, ...item }"
|
|
132
158
|
v-model="model[item.name]"
|
|
159
|
+
v-on="{...item.events}"
|
|
133
160
|
:label="item.label"
|
|
134
161
|
:label-position="item.labelPosition || labelPosition"
|
|
135
162
|
:disabled="item.disabled || disabled || item.readonly || readonly"
|
|
@@ -155,6 +182,7 @@
|
|
|
155
182
|
!readonly &&
|
|
156
183
|
item.form
|
|
157
184
|
"
|
|
185
|
+
v-on="{...item.events}"
|
|
158
186
|
@btn-click="handleBtnClick"
|
|
159
187
|
/>
|
|
160
188
|
<!-- @btn-click="handleBtnClick($event,item)"
|
|
@@ -252,6 +280,9 @@ export default {
|
|
|
252
280
|
// this.setBtnType()
|
|
253
281
|
},
|
|
254
282
|
methods: {
|
|
283
|
+
clickRightIcon(e){
|
|
284
|
+
console.log('点急急急急急急')
|
|
285
|
+
},
|
|
255
286
|
handleFailed(values) {
|
|
256
287
|
this.$refs.emFormTable.map(item => {
|
|
257
288
|
item.validate();
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<div class="selector-field">
|
|
3
3
|
<em-input
|
|
4
|
-
|
|
4
|
+
:class="{ 'hide-label': hideLabel }"
|
|
5
5
|
v-bind="$attrs"
|
|
6
6
|
readonly
|
|
7
7
|
clickable
|
|
@@ -40,11 +40,15 @@
|
|
|
40
40
|
<div class="select-list" v-if="newSelectList.length > 0">
|
|
41
41
|
<div v-for="(r, i) in newSelectList" :key="i" class="item">
|
|
42
42
|
{{
|
|
43
|
-
|
|
43
|
+
r[labelKey] && r[labelKey].length > 10
|
|
44
44
|
? r[labelKey].slice(0, 10) + '...'
|
|
45
45
|
: r[labelKey]
|
|
46
46
|
}}
|
|
47
|
-
<div
|
|
47
|
+
<div
|
|
48
|
+
v-show="!disabled"
|
|
49
|
+
class="delte"
|
|
50
|
+
@click.stop="delteList(i, r)"
|
|
51
|
+
>
|
|
48
52
|
<img
|
|
49
53
|
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAAAAXNSR0IArs4c6QAABXxJREFUWEfVWUtIHVcY/v7YjVGSaBpFTAQ3JooLpSg+qxSapF30kY2bVshakNgo1rcmPioxtQSyDqTdZJMmXbSaQtH6RClmEWJ0I8SEEK1PfGxqTvkOM8PM3JnrnauF+sMFvXPmzDff+c/3/+e7giMSckRw4kBAlVJ5AEoAvA/gOIDTxt98/78BrADYMf4eFZHpaImJCqhSqhBAPYDPAz74MYBeEZkIeF8wRpVS+QD6AJQGfZBr/AiAWhGZinSeiBhVSnFZmwwWYyKdfJ9xe2QXQJeIMD3Cxr5AlVJxAP4AQDZDYnd3FwsLC3j58iXevHmjP4yUlBT9SUtLQ3p6OmJjY/2AkNWPRGQ7HNKwQJVS8QCGAHxgn0Qphbdv3+LJkyeYnp7GixcvsLa25vmchIQEXLhwAXl5ebh48SKSk5MhEvLYvwCUi8iWH1hfoEopUkAmC+w3r6+vY3BwEA8ePMDr16+xt8cV3D9iYmKQmpqKiooKXLp0CadOnXLfNGkwu+s1mydQA+TvAIrtNy0uLqKvrw/j4+Mgq9EE2SwqKkJtbS3OnTvnnmIMwMciEgLWD2insXmsiV69eoX29nY8ffo0Gnwh9+Tk5Oj5zp49677GzdXs/jIEqCHi4wDeMwevrq6io6MDY2N84cOL4uJitLW1ITEx0T7pPwCK3MXBC+ifdp3c3NzEjRs3MDw8HPVy+24QEZSVlaG1tRUnTpywDxsRkQ/tXziAGhWHbOpgHnLT3L59+9BBms9gzl6/fl1vMpcakFWrgrmBPrKXRWpiVVWV1kh3xMXFaTaooZQnv83Fh1OeqKVcle3tULmk1t69e1frri0ei8gX1gvZ2GOD4Shp9+/f1xN4SRA18ebNm2D+dnd3Y2SEVTE0SktL0djYqPOwpaVFa687KF0kpLKy0n0p38xVi1GlVA2A782RW1tbqKur04LuFVlZWVqqkpKSsLS0hJ6eHoyOjlrMksmSkhI0NDRYYyhJz58/95yPBeHWrVuIj2eNseIbEennf3agDkl69uwZqqurwc3kFSYQsnXmzBksLy+jq6tLg2UQZFNTk3WNrNtfxD0nN9OdO3eQnZ1tv2RJlR0okV8zRw0MDKC5OUTOQjCbS0uwZJZgGQRJtvkC4VLDPmFnZycuX75s/+oHEeFKOxj9EcBX5qh79+7p/IwkCNZcYuYsgzlppoRf/rrnZp5evXrV/vVPIvK1G+ivAD4xR5GFhw8fRoJTj3GLdzRF4sqVK3rj2eI3Efn0yAI9Mkt/ZDaTQ55mZ2e1PPk1xIctT2ywKU+ZmZn7ypND8Hd2dlBfX4+JCe8D4/nz59Hf3x9I8GtqajA3N+e5QQsLC9Hb24vjx3k8s8JT8AOVUOodW78gJZQtHfXZHYFKKG9WSv0MwGoEwjUlLHX5+fn6ODI/Px+2KcnIyNDHkKmpKbA0u8OnKXkkIl+aY49mm2ew6miceZhj1+OXqxFXBJ+BzE12Ya7DXvjG2QDKXHUcRXioY5c/MzNzUFyO+3Nzc3V37zrkRXYUMcB2A2iwz8pc5K4ks9GeQK18EwGZpKowd13RIyKOOuooofbBhoVD44HsWrGysqLBDg0N4d27d1Gxe+zYMZSXl2uQp0/T/HMEm18aESEWTzgDglbOsNsl2djY0BJzEAOC0nby5Ek3SLolZX7WTiSWDo0Ih1tit3QmJye1iPMFvIKAWBwKCgrCWTp0SWg8BLd0zIf6uSbmdR7WeMCjQeFlktFg4MGOh0Gf8HVH7OP3dfOMzUUfignODXaYtmMPgG4vC8f9UhEBtbH7/zZy3W9nGBXfAvgs4Nb/BcB3/7k17gGYDPPHBupMuB8b+KMDf2yI2Ao/0NIHZO9QhwfK0UN9csDJ/gXzxuhJ8IbhCwAAAABJRU5ErkJggg=="
|
|
50
54
|
/>
|
|
@@ -55,7 +59,9 @@
|
|
|
55
59
|
<div v-else style="color:#c8c9cc">
|
|
56
60
|
{{
|
|
57
61
|
disabled
|
|
58
|
-
|
|
62
|
+
? $attrs.placeholder
|
|
63
|
+
? $attrs.placeholder
|
|
64
|
+
: ' 暂无数据'
|
|
59
65
|
: !$attrs.placeholder
|
|
60
66
|
? '请选择' + $attrs.label
|
|
61
67
|
: $attrs.placeholder
|
|
@@ -77,33 +83,34 @@ export default {
|
|
|
77
83
|
};
|
|
78
84
|
},
|
|
79
85
|
props: {
|
|
80
|
-
hideLabel:{
|
|
81
|
-
type:Boolean,
|
|
82
|
-
default:false
|
|
86
|
+
hideLabel: {
|
|
87
|
+
type: Boolean,
|
|
88
|
+
default: false
|
|
83
89
|
},
|
|
84
90
|
disabled: {
|
|
85
91
|
type: Boolean,
|
|
86
92
|
default: false
|
|
87
93
|
},
|
|
94
|
+
readonly: { type: Boolean, default: false },
|
|
88
95
|
selectDisabled: {
|
|
89
96
|
type: Boolean,
|
|
90
97
|
default: false
|
|
91
98
|
},
|
|
92
99
|
data: {
|
|
93
|
-
type: [Array,String],
|
|
100
|
+
type: [Array, String],
|
|
94
101
|
default: () => []
|
|
95
102
|
},
|
|
96
103
|
nextUserList: {
|
|
97
104
|
type: Array,
|
|
98
105
|
default: () => []
|
|
99
106
|
},
|
|
100
|
-
labelKey:{
|
|
107
|
+
labelKey: {
|
|
101
108
|
type: String,
|
|
102
|
-
default:'showname'
|
|
109
|
+
default: 'showname'
|
|
103
110
|
},
|
|
104
|
-
valueKey:{
|
|
111
|
+
valueKey: {
|
|
105
112
|
type: String,
|
|
106
|
-
default:'showid'
|
|
113
|
+
default: 'showid'
|
|
107
114
|
},
|
|
108
115
|
multiple: { type: Boolean, default: true }
|
|
109
116
|
},
|
|
@@ -111,10 +118,12 @@ export default {
|
|
|
111
118
|
watch: {
|
|
112
119
|
nextUserList: {
|
|
113
120
|
handler(val) {
|
|
114
|
-
const _that = this
|
|
121
|
+
const _that = this;
|
|
115
122
|
val.map(item => {
|
|
116
|
-
!item[_that.valueKey] &&
|
|
117
|
-
|
|
123
|
+
!item[_that.valueKey] &&
|
|
124
|
+
(item[_that.valueKey] = item.userId || item.userid);
|
|
125
|
+
!item[_that.labelKey] &&
|
|
126
|
+
(item[_that.labelKey] = item.username || item.userName);
|
|
118
127
|
item.name = item.username || item[_that.labelKey];
|
|
119
128
|
item.value = item.userId || item[_that.valueKey];
|
|
120
129
|
});
|
|
@@ -125,7 +134,7 @@ export default {
|
|
|
125
134
|
},
|
|
126
135
|
data: {
|
|
127
136
|
handler(val) {
|
|
128
|
-
|
|
137
|
+
if (typeof val == 'string') return;
|
|
129
138
|
this.getDefault();
|
|
130
139
|
},
|
|
131
140
|
deep: true,
|
|
@@ -136,11 +145,13 @@ export default {
|
|
|
136
145
|
handleClick() {},
|
|
137
146
|
getDefault() {
|
|
138
147
|
let selectArr = [];
|
|
139
|
-
const _that = this
|
|
148
|
+
const _that = this;
|
|
140
149
|
if (this.multiple) {
|
|
141
150
|
this.data.map(item => {
|
|
142
|
-
!item[_that.valueKey] &&
|
|
143
|
-
|
|
151
|
+
!item[_that.valueKey] &&
|
|
152
|
+
(item[_that.valueKey] = item.userId || item.userid);
|
|
153
|
+
!item[_that.labelKey] &&
|
|
154
|
+
(item[_that.labelKey] = item.username || item.userName);
|
|
144
155
|
});
|
|
145
156
|
selectArr = this.newNextUserList.filter(
|
|
146
157
|
x => x.checked && this.multiple
|
|
@@ -153,8 +164,10 @@ export default {
|
|
|
153
164
|
} else {
|
|
154
165
|
this.selectValue = '';
|
|
155
166
|
this.data.map(item => {
|
|
156
|
-
!item[_that.valueKey] &&
|
|
157
|
-
|
|
167
|
+
!item[_that.valueKey] &&
|
|
168
|
+
(item[_that.valueKey] = item.userId || item.userid);
|
|
169
|
+
!item[_that.labelKey] &&
|
|
170
|
+
(item[_that.labelKey] = item.username || item.userName);
|
|
158
171
|
this.selectValue = item[_that.valueKey] || item.userId;
|
|
159
172
|
});
|
|
160
173
|
|
|
@@ -189,8 +202,8 @@ export default {
|
|
|
189
202
|
if (data.length > 0) this.newSelectList = data;
|
|
190
203
|
}
|
|
191
204
|
|
|
192
|
-
this.$parent.$emit('change', {list:_this.newSelectList});
|
|
193
|
-
this.$emit('change',
|
|
205
|
+
this.$parent.$emit('change', { list: _this.newSelectList });
|
|
206
|
+
this.$emit('change', { list: _this.newSelectList });
|
|
194
207
|
},
|
|
195
208
|
/**
|
|
196
209
|
* clickTree
|
|
@@ -213,7 +226,7 @@ export default {
|
|
|
213
226
|
*/
|
|
214
227
|
delteList(val, res) {
|
|
215
228
|
if (this.disabled) return;
|
|
216
|
-
const _that = this
|
|
229
|
+
const _that = this;
|
|
217
230
|
this.newSelectList.splice(val, 1);
|
|
218
231
|
this.$set(res, 'checked', false);
|
|
219
232
|
this.newNextUserList.map(x => {
|
|
@@ -222,7 +235,7 @@ export default {
|
|
|
222
235
|
}
|
|
223
236
|
});
|
|
224
237
|
!this.multiple && (this.selectValue = '');
|
|
225
|
-
let info = {list:this.newSelectList}
|
|
238
|
+
let info = { list: this.newSelectList };
|
|
226
239
|
this.$parent.$emit('change', info);
|
|
227
240
|
this.$emit('change', info);
|
|
228
241
|
}
|