amis 1.6.0 → 1.6.1-beta.0

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 (216) hide show
  1. package/README.md +1 -0
  2. package/lib/RootRenderer.d.ts +2 -0
  3. package/lib/RootRenderer.js +19 -1
  4. package/lib/RootRenderer.js.map +2 -2
  5. package/lib/SchemaRenderer.js +52 -1
  6. package/lib/SchemaRenderer.js.map +2 -2
  7. package/lib/Scoped.d.ts +2 -0
  8. package/lib/Scoped.js +27 -1
  9. package/lib/Scoped.js.map +2 -2
  10. package/lib/actions/Action.d.ts +33 -0
  11. package/lib/actions/Action.js +100 -0
  12. package/lib/actions/Action.js.map +13 -0
  13. package/lib/actions/AjaxAction.d.ts +14 -0
  14. package/lib/actions/AjaxAction.js +68 -0
  15. package/lib/actions/AjaxAction.js.map +13 -0
  16. package/lib/actions/BreakAction.d.ts +12 -0
  17. package/lib/actions/BreakAction.js +28 -0
  18. package/lib/actions/BreakAction.js.map +13 -0
  19. package/lib/actions/BroadcastAction.d.ts +12 -0
  20. package/lib/actions/BroadcastAction.js +40 -0
  21. package/lib/actions/BroadcastAction.js.map +13 -0
  22. package/lib/actions/CmptAction.d.ts +12 -0
  23. package/lib/actions/CmptAction.js +40 -0
  24. package/lib/actions/CmptAction.js.map +13 -0
  25. package/lib/actions/ContinueAction.d.ts +12 -0
  26. package/lib/actions/ContinueAction.js +28 -0
  27. package/lib/actions/ContinueAction.js.map +13 -0
  28. package/lib/actions/CopyAction.d.ts +12 -0
  29. package/lib/actions/CopyAction.js +35 -0
  30. package/lib/actions/CopyAction.js.map +13 -0
  31. package/lib/actions/CustomAction.d.ts +12 -0
  32. package/lib/actions/CustomAction.js +43 -0
  33. package/lib/actions/CustomAction.js.map +13 -0
  34. package/lib/actions/DialogAction.d.ts +12 -0
  35. package/lib/actions/DialogAction.js +31 -0
  36. package/lib/actions/DialogAction.js.map +13 -0
  37. package/lib/actions/DrawerAction.d.ts +12 -0
  38. package/lib/actions/DrawerAction.js +31 -0
  39. package/lib/actions/DrawerAction.js.map +13 -0
  40. package/lib/actions/EmailAction.d.ts +12 -0
  41. package/lib/actions/EmailAction.js +37 -0
  42. package/lib/actions/EmailAction.js.map +13 -0
  43. package/lib/actions/LoopAction.d.ts +12 -0
  44. package/lib/actions/LoopAction.js +93 -0
  45. package/lib/actions/LoopAction.js.map +13 -0
  46. package/lib/actions/OpenPageAction.d.ts +12 -0
  47. package/lib/actions/OpenPageAction.js +33 -0
  48. package/lib/actions/OpenPageAction.js.map +13 -0
  49. package/lib/actions/ParallelAction.d.ts +5 -0
  50. package/lib/actions/ParallelAction.js +33 -0
  51. package/lib/actions/ParallelAction.js.map +13 -0
  52. package/lib/actions/SwitchAction.d.ts +8 -0
  53. package/lib/actions/SwitchAction.js +45 -0
  54. package/lib/actions/SwitchAction.js.map +13 -0
  55. package/lib/actions/index.d.ts +18 -0
  56. package/lib/actions/index.js +22 -0
  57. package/lib/actions/index.js.map +13 -0
  58. package/lib/components/AnchorNav.d.ts +20 -20
  59. package/lib/components/Button.d.ts +20 -20
  60. package/lib/components/CalendarMobile.d.ts +112 -86
  61. package/lib/components/CalendarMobile.js +85 -31
  62. package/lib/components/CalendarMobile.js.map +2 -2
  63. package/lib/components/Collapse.d.ts +20 -20
  64. package/lib/components/DatePicker.js +9 -3
  65. package/lib/components/DatePicker.js.map +2 -2
  66. package/lib/components/DateRangePicker.js +1 -0
  67. package/lib/components/DateRangePicker.js.map +2 -2
  68. package/lib/components/InputBox.d.ts +21 -21
  69. package/lib/components/ListGroup.d.ts +21 -21
  70. package/lib/components/ListMenu.d.ts +84 -84
  71. package/lib/components/MonthRangePicker.js +2 -1
  72. package/lib/components/MonthRangePicker.js.map +2 -2
  73. package/lib/components/Radios.d.ts +21 -21
  74. package/lib/components/Rating.d.ts +21 -21
  75. package/lib/components/ResultBox.d.ts +84 -84
  76. package/lib/components/Select.d.ts +238 -238
  77. package/lib/components/Select.js +4 -3
  78. package/lib/components/Select.js.map +2 -2
  79. package/lib/components/Timeline.js +1 -1
  80. package/lib/components/Timeline.js.map +2 -2
  81. package/lib/components/TimelineItem.d.ts +3 -2
  82. package/lib/components/TimelineItem.js +8 -9
  83. package/lib/components/TimelineItem.js.map +2 -2
  84. package/lib/components/Tree.d.ts +84 -84
  85. package/lib/components/formula/plugin.js +0 -1
  86. package/lib/components/formula/plugin.js.map +2 -2
  87. package/lib/env.d.ts +4 -0
  88. package/lib/env.js.map +2 -2
  89. package/lib/factory.d.ts +2 -1
  90. package/lib/factory.js +78 -0
  91. package/lib/factory.js.map +2 -2
  92. package/lib/helper.css.map +1 -1
  93. package/lib/index.d.ts +2 -0
  94. package/lib/index.js +3 -1
  95. package/lib/index.js.map +2 -2
  96. package/lib/renderers/Action.d.ts +1 -1
  97. package/lib/renderers/Action.js +26 -10
  98. package/lib/renderers/Action.js.map +2 -2
  99. package/lib/renderers/Custom.d.ts +1 -1
  100. package/lib/renderers/Custom.js +1 -1
  101. package/lib/renderers/Custom.js.map +1 -1
  102. package/lib/renderers/Form/DiffEditor.d.ts +6 -0
  103. package/lib/renderers/Form/Editor.d.ts +6 -0
  104. package/lib/renderers/Form/Options.js +9 -7
  105. package/lib/renderers/Form/Options.js.map +2 -2
  106. package/lib/renderers/Form/Select.js +3 -3
  107. package/lib/renderers/Form/Select.js.map +2 -2
  108. package/lib/renderers/Form/index.js +8 -1
  109. package/lib/renderers/Form/index.js.map +2 -2
  110. package/lib/renderers/Link.d.ts +1 -1
  111. package/lib/renderers/Link.js +27 -6
  112. package/lib/renderers/Link.js.map +2 -2
  113. package/lib/renderers/Nav.d.ts +21 -21
  114. package/lib/renderers/Remark.d.ts +1 -1
  115. package/lib/store/formItem.js +1 -1
  116. package/lib/store/formItem.js.map +2 -2
  117. package/lib/themes/ang-ie11.css +180 -1
  118. package/lib/themes/ang.css +180 -1
  119. package/lib/themes/ang.css.map +1 -1
  120. package/lib/themes/antd-ie11.css +184 -2
  121. package/lib/themes/antd.css +184 -2
  122. package/lib/themes/antd.css.map +1 -1
  123. package/lib/themes/cxd-ie11.css +182 -8
  124. package/lib/themes/cxd.css +182 -8
  125. package/lib/themes/cxd.css.map +1 -1
  126. package/lib/themes/dark-ie11.css +182 -1
  127. package/lib/themes/dark.css +182 -1
  128. package/lib/themes/dark.css.map +1 -1
  129. package/lib/themes/default.css +182 -8
  130. package/lib/themes/default.css.map +1 -1
  131. package/lib/utils/api.js +14 -3
  132. package/lib/utils/api.js.map +2 -2
  133. package/lib/utils/debug.d.ts +26 -0
  134. package/lib/utils/debug.js +351 -0
  135. package/lib/utils/debug.js.map +13 -0
  136. package/lib/utils/renderer-event.d.ts +38 -0
  137. package/lib/utils/renderer-event.js +28 -0
  138. package/lib/utils/renderer-event.js.map +13 -0
  139. package/package.json +1 -1
  140. package/scss/_properties.scss +2 -0
  141. package/scss/_variables.scss +1 -0
  142. package/scss/components/_calendar.scss +4 -0
  143. package/scss/components/_debug.scss +167 -0
  144. package/scss/components/_popup.scss +1 -1
  145. package/scss/components/form/_date-range.scss +33 -0
  146. package/scss/components/form/_form.scss +2 -0
  147. package/scss/themes/_antd-variables.scss +4 -1
  148. package/scss/themes/_common.scss +2 -0
  149. package/scss/themes/_cxd-variables.scss +2 -0
  150. package/scss/themes/_dark-variables.scss +3 -0
  151. package/scss/themes/cxd.scss +0 -7
  152. package/sdk/ang-ie11.css +211 -1
  153. package/sdk/ang.css +213 -1
  154. package/sdk/antd-ie11.css +213 -2
  155. package/sdk/antd.css +217 -2
  156. package/sdk/charts.js +16 -16
  157. package/sdk/codemirror.js +7 -7
  158. package/sdk/color-picker.js +65 -65
  159. package/sdk/cropperjs.js +2 -2
  160. package/sdk/cxd-ie11.css +211 -8
  161. package/sdk/cxd.css +215 -8
  162. package/sdk/dark-ie11.css +211 -1
  163. package/sdk/dark.css +215 -1
  164. package/sdk/exceljs.js +1 -1
  165. package/sdk/helper.css.map +1 -1
  166. package/sdk/markdown.js +69 -69
  167. package/sdk/papaparse.js +1 -1
  168. package/sdk/renderers/Form/CityDB.js +1 -1
  169. package/sdk/rest.js +18 -18
  170. package/sdk/rich-text.js +62 -62
  171. package/sdk/sdk-ie11.css +211 -8
  172. package/sdk/sdk.css +215 -8
  173. package/sdk/sdk.js +1293 -1257
  174. package/sdk/thirds/hls.js/hls.js +1 -1
  175. package/sdk/thirds/mpegts.js/mpegts.js +1 -1
  176. package/sdk/tinymce.js +57 -57
  177. package/src/RootRenderer.tsx +27 -1
  178. package/src/SchemaRenderer.tsx +70 -4
  179. package/src/Scoped.tsx +46 -4
  180. package/src/actions/Action.ts +138 -0
  181. package/src/actions/AjaxAction.ts +58 -0
  182. package/src/actions/BreakAction.ts +27 -0
  183. package/src/actions/BroadcastAction.ts +41 -0
  184. package/src/actions/CmptAction.ts +36 -0
  185. package/src/actions/ContinueAction.ts +27 -0
  186. package/src/actions/CopyAction.ts +41 -0
  187. package/src/actions/CustomAction.ts +46 -0
  188. package/src/actions/DialogAction.ts +28 -0
  189. package/src/actions/DrawerAction.ts +28 -0
  190. package/src/actions/EmailAction.ts +38 -0
  191. package/src/actions/LoopAction.ts +77 -0
  192. package/src/actions/OpenPageAction.ts +39 -0
  193. package/src/actions/ParallelAction.ts +26 -0
  194. package/src/actions/SwitchAction.ts +35 -0
  195. package/src/actions/index.ts +20 -0
  196. package/src/components/CalendarMobile.tsx +127 -32
  197. package/src/components/DatePicker.tsx +32 -2
  198. package/src/components/DateRangePicker.tsx +2 -1
  199. package/src/components/MonthRangePicker.tsx +2 -1
  200. package/src/components/Select.tsx +4 -3
  201. package/src/components/Timeline.tsx +9 -4
  202. package/src/components/TimelineItem.tsx +62 -29
  203. package/src/components/formula/plugin.ts +0 -2
  204. package/src/env.tsx +22 -0
  205. package/src/factory.tsx +87 -1
  206. package/src/index.tsx +4 -0
  207. package/src/renderers/Action.tsx +11 -2
  208. package/src/renderers/Custom.tsx +1 -1
  209. package/src/renderers/Form/Options.tsx +15 -7
  210. package/src/renderers/Form/Select.tsx +7 -3
  211. package/src/renderers/Form/index.tsx +7 -1
  212. package/src/renderers/Link.tsx +18 -3
  213. package/src/store/formItem.ts +1 -1
  214. package/src/utils/api.ts +15 -2
  215. package/src/utils/debug.tsx +438 -0
  216. package/src/utils/renderer-event.ts +75 -0
@@ -606,6 +606,8 @@
606
606
  --Form-description-color: #6f808a;
607
607
  --Form-description-fontSize: var(--fontSizeSm);
608
608
  --Form-fontSize: var(--fontSizeBase);
609
+ --Form-item-fontSize: var(--Form-fontSize);
610
+ --Form-item-fontColor: #5e626a;
609
611
  --Form-group--lg-gutterWidth: 2.5rem;
610
612
  --Form-group--md-gutterWidth: 1.875rem;
611
613
  --Form-group--sm-gutterWidth: var(--gap-md);
@@ -4570,7 +4572,7 @@ input[type=button].a-Button--block {
4570
4572
  background: var(--PopOver-bg);
4571
4573
  left: 0;
4572
4574
  bottom: 0;
4573
- z-index: 1300;
4575
+ z-index: 3000;
4574
4576
  padding: 0;
4575
4577
  margin: 0;
4576
4578
  font-weight: var(--fontWeightNormal);
@@ -6743,6 +6745,7 @@ input[type=button].a-Button--block {
6743
6745
 
6744
6746
  .a-CalendarMobile {
6745
6747
  height: 100%;
6748
+ width: 100%;
6746
6749
  overflow: scroll;
6747
6750
  }
6748
6751
  .a-CalendarMobile-pop {
@@ -6893,6 +6896,9 @@ input[type=button].a-Button--block {
6893
6896
  .a-CalendarMobile-footer .a-DateRangePicker-rangers .a-DateRangePicker-ranger {
6894
6897
  margin: 0 1.5625rem;
6895
6898
  }
6899
+ .a-CalendarMobile-footer .a-DatePicker-shortcuts {
6900
+ width: auto;
6901
+ }
6896
6902
  .a-CalendarMobile-calendar-wrap {
6897
6903
  padding: var(--gap-sm) 0;
6898
6904
  }
@@ -14676,6 +14682,31 @@ td.rdtQuarter.rdtDisabled > span {
14676
14682
  border-radius: var(--DatePicker-borderRadius);
14677
14683
  }
14678
14684
 
14685
+ .a-DateRangePicker.is-mobile {
14686
+ border: 0;
14687
+ justify-content: flex-end;
14688
+ }
14689
+ .a-DateRangePicker.is-mobile span:focus,
14690
+ .a-DateRangePicker.is-mobile a:focus {
14691
+ outline: unset;
14692
+ }
14693
+ .a-DateRangePicker.is-mobile .a-DateRangePicker-value,
14694
+ .a-DateRangePicker.is-mobile .a-DateRangePicker-clear {
14695
+ display: inline-flex;
14696
+ justify-content: flex-end;
14697
+ padding: 0 0;
14698
+ }
14699
+ .a-DateRangePicker.is-mobile .a-DateRangePicker-value {
14700
+ margin-right: var(--gap-xs);
14701
+ }
14702
+ .a-DateRangePicker.is-mobile .a-DateRangePicker-placeholder {
14703
+ flex-grow: unset;
14704
+ flex-basis: unset;
14705
+ }
14706
+ .a-DateRangePicker.is-mobile .a-DateRangePicker-toggler {
14707
+ margin-top: -3px;
14708
+ }
14709
+
14679
14710
  .a-ImageControl {
14680
14711
  position: relative;
14681
14712
  }
@@ -17120,6 +17151,8 @@ td.rdtQuarter.rdtDisabled > span {
17120
17151
  font-weight: var(--fontWeightNormal);
17121
17152
  margin-bottom: var(--gap-xs);
17122
17153
  position: relative;
17154
+ font-size: var(--Form-item-fontSize);
17155
+ color: var(--Form-item-fontColor);
17123
17156
  }
17124
17157
  .a-Form-label > span {
17125
17158
  position: relative;
@@ -18223,6 +18256,152 @@ td.rdtQuarter.rdtDisabled > span {
18223
18256
  border-radius: var(--TimelineItem--icon-radius);
18224
18257
  }
18225
18258
 
18259
+ /**
18260
+ * Debug 模块的 UI,由于没法使用任何主题,所以这里使用独立配色风格
18261
+ */
18262
+ .AMISDebug {
18263
+ position: fixed;
18264
+ z-index: 4000;
18265
+ top: 0;
18266
+ right: 0;
18267
+ height: 100vh;
18268
+ width: 24px;
18269
+ }
18270
+ .AMISDebug h3 {
18271
+ color: inherit;
18272
+ }
18273
+ .AMISDebug .primary {
18274
+ color: #009fff;
18275
+ }
18276
+ .AMISDebug-header {
18277
+ padding: var(--Drawer-header-padding);
18278
+ background: var(--Drawer-header-bg);
18279
+ border-bottom: var(--Drawer-content-borderWidth) solid var(--Drawer-header-borderColor);
18280
+ }
18281
+ .AMISDebug-hoverBox {
18282
+ pointer-events: none;
18283
+ position: absolute;
18284
+ outline: 1px dashed #1c76c4;
18285
+ }
18286
+ .AMISDebug-activeBox {
18287
+ pointer-events: none;
18288
+ position: absolute;
18289
+ outline: 1px #1c76c4;
18290
+ }
18291
+ .AMISDebug-tab {
18292
+ overflow: hidden;
18293
+ }
18294
+ .AMISDebug-tab > button {
18295
+ color: inherit;
18296
+ background: inherit;
18297
+ float: left;
18298
+ border: none;
18299
+ outline: none;
18300
+ cursor: pointer;
18301
+ padding: var(--gap-sm) var(--gap-md);
18302
+ transition: 0.3s;
18303
+ border-bottom: 1px solid transparent;
18304
+ }
18305
+ .AMISDebug-tab > button:hover {
18306
+ color: #e7e7e7;
18307
+ }
18308
+ .AMISDebug-tab > button.active {
18309
+ color: #e7e7e7;
18310
+ border-bottom-color: #e7e7e7;
18311
+ }
18312
+ .AMISDebug-toggle {
18313
+ background: var(--body-bg);
18314
+ position: fixed;
18315
+ top: 50%;
18316
+ right: 0;
18317
+ width: 24px;
18318
+ height: 48px;
18319
+ box-shadow: rgba(0, 0, 0, 0.24) -2px 0px 4px 0px;
18320
+ border-top-left-radius: 12px;
18321
+ border-bottom-left-radius: 12px;
18322
+ padding-top: 14px;
18323
+ padding-left: 6px;
18324
+ cursor: pointer;
18325
+ }
18326
+ .AMISDebug-toggle i {
18327
+ color: var(--text-color);
18328
+ }
18329
+ .AMISDebug-toggle:hover i {
18330
+ color: var(--primary);
18331
+ }
18332
+ .AMISDebug-content {
18333
+ display: none;
18334
+ }
18335
+ .AMISDebug-resize {
18336
+ position: absolute;
18337
+ width: 4px;
18338
+ top: 0;
18339
+ left: 0;
18340
+ bottom: 0;
18341
+ cursor: col-resize;
18342
+ }
18343
+ .AMISDebug-resize:hover {
18344
+ background: #75715e;
18345
+ }
18346
+ .AMISDebug-changePosition {
18347
+ position: absolute;
18348
+ font-size: 18px;
18349
+ right: 40px;
18350
+ top: var(--gap-sm);
18351
+ cursor: pointer;
18352
+ }
18353
+ .AMISDebug-close {
18354
+ position: absolute;
18355
+ font-size: 18px;
18356
+ right: var(--gap-sm);
18357
+ top: var(--gap-sm);
18358
+ cursor: pointer;
18359
+ }
18360
+ .AMISDebug.is-expanded {
18361
+ width: 420px;
18362
+ overflow: auto;
18363
+ background: #272821;
18364
+ color: #cccccc;
18365
+ box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
18366
+ }
18367
+ .AMISDebug.is-expanded .AMISDebug-toggle {
18368
+ display: none;
18369
+ }
18370
+ .AMISDebug.is-expanded .AMISDebug-content {
18371
+ display: block;
18372
+ }
18373
+ .AMISDebug.is-left {
18374
+ left: 0;
18375
+ }
18376
+ .AMISDebug.is-left .AMISDebug-resize {
18377
+ left: unset;
18378
+ right: 0;
18379
+ }
18380
+ .AMISDebug-log {
18381
+ padding: var(--gap-sm);
18382
+ }
18383
+ .AMISDebug-log button {
18384
+ cursor: pointer;
18385
+ background: #0e639c;
18386
+ flex-grow: 1;
18387
+ box-sizing: border-box;
18388
+ display: inline-flex;
18389
+ justify-content: center;
18390
+ align-items: center;
18391
+ padding: 6px 11px;
18392
+ outline: none;
18393
+ text-decoration: none;
18394
+ color: inherit;
18395
+ max-width: 300px;
18396
+ border: none;
18397
+ }
18398
+ .AMISDebug-log button:hover {
18399
+ background: #1177bb;
18400
+ }
18401
+ .AMISDebug-inspect {
18402
+ padding: var(--gap-sm);
18403
+ }
18404
+
18226
18405
  /*
18227
18406
  * utilities
18228
18407
  */
@@ -606,6 +606,8 @@
606
606
  --Form-description-color: #6f808a;
607
607
  --Form-description-fontSize: var(--fontSizeSm);
608
608
  --Form-fontSize: var(--fontSizeBase);
609
+ --Form-item-fontSize: var(--Form-fontSize);
610
+ --Form-item-fontColor: #5e626a;
609
611
  --Form-group--lg-gutterWidth: 2.5rem;
610
612
  --Form-group--md-gutterWidth: 1.875rem;
611
613
  --Form-group--sm-gutterWidth: var(--gap-md);
@@ -4570,7 +4572,7 @@ input[type=button].a-Button--block {
4570
4572
  background: var(--PopOver-bg);
4571
4573
  left: 0;
4572
4574
  bottom: 0;
4573
- z-index: 1300;
4575
+ z-index: 3000;
4574
4576
  padding: 0;
4575
4577
  margin: 0;
4576
4578
  font-weight: var(--fontWeightNormal);
@@ -6743,6 +6745,7 @@ input[type=button].a-Button--block {
6743
6745
 
6744
6746
  .a-CalendarMobile {
6745
6747
  height: 100%;
6748
+ width: 100%;
6746
6749
  overflow: scroll;
6747
6750
  }
6748
6751
  .a-CalendarMobile-pop {
@@ -6893,6 +6896,9 @@ input[type=button].a-Button--block {
6893
6896
  .a-CalendarMobile-footer .a-DateRangePicker-rangers .a-DateRangePicker-ranger {
6894
6897
  margin: 0 1.5625rem;
6895
6898
  }
6899
+ .a-CalendarMobile-footer .a-DatePicker-shortcuts {
6900
+ width: auto;
6901
+ }
6896
6902
  .a-CalendarMobile-calendar-wrap {
6897
6903
  padding: var(--gap-sm) 0;
6898
6904
  }
@@ -14676,6 +14682,31 @@ td.rdtQuarter.rdtDisabled > span {
14676
14682
  border-radius: var(--DatePicker-borderRadius);
14677
14683
  }
14678
14684
 
14685
+ .a-DateRangePicker.is-mobile {
14686
+ border: 0;
14687
+ justify-content: flex-end;
14688
+ }
14689
+ .a-DateRangePicker.is-mobile span:focus,
14690
+ .a-DateRangePicker.is-mobile a:focus {
14691
+ outline: unset;
14692
+ }
14693
+ .a-DateRangePicker.is-mobile .a-DateRangePicker-value,
14694
+ .a-DateRangePicker.is-mobile .a-DateRangePicker-clear {
14695
+ display: inline-flex;
14696
+ justify-content: flex-end;
14697
+ padding: 0 0;
14698
+ }
14699
+ .a-DateRangePicker.is-mobile .a-DateRangePicker-value {
14700
+ margin-right: var(--gap-xs);
14701
+ }
14702
+ .a-DateRangePicker.is-mobile .a-DateRangePicker-placeholder {
14703
+ flex-grow: unset;
14704
+ flex-basis: unset;
14705
+ }
14706
+ .a-DateRangePicker.is-mobile .a-DateRangePicker-toggler {
14707
+ margin-top: -3px;
14708
+ }
14709
+
14679
14710
  .a-ImageControl {
14680
14711
  position: relative;
14681
14712
  }
@@ -17120,6 +17151,8 @@ td.rdtQuarter.rdtDisabled > span {
17120
17151
  font-weight: var(--fontWeightNormal);
17121
17152
  margin-bottom: var(--gap-xs);
17122
17153
  position: relative;
17154
+ font-size: var(--Form-item-fontSize);
17155
+ color: var(--Form-item-fontColor);
17123
17156
  }
17124
17157
  .a-Form-label > span {
17125
17158
  position: relative;
@@ -18223,6 +18256,152 @@ td.rdtQuarter.rdtDisabled > span {
18223
18256
  border-radius: var(--TimelineItem--icon-radius);
18224
18257
  }
18225
18258
 
18259
+ /**
18260
+ * Debug 模块的 UI,由于没法使用任何主题,所以这里使用独立配色风格
18261
+ */
18262
+ .AMISDebug {
18263
+ position: fixed;
18264
+ z-index: 4000;
18265
+ top: 0;
18266
+ right: 0;
18267
+ height: 100vh;
18268
+ width: 24px;
18269
+ }
18270
+ .AMISDebug h3 {
18271
+ color: inherit;
18272
+ }
18273
+ .AMISDebug .primary {
18274
+ color: #009fff;
18275
+ }
18276
+ .AMISDebug-header {
18277
+ padding: var(--Drawer-header-padding);
18278
+ background: var(--Drawer-header-bg);
18279
+ border-bottom: var(--Drawer-content-borderWidth) solid var(--Drawer-header-borderColor);
18280
+ }
18281
+ .AMISDebug-hoverBox {
18282
+ pointer-events: none;
18283
+ position: absolute;
18284
+ outline: 1px dashed #1c76c4;
18285
+ }
18286
+ .AMISDebug-activeBox {
18287
+ pointer-events: none;
18288
+ position: absolute;
18289
+ outline: 1px #1c76c4;
18290
+ }
18291
+ .AMISDebug-tab {
18292
+ overflow: hidden;
18293
+ }
18294
+ .AMISDebug-tab > button {
18295
+ color: inherit;
18296
+ background: inherit;
18297
+ float: left;
18298
+ border: none;
18299
+ outline: none;
18300
+ cursor: pointer;
18301
+ padding: var(--gap-sm) var(--gap-md);
18302
+ transition: 0.3s;
18303
+ border-bottom: 1px solid transparent;
18304
+ }
18305
+ .AMISDebug-tab > button:hover {
18306
+ color: #e7e7e7;
18307
+ }
18308
+ .AMISDebug-tab > button.active {
18309
+ color: #e7e7e7;
18310
+ border-bottom-color: #e7e7e7;
18311
+ }
18312
+ .AMISDebug-toggle {
18313
+ background: var(--body-bg);
18314
+ position: fixed;
18315
+ top: 50%;
18316
+ right: 0;
18317
+ width: 24px;
18318
+ height: 48px;
18319
+ box-shadow: rgba(0, 0, 0, 0.24) -2px 0px 4px 0px;
18320
+ border-top-left-radius: 12px;
18321
+ border-bottom-left-radius: 12px;
18322
+ padding-top: 14px;
18323
+ padding-left: 6px;
18324
+ cursor: pointer;
18325
+ }
18326
+ .AMISDebug-toggle i {
18327
+ color: var(--text-color);
18328
+ }
18329
+ .AMISDebug-toggle:hover i {
18330
+ color: var(--primary);
18331
+ }
18332
+ .AMISDebug-content {
18333
+ display: none;
18334
+ }
18335
+ .AMISDebug-resize {
18336
+ position: absolute;
18337
+ width: 4px;
18338
+ top: 0;
18339
+ left: 0;
18340
+ bottom: 0;
18341
+ cursor: col-resize;
18342
+ }
18343
+ .AMISDebug-resize:hover {
18344
+ background: #75715e;
18345
+ }
18346
+ .AMISDebug-changePosition {
18347
+ position: absolute;
18348
+ font-size: 18px;
18349
+ right: 40px;
18350
+ top: var(--gap-sm);
18351
+ cursor: pointer;
18352
+ }
18353
+ .AMISDebug-close {
18354
+ position: absolute;
18355
+ font-size: 18px;
18356
+ right: var(--gap-sm);
18357
+ top: var(--gap-sm);
18358
+ cursor: pointer;
18359
+ }
18360
+ .AMISDebug.is-expanded {
18361
+ width: 420px;
18362
+ overflow: auto;
18363
+ background: #272821;
18364
+ color: #cccccc;
18365
+ box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
18366
+ }
18367
+ .AMISDebug.is-expanded .AMISDebug-toggle {
18368
+ display: none;
18369
+ }
18370
+ .AMISDebug.is-expanded .AMISDebug-content {
18371
+ display: block;
18372
+ }
18373
+ .AMISDebug.is-left {
18374
+ left: 0;
18375
+ }
18376
+ .AMISDebug.is-left .AMISDebug-resize {
18377
+ left: unset;
18378
+ right: 0;
18379
+ }
18380
+ .AMISDebug-log {
18381
+ padding: var(--gap-sm);
18382
+ }
18383
+ .AMISDebug-log button {
18384
+ cursor: pointer;
18385
+ background: #0e639c;
18386
+ flex-grow: 1;
18387
+ box-sizing: border-box;
18388
+ display: inline-flex;
18389
+ justify-content: center;
18390
+ align-items: center;
18391
+ padding: 6px 11px;
18392
+ outline: none;
18393
+ text-decoration: none;
18394
+ color: inherit;
18395
+ max-width: 300px;
18396
+ border: none;
18397
+ }
18398
+ .AMISDebug-log button:hover {
18399
+ background: #1177bb;
18400
+ }
18401
+ .AMISDebug-inspect {
18402
+ padding: var(--gap-sm);
18403
+ }
18404
+
18226
18405
  /*
18227
18406
  * utilities
18228
18407
  */