@cicctencent/formily 0.0.0-stage → 0.0.1

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 (308) hide show
  1. package/.eslintrc.js +40 -0
  2. package/.prettierrc.js +28 -0
  3. package/.vscode/launch.json +23 -0
  4. package/CHANGELOG.md +8 -0
  5. package/README.md +22 -2
  6. package/babel.config.js +3 -0
  7. package/build/build.js +96 -0
  8. package/build/rollup.config.bundle.js +63 -0
  9. package/build/update.version.js +35 -0
  10. package/dist/index.css +2516 -0
  11. package/dist/index.js +8377 -0
  12. package/dist/schema-field/index.css +2466 -0
  13. package/dist/schema-field/index.js +8213 -0
  14. package/dist/transform/index.js +551 -0
  15. package/dist/validate/index.js +1104 -0
  16. package/dist/vue-form/index.css +2516 -0
  17. package/dist/vue-form/index.js +8359 -0
  18. package/docs/.vuepress/client.ts +15 -0
  19. package/docs/.vuepress/components/code-preview.vue +203 -0
  20. package/docs/.vuepress/components/highlight.ts +53 -0
  21. package/docs/.vuepress/config.ts +39 -0
  22. package/docs/.vuepress/util.ts +7 -0
  23. package/docs/README.md +30 -0
  24. package/docs/components/anyOf.md +26 -0
  25. package/docs/components/array-cards.md +12 -0
  26. package/docs/components/array-collapse.md +12 -0
  27. package/docs/components/array-items.md +12 -0
  28. package/docs/components/array-table.md +12 -0
  29. package/docs/components/array-tabs.md +16 -0
  30. package/docs/components/cascader.md +12 -0
  31. package/docs/components/checkbox.md +12 -0
  32. package/docs/components/event.md +27 -0
  33. package/docs/components/hotArea.md +25 -0
  34. package/docs/components/index.md +4 -0
  35. package/docs/components/input.md +30 -0
  36. package/docs/components/layout-group.md +19 -0
  37. package/docs/components/link.md +22 -0
  38. package/docs/components/oneOf.md +8 -0
  39. package/docs/components/radio.md +12 -0
  40. package/docs/components/rich-editor.md +21 -0
  41. package/docs/components/select.md +34 -0
  42. package/docs/components/space.md +11 -0
  43. package/docs/components/switch.md +20 -0
  44. package/docs/components/text.md +21 -0
  45. package/docs/components/time-picker.md +11 -0
  46. package/docs/components/transfer.md +14 -0
  47. package/docs/components/upload-button.md +28 -0
  48. package/docs/demos/any-of/index.vue +66 -0
  49. package/docs/demos/array-cards/index.vue +105 -0
  50. package/docs/demos/array-collapse/index.vue +155 -0
  51. package/docs/demos/array-items/index.vue +171 -0
  52. package/docs/demos/array-table/index.vue +115 -0
  53. package/docs/demos/array-tabs/index.vue +56 -0
  54. package/docs/demos/cascader/index.vue +297 -0
  55. package/docs/demos/checkbox/index.vue +39 -0
  56. package/docs/demos/event/index.vue +436 -0
  57. package/docs/demos/hotArea/index.vue +240 -0
  58. package/docs/demos/index.vue +36 -0
  59. package/docs/demos/input/index.vue +46 -0
  60. package/docs/demos/layout-group/index.vue +51 -0
  61. package/docs/demos/link/index.vue +32 -0
  62. package/docs/demos/radio/index.vue +36 -0
  63. package/docs/demos/rich-editor/index.vue +22 -0
  64. package/docs/demos/select/index.vue +76 -0
  65. package/docs/demos/space/index.vue +93 -0
  66. package/docs/demos/switch/index.vue +31 -0
  67. package/docs/demos/text/index.vue +38 -0
  68. package/docs/demos/time-picker/index.vue +39 -0
  69. package/docs/demos/transfer/index.vue +26 -0
  70. package/docs/demos/upload-button/index.vue +27 -0
  71. package/docs/demos/x-data/add-button-title.vue +101 -0
  72. package/docs/demos/x-data/send-message.vue +33 -0
  73. package/docs/demos/x-reactions/any-of.vue +40 -0
  74. package/docs/demos/x-reactions/x-reactions.vue +39 -0
  75. package/docs/guide/component-extend.md +23 -0
  76. package/docs/guide/extra-bury-report.md +64 -0
  77. package/docs/guide/schema.md +22 -0
  78. package/docs/guide/x-data.md +41 -0
  79. package/docs/guide/x-reactions.md +20 -0
  80. package/example/.browserslistrc +4 -0
  81. package/example/.eslintrc.js +20 -0
  82. package/example/README.md +24 -0
  83. package/example/index.html +15 -0
  84. package/example/jest.config.js +26 -0
  85. package/example/package.json +50 -0
  86. package/example/public/favicon.ico +0 -0
  87. package/example/public/index.html +17 -0
  88. package/example/src/App.vue +25 -0
  89. package/example/src/assets/logo.png +0 -0
  90. package/example/src/components/HelloWorld.vue +148 -0
  91. package/example/src/components/group/index.vue +16 -0
  92. package/example/src/components/uploadBtn/index.vue +44 -0
  93. package/example/src/components/uploadBtn/upload-icon.svg +6 -0
  94. package/example/src/layout/component/Aside.vue +39 -0
  95. package/example/src/layout/component/Main.vue +9 -0
  96. package/example/src/layout/index.vue +15 -0
  97. package/example/src/main.ts +17 -0
  98. package/example/src/router/index.ts +99 -0
  99. package/example/src/shims-vue.d.ts +6 -0
  100. package/example/src/store/index.ts +9 -0
  101. package/example/src/views/demo/any-of/data.ts +38 -0
  102. package/example/src/views/demo/any-of/index.vue +35 -0
  103. package/example/src/views/demo/array-cards/data.ts +65 -0
  104. package/example/src/views/demo/array-cards/index.vue +33 -0
  105. package/example/src/views/demo/array-items/data.ts +29 -0
  106. package/example/src/views/demo/array-items/index.vue +33 -0
  107. package/example/src/views/demo/cloud-button/data.ts +14 -0
  108. package/example/src/views/demo/cloud-button/index.vue +22 -0
  109. package/example/src/views/demo/color-group/data.ts +15 -0
  110. package/example/src/views/demo/color-group/index.vue +22 -0
  111. package/example/src/views/demo/color-picker/data.ts +21 -0
  112. package/example/src/views/demo/color-picker/index.vue +33 -0
  113. package/example/src/views/demo/datatime/data.ts +62 -0
  114. package/example/src/views/demo/datatime/index.vue +22 -0
  115. package/example/src/views/demo/event/data.ts +184 -0
  116. package/example/src/views/demo/event/index.vue +33 -0
  117. package/example/src/views/demo/hot-area/data.ts +196 -0
  118. package/example/src/views/demo/hot-area/index.vue +33 -0
  119. package/example/src/views/demo/input/data.ts +39 -0
  120. package/example/src/views/demo/input/index.vue +33 -0
  121. package/example/src/views/demo/link/data.ts +23 -0
  122. package/example/src/views/demo/link/index.vue +22 -0
  123. package/example/src/views/demo/one-of/data.ts +139 -0
  124. package/example/src/views/demo/one-of/index.vue +33 -0
  125. package/example/src/views/demo/rich-editor/data.ts +12 -0
  126. package/example/src/views/demo/rich-editor/index.vue +24 -0
  127. package/example/src/views/demo/select/data.ts +38 -0
  128. package/example/src/views/demo/select/index.vue +33 -0
  129. package/example/src/views/demo/upload-button/data1.ts +11 -0
  130. package/example/src/views/demo/upload-button/data2.ts +12 -0
  131. package/example/src/views/demo/upload-button/index.vue +42 -0
  132. package/example/tsconfig.json +32 -0
  133. package/example/vite.config.ts +12 -0
  134. package/jest.config.js +4 -0
  135. package/package.json +92 -4
  136. package/src/components/__builtins__/configs/index.ts +1 -0
  137. package/src/components/__builtins__/index.ts +2 -0
  138. package/src/components/__builtins__/shared/create-context.ts +54 -0
  139. package/src/components/__builtins__/shared/index.ts +7 -0
  140. package/src/components/__builtins__/shared/loading.ts +20 -0
  141. package/src/components/__builtins__/shared/portal.ts +43 -0
  142. package/src/components/__builtins__/shared/resolve-component.ts +22 -0
  143. package/src/components/__builtins__/shared/transform-component.ts +33 -0
  144. package/src/components/__builtins__/shared/types.ts +8 -0
  145. package/src/components/__builtins__/shared/utils.ts +35 -0
  146. package/src/components/__builtins__/styles/common.scss +22 -0
  147. package/src/components/__builtins__/styles/element-plus.scss +1094 -0
  148. package/src/components/any-of/index.ts +20 -0
  149. package/src/components/array-base/index.ts +413 -0
  150. package/src/components/array-base/style.scss +53 -0
  151. package/src/components/array-base/style.ts +2 -0
  152. package/src/components/array-cards/index.ts +253 -0
  153. package/src/components/array-cards/style.scss +33 -0
  154. package/src/components/array-cards/style.ts +7 -0
  155. package/src/components/array-collapse/index.ts +381 -0
  156. package/src/components/array-collapse/style.scss +38 -0
  157. package/src/components/array-collapse/style.ts +10 -0
  158. package/src/components/array-items/index.ts +213 -0
  159. package/src/components/array-items/style.scss +82 -0
  160. package/src/components/array-items/style.ts +4 -0
  161. package/src/components/array-table/index.ts +567 -0
  162. package/src/components/array-table/style.scss +84 -0
  163. package/src/components/array-table/style.ts +11 -0
  164. package/src/components/array-tabs/index.ts +141 -0
  165. package/src/components/array-tabs/style.scss +16 -0
  166. package/src/components/array-tabs/style.ts +5 -0
  167. package/src/components/base/AnyOf/index.ts +155 -0
  168. package/src/components/base/AnyOf/index.vue +111 -0
  169. package/src/components/base/CloudButton/index.ts +46 -0
  170. package/src/components/base/CloudButton/index.vue +128 -0
  171. package/src/components/base/ColorGroup/index.ts +57 -0
  172. package/src/components/base/ColorGroup/index.vue +30 -0
  173. package/src/components/base/ColorPicker/index.ts +45 -0
  174. package/src/components/base/ColorPicker/index.vue +50 -0
  175. package/src/components/base/Container/index.vue +39 -0
  176. package/src/components/base/HotArea/index.ts +698 -0
  177. package/src/components/base/HotArea/index.vue +565 -0
  178. package/src/components/base/HotArea/type.ts +18 -0
  179. package/src/components/base/Input/index.vue +150 -0
  180. package/src/components/base/LayoutGroup/index.vue +40 -0
  181. package/src/components/base/Link/index.vue +43 -0
  182. package/src/components/base/Middleware/index.ts +235 -0
  183. package/src/components/base/Middleware/index.vue +169 -0
  184. package/src/components/base/OneOf/index.ts +105 -0
  185. package/src/components/base/OneOf/index.vue +85 -0
  186. package/src/components/base/RichEditor/index.ts +13 -0
  187. package/src/components/base/RichEditor/index.vue +120 -0
  188. package/src/components/base/RichEditor/options.ts +24 -0
  189. package/src/components/base/Select/index.ts +106 -0
  190. package/src/components/base/Select/index.vue +161 -0
  191. package/src/components/base/Switch/index.vue +42 -0
  192. package/src/components/base/Text/index.vue +47 -0
  193. package/src/components/base/event/index.ts +226 -0
  194. package/src/components/base/event/index.vue +356 -0
  195. package/src/components/cascader/index.ts +48 -0
  196. package/src/components/cascader/style.ts +5 -0
  197. package/src/components/checkbox/index.ts +166 -0
  198. package/src/components/checkbox/style.ts +5 -0
  199. package/src/components/cloud-button/index.ts +21 -0
  200. package/src/components/color-group/index.ts +18 -0
  201. package/src/components/color-picker/index.ts +18 -0
  202. package/src/components/container/index.ts +18 -0
  203. package/src/components/data-time/index.ts +24 -0
  204. package/src/components/date-picker/index.ts +51 -0
  205. package/src/components/date-picker/style.ts +4 -0
  206. package/src/components/editable/index.ts +261 -0
  207. package/src/components/editable/style.scss +55 -0
  208. package/src/components/editable/style.ts +5 -0
  209. package/src/components/el-form-item/index.ts +21 -0
  210. package/src/components/el-form-item/style.ts +3 -0
  211. package/src/components/event/index.ts +16 -0
  212. package/src/components/form/index.ts +94 -0
  213. package/src/components/form/style.scss +0 -0
  214. package/src/components/form/style.ts +3 -0
  215. package/src/components/form-button-group/index.ts +74 -0
  216. package/src/components/form-button-group/style.scss +0 -0
  217. package/src/components/form-button-group/style.ts +4 -0
  218. package/src/components/form-collapse/index.ts +215 -0
  219. package/src/components/form-collapse/style.scss +6 -0
  220. package/src/components/form-collapse/style.ts +4 -0
  221. package/src/components/form-dialog/index.ts +433 -0
  222. package/src/components/form-dialog/style.ts +4 -0
  223. package/src/components/form-drawer/index.ts +424 -0
  224. package/src/components/form-drawer/style.scss +21 -0
  225. package/src/components/form-drawer/style.ts +4 -0
  226. package/src/components/form-grid/index.ts +181 -0
  227. package/src/components/form-grid/style.scss +5 -0
  228. package/src/components/form-grid/style.ts +1 -0
  229. package/src/components/form-item/animation.scss +72 -0
  230. package/src/components/form-item/grid.scss +171 -0
  231. package/src/components/form-item/index.ts +642 -0
  232. package/src/components/form-item/style.scss +521 -0
  233. package/src/components/form-item/style.ts +2 -0
  234. package/src/components/form-item/var.scss +17 -0
  235. package/src/components/form-layout/index.ts +161 -0
  236. package/src/components/form-layout/style.scss +6 -0
  237. package/src/components/form-layout/style.ts +1 -0
  238. package/src/components/form-layout/useResponsiveFormLayout.ts +118 -0
  239. package/src/components/form-step/index.ts +210 -0
  240. package/src/components/form-step/style.ts +2 -0
  241. package/src/components/form-tab/index.ts +172 -0
  242. package/src/components/form-tab/style.scss +6 -0
  243. package/src/components/form-tab/style.ts +4 -0
  244. package/src/components/hot-area/index.ts +20 -0
  245. package/src/components/index.ts +49 -0
  246. package/src/components/input/index.ts +35 -0
  247. package/src/components/input/style.ts +4 -0
  248. package/src/components/input-number/index.ts +36 -0
  249. package/src/components/input-number/style.ts +3 -0
  250. package/src/components/layout-group/index.ts +18 -0
  251. package/src/components/link/index.ts +18 -0
  252. package/src/components/middleware/index.ts +21 -0
  253. package/src/components/one-of/index.ts +20 -0
  254. package/src/components/placeholder-input/index.ts +21 -0
  255. package/src/components/placeholder-input/index.vue +87 -0
  256. package/src/components/preview-text/index.ts +303 -0
  257. package/src/components/preview-text/style.ts +9 -0
  258. package/src/components/radio/index.ts +109 -0
  259. package/src/components/radio/style.ts +3 -0
  260. package/src/components/reset/index.ts +52 -0
  261. package/src/components/reset/style.ts +1 -0
  262. package/src/components/rich-editor/index.ts +18 -0
  263. package/src/components/row/index.ts +20 -0
  264. package/src/components/row/index.vue +53 -0
  265. package/src/components/select/index.ts +19 -0
  266. package/src/components/select/style.ts +5 -0
  267. package/src/components/space/index.ts +98 -0
  268. package/src/components/space/style.scss +24 -0
  269. package/src/components/space/style.ts +1 -0
  270. package/src/components/submit/index.ts +59 -0
  271. package/src/components/submit/style.ts +1 -0
  272. package/src/components/switch/index.ts +9 -0
  273. package/src/components/switch/style.ts +1 -0
  274. package/src/components/text/index.ts +21 -0
  275. package/src/components/time-picker/index.ts +21 -0
  276. package/src/components/time-picker/style.ts +4 -0
  277. package/src/components/transfer/index.ts +12 -0
  278. package/src/components/transfer/style.ts +1 -0
  279. package/src/components/upload/index.ts +136 -0
  280. package/src/components/upload/style.ts +2 -0
  281. package/src/components/upload-button/index.ts +21 -0
  282. package/src/components/upload-button/index.vue +199 -0
  283. package/src/createScemaField.ts +14 -0
  284. package/src/index.ts +41 -0
  285. package/src/schema-field/index.ts +11 -0
  286. package/src/scope.ts +29 -0
  287. package/src/transform/core.ts +404 -0
  288. package/src/transform/index.ts +11 -0
  289. package/src/transform/transform.ts +59 -0
  290. package/src/transform/utils/constant.ts +79 -0
  291. package/src/transform/utils/func.ts +145 -0
  292. package/src/typings/common.ts +37 -0
  293. package/src/typings/vue-shim.d.ts +7 -0
  294. package/src/typings/vue-test-utils.d.ts +11 -0
  295. package/src/utils/anyof_utils.ts +95 -0
  296. package/src/utils/common.ts +15 -0
  297. package/src/validate/index.ts +648 -0
  298. package/src/validate/utils/constant.ts +2 -0
  299. package/src/vue-form/index.ts +18 -0
  300. package/src/vue-form/index.vue +106 -0
  301. package/src/vue-form/useForm.ts +112 -0
  302. package/tests/data/anyof.ts +40 -0
  303. package/tests/data/image.ts +472 -0
  304. package/tests/fixtures/validate.ts +63 -0
  305. package/tests/unit/transform.spec.ts +253 -0
  306. package/tests/unit/utils.spec.ts +10 -0
  307. package/tests/unit/validate.spec.ts +256 -0
  308. package/tsconfig.json +23 -0
@@ -0,0 +1,2466 @@
1
+ @charset "UTF-8";
2
+ /* Element Chalk Variables */
3
+ /* Transition
4
+ -------------------------- */
5
+ /* Color
6
+ -------------------------- */
7
+ /* 53a8ff */
8
+ /* 66b1ff */
9
+ /* 79bbff */
10
+ /* 8cc5ff */
11
+ /* a0cfff */
12
+ /* b3d8ff */
13
+ /* c6e2ff */
14
+ /* d9ecff */
15
+ /* ecf5ff */
16
+ /* Link
17
+ -------------------------- */
18
+ /* Border
19
+ -------------------------- */
20
+ /* Fill
21
+ -------------------------- */
22
+ /* Typography
23
+ -------------------------- */
24
+ /* Size
25
+ -------------------------- */
26
+ /* z-index
27
+ -------------------------- */
28
+ /* Disable base
29
+ -------------------------- */
30
+ /* Icon
31
+ -------------------------- */
32
+ /* Checkbox
33
+ -------------------------- */
34
+ /* Radio
35
+ -------------------------- */
36
+ /* Select
37
+ -------------------------- */
38
+ /* Alert
39
+ -------------------------- */
40
+ /* MessageBox
41
+ -------------------------- */
42
+ /* Message
43
+ -------------------------- */
44
+ /* Notification
45
+ -------------------------- */
46
+ /* Input
47
+ -------------------------- */
48
+ /* Cascader
49
+ -------------------------- */
50
+ /* Group
51
+ -------------------------- */
52
+ /* Tab
53
+ -------------------------- */
54
+ /* Button
55
+ -------------------------- */
56
+ /* cascader
57
+ -------------------------- */
58
+ /* Switch
59
+ -------------------------- */
60
+ /* Dialog
61
+ -------------------------- */
62
+ /* Table
63
+ -------------------------- */
64
+ /* Pagination
65
+ -------------------------- */
66
+ /* Popup
67
+ -------------------------- */
68
+ /* Popover
69
+ -------------------------- */
70
+ /* Tooltip
71
+ -------------------------- */
72
+ /* Tag
73
+ -------------------------- */
74
+ /* Tree
75
+ -------------------------- */
76
+ /* Dropdown
77
+ -------------------------- */
78
+ /* Badge
79
+ -------------------------- */
80
+ /* Card
81
+ --------------------------*/
82
+ /* Slider
83
+ --------------------------*/
84
+ /* Steps
85
+ --------------------------*/
86
+ /* Menu
87
+ --------------------------*/
88
+ /* Rate
89
+ --------------------------*/
90
+ /* DatePicker
91
+ --------------------------*/
92
+ /* Loading
93
+ --------------------------*/
94
+ /* Scrollbar
95
+ --------------------------*/
96
+ /* Carousel
97
+ --------------------------*/
98
+ /* Collapse
99
+ --------------------------*/
100
+ /* Transfer
101
+ --------------------------*/
102
+ /* Header
103
+ --------------------------*/
104
+ /* Footer
105
+ --------------------------*/
106
+ /* Main
107
+ --------------------------*/
108
+ /* Timeline
109
+ --------------------------*/
110
+ /* Backtop
111
+ --------------------------*/
112
+ /* Link
113
+ --------------------------*/
114
+ /* Calendar
115
+ --------------------------*/
116
+ /* Form
117
+ -------------------------- */
118
+ /* Avatar
119
+ --------------------------*/
120
+ /* Empty
121
+ -------------------------- */
122
+ /* Descriptions
123
+ -------------------------- */
124
+ /* Skeleton
125
+ --------------------------*/
126
+ /* Svg
127
+ --------------- */
128
+ /* Result
129
+ -------------------------- */
130
+ /* Break-point
131
+ --------------------------*/
132
+ /* Element Chalk Variables */
133
+ .formily-element-plus-array-tabs .formily-element-plus-array-tabs-addition {
134
+ position: absolute;
135
+ right: -56px;
136
+ top: -1px;
137
+ }
138
+ .formily-element-plus-array-tabs .formily-element-plus-array-tabs-errors-badge {
139
+ line-height: 1;
140
+ vertical-align: initial;
141
+ }
142
+
143
+ /* Element Chalk Variables */
144
+ /* Transition
145
+ -------------------------- */
146
+ /* Color
147
+ -------------------------- */
148
+ /* 53a8ff */
149
+ /* 66b1ff */
150
+ /* 79bbff */
151
+ /* 8cc5ff */
152
+ /* a0cfff */
153
+ /* b3d8ff */
154
+ /* c6e2ff */
155
+ /* d9ecff */
156
+ /* ecf5ff */
157
+ /* Link
158
+ -------------------------- */
159
+ /* Border
160
+ -------------------------- */
161
+ /* Fill
162
+ -------------------------- */
163
+ /* Typography
164
+ -------------------------- */
165
+ /* Size
166
+ -------------------------- */
167
+ /* z-index
168
+ -------------------------- */
169
+ /* Disable base
170
+ -------------------------- */
171
+ /* Icon
172
+ -------------------------- */
173
+ /* Checkbox
174
+ -------------------------- */
175
+ /* Radio
176
+ -------------------------- */
177
+ /* Select
178
+ -------------------------- */
179
+ /* Alert
180
+ -------------------------- */
181
+ /* MessageBox
182
+ -------------------------- */
183
+ /* Message
184
+ -------------------------- */
185
+ /* Notification
186
+ -------------------------- */
187
+ /* Input
188
+ -------------------------- */
189
+ /* Cascader
190
+ -------------------------- */
191
+ /* Group
192
+ -------------------------- */
193
+ /* Tab
194
+ -------------------------- */
195
+ /* Button
196
+ -------------------------- */
197
+ /* cascader
198
+ -------------------------- */
199
+ /* Switch
200
+ -------------------------- */
201
+ /* Dialog
202
+ -------------------------- */
203
+ /* Table
204
+ -------------------------- */
205
+ /* Pagination
206
+ -------------------------- */
207
+ /* Popup
208
+ -------------------------- */
209
+ /* Popover
210
+ -------------------------- */
211
+ /* Tooltip
212
+ -------------------------- */
213
+ /* Tag
214
+ -------------------------- */
215
+ /* Tree
216
+ -------------------------- */
217
+ /* Dropdown
218
+ -------------------------- */
219
+ /* Badge
220
+ -------------------------- */
221
+ /* Card
222
+ --------------------------*/
223
+ /* Slider
224
+ --------------------------*/
225
+ /* Steps
226
+ --------------------------*/
227
+ /* Menu
228
+ --------------------------*/
229
+ /* Rate
230
+ --------------------------*/
231
+ /* DatePicker
232
+ --------------------------*/
233
+ /* Loading
234
+ --------------------------*/
235
+ /* Scrollbar
236
+ --------------------------*/
237
+ /* Carousel
238
+ --------------------------*/
239
+ /* Collapse
240
+ --------------------------*/
241
+ /* Transfer
242
+ --------------------------*/
243
+ /* Header
244
+ --------------------------*/
245
+ /* Footer
246
+ --------------------------*/
247
+ /* Main
248
+ --------------------------*/
249
+ /* Timeline
250
+ --------------------------*/
251
+ /* Backtop
252
+ --------------------------*/
253
+ /* Link
254
+ --------------------------*/
255
+ /* Calendar
256
+ --------------------------*/
257
+ /* Form
258
+ -------------------------- */
259
+ /* Avatar
260
+ --------------------------*/
261
+ /* Empty
262
+ -------------------------- */
263
+ /* Descriptions
264
+ -------------------------- */
265
+ /* Skeleton
266
+ --------------------------*/
267
+ /* Svg
268
+ --------------- */
269
+ /* Result
270
+ -------------------------- */
271
+ /* Break-point
272
+ --------------------------*/
273
+ /* Element Chalk Variables */
274
+ .formily-element-plus-array-items-item-inner {
275
+ visibility: visible;
276
+ background-color: rgba(216, 220, 230, 0.2);
277
+ padding: 1px 16px;
278
+ margin-bottom: 10px;
279
+ border-radius: 4px;
280
+ box-sizing: border-box;
281
+ position: relative;
282
+ }
283
+
284
+ .formily-element-plus-array-items .formily-element-plus-array-base-addition {
285
+ width: 100%;
286
+ }
287
+
288
+ .formily-element-plus-array-items-card {
289
+ display: flex;
290
+ border: 1px solid #ebeef5;
291
+ margin-bottom: 10px;
292
+ padding: 3px 6px;
293
+ background: #ffffff;
294
+ justify-content: space-between;
295
+ }
296
+ .formily-element-plus-array-items-card .formily-element-plus-form-item:not(.formily-element-plus-form-item-feedback-layout-popover) {
297
+ margin-bottom: 0 !important;
298
+ }
299
+ .formily-element-plus-array-items-card .formily-element-plus-form-item:not(.formily-element-plus-form-item-feedback-layout-popover) .formily-element-plus-form-item-help {
300
+ position: absolute;
301
+ font-size: 12px;
302
+ top: 100%;
303
+ background: #ffffff;
304
+ width: 100%;
305
+ margin-top: 3px;
306
+ padding: 3px;
307
+ z-index: 1;
308
+ border-radius: 3px;
309
+ box-shadow: 0 0 10px #dcdfe6;
310
+ }
311
+
312
+ .formily-element-plus-array-items-divide {
313
+ display: flex;
314
+ border-bottom: 1px solid #ebeef5;
315
+ padding: 10px 0;
316
+ justify-content: space-between;
317
+ }
318
+ .formily-element-plus-array-items-divide .formily-element-plus-form-item:not(.formily-element-plus-form-item-feedback-layout-popover) {
319
+ margin-bottom: 0 !important;
320
+ }
321
+ .formily-element-plus-array-items-divide .formily-element-plus-form-item:not(.formily-element-plus-form-item-feedback-layout-popover) .formily-element-plus-form-item-help {
322
+ position: absolute;
323
+ font-size: 12px;
324
+ top: 100%;
325
+ background: #ffffff;
326
+ width: 100%;
327
+ margin-top: 3px;
328
+ padding: 3px;
329
+ z-index: 1;
330
+ border-radius: 3px;
331
+ box-shadow: 0 0 10px #ebeef5;
332
+ }
333
+
334
+ /* Element Chalk Variables */
335
+ /* Transition
336
+ -------------------------- */
337
+ /* Color
338
+ -------------------------- */
339
+ /* 53a8ff */
340
+ /* 66b1ff */
341
+ /* 79bbff */
342
+ /* 8cc5ff */
343
+ /* a0cfff */
344
+ /* b3d8ff */
345
+ /* c6e2ff */
346
+ /* d9ecff */
347
+ /* ecf5ff */
348
+ /* Link
349
+ -------------------------- */
350
+ /* Border
351
+ -------------------------- */
352
+ /* Fill
353
+ -------------------------- */
354
+ /* Typography
355
+ -------------------------- */
356
+ /* Size
357
+ -------------------------- */
358
+ /* z-index
359
+ -------------------------- */
360
+ /* Disable base
361
+ -------------------------- */
362
+ /* Icon
363
+ -------------------------- */
364
+ /* Checkbox
365
+ -------------------------- */
366
+ /* Radio
367
+ -------------------------- */
368
+ /* Select
369
+ -------------------------- */
370
+ /* Alert
371
+ -------------------------- */
372
+ /* MessageBox
373
+ -------------------------- */
374
+ /* Message
375
+ -------------------------- */
376
+ /* Notification
377
+ -------------------------- */
378
+ /* Input
379
+ -------------------------- */
380
+ /* Cascader
381
+ -------------------------- */
382
+ /* Group
383
+ -------------------------- */
384
+ /* Tab
385
+ -------------------------- */
386
+ /* Button
387
+ -------------------------- */
388
+ /* cascader
389
+ -------------------------- */
390
+ /* Switch
391
+ -------------------------- */
392
+ /* Dialog
393
+ -------------------------- */
394
+ /* Table
395
+ -------------------------- */
396
+ /* Pagination
397
+ -------------------------- */
398
+ /* Popup
399
+ -------------------------- */
400
+ /* Popover
401
+ -------------------------- */
402
+ /* Tooltip
403
+ -------------------------- */
404
+ /* Tag
405
+ -------------------------- */
406
+ /* Tree
407
+ -------------------------- */
408
+ /* Dropdown
409
+ -------------------------- */
410
+ /* Badge
411
+ -------------------------- */
412
+ /* Card
413
+ --------------------------*/
414
+ /* Slider
415
+ --------------------------*/
416
+ /* Steps
417
+ --------------------------*/
418
+ /* Menu
419
+ --------------------------*/
420
+ /* Rate
421
+ --------------------------*/
422
+ /* DatePicker
423
+ --------------------------*/
424
+ /* Loading
425
+ --------------------------*/
426
+ /* Scrollbar
427
+ --------------------------*/
428
+ /* Carousel
429
+ --------------------------*/
430
+ /* Collapse
431
+ --------------------------*/
432
+ /* Transfer
433
+ --------------------------*/
434
+ /* Header
435
+ --------------------------*/
436
+ /* Footer
437
+ --------------------------*/
438
+ /* Main
439
+ --------------------------*/
440
+ /* Timeline
441
+ --------------------------*/
442
+ /* Backtop
443
+ --------------------------*/
444
+ /* Link
445
+ --------------------------*/
446
+ /* Calendar
447
+ --------------------------*/
448
+ /* Form
449
+ -------------------------- */
450
+ /* Avatar
451
+ --------------------------*/
452
+ /* Empty
453
+ -------------------------- */
454
+ /* Descriptions
455
+ -------------------------- */
456
+ /* Skeleton
457
+ --------------------------*/
458
+ /* Svg
459
+ --------------- */
460
+ /* Result
461
+ -------------------------- */
462
+ /* Break-point
463
+ --------------------------*/
464
+ /* Element Chalk Variables */
465
+ .formily-element-plus-array-collapse .el-card__header {
466
+ padding-top: 12.5px;
467
+ padding-bottom: 12.5px;
468
+ }
469
+ .formily-element-plus-array-collapse .el-empty {
470
+ padding: 0;
471
+ }
472
+ .formily-element-plus-array-collapse .formily-element-plus-array-collapse-item {
473
+ margin-bottom: 10px;
474
+ }
475
+ .formily-element-plus-array-collapse .formily-element-plus-array-collapse-errors-badge {
476
+ line-height: 1;
477
+ vertical-align: initial;
478
+ }
479
+ .formily-element-plus-array-collapse .formily-element-plus-array-base-addition {
480
+ width: 100%;
481
+ border: 1px dashed #dcdfe6;
482
+ }
483
+ .formily-element-plus-array-collapse .formily-element-plus-array-base-addition:hover {
484
+ background-color: #ffffff;
485
+ border-color: #c0c4cc;
486
+ }
487
+ .formily-element-plus-array-collapse .formily-element-plus-array-base-addition:active, .formily-element-plus-array-collapse .formily-element-plus-array-base-addition:focus {
488
+ background-color: #ffffff;
489
+ border-color: #409eff;
490
+ }
491
+
492
+ /* Element Chalk Variables */
493
+ /* Transition
494
+ -------------------------- */
495
+ /* Color
496
+ -------------------------- */
497
+ /* 53a8ff */
498
+ /* 66b1ff */
499
+ /* 79bbff */
500
+ /* 8cc5ff */
501
+ /* a0cfff */
502
+ /* b3d8ff */
503
+ /* c6e2ff */
504
+ /* d9ecff */
505
+ /* ecf5ff */
506
+ /* Link
507
+ -------------------------- */
508
+ /* Border
509
+ -------------------------- */
510
+ /* Fill
511
+ -------------------------- */
512
+ /* Typography
513
+ -------------------------- */
514
+ /* Size
515
+ -------------------------- */
516
+ /* z-index
517
+ -------------------------- */
518
+ /* Disable base
519
+ -------------------------- */
520
+ /* Icon
521
+ -------------------------- */
522
+ /* Checkbox
523
+ -------------------------- */
524
+ /* Radio
525
+ -------------------------- */
526
+ /* Select
527
+ -------------------------- */
528
+ /* Alert
529
+ -------------------------- */
530
+ /* MessageBox
531
+ -------------------------- */
532
+ /* Message
533
+ -------------------------- */
534
+ /* Notification
535
+ -------------------------- */
536
+ /* Input
537
+ -------------------------- */
538
+ /* Cascader
539
+ -------------------------- */
540
+ /* Group
541
+ -------------------------- */
542
+ /* Tab
543
+ -------------------------- */
544
+ /* Button
545
+ -------------------------- */
546
+ /* cascader
547
+ -------------------------- */
548
+ /* Switch
549
+ -------------------------- */
550
+ /* Dialog
551
+ -------------------------- */
552
+ /* Table
553
+ -------------------------- */
554
+ /* Pagination
555
+ -------------------------- */
556
+ /* Popup
557
+ -------------------------- */
558
+ /* Popover
559
+ -------------------------- */
560
+ /* Tooltip
561
+ -------------------------- */
562
+ /* Tag
563
+ -------------------------- */
564
+ /* Tree
565
+ -------------------------- */
566
+ /* Dropdown
567
+ -------------------------- */
568
+ /* Badge
569
+ -------------------------- */
570
+ /* Card
571
+ --------------------------*/
572
+ /* Slider
573
+ --------------------------*/
574
+ /* Steps
575
+ --------------------------*/
576
+ /* Menu
577
+ --------------------------*/
578
+ /* Rate
579
+ --------------------------*/
580
+ /* DatePicker
581
+ --------------------------*/
582
+ /* Loading
583
+ --------------------------*/
584
+ /* Scrollbar
585
+ --------------------------*/
586
+ /* Carousel
587
+ --------------------------*/
588
+ /* Collapse
589
+ --------------------------*/
590
+ /* Transfer
591
+ --------------------------*/
592
+ /* Header
593
+ --------------------------*/
594
+ /* Footer
595
+ --------------------------*/
596
+ /* Main
597
+ --------------------------*/
598
+ /* Timeline
599
+ --------------------------*/
600
+ /* Backtop
601
+ --------------------------*/
602
+ /* Link
603
+ --------------------------*/
604
+ /* Calendar
605
+ --------------------------*/
606
+ /* Form
607
+ -------------------------- */
608
+ /* Avatar
609
+ --------------------------*/
610
+ /* Empty
611
+ -------------------------- */
612
+ /* Descriptions
613
+ -------------------------- */
614
+ /* Skeleton
615
+ --------------------------*/
616
+ /* Svg
617
+ --------------- */
618
+ /* Result
619
+ -------------------------- */
620
+ /* Break-point
621
+ --------------------------*/
622
+ /* Element Chalk Variables */
623
+ .formily-element-plus-form-item-item-col-24 {
624
+ -webkit-box-flex: 0;
625
+ -ms-flex: 0 0 100%;
626
+ flex: 0 0 100%;
627
+ max-width: 100%;
628
+ }
629
+
630
+ .formily-element-plus-form-item-item-col-23 {
631
+ -webkit-box-flex: 0;
632
+ -ms-flex: 0 0 95.83333333%;
633
+ flex: 0 0 95.83333333%;
634
+ max-width: 95.83333333%;
635
+ }
636
+
637
+ .formily-element-plus-form-item-item-col-22 {
638
+ -webkit-box-flex: 0;
639
+ -ms-flex: 0 0 91.66666667%;
640
+ flex: 0 0 91.66666667%;
641
+ max-width: 91.66666667%;
642
+ }
643
+
644
+ .formily-element-plus-form-item-item-col-21 {
645
+ -webkit-box-flex: 0;
646
+ -ms-flex: 0 0 87.5%;
647
+ flex: 0 0 87.5%;
648
+ max-width: 87.5%;
649
+ }
650
+
651
+ .formily-element-plus-form-item-item-col-20 {
652
+ -webkit-box-flex: 0;
653
+ -ms-flex: 0 0 83.33333333%;
654
+ flex: 0 0 83.33333333%;
655
+ max-width: 83.33333333%;
656
+ }
657
+
658
+ .formily-element-plus-form-item-item-col-19 {
659
+ -webkit-box-flex: 0;
660
+ -ms-flex: 0 0 79.16666667%;
661
+ flex: 0 0 79.16666667%;
662
+ max-width: 79.16666667%;
663
+ }
664
+
665
+ .formily-element-plus-form-item-item-col-18 {
666
+ -webkit-box-flex: 0;
667
+ -ms-flex: 0 0 75%;
668
+ flex: 0 0 75%;
669
+ max-width: 75%;
670
+ }
671
+
672
+ .formily-element-plus-form-item-item-col-17 {
673
+ -webkit-box-flex: 0;
674
+ -ms-flex: 0 0 70.83333333%;
675
+ flex: 0 0 70.83333333%;
676
+ max-width: 70.83333333%;
677
+ }
678
+
679
+ .formily-element-plus-form-item-item-col-16 {
680
+ -webkit-box-flex: 0;
681
+ -ms-flex: 0 0 66.66666667%;
682
+ flex: 0 0 66.66666667%;
683
+ max-width: 66.66666667%;
684
+ }
685
+
686
+ .formily-element-plus-form-item-item-col-15 {
687
+ -webkit-box-flex: 0;
688
+ -ms-flex: 0 0 62.5%;
689
+ flex: 0 0 62.5%;
690
+ max-width: 62.5%;
691
+ }
692
+
693
+ .formily-element-plus-form-item-item-col-14 {
694
+ -webkit-box-flex: 0;
695
+ -ms-flex: 0 0 58.33333333%;
696
+ flex: 0 0 58.33333333%;
697
+ max-width: 58.33333333%;
698
+ }
699
+
700
+ .formily-element-plus-form-item-item-col-13 {
701
+ -webkit-box-flex: 0;
702
+ -ms-flex: 0 0 54.16666667%;
703
+ flex: 0 0 54.16666667%;
704
+ max-width: 54.16666667%;
705
+ }
706
+
707
+ .formily-element-plus-form-item-item-col-12 {
708
+ -webkit-box-flex: 0;
709
+ -ms-flex: 0 0 50%;
710
+ flex: 0 0 50%;
711
+ max-width: 50%;
712
+ }
713
+
714
+ .formily-element-plus-form-item-item-col-11 {
715
+ -webkit-box-flex: 0;
716
+ -ms-flex: 0 0 45.83333333%;
717
+ flex: 0 0 45.83333333%;
718
+ max-width: 45.83333333%;
719
+ }
720
+
721
+ .formily-element-plus-form-item-item-col-10 {
722
+ -webkit-box-flex: 0;
723
+ -ms-flex: 0 0 41.66666667%;
724
+ flex: 0 0 41.66666667%;
725
+ max-width: 41.66666667%;
726
+ }
727
+
728
+ .formily-element-plus-form-item-item-col-9 {
729
+ -webkit-box-flex: 0;
730
+ -ms-flex: 0 0 37.5%;
731
+ flex: 0 0 37.5%;
732
+ max-width: 37.5%;
733
+ }
734
+
735
+ .formily-element-plus-form-item-item-col-8 {
736
+ -webkit-box-flex: 0;
737
+ -ms-flex: 0 0 33.33333333%;
738
+ flex: 0 0 33.33333333%;
739
+ max-width: 33.33333333%;
740
+ }
741
+
742
+ .formily-element-plus-form-item-item-col-7 {
743
+ -webkit-box-flex: 0;
744
+ -ms-flex: 0 0 29.16666667%;
745
+ flex: 0 0 29.16666667%;
746
+ max-width: 29.16666667%;
747
+ }
748
+
749
+ .formily-element-plus-form-item-item-col-6 {
750
+ -webkit-box-flex: 0;
751
+ -ms-flex: 0 0 25%;
752
+ flex: 0 0 25%;
753
+ max-width: 25%;
754
+ }
755
+
756
+ .formily-element-plus-form-item-item-col-5 {
757
+ -webkit-box-flex: 0;
758
+ -ms-flex: 0 0 20.83333333%;
759
+ flex: 0 0 20.83333333%;
760
+ max-width: 20.83333333%;
761
+ }
762
+
763
+ .formily-element-plus-form-item-item-col-4 {
764
+ -webkit-box-flex: 0;
765
+ -ms-flex: 0 0 16.66666667%;
766
+ flex: 0 0 16.66666667%;
767
+ max-width: 16.66666667%;
768
+ }
769
+
770
+ .formily-element-plus-form-item-item-col-3 {
771
+ -webkit-box-flex: 0;
772
+ -ms-flex: 0 0 12.5%;
773
+ flex: 0 0 12.5%;
774
+ max-width: 12.5%;
775
+ }
776
+
777
+ .formily-element-plus-form-item-item-col-2 {
778
+ -webkit-box-flex: 0;
779
+ -ms-flex: 0 0 8.33333333%;
780
+ flex: 0 0 8.33333333%;
781
+ max-width: 8.33333333%;
782
+ }
783
+
784
+ .formily-element-plus-form-item-item-col-1 {
785
+ -webkit-box-flex: 0;
786
+ -ms-flex: 0 0 4.16666667%;
787
+ flex: 0 0 4.16666667%;
788
+ max-width: 4.16666667%;
789
+ }
790
+
791
+ .formily-element-plus-form-item-item-col-0 {
792
+ display: none;
793
+ }
794
+
795
+ @-webkit-keyframes antShowHelpIn {
796
+ 0% {
797
+ -webkit-transform: translateY(-5px);
798
+ transform: translateY(-5px);
799
+ opacity: 0;
800
+ }
801
+ to {
802
+ -webkit-transform: translateY(0);
803
+ transform: translateY(0);
804
+ opacity: 1;
805
+ }
806
+ }
807
+ .formily-element-plus-form-item-help-appear,
808
+ .formily-element-plus-form-item-help-enter {
809
+ -webkit-animation-duration: 0.3s;
810
+ animation-duration: 0.3s;
811
+ -webkit-animation-fill-mode: both;
812
+ animation-fill-mode: both;
813
+ -webkit-animation-play-state: paused;
814
+ animation-play-state: paused;
815
+ }
816
+
817
+ .formily-element-plus-form-item-help-appear.formily-element-plus-form-item-help-appear-active,
818
+ .formily-element-plus-form-item-help-enter.formily-element-plus-form-item-help-enter-active {
819
+ -webkit-animation-name: antShowHelpIn;
820
+ animation-name: antShowHelpIn;
821
+ -webkit-animation-play-state: running;
822
+ animation-play-state: running;
823
+ }
824
+
825
+ .formily-element-plus-form-item-help-appear,
826
+ .formily-element-plus-form-item-help-enter {
827
+ opacity: 0;
828
+ }
829
+
830
+ .formily-element-plus-form-item-help-appear,
831
+ .formily-element-plus-form-item-help-enter {
832
+ -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
833
+ animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
834
+ }
835
+
836
+ @keyframes antShowHelpIn {
837
+ 0% {
838
+ -webkit-transform: translateY(-5px);
839
+ transform: translateY(-5px);
840
+ opacity: 0;
841
+ }
842
+ to {
843
+ -webkit-transform: translateY(0);
844
+ transform: translateY(0);
845
+ opacity: 1;
846
+ }
847
+ }
848
+ @-webkit-keyframes antShowHelpOut {
849
+ to {
850
+ -webkit-transform: translateY(-5px);
851
+ transform: translateY(-5px);
852
+ opacity: 0;
853
+ }
854
+ }
855
+ @keyframes antShowHelpOut {
856
+ to {
857
+ -webkit-transform: translateY(-5px);
858
+ transform: translateY(-5px);
859
+ opacity: 0;
860
+ }
861
+ }
862
+ .formily-element-plus-form-item {
863
+ display: flex;
864
+ margin-bottom: 22px;
865
+ position: relative;
866
+ line-height: 32px;
867
+ font-size: 14px;
868
+ }
869
+ .formily-element-plus-form-item-label * {
870
+ line-height: 32px;
871
+ }
872
+ .formily-element-plus-form-item-label-content {
873
+ min-height: 32px;
874
+ }
875
+ .formily-element-plus-form-item-content-component {
876
+ line-height: 32px;
877
+ }
878
+ .formily-element-plus-form-item .el-input,
879
+ .formily-element-plus-form-item .el-input-number,
880
+ .formily-element-plus-form-item .el-input-number.is-controls-right,
881
+ .formily-element-plus-form-item .el-select,
882
+ .formily-element-plus-form-item .el-cascader,
883
+ .formily-element-plus-form-item .el-date-editor--daterange,
884
+ .formily-element-plus-form-item .el-date-editor--timerange,
885
+ .formily-element-plus-form-item .el-date-editor--datetimerange,
886
+ .formily-element-plus-form-item .el-date-editor.el-input,
887
+ .formily-element-plus-form-item .el-date-editor.el-input__inner,
888
+ .formily-element-plus-form-item .el-tree-select {
889
+ width: 100%;
890
+ }
891
+ .formily-element-plus-form-item .el-input-group {
892
+ vertical-align: top;
893
+ }
894
+
895
+ .formily-element-plus-form-item-label {
896
+ position: relative;
897
+ display: flex;
898
+ }
899
+ .formily-element-plus-form-item-label-content {
900
+ overflow: hidden;
901
+ text-overflow: ellipsis;
902
+ white-space: nowrap;
903
+ }
904
+ .formily-element-plus-form-item-label-tooltip {
905
+ cursor: help;
906
+ }
907
+ .formily-element-plus-form-item-label-tooltip * {
908
+ cursor: help;
909
+ }
910
+ .formily-element-plus-form-item-label-tooltip label {
911
+ border-bottom: 1px dashed currentColor;
912
+ }
913
+
914
+ .formily-element-plus-form-item-label label {
915
+ color: var(--el-text-color-regular);
916
+ }
917
+
918
+ .formily-element-plus-form-item-label-align-left > .formily-element-plus-form-item-label {
919
+ justify-content: flex-start;
920
+ }
921
+
922
+ .formily-element-plus-form-item-label-align-right > .formily-element-plus-form-item-label {
923
+ justify-content: flex-end;
924
+ }
925
+
926
+ .formily-element-plus-form-item-label-wrap .formily-element-plus-form-item-label label {
927
+ white-space: pre-line;
928
+ }
929
+
930
+ .formily-element-plus-form-item-feedback-layout-terse {
931
+ margin-bottom: 8px;
932
+ }
933
+ .formily-element-plus-form-item-feedback-layout-terse.formily-element-plus-form-item-feedback-has-text:not(.formily-element-plus-form-item-inset) {
934
+ margin-bottom: 0;
935
+ }
936
+
937
+ .formily-element-plus-form-item-feedback-layout-loose {
938
+ margin-bottom: 22px;
939
+ }
940
+ .formily-element-plus-form-item-feedback-layout-loose.formily-element-plus-form-item-feedback-has-text:not(.formily-element-plus-form-item-inset) {
941
+ margin-bottom: 0;
942
+ }
943
+
944
+ .formily-element-plus-form-item-feedback-layout-none {
945
+ margin-bottom: 0;
946
+ }
947
+ .formily-element-plus-form-item-feedback-layout-none.formily-element-plus-form-item-feedback-has-text:not(.formily-element-plus-form-item-inset) {
948
+ margin-bottom: 0;
949
+ }
950
+
951
+ .formily-element-plus-form-item-control {
952
+ width: 100%;
953
+ flex: 1;
954
+ }
955
+ .formily-element-plus-form-item-control .formily-element-plus-form-item-control-content {
956
+ display: flex;
957
+ }
958
+ .formily-element-plus-form-item-control .formily-element-plus-form-item-control-content .formily-element-plus-form-item-control-content-component {
959
+ width: 100%;
960
+ line-height: 32px;
961
+ }
962
+ .formily-element-plus-form-item-control .formily-element-plus-form-item-control-content .formily-element-plus-form-item-control-content-component-has-feedback-icon {
963
+ flex: 1;
964
+ position: relative;
965
+ display: flex;
966
+ align-items: center;
967
+ }
968
+ .formily-element-plus-form-item-control .formily-element-plus-form-item-control-content .formily-element-plus-form-item-addon-before {
969
+ margin-right: 8px;
970
+ display: inline-flex;
971
+ align-items: center;
972
+ min-height: 32px;
973
+ flex-shrink: 0;
974
+ }
975
+ .formily-element-plus-form-item-control .formily-element-plus-form-item-control-content .formily-element-plus-form-item-addon-after {
976
+ margin-left: 8px;
977
+ display: inline-flex;
978
+ align-items: center;
979
+ min-height: 32px;
980
+ flex-shrink: 0;
981
+ }
982
+
983
+ .formily-element-plus-form-item-size-small {
984
+ font-size: var(--el-font-size-extra-small);
985
+ }
986
+ .formily-element-plus-form-item-size-small .formily-element-plus-form-item-label * {
987
+ line-height: 24px;
988
+ }
989
+ .formily-element-plus-form-item-size-small .formily-element-plus-form-item-label-content {
990
+ min-height: 24px;
991
+ }
992
+ .formily-element-plus-form-item-size-small .formily-element-plus-form-item-control-content .formily-element-plus-form-item-control-content-component {
993
+ line-height: 24px;
994
+ min-height: 24px;
995
+ }
996
+ .formily-element-plus-form-item-size-small .formily-element-plus-form-item-help,
997
+ .formily-element-plus-form-item-size-small .formily-element-plus-form-item-extra {
998
+ min-height: 22px;
999
+ }
1000
+ .formily-element-plus-form-item-size-small .formily-element-plus-form-item-control-content {
1001
+ min-height: 24px;
1002
+ }
1003
+ .formily-element-plus-form-item-size-small .formily-element-plus-form-item-label > label {
1004
+ height: 24px;
1005
+ }
1006
+ .formily-element-plus-form-item-size-small .el-input input {
1007
+ height: 24px;
1008
+ line-height: 24px;
1009
+ }
1010
+ .formily-element-plus-form-item-size-small .el-input-number {
1011
+ line-height: 24px;
1012
+ }
1013
+ .formily-element-plus-form-item-size-small .el-input-number.is-controls-right .el-input-number__increase,
1014
+ .formily-element-plus-form-item-size-small .el-input-number.is-controls-right .el-input-number__decrease {
1015
+ line-height: 12px;
1016
+ height: 12px;
1017
+ font-size: var(--el-font-size-extra-small);
1018
+ box-sizing: border-box;
1019
+ }
1020
+
1021
+ .formily-element-plus-form-item-size-large {
1022
+ font-size: var(--el-font-size-medium);
1023
+ }
1024
+ .formily-element-plus-form-item-size-large .formily-element-plus-form-item-label * {
1025
+ line-height: 40px;
1026
+ }
1027
+ .formily-element-plus-form-item-size-large .formily-element-plus-form-item-label-content {
1028
+ min-height: 40px;
1029
+ }
1030
+ .formily-element-plus-form-item-size-large .formily-element-plus-form-item-control-content .formily-element-plus-form-item-control-content-component {
1031
+ line-height: 40px;
1032
+ min-height: 40px;
1033
+ }
1034
+ .formily-element-plus-form-item-size-large .formily-element-plus-form-item-help,
1035
+ .formily-element-plus-form-item-size-large .formily-element-plus-form-item-extra {
1036
+ min-height: 22px;
1037
+ }
1038
+ .formily-element-plus-form-item-size-large .formily-element-plus-form-item-control-content {
1039
+ min-height: 40px;
1040
+ }
1041
+ .formily-element-plus-form-item-size-large .el-input input {
1042
+ height: 40px;
1043
+ line-height: 40px;
1044
+ }
1045
+ .formily-element-plus-form-item-size-large .el-select input {
1046
+ height: 40px !important;
1047
+ line-height: 40px;
1048
+ }
1049
+ .formily-element-plus-form-item-size-large .el-select__tags .el-tag {
1050
+ height: 28px;
1051
+ line-height: 28px;
1052
+ }
1053
+ .formily-element-plus-form-item-size-large .el-input-number {
1054
+ line-height: 40px;
1055
+ }
1056
+ .formily-element-plus-form-item-size-large .el-input-number.is-controls-right .el-input-number__increase,
1057
+ .formily-element-plus-form-item-size-large .el-input-number.is-controls-right .el-input-number__decrease {
1058
+ line-height: 19px;
1059
+ font-size: var(--el-font-size-medium);
1060
+ }
1061
+
1062
+ .formily-element-plus-form-item-layout-vertical {
1063
+ display: block;
1064
+ }
1065
+ .formily-element-plus-form-item-layout-vertical .formily-element-plus-form-item-label * {
1066
+ line-height: 40px;
1067
+ }
1068
+ .formily-element-plus-form-item-layout-vertical .formily-element-plus-form-item-label-content {
1069
+ min-height: 40px;
1070
+ }
1071
+
1072
+ .formily-element-plus-form-item-feedback-layout-popover {
1073
+ margin-bottom: 8px;
1074
+ }
1075
+
1076
+ .formily-element-plus-form-item-label-tooltip {
1077
+ margin-left: 4px;
1078
+ color: #909399;
1079
+ display: flex;
1080
+ align-items: center;
1081
+ height: 32px;
1082
+ cursor: pointer;
1083
+ }
1084
+ .formily-element-plus-form-item-label-tooltip i {
1085
+ line-height: 1;
1086
+ }
1087
+
1088
+ .formily-element-plus-form-item-control-align-left .formily-element-plus-form-item-control-content {
1089
+ justify-content: flex-start;
1090
+ }
1091
+
1092
+ .formily-element-plus-form-item-control-align-right .formily-element-plus-form-item-control-content {
1093
+ justify-content: flex-end;
1094
+ }
1095
+ .formily-element-plus-form-item-control-align-right .formily-element-plus-form-item-control-content-component {
1096
+ display: flex;
1097
+ justify-content: flex-end;
1098
+ }
1099
+
1100
+ .formily-element-plus-form-item-control-wrap .formily-element-plus-form-item-control {
1101
+ white-space: pre-line;
1102
+ }
1103
+
1104
+ .formily-element-plus-form-item-asterisk {
1105
+ color: #f56c6c;
1106
+ margin-right: 4px;
1107
+ display: inline-block;
1108
+ font-family: SimSun, sans-serif;
1109
+ }
1110
+
1111
+ .formily-element-plus-form-item-colon {
1112
+ margin-left: 2px;
1113
+ margin-right: 8px;
1114
+ }
1115
+
1116
+ .formily-element-plus-form-item-help,
1117
+ .formily-element-plus-form-item-extra {
1118
+ clear: both;
1119
+ min-height: 22px;
1120
+ line-height: 22px;
1121
+ color: #909399;
1122
+ transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
1123
+ padding-top: 0;
1124
+ }
1125
+
1126
+ .formily-element-plus-form-item-fullness > .formily-element-plus-form-item-control > .formily-element-plus-form-item-control-content > .formily-element-plus-form-item-control-content-component > *:first-child {
1127
+ width: 100%;
1128
+ }
1129
+
1130
+ .formily-element-plus-form-item-control-content-component-has-feedback-icon {
1131
+ border-radius: 4px;
1132
+ border: 1px solid #dcdfe6;
1133
+ padding-right: 8px;
1134
+ transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
1135
+ touch-action: manipulation;
1136
+ outline: none;
1137
+ }
1138
+ .formily-element-plus-form-item-control-content-component-has-feedback-icon .el-input-number,
1139
+ .formily-element-plus-form-item-control-content-component-has-feedback-icon .el-date-editor .el-input__inner,
1140
+ .formily-element-plus-form-item-control-content-component-has-feedback-icon .el-select .el-input__inner,
1141
+ .formily-element-plus-form-item-control-content-component-has-feedback-icon .el-input .el-input__inner {
1142
+ border: none !important;
1143
+ box-shadow: none !important;
1144
+ }
1145
+ .formily-element-plus-form-item-control-content-component-has-feedback-icon .el-input-number.is-controls-right .el-input__inner {
1146
+ padding-right: 40px;
1147
+ }
1148
+ .formily-element-plus-form-item-control-content-component-has-feedback-icon .el-input-number.is-controls-right .el-input-number__increase {
1149
+ top: 0;
1150
+ right: 8px;
1151
+ border-right: 1px solid #dcdfe6;
1152
+ }
1153
+ .formily-element-plus-form-item-control-content-component-has-feedback-icon .el-input-number.is-controls-right .el-input-number__decrease {
1154
+ bottom: 0;
1155
+ right: 8px;
1156
+ border-right: 1px solid #dcdfe6;
1157
+ }
1158
+
1159
+ .formily-element-plus-form-item:hover .formily-element-plus-form-item-control-content-component-has-feedback-icon {
1160
+ border-color: #c0c4cc;
1161
+ outline: 0;
1162
+ border-right-width: 1px !important;
1163
+ }
1164
+
1165
+ .formily-element-plus-form-item-active .formily-element-plus-form-item-control-content-component-has-feedback-icon {
1166
+ border-color: #409eff;
1167
+ outline: 0;
1168
+ border-right-width: 1px !important;
1169
+ }
1170
+
1171
+ .formily-element-plus-form-item-error .el-input__inner, .formily-element-plus-form-item-error .el-input__inner.hover, .formily-element-plus-form-item-error .el-textarea__inner, .formily-element-plus-form-item-error .el-textarea__inner.hover {
1172
+ border-color: #f56c6c;
1173
+ }
1174
+ .formily-element-plus-form-item-error .el-input__inner:focus, .formily-element-plus-form-item-error .el-textarea__inner:focus {
1175
+ border-color: #f56c6c;
1176
+ }
1177
+ .formily-element-plus-form-item-error .el-input-group__append .el-input__inner, .formily-element-plus-form-item-error .el-input-group__prepend .el-input__inner {
1178
+ border-color: transparent;
1179
+ }
1180
+ .formily-element-plus-form-item-error .el-input__validateIcon {
1181
+ color: #f56c6c !important;
1182
+ }
1183
+
1184
+ .formily-element-plus-form-item-error-help i,
1185
+ .formily-element-plus-form-item-warning-help i,
1186
+ .formily-element-plus-form-item-success-help i {
1187
+ margin-right: 8px;
1188
+ }
1189
+
1190
+ .formily-element-plus-form-item-error-help {
1191
+ color: #f56c6c;
1192
+ }
1193
+
1194
+ .formily-element-plus-form-item-warning-help {
1195
+ color: #e6a23c;
1196
+ }
1197
+
1198
+ .formily-element-plus-form-item-success-help {
1199
+ color: #67c23a;
1200
+ }
1201
+
1202
+ .formily-element-plus-form-item-warning .el-input__inner, .formily-element-plus-form-item-warning .el-input__inner.hover, .formily-element-plus-form-item-warning .el-textarea__inner, .formily-element-plus-form-item-warning .el-textarea__inner.hover {
1203
+ border-color: #e6a23c;
1204
+ }
1205
+ .formily-element-plus-form-item-warning .el-input__inner:focus, .formily-element-plus-form-item-warning .el-textarea__inner:focus {
1206
+ border-color: #e6a23c;
1207
+ }
1208
+ .formily-element-plus-form-item-warning .el-input-group__append .el-input__inner, .formily-element-plus-form-item-warning .el-input-group__prepend .el-input__inner {
1209
+ border-color: transparent;
1210
+ }
1211
+ .formily-element-plus-form-item-warning .el-input__validateIcon {
1212
+ color: #e6a23c !important;
1213
+ }
1214
+
1215
+ .formily-element-plus-form-item-success .el-input__inner, .formily-element-plus-form-item-success .el-input__inner.hover, .formily-element-plus-form-item-success .el-textarea__inner, .formily-element-plus-form-item-success .el-textarea__inner.hover {
1216
+ border-color: #67c23a;
1217
+ }
1218
+ .formily-element-plus-form-item-success .el-input__inner:focus, .formily-element-plus-form-item-success .el-textarea__inner:focus {
1219
+ border-color: #67c23a;
1220
+ }
1221
+ .formily-element-plus-form-item-success .el-input-group__append .el-input__inner, .formily-element-plus-form-item-success .el-input-group__prepend .el-input__inner {
1222
+ border-color: transparent;
1223
+ }
1224
+ .formily-element-plus-form-item-success .el-input__validateIcon {
1225
+ color: #67c23a !important;
1226
+ }
1227
+
1228
+ .formily-element-plus-form-item-bordered-none .el-input__inner {
1229
+ border: none !important;
1230
+ }
1231
+ .formily-element-plus-form-item-bordered-none .el-input-number__decrease,
1232
+ .formily-element-plus-form-item-bordered-none .el-input-number__increase {
1233
+ border: none !important;
1234
+ background: transparent !important;
1235
+ }
1236
+
1237
+ .formily-element-plus-form-item-inset {
1238
+ border-radius: 4px;
1239
+ border: 1px solid #dcdfe6;
1240
+ padding-left: 12px;
1241
+ transition: 0.3s all;
1242
+ }
1243
+ .formily-element-plus-form-item-inset:hover {
1244
+ border-color: #c0c4cc;
1245
+ outline: 0;
1246
+ border-right-width: 1px !important;
1247
+ }
1248
+
1249
+ .formily-element-plus-form-item-inset-active {
1250
+ border-color: #409eff;
1251
+ outline: 0;
1252
+ border-right-width: 1px !important;
1253
+ }
1254
+
1255
+ /* Element Chalk Variables */
1256
+ /* Transition
1257
+ -------------------------- */
1258
+ /* Color
1259
+ -------------------------- */
1260
+ /* 53a8ff */
1261
+ /* 66b1ff */
1262
+ /* 79bbff */
1263
+ /* 8cc5ff */
1264
+ /* a0cfff */
1265
+ /* b3d8ff */
1266
+ /* c6e2ff */
1267
+ /* d9ecff */
1268
+ /* ecf5ff */
1269
+ /* Link
1270
+ -------------------------- */
1271
+ /* Border
1272
+ -------------------------- */
1273
+ /* Fill
1274
+ -------------------------- */
1275
+ /* Typography
1276
+ -------------------------- */
1277
+ /* Size
1278
+ -------------------------- */
1279
+ /* z-index
1280
+ -------------------------- */
1281
+ /* Disable base
1282
+ -------------------------- */
1283
+ /* Icon
1284
+ -------------------------- */
1285
+ /* Checkbox
1286
+ -------------------------- */
1287
+ /* Radio
1288
+ -------------------------- */
1289
+ /* Select
1290
+ -------------------------- */
1291
+ /* Alert
1292
+ -------------------------- */
1293
+ /* MessageBox
1294
+ -------------------------- */
1295
+ /* Message
1296
+ -------------------------- */
1297
+ /* Notification
1298
+ -------------------------- */
1299
+ /* Input
1300
+ -------------------------- */
1301
+ /* Cascader
1302
+ -------------------------- */
1303
+ /* Group
1304
+ -------------------------- */
1305
+ /* Tab
1306
+ -------------------------- */
1307
+ /* Button
1308
+ -------------------------- */
1309
+ /* cascader
1310
+ -------------------------- */
1311
+ /* Switch
1312
+ -------------------------- */
1313
+ /* Dialog
1314
+ -------------------------- */
1315
+ /* Table
1316
+ -------------------------- */
1317
+ /* Pagination
1318
+ -------------------------- */
1319
+ /* Popup
1320
+ -------------------------- */
1321
+ /* Popover
1322
+ -------------------------- */
1323
+ /* Tooltip
1324
+ -------------------------- */
1325
+ /* Tag
1326
+ -------------------------- */
1327
+ /* Tree
1328
+ -------------------------- */
1329
+ /* Dropdown
1330
+ -------------------------- */
1331
+ /* Badge
1332
+ -------------------------- */
1333
+ /* Card
1334
+ --------------------------*/
1335
+ /* Slider
1336
+ --------------------------*/
1337
+ /* Steps
1338
+ --------------------------*/
1339
+ /* Menu
1340
+ --------------------------*/
1341
+ /* Rate
1342
+ --------------------------*/
1343
+ /* DatePicker
1344
+ --------------------------*/
1345
+ /* Loading
1346
+ --------------------------*/
1347
+ /* Scrollbar
1348
+ --------------------------*/
1349
+ /* Carousel
1350
+ --------------------------*/
1351
+ /* Collapse
1352
+ --------------------------*/
1353
+ /* Transfer
1354
+ --------------------------*/
1355
+ /* Header
1356
+ --------------------------*/
1357
+ /* Footer
1358
+ --------------------------*/
1359
+ /* Main
1360
+ --------------------------*/
1361
+ /* Timeline
1362
+ --------------------------*/
1363
+ /* Backtop
1364
+ --------------------------*/
1365
+ /* Link
1366
+ --------------------------*/
1367
+ /* Calendar
1368
+ --------------------------*/
1369
+ /* Form
1370
+ -------------------------- */
1371
+ /* Avatar
1372
+ --------------------------*/
1373
+ /* Empty
1374
+ -------------------------- */
1375
+ /* Descriptions
1376
+ -------------------------- */
1377
+ /* Skeleton
1378
+ --------------------------*/
1379
+ /* Svg
1380
+ --------------- */
1381
+ /* Result
1382
+ -------------------------- */
1383
+ /* Break-point
1384
+ --------------------------*/
1385
+ /* Element Chalk Variables */
1386
+ .formily-element-plus-array-cards .el-card__header {
1387
+ padding-top: 12.5px;
1388
+ padding-bottom: 12.5px;
1389
+ }
1390
+ .formily-element-plus-array-cards .el-empty {
1391
+ padding: 0;
1392
+ }
1393
+ .formily-element-plus-array-cards .formily-element-plus-array-cards-item {
1394
+ margin-bottom: 10px;
1395
+ }
1396
+ .formily-element-plus-array-cards .formily-element-plus-array-base-addition {
1397
+ width: 100%;
1398
+ border: 1px dashed #dcdfe6;
1399
+ }
1400
+ .formily-element-plus-array-cards .formily-element-plus-array-base-addition:hover {
1401
+ background-color: #ffffff;
1402
+ border-color: #c0c4cc;
1403
+ }
1404
+ .formily-element-plus-array-cards .formily-element-plus-array-base-addition:active, .formily-element-plus-array-cards .formily-element-plus-array-base-addition:focus {
1405
+ background-color: #ffffff;
1406
+ border-color: #409eff;
1407
+ }
1408
+
1409
+ /* Element Chalk Variables */
1410
+ /* Transition
1411
+ -------------------------- */
1412
+ /* Color
1413
+ -------------------------- */
1414
+ /* 53a8ff */
1415
+ /* 66b1ff */
1416
+ /* 79bbff */
1417
+ /* 8cc5ff */
1418
+ /* a0cfff */
1419
+ /* b3d8ff */
1420
+ /* c6e2ff */
1421
+ /* d9ecff */
1422
+ /* ecf5ff */
1423
+ /* Link
1424
+ -------------------------- */
1425
+ /* Border
1426
+ -------------------------- */
1427
+ /* Fill
1428
+ -------------------------- */
1429
+ /* Typography
1430
+ -------------------------- */
1431
+ /* Size
1432
+ -------------------------- */
1433
+ /* z-index
1434
+ -------------------------- */
1435
+ /* Disable base
1436
+ -------------------------- */
1437
+ /* Icon
1438
+ -------------------------- */
1439
+ /* Checkbox
1440
+ -------------------------- */
1441
+ /* Radio
1442
+ -------------------------- */
1443
+ /* Select
1444
+ -------------------------- */
1445
+ /* Alert
1446
+ -------------------------- */
1447
+ /* MessageBox
1448
+ -------------------------- */
1449
+ /* Message
1450
+ -------------------------- */
1451
+ /* Notification
1452
+ -------------------------- */
1453
+ /* Input
1454
+ -------------------------- */
1455
+ /* Cascader
1456
+ -------------------------- */
1457
+ /* Group
1458
+ -------------------------- */
1459
+ /* Tab
1460
+ -------------------------- */
1461
+ /* Button
1462
+ -------------------------- */
1463
+ /* cascader
1464
+ -------------------------- */
1465
+ /* Switch
1466
+ -------------------------- */
1467
+ /* Dialog
1468
+ -------------------------- */
1469
+ /* Table
1470
+ -------------------------- */
1471
+ /* Pagination
1472
+ -------------------------- */
1473
+ /* Popup
1474
+ -------------------------- */
1475
+ /* Popover
1476
+ -------------------------- */
1477
+ /* Tooltip
1478
+ -------------------------- */
1479
+ /* Tag
1480
+ -------------------------- */
1481
+ /* Tree
1482
+ -------------------------- */
1483
+ /* Dropdown
1484
+ -------------------------- */
1485
+ /* Badge
1486
+ -------------------------- */
1487
+ /* Card
1488
+ --------------------------*/
1489
+ /* Slider
1490
+ --------------------------*/
1491
+ /* Steps
1492
+ --------------------------*/
1493
+ /* Menu
1494
+ --------------------------*/
1495
+ /* Rate
1496
+ --------------------------*/
1497
+ /* DatePicker
1498
+ --------------------------*/
1499
+ /* Loading
1500
+ --------------------------*/
1501
+ /* Scrollbar
1502
+ --------------------------*/
1503
+ /* Carousel
1504
+ --------------------------*/
1505
+ /* Collapse
1506
+ --------------------------*/
1507
+ /* Transfer
1508
+ --------------------------*/
1509
+ /* Header
1510
+ --------------------------*/
1511
+ /* Footer
1512
+ --------------------------*/
1513
+ /* Main
1514
+ --------------------------*/
1515
+ /* Timeline
1516
+ --------------------------*/
1517
+ /* Backtop
1518
+ --------------------------*/
1519
+ /* Link
1520
+ --------------------------*/
1521
+ /* Calendar
1522
+ --------------------------*/
1523
+ /* Form
1524
+ -------------------------- */
1525
+ /* Avatar
1526
+ --------------------------*/
1527
+ /* Empty
1528
+ -------------------------- */
1529
+ /* Descriptions
1530
+ -------------------------- */
1531
+ /* Skeleton
1532
+ --------------------------*/
1533
+ /* Svg
1534
+ --------------- */
1535
+ /* Result
1536
+ -------------------------- */
1537
+ /* Break-point
1538
+ --------------------------*/
1539
+ /* Element Chalk Variables */
1540
+ .formily-element-plus-array-table .formily-element-plus-form-item:not(.formily-element-plus-form-item-feedback-layout-popover) {
1541
+ margin-bottom: 0 !important;
1542
+ }
1543
+ .formily-element-plus-array-table-status-select-dropdown .el-badge {
1544
+ line-height: 1;
1545
+ }
1546
+ .formily-element-plus-array-table-pagination {
1547
+ display: flex;
1548
+ justify-content: center;
1549
+ margin-top: 8px;
1550
+ }
1551
+ .formily-element-plus-array-table-pagination .formily-element-plus-array-table-status-select.has-error .el-input__inner {
1552
+ border-color: #f56c6c !important;
1553
+ }
1554
+ .formily-element-plus-array-table .el-table .cell {
1555
+ overflow: visible;
1556
+ }
1557
+ .formily-element-plus-array-table .el-table .cell.el-tooltip {
1558
+ overflow: hidden;
1559
+ }
1560
+ .formily-element-plus-array-table .el-table__fixed {
1561
+ box-shadow: 10px 0 10px -10px rgba(0, 0, 0, 0.12);
1562
+ }
1563
+ .formily-element-plus-array-table .el-table__fixed-right {
1564
+ box-shadow: -10px 0 10px -10px rgba(0, 0, 0, 0.12);
1565
+ }
1566
+ .formily-element-plus-array-table .formily-element-plus-form-item-help {
1567
+ position: absolute;
1568
+ font-size: 12px;
1569
+ top: 100%;
1570
+ background: #fff;
1571
+ width: 100%;
1572
+ margin-top: 3px;
1573
+ padding: 3px;
1574
+ z-index: 2;
1575
+ border-radius: 3px;
1576
+ box-shadow: 0 0 10px #eee;
1577
+ }
1578
+ .formily-element-plus-array-table .formily-element-plus-array-base-addition {
1579
+ margin-top: 8px;
1580
+ width: 100%;
1581
+ border: 1px dashed #dcdfe6;
1582
+ }
1583
+ .formily-element-plus-array-table .formily-element-plus-array-base-addition:hover {
1584
+ background-color: #ffffff;
1585
+ border-color: #c0c4cc;
1586
+ }
1587
+ .formily-element-plus-array-table .formily-element-plus-array-base-addition:active, .formily-element-plus-array-table .formily-element-plus-array-base-addition:focus {
1588
+ background-color: #ffffff;
1589
+ border-color: #409eff;
1590
+ }
1591
+ .formily-element-plus-array-table .formily-element-plus-form-item-feedback-layout-popover {
1592
+ margin-bottom: 0;
1593
+ }
1594
+ .formily-element-plus-array-table-inner-asterisk {
1595
+ color: #f56c6c;
1596
+ font-weight: 500;
1597
+ }
1598
+
1599
+ .upload-button .button-box {
1600
+ border-radius: 4px;
1601
+ border: 1px dashed #d8dce6;
1602
+ display: flex;
1603
+ justify-content: center;
1604
+ align-items: center;
1605
+ width: 161px;
1606
+ height: 40px;
1607
+ }
1608
+ .upload-button .button-box span {
1609
+ color: #4b515e;
1610
+ font-weight: 400;
1611
+ font-size: 14px;
1612
+ line-height: 20px;
1613
+ }
1614
+ .upload-button .button-box:hover {
1615
+ border-color: #c79156;
1616
+ background-color: #f9e7d3;
1617
+ cursor: pointer;
1618
+ }
1619
+ .upload-button .button-box::before {
1620
+ content: "";
1621
+ display: block;
1622
+ width: 20px;
1623
+ height: 20px;
1624
+ margin-right: 10px;
1625
+ background-repeat: no-repeat;
1626
+ object-fit: cover;
1627
+ background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNSAxNS45NzI1QzE3LjI1IDE1LjcyMzggMTkgMTMuODE2MyAxOSAxMS41QzE5IDkuNDM1NTMgMTcuNjA5OCA3LjY5NTc2IDE1LjcxNDUgNy4xNjU3OUMxNC45Mzk0IDQuNzQ5MjEgMTIuNjc0IDMgMTAgM0M3LjMyNjAyIDMgNS4wNjA1OSA0Ljc0OTIxIDQuMjg1NTQgNy4xNjU3OUMyLjM5MDIxIDcuNjk1NzYgMSA5LjQzNTUzIDEgMTEuNUMxIDEzLjgxNjMgMi43NTAwMiAxNS43MjM4IDUgMTUuOTcyNVYxNkg1LjVIMTQuNUgxNVYxNS45NzI1WiIgZmlsbD0iI0ZBRjNFRSIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEwIDMuNUM3LjU0OTg0IDMuNSA1LjQ3MjY4IDUuMTAyNDkgNC43NjIxMiA3LjMxODM0TDQuNjc5OSA3LjU3NDcyTDQuNDIwNiA3LjY0NzJDMi43MzU0MSA4LjExODIyIDEuNSA5LjY2NTQ4IDEuNSAxMS41QzEuNSAxMy43MDkxIDMuMjkwODYgMTUuNSA1LjUgMTUuNVYxNi41QzIuNzM4NTggMTYuNSAwLjUgMTQuMjYxNCAwLjUgMTEuNUMwLjUgOS4yOTkxNiAxLjkyMTU1IDcuNDMxNTMgMy44OTU3IDYuNzYzMDhDNC44MDczMiA0LjI3NTUzIDcuMTk1NzEgMi41IDEwIDIuNUMxMi44MDQzIDIuNSAxNS4xOTI3IDQuMjc1NTYgMTYuMTA0NSA2Ljc2MjYzQzE4LjA3ODQgNy40MzE1MyAxOS41IDkuMjk5MTEgMTkuNSAxMS41QzE5LjUgMTQuMjYxNCAxNy4yNjE0IDE2LjUgMTQuNSAxNi41VjE1LjVDMTYuNzA5MSAxNS41IDE4LjUgMTMuNzA5MSAxOC41IDExLjVDMTguNSA5LjY2NTQ5IDE3LjI2NDYgOC4xMTgxNSAxNS41Nzk1IDcuNjQ2NjVMMTUuMzIwNCA3LjU3NDEzTDE1LjIzODIgNy4zMTc4OUMxNC41Mjc0IDUuMTAyNTEgMTIuNDUwMiAzLjUgMTAgMy41WiIgZmlsbD0iI0M3OTE1NiIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEwLjc0MjYgOC43MDczM0wxMy41NzExIDExLjUzNThMMTIuODYzOSAxMi4yNDI5TDEwLjAzNTUgOS40MTQ0M0w3LjIwNzEgMTIuMjQyOUw2LjQ5OTk5IDExLjUzNThMOS4zMjg0MiA4LjcwNzMzTDkuNjgxOTcgOC4zNTM3N0M5Ljg3NzIzIDguMTU4NTEgMTAuMTkzOCA4LjE1ODUxIDEwLjM4OTEgOC4zNTM3N0wxMC43NDI2IDguNzA3MzNaIiBmaWxsPSIjQzc5MTU2Ii8+CjxyZWN0IHg9IjkuNSIgeT0iOSIgd2lkdGg9IjEiIGhlaWdodD0iOCIgZmlsbD0iI0M3OTE1NiIvPgo8L3N2Zz4K");
1628
+ }
1629
+ .upload-button .image-box {
1630
+ border-radius: 4px;
1631
+ background-color: rgba(216, 220, 230, 0.4);
1632
+ padding: 6px 27px 6px 18px;
1633
+ display: flex;
1634
+ align-items: center;
1635
+ justify-content: space-between;
1636
+ height: 60px;
1637
+ position: relative;
1638
+ }
1639
+ .upload-button .image-box span {
1640
+ font-family: "PingFang SC";
1641
+ font-style: normal;
1642
+ font-weight: 400;
1643
+ font-size: 14px;
1644
+ line-height: 20px;
1645
+ /* identical to box height */
1646
+ color: #4b515e;
1647
+ opacity: 0.6;
1648
+ }
1649
+ .upload-button .image-box span:hover {
1650
+ color: #c79156;
1651
+ cursor: pointer;
1652
+ }
1653
+ .upload-button .image-box-1 {
1654
+ height: 100%;
1655
+ width: 115px;
1656
+ position: relative;
1657
+ }
1658
+ .upload-button .image-box-1 img {
1659
+ position: absolute;
1660
+ left: 0;
1661
+ top: 0;
1662
+ right: 0;
1663
+ bottom: 0;
1664
+ height: 100%;
1665
+ object-fit: contain;
1666
+ }
1667
+ .upload-button .image-box-1 .del-text {
1668
+ font-weight: 400;
1669
+ font-size: 9px;
1670
+ line-height: 13px;
1671
+ color: #fff;
1672
+ position: absolute;
1673
+ top: 3px;
1674
+ right: 6px;
1675
+ opacity: 0;
1676
+ }
1677
+ .upload-button .image-box-1:hover .mask {
1678
+ position: absolute;
1679
+ left: 0;
1680
+ top: 0;
1681
+ right: 0;
1682
+ bottom: 0;
1683
+ background: rgba(0, 0, 0, 0.59);
1684
+ z-index: 2;
1685
+ border-radius: 4px;
1686
+ }
1687
+ .upload-button .image-box-1:hover .del-text {
1688
+ opacity: 1;
1689
+ z-index: 3;
1690
+ }
1691
+ .upload-button .description {
1692
+ display: block;
1693
+ font-size: 12px;
1694
+ color: #86909c;
1695
+ line-height: 20px;
1696
+ margin-top: 5px;
1697
+ }
1698
+
1699
+ .buryReport-tip {
1700
+ color: rgba(30, 37, 54, 0.4) !important;
1701
+ font-weight: 500;
1702
+ font-size: 14px;
1703
+ line-height: 21px;
1704
+ }
1705
+ .buryReport-tip span {
1706
+ background: #b9e2ff;
1707
+ color: #b9c7d7;
1708
+ padding: 3px 3px 3px 7px;
1709
+ position: relative;
1710
+ }
1711
+ .buryReport-tip span::before {
1712
+ content: "";
1713
+ display: block;
1714
+ width: 2px;
1715
+ height: 13px;
1716
+ background-color: #6b6a6a;
1717
+ margin-right: 4px;
1718
+ position: absolute;
1719
+ left: 3px;
1720
+ top: 5px;
1721
+ }
1722
+
1723
+ .formily-input-wrap {
1724
+ min-height: 40px;
1725
+ }
1726
+ .formily-input-wrap .tool-tip {
1727
+ width: 24px;
1728
+ height: 24px;
1729
+ object-fit: cover;
1730
+ background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyMyAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CjxyZWN0IG9wYWNpdHk9IjAuNiIgd2lkdGg9IjIyLjIyMjIiIGhlaWdodD0iMjQiIGZpbGw9InVybCgjcGF0dGVybjApIi8+CjxkZWZzPgo8cGF0dGVybiBpZD0icGF0dGVybjAiIHBhdHRlcm5Db250ZW50VW5pdHM9Im9iamVjdEJvdW5kaW5nQm94IiB3aWR0aD0iMSIgaGVpZ2h0PSIxIj4KPHVzZSB4bGluazpocmVmPSIjaW1hZ2UwXzQzM183NDI2IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIC0wLjAwMzgxMjYyKSBzY2FsZSgwLjAxNDcwNTkgMC4wMTM2MTY2KSIvPgo8L3BhdHRlcm4+CjxpbWFnZSBpZD0iaW1hZ2UwXzQzM183NDI2IiB3aWR0aD0iNjgiIGhlaWdodD0iNzQiIHhsaW5rOmhyZWY9ImRhdGE6aW1hZ2UvcG5nO2Jhc2U2NCxpVkJPUncwS0dnb0FBQUFOU1VoRVVnQUFBRVFBQUFCS0NBWUFBQUFDR2ZMQ0FBQURNRWxFUVZSNEFlMlpNVzRiUVF4RmZjQTBQa0I2TjZtTkZHbmRHbkNYQXdSd2xTcElrMHRJY3VRN0NEbkVHbC93VDZpUGtiSkRjbFlTd0FFR0k2NVdKUC9iUDdNR2ZEUFZPQ0J3Y3hCVk1CVVFNVUVCS1NCQ1FNSnlTQUVSQWhLV1F3cUlFSkN3SEZKQWhJQ0U1WkFDSWdRa0xJY1VFQ0VnWVRua2tvQnNYbDRuem0vUDN5ZE9YcE5lRndrWGRRaUZmdjd5TUgyNC9UaHI0bDZBV21vc0FnUWdlaUFjZzBVSGpZUXpGTWovUUFBU0o4Vmk1YlZUWUVaQkdRWUV3bHFDSUJhZzVnNkNhdVhDZDlsakNKQVdqRjRRTGFHdHZObFEwb0ZBdUgyYUdTQVVUcXVHM3VPTlU0Rm9vOWxQejRwVXQ2QjJ4a2dEb2cyT2hFSGhJMnFtQUlrMnRsci9udTQrM2UvbmFyMmwzbGxydExZV0NRUEJHOE9lR2IzTzJPMytIUHdldVhDdFp5aVVucmVZMWdrRHNjMzB3a0F6OXZjRTY4bGp6Ni9JZVJJQ29tS1U5cHc0d3lHb28wNzF1aVFOaU9lcEV0aHFzLzEzaG16NnpoRG13SnJoa2hBUVdoenJKWXdNbDdpQjJPMFNjVWMyU09zU3o3WnhBN0dGbzBEd2Uwd0k4SWl3VUsxTFBJZXJHMGpXZHJGZ2tkTWp3Z0xCNTBodkxpRFJwMkFGS0pDTTg4am03SFhjMllHZ1lRdjRLb0ZndjlPVzBmT0RibUcrQXZKT0pCTkk1SUc1dGt5a0lCMmg2MVVEc1hzKzQ2MEFPQVZFTEpJSjVLcmZNdVJ5MVVDeUxaNmRMd0xYZGFoQ1FNU1dkSVZkSXlKc0hudmdlODQzTjVEc2czVUVFTS9mU0NsQUlBYUFJaU1MU0RTUEd3akUyMjNqc2VlUG43Lysvc2ZmQ3NHVHhjVDNQY051RjQ4N1VDc0V4RzZiWHBkQXJJVnc3SE1QRkp2akxFQWlMc2tHWXQzcWhSRjJDQktvUzNxYUFSVGNqL240OUhVL0dXT2Q2dzdjYTkyQnZyd2p0R1ZZVkJ0Q3ZOVElycDBDQk9Lekc1c0RkRVROTkNBUVlQY3hMRHpTS1FyRDg1WnJRVThGMG9LUzFTaWJ4NW1sNEROcnBBTkI0L3IwTXR6U0FwR1JsNkM1RGdGeURBb0Y5R3lsWXlDWWkwS3kxbUZBMkdETExSQ0RDYXRqNGg1T1hzUEsrM1RGZHdBMVlnd0hncVlwVm9YMXhpTkJFTzRpUUZpTWNFNDlmWVZFQ0tNY1lYdkQ1OFdCMkFZZ0VwTU93c3ByU3dHdy9ad2RpRFp6Q2ZGWkhYSUpBTFNIQWlKRUNrZ0JFUUlTbGtNS2lCQ1FzQnhTUUlTQWhPV1FBaUlFSkN5SEZCQWhJR0U1UklDOEFiM1VzWnR1eFNuaEFBQUFBRWxGVGtTdVFtQ0MiLz4KPC9kZWZzPgo8L3N2Zz4K");
1731
+ background-repeat: no-repeat;
1732
+ background-size: cover;
1733
+ }
1734
+ .formily-input-wrap .color-box {
1735
+ width: 20px !important;
1736
+ display: block;
1737
+ height: 20px;
1738
+ border: 1px solid rgba(0, 0, 0, 0.08);
1739
+ margin-right: 20px;
1740
+ }
1741
+ .formily-input-wrap .description {
1742
+ display: block;
1743
+ font-size: 12px;
1744
+ color: #86909c;
1745
+ line-height: 20px;
1746
+ margin-top: 5px;
1747
+ }
1748
+
1749
+ .placeholder-group {
1750
+ display: flex;
1751
+ flex-wrap: wrap;
1752
+ }
1753
+ .placeholder-group--item {
1754
+ border: 1px solid #999;
1755
+ padding: 0px 4px;
1756
+ border-radius: 4px;
1757
+ margin-top: 10px;
1758
+ margin-right: 10px;
1759
+ font-size: 12px;
1760
+ line-height: 24px;
1761
+ cursor: pointer;
1762
+ }
1763
+
1764
+ .formily-row {
1765
+ display: flex;
1766
+ width: 100%;
1767
+ }
1768
+ .formily-row .formily-element-plus-form-item {
1769
+ margin-bottom: 0px !important;
1770
+ }
1771
+
1772
+ .formily-select-prefix-class .el-input__wrapper {
1773
+ padding-left: 0 !important;
1774
+ }
1775
+ .formily-select-prefix-class .el-input__inner {
1776
+ text-align: right;
1777
+ }
1778
+ .formily-select .formly-select--prefix {
1779
+ color: rgba(75, 81, 94, 0.6);
1780
+ font-weight: 400;
1781
+ font-size: 14px;
1782
+ line-height: 20px;
1783
+ background: rgba(216, 220, 230, 0.2);
1784
+ padding: 9px;
1785
+ border-radius: 4px 0 0 4px;
1786
+ border-right: 1px solid #D8DCE6;
1787
+ }
1788
+
1789
+ :deep(.el-switch__action) .el-icon.is-loading {
1790
+ animation: none;
1791
+ }
1792
+ :deep(.el-switch__action) .el-icon.is-loading svg {
1793
+ display: none;
1794
+ }
1795
+
1796
+ .hot-area .editor-class {
1797
+ color: #020202 !important;
1798
+ }
1799
+ .hot-area .button-wrap {
1800
+ display: flex;
1801
+ align-items: center;
1802
+ justify-content: space-between;
1803
+ border: none !important;
1804
+ padding: 0 18px 16px 18px;
1805
+ margin: 0 !important;
1806
+ }
1807
+ .hot-area .button-wrap-value {
1808
+ font-style: normal;
1809
+ font-weight: 400;
1810
+ font-size: 14px;
1811
+ line-height: 20px;
1812
+ /* identical to box height */
1813
+ color: #4b515e;
1814
+ }
1815
+ .hot-area .button-wrap-value:hover {
1816
+ cursor: pointer;
1817
+ }
1818
+ .hot-area .button-wrap-label {
1819
+ color: rgba(2, 2, 2, 0.4);
1820
+ font-size: 16px;
1821
+ line-height: 24px;
1822
+ font-weight: 600;
1823
+ font-style: normal;
1824
+ }
1825
+ .hot-area .formily-element-plus-array-items-item-inner {
1826
+ margin-left: 120px;
1827
+ }
1828
+ .hot-area .formily-element-plus-array-items-item-inner .formily-element-plus-form-item-label {
1829
+ width: 180px !important;
1830
+ }
1831
+ .hot-area .el-dialog {
1832
+ box-sizing: border-box;
1833
+ padding: 24px 32px;
1834
+ }
1835
+ .hot-area .el-dialog .formily-element-plus-array-base-addition {
1836
+ width: auto;
1837
+ top: -2px;
1838
+ left: 0;
1839
+ position: absolute;
1840
+ transform: translateY(50%);
1841
+ font-size: 12px;
1842
+ transform: translateX(120px);
1843
+ }
1844
+ .hot-area .el-dialog .formily-element-plus-array-base-addition .el-icon {
1845
+ display: none;
1846
+ }
1847
+ .hot-area .el-dialog__headerbtn {
1848
+ opacity: 0.8;
1849
+ width: 33px;
1850
+ height: 30px;
1851
+ top: 24px;
1852
+ right: 34px;
1853
+ }
1854
+ .hot-area .el-dialog__header {
1855
+ border-bottom: 1px solid rgb(232, 233, 235);
1856
+ margin-right: 0;
1857
+ font-style: normal;
1858
+ font-weight: 500;
1859
+ font-size: 20px;
1860
+ line-height: 150%;
1861
+ /* identical to box height, or 30px */
1862
+ display: flex;
1863
+ align-items: center;
1864
+ color: #000000;
1865
+ padding: 0 0 12px 0;
1866
+ }
1867
+ .hot-area .el-dialog__footer {
1868
+ border-top: 1px solid rgb(232, 233, 235);
1869
+ padding: 16px 0 0 0;
1870
+ }
1871
+ .hot-area .el-dialog__body {
1872
+ display: flex;
1873
+ }
1874
+ .hot-area .el-dialog__body .left-wrap {
1875
+ position: relative;
1876
+ width: 378px;
1877
+ box-sizing: border-box;
1878
+ padding: 24px;
1879
+ background-color: rgba(232, 232, 232, 0.6);
1880
+ }
1881
+ .hot-area .el-dialog__body .left-wrap .switch-wrap {
1882
+ margin-top: 10px;
1883
+ display: flex;
1884
+ align-items: center;
1885
+ }
1886
+ .hot-area .el-dialog__body .left-wrap .switch-wrap span:first-of-type {
1887
+ font-weight: 700;
1888
+ }
1889
+ .hot-area .el-dialog__body .left-wrap .switch-wrap--content {
1890
+ width: 62px;
1891
+ height: 26px;
1892
+ background-color: rgb(117, 117, 117);
1893
+ border-radius: 4px;
1894
+ display: flex;
1895
+ }
1896
+ .hot-area .el-dialog__body .left-wrap .switch-wrap--content .rect {
1897
+ width: 30px;
1898
+ height: 100%;
1899
+ position: relative;
1900
+ border-right: 1px solid rgba(0, 0, 0, 0.1);
1901
+ display: flex;
1902
+ align-items: center;
1903
+ justify-content: center;
1904
+ }
1905
+ .hot-area .el-dialog__body .left-wrap .switch-wrap--content .rect::before {
1906
+ content: "";
1907
+ display: block;
1908
+ width: 15px;
1909
+ height: 15px;
1910
+ border: 1px solid #ffffff;
1911
+ opacity: 0.4;
1912
+ }
1913
+ .hot-area .el-dialog__body .left-wrap .switch-wrap--content .circle {
1914
+ width: 30px;
1915
+ height: 100%;
1916
+ position: relative;
1917
+ display: flex;
1918
+ align-items: center;
1919
+ justify-content: center;
1920
+ }
1921
+ .hot-area .el-dialog__body .left-wrap .switch-wrap--content .circle::before {
1922
+ content: "";
1923
+ display: block;
1924
+ width: 15px;
1925
+ height: 15px;
1926
+ border-radius: 10px;
1927
+ border: 1px solid #ffffff;
1928
+ opacity: 0.4;
1929
+ }
1930
+ .hot-area .el-dialog__body .left-wrap .switch-wrap--content .is-active::before {
1931
+ opacity: 1;
1932
+ }
1933
+ .hot-area .el-dialog__body .left-wrap .tips {
1934
+ font-size: 14px;
1935
+ line-height: 20px;
1936
+ color: #666;
1937
+ margin-top: 10px;
1938
+ display: block;
1939
+ }
1940
+ .hot-area .el-dialog__body .left-wrap .hot-area-editor {
1941
+ position: relative;
1942
+ width: 330px;
1943
+ height: 400px;
1944
+ }
1945
+ .hot-area .el-dialog__body .left-wrap .hot-area-editor--content {
1946
+ border: 1px dashed #999;
1947
+ position: absolute;
1948
+ left: 0;
1949
+ top: 0;
1950
+ right: 0;
1951
+ overflow: scroll;
1952
+ height: 100%;
1953
+ }
1954
+ .hot-area .el-dialog__body .left-wrap .hot-area-editor--content::-webkit-scrollbar {
1955
+ display: none;
1956
+ }
1957
+ .hot-area .el-dialog__body .left-wrap .hot-area-editor--content img {
1958
+ position: absolute;
1959
+ width: 100%;
1960
+ -webkit-user-drag: none;
1961
+ }
1962
+ .hot-area .el-dialog__body .right-wrap {
1963
+ height: 502px;
1964
+ width: 700px;
1965
+ overflow-y: scroll;
1966
+ margin-left: 60px;
1967
+ }
1968
+ .hot-area .el-dialog__body .right-wrap .formily-row {
1969
+ position: relative !important;
1970
+ }
1971
+ .hot-area .el-dialog__body .right-wrap .formily-row .el-button {
1972
+ padding: 0 !important;
1973
+ }
1974
+ .hot-area .el-dialog__body .right-wrap .formily-row .el-button + .el-button {
1975
+ margin-left: 4px;
1976
+ }
1977
+ .hot-area .el-dialog__body .right-wrap .title-box {
1978
+ display: flex;
1979
+ align-items: flex-start;
1980
+ justify-content: space-between;
1981
+ margin-bottom: 10px;
1982
+ }
1983
+ .hot-area .el-dialog__body .right-wrap .title-box .el-button.is-link {
1984
+ font-size: 20px;
1985
+ height: 20px;
1986
+ padding: 0;
1987
+ margin: 0;
1988
+ }
1989
+ .hot-area .el-dialog__body .right-wrap .title-box .title {
1990
+ color: rgb(112, 69, 40);
1991
+ font-style: normal;
1992
+ font-weight: 600;
1993
+ font-size: 14px;
1994
+ line-height: 20px;
1995
+ display: flex;
1996
+ align-items: center;
1997
+ /* margin-bottom: 16px; */
1998
+ }
1999
+ .hot-area .el-dialog__body .right-wrap .title-box .title::before {
2000
+ content: "";
2001
+ width: 2px;
2002
+ height: 13px;
2003
+ background-color: rgb(112, 69, 40);
2004
+ display: block;
2005
+ margin-right: 6px;
2006
+ }
2007
+ .hot-area .el-dialog__body .right-wrap::-webkit-scrollbar {
2008
+ display: none;
2009
+ }
2010
+ .hot-area .formily-element-plus-form-item {
2011
+ /* display: flex; */
2012
+ position: relative;
2013
+ box-sizing: border-box;
2014
+ margin-bottom: 16px;
2015
+ }
2016
+ .hot-area .formily-element-plus-form-item .formily-element-plus-form-item-label {
2017
+ font-style: normal;
2018
+ font-weight: 400;
2019
+ font-size: 14px;
2020
+ line-height: 20px;
2021
+ /* identical to box height */
2022
+ color: #000000;
2023
+ width: 120px;
2024
+ margin-top: 10px;
2025
+ }
2026
+ .hot-area .formily-element-plus-form-item .el-input,
2027
+ .hot-area .formily-element-plus-form-item .el-input-number {
2028
+ height: 40px !important;
2029
+ /* width: 212px !important; */
2030
+ }
2031
+ .hot-area .formily-element-plus-form-item .el-input .el-input__inner,
2032
+ .hot-area .formily-element-plus-form-item .el-input-number .el-input__inner {
2033
+ width: 100%;
2034
+ }
2035
+
2036
+ .link-wrap .el-link + .el-link {
2037
+ margin-left: 14px;
2038
+ }
2039
+
2040
+ .color-group {
2041
+ display: flex;
2042
+ padding: 16px;
2043
+ margin-bottom: 16px;
2044
+ box-sizing: border-box;
2045
+ background-color: rgba(216, 220, 230, 0.2);
2046
+ border-radius: 4px;
2047
+ overflow: hidden;
2048
+ flex-direction: row;
2049
+ flex-wrap: wrap;
2050
+ }
2051
+ .color-group .formily-color-picker {
2052
+ width: 140px;
2053
+ }
2054
+ .color-group .formily-element-plus-form-item {
2055
+ margin-right: 10px;
2056
+ }
2057
+ .color-group .formily-element-plus-form-item:last-child {
2058
+ margin-right: 0;
2059
+ }
2060
+
2061
+ .formily-text {
2062
+ width: 100%;
2063
+ font-size: 14px;
2064
+ line-height: 24px;
2065
+ }
2066
+
2067
+ .rich-editor {
2068
+ width: 100%;
2069
+ }
2070
+ .rich-editor--import {
2071
+ display: flex;
2072
+ margin-bottom: 10px;
2073
+ }
2074
+ .rich-editor--import .el-button {
2075
+ margin-left: 10px;
2076
+ }
2077
+ .rich-editor .ql-snow .ql-tooltip {
2078
+ left: 0 !important;
2079
+ }
2080
+ .rich-editor .ql-toolbar {
2081
+ line-height: 1.6;
2082
+ }
2083
+ .rich-editor .ql-editor {
2084
+ height: 250px;
2085
+ overflow-y: auto;
2086
+ }
2087
+
2088
+ .formily-color-picker--color-box {
2089
+ width: 20px;
2090
+ height: 20px;
2091
+ border: 1px solid #f5f6f7;
2092
+ }
2093
+ .formily-color-picker .icon {
2094
+ width: 20px;
2095
+ height: 20px;
2096
+ }
2097
+
2098
+ .any-of-wrap {
2099
+ padding: 0 !important;
2100
+ background-color: transparent !important;
2101
+ }
2102
+ .any-of-wrap--switch-box {
2103
+ width: 100%;
2104
+ display: flex;
2105
+ justify-content: flex-end;
2106
+ vertical-align: bottom;
2107
+ }
2108
+ .any-of-wrap--switch-box .el-switch {
2109
+ height: 20px !important;
2110
+ vertical-align: top;
2111
+ }
2112
+ .any-of-wrap--content.padding {
2113
+ padding: 16px 17px;
2114
+ }
2115
+ .event-wrap {
2116
+ /* .formily-element-plus-form-item-layout-horizontal { */
2117
+ /* } */
2118
+ }
2119
+ .event-wrap .button-wrap {
2120
+ display: flex;
2121
+ align-items: center;
2122
+ justify-content: space-between;
2123
+ border: none !important;
2124
+ padding: 0 18px 16px 18px;
2125
+ margin: 0 !important;
2126
+ }
2127
+ .event-wrap .button-wrap-value {
2128
+ font-style: normal;
2129
+ font-weight: 400;
2130
+ font-size: 14px;
2131
+ line-height: 20px;
2132
+ /* identical to box height */
2133
+ color: #4b515e;
2134
+ }
2135
+ .event-wrap .button-wrap-value:hover {
2136
+ cursor: pointer;
2137
+ }
2138
+ .event-wrap .button-wrap-label {
2139
+ color: rgba(2, 2, 2, 0.4);
2140
+ font-size: 16px;
2141
+ line-height: 24px;
2142
+ font-weight: 600;
2143
+ font-style: normal;
2144
+ }
2145
+ .event-wrap .button-wrap-label.editor-class {
2146
+ color: #020202 !important;
2147
+ }
2148
+ .event-wrap .el-dialog {
2149
+ box-sizing: border-box;
2150
+ padding: 24px 32px;
2151
+ }
2152
+ .event-wrap .el-dialog__headerbtn {
2153
+ opacity: 0.8;
2154
+ width: 33px;
2155
+ height: 30px;
2156
+ top: 24px;
2157
+ right: 34px;
2158
+ }
2159
+ .event-wrap .el-dialog__header {
2160
+ border-bottom: 1px solid rgb(232, 233, 235);
2161
+ margin-right: 0;
2162
+ font-style: normal;
2163
+ font-weight: 500;
2164
+ font-size: 20px;
2165
+ line-height: 150%;
2166
+ /* identical to box height, or 30px */
2167
+ display: flex;
2168
+ align-items: center;
2169
+ color: #000000;
2170
+ padding: 0 0 12px 0;
2171
+ }
2172
+ .event-wrap .el-dialog__footer {
2173
+ border-top: 1px solid rgb(232, 233, 235);
2174
+ padding: 16px 0 0 0;
2175
+ }
2176
+ .event-wrap .el-dialog__body {
2177
+ height: 535px;
2178
+ overflow-y: scroll;
2179
+ }
2180
+ .event-wrap .el-dialog__body::-webkit-scrollbar {
2181
+ display: none;
2182
+ }
2183
+ .event-wrap .formily-element-plus-array-items-item-list-wrap .formily-element-plus-form-item-label {
2184
+ width: 180px;
2185
+ }
2186
+ .event-wrap .formily-element-plus-array-base-addition {
2187
+ width: auto;
2188
+ top: -2px;
2189
+ left: 0;
2190
+ position: absolute;
2191
+ transform: translateX(120px);
2192
+ }
2193
+ .event-wrap .formily-element-plus-array-base-addition .el-icon {
2194
+ display: none;
2195
+ }
2196
+ .event-wrap .formily-row {
2197
+ position: relative !important;
2198
+ }
2199
+ .event-wrap .formily-row .el-button {
2200
+ padding: 0;
2201
+ }
2202
+ .event-wrap .formily-row .el-button + .el-button {
2203
+ margin-left: 4px;
2204
+ }
2205
+ .event-wrap .formily-element-plus-array-items-item-inner {
2206
+ margin-left: 120px !important;
2207
+ }
2208
+ .event-wrap .formily-element-plus-form-item-label {
2209
+ margin-top: 10px;
2210
+ width: 120px;
2211
+ }
2212
+ .event-wrap .add-button {
2213
+ display: flex;
2214
+ align-items: center;
2215
+ justify-content: center;
2216
+ width: 700px;
2217
+ height: 30px;
2218
+ cursor: pointer;
2219
+ border: 1px dashed #999;
2220
+ border-radius: 4px;
2221
+ color: #333;
2222
+ }
2223
+ .event-wrap .add-button:hover {
2224
+ border-color: var(--el-color-primary);
2225
+ color: var(--el-color-primary);
2226
+ }
2227
+ .event-wrap .event-content {
2228
+ display: flex;
2229
+ flex-wrap: wrap;
2230
+ justify-content: space-between;
2231
+ }
2232
+ .event-wrap .event-content--item {
2233
+ width: 900px;
2234
+ /* height: 500px; */
2235
+ /* border: 1px solid #999; */
2236
+ border-radius: 4px;
2237
+ box-sizing: border-box;
2238
+ /* padding: 10px; */
2239
+ overflow-y: scroll;
2240
+ margin-bottom: 40px;
2241
+ }
2242
+ .event-wrap .schema-title-box {
2243
+ display: flex;
2244
+ align-items: flex-start;
2245
+ justify-content: space-between;
2246
+ }
2247
+ .event-wrap .schema-title-box--title {
2248
+ font-style: normal;
2249
+ font-weight: 600;
2250
+ font-size: 14px;
2251
+ line-height: 20px;
2252
+ /* identical to box height */
2253
+ color: #704528;
2254
+ display: flex;
2255
+ align-items: center;
2256
+ margin-bottom: 22px;
2257
+ }
2258
+ .event-wrap .schema-title-box--title::before {
2259
+ content: "";
2260
+ width: 2px;
2261
+ height: 13px;
2262
+ background: #704528;
2263
+ display: block;
2264
+ margin-right: 6px;
2265
+ }
2266
+ .event-wrap .schema-title-box--icon {
2267
+ font-weight: 400;
2268
+ font-size: 14px;
2269
+ line-height: 20px;
2270
+ color: #000000;
2271
+ display: flex;
2272
+ align-items: center;
2273
+ cursor: pointer;
2274
+ }
2275
+ .event-wrap .schema-title-box--icon img {
2276
+ display: block;
2277
+ width: 20px;
2278
+ height: 20px;
2279
+ margin-right: 4px;
2280
+ }
2281
+
2282
+ .schema-box-content > div .formily-element-plus-form-item-label {
2283
+ width: 10px;
2284
+ color: rgb(0, 0, 0) !important;
2285
+ margin-top: 10px;
2286
+ }
2287
+ .schema-box-content > div .formily-element-plus-form-item-label-content {
2288
+ width: 200px;
2289
+ }
2290
+ .schema-box-content > div .el-input,
2291
+ .schema-box-content > div .el-input-number {
2292
+ width: 212px !important;
2293
+ height: 40px !important;
2294
+ }
2295
+ .schema-box-content > div .formily-element-plus-form-item {
2296
+ flex-basis: 33%;
2297
+ flex-grow: 0;
2298
+ flex-shrink: 0;
2299
+ margin-bottom: 16px !important;
2300
+ }
2301
+
2302
+ .layout-group {
2303
+ padding: 0 17px;
2304
+ margin-bottom: 16px;
2305
+ }
2306
+ .layout-group.borderBottom {
2307
+ border-bottom: 1px solid rgba(0, 0, 0, 0.1);
2308
+ }
2309
+ .layout-group-title {
2310
+ font-weight: 600;
2311
+ font-size: 16px;
2312
+ line-height: 24px;
2313
+ /* identical to box height, or 150% */
2314
+ color: #020202;
2315
+ display: block;
2316
+ margin-bottom: 24px;
2317
+ }
2318
+
2319
+ .formily-cloud--button {
2320
+ display: none;
2321
+ background: #F9F4EE;
2322
+ width: 120px;
2323
+ padding: 5px 16px;
2324
+ border: 1px solid #C79156;
2325
+ border-radius: 4px;
2326
+ box-sizing: border-box;
2327
+ color: #C79156;
2328
+ font-weight: 500;
2329
+ font-size: 14px;
2330
+ line-height: 22px;
2331
+ text-align: center;
2332
+ cursor: pointer;
2333
+ }
2334
+ .formily-cloud--button:hover {
2335
+ background-color: #f6e3cd;
2336
+ }
2337
+ .formily-cloud--cell {
2338
+ display: flex;
2339
+ align-items: center;
2340
+ justify-content: space-between;
2341
+ border: none !important;
2342
+ padding: 0 18px 16px 18px;
2343
+ margin: 0 !important;
2344
+ }
2345
+ .formily-cloud--cell__disabled {
2346
+ cursor: not-allowed;
2347
+ pointer-events: none;
2348
+ background-image: none;
2349
+ }
2350
+ .formily-cloud--cell--value {
2351
+ font-style: normal;
2352
+ font-weight: 400;
2353
+ font-size: 14px;
2354
+ line-height: 20px;
2355
+ /* identical to box height */
2356
+ color: #4B515E;
2357
+ }
2358
+ .formily-cloud--cell--value:hover {
2359
+ cursor: pointer;
2360
+ }
2361
+ .formily-cloud--cell--label {
2362
+ color: rgba(2, 2, 2, 0.4);
2363
+ font-size: 16px;
2364
+ line-height: 24px;
2365
+ font-weight: 600;
2366
+ font-style: normal;
2367
+ }
2368
+ .formily-cloud--cell--label.editor-class {
2369
+ color: #020202 !important;
2370
+ }
2371
+ .formily-cloud--cell--required {
2372
+ position: relative;
2373
+ }
2374
+ .formily-cloud--cell--required::before {
2375
+ content: "*";
2376
+ position: absolute;
2377
+ left: -12px;
2378
+ top: 0px;
2379
+ color: #f56c6c;
2380
+ }
2381
+
2382
+ /* 通过样式切换不同类型的风格 */
2383
+ .dialog-cloud .formily-cloud--button {
2384
+ display: block;
2385
+ }
2386
+ .dialog-cloud .formily-cloud--cell {
2387
+ display: none;
2388
+ }
2389
+
2390
+ .proper-box {
2391
+ /* z-index: 2044 !important; */
2392
+ }
2393
+
2394
+ .formily-middleware--select-box {
2395
+ display: flex;
2396
+ align-items: center;
2397
+ width: 100%;
2398
+ }
2399
+ .formily-middleware .formily-element-plus-form-item-label {
2400
+ height: auto !important;
2401
+ }
2402
+ .formily-middleware--icon {
2403
+ margin-left: 8px;
2404
+ }
2405
+ .formily-middleware--icon .el-tooltip__trigger, .formily-middleware--icon svg {
2406
+ display: block;
2407
+ height: 100%;
2408
+ }
2409
+ .formily-middleware--parameters-descriptor-config-item {
2410
+ width: 100%;
2411
+ }
2412
+ .formily-middleware--parameters-descriptor-config-item .title {
2413
+ display: flex;
2414
+ align-items: center;
2415
+ border-bottom: 1px solid #f5f6f7;
2416
+ padding-bottom: 4px;
2417
+ margin-bottom: 14px;
2418
+ }
2419
+ .formily-middleware--parameters-descriptor-config-item .title:before {
2420
+ content: "";
2421
+ display: block;
2422
+ width: 2px;
2423
+ height: 14px;
2424
+ background-color: #F5DBC1;
2425
+ margin-right: 8px;
2426
+ }
2427
+ .formily-middleware--parameters-descriptor-config-item--schema-box {
2428
+ display: flex !important;
2429
+ flex-wrap: wrap;
2430
+ align-items: center;
2431
+ }
2432
+ .formily-middleware svg {
2433
+ /* margin-left: 8px; */
2434
+ }
2435
+ .formily-middleware svg:hover {
2436
+ cursor: pointer;
2437
+ }
2438
+ .formily-middleware .formily-element-plus-form-item {
2439
+ width: 44% !important;
2440
+ display: flex;
2441
+ align-items: flex-start;
2442
+ }
2443
+ .formily-middleware .formily-element-plus-form-item .formily-element-plus-form-item-label,
2444
+ .formily-middleware .formily-element-plus-form-item .formily-element-plus-form-item-label-content {
2445
+ min-width: 102px;
2446
+ max-width: 160px;
2447
+ }
2448
+ .formily-middleware .dialog-header {
2449
+ width: 100%;
2450
+ display: flex;
2451
+ align-items: center;
2452
+ justify-content: space-between;
2453
+ }
2454
+ .formily-middleware .el-dialog__header {
2455
+ padding: 12px 24px;
2456
+ /* padding-bottom: 0; */
2457
+ border-bottom: 1px solid #f5f6f7;
2458
+ margin-right: 0;
2459
+ }
2460
+ .formily-middleware .el-dialog {
2461
+ padding: 0;
2462
+ }
2463
+ .formily-middleware .el-dialog .el-dialog__body {
2464
+ padding: 12px 24px;
2465
+ height: 100%;
2466
+ }