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/dark-ie11.css CHANGED
@@ -23925,8 +23925,8 @@ readers do not read off random characters that represent icons */
23925
23925
  cursor: move;
23926
23926
  position: absolute;
23927
23927
  left: 0;
23928
- top: 0.6875rem;
23929
23928
  display: none;
23929
+ line-height: 0;
23930
23930
  }
23931
23931
 
23932
23932
  .amis-scope .dark-Nav .dark-Nav-list--stacked .dark-Nav-item .dark-Nav-itemDrager > .icon,
@@ -24800,13 +24800,14 @@ readers do not read off random characters that represent icons */
24800
24800
  .amis-scope .dark-Spinner--icon {
24801
24801
  background: transparent;
24802
24802
  animation: spin 2s linear infinite;
24803
- width: 1rem;
24804
- height: 1rem;
24803
+ width: 16px;
24804
+ height: 16px;
24805
24805
  }
24806
24806
 
24807
24807
  .amis-scope .dark-Spinner--icon svg.icon {
24808
- width: 1rem;
24809
- height: 1rem;
24808
+ width: 16px;
24809
+ height: 16px;
24810
+ top: 0;
24810
24811
  }
24811
24812
 
24812
24813
  .amis-scope .dark-Spinner--overlay {
@@ -25070,7 +25071,7 @@ readers do not read off random characters that represent icons */
25070
25071
  .amis-scope .dark-Collapse {
25071
25072
  border: none;
25072
25073
  padding: 0;
25073
- margin-bottom: 0.75rem;
25074
+ line-height: 1.25rem;
25074
25075
  }
25075
25076
 
25076
25077
  .amis-scope .dark-Collapse-header {
@@ -25080,6 +25081,7 @@ readers do not read off random characters that represent icons */
25080
25081
  padding: 1.125rem 0 0.25rem 0;
25081
25082
  margin: 0;
25082
25083
  border-bottom: 0.0625rem solid #dfe2e6;
25084
+ cursor: pointer;
25083
25085
  background: transparent;
25084
25086
  }
25085
25087
 
@@ -25100,8 +25102,7 @@ readers do not read off random characters that represent icons */
25100
25102
  display: inline-block;
25101
25103
  width: 1rem;
25102
25104
  text-align: center;
25103
- margin-right: 0.5rem;
25104
- cursor: pointer;
25105
+ margin-right: 0.25rem;
25105
25106
  }
25106
25107
 
25107
25108
  .amis-scope .dark-Collapse-arrow:before {
@@ -25110,37 +25111,50 @@ readers do not read off random characters that represent icons */
25110
25111
  display: inline-block;
25111
25112
  width: 0.375rem;
25112
25113
  height: 0.375rem;
25113
- top: -0.25rem;
25114
+ top: -0.125rem;
25114
25115
  border-color: #f3f1f1;
25115
25116
  border-style: solid;
25116
25117
  border-width: 0.0625rem 0.0625rem 0 0;
25117
- transform: rotate(135deg);
25118
+ transform: rotate(45deg);
25118
25119
  transform-origin: 50% 50%;
25119
25120
  }
25120
25121
 
25121
- .amis-scope .dark-Collapse-TplField {
25122
+ .amis-scope .dark-Collapse-icon-tranform {
25122
25123
  display: inline-block;
25124
+ width: 1rem;
25125
+ text-align: center;
25126
+ margin-right: 0.25rem;
25123
25127
  }
25124
25128
 
25125
- .amis-scope .dark-Collapse.is-collapsed .dark-Collapse-arrow:before {
25126
- transform: rotate(45deg);
25127
- transform-origin: 0% 50%;
25129
+ .amis-scope .dark-Collapse .dark-TplField {
25130
+ display: inline-block;
25128
25131
  }
25129
25132
 
25130
- .amis-scope .dark-Collapse.is-collapsed .dark-Collapse-header {
25131
- border-bottom: 0.0625rem solid
25132
- #dfe2e6;
25133
+ .amis-scope .dark-Collapse.is-active .dark-Collapse-arrow:before {
25134
+ transform: rotate(135deg);
25135
+ transform-origin: 50% 30%;
25133
25136
  }
25134
25137
 
25135
- .amis-scope .dark-Collapse--collapsable .dark-Collapse-header {
25136
- cursor: pointer;
25138
+ .amis-scope .dark-Collapse.is-active .dark-Collapse-icon-tranform {
25139
+ transform: rotate(90deg);
25140
+ }
25141
+
25142
+ .amis-scope .dark-Collapse--disabled .dark-Collapse-header {
25143
+ cursor: not-allowed;
25137
25144
  user-select: none;
25145
+ color: white;
25146
+ }
25147
+
25148
+ .amis-scope .dark-Collapse--disabled .dark-Collapse-header:hover {
25149
+ background-color: var(--Collapse-header-bg-disabled-color);
25150
+ }
25151
+
25152
+ .amis-scope .dark-Collapse--disabled .dark-Collapse-arrow:before {
25153
+ border-color: white;
25138
25154
  }
25139
25155
 
25140
25156
  .amis-scope .dark-Collapse--title-bottom .dark-Collapse-header {
25141
25157
  text-align: center;
25142
- color: #2296f3;
25143
- border-left: none;
25144
25158
  font-size: 0.875rem;
25145
25159
  border-top: none;
25146
25160
  border-bottom: 0.0625rem solid
@@ -25152,15 +25166,13 @@ readers do not read off random characters that represent icons */
25152
25166
  }
25153
25167
 
25154
25168
  .amis-scope .dark-Collapse--title-bottom .dark-Collapse-arrow:before {
25155
- top: 0.125rem;
25156
- transform: rotate(-45deg);
25157
- transform-origin: 0% 50%;
25169
+ top: -0.25rem;
25170
+ transform: rotate(135deg);
25158
25171
  }
25159
25172
 
25160
- .amis-scope .dark-Collapse--title-bottom.is-collapsed .dark-Collapse-arrow:before {
25161
- top: -0.375rem;
25162
- transform: rotate(135deg);
25163
- transform-origin: 0% 50%;
25173
+ .amis-scope .dark-Collapse--title-bottom.is-active .dark-Collapse-arrow:before {
25174
+ top: 0;
25175
+ transform: rotate(-45deg);
25164
25176
  }
25165
25177
 
25166
25178
  .amis-scope .dark-Collapse-contentWrapper {
@@ -25180,6 +25192,10 @@ readers do not read off random characters that represent icons */
25180
25192
  font-weight: 400;
25181
25193
  }
25182
25194
 
25195
+ .amis-scope .dark-CollapseGroup.icon-position-right .dark-Collapse-header .dark-Collapse-arrow {
25196
+ float: right;
25197
+ }
25198
+
25183
25199
  .amis-scope .dark-ColorField {
25184
25200
  display: inline-block;
25185
25201
  }
@@ -27337,6 +27353,11 @@ readers do not read off random characters that represent icons */
27337
27353
  cursor: move;
27338
27354
  }
27339
27355
 
27356
+ .amis-scope .dark-Table-table > thead > tr > th.dark-Table-dragCell > svg,
27357
+ .amis-scope .dark-Table-table > tbody > tr > td.dark-Table-dragCell > svg {
27358
+ vertical-align: middle;
27359
+ }
27360
+
27340
27361
  .amis-scope .dark-Table-table > tbody > tr > td.dark-Table-expandCell {
27341
27362
  position: relative;
27342
27363
  }
@@ -27710,6 +27731,10 @@ readers do not read off random characters that represent icons */
27710
27731
  color: #111827;
27711
27732
  }
27712
27733
 
27734
+ .amis-scope .dark-Table-dragBtn > svg {
27735
+ vertical-align: -2px;
27736
+ }
27737
+
27713
27738
  .amis-scope .dark-Table-table > tbody > tr:hover .dark-Table-dragBtn,
27714
27739
  .amis-scope .dark-Table-table > tbody > tr.is-dragging .dark-Table-dragBtn,
27715
27740
  .amis-scope .dark-Table-table > tbody > tr.is-drop-allowed .dark-Table-dragBtn {
@@ -30490,6 +30515,133 @@ readers do not read off random characters that represent icons */
30490
30515
  display: none;
30491
30516
  }
30492
30517
 
30518
+ .amis-scope .u-hairline::after {
30519
+ position: absolute;
30520
+ box-sizing: border-box;
30521
+ content: " ";
30522
+ pointer-events: none;
30523
+ top: -50%;
30524
+ right: -50%;
30525
+ bottom: -50%;
30526
+ left: -50%;
30527
+ border: 0 solid #dfe2e6;
30528
+ z-index: 1;
30529
+ transform: scale(0.5);
30530
+ }
30531
+
30532
+ .amis-scope .dark-GridNav {
30533
+ display: flex;
30534
+ flex-wrap: wrap;
30535
+ }
30536
+
30537
+ .amis-scope .dark-GridNav-top {
30538
+ position: relative;
30539
+ }
30540
+
30541
+ .amis-scope .dark-GridNav-top::after {
30542
+ border-top-width: 0.0625rem;
30543
+ }
30544
+
30545
+ .amis-scope .dark-GridNavItem {
30546
+ position: relative;
30547
+ box-sizing: border-box;
30548
+ }
30549
+
30550
+ .amis-scope .dark-GridNavItem--square {
30551
+ height: 0;
30552
+ position: relative;
30553
+ }
30554
+
30555
+ .amis-scope .dark-GridNavItem-icon {
30556
+ width: var(--rv-grid-item-icon-size);
30557
+ }
30558
+
30559
+ .amis-scope .dark-GridNavItem-text {
30560
+ color: #f3f1f1;
30561
+ font-size: 0.75rem;
30562
+ line-height: 1.5;
30563
+ word-break: break-all;
30564
+ flex-shrink: 0;
30565
+ }
30566
+
30567
+ .amis-scope .dark-GridNavItem-icon + .dark-GridNavItem-text {
30568
+ margin-top: 0.5rem;
30569
+ }
30570
+
30571
+ .amis-scope .dark-GridNavItem-image {
30572
+ display: inline-block;
30573
+ }
30574
+
30575
+ .amis-scope .dark-GridNavItem-image svg,
30576
+ .amis-scope .dark-GridNavItem-image img {
30577
+ max-width: 100%;
30578
+ display: block;
30579
+ width: 60%;
30580
+ margin: 0 auto;
30581
+ }
30582
+
30583
+ .amis-scope .dark-GridNavItem-content {
30584
+ display: flex;
30585
+ flex-direction: column;
30586
+ box-sizing: border-box;
30587
+ height: 100%;
30588
+ padding: 1rem 0.5rem;
30589
+ background-color: #fff;
30590
+ position: relative;
30591
+ }
30592
+
30593
+ .amis-scope .dark-GridNavItem-content .dark-Badge-text {
30594
+ z-index: 10;
30595
+ }
30596
+
30597
+ .amis-scope .dark-GridNavItem-content--border::after {
30598
+ border-width: 0 0.0625rem 0.0625rem 0;
30599
+ }
30600
+
30601
+ .amis-scope .dark-GridNavItem-content--square {
30602
+ position: absolute;
30603
+ top: 0;
30604
+ right: 0;
30605
+ left: 0;
30606
+ }
30607
+
30608
+ .amis-scope .dark-GridNavItem-content--center {
30609
+ align-items: center;
30610
+ justify-content: center;
30611
+ }
30612
+
30613
+ .amis-scope .dark-GridNavItem-content--horizontal {
30614
+ flex-direction: row;
30615
+ }
30616
+
30617
+ .amis-scope .dark-GridNavItem-content--horizontal .dark-GridNavItem-text {
30618
+ margin: 0 0 0 0.5rem;
30619
+ }
30620
+
30621
+ .amis-scope .dark-GridNavItem-content--reverse {
30622
+ flex-direction: column-reverse;
30623
+ }
30624
+
30625
+ .amis-scope .dark-GridNavItem-content--reverse .dark-GridNavItem-text {
30626
+ margin: 0 0 0.5rem;
30627
+ }
30628
+
30629
+ .amis-scope .dark-GridNavItem-content--horizontal .dark-GridNavItem-content--reverse {
30630
+ flex-direction: row-reverse;
30631
+ }
30632
+
30633
+ .amis-scope .dark-GridNavItem-content--horizontal .dark-GridNavItem-content--reverse .dark-GridNavItem-text {
30634
+ margin: 0 0.5rem 0 0;
30635
+ }
30636
+
30637
+ .amis-scope .dark-GridNavItem-content--surround::after {
30638
+ border-width: 0.0625rem;
30639
+ }
30640
+
30641
+ .amis-scope .dark-GridNavItem-content--clickable {
30642
+ cursor: pointer;
30643
+ }
30644
+
30493
30645
  .amis-scope fieldset.dark-Collapse--lg,
30494
30646
  .amis-scope fieldset.dark-Collapse--md,
30495
30647
  .amis-scope fieldset.dark-Collapse--base,
@@ -34779,6 +34931,10 @@ readers do not read off random characters that represent icons */
34779
34931
  pointer-events: none;
34780
34932
  }
34781
34933
 
34934
+ .amis-scope .dark-Tree.is-draggable {
34935
+ position: relative;
34936
+ }
34937
+
34782
34938
  .amis-scope .dark-Tree--outline .dark-Tree-sublist .dark-Tree-item--isLeaf:before {
34783
34939
  position: absolute;
34784
34940
  top: -8px;
@@ -34819,6 +34975,10 @@ readers do not read off random characters that represent icons */
34819
34975
  left: -99999px;
34820
34976
  }
34821
34977
 
34978
+ .amis-scope .dark-Tree.is-draggable .dark-Tree-itemLabel:hover::after {
34979
+ display: none;
34980
+ }
34981
+
34822
34982
  .amis-scope .dark-Tree-item-icons {
34823
34983
  visibility: hidden;
34824
34984
  transition: visibility 0s ease;
@@ -34932,6 +35092,11 @@ readers do not read off random characters that represent icons */
34932
35092
  width: calc(0.75rem + 0.25rem);
34933
35093
  }
34934
35094
 
35095
+ .amis-scope .dark-Tree-itemDrager {
35096
+ cursor: move;
35097
+ color: #4b5563;
35098
+ }
35099
+
34935
35100
  .amis-scope .dark-Tree-spinner {
34936
35101
  margin-right: 0.25rem;
34937
35102
  }
@@ -34978,6 +35143,35 @@ readers do not read off random characters that represent icons */
34978
35143
  color: white;
34979
35144
  }
34980
35145
 
35146
+ .amis-scope .dark-Tree-dropIndicator {
35147
+ position: absolute;
35148
+ height: 0.125rem;
35149
+ background-color: #f3f1f1;
35150
+ border-radius: 0.0625rem;
35151
+ z-index: 1;
35152
+ }
35153
+
35154
+ .amis-scope .dark-Tree-dropIndicator::after {
35155
+ position: absolute;
35156
+ top: -0.1875rem;
35157
+ left: -0.375rem;
35158
+ width: 0.5rem;
35159
+ height: 0.5rem;
35160
+ background-color: transparent;
35161
+ border: 0.125rem solid #f3f1f1;
35162
+ border-radius: 50%;
35163
+ content: "";
35164
+ }
35165
+
35166
+ .amis-scope .dark-Tree-dropIndicator--hover {
35167
+ border-radius: 0;
35168
+ background-color: rgba(0, 126, 255, 0.08);
35169
+ }
35170
+
35171
+ .amis-scope .dark-Tree-dropIndicator--hover::after {
35172
+ display: none;
35173
+ }
35174
+
34981
35175
  .amis-scope .dark-TreeSelectControl {
34982
35176
  position: relative;
34983
35177
  }
@@ -35335,6 +35529,8 @@ readers do not read off random characters that represent icons */
35335
35529
  0.875rem
35336
35530
  ) / 2
35337
35531
  ) 0.375rem 0 0;
35532
+ display: flex;
35533
+ align-items: center;
35338
35534
  }
35339
35535
 
35340
35536
  .amis-scope .dark-Combo--ver:not(.dark-Combo--noBorder)::before,
@@ -35401,6 +35597,8 @@ readers do not read off random characters that represent icons */
35401
35597
  ) / 2
35402
35598
  );
35403
35599
  left: -1.875rem;
35600
+ display: flex;
35601
+ align-items: center;
35404
35602
  }
35405
35603
 
35406
35604
  .amis-scope .dark-Combo--ver:not(.dark-Combo--noBorder).is-draggable > .dark-Combo-items > .dark-Combo-item {
@@ -37151,6 +37349,7 @@ readers do not read off random characters that represent icons */
37151
37349
  border: none;
37152
37350
  flex-grow: 1;
37153
37351
  overflow: auto;
37352
+ scroll-behavior: smooth;
37154
37353
  background: #302d2a;
37155
37354
  }
37156
37355