lu-lowcode-package-form 0.11.45 → 0.11.47

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/dist/index.cjs.js +200 -200
  2. package/dist/index.es.js +8520 -8467
  3. package/package.json +2 -1
  4. package/src/App.jsx +240 -13
  5. package/src/components/field/select/search-select.jsx +3 -2
  6. package/src/components/form-container/index.jsx +215 -101
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "lu-lowcode-package-form",
3
- "version": "0.11.45",
3
+ "version": "0.11.47",
4
4
  "dependencies": {
5
5
  "@ant-design/icons": "^4.8.1",
6
6
  "@dnd-kit/core": "^6.1.0",
@@ -26,6 +26,7 @@
26
26
  "react-dnd-html5-backend": "^16.0.1",
27
27
  "react-draggable": "^4.4.6",
28
28
  "react-quill": "^2.0.0",
29
+ "react-resizable": "^3.0.5",
29
30
  "wangeditor-for-react": "^1.5.6",
30
31
  "web-vitals": "^2.1.4"
31
32
  },
package/src/App.jsx CHANGED
@@ -87,7 +87,7 @@ function App() {
87
87
  }, 200))
88
88
 
89
89
 
90
-
90
+
91
91
  const [cols, setCols] = React.useState(3);
92
92
 
93
93
  const getFormFields = () => {
@@ -190,16 +190,130 @@ function App() {
190
190
 
191
191
 
192
192
  <FormContainerWrapper cols={cols} key={"formc"} className="" ref={formRef} >
193
+ <Field.Input label="含税单价代理中转" __id="fill_xianghu4"
194
+ withIds={["fill_xianghu2"]}
195
+ withFill={{
196
+ "value": [
197
+ {
198
+ "insert": {
199
+ "span": true
200
+ },
201
+ "attributes": {
202
+ "id": "fill_xianghu2",
203
+ "color": "blue",
204
+ "tagKey": "fieldsValue",
205
+ "content": "当前表单.测试相互依赖"
206
+ }
207
+ },
208
+ {
209
+ "insert": "/0.8"
210
+ },
211
+ {
212
+ "insert": "\n\n"
213
+ }
214
+ ],
215
+ "version": 1719296886283,
216
+ "withData": [
193
217
 
194
- <Field.WithSingleSelect
218
+ ]
219
+ }}
220
+ />
221
+ <Field.Input label="含税单价" __id="fill_xianghu1"
222
+ withIds={["fill_xianghu3"]}
223
+ withFill={{
224
+ "value": [
225
+ {
226
+ "insert": {
227
+ "span": true
228
+ },
229
+ "attributes": {
230
+ "id": "fill_xianghu3",
231
+ "color": "blue",
232
+ "tagKey": "fieldsValue",
233
+ "content": "当前表单.测试相互依赖"
234
+ }
235
+ },
236
+ {
237
+ "insert": "* 0.5"
238
+ },
239
+ {
240
+ "insert": "\n\n"
241
+ }
242
+ ],
243
+ "version": 1719296886283,
244
+ "withData": [
245
+
246
+ ]
247
+ }}
248
+ />
249
+
250
+ <Field.Input label="未税单价" __id="fill_xianghu2"
251
+ withIds={["fill_xianghu1"]}
252
+ withFill={{
253
+ "value": [
254
+ {
255
+ "insert": {
256
+ "span": true
257
+ },
258
+ "attributes": {
259
+ "id": "fill_xianghu1",
260
+ "color": "blue",
261
+ "tagKey": "fieldsValue",
262
+ "content": "当前表单.测试相互依赖"
263
+ }
264
+ },
265
+ {
266
+ "insert": "*0.8"
267
+ },
268
+ {
269
+ "insert": "\n\n"
270
+ }
271
+ ],
272
+ "version": 1719296886283,
273
+ "withData": [
274
+
275
+ ]
276
+ }}
277
+ />
278
+
279
+ <Field.Input label="客户单价" __id="fill_xianghu3"
280
+ withIds={["fill_xianghu4"]}
281
+ withFill={{
282
+ "value": [
283
+ {
284
+ "insert": {
285
+ "span": true
286
+ },
287
+ "attributes": {
288
+ "id": "fill_xianghu4",
289
+ "color": "blue",
290
+ "tagKey": "fieldsValue",
291
+ "content": "当前表单.测试相互依赖"
292
+ }
293
+ },
294
+ {
295
+ "insert": "/ 0.5"
296
+ },
297
+ {
298
+ "insert": "\n\n"
299
+ }
300
+ ],
301
+ "version": 1719296886283,
302
+ "withData": [
303
+
304
+ ]
305
+ }}
306
+ />
307
+
308
+ <Field.WithSingleSelect
195
309
  ref={testRef}
196
310
  request={async (params) => {
197
311
  return {
198
312
  code: 0, data: {
199
313
  list:
200
314
  [
201
- { label: '选项1', value: '1', routeType: 1 },
202
- { label: '选项2', value: '2' , routeType:2 },
315
+ { label: '选项1', value: '1', routeType: 1 },
316
+ { label: '选项2', value: '2', routeType: 2 },
203
317
  { label: '选项3', value: '3' }
204
318
  ]
205
319
  }
@@ -225,7 +339,7 @@ function App() {
225
339
 
226
340
 
227
341
  <Field.Input label="测试 withVisible" __id="withVisible"
228
- isRequired={true}
342
+ isRequired={true}
229
343
  withIds={["routeType"]}
230
344
  withVisible={{
231
345
  "value": [
@@ -248,10 +362,10 @@ function App() {
248
362
  "withData": [
249
363
 
250
364
  ]
251
- }}
365
+ }}
252
366
  />
253
367
  <Field.Input label="测试 withVisible2" __id="withVisible2"
254
- isRequired={true}
368
+ isRequired={true}
255
369
  withIds={["routeType"]}
256
370
  withVisible={{
257
371
  "value": [
@@ -274,10 +388,10 @@ function App() {
274
388
  "withData": [
275
389
 
276
390
  ]
277
- }}
391
+ }}
278
392
  />
279
393
  <Field.Input label="测试 withVisible21" __id="withVisible21"
280
- isRequired={true}
394
+ isRequired={true}
281
395
  withIds={["routeType"]}
282
396
  withVisible={{
283
397
  "value": [
@@ -300,7 +414,7 @@ function App() {
300
414
  "withData": [
301
415
 
302
416
  ]
303
- }}
417
+ }}
304
418
  />
305
419
  <Field.Select label="绑定表单"
306
420
  option_label={"formTitle"}
@@ -315,7 +429,7 @@ function App() {
315
429
 
316
430
 
317
431
  <Field.Input label="隐藏字段" __id="hidden1"
318
- calcHidden={true}
432
+ calcHidden={true}
319
433
  />
320
434
 
321
435
  <Field.Input label="菜单URL" __id="route"
@@ -369,7 +483,120 @@ function App() {
369
483
  ]} label="子表填充数据源" __id="fill_datasource1" />
370
484
  <Layout.FormRow layout={'1'}>
371
485
  <Field.Table label="测试主子表填充" __id="table_fill" isAllowAdd={true} isAllowCopy={true} >
486
+ <Field.Input label="含税单价代理中转" __id="fill_xianghu4"
487
+ withIds={["table_fill.fill_xianghu2"]}
488
+ withFill={{
489
+ "value": [
490
+ {
491
+ "insert": {
492
+ "span": true
493
+ },
494
+ "attributes": {
495
+ "id": "table_fill.fill_xianghu2",
496
+ "color": "blue",
497
+ "tagKey": "fieldsValue",
498
+ "content": "当前表单.测试相互依赖"
499
+ }
500
+ },
501
+ {
502
+ "insert": "/0.8"
503
+ },
504
+ {
505
+ "insert": "\n\n"
506
+ }
507
+ ],
508
+ "version": 1719296886283,
509
+ "withData": [
510
+
511
+ ]
512
+ }}
513
+ />
514
+ <Field.Input label="含税单价" __id="fill_xianghu1"
515
+ withIds={["table_fill.fill_xianghu3"]}
516
+ withFill={{
517
+ "value": [
518
+ {
519
+ "insert": {
520
+ "span": true
521
+ },
522
+ "attributes": {
523
+ "id": "table_fill.fill_xianghu3",
524
+ "color": "blue",
525
+ "tagKey": "fieldsValue",
526
+ "content": "当前表单.测试相互依赖"
527
+ }
528
+ },
529
+ {
530
+ "insert": "* 0.5"
531
+ },
532
+ {
533
+ "insert": "\n\n"
534
+ }
535
+ ],
536
+ "version": 1719296886283,
537
+ "withData": [
538
+
539
+ ]
540
+ }}
541
+ />
372
542
 
543
+ <Field.Input label="未税单价" __id="fill_xianghu2"
544
+ withIds={["table_fill.fill_xianghu1"]}
545
+ withFill={{
546
+ "value": [
547
+ {
548
+ "insert": {
549
+ "span": true
550
+ },
551
+ "attributes": {
552
+ "id": "table_fill.fill_xianghu1",
553
+ "color": "blue",
554
+ "tagKey": "fieldsValue",
555
+ "content": "当前表单.测试相互依赖"
556
+ }
557
+ },
558
+ {
559
+ "insert": "*0.8"
560
+ },
561
+ {
562
+ "insert": "\n\n"
563
+ }
564
+ ],
565
+ "version": 1719296886283,
566
+ "withData": [
567
+
568
+ ]
569
+ }}
570
+ />
571
+
572
+ <Field.Input label="客户单价" __id="fill_xianghu3"
573
+ withIds={["table_fill.fill_xianghu4"]}
574
+ withFill={{
575
+ "value": [
576
+ {
577
+ "insert": {
578
+ "span": true
579
+ },
580
+ "attributes": {
581
+ "id": "table_fill.fill_xianghu4",
582
+ "color": "blue",
583
+ "tagKey": "fieldsValue",
584
+ "content": "当前表单.测试相互依赖"
585
+ }
586
+ },
587
+ {
588
+ "insert": "/ 0.5"
589
+ },
590
+ {
591
+ "insert": "\n\n"
592
+ }
593
+ ],
594
+ "version": 1719296886283,
595
+ "withData": [
596
+
597
+ ]
598
+ }}
599
+ />
373
600
  <Field.WithSingleSelect
374
601
  ref={testRef}
375
602
  request={async (params) => {
@@ -400,7 +627,7 @@ function App() {
400
627
  <Field.WithSingleSelect
401
628
  ref={testRef}
402
629
  request={async (params) => {
403
- console.log("测试填充2 reqeust",params)
630
+ console.log("测试填充2 reqeust", params)
404
631
  if (!params?.value) return { code: 0, data: { list: [{ label: '选项1', value: '1', }] } }
405
632
  await new Promise(resolve => setTimeout(resolve, 200))
406
633
  return { code: 0, data: { list: [{ label: '选项1', value: '1', }, { label: '选项2', value: '2', fill_tcinput1: "8989", fill_tcinput2: "2222" }, { label: '选项3', value: '3' }] } }
@@ -460,7 +687,7 @@ function App() {
460
687
 
461
688
  </Field.Table>
462
689
  </Layout.FormRow>
463
-
690
+
464
691
  </FormContainerWrapper>
465
692
  <div className="fgroup">11111
466
693
  <div className="fbg-red-500 group-hover:fbg-blue-500">
package/src/components/field/select/search-select.jsx CHANGED
@@ -186,7 +186,8 @@ const SearchSelect = forwardRef(({ addWrapper = true, form, fieldName, fieldsVal
186
186
  }
187
187
  if (nOptions.length > 0 && !isEqual(nOptions, list)) {
188
188
  console.log(`[${props?.label}]handleOptions onChange(undefined)`)
189
- typeof onChange === 'function' && onChange(undefined)
189
+ // 忘记这行有啥用了，但他会造成debounceFetchOptions之后下拉框置空，暂时弃用
190
+ // typeof onChange === 'function' && onChange(undefined)
190
191
  }
191
192
  }
192
193
  return list
@@ -232,7 +233,7 @@ const SearchSelect = forwardRef(({ addWrapper = true, form, fieldName, fieldsVal
232
233
 
233
234
  try {
234
235
  const nextPageParams = { ...requestParams, page: currentPageRef.current + 1, pageSize: currentPageSize };
235
- let newOptions = await fetchList(nextPageParams, null);
236
+ let newOptions = await fetchList(nextPageParams, null, fieldName);
236
237
  newOptions = await handleOptions(newOptions);
237
238
  if (Array.isArray(newOptions) && newOptions.length > 0) {
238
239
  setNOptions(prevOptions => {