amis 1.4.2-beta.13 → 1.4.2-beta.15

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 (128) hide show
  1. package/lib/Schema.d.ts +4 -3
  2. package/lib/Schema.js.map +1 -1
  3. package/lib/components/AssociatedSelection.js +2 -2
  4. package/lib/components/AssociatedSelection.js.map +2 -2
  5. package/lib/components/Checkbox.d.ts +20 -20
  6. package/lib/components/Collapse.d.ts +51 -23
  7. package/lib/components/Collapse.js +69 -11
  8. package/lib/components/Collapse.js.map +2 -2
  9. package/lib/components/CollapseGroup.d.ts +88 -0
  10. package/lib/components/CollapseGroup.js +81 -0
  11. package/lib/components/CollapseGroup.js.map +13 -0
  12. package/lib/components/Editor.d.ts +84 -84
  13. package/lib/components/GridNav.d.ts +52 -0
  14. package/lib/components/GridNav.js +123 -0
  15. package/lib/components/GridNav.js.map +13 -0
  16. package/lib/components/ListGroup.d.ts +21 -21
  17. package/lib/components/Tabs.d.ts +20 -20
  18. package/lib/components/TabsTransfer.d.ts +84 -84
  19. package/lib/components/Toast.d.ts +86 -85
  20. package/lib/components/Toast.js +6 -3
  21. package/lib/components/Toast.js.map +2 -2
  22. package/lib/components/Transfer.d.ts +84 -84
  23. package/lib/components/TransferDropDown.d.ts +84 -84
  24. package/lib/components/Tree.d.ts +115 -84
  25. package/lib/components/Tree.js +183 -30
  26. package/lib/components/Tree.js.map +2 -2
  27. package/lib/envOverwrite.d.ts +1 -1
  28. package/lib/envOverwrite.js +24 -9
  29. package/lib/envOverwrite.js.map +2 -2
  30. package/lib/factory.d.ts +11 -1
  31. package/lib/factory.js +31 -4
  32. package/lib/factory.js.map +2 -2
  33. package/lib/icons/drag-bar.js +10 -3
  34. package/lib/index.d.ts +2 -0
  35. package/lib/index.js +3 -1
  36. package/lib/index.js.map +2 -2
  37. package/lib/renderers/Collapse.d.ts +25 -20
  38. package/lib/renderers/Collapse.js +10 -73
  39. package/lib/renderers/Collapse.js.map +2 -2
  40. package/lib/renderers/CollapseGroup.d.ts +42 -0
  41. package/lib/renderers/CollapseGroup.js +33 -0
  42. package/lib/renderers/CollapseGroup.js.map +13 -0
  43. package/lib/renderers/Form/InputCity.d.ts +84 -84
  44. package/lib/renderers/Form/Item.js +2 -1
  45. package/lib/renderers/Form/Item.js.map +2 -2
  46. package/lib/renderers/GridNav.d.ts +99 -0
  47. package/lib/renderers/GridNav.js +82 -0
  48. package/lib/renderers/GridNav.js.map +13 -0
  49. package/lib/store/formItem.js +44 -4
  50. package/lib/store/formItem.js.map +2 -2
  51. package/lib/themes/ang-ie11.css +194 -27
  52. package/lib/themes/ang.css +194 -27
  53. package/lib/themes/ang.css.map +1 -1
  54. package/lib/themes/antd-ie11.css +194 -27
  55. package/lib/themes/antd.css +194 -27
  56. package/lib/themes/antd.css.map +1 -1
  57. package/lib/themes/cxd-ie11.css +201 -34
  58. package/lib/themes/cxd.css +201 -34
  59. package/lib/themes/cxd.css.map +1 -1
  60. package/lib/themes/dark-ie11.css +194 -27
  61. package/lib/themes/dark.css +194 -27
  62. package/lib/themes/dark.css.map +1 -1
  63. package/lib/themes/default.css +201 -34
  64. package/lib/themes/default.css.map +1 -1
  65. package/lib/types.d.ts +1 -1
  66. package/lib/types.js.map +1 -1
  67. package/lib/utils/api.d.ts +1 -0
  68. package/lib/utils/api.js +77 -6
  69. package/lib/utils/api.js.map +2 -2
  70. package/lib/utils/helper.d.ts +6 -0
  71. package/lib/utils/helper.js +18 -1
  72. package/lib/utils/helper.js.map +2 -2
  73. package/package.json +1 -1
  74. package/schema.json +242 -34
  75. package/scss/components/_anchor-nav.scss +1 -0
  76. package/scss/components/_collapse-group.scss +11 -0
  77. package/scss/components/_collapse.scss +33 -22
  78. package/scss/components/_grid-nav.scss +128 -0
  79. package/scss/components/_nav.scss +1 -1
  80. package/scss/components/_spinner.scss +5 -4
  81. package/scss/components/_table.scss +6 -0
  82. package/scss/components/form/_combo.scss +4 -0
  83. package/scss/components/form/_tree.scss +42 -0
  84. package/scss/themes/_common.scss +2 -0
  85. package/scss/themes/_cxd-variables.scss +6 -7
  86. package/scss/themes/cxd.scss +1 -0
  87. package/sdk/ang-ie11.css +227 -28
  88. package/sdk/ang.css +227 -27
  89. package/sdk/antd-ie11.css +227 -28
  90. package/sdk/antd.css +227 -27
  91. package/sdk/charts.js +13 -13
  92. package/sdk/color-picker.js +65 -65
  93. package/sdk/cropperjs.js +2 -2
  94. package/sdk/cxd-ie11.css +233 -32
  95. package/sdk/cxd.css +234 -34
  96. package/sdk/dark-ie11.css +227 -28
  97. package/sdk/dark.css +227 -27
  98. package/sdk/exceljs.js +1 -1
  99. package/sdk/markdown.js +69 -69
  100. package/sdk/papaparse.js +1 -1
  101. package/sdk/renderers/Form/CityDB.js +1 -1
  102. package/sdk/rest.js +18 -18
  103. package/sdk/rich-text.js +62 -62
  104. package/sdk/sdk-ie11.css +233 -32
  105. package/sdk/sdk.css +234 -34
  106. package/sdk/sdk.js +1179 -1145
  107. package/sdk/thirds/hls.js/hls.js +1 -1
  108. package/sdk/thirds/mpegts.js/mpegts.js +1 -1
  109. package/sdk/tinymce.js +57 -57
  110. package/src/Schema.ts +5 -1
  111. package/src/components/AssociatedSelection.tsx +3 -1
  112. package/src/components/Collapse.tsx +144 -20
  113. package/src/components/CollapseGroup.tsx +130 -0
  114. package/src/components/GridNav.tsx +233 -0
  115. package/src/components/Toast.tsx +23 -16
  116. package/src/components/Tree.tsx +194 -8
  117. package/src/envOverwrite.ts +20 -7
  118. package/src/factory.tsx +52 -6
  119. package/src/icons/drag-bar.svg +12 -6
  120. package/src/index.tsx +2 -0
  121. package/src/renderers/Collapse.tsx +70 -117
  122. package/src/renderers/CollapseGroup.tsx +80 -0
  123. package/src/renderers/GridNav.tsx +204 -0
  124. package/src/store/formItem.ts +94 -2
  125. package/src/types.ts +1 -1
  126. package/src/utils/api.ts +93 -6
  127. package/src/utils/helper.ts +19 -0
  128. package/tsconfig-for-declaration.json +1 -1
package/sdk/ang.css CHANGED
@@ -25148,8 +25148,8 @@ readers do not read off random characters that represent icons */
25148
25148
  cursor: move;
25149
25149
  position: absolute;
25150
25150
  left: 0;
25151
- top: 0.6875rem;
25152
25151
  display: none;
25152
+ line-height: 0;
25153
25153
  }
25154
25154
 
25155
25155
  .amis-scope .a-Nav .a-Nav-list--stacked .a-Nav-item .a-Nav-itemDrager > .icon,
@@ -26023,13 +26023,14 @@ readers do not read off random characters that represent icons */
26023
26023
  .amis-scope .a-Spinner--icon {
26024
26024
  background: transparent;
26025
26025
  animation: spin 2s linear infinite;
26026
- width: var(--fontSizeLg);
26027
- height: var(--fontSizeLg);
26026
+ width: 16px;
26027
+ height: 16px;
26028
26028
  }
26029
26029
 
26030
26030
  .amis-scope .a-Spinner--icon svg.icon {
26031
- width: var(--fontSizeLg);
26032
- height: var(--fontSizeLg);
26031
+ width: 16px;
26032
+ height: 16px;
26033
+ top: 0;
26033
26034
  }
26034
26035
 
26035
26036
  .amis-scope .a-Spinner--overlay {
@@ -26290,7 +26291,7 @@ readers do not read off random characters that represent icons */
26290
26291
  .amis-scope .a-Collapse {
26291
26292
  border: var(--Collapse-border);
26292
26293
  padding: 0;
26293
- margin-bottom: var(--Form-item-gap);
26294
+ line-height: 1.25rem;
26294
26295
  }
26295
26296
 
26296
26297
  .amis-scope .a-Collapse-header {
@@ -26300,6 +26301,7 @@ readers do not read off random characters that represent icons */
26300
26301
  padding: var(--Collapse-header-padding);
26301
26302
  margin: 0;
26302
26303
  border-bottom: var(--borderWidth) solid var(--Collapse-border-color);
26304
+ cursor: pointer;
26303
26305
  background: var(--Collapse-header-bg);
26304
26306
  }
26305
26307
 
@@ -26320,8 +26322,7 @@ readers do not read off random characters that represent icons */
26320
26322
  display: inline-block;
26321
26323
  width: 1rem;
26322
26324
  text-align: center;
26323
- margin-right: 0.5rem;
26324
- cursor: pointer;
26325
+ margin-right: var(--gap-xs);
26325
26326
  }
26326
26327
 
26327
26328
  .amis-scope .a-Collapse-arrow:before {
@@ -26330,36 +26331,50 @@ readers do not read off random characters that represent icons */
26330
26331
  display: inline-block;
26331
26332
  width: 0.375rem;
26332
26333
  height: 0.375rem;
26333
- top: -0.25rem;
26334
+ top: -0.125rem;
26334
26335
  border-color: var(--text-color);
26335
26336
  border-style: solid;
26336
26337
  border-width: 0.0625rem 0.0625rem 0 0;
26337
- transform: rotate(135deg);
26338
+ transform: rotate(45deg);
26338
26339
  transform-origin: 50% 50%;
26339
26340
  }
26340
26341
 
26341
- .amis-scope .a-Collapse-TplField {
26342
+ .amis-scope .a-Collapse-icon-tranform {
26343
+ display: inline-block;
26344
+ width: 1rem;
26345
+ text-align: center;
26346
+ margin-right: var(--gap-xs);
26347
+ }
26348
+
26349
+ .amis-scope .a-Collapse .a-TplField {
26342
26350
  display: inline-block;
26343
26351
  }
26344
26352
 
26345
- .amis-scope .a-Collapse.is-collapsed .a-Collapse-arrow:before {
26346
- transform: rotate(45deg);
26347
- transform-origin: 0% 50%;
26353
+ .amis-scope .a-Collapse.is-active .a-Collapse-arrow:before {
26354
+ transform: rotate(135deg);
26355
+ transform-origin: 50% 30%;
26348
26356
  }
26349
26357
 
26350
- .amis-scope .a-Collapse.is-collapsed .a-Collapse-header {
26351
- border-bottom: var(--Collapse-header-collapsed-border);
26358
+ .amis-scope .a-Collapse.is-active .a-Collapse-icon-tranform {
26359
+ transform: rotate(90deg);
26352
26360
  }
26353
26361
 
26354
- .amis-scope .a-Collapse--collapsable .a-Collapse-header {
26355
- cursor: pointer;
26362
+ .amis-scope .a-Collapse--disabled .a-Collapse-header {
26363
+ cursor: not-allowed;
26356
26364
  user-select: none;
26365
+ color: var(--text--muted-color);
26366
+ }
26367
+
26368
+ .amis-scope .a-Collapse--disabled .a-Collapse-header:hover {
26369
+ background-color: var(--Collapse-header-bg-disabled-color);
26370
+ }
26371
+
26372
+ .amis-scope .a-Collapse--disabled .a-Collapse-arrow:before {
26373
+ border-color: var(--text--muted-color);
26357
26374
  }
26358
26375
 
26359
26376
  .amis-scope .a-Collapse--title-bottom .a-Collapse-header {
26360
26377
  text-align: center;
26361
- color: var(--link-color);
26362
- border-left: none;
26363
26378
  font-size: var(--fontSizeBase);
26364
26379
  border-top: var(--Collapse-header-collapsed-borderTop);
26365
26380
  border-bottom: var(--Collapse-header-collapsed-borderBottom);
@@ -26370,15 +26385,13 @@ readers do not read off random characters that represent icons */
26370
26385
  }
26371
26386
 
26372
26387
  .amis-scope .a-Collapse--title-bottom .a-Collapse-arrow:before {
26373
- top: 0.125rem;
26374
- transform: rotate(-45deg);
26375
- transform-origin: 0% 50%;
26388
+ top: -0.25rem;
26389
+ transform: rotate(135deg);
26376
26390
  }
26377
26391
 
26378
- .amis-scope .a-Collapse--title-bottom.is-collapsed .a-Collapse-arrow:before {
26379
- top: -0.375rem;
26380
- transform: rotate(135deg);
26381
- transform-origin: 0% 50%;
26392
+ .amis-scope .a-Collapse--title-bottom.is-active .a-Collapse-arrow:before {
26393
+ top: 0;
26394
+ transform: rotate(-45deg);
26382
26395
  }
26383
26396
 
26384
26397
  .amis-scope .a-Collapse-contentWrapper {
@@ -26398,6 +26411,10 @@ readers do not read off random characters that represent icons */
26398
26411
  font-weight: var(--Collapse-content-fontWeight);
26399
26412
  }
26400
26413
 
26414
+ .amis-scope .a-CollapseGroup.icon-position-right .a-Collapse-header .a-Collapse-arrow {
26415
+ float: right;
26416
+ }
26417
+
26401
26418
  .amis-scope .a-ColorField {
26402
26419
  display: inline-block;
26403
26420
  }
@@ -28549,6 +28566,11 @@ readers do not read off random characters that represent icons */
28549
28566
  cursor: move;
28550
28567
  }
28551
28568
 
28569
+ .amis-scope .a-Table-table > thead > tr > th.a-Table-dragCell > svg,
28570
+ .amis-scope .a-Table-table > tbody > tr > td.a-Table-dragCell > svg {
28571
+ vertical-align: middle;
28572
+ }
28573
+
28552
28574
  .amis-scope .a-Table-table > tbody > tr > td.a-Table-expandCell {
28553
28575
  position: relative;
28554
28576
  }
@@ -28916,6 +28938,10 @@ readers do not read off random characters that represent icons */
28916
28938
  color: var(--icon-onHover-color);
28917
28939
  }
28918
28940
 
28941
+ .amis-scope .a-Table-dragBtn > svg {
28942
+ vertical-align: -2px;
28943
+ }
28944
+
28919
28945
  .amis-scope .a-Table-table > tbody > tr:hover .a-Table-dragBtn,
28920
28946
  .amis-scope .a-Table-table > tbody > tr.is-dragging .a-Table-dragBtn,
28921
28947
  .amis-scope .a-Table-table > tbody > tr.is-drop-allowed .a-Table-dragBtn {
@@ -31682,6 +31708,133 @@ readers do not read off random characters that represent icons */
31682
31708
  display: none;
31683
31709
  }
31684
31710
 
31711
+ .amis-scope .u-hairline::after {
31712
+ position: absolute;
31713
+ box-sizing: border-box;
31714
+ content: " ";
31715
+ pointer-events: none;
31716
+ top: -50%;
31717
+ right: -50%;
31718
+ bottom: -50%;
31719
+ left: -50%;
31720
+ border: 0 solid var(--borderColorLight);
31721
+ z-index: 1;
31722
+ transform: scale(0.5);
31723
+ }
31724
+
31725
+ .amis-scope .a-GridNav {
31726
+ display: flex;
31727
+ flex-wrap: wrap;
31728
+ }
31729
+
31730
+ .amis-scope .a-GridNav-top {
31731
+ position: relative;
31732
+ }
31733
+
31734
+ .amis-scope .a-GridNav-top::after {
31735
+ border-top-width: 0.0625rem;
31736
+ }
31737
+
31738
+ .amis-scope .a-GridNavItem {
31739
+ position: relative;
31740
+ box-sizing: border-box;
31741
+ }
31742
+
31743
+ .amis-scope .a-GridNavItem--square {
31744
+ height: 0;
31745
+ position: relative;
31746
+ }
31747
+
31748
+ .amis-scope .a-GridNavItem-icon {
31749
+ width: var(--rv-grid-item-icon-size);
31750
+ }
31751
+
31752
+ .amis-scope .a-GridNavItem-text {
31753
+ color: var(--text-color);
31754
+ font-size: var(--fontSizeSm);
31755
+ line-height: 1.5;
31756
+ word-break: break-all;
31757
+ flex-shrink: 0;
31758
+ }
31759
+
31760
+ .amis-scope .a-GridNavItem-icon + .a-GridNavItem-text {
31761
+ margin-top: 0.5rem;
31762
+ }
31763
+
31764
+ .amis-scope .a-GridNavItem-image {
31765
+ display: inline-block;
31766
+ }
31767
+
31768
+ .amis-scope .a-GridNavItem-image svg,
31769
+ .amis-scope .a-GridNavItem-image img {
31770
+ max-width: 100%;
31771
+ display: block;
31772
+ width: 60%;
31773
+ margin: 0 auto;
31774
+ }
31775
+
31776
+ .amis-scope .a-GridNavItem-content {
31777
+ display: flex;
31778
+ flex-direction: column;
31779
+ box-sizing: border-box;
31780
+ height: 100%;
31781
+ padding: var(--gap-md) var(--gap-sm);
31782
+ background-color: var(--white);
31783
+ position: relative;
31784
+ }
31785
+
31786
+ .amis-scope .a-GridNavItem-content .a-Badge-text {
31787
+ z-index: 10;
31788
+ }
31789
+
31790
+ .amis-scope .a-GridNavItem-content--border::after {
31791
+ border-width: 0 var(--borderWidth) var(--borderWidth) 0;
31792
+ }
31793
+
31794
+ .amis-scope .a-GridNavItem-content--square {
31795
+ position: absolute;
31796
+ top: 0;
31797
+ right: 0;
31798
+ left: 0;
31799
+ }
31800
+
31801
+ .amis-scope .a-GridNavItem-content--center {
31802
+ align-items: center;
31803
+ justify-content: center;
31804
+ }
31805
+
31806
+ .amis-scope .a-GridNavItem-content--horizontal {
31807
+ flex-direction: row;
31808
+ }
31809
+
31810
+ .amis-scope .a-GridNavItem-content--horizontal .a-GridNavItem-text {
31811
+ margin: 0 0 0 var(--gap-sm);
31812
+ }
31813
+
31814
+ .amis-scope .a-GridNavItem-content--reverse {
31815
+ flex-direction: column-reverse;
31816
+ }
31817
+
31818
+ .amis-scope .a-GridNavItem-content--reverse .a-GridNavItem-text {
31819
+ margin: 0 0 var(--gap-sm);
31820
+ }
31821
+
31822
+ .amis-scope .a-GridNavItem-content--horizontal .a-GridNavItem-content--reverse {
31823
+ flex-direction: row-reverse;
31824
+ }
31825
+
31826
+ .amis-scope .a-GridNavItem-content--horizontal .a-GridNavItem-content--reverse .a-GridNavItem-text {
31827
+ margin: 0 var(--gap-sm) 0 0;
31828
+ }
31829
+
31830
+ .amis-scope .a-GridNavItem-content--surround::after {
31831
+ border-width: var(--borderWidth);
31832
+ }
31833
+
31834
+ .amis-scope .a-GridNavItem-content--clickable {
31835
+ cursor: pointer;
31836
+ }
31837
+
31685
31838
  .amis-scope fieldset.a-Collapse--lg,
31686
31839
  .amis-scope fieldset.a-Collapse--md,
31687
31840
  .amis-scope fieldset.a-Collapse--base,
@@ -35885,6 +36038,10 @@ readers do not read off random characters that represent icons */
35885
36038
  pointer-events: none;
35886
36039
  }
35887
36040
 
36041
+ .amis-scope .a-Tree.is-draggable {
36042
+ position: relative;
36043
+ }
36044
+
35888
36045
  .amis-scope .a-Tree--outline .a-Tree-sublist .a-Tree-item--isLeaf:before {
35889
36046
  position: absolute;
35890
36047
  top: -8px;
@@ -35925,6 +36082,10 @@ readers do not read off random characters that represent icons */
35925
36082
  left: -99999px;
35926
36083
  }
35927
36084
 
36085
+ .amis-scope .a-Tree.is-draggable .a-Tree-itemLabel:hover::after {
36086
+ display: none;
36087
+ }
36088
+
35928
36089
  .amis-scope .a-Tree-item-icons {
35929
36090
  visibility: hidden;
35930
36091
  transition: visibility var(--animation-duration) ease;
@@ -36038,6 +36199,11 @@ readers do not read off random characters that represent icons */
36038
36199
  width: calc(var(--Tree-itemArrowWidth) + var(--gap-xs));
36039
36200
  }
36040
36201
 
36202
+ .amis-scope .a-Tree-itemDrager {
36203
+ cursor: move;
36204
+ color: var(--icon-color);
36205
+ }
36206
+
36041
36207
  .amis-scope .a-Tree-spinner {
36042
36208
  margin-right: var(--gap-xs);
36043
36209
  }
@@ -36084,6 +36250,35 @@ readers do not read off random characters that represent icons */
36084
36250
  color: var(--text--muted-color);
36085
36251
  }
36086
36252
 
36253
+ .amis-scope .a-Tree-dropIndicator {
36254
+ position: absolute;
36255
+ height: 0.125rem;
36256
+ background-color: var(--Tree-itemLabel--onChecked-color);
36257
+ border-radius: 0.0625rem;
36258
+ z-index: 1;
36259
+ }
36260
+
36261
+ .amis-scope .a-Tree-dropIndicator::after {
36262
+ position: absolute;
36263
+ top: -0.1875rem;
36264
+ left: -0.375rem;
36265
+ width: 0.5rem;
36266
+ height: 0.5rem;
36267
+ background-color: transparent;
36268
+ border: 0.125rem solid var(--Tree-itemLabel--onChecked-color);
36269
+ border-radius: 50%;
36270
+ content: "";
36271
+ }
36272
+
36273
+ .amis-scope .a-Tree-dropIndicator--hover {
36274
+ border-radius: 0;
36275
+ background-color: var(--Tree-item-onHover-bg);
36276
+ }
36277
+
36278
+ .amis-scope .a-Tree-dropIndicator--hover::after {
36279
+ display: none;
36280
+ }
36281
+
36087
36282
  .amis-scope .a-TreeSelectControl {
36088
36283
  position: relative;
36089
36284
  }
@@ -36414,6 +36609,8 @@ readers do not read off random characters that represent icons */
36414
36609
 
36415
36610
  .amis-scope .a-Combo--hor .a-Combo-itemDrager {
36416
36611
  padding: var(--Combo--horizontal-dragger-top) 0.375rem 0 0;
36612
+ display: flex;
36613
+ align-items: center;
36417
36614
  }
36418
36615
 
36419
36616
  .amis-scope .a-Combo--ver:not(.a-Combo--noBorder)::before,
@@ -36475,6 +36672,8 @@ readers do not read off random characters that represent icons */
36475
36672
  position: absolute;
36476
36673
  top: var(--Combo--horizontal-dragger-top);
36477
36674
  left: -1.875rem;
36675
+ display: flex;
36676
+ align-items: center;
36478
36677
  }
36479
36678
 
36480
36679
  .amis-scope .a-Combo--ver:not(.a-Combo--noBorder).is-draggable > .a-Combo-items > .a-Combo-item {
@@ -38147,6 +38346,7 @@ readers do not read off random characters that represent icons */
38147
38346
  border: none;
38148
38347
  flex-grow: 1;
38149
38348
  overflow: auto;
38349
+ scroll-behavior: smooth;
38150
38350
  background: var(--Tabs-content-bg);
38151
38351
  }
38152
38352