lu-lowcode-package-form 0.11.80 → 0.11.81

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 (10) hide show
  1. package/dist/index.cjs.js +391 -343
  2. package/dist/index.es.js +50256 -42721
  3. package/dist/style.css +7 -1
  4. package/package.json +2 -2
  5. package/src/App copy 5.jsx +1027 -0
  6. package/src/App.jsx +491 -570
  7. package/src/components/editor/index.jsx +2 -1
  8. package/src/components/editor/quill2.jsx +88 -0
  9. package/src/components/field/select/search-select.jsx +1 -1
  10. package/src/components/form-container/index.jsx +70 -16
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 = () => {
@@ -191,249 +191,15 @@ function App() {
191
191
 
192
192
  <FormContainerWrapper cols={cols} key={"formc"} className="" ref={formRef} >
193
193
 
194
- <Field.Number label="税率" __id="fill_shuilv"
195
- />
196
- <Field.Input label="含税单价代理中转" __id="fill_xianghu4"
197
- withIds={["fill_xianghu2","fill_shuilv"]}
198
- withFill={{
199
- "value": [
200
- {
201
- "insert": {
202
- "span": true
203
- },
204
- "attributes": {
205
- "id": "fill_xianghu2",
206
- "color": "blue",
207
- "tagKey": "fieldsValue",
208
- "content": "当前表单.测试相互依赖"
209
- }
210
- },
211
- {
212
- "insert": "* (1+"
213
- },
214
- {
215
- "insert": {
216
- "span": true
217
- },
218
- "attributes": {
219
- "id": "fill_shuilv",
220
- "color": "blue",
221
- "tagKey": "fieldsValue",
222
- "content": "当前表单.测试相互依赖"
223
- }
224
- },
225
- {
226
- "insert": ")"
227
- },
228
- {
229
- "insert": "\n\n"
230
- }
231
- ],
232
- "version": 1719296886283,
233
- "withData": [
234
-
235
- ]
236
- }}
237
- />
238
- <Field.Input label="含税单价" __id="fill_xianghu1"
239
- withIds={["fill_xianghu6"]}
240
- withFill={{
241
- "value": [
242
- {
243
- "insert": {
244
- "span": true
245
- },
246
- "attributes": {
247
- "id": "fill_xianghu6",
248
- "color": "blue",
249
- "tagKey": "fieldsValue",
250
- "content": "当前表单.测试相互依赖"
251
- }
252
- },
253
- {
254
- "insert": "* 0.5"
255
- },
256
- {
257
- "insert": "\n\n"
258
- }
259
- ],
260
- "version": 1719296886283,
261
- "withData": [
262
-
263
- ]
264
- }}
265
- />
266
-
267
- <Field.Input label="未税单价" __id="fill_xianghu2"
268
- withIds={["fill_xianghu1","fill_shuilv"]}
269
- withFill={{
270
- "value": [
271
- {
272
- "insert": {
273
- "span": true
274
- },
275
- "attributes": {
276
- "id": "fill_xianghu1",
277
- "color": "blue",
278
- "tagKey": "fieldsValue",
279
- "content": "当前表单.测试相互依赖"
280
- }
281
- },
282
- {
283
- "insert": "/ (1+"
284
- },
285
- {
286
- "insert": {
287
- "span": true
288
- },
289
- "attributes": {
290
- "id": "fill_shuilv",
291
- "color": "blue",
292
- "tagKey": "fieldsValue",
293
- "content": "当前表单.测试相互依赖"
294
- }
295
- },
296
- {
297
- "insert": ")"
298
- },
299
- {
300
- "insert": "\n\n"
301
- }
302
- ],
303
- "version": 1719296886283,
304
- "withData": [
305
-
306
- ]
307
- }}
308
- />
309
-
310
- <Field.Input label="客户单价" __id="fill_xianghu3"
311
- withIds={["fill_xianghu4"]}
312
- withFill={{
313
- "value": [
314
- {
315
- "insert": {
316
- "span": true
317
- },
318
- "attributes": {
319
- "id": "fill_xianghu4",
320
- "color": "blue",
321
- "tagKey": "fieldsValue",
322
- "content": "当前表单.测试相互依赖"
323
- }
324
- },
325
- {
326
- "insert": "/ 0.5"
327
- },
328
- {
329
- "insert": "\n\n"
330
- }
331
- ],
332
- "version": 1719296886283,
333
- "withData": [
334
-
335
- ]
336
- }}
337
- />
338
-
339
- <Field.Input label="客户单价中转" __id="fill_xianghu6"
340
- withIds={["fill_xianghu5","fill_shuilv"]}
341
- withFill={{
342
- "value": [
343
- {
344
- "insert": {
345
- "span": true
346
- },
347
- "attributes": {
348
- "id": "fill_xianghu5",
349
- "color": "blue",
350
- "tagKey": "fieldsValue",
351
- "content": "当前表单.测试相互依赖"
352
- }
353
- },
354
- {
355
- "insert": "* (1+"
356
- },
357
-
358
- {
359
- "insert": {
360
- "span": true
361
- },
362
- "attributes": {
363
- "id": "fill_shuilv",
364
- "color": "blue",
365
- "tagKey": "fieldsValue",
366
- "content": "当前表单.测试相互依赖"
367
- }
368
- },
369
- {
370
- "insert": ")"
371
- },
372
- {
373
- "insert": "\n\n"
374
- }
375
- ],
376
- "version": 1719296886283,
377
- "withData": [
378
-
379
- ]
380
- }}
381
- />
382
-
383
-
384
- <Field.Input label="客户未税单价" __id="fill_xianghu5"
385
- withIds={["fill_xianghu3","fill_shuilv"]}
386
- withFill={{
387
- "value": [
388
- {
389
- "insert": {
390
- "span": true
391
- },
392
- "attributes": {
393
- "id": "fill_xianghu3",
394
- "color": "blue",
395
- "tagKey": "fieldsValue",
396
- "content": "当前表单.测试相互依赖"
397
- }
398
- },
399
- {
400
- "insert": "/ (1+"
401
- },
402
-
403
- {
404
- "insert": {
405
- "span": true
406
- },
407
- "attributes": {
408
- "id": "fill_shuilv",
409
- "color": "blue",
410
- "tagKey": "fieldsValue",
411
- "content": "当前表单.测试相互依赖"
412
- }
413
- },
414
- {
415
- "insert": ")"
416
- },
417
- {
418
- "insert": "\n\n"
419
- }
420
- ],
421
- "version": 1719296886283,
422
- "withData": [
423
-
424
- ]
425
- }}
426
- />
427
-
428
- <Field.WithSingleSelect
194
+ <Field.WithSingleSelect
429
195
  ref={testRef}
430
196
  request={async (params) => {
431
197
  return {
432
198
  code: 0, data: {
433
199
  list:
434
200
  [
435
- { label: '选项1', value: '1', routeType: 1 },
436
- { label: '选项2', value: '2', routeType: 2 },
201
+ { label: '选项1', value: '1', routeType: 1 },
202
+ { label: '选项2', value: '2' , routeType:2 },
437
203
  { label: '选项3', value: '3' }
438
204
  ]
439
205
  }
@@ -459,7 +225,7 @@ function App() {
459
225
 
460
226
 
461
227
  <Field.Input label="测试 withVisible" __id="withVisible"
462
- isRequired={true}
228
+ isRequired={true}
463
229
  withIds={["routeType"]}
464
230
  withVisible={{
465
231
  "value": [
@@ -482,10 +248,10 @@ function App() {
482
248
  "withData": [
483
249
 
484
250
  ]
485
- }}
251
+ }}
486
252
  />
487
253
  <Field.Input label="测试 withVisible2" __id="withVisible2"
488
- isRequired={true}
254
+ isRequired={true}
489
255
  withIds={["routeType"]}
490
256
  withVisible={{
491
257
  "value": [
@@ -508,10 +274,10 @@ function App() {
508
274
  "withData": [
509
275
 
510
276
  ]
511
- }}
277
+ }}
512
278
  />
513
279
  <Field.Input label="测试 withVisible21" __id="withVisible21"
514
- isRequired={true}
280
+ isRequired={true}
515
281
  withIds={["routeType"]}
516
282
  withVisible={{
517
283
  "value": [
@@ -534,7 +300,7 @@ function App() {
534
300
  "withData": [
535
301
 
536
302
  ]
537
- }}
303
+ }}
538
304
  />
539
305
  <Field.Select label="绑定表单"
540
306
  option_label={"formTitle"}
@@ -549,7 +315,7 @@ function App() {
549
315
 
550
316
 
551
317
  <Field.Input label="隐藏字段" __id="hidden1"
552
- calcHidden={true}
318
+ calcHidden={true}
553
319
  />
554
320
 
555
321
  <Field.Input label="菜单URL" __id="route"
@@ -575,7 +341,7 @@ function App() {
575
341
  code: 0, data: {
576
342
  list:
577
343
  [
578
- { label: '选项1', value: '1', table_fill: [{ fill_shuilv:0.13, fill_tianchong1: { label: '选项1', value: '1' }, fill_tianchong2: { label: '选项2', value: '2' } },{ fill_shuilv:0.13, fill_tianchong1: { label: '选项1', value: '1' }, fill_tianchong2: { label: '选项2', value: '2' } }] },
344
+ { label: '选项1', value: '1', table_fill: [{ fill_tianchong1: { label: '选项1', value: '1' }, fill_tianchong2: { label: '选项2', value: '2' } }] },
579
345
  { label: '选项2', value: '2' },
580
346
  { label: '选项3', value: '3' }
581
347
  ]
@@ -597,210 +363,419 @@ function App() {
597
363
  "source": "fill_tianchong1",
598
364
  "target": "fill_tianchong1",
599
365
  },
600
- {
601
- "id": "636d3924-0298-4e9b-809a-26d4a10d7b11",
602
- "type": 0,
603
- "source": "fill_shuilv",
604
- "target": "fill_shuilv",
605
- },
606
366
  ]
607
367
  },
608
368
 
609
369
  ]} label="子表填充数据源" __id="fill_datasource1" />
610
370
  <Layout.FormRow layout={'1'}>
611
- <Field.Table label="测试主子表填充" __id="table_fill" isAllowAdd={true} isAllowCopy={true} hideEditMode={true} columnsWidth={[100,200,300,400,500,600,700,800,900,1000]}>
612
- <Field.Number label="税率" __id="fill_shuilv"
613
- />
614
- <Field.Input label="含税单价代理中转" __id="fill_xianghu4"
615
- withIds={["table_fill.fill_xianghu2","table_fill.fill_shuilv"]}
616
- withFill={{
617
- "value": [
618
- {
619
- "insert": {
620
- "span": true
371
+ <Field.Table label="测试主子表填充" __id="table_fill" isAllowAdd={true} isAllowCopy={true} >
372
+
373
+ <Field.WithSingleSelect
374
+ ref={testRef}
375
+ request={async (params) => {
376
+ console.log("request params", params)
377
+ return { code: 0, data: { list: [{ label: '选项1', value: '1', fill_tianchong2: { label: '选项2', value: '2' }, fill_tcinput1: "1111", }, { label: '选项2', value: '2' }, { label: '选项3', value: '3' }] } }
378
+ }}
379
+ option_label="label"
380
+ option_value="value"
381
+ fillRules={[
382
+ {
383
+ "id": "636d3924-0298-4e9b-809a-26d4a10d7b19",
384
+ "type": 0,
385
+ "source": "fill_tianchong2",
386
+ "target": "fill_tianchong2",
387
+ "subRules": [
388
+ ]
621
389
  },
622
- "attributes": {
623
- "id": "table_fill.fill_xianghu2",
624
- "color": "blue",
625
- "tagKey": "fieldsValue",
626
- "content": "当前表单.测试相互依赖"
627
- }
628
- },
629
- {
630
- "insert": "* (1+"
631
- },
632
- {
633
- "insert": {
634
- "span": true
390
+ {
391
+ "id": "636d3924-0298-4e9b-809a-26d4a10d7b11",
392
+ "type": 0,
393
+ "source": "fill_tcinput1",
394
+ "target": "fill_tcinput1",
395
+ "subRules": [
396
+ ]
635
397
  },
636
- "attributes": {
637
- "id": "table_fill.fill_shuilv",
638
- "color": "blue",
639
- "tagKey": "fieldsValue",
640
- "content": "当前表单.测试相互依赖"
641
- }
642
- },
643
- {
644
- "insert": ")"
645
- },
646
- {
647
- "insert": "\n\n"
648
- }
649
- ],
650
- "version": 1719296886283,
651
- "withData": [
652
398
 
653
- ]
654
- }}
655
- />
656
- <Field.Input label="含税单价" __id="fill_xianghu1"
657
- withIds={["table_fill.fill_xianghu6"]}
658
- withFill={{
659
- "value": [
660
- {
661
- "insert": {
662
- "span": true
399
+ ]} label="测试填充1" __id="fill_tianchong1" />
400
+ <Field.WithSingleSelect
401
+ ref={testRef}
402
+ request={async (params) => {
403
+ if (!params?.value) return { code: 0, data: { list: [{ label: '选项1', value: '1', }] } }
404
+ await new Promise(resolve => setTimeout(resolve, 200))
405
+ return { code: 0, data: { list: [{ label: '选项1', value: '1', }, { label: '选项2', value: '2', fill_tcinput1: "8989", fill_tcinput2: "2222" }, { label: '选项3', value: '3' }] } }
406
+ }}
407
+ option_label="label"
408
+ option_value="value"
409
+ option_search="label"
410
+ fillRules={[
411
+ {
412
+ "id": "636d3924-0298-4e9b-809a-16d4a10d7b29",
413
+ "type": 0,
414
+ "source": "fill_tcinput1",
415
+ "target": "fill_tcinput1",
416
+ "subRules": [
417
+ ]
663
418
  },
664
- "attributes": {
665
- "id": "table_fill.fill_xianghu6",
666
- "color": "blue",
667
- "tagKey": "fieldsValue",
668
- "content": "当前表单.测试相互依赖"
419
+ {
420
+ "id": "636d3924-0298-4e9b-809a-26d4a10d7b29",
421
+ "type": 0,
422
+ "source": "fill_tcinput2",
423
+ "target": "fill_tcinput2",
424
+ "subRules": [
425
+ ]
426
+ },
427
+
428
+ ]} label="测试填充2" __id="fill_tianchong2" />
429
+ <Field.Input label="测试被填充1" __id="fill_tcinput1" />
430
+ <Field.Input label="测试被填充2" __id="fill_tcinput2" />
431
+ <Field.Input label="测试被填充计算" __id="fill_tcinput3"
432
+ withIds={["table_fill.fill_tcinput2"]}
433
+ withFill={{
434
+ "value": [
435
+ {
436
+ "insert": {
437
+ "span": true
438
+ },
439
+ "attributes": {
440
+ "id": "table_fill.fill_tcinput2",
441
+ "color": "blue",
442
+ "tagKey": "fieldsValue",
443
+ "content": "当前表单.测试被填充2"
444
+ }
445
+ },
446
+ {
447
+ "insert": "* 0.5"
448
+ },
449
+ {
450
+ "insert": "\n\n"
451
+ }
452
+ ],
453
+ "version": 1719296886283,
454
+ "withData": [
455
+
456
+ ]
457
+ }}
458
+ />
459
+
460
+ </Field.Table>
461
+ </Layout.FormRow>
462
+ <Field.MultipleSelect mode="multiple" option_label={"label"} option_value={"value"} label="测试过滤条件" __id="selecta1" request={async (params) => {
463
+ return { code: 0, data: { list: [{ label: '选项1', value: '1' }, { label: '选项2', value: '2' }] } }
464
+ }}></Field.MultipleSelect>
465
+ <Layout.FormRow layout={'1'}>
466
+
467
+ <Show.WithTable label="测试关联子表" __id="withtable1"
468
+ filterRules={[
469
+ {
470
+ "value": {
471
+ "parent": "",
472
+ "field_key": "aa2",
473
+ "group_key": "fieldsValue",
474
+ "field_name": "当前表单.测试"
475
+ },
476
+ "valueType": "variable",
477
+ "column": {
478
+ "label": "库存表.所在仓库",
479
+ "value": "node_ocm009lpxt2",
480
+ "column_name": "node_ocm009lpxt2",
481
+ "column_type": ""
669
482
  }
670
- },
671
- {
672
- "insert": "* 0.5"
673
- },
674
- {
675
- "insert": "\n\n"
676
483
  }
677
- ],
678
- "version": 1719296886283,
679
- "withData": [
680
-
681
- ]
484
+ ]} />
485
+ </Layout.FormRow>
486
+ <Field.Number label="测试" __id="aa2" isRequired={true} />
487
+ <Field.Number label="测试" __id="aa3" value={123} readonly={readonly} />
488
+ <Field.Number label="测试" __id="aa1" calcHidden={true} readonly={readonly} />
489
+ <Field.Number label="测试" __id="aa4" readonly={readonly} />
490
+ <Field.UserSelect label="选择用户" __id="userselect" defaultValue={[{ id: 1, username: "十天" }]} readonly={readonly} />
491
+ <Layout.FormGroupTitle title={"基本信息"} />
492
+ <Field.WithSingleSelect
493
+ rightIconRender={({ form, fieldName }) => {
494
+ // console.log("rightIconRender form", form,)
495
+ // console.log("rightIconRender fieldName", fieldName)
496
+ return <><PrinterOutlined /></>
682
497
  }}
683
- />
498
+ ref={testRef} fillRules={[
499
+ {
500
+ "id": "636d3924-0298-4e9b-809a-26d4a10d7b89",
501
+ "type": 0,
502
+ "source": "shuilv",
503
+ "target": "shuilv",
504
+ "subRules": [
505
+ ]
506
+ },
684
507
 
685
- <Field.Input label="未税单价" __id="fill_xianghu2"
686
- withIds={["table_fill.fill_xianghu1","table_fill.fill_shuilv"]}
687
- withFill={{
688
- "value": [
689
- {
690
- "insert": {
691
- "span": true
692
- },
693
- "attributes": {
694
- "id": "table_fill.fill_xianghu1",
695
- "color": "blue",
696
- "tagKey": "fieldsValue",
697
- "content": "当前表单.测试相互依赖"
698
- }
699
- },
700
- {
701
- "insert": "/ (1+"
702
- },
508
+ ]} label="发票类型" options={[{ label: '选项1', value: '1', shuilv: 15, }, { label: '选项2', value: '2', shuilv: 50 }, { label: '选项3', value: '3', shuilv: 2 }]} __id="fapiaoleixing" />
509
+
510
+ <Field.Number label="税率（%）" __id="shuilv" />
511
+
512
+ <Field.WithSingleSelect ref={testRef} fillRules={[
513
+ {
514
+ "id": "636d3924-0298-4e9b-809a-26d4a10d7b89",
515
+ "type": 0,
516
+ "source": "name",
517
+ "target": "name",
518
+ "subRules": [
519
+
520
+ ]
521
+ },
522
+ {
523
+ "id": "93401e38-60a4-4acf-84a6-8958785a4a30",
524
+ "type": 1,
525
+ "source": "table",
526
+ "target": "table",
527
+ "subRules": [
703
528
  {
704
- "insert": {
705
- "span": true
706
- },
707
- "attributes": {
708
- "id": "table_fill.fill_shuilv",
709
- "color": "blue",
710
- "tagKey": "fieldsValue",
711
- "content": "当前表单.测试相互依赖"
712
- }
529
+ "id": "c4a65ae5-58ff-4d7f-8738-a04de1acab61",
530
+ "type": 0,
531
+ "source": "price",
532
+ "target": "product_price1"
713
533
  },
534
+
714
535
  {
715
- "insert": ")"
536
+ "id": "c4a65ae5-58ff-4d7f-8738-a04de1acab61",
537
+ "type": 0,
538
+ "source": "num",
539
+ "target": "product_num1"
716
540
  },
717
- {
718
- "insert": "\n\n"
719
- }
720
- ],
721
- "version": 1719296886283,
722
- "withData": [
723
-
724
541
  ]
542
+ }
543
+ ]} label="测试关联单选" options={[{ label: '选项1', value: '1', name: "1111", table: "[{\"price\":1,\"num\":2},{\"price\":2,\"num\":2},{\"price\":3,\"num\":3},{\"price\":3,\"num\":3}]" }, { label: '选项2', value: '2' }]} __id="remark11" />
544
+ <Layout.FormRow layout={'1'}>
545
+ <Field.Number label="测试规则" __id="ceshi_rule1" />
546
+ </Layout.FormRow>
547
+ <Layout.FormRow layout={'1'}>
548
+ <Field.Table label="子表格" __id="table2" isAllowCopy={true} >
549
+ <Field.Number label="测试规则2" __id="ceshi_rule2" />
550
+ </Field.Table>
551
+ </Layout.FormRow>
552
+
553
+ <Field.WithSingleSelect
554
+ ref={testRef}
555
+ request={async (params) => {
556
+ console.log("request params", params);
557
+ const { page = 1, pageSize = 10 } = params; // 获取当前页码，默认为1
558
+
559
+
560
+ // 模拟数据集
561
+ const allData = [
562
+ { label: '选项1', value: '1' },
563
+ { label: '选项2', value: '2' },
564
+ { label: '选项3', value: '3' },
565
+ { label: '选项4', value: '4' },
566
+ { label: '选项5', value: '5' },
567
+ { label: '选项6', value: '6' },
568
+ { label: '选项7', value: '7' },
569
+ { label: '选项8', value: '8' },
570
+ { label: '选项9', value: '9' },
571
+ { label: '选项10', value: '10' },
572
+ { label: '选项11', value: '11' },
573
+ { label: '选项12', value: '12' },
574
+ { label: '选项13', value: '13' },
575
+ { label: '选项14', value: '14' },
576
+ { label: '选项15', value: '15' },
577
+ { label: '选项16', value: '16' },
578
+ { label: '选项17', value: '17' },
579
+ { label: '选项18', value: '18' },
580
+ { label: '选项19', value: '19' },
581
+ { label: '选项20', value: '20' },
582
+ { label: '选项21', value: '21' },
583
+ { label: '选项22', value: '22' },
584
+ { label: '选项23', value: '23' },
585
+ { label: '选项24', value: '24' }
586
+ ];
587
+
588
+ // 根据页码和每页数据量计算当前页的数据
589
+ const startIndex = (page - 1) * pageSize;
590
+ const endIndex = startIndex + pageSize;
591
+ let pageData = []
592
+ if (startIndex < allData.length) {
593
+ pageData = allData.slice(startIndex, endIndex);
594
+ }
595
+
596
+ let result = { code: 0, data: { list: pageData } };
597
+ console.log("request result", result)
598
+ await new Promise(resolve => setTimeout(resolve, 200))
599
+ return result
725
600
  }}
726
- />
601
+ option_label="label"
602
+ option_value="value"
603
+ label="测试请求" __id="ceshirequest" />
727
604
 
728
- <Field.Input label="客户单价" __id="fill_xianghu3"
729
- withIds={["table_fill.fill_xianghu4"]}
730
- withFill={{
731
- "value": [
732
- {
733
- "insert": {
734
- "span": true
735
- },
736
- "attributes": {
737
- "id": "table_fill.fill_xianghu4",
738
- "color": "blue",
739
- "tagKey": "fieldsValue",
740
- "content": "当前表单.测试相互依赖"
605
+ <Layout.FormRow layout={'1'}>
606
+ <Field.Table label="子表格" __id="table" isAllowAdd={true} isAllowCopy={true} >
607
+
608
+ <Field.Number label="税率（%）" __id="shuilv_table" withIds={[
609
+ "shuilv"
610
+ ]}
611
+ withFill={{
612
+ "value": [
613
+ {
614
+ "insert": {
615
+ "span": true
616
+ },
617
+ "attributes": {
618
+ "id": "shuilv",
619
+ "color": "blue",
620
+ "tagKey": "fieldsValue",
621
+ "content": "当前表单.税率（%）"
622
+ }
623
+ },
624
+
625
+ ],
626
+ "version": 1723016911807,
627
+ "withData": [
628
+
629
+ ]
630
+ }} />
631
+ <Field.DatePicker defaultNow={true} label="日期时间" prompt="" datetype="date" __id="datetime2" />
632
+
633
+ <Field.WithSingleSelect ref={testRef}
634
+ request={async (params, ruleParams, fieldName) => {
635
+ console.log("request params", params, ruleParams, fieldName)
636
+ if (params?.ruleParams?.node_ocm009lpxt2 == 111)
637
+ return { code: 0, data: { list: [{ label: '选项1', value: '1', product_price11: "1111", product_price12: "2222", product_price1: 111 }, { label: '选项2', value: '2' }, { label: '选项3', value: '3' }] } }
638
+ else return { code: 0, data: { list: [{ label: '选项1', value: '1', product_price11: "1111", product_price12: "2222", product_price1: 111 }, { label: '选项2', value: '2' },] } }
639
+ }}
640
+ option_label="label"
641
+ option_value="value"
642
+ filterRules={[
643
+ {
644
+ "value": {
645
+ "parent": "",
646
+ "field_key": "shuilv",
647
+ "group_key": "fieldsValue",
648
+ "field_name": "当前表单.税率"
649
+ },
650
+ "valueType": "variable",
651
+ "column": {
652
+ "label": "库存表.所在仓库",
653
+ "value": "node_ocm009lpxt2",
654
+ "column_name": "node_ocm009lpxt2",
655
+ "column_type": ""
656
+ }
741
657
  }
742
- },
743
- {
744
- "insert": "/ 0.5"
745
- },
746
- {
747
- "insert": "\n\n"
748
- }
749
- ],
750
- "version": 1719296886283,
751
- "withData": [
658
+ ]}
752
659
 
753
- ]
754
- }}
755
- />
660
+ fillRules={[
661
+ {
662
+ "id": "636d3924-0298-4e9b-809a-26d4a10d7b89",
663
+ "type": 0,
664
+ "source": "product_price11",
665
+ "target": "product_price11",
666
+ "subRules": [
756
667
 
757
- <Field.Input label="客户单价中转" __id="fill_xianghu6"
758
- withIds={["table_fill.fill_xianghu5","table_fill.fill_shuilv"]}
759
- withFill={{
760
- "value": [
761
- {
762
- "insert": {
763
- "span": true
668
+ ]
764
669
  },
765
- "attributes": {
766
- "id": "table_fill.fill_xianghu5",
767
- "color": "blue",
768
- "tagKey": "fieldsValue",
769
- "content": "当前表单.测试相互依赖"
770
- }
771
- },
772
- {
773
- "insert": "* (1+"
774
- },
775
-
776
- {
777
- "insert": {
778
- "span": true
670
+ {
671
+ "id": "636d3924-0298-4e9b-809a-26d4a10d7b89",
672
+ "type": 0,
673
+ "source": "product_price1",
674
+ "target": "product_price1",
675
+ "subRules": [
676
+
677
+ ]
779
678
  },
780
- "attributes": {
781
- "id": "table_fill.fill_shuilv",
782
- "color": "blue",
783
- "tagKey": "fieldsValue",
784
- "content": "当前表单.测试相互依赖"
785
- }
786
- },
787
- {
788
- "insert": ")"
789
- },
790
- {
791
- "insert": "\n\n"
792
- }
793
- ],
794
- "version": 1719296886283,
795
- "withData": [
796
679
 
797
- ]
798
- }}
799
- />
680
+ ]} label="测试关联单选" __id="remark11" />
800
681
 
682
+ <Field.Switch label="开关" __id="switch_table"></Field.Switch>
683
+ <Field.Input defaultValue={3} label="含税单价" __id="product_price11" />
684
+ <Field.Input label="未税单价" __id="product_price12"
685
+ withIds={[
686
+ "table.product_price11",
687
+ "shuilv"
688
+ ]}
689
+ withFill={{
690
+ "value": [
691
+ {
692
+ "insert": "("
693
+ },
694
+ {
695
+ "insert": {
696
+ "span": true
697
+ },
698
+ "attributes": {
699
+ "id": "table.product_price11",
700
+ "color": "blue",
701
+ "tagKey": "fieldsValue",
702
+ "content": "当前表单.产品列表.含税单价"
703
+ }
704
+ },
705
+ {
706
+ "insert": "/(1+"
707
+ },
708
+ {
709
+ "insert": {
710
+ "span": true
711
+ },
712
+ "attributes": {
713
+ "id": "shuilv",
714
+ "color": "blue",
715
+ "tagKey": "fieldsValue",
716
+ "content": "当前表单.税率（%）"
717
+ }
718
+ },
719
+ {
720
+ "insert": "/ 100)).toFixed(2)\n\n\n"
721
+ }
722
+ ],
723
+ "version": 1723016911807,
724
+ "withData": [
801
725
 
802
- <Field.Input label="客户未税单价" __id="fill_xianghu5"
803
- withIds={["table_fill.fill_xianghu3","table_fill.fill_shuilv"]}
726
+ ]
727
+ }}
728
+ />
729
+ <Field.Input defaultValue={1} label="商品价格" __id="product_price13" />
730
+ <Field.Input defaultValue={2} label="商品价格" __id="product_price14" />
731
+ <Field.Input label="商品价格" __id="product_price1" />
732
+ <Field.Input label="商品个数" __id="product_num1" />
733
+ <Field.Input disabled={true} label="商品总价" __id="product_sum1"
734
+ withIds={["table.product_price1", "table.product_num1"]}
735
+ withFill={{
736
+ "value": [
737
+ {
738
+ "insert": {
739
+ "span": true
740
+ },
741
+ "attributes": {
742
+ "id": "table.product_price1",
743
+ "color": "blue",
744
+ "tagKey": "fieldsValue",
745
+ "content": "当前表单.商品价格"
746
+ }
747
+ },
748
+ {
749
+ "insert": "*"
750
+ },
751
+ {
752
+ "insert": {
753
+ "span": true
754
+ },
755
+ "attributes": {
756
+ "id": "table.product_num1",
757
+ "color": "blue",
758
+ "tagKey": "fieldsValue",
759
+ "content": "当前表单.商品个数"
760
+ }
761
+ },
762
+ {
763
+ "insert": "\n\n"
764
+ }
765
+ ],
766
+ "version": 1719296886283,
767
+ "withData": [
768
+
769
+ ]
770
+ }} />
771
+ <Field.Input label="分组名" __id="node_oclxmzswzti" />
772
+ <Field.MultipleSelect mode="multiple" label="测多选" __id="select2" options={[{ label: '选项1', value: '1' }, { label: '选项2', value: '2' }]}></Field.MultipleSelect>
773
+
774
+ </Field.Table>
775
+ </Layout.FormRow>
776
+ <Field.Input label="总价" disabled={true} __id="product_total_price" withIds={[
777
+ "table.product_sum1"
778
+ ]}
804
779
  withFill={{
805
780
  "value": [
806
781
  {
@@ -808,45 +783,52 @@ function App() {
808
783
  "span": true
809
784
  },
810
785
  "attributes": {
811
- "id": "table_fill.fill_xianghu3",
786
+ "id": "table.product_sum1",
812
787
  "color": "blue",
813
788
  "tagKey": "fieldsValue",
814
- "content": "当前表单.测试相互依赖"
789
+ "content": "当前表单.标签.小计"
815
790
  }
816
791
  },
817
792
  {
818
- "insert": "/ (1+"
793
+ "insert": ".reduce((acc, curr) => parseFloat(acc||0) + parseFloat(curr||0), 0).toFixed(2)"
819
794
  },
820
-
821
795
  {
822
- "insert": {
823
- "span": true
824
- },
825
- "attributes": {
826
- "id": "table_fill.fill_shuilv",
827
- "color": "blue",
828
- "tagKey": "fieldsValue",
829
- "content": "当前表单.测试相互依赖"
830
- }
831
- },
832
- {
833
- "insert": ")"
834
- },
835
- {
836
- "insert": "\n\n"
796
+ "insert": "\n"
837
797
  }
838
798
  ],
839
- "version": 1719296886283,
799
+ "version": 1719383786677,
840
800
  "withData": [
841
801
 
842
802
  ]
843
803
  }}
844
804
  />
845
-
846
-
847
- <Field.Number label="数量" __id="fill_shuliang"/>
848
- <Field.Input label="未税金额" __id="fill_weishu5"
849
- withIds={["table_fill.fill_xianghu3","table_fill.fill_shuliang","table_fill.fill_shuilv"]}
805
+ <Field.UserSelect label="选择用户" __id="userselect" customComponent={Input} />
806
+ <Field.DeptSelect label="DeptSelect" __id="DeptSelect" treeData={[{
807
+ value: 'parent 1-1',
808
+ title: 'parent 1-1',
809
+ children: [
810
+ {
811
+ value: 'leaf11',
812
+ title: <b style={{ color: '#08c' }}>leaf11</b>,
813
+ },
814
+ ],
815
+ },]}></Field.DeptSelect>
816
+ <Field.PostSelect multiple={true} label="PostSelect" __id="PostSelect" treeData={[{
817
+ value: 'parent 1-1',
818
+ title: 'parent 1-1',
819
+ children: [
820
+ {
821
+ value: 'leaf11',
822
+ title: <b style={{ color: '#08c' }}>leaf11</b>,
823
+ },
824
+ ],
825
+ },]}></Field.PostSelect>
826
+ <Field.SearchSelect mode='multiple' label="搜组件" __id="searchuser" request={searchSelectRequest} option_search={"name"} option_label="name" option_value="id"></Field.SearchSelect>
827
+ <Field.Input label="商品价格" __id="product_price" defaultValue={"12"} readonly={true} />
828
+ <Field.Input label="商品数量" __id="product_num" rules={"^(1[3-9]\\d{9})$"} />
829
+ <Field.NumberRange label="数量范围" __id="product_num_range" />
830
+ <Field.Input rules={["^(1[3-9]\\d{9})$", "^\\d+$"]} label="商品总价" __id="product_sum"
831
+ withIds={["product_price", "product_num"]}
850
832
  withFill={{
851
833
  "value": [
852
834
  {
@@ -854,40 +836,24 @@ function App() {
854
836
  "span": true
855
837
  },
856
838
  "attributes": {
857
- "id": "table_fill.fill_xianghu3",
858
- "color": "blue",
859
- "tagKey": "fieldsValue",
860
- "content": "当前表单.测试相互依赖"
861
- }
862
- },
863
- {
864
- "insert": "/ (1+"
865
- },
866
-
867
- {
868
- "insert": {
869
- "span": true
870
- },
871
- "attributes": {
872
- "id": "table_fill.fill_shuilv",
839
+ "id": "product_price",
873
840
  "color": "blue",
874
841
  "tagKey": "fieldsValue",
875
- "content": "当前表单.测试相互依赖"
842
+ "content": "当前表单.商品价格"
876
843
  }
877
844
  },
878
845
  {
879
- "insert": ") * "
846
+ "insert": "* "
880
847
  },
881
-
882
848
  {
883
849
  "insert": {
884
850
  "span": true
885
851
  },
886
852
  "attributes": {
887
- "id": "table_fill.fill_shuliang",
853
+ "id": "product_num",
888
854
  "color": "blue",
889
855
  "tagKey": "fieldsValue",
890
- "content": "当前表单.测试相互依赖"
856
+ "content": "当前表单.商品个数"
891
857
  }
892
858
  },
893
859
  {
@@ -898,116 +864,71 @@ function App() {
898
864
  "withData": [
899
865
 
900
866
  ]
867
+ }} />
868
+
869
+ <Field.SingleSelect mode="single" option_value={"id"} label="测试单选" __id="select1" options={[{ label: '选项1', value: '1' }, { label: '选项2', value: '2' }]}></Field.SingleSelect>
870
+ <Field.MultipleSelect mode="multiple" label="测多选" __id="select2" options={[{ label: '选项1', value: '1' }, { label: '选项2', value: '2' }]}></Field.MultipleSelect>
871
+ <Field.MultipleSelect mode="multiple" option_label={"label"} option_value={"value"} label="测多选2" __id="select2222" request={async (params) => {
872
+ return { code: 0, data: { list: [{ label: '选项1', value: '1' }, { label: '选项2', value: '2' }] } }
873
+ }}></Field.MultipleSelect>
874
+ <Field.TreeSelect label="分组名" __id="title11"></Field.TreeSelect>
875
+ <Field.Switch label="开关" __id="switch"></Field.Switch>
876
+ <Layout.FormGroupTitle title={"嘟嘟嘟嘟嘟"} />
877
+ <Field.CodeMachine label="角色编号" prompt="" __id="code"
878
+ withIds={["switch"]}
879
+ withVisibleFunc={(fieldsValue) => {
880
+ return fieldsValue?.switch ? true : false
901
881
  }}
902
882
  />
903
- <Field.WithSingleSelect
904
- ref={testRef}
905
- request={async (params) => {
906
- console.log("request params", params)
907
- return { code: 0, data: { list: [{ label: '选项1', value: '1', fill_tianchong2: { label: '选项2', value: '2' }, fill_tcinput1: "1111", }, { label: '选项2', value: '2' }, { label: '选项3', value: '3' }] } }
908
- }}
909
- option_label="label"
910
- option_value="value"
911
- fillRules={[
912
- {
913
- "id": "636d3924-0298-4e9b-809a-26d4a10d7b19",
914
- "type": 0,
915
- "source": "fill_tianchong2",
916
- "target": "fill_tianchong2",
917
- "subRules": [
918
- ]
919
- },
920
- {
921
- "id": "636d3924-0298-4e9b-809a-26d4a10d7b11",
922
- "type": 0,
923
- "source": "fill_tcinput1",
924
- "target": "fill_tcinput1",
925
- "subRules": [
926
- ]
927
- },
928
883
 
929
- ]} label="测试填充1" __id="fill_tianchong1" />
930
- <Field.WithSingleSelect
931
- ref={testRef}
932
- request={async (params) => {
933
- console.log("测试填充2 reqeust", params)
934
- if (!params?.value) return { code: 0, data: { list: [{ label: '选项1', value: '1', }] } }
935
- await new Promise(resolve => setTimeout(resolve, 200))
936
- return { code: 0, data: { list: [{ label: '选项1', value: '1', }, { label: '选项2', value: '2', fill_tcinput1: "8989", fill_tcinput2: "2222" }, { label: '选项3', value: '3' }] } }
937
- }}
938
- option_label="label"
939
- option_value="value"
940
- option_search="label"
941
- fillRules={[
942
- {
943
- "id": "636d3924-0298-4e9b-809a-16d4a10d7b29",
944
- "type": 0,
945
- "source": "fill_tcinput1",
946
- "target": "fill_tcinput1",
947
- "subRules": [
948
- ]
949
- },
950
- {
951
- "id": "636d3924-0298-4e9b-809a-26d4a10d7b29",
952
- "type": 0,
953
- "source": "fill_tcinput2",
954
- "target": "fill_tcinput2",
955
- "subRules": [
956
- ]
957
- },
884
+ <div className=' fh-10 fw-full fbg-green-300' __id="div1111"
885
+ _componentName="Field.div"
886
+ withIds={["switch"]}
887
+ withVisibleFunc={(fieldsValue) => {
888
+ return fieldsValue?.switch ? true : false
889
+ }}>1111</div>
890
+ <Field.DatePicker defaultNow={true} label="datetime" prompt="" datetype="month" value='2022-10-22' __id="datetime" />
891
+ <Field.DatePicker label="datetime2" prompt="" datetype="date" __id="datetime2" />
892
+ <Field.DatePicker readonly={true} defaultNow={true} label="datetime3" prompt="" datetype="datetime" value={'2022-10-22'} __id="datetime3" />
893
+ <Field.DatePicker defaultNow={true} label="datetime4" prompt="" datetype="year" value={'2022-10-22'} __id="datetime4" />
894
+ <Field.Input label="角色名称" __id="name" />
895
+ <Layout.FormRow layout={'1,1'}>
896
+ <Field.Input label="角色名称布局" __id="name1" />
897
+ <Field.Input label="角色名称布局2" __id="name2" />
898
+ </Layout.FormRow>
899
+ <Field.CheckboxTree label="角色权限" __id="permissions" addRoot={false} treeData={treeData} />
900
+ <Layout.FormGroupTitle title={"关联信息"} />
901
+ <Field.WithMultipleSelect disabled={true} label="测试关联多选" options={[{ label: '选项1', value: '1' }, { label: '选项2', value: '2' }]} __id="remark12" />
902
+ <Layout.FormRow > <Field.TextArea label="备注" __id="remark" /></Layout.FormRow>
958
903
 
959
- ]} label="测试填充2" __id="fill_tianchong2" />
960
- <Field.Input label="测试被填充1" __id="fill_tcinput1" />
961
- <Field.Input label="测试被填充2" __id="fill_tcinput2" />
962
- <Field.Input label="测试被填充计算" __id="fill_tcinput3"
963
- withIds={["table_fill.fill_tcinput2"]}
964
- withFill={{
965
- "value": [
966
- {
967
- "insert": {
968
- "span": true
969
- },
970
- "attributes": {
971
- "id": "table_fill.fill_tcinput2",
972
- "color": "blue",
973
- "tagKey": "fieldsValue",
974
- "content": "当前表单.测试被填充2"
975
- }
976
- },
977
- {
978
- "insert": "* 0.5"
904
+ <Layout.FormRow layout={'1'}>
905
+ <Field.RadioGroup withIds={["remark11"]}
906
+ withFill={{
907
+ "value": [
908
+ {
909
+ "insert": {
910
+ "span": true
979
911
  },
980
- {
981
- "insert": "\n\n"
912
+ "attributes": {
913
+ "id": "remark11",
914
+ "color": "blue",
915
+ "tagKey": "fieldsValue",
916
+ "content": "测试关联单选"
982
917
  }
983
- ],
984
- "version": 1719296886283,
985
- "withData": [
986
-
987
- ]
988
- }}
989
- />
918
+ },
919
+ ],
920
+ "version": 1719296886283,
921
+ "withData": [
990
922
 
991
- </Field.Table>
923
+ ]
924
+ }} options={[{ label: '选项1', value: '1' }, { label: '选项2', value: '2' }]} label="单选框" __id="radio" ></Field.RadioGroup>
992
925
  </Layout.FormRow>
993
- <Field.Input label="测试计算汇总" __id="huizong1"
994
- withIds={["table_fill.fill_tcinput3"]}
995
- withFill={{
996
- "value": [
997
- {
998
- "insert": {
999
- "span": true
1000
- },
1001
- "attributes": {
1002
- "id": "table_fill.fill_tcinput3",
1003
- "color": "blue",
1004
- "tagKey": "fieldsValue",
1005
- "content": "当前表单.测试被填充计算"
1006
- }
1007
- },
1008
- ]
1009
- }}
1010
- />
926
+ <Layout.FormRow layout={'1'}>
927
+ <Field.CheckboxGroup options={[{ label: '选项1', value: '1' }, { label: '选项2', value: '2' }]} label="多选框" __id="CheckboxGroup" ></Field.CheckboxGroup>
928
+ </Layout.FormRow>
929
+ <Field.UploadFile label="上传文件" __id="UploadFile" ></Field.UploadFile>
930
+ <Field.UploadImage label="上传图片" __id="UploadImage" ></Field.UploadImage>
931
+
1011
932
  </FormContainerWrapper>
1012
933
  <div className="fgroup">11111
1013
934
  <div className="fbg-red-500 group-hover:fbg-blue-500">