eoss-mobiles 0.4.2 → 0.4.3

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.
Files changed (6) hide show
  1. package/lib/eoss-mobile.common.js +966 -883
  2. package/lib/form.js +957 -874
  3. package/lib/index.js +1 -1
  4. package/package.json +1 -1
  5. package/packages/form/src/main.vue +369 -351
  6. package/src/index.js +1 -1
package/packages/form/src/main.vue CHANGED
@@ -18,35 +18,36 @@
18
18
  : ''
19
19
  "
20
20
  >
21
- <em-tabs
22
- v-model="item.active"
23
- v-bind="{ ...item, type: item.tabType || 'line' }"
24
- v-on="{ ...item.events }"
25
- v-if="item.type === 'tab'"
26
- >
27
- <em-tab v-bind="{ ...z }" v-for="(z, i) in item.contents" :key="i">
28
- <div style="height: 100%" v-for="(x, j) in z.contents" :key="j">
29
- <em-input
30
- v-if="
31
- x.type === 'text' ||
32
- x.type === 'textarea' ||
33
- x.type == 'number' ||
34
- x.type == 'digit' ||
35
- x.type == 'password' ||
36
- x.type == 'tel'
37
- "
38
- class="em-table-input"
39
- v-bind="{ ...$attrs, ...x }"
40
- v-on="{ ...x.events }"
41
- :label-position="x.labelPosition || labelPosition"
42
- :disabled="x.disabled || disabled"
43
- :readonly="x.readonly || readonly"
44
- ref="input"
45
- v-model="model[x.name]"
46
- :label="x.label.text || x.label"
47
- @input="handleChange(x.name, model[x.name])"
48
- />
49
- <!-- <em-input
21
+ <template v-if="!item.hide">
22
+ <em-tabs
23
+ v-model="item.active"
24
+ v-bind="{ ...item, type: item.tabType || 'line' }"
25
+ v-on="{ ...item.events }"
26
+ v-if="item.type === 'tab'"
27
+ >
28
+ <em-tab v-bind="{ ...z }" v-for="(z, i) in item.contents" :key="i">
29
+ <div style="height: 100%" v-for="(x, j) in z.contents" :key="j">
30
+ <em-input
31
+ v-if="
32
+ x.type === 'text' ||
33
+ x.type === 'textarea' ||
34
+ x.type == 'number' ||
35
+ x.type == 'digit' ||
36
+ x.type == 'password' ||
37
+ x.type == 'tel'
38
+ "
39
+ class="em-table-input"
40
+ v-bind="{ ...$attrs, ...x }"
41
+ v-on="{ ...x.events }"
42
+ :label-position="x.labelPosition || labelPosition"
43
+ :disabled="x.disabled || disabled"
44
+ :readonly="x.readonly || readonly"
45
+ ref="input"
46
+ v-model="model[x.name]"
47
+ :label="x.label.text || x.label"
48
+ @input="handleChange(x.name, model[x.name])"
49
+ />
50
+ <!-- <em-input
50
51
  v-if="
51
52
  (item.type === 'text' ||
52
53
  item.type === 'textarea' ||
@@ -66,175 +67,185 @@
66
67
  :label="item.label.text || item.label"
67
68
  @input="handleChange(item.name, model[item.name])"
68
69
  /> -->
69
- <em-picker
70
- v-if="x.type === 'select'"
71
- v-bind="{ ...$attrs, ...x }"
72
- v-on="{ ...x.events }"
73
- ref="select"
74
- :label-position="x.labelPosition || labelPosition"
75
- :disabled="x.disabled || disabled"
76
- :readonly="x.readonly || readonly"
77
- v-model="model[x.name]"
78
- :columns="x.data || []"
79
- @confirm="
80
- (value) => {
81
- handleChange(item.name, value);
82
- }
83
- "
84
- />
85
- <em-date
86
- v-else-if="
87
- x.date ||
88
- x.type == 'date' ||
89
- x.type == 'year' ||
90
- x.type == 'year-month' ||
91
- x.type == 'month-day' ||
92
- x.type == 'time' ||
93
- x.type == 'datetimeSecond' ||
94
- x.type == 'datetime' ||
95
- x.type == 'datehour'
96
- "
97
- ref="date"
98
- v-bind="{ ...$attrs, ...x }"
99
- v-on="{ ...x.events }"
100
- v-model="model[x.name]"
101
- :label-position="x.labelPosition || labelPosition"
102
- :disabled="x.disabled || disabled"
103
- :readonly="x.readonly || readonly"
104
- :joinStr="x.joinStr || ''"
105
- @confirm="
106
- (value, timePeriod) => {
107
- handleChange(x.name, value, timePeriod);
108
- }
109
- "
110
- />
111
- <em-input
112
- v-else-if="x.type === 'radio'"
113
- ref="radio"
114
- v-bind="{ ...$attrs, ...x }"
115
- :label-position="x.labelPosition || labelPosition"
116
- >
117
- <template slot="input">
118
- <em-radio-group
119
- v-bind="{ ...$attrs, ...x }"
120
- v-on="{ ...x.events }"
121
- v-model="model[x.name]"
122
- :disabled="x.disabled || disabled || x.readonly || readonly"
123
- :data="x.data"
124
- @change="
125
- (value) => {
126
- handleChange(x.name, value);
127
- }
128
- "
129
- />
130
- </template>
131
- </em-input>
132
- <em-input
133
- v-else-if="x.type === 'checkbox'"
134
- ref="checkbox"
135
- v-bind="{ ...$attrs, ...x }"
136
- :label-position="x.labelPosition || labelPosition"
137
- >
138
- <template slot="input">
139
- <em-checkbox-group
140
- v-bind="{ ...$attrs, ...x }"
141
- v-on="{ ...x.events }"
142
- v-model="model[x.name]"
143
- :disabled="x.disabled || disabled || x.readonly || readonly"
144
- @change="
145
- (value) => {
146
- handleChange(x.name, value);
147
- }
148
- "
149
- />
150
- </template>
151
- </em-input>
152
- <em-input
153
- v-else-if="x.type === 'switch'"
154
- ref="switch"
155
- v-bind="{ ...$attrs, ...x }"
156
- :label-position="x.labelPosition || labelPosition"
157
- >
158
- <template slot="input">
159
- <em-switch
160
- v-bind="{ ...$attrs, ...x }"
161
- v-model="model[x.name]"
162
- v-on="{ ...x.events }"
163
- :disabled="x.disabled || disabled || x.readonly || readonly"
164
- @change="
165
- (value) => {
166
- handleChange(x.name, value);
167
- }
168
- "
169
- />
170
- </template>
171
- </em-input>
172
- <em-selector
173
- v-else-if="x.type == 'selector'"
174
- ref="selector"
175
- v-bind="{ ...$attrs, ...x }"
176
- v-model="model[x.name]"
177
- v-on="{ ...x.events }"
178
- :label="x.label"
179
- :label-position="x.labelPosition || labelPosition"
180
- :disabled="x.disabled || disabled || x.readonly || readonly"
181
- @change="
182
- (value) => {
183
- handleChange(x.name, value);
184
- }
185
- "
186
- />
187
- <em-table
188
- v-else-if="x.type == 'table'"
189
- class="em-form-table"
190
- ref="emFormTable"
191
- v-bind="{ ...$attrs, ...x }"
192
- :data="model[x.name]"
193
- :thead="x.tHead"
194
- :style="`margin:${x.margin || 10}px 0px`"
195
- isForm
196
- :form="
197
- !x.disabled && !disabled && !x.readonly && !readonly && x.form
198
- "
199
- v-on="{ ...x.events }"
200
- @btn-click="handleBtnClick"
201
- />
202
- <van-cell
203
- v-else-if="x.type === 'component'"
204
- :title="x.label"
205
- :name="x.name"
206
- >
207
- <component
70
+ <em-picker
71
+ v-if="x.type === 'select'"
72
+ v-bind="{ ...$attrs, ...x }"
73
+ v-on="{ ...x.events }"
74
+ ref="select"
75
+ :label-position="x.labelPosition || labelPosition"
76
+ :disabled="x.disabled || disabled"
77
+ :readonly="x.readonly || readonly"
208
78
  v-model="model[x.name]"
209
- :is="x.is || x.tag"
79
+ :columns="x.data || []"
80
+ @confirm="
81
+ (value) => {
82
+ handleChange(item.name, value);
83
+ }
84
+ "
85
+ />
86
+ <em-date
87
+ v-else-if="
88
+ x.date ||
89
+ x.type == 'date' ||
90
+ x.type == 'year' ||
91
+ x.type == 'year-month' ||
92
+ x.type == 'month-day' ||
93
+ x.type == 'time' ||
94
+ x.type == 'datetimeSecond' ||
95
+ x.type == 'datetime' ||
96
+ x.type == 'datehour'
97
+ "
98
+ ref="date"
210
99
  v-bind="{ ...$attrs, ...x }"
211
- v-on="x.events"
212
- ></component>
213
- </van-cell>
214
- </div>
215
- </em-tab>
216
- </em-tabs>
217
- <em-input
218
- v-if="
219
- item.type === 'text' ||
220
- item.type === 'textarea' ||
221
- item.type == 'number' ||
222
- item.type == 'digit' ||
223
- item.type == 'password' ||
224
- item.type == 'tel'
225
- "
226
- class="em-table-input"
227
- v-bind="{ ...$attrs, ...item }"
228
- v-on="{ ...item.events }"
229
- :label-position="item.labelPosition || labelPosition"
230
- :disabled="item.disabled || disabled"
231
- :readonly="item.readonly || readonly"
232
- ref="input"
233
- v-model="model[item.name]"
234
- :label="item.label.text || item.label"
235
- @input="handleChange(item.name, model[item.name])"
236
- />
237
- <!-- <em-input
100
+ v-on="{ ...x.events }"
101
+ v-model="model[x.name]"
102
+ :label-position="x.labelPosition || labelPosition"
103
+ :disabled="x.disabled || disabled"
104
+ :readonly="x.readonly || readonly"
105
+ :joinStr="x.joinStr || ''"
106
+ @confirm="
107
+ (value, timePeriod) => {
108
+ handleChange(x.name, value, timePeriod);
109
+ }
110
+ "
111
+ />
112
+ <em-input
113
+ v-else-if="x.type === 'radio'"
114
+ ref="radio"
115
+ v-bind="{ ...$attrs, ...x }"
116
+ :label-position="x.labelPosition || labelPosition"
117
+ >
118
+ <template slot="input">
119
+ <em-radio-group
120
+ v-bind="{ ...$attrs, ...x }"
121
+ v-on="{ ...x.events }"
122
+ v-model="model[x.name]"
123
+ :disabled="
124
+ x.disabled || disabled || x.readonly || readonly
125
+ "
126
+ :data="x.data"
127
+ @change="
128
+ (value) => {
129
+ handleChange(x.name, value);
130
+ }
131
+ "
132
+ />
133
+ </template>
134
+ </em-input>
135
+ <em-input
136
+ v-else-if="x.type === 'checkbox'"
137
+ ref="checkbox"
138
+ v-bind="{ ...$attrs, ...x }"
139
+ :label-position="x.labelPosition || labelPosition"
140
+ >
141
+ <template slot="input">
142
+ <em-checkbox-group
143
+ v-bind="{ ...$attrs, ...x }"
144
+ v-on="{ ...x.events }"
145
+ v-model="model[x.name]"
146
+ :disabled="
147
+ x.disabled || disabled || x.readonly || readonly
148
+ "
149
+ @change="
150
+ (value) => {
151
+ handleChange(x.name, value);
152
+ }
153
+ "
154
+ />
155
+ </template>
156
+ </em-input>
157
+ <em-input
158
+ v-else-if="x.type === 'switch'"
159
+ ref="switch"
160
+ v-bind="{ ...$attrs, ...x }"
161
+ :label-position="x.labelPosition || labelPosition"
162
+ >
163
+ <template slot="input">
164
+ <em-switch
165
+ v-bind="{ ...$attrs, ...x }"
166
+ v-model="model[x.name]"
167
+ v-on="{ ...x.events }"
168
+ :disabled="
169
+ x.disabled || disabled || x.readonly || readonly
170
+ "
171
+ @change="
172
+ (value) => {
173
+ handleChange(x.name, value);
174
+ }
175
+ "
176
+ />
177
+ </template>
178
+ </em-input>
179
+ <em-selector
180
+ v-else-if="x.type == 'selector'"
181
+ ref="selector"
182
+ v-bind="{ ...$attrs, ...x }"
183
+ v-model="model[x.name]"
184
+ v-on="{ ...x.events }"
185
+ :label="x.label"
186
+ :label-position="x.labelPosition || labelPosition"
187
+ :disabled="x.disabled || disabled || x.readonly || readonly"
188
+ @change="
189
+ (value) => {
190
+ handleChange(x.name, value);
191
+ }
192
+ "
193
+ />
194
+ <em-table
195
+ v-else-if="x.type == 'table'"
196
+ class="em-form-table"
197
+ ref="emFormTable"
198
+ v-bind="{ ...$attrs, ...x }"
199
+ :data="model[x.name]"
200
+ :thead="x.tHead"
201
+ :style="`margin:${x.margin || 10}px 0px`"
202
+ isForm
203
+ :form="
204
+ !x.disabled &&
205
+ !disabled &&
206
+ !x.readonly &&
207
+ !readonly &&
208
+ x.form
209
+ "
210
+ v-on="{ ...x.events }"
211
+ @btn-click="handleBtnClick"
212
+ />
213
+ <van-cell
214
+ v-else-if="x.type === 'component'"
215
+ :title="x.label"
216
+ :name="x.name"
217
+ >
218
+ <component
219
+ v-model="model[x.name]"
220
+ :is="x.is || x.tag"
221
+ v-bind="{ ...$attrs, ...x }"
222
+ v-on="x.events"
223
+ ></component>
224
+ </van-cell>
225
+ </div>
226
+ </em-tab>
227
+ </em-tabs>
228
+ <em-input
229
+ v-if="
230
+ item.type === 'text' ||
231
+ item.type === 'textarea' ||
232
+ item.type == 'number' ||
233
+ item.type == 'digit' ||
234
+ item.type == 'password' ||
235
+ item.type == 'tel'
236
+ "
237
+ class="em-table-input"
238
+ v-bind="{ ...$attrs, ...item }"
239
+ v-on="{ ...item.events }"
240
+ :label-position="item.labelPosition || labelPosition"
241
+ :disabled="item.disabled || disabled"
242
+ :readonly="item.readonly || readonly"
243
+ ref="input"
244
+ v-model="model[item.name]"
245
+ :label="item.label.text || item.label"
246
+ @input="handleChange(item.name, model[item.name])"
247
+ />
248
+ <!-- <em-input
238
249
  v-if="
239
250
  (item.type === 'text' ||
240
251
  item.type === 'textarea' ||
@@ -254,170 +265,177 @@
254
265
  :label="item.label.text || item.label"
255
266
  @input="handleChange(item.name, model[item.name])"
256
267
  /> -->
257
- <em-picker
258
- v-if="item.type === 'select'"
259
- v-bind="{ ...$attrs, ...item }"
260
- v-on="{ ...item.events }"
261
- ref="select"
262
- :label-position="item.labelPosition || labelPosition"
263
- :disabled="item.disabled || disabled"
264
- :readonly="item.readonly || readonly"
265
- v-model="model[item.name]"
266
- :columns="item.data || []"
267
- @confirm="
268
- (value) => {
269
- handleChange(item.name, value);
270
- }
271
- "
272
- />
273
- <em-date
274
- v-else-if="
275
- item.date ||
276
- item.type == 'date' ||
277
- item.type == 'year' ||
278
- item.type == 'year-month' ||
279
- item.type == 'month-day' ||
280
- item.type == 'time' ||
281
- item.type == 'datetimeSecond' ||
282
- item.type == 'datetime' ||
283
- item.type == 'datehour'
284
- "
285
- ref="date"
286
- v-bind="{ ...$attrs, ...item }"
287
- v-on="{ ...item.events }"
288
- v-model="model[item.name]"
289
- :label-position="item.labelPosition || labelPosition"
290
- :disabled="item.disabled || disabled"
291
- :readonly="item.readonly || readonly"
292
- :joinStr="item.joinStr || ''"
293
- @confirm="
294
- (value, timePeriod) => {
295
- handleChange(item.name, value, timePeriod);
296
- }
297
- "
298
- />
299
- <em-input
300
- v-else-if="item.type === 'radio'"
301
- ref="radio"
302
- v-bind="{ ...$attrs, ...item }"
303
- :label-position="item.labelPosition || labelPosition"
304
- >
305
- <template slot="input">
306
- <em-radio-group
307
- v-bind="{ ...$attrs, ...item }"
308
- v-on="{ ...item.events }"
268
+ <em-picker
269
+ v-if="item.type === 'select'"
270
+ v-bind="{ ...$attrs, ...item }"
271
+ v-on="{ ...item.events }"
272
+ ref="select"
273
+ :label-position="item.labelPosition || labelPosition"
274
+ :disabled="item.disabled || disabled"
275
+ :readonly="item.readonly || readonly"
276
+ v-model="model[item.name]"
277
+ :columns="item.data || []"
278
+ @confirm="
279
+ (value) => {
280
+ handleChange(item.name, value);
281
+ }
282
+ "
283
+ />
284
+ <em-date
285
+ v-else-if="
286
+ item.date ||
287
+ item.type == 'date' ||
288
+ item.type == 'year' ||
289
+ item.type == 'year-month' ||
290
+ item.type == 'month-day' ||
291
+ item.type == 'time' ||
292
+ item.type == 'datetimeSecond' ||
293
+ item.type == 'datetime' ||
294
+ item.type == 'datehour'
295
+ "
296
+ ref="date"
297
+ v-bind="{ ...$attrs, ...item }"
298
+ v-on="{ ...item.events }"
299
+ v-model="model[item.name]"
300
+ :label-position="item.labelPosition || labelPosition"
301
+ :disabled="item.disabled || disabled"
302
+ :readonly="item.readonly || readonly"
303
+ :joinStr="item.joinStr || ''"
304
+ @confirm="
305
+ (value, timePeriod) => {
306
+ handleChange(item.name, value, timePeriod);
307
+ }
308
+ "
309
+ />
310
+ <em-input
311
+ v-else-if="item.type === 'radio'"
312
+ ref="radio"
313
+ v-bind="{ ...$attrs, ...item }"
314
+ :label-position="item.labelPosition || labelPosition"
315
+ >
316
+ <template slot="input">
317
+ <em-radio-group
318
+ v-bind="{ ...$attrs, ...item }"
319
+ v-on="{ ...item.events }"
320
+ v-model="model[item.name]"
321
+ :disabled="
322
+ item.disabled || disabled || item.readonly || readonly
323
+ "
324
+ :data="item.data"
325
+ @change="
326
+ (value) => {
327
+ handleChange(item.name, value);
328
+ }
329
+ "
330
+ />
331
+ </template>
332
+ </em-input>
333
+ <em-input
334
+ v-else-if="item.type === 'checkbox'"
335
+ ref="checkbox"
336
+ v-bind="{ ...$attrs, ...item }"
337
+ :label-position="item.labelPosition || labelPosition"
338
+ >
339
+ <template slot="input">
340
+ <em-checkbox-group
341
+ v-bind="{ ...$attrs, ...item }"
342
+ v-on="{ ...item.events }"
343
+ v-model="model[item.name]"
344
+ :disabled="
345
+ item.disabled || disabled || item.readonly || readonly
346
+ "
347
+ @change="
348
+ (value) => {
349
+ handleChange(item.name, value);
350
+ }
351
+ "
352
+ />
353
+ </template>
354
+ </em-input>
355
+ <em-input
356
+ v-else-if="item.type === 'switch'"
357
+ ref="switch"
358
+ v-bind="{ ...$attrs, ...item }"
359
+ :label-position="item.labelPosition || labelPosition"
360
+ >
361
+ <template slot="input">
362
+ <em-switch
363
+ v-bind="{ ...$attrs, ...item }"
364
+ v-model="model[item.name]"
365
+ v-on="{ ...item.events }"
366
+ :disabled="
367
+ item.disabled || disabled || item.readonly || readonly
368
+ "
369
+ @change="
370
+ (value) => {
371
+ handleChange(item.name, value);
372
+ }
373
+ "
374
+ />
375
+ </template>
376
+ </em-input>
377
+ <em-selector
378
+ v-else-if="item.type == 'selector'"
379
+ ref="selector"
380
+ v-bind="{ ...$attrs, ...item }"
381
+ v-model="model[item.name]"
382
+ v-on="{ ...item.events }"
383
+ :label="item.label"
384
+ :label-position="item.labelPosition || labelPosition"
385
+ :disabled="item.disabled || disabled || item.readonly || readonly"
386
+ @change="
387
+ (value) => {
388
+ handleChange(item.name, value);
389
+ }
390
+ "
391
+ />
392
+ <template v-else-if="item.type == 'table'">
393
+ <custom-card
394
+ v-if="item.presentType && item.presentType == 'card'"
309
395
  v-model="model[item.name]"
310
- :disabled="item.disabled || disabled || item.readonly || readonly"
311
- :data="item.data"
312
- @change="
313
- (value) => {
314
- handleChange(item.name, value);
315
- }
316
- "
317
- />
318
- </template>
319
- </em-input>
320
- <em-input
321
- v-else-if="item.type === 'checkbox'"
322
- ref="checkbox"
323
- v-bind="{ ...$attrs, ...item }"
324
- :label-position="item.labelPosition || labelPosition"
325
- >
326
- <template slot="input">
327
- <em-checkbox-group
328
396
  v-bind="{ ...$attrs, ...item }"
329
- v-on="{ ...item.events }"
330
- v-model="model[item.name]"
331
- :disabled="item.disabled || disabled || item.readonly || readonly"
332
- @change="
333
- (value) => {
334
- handleChange(item.name, value);
335
- }
397
+ ></custom-card>
398
+ <em-table
399
+ v-else
400
+ class="em-form-table"
401
+ ref="emFormTable"
402
+ v-bind="{
403
+ ...$attrs,
404
+ ...item
405
+ }"
406
+ :data="model[item.name]"
407
+ :thead="item.tHead"
408
+ :style="`margin:${item.margin || 10}px 0px`"
409
+ isForm
410
+ :form="
411
+ !item.disabled &&
412
+ !disabled &&
413
+ !item.readonly &&
414
+ !readonly &&
415
+ item.form
336
416
  "
337
- />
338
- </template>
339
- </em-input>
340
- <em-input
341
- v-else-if="item.type === 'switch'"
342
- ref="switch"
343
- v-bind="{ ...$attrs, ...item }"
344
- :label-position="item.labelPosition || labelPosition"
345
- >
346
- <template slot="input">
347
- <em-switch
348
- v-bind="{ ...$attrs, ...item }"
349
- v-model="model[item.name]"
350
417
  v-on="{ ...item.events }"
351
- :disabled="item.disabled || disabled || item.readonly || readonly"
352
- @change="
353
- (value) => {
354
- handleChange(item.name, value);
355
- }
356
- "
418
+ @btn-click="handleBtnClick"
357
419
  />
358
420
  </template>
359
- </em-input>
360
- <em-selector
361
- v-else-if="item.type == 'selector'"
362
- ref="selector"
363
- v-bind="{ ...$attrs, ...item }"
364
- v-model="model[item.name]"
365
- v-on="{ ...item.events }"
366
- :label="item.label"
367
- :label-position="item.labelPosition || labelPosition"
368
- :disabled="item.disabled || disabled || item.readonly || readonly"
369
- @change="
370
- (value) => {
371
- handleChange(item.name, value);
372
- }
373
- "
374
- />
375
- <template v-else-if="item.type == 'table'">
376
- <custom-card
377
- v-if="item.presentType && item.presentType == 'card'"
378
- v-model="model[item.name]"
379
- v-bind="{ ...$attrs, ...item }"
380
- ></custom-card>
381
- <em-table
382
- v-else
383
- class="em-form-table"
384
- ref="emFormTable"
385
- v-bind="{
386
- ...$attrs,
387
- ...item
388
- }"
389
- :data="model[item.name]"
390
- :thead="item.tHead"
391
- :style="`margin:${item.margin || 10}px 0px`"
392
- isForm
393
- :form="
394
- !item.disabled &&
395
- !disabled &&
396
- !item.readonly &&
397
- !readonly &&
398
- item.form
399
- "
400
- v-on="{ ...item.events }"
401
- @btn-click="handleBtnClick"
402
- />
403
- </template>
404
421
 
405
- <van-cell
406
- v-else-if="item.type === 'component'"
407
- :title="item.label"
408
- :name="item.name"
409
- >
410
- <component
411
- v-model="model[item.name]"
412
- :is="item.is || item.tag"
413
- v-bind="{ ...$attrs, ...item }"
414
- v-on="item.events"
415
- ></component>
416
- </van-cell>
422
+ <van-cell
423
+ v-else-if="item.type === 'component'"
424
+ :title="item.label"
425
+ :name="item.name"
426
+ >
427
+ <component
428
+ v-model="model[item.name]"
429
+ :is="item.is || item.tag"
430
+ v-bind="{ ...$attrs, ...item }"
431
+ v-on="item.events"
432
+ ></component>
433
+ </van-cell>
417
434
 
418
- <!-- @btn-click="handleBtnClick($event,item)"
435
+ <!-- @btn-click="handleBtnClick($event,item)"
419
436
  @selection-change="handleSelectionChange($event,item)"
420
- @edit="handleEdit($event,item)" -->
437
+ @edit="handleEdit($event,item)" --></template
438
+ >
421
439
  </div>
422
440
  </div>
423
441