amis 1.8.0-beta.16 → 1.8.0-beta.17

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 (75) hide show
  1. package/lib/components/TabsTransfer.d.ts +22 -3
  2. package/lib/components/TabsTransfer.js +149 -42
  3. package/lib/components/TabsTransfer.js.map +2 -2
  4. package/lib/components/formula/Editor.js +4 -4
  5. package/lib/components/formula/Editor.js.map +2 -2
  6. package/lib/components/formula/VariableList.d.ts +63 -4
  7. package/lib/components/formula/VariableList.js +23 -8
  8. package/lib/components/formula/VariableList.js.map +2 -2
  9. package/lib/index.js +1 -1
  10. package/lib/renderers/Form/NestedSelect.d.ts +1 -1
  11. package/lib/renderers/Form/NestedSelect.js +7 -2
  12. package/lib/renderers/Form/NestedSelect.js.map +2 -2
  13. package/lib/renderers/Form/TabsTransfer.d.ts +6 -1
  14. package/lib/renderers/Form/TabsTransfer.js +155 -6
  15. package/lib/renderers/Form/TabsTransfer.js.map +2 -2
  16. package/lib/renderers/Form/TabsTransferPicker.d.ts +2 -2
  17. package/lib/renderers/Form/TabsTransferPicker.js +4 -4
  18. package/lib/renderers/Form/TabsTransferPicker.js.map +2 -2
  19. package/lib/renderers/Form/index.js +6 -2
  20. package/lib/renderers/Form/index.js.map +2 -2
  21. package/lib/renderers/Markdown.js +4 -3
  22. package/lib/renderers/Markdown.js.map +2 -2
  23. package/lib/themes/ang-ie11.css +92 -14
  24. package/lib/themes/ang.css +94 -14
  25. package/lib/themes/ang.css.map +1 -1
  26. package/lib/themes/antd-ie11.css +92 -14
  27. package/lib/themes/antd.css +94 -14
  28. package/lib/themes/antd.css.map +1 -1
  29. package/lib/themes/cxd-ie11.css +92 -14
  30. package/lib/themes/cxd.css +94 -14
  31. package/lib/themes/cxd.css.map +1 -1
  32. package/lib/themes/dark-ie11.css +92 -14
  33. package/lib/themes/dark.css +94 -14
  34. package/lib/themes/dark.css.map +1 -1
  35. package/lib/themes/default-ie11.css +92 -14
  36. package/lib/themes/default.css +94 -14
  37. package/lib/themes/default.css.map +1 -1
  38. package/package.json +1 -1
  39. package/schema.json +1 -1
  40. package/scss/_properties.scss +3 -0
  41. package/scss/components/_formula.scss +77 -12
  42. package/scss/components/form/_transfer.scss +21 -0
  43. package/sdk/ang-ie11.css +109 -14
  44. package/sdk/ang.css +111 -14
  45. package/sdk/antd-ie11.css +109 -14
  46. package/sdk/antd.css +111 -14
  47. package/sdk/barcode.js +51 -51
  48. package/sdk/charts.js +14 -14
  49. package/sdk/codemirror.js +7 -7
  50. package/sdk/color-picker.js +65 -65
  51. package/sdk/cropperjs.js +2 -2
  52. package/sdk/cxd-ie11.css +109 -14
  53. package/sdk/cxd.css +111 -14
  54. package/sdk/dark-ie11.css +109 -14
  55. package/sdk/dark.css +111 -14
  56. package/sdk/exceljs.js +1 -1
  57. package/sdk/markdown.js +69 -69
  58. package/sdk/papaparse.js +1 -1
  59. package/sdk/renderers/Form/CityDB.js +1 -1
  60. package/sdk/rest.js +17 -17
  61. package/sdk/rich-text.js +62 -62
  62. package/sdk/sdk-ie11.css +109 -14
  63. package/sdk/sdk.css +111 -14
  64. package/sdk/sdk.js +1268 -1268
  65. package/sdk/thirds/hls.js/hls.js +1 -1
  66. package/sdk/thirds/mpegts.js/mpegts.js +1 -1
  67. package/sdk/tinymce.js +57 -57
  68. package/src/components/TabsTransfer.tsx +253 -143
  69. package/src/components/formula/Editor.tsx +12 -5
  70. package/src/components/formula/VariableList.tsx +55 -21
  71. package/src/renderers/Form/NestedSelect.tsx +11 -2
  72. package/src/renderers/Form/TabsTransfer.tsx +174 -11
  73. package/src/renderers/Form/TabsTransferPicker.tsx +5 -10
  74. package/src/renderers/Form/index.tsx +37 -16
  75. package/src/renderers/Markdown.tsx +4 -5
package/lib/themes/dark-ie11.css CHANGED
@@ -27414,6 +27414,21 @@ td.rdtQuarter.rdtDisabled > span {
27414
27414
  .dark-TabsTransfer .dark-Transfer-title {
27415
27415
  height: 40px;
27416
27416
  }
27417
+ .dark-TabsTransfer-tabs .dark-Tabs-linksContainer {
27418
+ padding-left: 1.25rem;
27419
+ padding-top: 0.5rem;
27420
+ background-color: #f7f7f9;
27421
+ }
27422
+ .dark-TabsTransfer-search {
27423
+ margin: 0.5rem 0.5rem;
27424
+ }
27425
+ .dark-TabsTransfer-search .dark-InputBox {
27426
+ border: 1px solid #e8e9eb;
27427
+ }
27428
+ .dark-TabsTransfer .dark-Transfer-result .dark-Transfer-title {
27429
+ height: 2.5rem;
27430
+ line-height: 2.5rem;
27431
+ }
27417
27432
  .dark-TabsTransfer-placeholder {
27418
27433
  height: 1.875rem;
27419
27434
  line-height: 1.4285714286;
@@ -28871,7 +28886,7 @@ td.rdtQuarter.rdtDisabled > span {
28871
28886
  box-sizing: border-box;
28872
28887
  background: #fafafa;
28873
28888
  border-radius: 0.142rem 0.142rem 0 0;
28874
- border-bottom: 0.0625rem solid #656565;
28889
+ border-bottom: none;
28875
28890
  font-weight: 500;
28876
28891
  }
28877
28892
  .dark-FormulaEditor-editor {
@@ -28907,11 +28922,11 @@ td.rdtQuarter.rdtDisabled > span {
28907
28922
  }
28908
28923
  .dark-FormulaEditor-panel {
28909
28924
  display: flex;
28925
+ flex: 1;
28910
28926
  flex-flow: column nowrap;
28911
28927
  justify-content: space-between;
28912
28928
  align-items: stretch;
28913
28929
  height: 15.625rem;
28914
- width: 13.75rem;
28915
28930
  border-radius: 0.142rem;
28916
28931
  border: 0.0625rem solid #656565;
28917
28932
  }
@@ -28929,7 +28944,7 @@ td.rdtQuarter.rdtDisabled > span {
28929
28944
  box-sizing: border-box;
28930
28945
  background: #fafafa;
28931
28946
  border-radius: 0.142rem 0.142rem 0 0;
28932
- border-bottom: 0.0625rem solid #656565;
28947
+ border-bottom: none;
28933
28948
  font-weight: 500;
28934
28949
  }
28935
28950
  .dark-FormulaEditor-panel-body {
@@ -28938,36 +28953,96 @@ td.rdtQuarter.rdtDisabled > span {
28938
28953
  flex-flow: column nowrap;
28939
28954
  max-height: 13.75rem;
28940
28955
  }
28956
+ .dark-FormulaEditor-panel-body--tabs {
28957
+ max-height: 15.625rem;
28958
+ }
28941
28959
  .dark-FormulaEditor-VariableList-root {
28942
- max-height: 13.75rem;
28960
+ max-height: 100%;
28961
+ }
28962
+ .dark-FormulaEditor-VariableList-body {
28963
+ display: flex;
28964
+ flex-flow: column nowrap;
28965
+ max-height: 100%;
28943
28966
  }
28944
- .dark-FormulaEditor-VariableList-root.is-scrollable {
28967
+ .dark-FormulaEditor-VariableList-base {
28968
+ --Form-input-fontSize: var(--fontSizeSm);
28969
+ --gap-sm: 0.625rem;
28970
+ flex: 1;
28971
+ max-height: 100%;
28972
+ }
28973
+ .dark-FormulaEditor-VariableList-base.is-scrollable {
28945
28974
  overflow-x: hidden;
28946
28975
  overflow-y: auto;
28947
28976
  }
28948
- .dark-FormulaEditor-VariableList-root.is-scrollable::-webkit-scrollbar {
28977
+ .dark-FormulaEditor-VariableList-base.is-scrollable::-webkit-scrollbar {
28949
28978
  width: 6px;
28950
28979
  height: 6px;
28951
28980
  }
28952
- .dark-FormulaEditor-VariableList-root.is-scrollable::-webkit-scrollbar-thumb {
28981
+ .dark-FormulaEditor-VariableList-base.is-scrollable::-webkit-scrollbar-thumb {
28953
28982
  border-radius: 3px;
28954
28983
  background: rgba(0, 0, 0, 0.3);
28955
28984
  }
28956
- .dark-FormulaEditor-VariableList-base {
28957
- --Form-input-fontSize: var(--fontSizeSm);
28958
- max-width: inherit;
28959
- overflow: hidden;
28985
+ .dark-FormulaEditor-VariableList-searchBox {
28986
+ display: flex;
28987
+ width: auto;
28988
+ flex-shrink: 0;
28989
+ padding: 0.5rem;
28990
+ }
28991
+ .dark-FormulaEditor-VariableList-searchBox > div {
28992
+ flex: 1;
28993
+ font-size: 0.75rem;
28994
+ height: 1.5rem;
28960
28995
  }
28961
28996
  .dark-FormulaEditor-VariableList-tabs {
28962
28997
  --Tabs-linkFontSize: var(--fontSizeSm);
28963
28998
  --Tabs--card-linkPadding: 0.3125rem;
28964
- max-height: 13.75rem;
28999
+ max-height: 100%;
28965
29000
  display: flex;
28966
29001
  flex-flow: column nowrap;
28967
29002
  justify-content: space-between;
28968
29003
  }
28969
- .dark-FormulaEditor-VariableList-tabs > ul {
28970
- border-top: none;
29004
+ .dark-FormulaEditor-VariableList-tabs .dark-Tabs-content {
29005
+ padding: 0;
29006
+ }
29007
+ .dark-FormulaEditor-VariableList-tabs .dark-Tabs-content .dark-FormulaEditor-VariableList-sub .dark-FormulaEditor-VariableList-body {
29008
+ max-height: 13.75rem;
29009
+ overflow-y: hidden;
29010
+ }
29011
+ .dark-FormulaEditor-VariableList-tabs .dark-Tabs-content .dark-FormulaEditor-VariableList-sub-FormulaEditor-VariableList-base {
29012
+ overflow-x: hidden;
29013
+ overflow-y: auto;
29014
+ }
29015
+ .dark-FormulaEditor-VariableList-tabs .dark-Tabs-content .dark-FormulaEditor-VariableList-sub-FormulaEditor-VariableList-base::-webkit-scrollbar {
29016
+ width: 6px;
29017
+ height: 6px;
29018
+ }
29019
+ .dark-FormulaEditor-VariableList-tabs .dark-Tabs-content .dark-FormulaEditor-VariableList-sub-FormulaEditor-VariableList-base::-webkit-scrollbar-thumb {
29020
+ border-radius: 3px;
29021
+ background: rgba(0, 0, 0, 0.3);
29022
+ }
29023
+ .dark-FormulaEditor-VariableList-tabs .dark-Tabs-linksContainer-wrapper {
29024
+ width: 100%;
29025
+ height: 1.875rem;
29026
+ line-height: 1.875rem;
29027
+ padding: 0 0.625rem;
29028
+ box-sizing: border-box;
29029
+ background: #fafafa;
29030
+ border-radius: 0.142rem 0.142rem 0 0;
29031
+ border-bottom: none;
29032
+ font-weight: 500;
29033
+ max-height: 1.875rem;
29034
+ min-height: 1.875rem;
29035
+ }
29036
+ .dark-FormulaEditor-VariableList-tabs .dark-Tabs-linksContainer-wrapper ul.dark-Tabs-links > li {
29037
+ height: 30px;
29038
+ line-height: 30px;
29039
+ }
29040
+ .dark-FormulaEditor-VariableList-tabs .dark-Tabs-linksContainer-wrapper ul.dark-Tabs-links > li > a {
29041
+ margin: 0;
29042
+ padding: 0;
29043
+ }
29044
+ .dark-FormulaEditor-VariableList-tabs .dark-Tabs-linksContainer--overflow > div {
29045
+ margin: 0;
28971
29046
  }
28972
29047
  .dark-FormulaEditor-VariableList-tabs > div {
28973
29048
  overflow-x: hidden;
@@ -29011,6 +29086,9 @@ td.rdtQuarter.rdtDisabled > span {
29011
29086
  align-items: stretch;
29012
29087
  flex: 1;
29013
29088
  }
29089
+ .dark-FormulaEditor-FuncList .dark-FormulaEditor-panel {
29090
+ width: 11.75rem;
29091
+ }
29014
29092
  .dark-FormulaEditor-FuncList:not(:last-child) {
29015
29093
  margin-right: 0.625rem;
29016
29094
  }
package/lib/themes/dark.css CHANGED
@@ -1370,6 +1370,8 @@
1370
1370
  --Tooltip-title-paddingY: var(--gap-sm);
1371
1371
  --Transfer-title-bg: #f6f8f8;
1372
1372
  --Transfer-selection-maxHeight: 21.875rem;
1373
+ --TabsTransfer-title-bg: #f7f7f9;
1374
+ --TabsTransfer-border-color: #e8e9eb;
1373
1375
  --Tree-indent: var(--gap-md);
1374
1376
  --Tree-inputHeight: calc(var(--Form-input-height) * 0.85);
1375
1377
  --Tree-item-onHover-bg: rgba(0, 126, 255, 0.08);
@@ -28701,6 +28703,21 @@ td.rdtQuarter.rdtDisabled > span {
28701
28703
  .dark-TabsTransfer .dark-Transfer-title {
28702
28704
  height: 40px;
28703
28705
  }
28706
+ .dark-TabsTransfer-tabs .dark-Tabs-linksContainer {
28707
+ padding-left: 1.25rem;
28708
+ padding-top: 0.5rem;
28709
+ background-color: var(--TabsTransfer-title-bg);
28710
+ }
28711
+ .dark-TabsTransfer-search {
28712
+ margin: var(--gap-sm) var(--gap-sm);
28713
+ }
28714
+ .dark-TabsTransfer-search .dark-InputBox {
28715
+ border: 1px solid var(--TabsTransfer-border-color);
28716
+ }
28717
+ .dark-TabsTransfer .dark-Transfer-result .dark-Transfer-title {
28718
+ height: 2.5rem;
28719
+ line-height: 2.5rem;
28720
+ }
28704
28721
  .dark-TabsTransfer-placeholder {
28705
28722
  height: var(--Form-input-height);
28706
28723
  line-height: var(--Form-input-lineHeight);
@@ -30093,7 +30110,7 @@ td.rdtQuarter.rdtDisabled > span {
30093
30110
  box-sizing: border-box;
30094
30111
  background: var(--InputFormula-header-bgColor);
30095
30112
  border-radius: var(--borderRadius) var(--borderRadius) 0 0;
30096
- border-bottom: var(--Form-input-borderWidth) solid var(--Form-input-borderColor);
30113
+ border-bottom: none;
30097
30114
  font-weight: 500;
30098
30115
  }
30099
30116
  .dark-FormulaEditor-editor {
@@ -30129,11 +30146,11 @@ td.rdtQuarter.rdtDisabled > span {
30129
30146
  }
30130
30147
  .dark-FormulaEditor-panel {
30131
30148
  display: flex;
30149
+ flex: 1;
30132
30150
  flex-flow: column nowrap;
30133
30151
  justify-content: space-between;
30134
30152
  align-items: stretch;
30135
30153
  height: 15.625rem;
30136
- width: 13.75rem;
30137
30154
  border-radius: var(--borderRadius);
30138
30155
  border: var(--Form-input-borderWidth) solid var(--Form-input-borderColor);
30139
30156
  }
@@ -30151,7 +30168,7 @@ td.rdtQuarter.rdtDisabled > span {
30151
30168
  box-sizing: border-box;
30152
30169
  background: var(--InputFormula-header-bgColor);
30153
30170
  border-radius: var(--borderRadius) var(--borderRadius) 0 0;
30154
- border-bottom: var(--Form-input-borderWidth) solid var(--Form-input-borderColor);
30171
+ border-bottom: none;
30155
30172
  font-weight: 500;
30156
30173
  }
30157
30174
  .dark-FormulaEditor-panel-body {
@@ -30160,36 +30177,96 @@ td.rdtQuarter.rdtDisabled > span {
30160
30177
  flex-flow: column nowrap;
30161
30178
  max-height: 13.75rem;
30162
30179
  }
30180
+ .dark-FormulaEditor-panel-body--tabs {
30181
+ max-height: 15.625rem;
30182
+ }
30163
30183
  .dark-FormulaEditor-VariableList-root {
30164
- max-height: 13.75rem;
30184
+ max-height: 100%;
30165
30185
  }
30166
- .dark-FormulaEditor-VariableList-root.is-scrollable {
30186
+ .dark-FormulaEditor-VariableList-body {
30187
+ display: flex;
30188
+ flex-flow: column nowrap;
30189
+ max-height: 100%;
30190
+ }
30191
+ .dark-FormulaEditor-VariableList-base {
30192
+ --Form-input-fontSize: var(--fontSizeSm);
30193
+ --gap-sm: 0.625rem;
30194
+ flex: 1;
30195
+ max-height: 100%;
30196
+ }
30197
+ .dark-FormulaEditor-VariableList-base.is-scrollable {
30167
30198
  overflow-x: hidden;
30168
30199
  overflow-y: auto;
30169
30200
  }
30170
- .dark-FormulaEditor-VariableList-root.is-scrollable::-webkit-scrollbar {
30201
+ .dark-FormulaEditor-VariableList-base.is-scrollable::-webkit-scrollbar {
30171
30202
  width: 6px;
30172
30203
  height: 6px;
30173
30204
  }
30174
- .dark-FormulaEditor-VariableList-root.is-scrollable::-webkit-scrollbar-thumb {
30205
+ .dark-FormulaEditor-VariableList-base.is-scrollable::-webkit-scrollbar-thumb {
30175
30206
  border-radius: 3px;
30176
30207
  background: rgba(0, 0, 0, 0.3);
30177
30208
  }
30178
- .dark-FormulaEditor-VariableList-base {
30179
- --Form-input-fontSize: var(--fontSizeSm);
30180
- max-width: inherit;
30181
- overflow: hidden;
30209
+ .dark-FormulaEditor-VariableList-searchBox {
30210
+ display: flex;
30211
+ width: auto;
30212
+ flex-shrink: 0;
30213
+ padding: 0.5rem;
30214
+ }
30215
+ .dark-FormulaEditor-VariableList-searchBox > div {
30216
+ flex: 1;
30217
+ font-size: var(--fontSizeSm);
30218
+ height: var(--gap-xl);
30182
30219
  }
30183
30220
  .dark-FormulaEditor-VariableList-tabs {
30184
30221
  --Tabs-linkFontSize: var(--fontSizeSm);
30185
30222
  --Tabs--card-linkPadding: 0.3125rem;
30186
- max-height: 13.75rem;
30223
+ max-height: 100%;
30187
30224
  display: flex;
30188
30225
  flex-flow: column nowrap;
30189
30226
  justify-content: space-between;
30190
30227
  }
30191
- .dark-FormulaEditor-VariableList-tabs > ul {
30192
- border-top: none;
30228
+ .dark-FormulaEditor-VariableList-tabs .dark-Tabs-content {
30229
+ padding: 0;
30230
+ }
30231
+ .dark-FormulaEditor-VariableList-tabs .dark-Tabs-content .dark-FormulaEditor-VariableList-sub .dark-FormulaEditor-VariableList-body {
30232
+ max-height: 13.75rem;
30233
+ overflow-y: hidden;
30234
+ }
30235
+ .dark-FormulaEditor-VariableList-tabs .dark-Tabs-content .dark-FormulaEditor-VariableList-sub-FormulaEditor-VariableList-base {
30236
+ overflow-x: hidden;
30237
+ overflow-y: auto;
30238
+ }
30239
+ .dark-FormulaEditor-VariableList-tabs .dark-Tabs-content .dark-FormulaEditor-VariableList-sub-FormulaEditor-VariableList-base::-webkit-scrollbar {
30240
+ width: 6px;
30241
+ height: 6px;
30242
+ }
30243
+ .dark-FormulaEditor-VariableList-tabs .dark-Tabs-content .dark-FormulaEditor-VariableList-sub-FormulaEditor-VariableList-base::-webkit-scrollbar-thumb {
30244
+ border-radius: 3px;
30245
+ background: rgba(0, 0, 0, 0.3);
30246
+ }
30247
+ .dark-FormulaEditor-VariableList-tabs .dark-Tabs-linksContainer-wrapper {
30248
+ width: 100%;
30249
+ height: 1.875rem;
30250
+ line-height: 1.875rem;
30251
+ padding: 0 0.625rem;
30252
+ box-sizing: border-box;
30253
+ background: var(--InputFormula-header-bgColor);
30254
+ border-radius: var(--borderRadius) var(--borderRadius) 0 0;
30255
+ border-bottom: none;
30256
+ font-weight: 500;
30257
+ max-height: 1.875rem;
30258
+ min-height: 1.875rem;
30259
+ }
30260
+ .dark-FormulaEditor-VariableList-tabs .dark-Tabs-linksContainer-wrapper ul.dark-Tabs-links > li {
30261
+ height: 30px;
30262
+ line-height: 30px;
30263
+ }
30264
+ .dark-FormulaEditor-VariableList-tabs .dark-Tabs-linksContainer-wrapper ul.dark-Tabs-links > li > a {
30265
+ margin: 0;
30266
+ padding: 0;
30267
+ }
30268
+ .dark-FormulaEditor-VariableList-tabs .dark-Tabs-linksContainer--overflow > div {
30269
+ margin: 0;
30193
30270
  }
30194
30271
  .dark-FormulaEditor-VariableList-tabs > div {
30195
30272
  overflow-x: hidden;
@@ -30233,6 +30310,9 @@ td.rdtQuarter.rdtDisabled > span {
30233
30310
  align-items: stretch;
30234
30311
  flex: 1;
30235
30312
  }
30313
+ .dark-FormulaEditor-FuncList .dark-FormulaEditor-panel {
30314
+ width: 11.75rem;
30315
+ }
30236
30316
  .dark-FormulaEditor-FuncList:not(:last-child) {
30237
30317
  margin-right: 0.625rem;
30238
30318
  }