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