amis 1.9.0 → 1.9.1-beta.3

Sign up to get free protection for your applications and to get access to all the features.
Files changed (269) hide show
  1. package/lib/RootRenderer.js +10 -2
  2. package/lib/RootRenderer.js.map +2 -2
  3. package/lib/Schema.d.ts +3 -2
  4. package/lib/Schema.js.map +1 -1
  5. package/lib/actions/Action.d.ts +1 -0
  6. package/lib/actions/Action.js +7 -6
  7. package/lib/actions/Action.js.map +2 -2
  8. package/lib/components/Button.d.ts +11 -10
  9. package/lib/components/Button.js +2 -2
  10. package/lib/components/Button.js.map +2 -2
  11. package/lib/components/CalendarMobile.d.ts +40 -40
  12. package/lib/components/Checkbox.js +1 -1
  13. package/lib/components/Checkbox.js.map +2 -2
  14. package/lib/components/ContextMenu.d.ts +4 -0
  15. package/lib/components/ContextMenu.js +23 -7
  16. package/lib/components/ContextMenu.js.map +2 -2
  17. package/lib/components/DatePicker.d.ts +40 -40
  18. package/lib/components/DateRangePicker.d.ts +40 -40
  19. package/lib/components/Form.d.ts +22 -0
  20. package/lib/components/Form.js +44 -0
  21. package/lib/components/Form.js.map +13 -0
  22. package/lib/components/FormField.d.ts +65 -0
  23. package/lib/components/FormField.js +48 -0
  24. package/lib/components/FormField.js.map +13 -0
  25. package/lib/components/InputBox.d.ts +10 -10
  26. package/lib/components/InputBox.js +4 -3
  27. package/lib/components/InputBox.js.map +2 -2
  28. package/lib/components/InputBoxWithSuggestion.d.ts +280 -0
  29. package/lib/components/InputBoxWithSuggestion.js +65 -0
  30. package/lib/components/InputBoxWithSuggestion.js.map +13 -0
  31. package/lib/components/ListGroup.d.ts +10 -10
  32. package/lib/components/PickerContainer.d.ts +4 -2
  33. package/lib/components/PickerContainer.js +28 -5
  34. package/lib/components/PickerContainer.js.map +2 -2
  35. package/lib/components/Radios.d.ts +10 -10
  36. package/lib/components/ResultBox.d.ts +40 -40
  37. package/lib/components/Select.d.ts +195 -202
  38. package/lib/components/Select.js +7 -3
  39. package/lib/components/Select.js.map +2 -2
  40. package/lib/components/Textarea.d.ts +568 -2
  41. package/lib/components/Textarea.js +129 -1
  42. package/lib/components/Textarea.js.map +2 -2
  43. package/lib/components/Toast.js +11 -9
  44. package/lib/components/Toast.js.map +2 -2
  45. package/lib/components/UserSelect.d.ts +500 -0
  46. package/lib/components/UserSelect.js +559 -0
  47. package/lib/components/UserSelect.js.map +13 -0
  48. package/lib/components/UserTabSelect.d.ts +320 -0
  49. package/lib/components/UserTabSelect.js +163 -0
  50. package/lib/components/UserTabSelect.js.map +13 -0
  51. package/lib/components/WithRemoteConfig.d.ts +7 -0
  52. package/lib/components/WithRemoteConfig.js +17 -11
  53. package/lib/components/WithRemoteConfig.js.map +2 -2
  54. package/lib/components/calendar/DaysView.d.ts +26 -1
  55. package/lib/components/calendar/DaysView.js +60 -19
  56. package/lib/components/calendar/DaysView.js.map +2 -2
  57. package/lib/components/calendar/TimeView.d.ts +1 -1
  58. package/lib/components/calendar/TimeView.js +10 -3
  59. package/lib/components/calendar/TimeView.js.map +2 -2
  60. package/lib/components/formula/Picker.js +4 -4
  61. package/lib/components/formula/Picker.js.map +2 -2
  62. package/lib/components/icons.d.ts +7 -1
  63. package/lib/components/icons.js +17 -1
  64. package/lib/components/icons.js.map +2 -2
  65. package/lib/components/index.d.ts +2 -1
  66. package/lib/components/index.js +3 -1
  67. package/lib/components/index.js.map +2 -2
  68. package/lib/components/json-schema/Array.d.ts +3 -0
  69. package/lib/components/json-schema/Array.js +125 -0
  70. package/lib/components/json-schema/Array.js.map +13 -0
  71. package/lib/components/json-schema/Item.d.ts +3 -0
  72. package/lib/components/json-schema/Item.js +34 -0
  73. package/lib/components/json-schema/Item.js.map +13 -0
  74. package/lib/components/json-schema/Object.d.ts +3 -0
  75. package/lib/components/json-schema/Object.js +178 -0
  76. package/lib/components/json-schema/Object.js.map +13 -0
  77. package/lib/components/json-schema/index.d.ts +279 -0
  78. package/lib/components/json-schema/index.js +16 -0
  79. package/lib/components/json-schema/index.js.map +13 -0
  80. package/lib/components/schema-editor/Array.js +2 -2
  81. package/lib/components/schema-editor/Array.js.map +2 -2
  82. package/lib/components/schema-editor/Common.d.ts +2 -0
  83. package/lib/components/schema-editor/Common.js +39 -3
  84. package/lib/components/schema-editor/Common.js.map +2 -2
  85. package/lib/components/schema-editor/Object.js +2 -2
  86. package/lib/components/schema-editor/Object.js.map +2 -2
  87. package/lib/components/schema-editor/index.d.ts +45 -41
  88. package/lib/components/schema-editor/index.js +5 -5
  89. package/lib/components/schema-editor/index.js.map +2 -2
  90. package/lib/helper.css +125 -124
  91. package/lib/helper.css.map +1 -1
  92. package/lib/hooks/use-validation-resolver.d.ts +1 -0
  93. package/lib/hooks/use-validation-resolver.js +49 -0
  94. package/lib/hooks/use-validation-resolver.js.map +13 -0
  95. package/lib/icons/department.js +17 -0
  96. package/lib/icons/menu.js +9 -0
  97. package/lib/icons/post.js +15 -0
  98. package/lib/icons/role.js +14 -0
  99. package/lib/icons/user-remove.js +12 -0
  100. package/lib/index.d.ts +2 -0
  101. package/lib/index.js +3 -1
  102. package/lib/index.js.map +2 -2
  103. package/lib/locale/de-DE.js +11 -1
  104. package/lib/locale/de-DE.js.map +2 -2
  105. package/lib/locale/en-US.js +12 -1
  106. package/lib/locale/en-US.js.map +2 -2
  107. package/lib/locale/zh-CN.js +14 -3
  108. package/lib/locale/zh-CN.js.map +2 -2
  109. package/lib/renderers/Action.js +25 -11
  110. package/lib/renderers/Action.js.map +2 -2
  111. package/lib/renderers/CRUD.js +5 -1
  112. package/lib/renderers/CRUD.js.map +2 -2
  113. package/lib/renderers/Dialog.js +9 -3
  114. package/lib/renderers/Dialog.js.map +2 -2
  115. package/lib/renderers/Drawer.js +5 -1
  116. package/lib/renderers/Drawer.js.map +2 -2
  117. package/lib/renderers/Form/InputDate.d.ts +2 -2
  118. package/lib/renderers/Form/InputDate.js.map +2 -2
  119. package/lib/renderers/Form/InputFile.js +5 -12
  120. package/lib/renderers/Form/InputFile.js.map +2 -2
  121. package/lib/renderers/Form/InputText.d.ts +1 -1
  122. package/lib/renderers/Form/InputText.js.map +1 -1
  123. package/lib/renderers/Form/JSONSchema.d.ts +23 -0
  124. package/lib/renderers/Form/JSONSchema.js +44 -0
  125. package/lib/renderers/Form/JSONSchema.js.map +13 -0
  126. package/lib/renderers/Form/JSONSchemaEditor.d.ts +2 -3
  127. package/lib/renderers/Form/JSONSchemaEditor.js +9 -24
  128. package/lib/renderers/Form/JSONSchemaEditor.js.map +2 -2
  129. package/lib/renderers/Form/Textarea.d.ts +1 -8
  130. package/lib/renderers/Form/Textarea.js +11 -75
  131. package/lib/renderers/Form/Textarea.js.map +2 -2
  132. package/lib/renderers/Form/UserSelect.d.ts +54 -0
  133. package/lib/renderers/Form/UserSelect.js +197 -0
  134. package/lib/renderers/Form/UserSelect.js.map +13 -0
  135. package/lib/renderers/Form/index.d.ts +1 -1
  136. package/lib/renderers/Form/index.js +88 -42
  137. package/lib/renderers/Form/index.js.map +2 -2
  138. package/lib/renderers/Link.d.ts +1 -1
  139. package/lib/renderers/Link.js +15 -29
  140. package/lib/renderers/Link.js.map +2 -2
  141. package/lib/renderers/Log.d.ts +28 -0
  142. package/lib/renderers/Log.js +110 -20
  143. package/lib/renderers/Log.js.map +2 -2
  144. package/lib/renderers/Page.js +5 -1
  145. package/lib/renderers/Page.js.map +2 -2
  146. package/lib/renderers/Service.js +5 -1
  147. package/lib/renderers/Service.js.map +2 -2
  148. package/lib/renderers/Wizard.js +37 -14
  149. package/lib/renderers/Wizard.js.map +2 -2
  150. package/lib/store/form.js +65 -45
  151. package/lib/store/form.js.map +2 -2
  152. package/lib/themes/ang-ie11.css +576 -24
  153. package/lib/themes/ang.css +553 -12
  154. package/lib/themes/ang.css.map +1 -1
  155. package/lib/themes/antd-ie11.css +576 -24
  156. package/lib/themes/antd.css +553 -12
  157. package/lib/themes/antd.css.map +1 -1
  158. package/lib/themes/cxd-ie11.css +576 -24
  159. package/lib/themes/cxd.css +553 -12
  160. package/lib/themes/cxd.css.map +1 -1
  161. package/lib/themes/dark-ie11.css +576 -24
  162. package/lib/themes/dark.css +553 -12
  163. package/lib/themes/dark.css.map +1 -1
  164. package/lib/themes/default-ie11.css +576 -24
  165. package/lib/themes/default.css +553 -12
  166. package/lib/themes/default.css.map +1 -1
  167. package/lib/utils/api.js +1 -1
  168. package/lib/utils/api.js.map +2 -2
  169. package/lib/utils/renderer-event.js.map +2 -2
  170. package/package.json +2 -1
  171. package/schema.json +542 -4
  172. package/scss/_properties.scss +20 -8
  173. package/scss/components/_input-box.scss +22 -1
  174. package/scss/components/_json-schema.scss +124 -0
  175. package/scss/components/_log.scss +37 -5
  176. package/scss/components/form/_date-range.scss +1 -0
  177. package/scss/components/form/_select.scss +9 -0
  178. package/scss/components/form/_transfer.scss +19 -3
  179. package/scss/components/form/_user-select.scss +422 -0
  180. package/scss/helper/background/_background-color.scss +125 -124
  181. package/scss/themes/_common.scss +2 -0
  182. package/sdk/ang-ie11.css +670 -24
  183. package/sdk/ang.css +647 -12
  184. package/sdk/antd-ie11.css +670 -24
  185. package/sdk/antd.css +647 -12
  186. package/sdk/barcode.js +51 -51
  187. package/sdk/charts.js +14 -14
  188. package/sdk/codemirror.js +7 -7
  189. package/sdk/color-picker.js +65 -65
  190. package/sdk/cropperjs.js +2 -2
  191. package/sdk/cxd-ie11.css +670 -24
  192. package/sdk/cxd.css +647 -12
  193. package/sdk/dark-ie11.css +670 -24
  194. package/sdk/dark.css +647 -12
  195. package/sdk/exceljs.js +1 -1
  196. package/sdk/helper.css +125 -124
  197. package/sdk/helper.css.map +1 -1
  198. package/sdk/locale/de-DE.js +11 -1
  199. package/sdk/markdown.js +69 -69
  200. package/sdk/papaparse.js +1 -1
  201. package/sdk/renderers/Form/CityDB.js +1 -1
  202. package/sdk/rest.js +16 -16
  203. package/sdk/rich-text.js +62 -62
  204. package/sdk/sdk-ie11.css +670 -24
  205. package/sdk/sdk.css +647 -12
  206. package/sdk/sdk.js +1651 -1637
  207. package/sdk/thirds/hls.js/hls.js +1 -1
  208. package/sdk/thirds/mpegts.js/mpegts.js +1 -1
  209. package/sdk/tinymce.js +57 -57
  210. package/src/RootRenderer.tsx +27 -15
  211. package/src/Schema.ts +5 -1
  212. package/src/actions/Action.ts +5 -4
  213. package/src/components/Button.tsx +3 -0
  214. package/src/components/Checkbox.tsx +2 -1
  215. package/src/components/ContextMenu.tsx +25 -7
  216. package/src/components/Form.tsx +70 -0
  217. package/src/components/FormField.tsx +127 -0
  218. package/src/components/InputBox.tsx +4 -1
  219. package/src/components/InputBoxWithSuggestion.tsx +113 -0
  220. package/src/components/PickerContainer.tsx +20 -5
  221. package/src/components/Select.tsx +18 -10
  222. package/src/components/Textarea.tsx +234 -2
  223. package/src/components/Toast.tsx +19 -18
  224. package/src/components/UserSelect.tsx +850 -0
  225. package/src/components/UserTabSelect.tsx +261 -0
  226. package/src/components/WithRemoteConfig.tsx +22 -7
  227. package/src/components/calendar/DaysView.tsx +117 -49
  228. package/src/components/calendar/TimeView.tsx +11 -6
  229. package/src/components/formula/Picker.tsx +2 -1
  230. package/src/components/icons.tsx +17 -1
  231. package/src/components/index.tsx +3 -1
  232. package/src/components/json-schema/Array.tsx +216 -0
  233. package/src/components/json-schema/Item.tsx +47 -0
  234. package/src/components/json-schema/Object.tsx +339 -0
  235. package/src/components/json-schema/index.tsx +44 -0
  236. package/src/components/schema-editor/Array.tsx +3 -1
  237. package/src/components/schema-editor/Common.tsx +61 -4
  238. package/src/components/schema-editor/Object.tsx +3 -1
  239. package/src/components/schema-editor/index.tsx +12 -5
  240. package/src/hooks/use-validation-resolver.ts +45 -0
  241. package/src/icons/department.svg +17 -0
  242. package/src/icons/menu.svg +2 -0
  243. package/src/icons/post.svg +15 -0
  244. package/src/icons/role.svg +14 -0
  245. package/src/icons/user-remove.svg +12 -0
  246. package/src/index.tsx +2 -0
  247. package/src/locale/de-DE.ts +11 -1
  248. package/src/locale/en-US.ts +12 -1
  249. package/src/locale/zh-CN.ts +14 -3
  250. package/src/renderers/Action.tsx +10 -9
  251. package/src/renderers/CRUD.tsx +5 -1
  252. package/src/renderers/Dialog.tsx +9 -3
  253. package/src/renderers/Drawer.tsx +5 -1
  254. package/src/renderers/Form/InputDate.tsx +9 -4
  255. package/src/renderers/Form/InputFile.tsx +5 -15
  256. package/src/renderers/Form/InputText.tsx +1 -1
  257. package/src/renderers/Form/JSONSchema.tsx +56 -0
  258. package/src/renderers/Form/JSONSchemaEditor.tsx +8 -27
  259. package/src/renderers/Form/Textarea.tsx +7 -117
  260. package/src/renderers/Form/UserSelect.tsx +263 -0
  261. package/src/renderers/Form/index.tsx +28 -18
  262. package/src/renderers/Link.tsx +5 -17
  263. package/src/renderers/Log.tsx +213 -19
  264. package/src/renderers/Page.tsx +6 -1
  265. package/src/renderers/Service.tsx +5 -1
  266. package/src/renderers/Wizard.tsx +24 -10
  267. package/src/store/form.ts +24 -17
  268. package/src/utils/api.ts +1 -1
  269. package/src/utils/renderer-event.ts +0 -2
package/scss/helper/background/_background-color.scss CHANGED
@@ -4,133 +4,134 @@
4
4
  title: 背景色
5
5
  ---
6
6
 
7
- | Class | Properties |
8
- | ----------- | ------------------------ |
9
- | bg-transparent | background: transparent |
10
- | bg-none | background: none !important |
11
- | bg-transparent | background: transparent |
12
- | bg-current | background: currentColor |
13
- | bg-black | background: #000 |
14
- | bg-white | background: #fff |
15
- | bg-primary | background: #007bff |
16
- | bg-secondary | background: #6c757d |
17
- | bg-success | background: #28a745 |
18
- | bg-info | background: #007bff |
19
- | bg-warning | background: #28a745 |
20
- | bg-danger | background: #dc3545 |
21
- | bg-light | background: #f8f9fa |
22
- | bg-dark | background: #343a40 |
23
- | bg-gray-transparent | background: transparent |
24
- | bg-gray-current | background: currentColor |
25
- | bg-gray-50 | background: #f9fafb |
26
- | bg-gray-100 | background: #f3f4f6 |
27
- | bg-gray-200 | background: #e5e7eb |
28
- | bg-gray-300 | background: #d1d5db |
29
- | bg-gray-400 | background: #9ca3af |
30
- | bg-gray-500 | background: #6b7280 |
31
- | bg-gray-600 | background: #4b5563 |
32
- | bg-gray-700 | background: #374151 |
33
- | bg-gray-800 | background: #1f2937 |
34
- | bg-gray-900 | background: #111827 |
35
- | bg-red-transparent | background: transparent |
36
- | bg-red-current | background: currentColor |
37
- | bg-red-50 | background: #fef2f2 |
38
- | bg-red-100 | background: #fee2e2 |
39
- | bg-red-200 | background: #fecaca |
40
- | bg-red-300 | background: #fca5a5 |
41
- | bg-red-400 | background: #f87171 |
42
- | bg-red-500 | background: #ef4444 |
43
- | bg-red-600 | background: #dc2626 |
44
- | bg-red-700 | background: #b91c1c |
45
- | bg-red-800 | background: #991b1b |
46
- | bg-red-900 | background: #7f1d1d |
47
- | bg-yellow-transparent | background: transparent |
48
- | bg-yellow-current | background: currentColor |
49
- | bg-yellow-50 | background: #fffbeb |
50
- | bg-yellow-100 | background: #fef3c7 |
51
- | bg-yellow-200 | background: #fde68a |
52
- | bg-yellow-300 | background: #fcd34d |
53
- | bg-yellow-400 | background: #fbbf24 |
54
- | bg-yellow-500 | background: #f59e0b |
55
- | bg-yellow-600 | background: #d97706 |
56
- | bg-yellow-700 | background: #b45309 |
57
- | bg-yellow-800 | background: #92400e |
58
- | bg-yellow-900 | background: #78350f |
59
- | bg-green-transparent | background: transparent |
60
- | bg-green-current | background: currentColor |
61
- | bg-green-50 | background: #ecfdf5 |
62
- | bg-green-100 | background: #d1fae5 |
63
- | bg-green-200 | background: #a7f3d0 |
64
- | bg-green-300 | background: #6ee7b7 |
65
- | bg-green-400 | background: #34d399 |
66
- | bg-green-500 | background: #10b981 |
67
- | bg-green-600 | background: #059669 |
68
- | bg-green-700 | background: #047857 |
69
- | bg-green-800 | background: #065f46 |
70
- | bg-green-900 | background: #064e3b |
71
- | bg-blue-transparent | background: transparent |
72
- | bg-blue-current | background: currentColor |
73
- | bg-blue-50 | background: #eff6ff |
74
- | bg-blue-100 | background: #dbeafe |
75
- | bg-blue-200 | background: #bfdbfe |
76
- | bg-blue-300 | background: #93c5fd |
77
- | bg-blue-400 | background: #60a5fa |
78
- | bg-blue-500 | background: #3b82f6 |
79
- | bg-blue-600 | background: #2563eb |
80
- | bg-blue-700 | background: #1d4ed8 |
81
- | bg-blue-800 | background: #1e40af |
82
- | bg-blue-900 | background: #1e3a8a |
83
- | bg-cyan-transparent | background: transparent |
84
- | bg-cyan-current | background: currentColor |
85
- | bg-cyan-50 | background: #ecfeff |
86
- | bg-cyan-100 | background: #cffafe |
87
- | bg-cyan-200 | background: #a5f3fc |
88
- | bg-cyan-300 | background: #67e8f9 |
89
- | bg-cyan-400 | background: #22d3ee |
90
- | bg-cyan-500 | background: #06b6d4 |
91
- | bg-cyan-600 | background: #0891b2 |
92
- | bg-cyan-700 | background: #0e7490 |
93
- | bg-cyan-800 | background: #155e75 |
94
- | bg-cyan-900 | background: #164e63 |
95
- | bg-indigo-transparent | background: transparent |
96
- | bg-indigo-current | background: currentColor |
97
- | bg-indigo-50 | background: #eef2ff |
98
- | bg-indigo-100 | background: #e0e7ff |
99
- | bg-indigo-200 | background: #c7d2fe |
100
- | bg-indigo-300 | background: #a5b4fc |
101
- | bg-indigo-400 | background: #818cf8 |
102
- | bg-indigo-500 | background: #6366f1 |
103
- | bg-indigo-600 | background: #4f46e5 |
104
- | bg-indigo-700 | background: #4338ca |
105
- | bg-indigo-800 | background: #3730a3 |
106
- | bg-indigo-900 | background: #312e81 |
107
- | bg-purple-transparent | background: transparent |
108
- | bg-purple-current | background: currentColor |
109
- | bg-purple-50 | background: #f5f3ff |
110
- | bg-purple-100 | background: #ede9fe |
111
- | bg-purple-200 | background: #ddd6fe |
112
- | bg-purple-300 | background: #c4b5fd |
113
- | bg-purple-400 | background: #a78bfa |
114
- | bg-purple-500 | background: #8b5cf6 |
115
- | bg-purple-600 | background: #7c3aed |
116
- | bg-purple-700 | background: #6d28d9 |
117
- | bg-purple-800 | background: #5b21b6 |
118
- | bg-purple-900 | background: #4c1d95 |
119
- | bg-pink-transparent | background: transparent |
120
- | bg-pink-current | background: currentColor |
121
- | bg-pink-50 | background: #fdf2f8 |
122
- | bg-pink-100 | background: #fce7f3 |
123
- | bg-pink-200 | background: #fbcfe8 |
124
- | bg-pink-300 | background: #f9a8d4 |
125
- | bg-pink-400 | background: #f472b6 |
126
- | bg-pink-500 | background: #ec4899 |
127
- | bg-pink-600 | background: #db2777 |
128
- | bg-pink-700 | background: #be185d |
129
- | bg-pink-800 | background: #9d174d |
130
- | bg-pink-900 | background: #831843 |
7
+ | Class | Properties | Demo |
8
+ | ----------- | ------------------------ | -------- |
9
+ | bg-none | background: none !important | <span style="background: none !important;" class="w-24 h-6"></div> |
10
+ | bg-transparent | background: transparent | <div style="background: transparent;" class="w-24 h-6"></div> |
11
+ | bg-current | background: currentColor | <div style="background: currentColor;" class="w-24 h-6"></div> |
12
+ | bg-black | background: #000 | <div style="background: #000;" class="w-24 h-6"></div> |
13
+ | bg-white | background: #fff | <div style="background: #fff;" class="w-24 h-6"></div> |
14
+ | bg-primary | background: #007bff | <div style="background: #007bff;" class="w-24 h-6"></div> |
15
+ | bg-secondary | background: #6c757d | <div style="background: #6c757d;" class="w-24 h-6"></div> |
16
+ | bg-success | background: #28a745 | <div style="background: #28a745;" class="w-24 h-6"></div> |
17
+ | bg-info | background: #007bff | <div style="background: #007bff" class="w-24 h-6"></div> |
18
+ | bg-warning | background: #28a745 | <div style="background: #28a745;" class="w-24 h-6"></div> |
19
+ | bg-danger | background: #dc3545 | <div style="background: #dc3545;" class="w-24 h-6"></div> |
20
+ | bg-light | background: #f8f9fa | <div style="background: #f8f9fa;" class="w-24 h-6"></div> |
21
+ | bg-dark | background: #343a40 | <div style="background: #343a40;" class="w-24 h-6"></div> |
22
+ | bg-gray-transparent | background: transparent | <div style="background: transparent;" class="w-24 h-6"></div> |
23
+ | bg-gray-current | background: currentColor | <div style="background: currentColor;" class="w-24 h-6"></div> |
24
+ | bg-gray-50 | background: #f9fafb | <div style="background: #f9fafb;" class="w-24 h-6"></div> |
25
+ | bg-gray-100 | background: #f3f4f6 | <div style="background: #f3f4f6;" class="w-24 h-6"></div> |
26
+ | bg-gray-200 | background: #e5e7eb | <div style="background: #e5e7eb;" class="w-24 h-6"></div> |
27
+ | bg-gray-300 | background: #d1d5db | <div style="background: #d1d5db;" class="w-24 h-6"></div> |
28
+ | bg-gray-400 | background: #9ca3af | <div style="background: #9ca3af;" class="w-24 h-6"></div> |
29
+ | bg-gray-500 | background: #6b7280 | <div style="background: #6b7280;" class="w-24 h-6"></div> |
30
+ | bg-gray-600 | background: #4b5563 | <div style="background: #4b5563;" class="w-24 h-6"></div> |
31
+ | bg-gray-700 | background: #374151 | <div style="background: #374151;" class="w-24 h-6"></div> |
32
+ | bg-gray-800 | background: #1f2937 | <div style="background: #1f2937;" class="w-24 h-6"></div> |
33
+ | bg-gray-900 | background: #111827 | <div style="background: #111827;" class="w-24 h-6"></div> |
34
+ | bg-red-transparent | background: transparent | <div style="background: transparent;" class="w-24 h-6"></div> |
35
+ | bg-red-current | background: currentColor | <div style="background: currentColor;" class="w-24 h-6"></div> |
36
+ | bg-red-50 | background: #fef2f2 | <div style="background: #fef2f2;" class="w-24 h-6"></div> |
37
+ | bg-red-100 | background: #fee2e2 | <div style="background: #fee2e2;" class="w-24 h-6"></div> |
38
+ | bg-red-200 | background: #fecaca | <div style="background: #fecaca;" class="w-24 h-6"></div> |
39
+ | bg-red-300 | background: #fca5a5 | <div style="background: #fca5a5;" class="w-24 h-6"></div> |
40
+ | bg-red-400 | background: #f87171 | <div style="background: #f87171;" class="w-24 h-6"></div> |
41
+ | bg-red-500 | background: #ef4444 | <div style="background: #ef4444;" class="w-24 h-6"></div> |
42
+ | bg-red-600 | background: #dc2626 | <div style="background: #dc2626;" class="w-24 h-6"></div> |
43
+ | bg-red-700 | background: #b91c1c | <div style="background: #b91c1c;" class="w-24 h-6"></div> |
44
+ | bg-red-800 | background: #991b1b | <div style="background: #991b1b;" class="w-24 h-6"></div> |
45
+ | bg-red-900 | background: #7f1d1d | <div style="background: #7f1d1d;" class="w-24 h-6"></div> |
46
+ | bg-yellow-transparent | background: transparent | <div style="background: transparent;" class="w-24 h-6"></div> |
47
+ | bg-yellow-current | background: currentColor | <div style="background: currentColor;" class="w-24 h-6"></div> |
48
+ | bg-yellow-50 | background: #fffbeb | <div style="background: #fffbeb;" class="w-24 h-6"></div> |
49
+ | bg-yellow-100 | background: #fef3c7 | <div style="background: #fef3c7;" class="w-24 h-6"></div> |
50
+ | bg-yellow-200 | background: #fde68a | <div style="background: #fde68a;" class="w-24 h-6"></div> |
51
+ | bg-yellow-300 | background: #fcd34d | <div style="background: #fcd34d;" class="w-24 h-6"></div> |
52
+ | bg-yellow-400 | background: #fbbf24 | <div style="background: #fbbf24;" class="w-24 h-6"></div> |
53
+ | bg-yellow-500 | background: #f59e0b | <div style="background: #f59e0b;" class="w-24 h-6"></div> |
54
+ | bg-yellow-600 | background: #d97706 | <div style="background: #d97706;" class="w-24 h-6"></div> |
55
+ | bg-yellow-700 | background: #b45309 | <div style="background: #b45309;" class="w-24 h-6"></div> |
56
+ | bg-yellow-800 | background: #92400e | <div style="background: #92400e;" class="w-24 h-6"></div> |
57
+ | bg-yellow-900 | background: #78350f | <div style="background: #78350f;" class="w-24 h-6"></div> |
58
+ | bg-green-transparent | background: transparent | <div style="background: transparent;" class="w-24 h-6"></div> |
59
+ | bg-green-current | background: currentColor | <div style="background: currentColor;" class="w-24 h-6"></div> |
60
+ | bg-green-50 | background: #ecfdf5 | <div style="background: #ecfdf5;" class="w-24 h-6"></div> |
61
+ | bg-green-100 | background: #d1fae5 | <div style="background: #d1fae5;" class="w-24 h-6"></div> |
62
+ | bg-green-200 | background: #a7f3d0 | <div style="background: #a7f3d0;" class="w-24 h-6"></div> |
63
+ | bg-green-300 | background: #6ee7b7 | <div style="background: #6ee7b7;" class="w-24 h-6"></div> |
64
+ | bg-green-400 | background: #34d399 | <div style="background: #34d399;" class="w-24 h-6"></div> |
65
+ | bg-green-500 | background: #10b981 | <div style="background: #10b981;" class="w-24 h-6"></div> |
66
+ | bg-green-600 | background: #059669 | <div style="background: #059669;" class="w-24 h-6"></div> |
67
+ | bg-green-700 | background: #047857 | <div style="background: #047857;" class="w-24 h-6"></div> |
68
+ | bg-green-800 | background: #065f46 | <div style="background: #065f46;" class="w-24 h-6"></div> |
69
+ | bg-green-900 | background: #064e3b | <div style="background: #064e3b;" class="w-24 h-6"></div> |
70
+ | bg-blue-transparent | background: transparent | <div style="background: transparent;" class="w-24 h-6"></div> |
71
+ | bg-blue-current | background: currentColor | <div style="background: currentColor;" class="w-24 h-6"></div> |
72
+ | bg-blue-50 | background: #eff6ff | <div style="background: #eff6ff;" class="w-24 h-6"></div> |
73
+ | bg-blue-100 | background: #dbeafe | <div style="background: #dbeafe;" class="w-24 h-6"></div> |
74
+ | bg-blue-200 | background: #bfdbfe | <div style="background: #bfdbfe;" class="w-24 h-6"></div> |
75
+ | bg-blue-300 | background: #93c5fd | <div style="background: #93c5fd;" class="w-24 h-6"></div> |
76
+ | bg-blue-400 | background: #60a5fa | <div style="background: #60a5fa;" class="w-24 h-6"></div> |
77
+ | bg-blue-500 | background: #3b82f6 | <div style="background: #3b82f6;" class="w-24 h-6"></div> |
78
+ | bg-blue-600 | background: #2563eb | <div style="background: #2563eb;" class="w-24 h-6"></div> |
79
+ | bg-blue-700 | background: #1d4ed8 | <div style="background: #1d4ed8;" class="w-24 h-6"></div> |
80
+ | bg-blue-800 | background: #1e40af | <div style="background: #1e40af;" class="w-24 h-6"></div> |
81
+ | bg-blue-900 | background: #1e3a8a | <div style="background: #1e3a8a;" class="w-24 h-6"></div> |
82
+ | bg-cyan-transparent | background: transparent | <div style="background: transparent;" class="w-24 h-6"></div> |
83
+ | bg-cyan-current | background: currentColor | <div style="background: currentColor;" class="w-24 h-6"></div> |
84
+ | bg-cyan-50 | background: #ecfeff | <div style="background: #ecfeff;" class="w-24 h-6"></div> |
85
+ | bg-cyan-100 | background: #cffafe | <div style="background: #cffafe;" class="w-24 h-6"></div> |
86
+ | bg-cyan-200 | background: #a5f3fc | <div style="background: #a5f3fc;" class="w-24 h-6"></div> |
87
+ | bg-cyan-300 | background: #67e8f9 | <div style="background: #67e8f9;" class="w-24 h-6"></div> |
88
+ | bg-cyan-400 | background: #22d3ee | <div style="background: #22d3ee;" class="w-24 h-6"></div> |
89
+ | bg-cyan-500 | background: #06b6d4 | <div style="background: #06b6d4;" class="w-24 h-6"></div> |
90
+ | bg-cyan-600 | background: #0891b2 | <div style="background: #0891b2;" class="w-24 h-6"></div> |
91
+ | bg-cyan-700 | background: #0e7490 | <div style="background: #0e7490;" class="w-24 h-6"></div> |
92
+ | bg-cyan-800 | background: #155e75 | <div style="background: #155e75;" class="w-24 h-6"></div> |
93
+ | bg-cyan-900 | background: #164e63 | <div style="background: #164e63;" class="w-24 h-6"></div> |
94
+ | bg-indigo-transparent | background: transparent | <div style="background: transparent;" class="w-24 h-6"></div> |
95
+ | bg-indigo-current | background: currentColor | <div style="background: currentColor;" class="w-24 h-6"></div> |
96
+ | bg-indigo-50 | background: #eef2ff | <div style="background: #eef2ff;" class="w-24 h-6"></div> |
97
+ | bg-indigo-100 | background: #e0e7ff | <div style="background: #e0e7ff;" class="w-24 h-6"></div> |
98
+ | bg-indigo-200 | background: #c7d2fe | <div style="background: #c7d2fe;" class="w-24 h-6"></div> |
99
+ | bg-indigo-300 | background: #a5b4fc | <div style="background: #a5b4fc;" class="w-24 h-6"></div> |
100
+ | bg-indigo-400 | background: #818cf8 | <div style="background: #818cf8;" class="w-24 h-6"></div> |
101
+ | bg-indigo-500 | background: #6366f1 | <div style="background: #6366f1;" class="w-24 h-6"></div> |
102
+ | bg-indigo-600 | background: #4f46e5 | <div style="background: #4f46e5;" class="w-24 h-6"></div> |
103
+ | bg-indigo-700 | background: #4338ca | <div style="background: #4338ca;" class="w-24 h-6"></div> |
104
+ | bg-indigo-800 | background: #3730a3 | <div style="background: #3730a3;" class="w-24 h-6"></div> |
105
+ | bg-indigo-900 | background: #312e81 | <div style="background: #312e81;" class="w-24 h-6"></div> |
106
+ | bg-purple-transparent | background: transparent | <div style="background: transparent;" class="w-24 h-6"></div> |
107
+ | bg-purple-current | background: currentColor | <div style="background: currentColor;" class="w-24 h-6"></div> |
108
+ | bg-purple-50 | background: #f5f3ff | <div style="background: #f5f3ff;" class="w-24 h-6"></div> |
109
+ | bg-purple-100 | background: #ede9fe | <div style="background: #ede9fe;" class="w-24 h-6"></div> |
110
+ | bg-purple-200 | background: #ddd6fe | <div style="background: #ddd6fe;" class="w-24 h-6"></div> |
111
+ | bg-purple-300 | background: #c4b5fd | <div style="background: #c4b5fd;" class="w-24 h-6"></div> |
112
+ | bg-purple-400 | background: #a78bfa | <div style="background: #a78bfa;" class="w-24 h-6"></div> |
113
+ | bg-purple-500 | background: #8b5cf6 | <div style="background: #8b5cf6;" class="w-24 h-6"></div> |
114
+ | bg-purple-600 | background: #7c3aed | <div style="background: #7c3aed;" class="w-24 h-6"></div> |
115
+ | bg-purple-700 | background: #6d28d9 | <div style="background: #6d28d9;" class="w-24 h-6"></div> |
116
+ | bg-purple-800 | background: #5b21b6 | <div style="background: #5b21b6;" class="w-24 h-6"></div> |
117
+ | bg-purple-900 | background: #4c1d95 | <div style="background: #4c1d95;" class="w-24 h-6"></div> |
118
+ | bg-pink-transparent | background: transparent | <div style="background: transparent;" class="w-24 h-6"></div> |
119
+ | bg-pink-current | background: currentColor | <div style="background: currentColor;" class="w-24 h-6"></div> |
120
+ | bg-pink-50 | background: #fdf2f8 | <div style="background: #fdf2f8;" class="w-24 h-6"></div> |
121
+ | bg-pink-100 | background: #fce7f3 | <div style="background: #fce7f3;" class="w-24 h-6"></div> |
122
+ | bg-pink-200 | background: #fbcfe8 | <div style="background: #fbcfe8;" class="w-24 h-6"></div> |
123
+ | bg-pink-300 | background: #f9a8d4 | <div style="background: #f9a8d4;" class="w-24 h-6"></div> |
124
+ | bg-pink-400 | background: #f472b6 | <div style="background: #f472b6;" class="w-24 h-6"></div> |
125
+ | bg-pink-500 | background: #ec4899 | <div style="background: #ec4899;" class="w-24 h-6"></div> |
126
+ | bg-pink-600 | background: #db2777 | <div style="background: #db2777;" class="w-24 h-6"></div> |
127
+ | bg-pink-700 | background: #be185d | <div style="background: #be185d;" class="w-24 h-6"></div> |
128
+ | bg-pink-800 | background: #9d174d | <div style="background: #9d174d;" class="w-24 h-6"></div> |
129
+ | bg-pink-900 | background: #831843 | <div style="background: #831843;" class="w-24 h-6"></div> |
131
130
 
132
131
  还有 hover、active、focus、disabled 扩展，比如 `hover:bg-black`
133
132
 
133
+ 参考: [tailwindcss](https://tailwindcss.com/docs/background-color)
134
+
134
135
  */
135
136
 
136
137
  @mixin bg-colors-map(
package/scss/themes/_common.scss CHANGED
@@ -68,6 +68,7 @@
68
68
  @import '../components/image-gallery';
69
69
  @import '../components/images';
70
70
  @import '../components/input-box';
71
+ @import '../components/json-schema';
71
72
  @import '../components/json-schema-editor';
72
73
  @import '../components/result-box';
73
74
  @import '../components/search-box';
@@ -121,6 +122,7 @@
121
122
  @import '../components/cascader';
122
123
  @import '../components/form/icon-picker';
123
124
  @import '../components/form/form';
125
+ @import '../components/form/user-select';
124
126
  @import '../components/anchor-nav';
125
127
  @import '../components/markdown';
126
128
  @import '../components/link';