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