lu-lowcode-package-form 0.11.46 → 0.11.50

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "lu-lowcode-package-form",
3
- "version": "0.11.46",
3
+ "version": "0.11.50",
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 = () => {
@@ -191,15 +191,249 @@ function App() {
191
191
 
192
192
  <FormContainerWrapper cols={cols} key={"formc"} className="" ref={formRef} >
193
193
 
194
- <Field.WithSingleSelect
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
195
429
  ref={testRef}
196
430
  request={async (params) => {
197
431
  return {
198
432
  code: 0, data: {
199
433
  list:
200
434
  [
201
- { label: '选项1', value: '1', routeType: 1 },
202
- { label: '选项2', value: '2' , routeType:2 },
435
+ { label: '选项1', value: '1', routeType: 1 },
436
+ { label: '选项2', value: '2', routeType: 2 },
203
437
  { label: '选项3', value: '3' }
204
438
  ]
205
439
  }
@@ -225,7 +459,7 @@ function App() {
225
459
 
226
460
 
227
461
  <Field.Input label="测试 withVisible" __id="withVisible"
228
- isRequired={true}
462
+ isRequired={true}
229
463
  withIds={["routeType"]}
230
464
  withVisible={{
231
465
  "value": [
@@ -248,10 +482,10 @@ function App() {
248
482
  "withData": [
249
483
 
250
484
  ]
251
- }}
485
+ }}
252
486
  />
253
487
  <Field.Input label="测试 withVisible2" __id="withVisible2"
254
- isRequired={true}
488
+ isRequired={true}
255
489
  withIds={["routeType"]}
256
490
  withVisible={{
257
491
  "value": [
@@ -274,10 +508,10 @@ function App() {
274
508
  "withData": [
275
509
 
276
510
  ]
277
- }}
511
+ }}
278
512
  />
279
513
  <Field.Input label="测试 withVisible21" __id="withVisible21"
280
- isRequired={true}
514
+ isRequired={true}
281
515
  withIds={["routeType"]}
282
516
  withVisible={{
283
517
  "value": [
@@ -300,7 +534,7 @@ function App() {
300
534
  "withData": [
301
535
 
302
536
  ]
303
- }}
537
+ }}
304
538
  />
305
539
  <Field.Select label="绑定表单"
306
540
  option_label={"formTitle"}
@@ -315,7 +549,7 @@ function App() {
315
549
 
316
550
 
317
551
  <Field.Input label="隐藏字段" __id="hidden1"
318
- calcHidden={true}
552
+ calcHidden={true}
319
553
  />
320
554
 
321
555
  <Field.Input label="菜单URL" __id="route"
@@ -341,7 +575,7 @@ function App() {
341
575
  code: 0, data: {
342
576
  list:
343
577
  [
344
- { label: '选项1', value: '1', table_fill: [{ fill_tianchong1: { label: '选项1', value: '1' }, fill_tianchong2: { label: '选项2', value: '2' } }] },
578
+ { label: '选项1', value: '1', table_fill: [{ fill_shuilv:0.13, fill_tianchong1: { label: '选项1', value: '1' }, fill_tianchong2: { label: '选项2', value: '2' } }] },
345
579
  { label: '选项2', value: '2' },
346
580
  { label: '选项3', value: '3' }
347
581
  ]
@@ -363,13 +597,309 @@ function App() {
363
597
  "source": "fill_tianchong1",
364
598
  "target": "fill_tianchong1",
365
599
  },
600
+ {
601
+ "id": "636d3924-0298-4e9b-809a-26d4a10d7b11",
602
+ "type": 0,
603
+ "source": "fill_shuilv",
604
+ "target": "fill_shuilv",
605
+ },
366
606
  ]
367
607
  },
368
608
 
369
609
  ]} label="子表填充数据源" __id="fill_datasource1" />
370
610
  <Layout.FormRow layout={'1'}>
371
611
  <Field.Table label="测试主子表填充" __id="table_fill" isAllowAdd={true} isAllowCopy={true} >
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
621
+ },
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
635
+ },
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
+
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
663
+ },
664
+ "attributes": {
665
+ "id": "table_fill.fill_xianghu6",
666
+ "color": "blue",
667
+ "tagKey": "fieldsValue",
668
+ "content": "当前表单.测试相互依赖"
669
+ }
670
+ },
671
+ {
672
+ "insert": "* 0.5"
673
+ },
674
+ {
675
+ "insert": "\n\n"
676
+ }
677
+ ],
678
+ "version": 1719296886283,
679
+ "withData": [
680
+
681
+ ]
682
+ }}
683
+ />
684
+
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
+ },
703
+ {
704
+ "insert": {
705
+ "span": true
706
+ },
707
+ "attributes": {
708
+ "id": "table_fill.fill_shuilv",
709
+ "color": "blue",
710
+ "tagKey": "fieldsValue",
711
+ "content": "当前表单.测试相互依赖"
712
+ }
713
+ },
714
+ {
715
+ "insert": ")"
716
+ },
717
+ {
718
+ "insert": "\n\n"
719
+ }
720
+ ],
721
+ "version": 1719296886283,
722
+ "withData": [
723
+
724
+ ]
725
+ }}
726
+ />
727
+
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": "当前表单.测试相互依赖"
741
+ }
742
+ },
743
+ {
744
+ "insert": "/ 0.5"
745
+ },
746
+ {
747
+ "insert": "\n\n"
748
+ }
749
+ ],
750
+ "version": 1719296886283,
751
+ "withData": [
752
+
753
+ ]
754
+ }}
755
+ />
756
+
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
764
+ },
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
779
+ },
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
+
797
+ ]
798
+ }}
799
+ />
800
+
801
+
802
+ <Field.Input label="客户未税单价" __id="fill_xianghu5"
803
+ withIds={["table_fill.fill_xianghu3","table_fill.fill_shuilv"]}
804
+ withFill={{
805
+ "value": [
806
+ {
807
+ "insert": {
808
+ "span": true
809
+ },
810
+ "attributes": {
811
+ "id": "table_fill.fill_xianghu3",
812
+ "color": "blue",
813
+ "tagKey": "fieldsValue",
814
+ "content": "当前表单.测试相互依赖"
815
+ }
816
+ },
817
+ {
818
+ "insert": "/ (1+"
819
+ },
820
+
821
+ {
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"
837
+ }
838
+ ],
839
+ "version": 1719296886283,
840
+ "withData": [
841
+
842
+ ]
843
+ }}
844
+ />
372
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"]}
850
+ withFill={{
851
+ "value": [
852
+ {
853
+ "insert": {
854
+ "span": true
855
+ },
856
+ "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",
873
+ "color": "blue",
874
+ "tagKey": "fieldsValue",
875
+ "content": "当前表单.测试相互依赖"
876
+ }
877
+ },
878
+ {
879
+ "insert": ") * "
880
+ },
881
+
882
+ {
883
+ "insert": {
884
+ "span": true
885
+ },
886
+ "attributes": {
887
+ "id": "table_fill.fill_shuliang",
888
+ "color": "blue",
889
+ "tagKey": "fieldsValue",
890
+ "content": "当前表单.测试相互依赖"
891
+ }
892
+ },
893
+ {
894
+ "insert": "\n\n"
895
+ }
896
+ ],
897
+ "version": 1719296886283,
898
+ "withData": [
899
+
900
+ ]
901
+ }}
902
+ />
373
903
  <Field.WithSingleSelect
374
904
  ref={testRef}
375
905
  request={async (params) => {
@@ -400,7 +930,7 @@ function App() {
400
930
  <Field.WithSingleSelect
401
931
  ref={testRef}
402
932
  request={async (params) => {
403
- console.log("测试填充2 reqeust",params)
933
+ console.log("测试填充2 reqeust", params)
404
934
  if (!params?.value) return { code: 0, data: { list: [{ label: '选项1', value: '1', }] } }
405
935
  await new Promise(resolve => setTimeout(resolve, 200))
406
936
  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 +990,7 @@ function App() {
460
990
 
461
991
  </Field.Table>
462
992
  </Layout.FormRow>
463
-
993
+
464
994
  </FormContainerWrapper>
465
995
  <div className="fgroup">11111
466
996
  <div className="fbg-red-500 group-hover:fbg-blue-500">