amis 1.9.0-beta.10 → 1.9.0-beta.12

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 (92) hide show
  1. package/lib/actions/LinkAction.d.ts +8 -1
  2. package/lib/actions/LinkAction.js +9 -12
  3. package/lib/actions/LinkAction.js.map +2 -2
  4. package/lib/actions/ToastAction.js +2 -1
  5. package/lib/actions/ToastAction.js.map +2 -2
  6. package/lib/components/Tree.d.ts +170 -84
  7. package/lib/components/Tree.js +25 -23
  8. package/lib/components/Tree.js.map +2 -2
  9. package/lib/index.js +1 -1
  10. package/lib/renderers/Action.js +1 -1
  11. package/lib/renderers/Action.js.map +2 -2
  12. package/lib/renderers/CRUD.d.ts +1 -0
  13. package/lib/renderers/CRUD.js +2 -2
  14. package/lib/renderers/CRUD.js.map +2 -2
  15. package/lib/renderers/Dialog.js +2 -2
  16. package/lib/renderers/Dialog.js.map +2 -2
  17. package/lib/renderers/Drawer.js +2 -2
  18. package/lib/renderers/Drawer.js.map +2 -2
  19. package/lib/renderers/Form/InputFile.d.ts +4 -0
  20. package/lib/renderers/Form/InputFile.js +47 -21
  21. package/lib/renderers/Form/InputFile.js.map +2 -2
  22. package/lib/renderers/Form/InputTree.d.ts +9 -1
  23. package/lib/renderers/Form/InputTree.js +2 -2
  24. package/lib/renderers/Form/InputTree.js.map +2 -2
  25. package/lib/renderers/Form/Picker.d.ts +2 -1
  26. package/lib/renderers/Form/Picker.js +8 -2
  27. package/lib/renderers/Form/Picker.js.map +2 -2
  28. package/lib/renderers/Form/index.js +6 -3
  29. package/lib/renderers/Form/index.js.map +2 -2
  30. package/lib/renderers/Service.d.ts +2 -0
  31. package/lib/renderers/Service.js +23 -3
  32. package/lib/renderers/Service.js.map +2 -2
  33. package/lib/renderers/Wizard.js +5 -8
  34. package/lib/renderers/Wizard.js.map +2 -2
  35. package/lib/themes/ang-ie11.css +27 -15
  36. package/lib/themes/ang.css +39 -25
  37. package/lib/themes/ang.css.map +1 -1
  38. package/lib/themes/antd-ie11.css +27 -15
  39. package/lib/themes/antd.css +39 -25
  40. package/lib/themes/antd.css.map +1 -1
  41. package/lib/themes/cxd-ie11.css +42 -30
  42. package/lib/themes/cxd.css +44 -26
  43. package/lib/themes/cxd.css.map +1 -1
  44. package/lib/themes/dark-ie11.css +27 -15
  45. package/lib/themes/dark.css +39 -25
  46. package/lib/themes/dark.css.map +1 -1
  47. package/lib/themes/default-ie11.css +42 -30
  48. package/lib/themes/default.css +44 -26
  49. package/lib/themes/default.css.map +1 -1
  50. package/package.json +2 -3
  51. package/schema.json +174 -235
  52. package/scss/_properties.scss +2 -0
  53. package/scss/components/form/_tree.scss +41 -46
  54. package/scss/themes/_cxd-variables.scss +7 -2
  55. package/sdk/ang-ie11.css +33 -20
  56. package/sdk/ang.css +45 -30
  57. package/sdk/antd-ie11.css +33 -20
  58. package/sdk/antd.css +45 -30
  59. package/sdk/barcode.js +51 -51
  60. package/sdk/charts.js +15 -15
  61. package/sdk/codemirror.js +7 -7
  62. package/sdk/color-picker.js +65 -65
  63. package/sdk/cropperjs.js +2 -2
  64. package/sdk/cxd-ie11.css +48 -35
  65. package/sdk/cxd.css +50 -31
  66. package/sdk/dark-ie11.css +33 -20
  67. package/sdk/dark.css +45 -30
  68. package/sdk/exceljs.js +1 -1
  69. package/sdk/markdown.js +69 -69
  70. package/sdk/papaparse.js +1 -1
  71. package/sdk/renderers/Form/CityDB.js +1 -1
  72. package/sdk/rest.js +16 -16
  73. package/sdk/rich-text.js +62 -62
  74. package/sdk/sdk-ie11.css +48 -35
  75. package/sdk/sdk.css +50 -31
  76. package/sdk/sdk.js +1265 -1293
  77. package/sdk/thirds/hls.js/hls.js +1 -1
  78. package/sdk/thirds/mpegts.js/mpegts.js +1 -1
  79. package/sdk/tinymce.js +57 -57
  80. package/src/actions/LinkAction.ts +21 -14
  81. package/src/actions/ToastAction.ts +6 -1
  82. package/src/components/Tree.tsx +36 -36
  83. package/src/renderers/Action.tsx +1 -4
  84. package/src/renderers/CRUD.tsx +4 -6
  85. package/src/renderers/Dialog.tsx +2 -2
  86. package/src/renderers/Drawer.tsx +2 -2
  87. package/src/renderers/Form/InputFile.tsx +27 -15
  88. package/src/renderers/Form/InputTree.tsx +12 -1
  89. package/src/renderers/Form/Picker.tsx +13 -3
  90. package/src/renderers/Form/index.tsx +6 -6
  91. package/src/renderers/Service.tsx +40 -5
  92. package/src/renderers/Wizard.tsx +4 -7
package/lib/themes/ang.css CHANGED
@@ -1372,8 +1372,10 @@
1372
1372
  --TabsTransfer-title-bg: #f7f7f9;
1373
1373
  --TabsTransfer-border-color: #e8e9eb;
1374
1374
  --Tree-indent: var(--gap-md);
1375
+ --Tree-icon-gap: var(--gap-xs);
1375
1376
  --Tree-inputHeight: calc(var(--Form-input-height) * 0.85);
1376
1377
  --Tree-item-onHover-bg: rgba(0, 126, 255, 0.08);
1378
+ --Tree-item-onHover-bg-pure: rgba(0, 126, 255, 0.08);
1377
1379
  --Tree-itemArrowWidth: 0.75rem;
1378
1380
  --Tree-itemHeight: 1.875rem;
1379
1381
  --Tree-itemLabel--onChecked-color: var(--Form-selectValue-color);
@@ -27529,7 +27531,7 @@ td.rdtQuarter.rdtDisabled > span {
27529
27531
  top: 2px;
27530
27532
  width: 1rem;
27531
27533
  height: 1rem;
27532
- margin-left: var(--gap-xs);
27534
+ margin-left: var(--Tree-icon-gap);
27533
27535
  }
27534
27536
  .a-Tree.is-disabled {
27535
27537
  pointer-events: none;
@@ -27555,9 +27557,31 @@ td.rdtQuarter.rdtDisabled > span {
27555
27557
  display: flex;
27556
27558
  align-items: center;
27557
27559
  position: relative;
27560
+ user-select: none;
27561
+ margin-bottom: 0.25rem;
27562
+ padding-left: var(--Tree-icon-gap);
27563
+ }
27564
+ .a-Tree-itemLabel > * {
27565
+ position: relative;
27566
+ z-index: 2;
27567
+ }
27568
+ .a-Tree-itemLabel > .a-Checkbox {
27569
+ display: inline-flex;
27570
+ align-self: center;
27558
27571
  }
27559
27572
  .a-Tree-itemLabel:hover {
27560
- background: var(--Tree-item-onHover-bg);
27573
+ background: var(--Tree-item-onHover-bg-pure);
27574
+ }
27575
+ .a-Tree-item .is-checked {
27576
+ background: var(--Tree-item-onChekced-bg);
27577
+ border-radius: var(--Tree-item-onChekced-bg-borderRadius);
27578
+ }
27579
+ .a-Tree-item .is-disabled {
27580
+ color: var(--text--muted-color);
27581
+ background: none;
27582
+ }
27583
+ .a-Tree-item .is-disabled:hover {
27584
+ background: none;
27561
27585
  }
27562
27586
  .a-Tree.is-draggable .a-Tree-itemLabel:hover::after {
27563
27587
  display: none;
@@ -27569,12 +27593,12 @@ td.rdtQuarter.rdtDisabled > span {
27569
27593
  vertical-align: top;
27570
27594
  height: var(--Tree-itemHeight);
27571
27595
  line-height: var(--Tree-itemHeight);
27572
- padding-right: var(--gap-xs);
27596
+ padding-right: var(--Tree-icon-gap);
27573
27597
  }
27574
27598
  .a-Tree-item-icons > a {
27575
27599
  display: inline-block;
27576
27600
  vertical-align: middle;
27577
- margin-left: var(--gap-xs);
27601
+ margin-left: var(--Tree-icon-gap);
27578
27602
  cursor: pointer;
27579
27603
  }
27580
27604
  .a-Tree-item-icons > a > svg {
@@ -27591,7 +27615,7 @@ td.rdtQuarter.rdtDisabled > span {
27591
27615
  .a-Tree-itemInput > a {
27592
27616
  display: inline-block;
27593
27617
  cursor: pointer;
27594
- margin-left: var(--gap-sm);
27618
+ margin-left: var(--Tree-icon-gap);
27595
27619
  color: var(--icon-color);
27596
27620
  }
27597
27621
  .a-Tree-itemInput > a:hover {
@@ -27635,13 +27659,13 @@ td.rdtQuarter.rdtDisabled > span {
27635
27659
  width: 0.875rem;
27636
27660
  height: 0.875rem;
27637
27661
  top: 0.109375rem;
27638
- margin-right: var(--gap-xs);
27662
+ margin-right: var(--Tree-icon-gap);
27639
27663
  }
27640
27664
  .a-Tree-itemArrow {
27641
27665
  cursor: pointer;
27642
27666
  width: var(--Tree-itemArrowWidth);
27643
27667
  display: inline-flex;
27644
- margin-right: var(--gap-xs);
27668
+ margin-right: var(--Tree-icon-gap);
27645
27669
  }
27646
27670
  .a-Tree-itemArrow > svg {
27647
27671
  width: var(--Tree-itemArrowWidth);
@@ -27656,42 +27680,32 @@ td.rdtQuarter.rdtDisabled > span {
27656
27680
  }
27657
27681
  .a-Tree-itemArrowPlaceholder {
27658
27682
  display: inline-block;
27659
- width: calc(var(--Tree-itemArrowWidth) + var(--gap-xs));
27683
+ width: calc(var(--Tree-itemArrowWidth) + var(--Tree-icon-gap));
27660
27684
  }
27661
27685
  .a-Tree-itemDrager {
27662
27686
  cursor: move;
27663
27687
  color: var(--icon-color);
27664
27688
  }
27665
27689
  .a-Tree-spinner {
27666
- margin-right: var(--gap-xs);
27690
+ margin-right: var(--Tree-icon-gap);
27667
27691
  }
27668
27692
  .a-Tree-itemIcon {
27669
27693
  display: inline-flex;
27670
- margin-right: var(--gap-xs);
27694
+ margin-right: var(--Tree-icon-gap);
27671
27695
  }
27672
27696
  .a-Tree-rootIcon > svg, .a-Tree-folderIcon > svg, .a-Tree-leafIcon > svg {
27673
27697
  top: 0;
27674
27698
  width: 0.875rem;
27675
27699
  height: 0.875rem;
27676
27700
  }
27677
- .a-Tree-itemLabel {
27678
- user-select: none;
27679
- }
27680
- .a-Tree-itemLabel.is-checked, .a-Tree-itemLabel.is-children-checked {
27681
- color: var(--Tree-itemLabel--onChecked-color);
27682
- }
27683
- .a-Tree-itemLabel.is-disabled {
27684
- color: var(--text--muted-color);
27685
- }
27686
- .a-Tree-itemLabel > .a-Checkbox {
27687
- display: inline-flex;
27688
- align-self: center;
27689
- }
27690
27701
  .a-Tree-itemText {
27691
27702
  cursor: pointer;
27692
27703
  flex: 1 auto;
27704
+ color: var(--Form-input-color);
27693
27705
  line-height: var(--lineHeightBase);
27694
- padding: 0.25rem 0;
27706
+ }
27707
+ .is-disabled .a-Tree-itemText {
27708
+ color: var(--text--muted-color);
27695
27709
  }
27696
27710
  .a-Tree-placeholder {
27697
27711
  color: var(--text--muted-color);
@@ -27716,7 +27730,7 @@ td.rdtQuarter.rdtDisabled > span {
27716
27730
  }
27717
27731
  .a-Tree-dropIndicator--hover {
27718
27732
  border-radius: 0;
27719
- background-color: var(--Tree-item-onHover-bg);
27733
+ background-color: var(--Tree-item-onHover-bg-pure);
27720
27734
  }
27721
27735
  .a-Tree-dropIndicator--hover::after {
27722
27736
  display: none;