amis 1.9.1-beta.0 → 1.9.1-beta.4

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