lw-cdp-ui 1.1.55 → 1.1.56

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 (11) hide show
  1. package/dist/components/lwFlow/index.vue +7 -1
  2. package/dist/components/lwFlow/nodes/custom.js +11 -3
  3. package/dist/components/lwFlow/nodes/et2lTable.js +17 -9
  4. package/dist/components/lwForm/index.vue +103 -96
  5. package/dist/components/lwFormMini/index.vue +64 -55
  6. package/dist/components/lwFormView/index.vue +34 -27
  7. package/dist/components/lwTableSelect/index.vue +1 -0
  8. package/dist/lw-cdp-ui.esm.js +4246 -4243
  9. package/dist/lw-cdp-ui.umd.js +18 -18
  10. package/dist/style.css +1 -1
  11. package/package.json +1 -1
package/dist/components/lwFlow/index.vue CHANGED
@@ -458,7 +458,13 @@ export default {
458
458
  let isHideHandle = false;
459
459
  // 处理 hideHandle 字段逻辑
460
460
  if (data && typeof item?.hideHandle === 'string') {
461
- isHideHandle = eval(item.hideHandle.replace(/\$/g, "data"));
461
+ try {
462
+ const hideHandleFunc = new Function("data", `return ${item.hideHandle.replace(/\$/g, "data")}`);
463
+ isHideHandle = hideHandleFunc(data);
464
+ } catch (error) {
465
+ console.error('遇到错误时返回默认值:', error)
466
+ isHideHandle = false; // 遇到错误时默认值
467
+ }
462
468
  } else if (data && typeof item?.hideHandle === 'boolean') {
463
469
  isHideHandle = item.hideHandle;
464
470
  }
package/dist/components/lwFlow/nodes/custom.js CHANGED
@@ -6,15 +6,23 @@ import nodeDatas from '../nodesData/index.js'
6
6
  export default function registerCustom(lf, node, state) {
7
7
  // 是否显示
8
8
  function hideHandle(item, data) {
9
- if (Object.keys(data).length == 0) return false
9
+ if (Object.keys(data).length === 0) return false
10
+
10
11
  if (typeof item.hideHandle === 'string') {
11
- const exp = eval(item.hideHandle.replace(/\$/g, 'data'))
12
- return exp
12
+ try {
13
+ const hideHandleFunc = new Function('data', `return ${item.hideHandle.replace(/\$/g, 'data')}`)
14
+ return hideHandleFunc(data)
15
+ } catch (error) {
16
+ console.error('遇到错误时返回默认值:', error)
17
+ return false // 遇到错误时返回默认值
18
+ }
13
19
  } else if (typeof item.hideHandle === 'boolean') {
14
20
  return item.hideHandle
15
21
  }
22
+
16
23
  return false
17
24
  }
25
+
18
26
  /**
19
27
  * 解析模板字符串，将其中的占位符替换为对应的数据值。
20
28
  * 占位符格式为 ${key}，其中 key 可以是嵌套的对象属性。
package/dist/components/lwFlow/nodes/et2lTable.js CHANGED
@@ -6,15 +6,23 @@ import nodeDatas from '../nodesData/index.js'
6
6
  export default function registerEt2l(lf, node) {
7
7
  // 是否显示
8
8
  function hideHandle(item, data) {
9
- if (Object.keys(data).length == 0) return false
10
- if (typeof item.hideHandle === 'string') {
11
- const exp = eval(item.hideHandle.replace(/\$/g, 'data'))
12
- return exp
13
- } else if (typeof item.hideHandle === 'boolean') {
14
- return item.hideHandle
15
- }
16
- return false
17
- }
9
+ if (Object.keys(data).length === 0) return false;
10
+
11
+ if (typeof item.hideHandle === 'string') {
12
+ try {
13
+ const hideHandleFunc = new Function("data", `return ${item.hideHandle.replace(/\$/g, 'data')}`);
14
+ return hideHandleFunc(data);
15
+ } catch (error) {
16
+ console.error("遇到错误时返回默认值:", error);
17
+ return false; // 遇到错误时返回默认值
18
+ }
19
+ } else if (typeof item.hideHandle === 'boolean') {
20
+ return item.hideHandle;
21
+ }
22
+
23
+ return false;
24
+ }
25
+
18
26
  /**
19
27
  * 解析模板字符串，将其中的占位符替换为对应的数据值。
20
28
  * 占位符格式为 ${key}，其中 key 可以是嵌套的对象属性。
package/dist/components/lwForm/index.vue CHANGED
@@ -39,37 +39,37 @@
39
39
  <!-- input -->
40
40
  <template v-if="item.component == 'input'">
41
41
  <template v-if="item?.options?.name">
42
- <el-input v-model="form[item.name][item.options.name]"
43
- :placeholder="item.options?.placeholder"
42
+ <el-input v-model="form[item.name][item?.options.name]"
43
+ :placeholder="item?.options?.placeholder"
44
44
  clearable
45
- :type="item.options.type"
46
- :disabled="item.options?.disabled"
47
- :maxlength="item.options.maxlength"
45
+ :type="item?.options.type"
46
+ :disabled="item?.options?.disabled"
47
+ :maxlength="item?.options.maxlength"
48
48
  show-word-limit>
49
- <template v-if="item.options.prepend"
50
- #prepend>{{ item.options.prepend }}</template>
51
- <template v-if="item.options.append"
52
- #append>{{ item.options.append }}</template>
49
+ <template v-if="item?.options.prepend"
50
+ #prepend>{{ item?.options.prepend }}</template>
51
+ <template v-if="item?.options.append"
52
+ #append>{{ item?.options.append }}</template>
53
53
  </el-input>
54
54
  </template>
55
55
  <template v-else>
56
56
  <el-input v-model="form[item.name]"
57
- :placeholder="item.options?.placeholder"
57
+ :placeholder="item?.options?.placeholder"
58
58
  clearable
59
- :type="item.options.type"
60
- :disabled="item.options?.disabled"
61
- :maxlength="item.options.maxlength"
59
+ :type="item?.options.type"
60
+ :disabled="item?.options?.disabled"
61
+ :maxlength="item?.options.maxlength"
62
62
  show-word-limit>
63
- <template v-if="item.options.prepend"
64
- #prepend>{{ item.options.prepend }}</template>
65
- <template v-if="item.options.append"
66
- #append>{{ item.options.append }}</template>
63
+ <template v-if="item?.options.prepend"
64
+ #prepend>{{ item?.options.prepend }}</template>
65
+ <template v-if="item?.options.append"
66
+ #append>{{ item?.options.append }}</template>
67
67
  </el-input>
68
68
  </template>
69
69
  </template>
70
70
  <!-- upload -->
71
71
  <template v-else-if="item.component == 'upload'">
72
- <template v-for="(_item, _index) in item.options.items"
72
+ <template v-for="(_item, _index) in item?.options.items"
73
73
  :key="_index">
74
74
  <template v-if="item.name">
75
75
  <div style="margin-right: 5px;">
@@ -109,20 +109,20 @@
109
109
  <template v-if="item.name">
110
110
  <el-checkbox v-model="form[item.name][_item.name]"
111
111
  :label="_item.label"
112
- v-for="(_item, _index) in item.options.items"
112
+ v-for="(_item, _index) in item?.options.items"
113
113
  :key="_index"></el-checkbox>
114
114
  </template>
115
115
  <template v-else>
116
116
  <el-checkbox v-model="form[_item.name]"
117
117
  :label="_item.label"
118
- v-for="(_item, _index) in item.options.items"
118
+ v-for="(_item, _index) in item?.options.items"
119
119
  :key="_index"></el-checkbox>
120
120
  </template>
121
121
  </template>
122
122
  <!-- checkboxGroup -->
123
123
  <template v-else-if="item.component == 'checkboxGroup'">
124
124
  <el-checkbox-group v-model="form[item.name]">
125
- <el-checkbox v-for="_item in item.options.items"
125
+ <el-checkbox v-for="_item in item?.options.items"
126
126
  :key="_item.value"
127
127
  :label="_item.value">{{ _item.label }}</el-checkbox>
128
128
  </el-checkbox-group>
@@ -131,31 +131,31 @@
131
131
  <!-- switch -->
132
132
  <template v-else-if="item.component == 'switch'">
133
133
  <template v-if="item?.options?.name">
134
- <el-switch v-model="form[item.name][item.options.name]"
134
+ <el-switch v-model="form[item.name][item?.options.name]"
135
135
  inline-prompt
136
- :active-text="item.options?.activeText"
137
- :inactive-text="item.options?.inactiveText" />
136
+ :active-text="item?.options?.activeText"
137
+ :inactive-text="item?.options?.inactiveText" />
138
138
  </template>
139
139
  <template v-else>
140
140
  <el-switch v-model="form[item.name]"
141
141
  inline-prompt
142
- :active-text="item.options?.activeText"
143
- :inactive-text="item.options?.inactiveText" />
142
+ :active-text="item?.options?.activeText"
143
+ :inactive-text="item?.options?.inactiveText" />
144
144
  </template>
145
145
  </template>
146
146
  <!-- select -->
147
147
  <template v-else-if="item.component == 'select'">
148
148
  <template v-if="item?.options?.name">
149
- <el-select v-model="form[item.name][item.options.name]"
150
- :multiple="item.options?.multiple"
151
- :allow-create="item.options?.allowCreate"
149
+ <el-select v-model="form[item.name][item?.options.name]"
150
+ :multiple="item?.options?.multiple"
151
+ :allow-create="item?.options?.allowCreate"
152
152
  default-first-option
153
- :placeholder="item.options?.placeholder || ''"
154
- :clearable="item.options?.clearable"
155
- :disabled="item.options?.disabled"
153
+ :placeholder="item?.options?.placeholder || ''"
154
+ :clearable="item?.options?.clearable"
155
+ :disabled="item?.options?.disabled"
156
156
  filterable
157
157
  style="width: 100%;">
158
- <el-option v-for="option in item.options.items"
158
+ <el-option v-for="option in item?.options.items"
159
159
  :key="option.value"
160
160
  :label="option.label"
161
161
  :value="option.value"></el-option>
@@ -163,15 +163,15 @@
163
163
  </template>
164
164
  <template v-else>
165
165
  <el-select v-model="form[item.name]"
166
- :multiple="item.options?.multiple"
167
- :allow-create="item.options?.allowCreate"
166
+ :multiple="item?.options?.multiple"
167
+ :allow-create="item?.options?.allowCreate"
168
168
  default-first-option
169
- :placeholder="item.options?.placeholder || ''"
170
- :clearable="item.options?.clearable"
171
- :disabled="item.options?.disabled"
169
+ :placeholder="item?.options?.placeholder || ''"
170
+ :clearable="item?.options?.clearable"
171
+ :disabled="item?.options?.disabled"
172
172
  filterable
173
173
  style="width: 100%;">
174
- <el-option v-for="option in item.options.items"
174
+ <el-option v-for="option in item?.options.items"
175
175
  :key="option.value"
176
176
  :label="option.label"
177
177
  :value="option.value"></el-option>
@@ -182,15 +182,15 @@
182
182
  <!-- cascader -->
183
183
  <template v-else-if="item.component == 'cascader'">
184
184
  <template v-if="item?.options?.name">
185
- <el-cascader v-model="form[item.name][item.options.name]"
185
+ <el-cascader v-model="form[item.name][item?.options.name]"
186
186
  style="width: 100%;"
187
- :options="item.options.items"
187
+ :options="item?.options.items"
188
188
  clearable></el-cascader>
189
189
  </template>
190
190
  <template v-else>
191
191
  <el-cascader v-model="form[item.name]"
192
192
  style="width: 100%;"
193
- :options="item.options.items"
193
+ :options="item?.options.items"
194
194
  clearable></el-cascader>
195
195
  </template>
196
196
 
@@ -198,40 +198,40 @@
198
198
  <!-- date -->
199
199
  <template v-else-if="item.component == 'date'">
200
200
  <template v-if="item?.options?.name">
201
- <el-date-picker v-model="form[item.name][item.options.name]"
201
+ <el-date-picker v-model="form[item.name][item?.options.name]"
202
202
  style="width: 100%;"
203
- :type="item.options.type"
204
- :start-placeholder="item.options.startPlaceholder"
205
- :end-placeholder="item.options.endPlaceholder"
206
- :shortcuts="item.options.shortcuts"
207
- :disabled-date="item.options?.disabledDate"
208
- :default-time="item.options.defaultTime"
209
- :disabled="item.options?.disabled"
210
- :value-format="item.options.valueFormat"
211
- :format="item.options.format"
212
- :placeholder="item.options.placeholder || '请选择'"></el-date-picker>
203
+ :type="item?.options.type"
204
+ :start-placeholder="item?.options.startPlaceholder"
205
+ :end-placeholder="item?.options.endPlaceholder"
206
+ :shortcuts="item?.options.shortcuts"
207
+ :disabled-date="item?.options?.disabledDate"
208
+ :default-time="item?.options.defaultTime"
209
+ :disabled="item?.options?.disabled"
210
+ :value-format="item?.options.valueFormat"
211
+ :format="item?.options.format"
212
+ :placeholder="item?.options.placeholder || '请选择'"></el-date-picker>
213
213
  </template>
214
214
  <template v-else>
215
215
  <el-date-picker v-model="form[item.name]"
216
216
  style="width: 100%;"
217
- :type="item.options.type"
218
- :start-placeholder="item.options.startPlaceholder"
219
- :end-placeholder="item.options.endPlaceholder"
220
- :shortcuts="item.options.shortcuts"
221
- :disabled-date="item.options?.disabledDate"
222
- :default-time="item.options.defaultTime"
223
- :disabled="item.options?.disabled"
224
- :value-format="item.options.valueFormat"
225
- :format="item.options.format"
226
- :placeholder="item.options.placeholder || '请选择'"></el-date-picker>
217
+ :type="item?.options.type"
218
+ :start-placeholder="item?.options.startPlaceholder"
219
+ :end-placeholder="item?.options.endPlaceholder"
220
+ :shortcuts="item?.options.shortcuts"
221
+ :disabled-date="item?.options?.disabledDate"
222
+ :default-time="item?.options.defaultTime"
223
+ :disabled="item?.options?.disabled"
224
+ :value-format="item?.options.valueFormat"
225
+ :format="item?.options.format"
226
+ :placeholder="item?.options.placeholder || '请选择'"></el-date-picker>
227
227
  </template>
228
228
 
229
229
  </template>
230
230
  <!-- number -->
231
231
  <template v-else-if="item.component == 'number'">
232
232
  <template v-if="item?.options?.name">
233
- <el-input-number v-model="form[item.name][item.options.name]"
234
- :disabled="item.options?.disabled"
233
+ <el-input-number v-model="form[item.name][item?.options.name]"
234
+ :disabled="item?.options?.disabled"
235
235
  :min="item?.options?.min"
236
236
  :max="item?.options?.max"
237
237
  :step="item?.options?.step || 1"
@@ -240,13 +240,13 @@
240
240
  :controls-position="item?.options?.controlsPosition || 'right'">
241
241
  <template v-if="item?.options?.suffix"
242
242
  #suffix>
243
- <span>{{ item.options.suffix }}</span>
243
+ <span>{{ item?.options.suffix }}</span>
244
244
  </template>
245
245
  </el-input-number>
246
246
  </template>
247
247
  <template v-else>
248
248
  <el-input-number v-model="form[item.name]"
249
- :disabled="item.options?.disabled"
249
+ :disabled="item?.options?.disabled"
250
250
  :min="item?.options?.min"
251
251
  :max="item?.options?.max"
252
252
  :step="item?.options?.step || 1"
@@ -255,7 +255,7 @@
255
255
  :controls-position="item?.options?.controlsPosition || 'right'">
256
256
  <template v-if="item?.options?.suffix"
257
257
  #suffix>
258
- <span>{{ item.options.suffix }}</span>
258
+ <span>{{ item?.options.suffix }}</span>
259
259
  </template>
260
260
  </el-input-number>
261
261
  </template>
@@ -264,17 +264,17 @@
264
264
  <!-- radio -->
265
265
  <template v-else-if="item.component == 'radio'">
266
266
  <template v-if="item?.options?.name">
267
- <el-radio-group v-model="form[item.name][item.options.name]"
268
- :disabled="item.options?.disabled">
269
- <el-radio v-for="_item in item.options.items"
267
+ <el-radio-group v-model="form[item.name][item?.options.name]"
268
+ :disabled="item?.options?.disabled">
269
+ <el-radio v-for="_item in item?.options.items"
270
270
  :key="_item.value"
271
271
  :value="_item.value">{{ _item.label }}</el-radio>
272
272
  </el-radio-group>
273
273
  </template>
274
274
  <template v-else>
275
275
  <el-radio-group v-model="form[item.name]"
276
- :disabled="item.options?.disabled">
277
- <el-radio v-for="_item in item.options.items"
276
+ :disabled="item?.options?.disabled">
277
+ <el-radio v-for="_item in item?.options.items"
278
278
  :key="_item.value"
279
279
  :value="_item.value">{{ _item.label }}</el-radio>
280
280
  </el-radio-group>
@@ -284,7 +284,8 @@
284
284
  <!-- color -->
285
285
  <template v-else-if="item.component == 'color'">
286
286
  <template v-if="item?.options?.name">
287
- <el-color-picker v-model="form[item.name][item.options.name]" />
287
+ <el-color-picker
288
+ v-model="form[item.name][item?.options.name]" />
288
289
  </template>
289
290
  <template v-else>
290
291
  <el-color-picker v-model="form[item.name]" />
@@ -295,7 +296,7 @@
295
296
  <template v-else-if="item.component == 'rate'">
296
297
  <template v-if="item?.options?.name">
297
298
  <el-rate style="margin-top: 6px;"
298
- v-model="form[item.name][item.options.name]"></el-rate>
299
+ v-model="form[item.name][item?.options.name]"></el-rate>
299
300
  </template>
300
301
  <template v-else>
301
302
  <el-rate style="margin-top: 6px;"
@@ -306,12 +307,12 @@
306
307
  <!-- slider -->
307
308
  <template v-else-if="item.component == 'slider'">
308
309
  <template v-if="item?.options?.name">
309
- <el-slider v-model="form[item.name][item.options.name]"
310
- :marks="item.options.marks"></el-slider>
310
+ <el-slider v-model="form[item.name][item?.options.name]"
311
+ :marks="item?.options.marks"></el-slider>
311
312
  </template>
312
313
  <template v-else>
313
314
  <el-slider v-model="form[item.name]"
314
- :marks="item.options.marks"></el-slider>
315
+ :marks="item?.options.marks"></el-slider>
315
316
  </template>
316
317
 
317
318
  </template>
@@ -324,7 +325,7 @@
324
325
  :key="tag"
325
326
  closable
326
327
  :disable-transitions="false"
327
- @close="tagClose(tag, form[item.name][item.options.name])">
328
+ @close="tagClose(tag, form[item.name][item?.options.name])">
328
329
  {{ tag }}
329
330
  </el-tag>
330
331
 
@@ -458,7 +459,7 @@ export default {
458
459
  return Object.keys(this.config).length > 0
459
460
  },
460
461
  hasValue() {
461
- return Object.keys(this.modelValue).length > 0
462
+ return Object.keys(this.modelValue).length > 0
462
463
  },
463
464
 
464
465
  },
@@ -481,12 +482,12 @@ export default {
481
482
  if (item.component == 'checkbox' || item.component == 'upload') {
482
483
  if (item.name) {
483
484
  const value = {}
484
- item.options.items.forEach((option) => {
485
+ item?.options.items.forEach((option) => {
485
486
  value[option.name] = option.value
486
487
  })
487
488
  this.form[item.name] = value
488
489
  } else if (item?.options?.items) {
489
- item.options.items.forEach((option) => {
490
+ item?.options.items.forEach((option) => {
490
491
  this.form[option.name] = option.value
491
492
  })
492
493
  }
@@ -538,23 +539,29 @@ export default {
538
539
  //处理动态隐藏
539
540
  hideHandle(item) {
540
541
  if (typeof item.hideHandle === 'string') {
541
- // eslint-disable-next-line no-eval
542
- const exp = eval(item.hideHandle.replace(/\$/g, "this.form"))
543
- return exp
542
+ const func = new Function('form', `return ${item?.hideHandle.replace(/\$/g, "form")}`);
543
+ return func(this.form);
544
544
  } else if (typeof item.hideHandle === 'boolean') {
545
545
  return item.hideHandle
546
546
  }
547
547
  return false
548
548
  },
549
- //处理动态必填
549
+ // 处理动态必填
550
550
  rulesHandle(item) {
551
551
  if (item.requiredHandle) {
552
- // eslint-disable-next-line no-eval
553
- const exp = eval(item.requiredHandle.replace(/\$/g, "this.form"))
554
- var requiredRule = item.rules.find(t => 'required' in t)
555
- requiredRule.required = exp
552
+ try {
553
+ const requiredHandleFunc = new Function("form", `return ${item.requiredHandle.replace(/\$/g, "form")}`);
554
+ const exp = requiredHandleFunc(this.form);
555
+
556
+ const requiredRule = item.rules.find(t => 'required' in t);
557
+ if (requiredRule) {
558
+ requiredRule.required = exp;
559
+ }
560
+ } catch (error) {
561
+ console.error("Error requiredHandle function:", error);
562
+ }
556
563
  }
557
- return item.rules
564
+ return item.rules;
558
565
  },
559
566
  //数据验证
560
567
  validate(valid, obj) {
@@ -579,8 +586,8 @@ export default {
579
586
  if (this.tagValue) {
580
587
  if (item?.options?.name) {
581
588
  row[item.name] = row[item.name] || {};
582
- row[item.name][item.options.name] = row[item.name][item.options.name] || [];
583
- row[item.name][item.options.name].push(this.tagValue)
589
+ row[item.name][item?.options.name] = row[item.name][item?.options.name] || [];
590
+ row[item.name][item?.options.name].push(this.tagValue)
584
591
  } else {
585
592
  row[item.name] = row[item.name] || []
586
593
  row[item.name].push(this.tagValue)
@@ -593,13 +600,13 @@ export default {
593
600
  getPropName(item) {
594
601
  if (item.component == 'checkbox' || item.component == 'upload') {
595
602
  if (item.name) {
596
- return `${item.name}.${item.options.items[0].name}`
603
+ return `${item.name}.${item?.options.items[0].name}`
597
604
  } else {
598
- return item.options.items[0].name
605
+ return item?.options.items[0].name
599
606
  }
600
607
 
601
608
  } else {
602
- return item?.options?.name ? `${item.name}.${item.options.name}` : item.name
609
+ return item?.options?.name ? `${item.name}.${item?.options.name}` : item.name
603
610
  }
604
611
  }
605
612
  }