amis 1.8.0-beta.3 → 1.8.0-beta.5

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 (93) hide show
  1. package/lib/components/AssociatedSelection.js +9 -2
  2. package/lib/components/AssociatedSelection.js.map +2 -2
  3. package/lib/components/Checkbox.d.ts +24 -23
  4. package/lib/components/Checkbox.js +6 -2
  5. package/lib/components/Checkbox.js.map +2 -2
  6. package/lib/components/DateRangePicker.d.ts +2 -0
  7. package/lib/components/DateRangePicker.js +61 -2
  8. package/lib/components/DateRangePicker.js.map +2 -2
  9. package/lib/components/Radios.d.ts +21 -21
  10. package/lib/components/calendar/Calendar.js +2 -14
  11. package/lib/components/calendar/Calendar.js.map +2 -2
  12. package/lib/factory.js +4 -1
  13. package/lib/factory.js.map +2 -2
  14. package/lib/index.js +1 -1
  15. package/lib/renderers/CRUD.d.ts +8 -0
  16. package/lib/renderers/CRUD.js +11 -4
  17. package/lib/renderers/CRUD.js.map +2 -2
  18. package/lib/renderers/Form/Checkbox.d.ts +5 -2
  19. package/lib/renderers/Form/Checkbox.js +2 -2
  20. package/lib/renderers/Form/Checkbox.js.map +2 -2
  21. package/lib/renderers/Form/Checkboxes.d.ts +5 -0
  22. package/lib/renderers/Form/Checkboxes.js +99 -6
  23. package/lib/renderers/Form/Checkboxes.js.map +2 -2
  24. package/lib/renderers/Form/Item.js +3 -1
  25. package/lib/renderers/Form/Item.js.map +2 -2
  26. package/lib/renderers/Form/index.d.ts +1 -0
  27. package/lib/renderers/Form/index.js.map +2 -2
  28. package/lib/renderers/Table/index.d.ts +1 -0
  29. package/lib/renderers/Table/index.js +3 -2
  30. package/lib/renderers/Table/index.js.map +2 -2
  31. package/lib/store/crud.d.ts +1 -0
  32. package/lib/store/crud.js +33 -7
  33. package/lib/store/crud.js.map +2 -2
  34. package/lib/store/formItem.js +1 -1
  35. package/lib/store/formItem.js.map +2 -2
  36. package/lib/themes/ang-ie11.css +120 -3
  37. package/lib/themes/ang.css +127 -2
  38. package/lib/themes/ang.css.map +1 -1
  39. package/lib/themes/antd-ie11.css +120 -3
  40. package/lib/themes/antd.css +127 -2
  41. package/lib/themes/antd.css.map +1 -1
  42. package/lib/themes/cxd-ie11.css +120 -3
  43. package/lib/themes/cxd.css +127 -2
  44. package/lib/themes/cxd.css.map +1 -1
  45. package/lib/themes/dark-ie11.css +120 -3
  46. package/lib/themes/dark.css +127 -2
  47. package/lib/themes/dark.css.map +1 -1
  48. package/lib/themes/default-ie11.css +120 -3
  49. package/lib/themes/default.css +127 -2
  50. package/lib/themes/default.css.map +1 -1
  51. package/package.json +1 -1
  52. package/schema.json +76 -7
  53. package/scss/_properties.scss +10 -1
  54. package/scss/components/form/_checks.scss +122 -1
  55. package/scss/components/form/_form.scss +16 -0
  56. package/sdk/ang-ie11.css +143 -3
  57. package/sdk/ang.css +150 -2
  58. package/sdk/antd-ie11.css +143 -3
  59. package/sdk/antd.css +150 -2
  60. package/sdk/barcode.js +51 -51
  61. package/sdk/charts.js +14 -14
  62. package/sdk/codemirror.js +7 -7
  63. package/sdk/color-picker.js +65 -65
  64. package/sdk/cropperjs.js +2 -2
  65. package/sdk/cxd-ie11.css +143 -3
  66. package/sdk/cxd.css +150 -2
  67. package/sdk/dark-ie11.css +143 -3
  68. package/sdk/dark.css +150 -2
  69. package/sdk/exceljs.js +1 -1
  70. package/sdk/markdown.js +69 -69
  71. package/sdk/papaparse.js +1 -1
  72. package/sdk/renderers/Form/CityDB.js +1 -1
  73. package/sdk/rest.js +17 -17
  74. package/sdk/rich-text.js +62 -62
  75. package/sdk/sdk-ie11.css +143 -3
  76. package/sdk/sdk.css +150 -2
  77. package/sdk/sdk.js +1247 -1247
  78. package/sdk/thirds/hls.js/hls.js +1 -1
  79. package/sdk/thirds/mpegts.js/mpegts.js +1 -1
  80. package/sdk/tinymce.js +57 -57
  81. package/src/components/AssociatedSelection.tsx +9 -3
  82. package/src/components/Checkbox.tsx +11 -5
  83. package/src/components/DateRangePicker.tsx +97 -2
  84. package/src/components/calendar/Calendar.tsx +2 -15
  85. package/src/factory.tsx +4 -1
  86. package/src/renderers/CRUD.tsx +22 -4
  87. package/src/renderers/Form/Checkbox.tsx +11 -2
  88. package/src/renderers/Form/Checkboxes.tsx +101 -5
  89. package/src/renderers/Form/Item.tsx +1 -0
  90. package/src/renderers/Form/index.tsx +1 -0
  91. package/src/renderers/Table/index.tsx +4 -2
  92. package/src/store/crud.ts +40 -5
  93. package/src/store/formItem.ts +1 -2
package/sdk/dark-ie11.css CHANGED
@@ -37499,10 +37499,121 @@ readers do not read off random characters that represent icons */
37499
37499
  border-color: transparent;
37500
37500
  transition: width 0s, height 0s, transform 0s;
37501
37501
  border-width: 0 0 0.125rem 0.125rem;
37502
- transform: translate(-50%, -60%) rotate(-40deg);
37502
+ transform: translate(-50%, -90%) rotate(-40deg);
37503
37503
  border-style: solid;
37504
37504
  }
37505
37505
 
37506
+ .amis-scope .dark-Checkbox--partial.dark-Checkbox--checkbox input {
37507
+ margin-left: calc(0.875rem * -1);
37508
+ }
37509
+
37510
+ .amis-scope .dark-Checkbox--partial.dark-Checkbox--checkbox input + i {
37511
+ border-color: var(--blue);
37512
+ }
37513
+
37514
+ .amis-scope .dark-Checkbox--partial.dark-Checkbox--checkbox input + i:before {
37515
+ width: calc(0.875rem / 2);
37516
+ height: calc(0.875rem / 2);
37517
+ background: var(--blue);
37518
+ }
37519
+
37520
+ .amis-scope .dark-Checkbox--partial.dark-Checkbox--checkbox input[disabled] + i {
37521
+ border-color: #4e4e4e;
37522
+ }
37523
+
37524
+ .amis-scope .dark-Checkbox--partial.dark-Checkbox--checkbox input[disabled] + i:before {
37525
+ width: calc(0.875rem / 2);
37526
+ height: calc(0.875rem / 2);
37527
+ background: #D4D6D9;
37528
+ }
37529
+
37530
+ .amis-scope .dark-Checkbox--partial.dark-Checkbox--checkbox input:checked[disabled] + i {
37531
+ width: calc(0.875rem / 2);
37532
+ height: calc(0.875rem / 2);
37533
+ background: #302d2a;
37534
+ }
37535
+
37536
+ .amis-scope .dark-Checkbox--button.dark-Checkbox--checkbox {
37537
+ text-align: center;
37538
+ height: 2rem;
37539
+ line-height: 1.875rem;
37540
+ padding-left: 0.75rem;
37541
+ padding-right: 0.75rem;
37542
+ font-size: 0.75rem;
37543
+ border: 0.0625rem solid;
37544
+ cursor: pointer;
37545
+ position: relative;
37546
+ display: inline-block;
37547
+ background-color: linear-gradient(#515151, #4b4b4b);
37548
+ border-color: #656565;
37549
+ margin-right: 0;
37550
+ }
37551
+
37552
+ .amis-scope .dark-Checkbox--button.dark-Checkbox--checkbox:hover:not(:disabled) {
37553
+ color: var(--blue);
37554
+ }
37555
+
37556
+ .amis-scope .dark-Checkbox--button.dark-Checkbox--checkbox input:checked + i {
37557
+ background: transparent;
37558
+ top: 0;
37559
+ left: 0;
37560
+ width: 0;
37561
+ height: 0;
37562
+ border-width: 0.5rem;
37563
+ border-color: var(--blue) transparent transparent var(--blue);
37564
+ border-radius: 0;
37565
+ }
37566
+
37567
+ .amis-scope .dark-Checkbox--button.dark-Checkbox--checkbox input:checked + i:before {
37568
+ position: absolute;
37569
+ top: 0;
37570
+ left: 0;
37571
+ width: 0.5rem;
37572
+ height: 0.375rem;
37573
+ transform: translate(-80%, -120%) rotate(-50deg);
37574
+ background: transparent;
37575
+ }
37576
+
37577
+ .amis-scope .dark-Checkbox--button.dark-Checkbox--checkbox input[disabled] + i {
37578
+ border-color: #4e4e4e;
37579
+ background: transparent;
37580
+ }
37581
+
37582
+ .amis-scope .dark-Checkbox--button.dark-Checkbox--checkbox input[disabled] + i:before {
37583
+ background: transparent;
37584
+ }
37585
+
37586
+ .amis-scope .dark-Checkbox--button.dark-Checkbox--checkbox input:checked[disabled] + i {
37587
+ background: transparent;
37588
+ border-width: 0.5rem;
37589
+ border-color: var(--blue) transparent transparent var(--blue);
37590
+ }
37591
+
37592
+ .amis-scope .dark-Checkbox--button.dark-Checkbox--checkbox > i {
37593
+ position: absolute;
37594
+ top: 0;
37595
+ left: 0;
37596
+ margin-left: 0;
37597
+ border: 0;
37598
+ border-style: solid;
37599
+ }
37600
+
37601
+ .amis-scope .dark-Checkbox--button.dark-Checkbox--checkbox > i + span {
37602
+ max-width: 6.25rem;
37603
+ text-overflow: ellipsis;
37604
+ white-space: nowrap;
37605
+ overflow: hidden;
37606
+ }
37607
+
37608
+ .amis-scope .dark-Checkbox--button--checked.dark-Checkbox--checkbox {
37609
+ border-color: var(--blue);
37610
+ color: var(--blue);
37611
+ }
37612
+
37613
+ .amis-scope .dark-Checkbox--button--disabled--unchecked.dark-Checkbox--checkbox {
37614
+ background: #F2F3F3;
37615
+ }
37616
+
37506
37617
  .amis-scope .dark-Checkbox--radio {
37507
37618
  padding-left: 0.875rem;
37508
37619
  }
@@ -37604,12 +37715,24 @@ readers do not read off random characters that represent icons */
37604
37715
  );
37605
37716
  }
37606
37717
 
37718
+ .amis-scope .dark-RadiosControl .dark-Checkbox--button,
37719
+ .amis-scope .dark-CheckboxesControl .dark-Checkbox--button {
37720
+ margin-bottom: 0;
37721
+ }
37722
+
37607
37723
  .amis-scope .dark-RadiosControl.is-inline .dark-Checkbox,
37608
37724
  .amis-scope .dark-CheckboxesControl.is-inline .dark-Checkbox {
37609
37725
  display: inline-block;
37610
37726
  margin-right: 1rem;
37611
37727
  }
37612
37728
 
37729
+ .amis-scope .dark-RadiosControl.is-inline .dark-Checkbox--button,
37730
+ .amis-scope .dark-CheckboxesControl.is-inline .dark-Checkbox--button {
37731
+ display: inline-block;
37732
+ margin-right: 0;
37733
+ margin-bottom: 0;
37734
+ }
37735
+
37613
37736
  .amis-scope .dark-RadiosControl-group:not(:first-child),
37614
37737
  .amis-scope .dark-CheckboxesControl-group:not(:first-child) {
37615
37738
  margin-top: 0.625rem;
@@ -40952,7 +41075,7 @@ readers do not read off random characters that represent icons */
40952
41075
  border-radius: 0.25rem;
40953
41076
  cursor: pointer;
40954
41077
  display: block;
40955
- height: 0.375rem;
41078
+ height: 0.25rem;
40956
41079
  position: relative;
40957
41080
  transition: left 0s ease-out,
40958
41081
  width 0s ease-out;
@@ -40973,7 +41096,7 @@ readers do not read off random characters that represent icons */
40973
41096
 
40974
41097
  .amis-scope .dark-InputRange-track--background {
40975
41098
  left: 0.5rem;
40976
- margin-top: calc(-0.5 * 0.375rem);
41099
+ margin-top: calc(-0.5 * 0.25rem);
40977
41100
  position: absolute;
40978
41101
  right: 0.5rem;
40979
41102
  top: 50%;
@@ -43332,6 +43455,23 @@ readers do not read off random characters that represent icons */
43332
43455
  white-space: "normal";
43333
43456
  }
43334
43457
 
43458
+ .amis-scope .dark-Form-item--horizontal-justify {
43459
+ justify-content: space-between;
43460
+ }
43461
+
43462
+ .amis-scope .dark-Form-item--horizontal-justify > .dark-Form-label {
43463
+ text-align: left;
43464
+ white-space: var(--Form--horizontal-justify-label-whiteSpace);
43465
+ }
43466
+
43467
+ .amis-scope .dark-Form-item--horizontal-justify > .dark-Form-value {
43468
+ text-align: right;
43469
+ }
43470
+
43471
+ .amis-scope .dark-Form-item--horizontal-justify > .dark-Form-value > * {
43472
+ text-align: initial;
43473
+ }
43474
+
43335
43475
  .amis-scope .dark-Form-item--normal > .dark-Form-label {
43336
43476
  display: block;
43337
43477
  }
package/sdk/dark.css CHANGED
@@ -12528,6 +12528,12 @@ readers do not read off random characters that represent icons */
12528
12528
  --Checkbox-onHover-color: var(--info);
12529
12529
  --Checkbox-onDisabled-bg: #e5e7eb;
12530
12530
  --Checkbox-onDisabled-color: var(--text--muted-color);
12531
+ --Checkbox-inner-onDisabled-bg: #D4D6D9;
12532
+ --Checkbox-disabled-unchecked-bg: #F2F3F3;
12533
+ --Checkbox-border-width: var(--Form-input-borderWidth);
12534
+ --Checkbox-paddingX: 0.75rem;
12535
+ --Checkbox-button-height: 2rem;
12536
+ --Checkbox-button-line-height: 1.875rem;
12531
12537
  --ColorPicker-bg: var(--white);
12532
12538
  --ColorPicker-borderColor: var(--Form-input-borderColor);
12533
12539
  --ColorPicker-borderRadius: var(--Form-input-borderRadius);
@@ -12684,6 +12690,8 @@ readers do not read off random characters that represent icons */
12684
12690
  --Form--horizontal-label-widthMd: 10rem;
12685
12691
  --Form--horizontal-label-widthSm: 5.625rem;
12686
12692
  --Form--horizontal-label-widthXs: 3.75rem;
12693
+ --Form--horizontal-justify-label-align: left;
12694
+ --Form--horizontal-justify-value-align: right;
12687
12695
  --Form-control-widthBase: 12.5rem;
12688
12696
  --Form-control-widthLg: 20rem;
12689
12697
  --Form-control-widthMd: 15rem;
@@ -12857,7 +12865,7 @@ readers do not read off random characters that represent icons */
12857
12865
  --InputRange-padding: 1.25rem;
12858
12866
  --InputRange-onDisabled-color: var(--light);
12859
12867
  --InputRange-primaryColor: var(--primary);
12860
- --InputRange-track-height: 0.375rem;
12868
+ --InputRange-track-height: 0.25rem;
12861
12869
  --InputRange-track-bg: #f3f4f6;
12862
12870
  --InputRange-track-onDisabled-bg: var(--InputRange-onDisabled-color);
12863
12871
  --InputRange-track-onActive-bg: var(--InputRange-primaryColor);
@@ -38892,10 +38900,121 @@ readers do not read off random characters that represent icons */
38892
38900
  border-color: transparent;
38893
38901
  transition: width var(--animation-duration), height var(--animation-duration), transform var(--animation-duration);
38894
38902
  border-width: 0 0 0.125rem 0.125rem;
38895
- transform: translate(-50%, -60%) rotate(-40deg);
38903
+ transform: translate(-50%, -90%) rotate(-40deg);
38896
38904
  border-style: solid;
38897
38905
  }
38898
38906
 
38907
+ .amis-scope .dark-Checkbox--partial.dark-Checkbox--checkbox input {
38908
+ margin-left: calc(var(--Checkbox-size) * -1);
38909
+ }
38910
+
38911
+ .amis-scope .dark-Checkbox--partial.dark-Checkbox--checkbox input + i {
38912
+ border-color: var(--Checkbox-onHover-color);
38913
+ }
38914
+
38915
+ .amis-scope .dark-Checkbox--partial.dark-Checkbox--checkbox input + i:before {
38916
+ width: var(--Checkbox-inner-size);
38917
+ height: var(--Checkbox-inner-size);
38918
+ background: var(--Checkbox-onHover-color);
38919
+ }
38920
+
38921
+ .amis-scope .dark-Checkbox--partial.dark-Checkbox--checkbox input[disabled] + i {
38922
+ border-color: var(--Checkbox-onDisabled-color);
38923
+ }
38924
+
38925
+ .amis-scope .dark-Checkbox--partial.dark-Checkbox--checkbox input[disabled] + i:before {
38926
+ width: var(--Checkbox-inner-size);
38927
+ height: var(--Checkbox-inner-size);
38928
+ background: var(--Checkbox-inner-onDisabled-bg);
38929
+ }
38930
+
38931
+ .amis-scope .dark-Checkbox--partial.dark-Checkbox--checkbox input:checked[disabled] + i {
38932
+ width: var(--Checkbox-inner-size);
38933
+ height: var(--Checkbox-inner-size);
38934
+ background: var(--Checkbox-onDisabled-bg);
38935
+ }
38936
+
38937
+ .amis-scope .dark-Checkbox--button.dark-Checkbox--checkbox {
38938
+ text-align: center;
38939
+ height: var(--Checkbox-button-height);
38940
+ line-height: var(--Checkbox-button-line-height);
38941
+ padding-left: var(--Checkbox-paddingX);
38942
+ padding-right: var(--Checkbox-paddingX);
38943
+ font-size: var(--fontSizeSm);
38944
+ border: var(--Checkbox-border-width) solid;
38945
+ cursor: pointer;
38946
+ position: relative;
38947
+ display: inline-block;
38948
+ background-color: var(--Checkbox-gb);
38949
+ border-color: var(--Checkbox-color);
38950
+ margin-right: 0;
38951
+ }
38952
+
38953
+ .amis-scope .dark-Checkbox--button.dark-Checkbox--checkbox:hover:not(:disabled) {
38954
+ color: var(--Checkbox-onHover-color);
38955
+ }
38956
+
38957
+ .amis-scope .dark-Checkbox--button.dark-Checkbox--checkbox input:checked + i {
38958
+ background: transparent;
38959
+ top: 0;
38960
+ left: 0;
38961
+ width: 0;
38962
+ height: 0;
38963
+ border-width: 0.5rem;
38964
+ border-color: var(--Checkbox-onHover-color) transparent transparent var(--Checkbox-onHover-color);
38965
+ border-radius: 0;
38966
+ }
38967
+
38968
+ .amis-scope .dark-Checkbox--button.dark-Checkbox--checkbox input:checked + i:before {
38969
+ position: absolute;
38970
+ top: 0;
38971
+ left: 0;
38972
+ width: 0.5rem;
38973
+ height: 0.375rem;
38974
+ transform: translate(-80%, -120%) rotate(-50deg);
38975
+ background: transparent;
38976
+ }
38977
+
38978
+ .amis-scope .dark-Checkbox--button.dark-Checkbox--checkbox input[disabled] + i {
38979
+ border-color: var(--Checkbox-onDisabled-color);
38980
+ background: transparent;
38981
+ }
38982
+
38983
+ .amis-scope .dark-Checkbox--button.dark-Checkbox--checkbox input[disabled] + i:before {
38984
+ background: transparent;
38985
+ }
38986
+
38987
+ .amis-scope .dark-Checkbox--button.dark-Checkbox--checkbox input:checked[disabled] + i {
38988
+ background: transparent;
38989
+ border-width: 0.5rem;
38990
+ border-color: var(--Checkbox-onHover-color) transparent transparent var(--Checkbox-onHover-color);
38991
+ }
38992
+
38993
+ .amis-scope .dark-Checkbox--button.dark-Checkbox--checkbox > i {
38994
+ position: absolute;
38995
+ top: 0;
38996
+ left: 0;
38997
+ margin-left: 0;
38998
+ border: 0;
38999
+ border-style: solid;
39000
+ }
39001
+
39002
+ .amis-scope .dark-Checkbox--button.dark-Checkbox--checkbox > i + span {
39003
+ max-width: 6.25rem;
39004
+ text-overflow: ellipsis;
39005
+ white-space: nowrap;
39006
+ overflow: hidden;
39007
+ }
39008
+
39009
+ .amis-scope .dark-Checkbox--button--checked.dark-Checkbox--checkbox {
39010
+ border-color: var(--Checkbox-onHover-color);
39011
+ color: var(--Checkbox-onHover-color);
39012
+ }
39013
+
39014
+ .amis-scope .dark-Checkbox--button--disabled--unchecked.dark-Checkbox--checkbox {
39015
+ background: var(--Checkbox-disabled-unchecked-bg);
39016
+ }
39017
+
38899
39018
  .amis-scope .dark-Checkbox--radio {
38900
39019
  padding-left: var(--Radio-size);
38901
39020
  }
@@ -38992,12 +39111,24 @@ readers do not read off random characters that represent icons */
38992
39111
  margin-bottom: var(--Form-label-paddingTop);
38993
39112
  }
38994
39113
 
39114
+ .amis-scope .dark-RadiosControl .dark-Checkbox--button,
39115
+ .amis-scope .dark-CheckboxesControl .dark-Checkbox--button {
39116
+ margin-bottom: 0;
39117
+ }
39118
+
38995
39119
  .amis-scope .dark-RadiosControl.is-inline .dark-Checkbox,
38996
39120
  .amis-scope .dark-CheckboxesControl.is-inline .dark-Checkbox {
38997
39121
  display: inline-block;
38998
39122
  margin-right: var(--gap-md);
38999
39123
  }
39000
39124
 
39125
+ .amis-scope .dark-RadiosControl.is-inline .dark-Checkbox--button,
39126
+ .amis-scope .dark-CheckboxesControl.is-inline .dark-Checkbox--button {
39127
+ display: inline-block;
39128
+ margin-right: 0;
39129
+ margin-bottom: 0;
39130
+ }
39131
+
39001
39132
  .amis-scope .dark-RadiosControl-group:not(:first-child),
39002
39133
  .amis-scope .dark-CheckboxesControl-group:not(:first-child) {
39003
39134
  margin-top: 0.625rem;
@@ -44577,6 +44708,23 @@ readers do not read off random characters that represent icons */
44577
44708
  white-space: var(--Form--horizontal-label-whiteSpace);
44578
44709
  }
44579
44710
 
44711
+ .amis-scope .dark-Form-item--horizontal-justify {
44712
+ justify-content: space-between;
44713
+ }
44714
+
44715
+ .amis-scope .dark-Form-item--horizontal-justify > .dark-Form-label {
44716
+ text-align: var(--Form--horizontal-justify-label-align);
44717
+ white-space: var(--Form--horizontal-justify-label-whiteSpace);
44718
+ }
44719
+
44720
+ .amis-scope .dark-Form-item--horizontal-justify > .dark-Form-value {
44721
+ text-align: var(--Form--horizontal-justify-value-align);
44722
+ }
44723
+
44724
+ .amis-scope .dark-Form-item--horizontal-justify > .dark-Form-value > * {
44725
+ text-align: initial;
44726
+ }
44727
+
44580
44728
  .amis-scope .dark-Form-item--normal > .dark-Form-label {
44581
44729
  display: block;
44582
44730
  }
package/sdk/exceljs.js CHANGED
@@ -1,5 +1,5 @@
1
1
  ;/*!node_modules/exceljs/dist/exceljs.min.js*/
2
- amis.define('b5bc030', function(require, exports, module, define) {
2
+ amis.define('48769cf', function(require, exports, module, define) {
3
3
 
4
4
  /*! ExcelJS 21-08-2021 */
5
5