ele-admin-plus 1.3.0-beta.2 → 1.3.0-beta.3

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 (379) hide show
  1. package/es/core-components.d.ts +9 -0
  2. package/es/core-components.js +122 -104
  3. package/es/ele-autocomplete/index.d.ts +81 -0
  4. package/es/ele-autocomplete/index.js +73 -0
  5. package/es/ele-autocomplete/props.d.ts +27 -0
  6. package/es/ele-autocomplete/props.js +11 -0
  7. package/es/ele-autocomplete/style/index.d.ts +1 -0
  8. package/es/ele-autocomplete/style/index.js +1 -0
  9. package/es/ele-autocomplete/types.d.ts +18 -0
  10. package/es/ele-cascader/index.d.ts +15 -4
  11. package/es/ele-cascader/index.js +7 -3
  12. package/es/ele-cascader/props.d.ts +4 -2
  13. package/es/ele-cascader/props.js +2 -0
  14. package/es/ele-cascader/types.d.ts +9 -0
  15. package/es/ele-check-card/index.d.ts +4 -2
  16. package/es/ele-check-card/index.js +13 -3
  17. package/es/ele-check-card/props.d.ts +2 -2
  18. package/es/ele-check-card/props.js +1 -1
  19. package/es/ele-check-card/types.d.ts +5 -0
  20. package/es/ele-checkbox-group/index.d.ts +60 -0
  21. package/es/ele-checkbox-group/index.js +74 -0
  22. package/es/ele-checkbox-group/props.d.ts +29 -0
  23. package/es/ele-checkbox-group/props.js +13 -0
  24. package/es/ele-checkbox-group/style/index.d.ts +1 -0
  25. package/es/ele-checkbox-group/style/index.js +3 -0
  26. package/es/ele-checkbox-group/types.d.ts +25 -0
  27. package/es/ele-dropdown/components/pro-dropdown.d.ts +2 -2
  28. package/es/ele-ellipsis/index.d.ts +1 -1
  29. package/es/ele-icon/index.d.ts +26 -0
  30. package/es/ele-icon/index.js +7 -15
  31. package/es/ele-icon/props.d.ts +15 -0
  32. package/es/ele-icon/props.js +5 -1
  33. package/es/ele-icon/types.d.ts +4 -0
  34. package/es/ele-mention/index.d.ts +244 -0
  35. package/es/ele-mention/index.js +52 -0
  36. package/es/ele-mention/props.d.ts +105 -0
  37. package/es/ele-mention/props.js +11 -0
  38. package/es/ele-mention/style/index.d.ts +1 -0
  39. package/es/ele-mention/style/index.js +1 -0
  40. package/es/ele-mention/types.d.ts +16 -0
  41. package/es/ele-popover/index.d.ts +3 -3
  42. package/es/ele-pro-form/components/builder-wrapper.js +3 -3
  43. package/es/ele-pro-form/components/item-type-data.js +46 -95
  44. package/es/ele-pro-form/components/render-util.d.ts +58 -6
  45. package/es/ele-pro-form/components/render-util.js +207 -65
  46. package/es/ele-pro-form/index.d.ts +9 -3
  47. package/es/ele-pro-form/index.js +37 -8
  48. package/es/ele-pro-form/props.d.ts +17 -9
  49. package/es/ele-pro-form/props.js +18 -3
  50. package/es/ele-pro-form/style/index.js +16 -19
  51. package/es/ele-pro-form/style/index.scss +102 -0
  52. package/es/ele-pro-form/types.d.ts +3 -23
  53. package/es/ele-pro-form/util.d.ts +16 -1
  54. package/es/ele-pro-form/util.js +52 -4
  55. package/es/ele-pro-form-builder/components/body-form.d.ts +5 -1
  56. package/es/ele-pro-form-builder/components/body-form.js +9 -6
  57. package/es/ele-pro-form-builder/components/body-header.d.ts +16 -2
  58. package/es/ele-pro-form-builder/components/body-header.js +92 -30
  59. package/es/ele-pro-form-builder/components/build-core.d.ts +58 -0
  60. package/es/ele-pro-form-builder/components/build-core.js +195 -0
  61. package/es/ele-pro-form-builder/components/build-util.d.ts +3 -2
  62. package/es/ele-pro-form-builder/components/build-util.js +14 -6
  63. package/es/ele-pro-form-builder/components/children-edit.d.ts +2 -2
  64. package/es/ele-pro-form-builder/components/children-edit.js +55 -49
  65. package/es/ele-pro-form-builder/components/code-editer.d.ts +21 -0
  66. package/es/ele-pro-form-builder/components/code-editer.js +27 -0
  67. package/es/ele-pro-form-builder/components/code-generator.d.ts +110 -0
  68. package/es/ele-pro-form-builder/components/code-generator.js +476 -0
  69. package/es/ele-pro-form-builder/components/code-js-var.d.ts +2 -17
  70. package/es/ele-pro-form-builder/components/code-js-var.js +15 -84
  71. package/es/ele-pro-form-builder/components/code-template.d.ts +4 -118
  72. package/es/ele-pro-form-builder/components/code-template.js +34 -486
  73. package/es/ele-pro-form-builder/components/code-util.d.ts +13 -13
  74. package/es/ele-pro-form-builder/components/code-util.js +9 -9
  75. package/es/ele-pro-form-builder/components/component-data.d.ts +2 -0
  76. package/es/ele-pro-form-builder/components/component-data.js +4089 -1154
  77. package/es/ele-pro-form-builder/components/component-list.d.ts +5 -1
  78. package/es/ele-pro-form-builder/components/component-list.js +7 -4
  79. package/es/ele-pro-form-builder/components/component-name.js +1 -1
  80. package/es/ele-pro-form-builder/components/component-picker.d.ts +42 -0
  81. package/es/ele-pro-form-builder/components/component-picker.js +56 -0
  82. package/es/ele-pro-form-builder/components/config-form.d.ts +8 -0
  83. package/es/ele-pro-form-builder/components/config-form.js +38 -14
  84. package/es/ele-pro-form-builder/components/event-edit.d.ts +39 -0
  85. package/es/ele-pro-form-builder/components/event-edit.js +121 -0
  86. package/es/ele-pro-form-builder/components/html-edit.d.ts +31 -0
  87. package/es/ele-pro-form-builder/components/html-edit.js +97 -0
  88. package/es/ele-pro-form-builder/components/if-edit.d.ts +35 -0
  89. package/es/ele-pro-form-builder/components/if-edit.js +106 -0
  90. package/es/ele-pro-form-builder/components/import-modal.d.ts +38 -0
  91. package/es/ele-pro-form-builder/components/import-modal.js +125 -0
  92. package/es/ele-pro-form-builder/components/json-input.d.ts +4 -0
  93. package/es/ele-pro-form-builder/components/json-input.js +4 -3
  94. package/es/ele-pro-form-builder/components/options-code.d.ts +33 -0
  95. package/es/ele-pro-form-builder/components/options-code.js +56 -0
  96. package/es/ele-pro-form-builder/components/options-edit.d.ts +25 -30
  97. package/es/ele-pro-form-builder/components/options-edit.js +64 -428
  98. package/es/ele-pro-form-builder/components/options-table.d.ts +33 -0
  99. package/es/ele-pro-form-builder/components/options-table.js +381 -0
  100. package/es/ele-pro-form-builder/components/outline-list.js +8 -17
  101. package/es/ele-pro-form-builder/components/outline-tree.d.ts +8 -2
  102. package/es/ele-pro-form-builder/components/outline-tree.js +37 -64
  103. package/es/ele-pro-form-builder/components/preview-modal.d.ts +4 -0
  104. package/es/ele-pro-form-builder/components/preview-modal.js +14 -14
  105. package/es/ele-pro-form-builder/components/props-form.d.ts +19 -1
  106. package/es/ele-pro-form-builder/components/props-form.js +130 -55
  107. package/es/ele-pro-form-builder/components/source-edit.d.ts +31 -0
  108. package/es/ele-pro-form-builder/components/source-edit.js +111 -0
  109. package/es/ele-pro-form-builder/components/table-tool-menu.d.ts +6 -1
  110. package/es/ele-pro-form-builder/components/table-tool-menu.js +23 -7
  111. package/es/ele-pro-form-builder/components/table-util.d.ts +17 -9
  112. package/es/ele-pro-form-builder/components/table-util.js +52 -29
  113. package/es/ele-pro-form-builder/components/template-list.js +2 -5
  114. package/es/ele-pro-form-builder/index.d.ts +24 -4
  115. package/es/ele-pro-form-builder/index.js +175 -130
  116. package/es/ele-pro-form-builder/props.d.ts +17 -2
  117. package/es/ele-pro-form-builder/props.js +16 -1
  118. package/es/ele-pro-form-builder/style/index.js +10 -0
  119. package/es/ele-pro-form-builder/style/index.scss +96 -261
  120. package/es/ele-pro-form-builder/types.d.ts +68 -76
  121. package/es/ele-pro-form-builder/util.d.ts +10 -76
  122. package/es/ele-pro-form-builder/util.js +104 -200
  123. package/es/ele-pro-layout/index.d.ts +1 -1
  124. package/es/ele-pro-table/props.d.ts +3 -3
  125. package/es/ele-radio-group/index.d.ts +61 -0
  126. package/es/ele-radio-group/index.js +74 -0
  127. package/es/ele-radio-group/props.d.ts +28 -0
  128. package/es/ele-radio-group/props.js +13 -0
  129. package/es/ele-radio-group/style/index.d.ts +1 -0
  130. package/es/ele-radio-group/style/index.js +3 -0
  131. package/es/ele-radio-group/types.d.ts +25 -0
  132. package/es/ele-select/index.d.ts +14 -3
  133. package/es/ele-select/index.js +12 -6
  134. package/es/ele-select/props.d.ts +2 -2
  135. package/es/ele-select/props.js +1 -1
  136. package/es/ele-select/types.d.ts +6 -1
  137. package/es/ele-select-tree/index.d.ts +21 -0
  138. package/es/ele-select-tree/index.js +57 -0
  139. package/es/ele-select-tree/style/index.d.ts +1 -0
  140. package/es/ele-select-tree/style/index.js +1 -0
  141. package/es/ele-select-tree/types.d.ts +14 -0
  142. package/es/ele-steps/index.d.ts +8 -19
  143. package/es/ele-steps/index.js +13 -7
  144. package/es/ele-steps/props.d.ts +2 -5
  145. package/es/ele-steps/props.js +1 -4
  146. package/es/ele-steps/types.d.ts +5 -0
  147. package/es/ele-tab-bar/index.d.ts +20 -0
  148. package/es/ele-tab-bar/index.js +43 -0
  149. package/es/ele-tab-bar/props.d.ts +25 -0
  150. package/es/ele-tab-bar/props.js +18 -0
  151. package/es/ele-tab-bar/style/css-var.scss +8 -0
  152. package/es/ele-tab-bar/style/index.d.ts +1 -0
  153. package/es/ele-tab-bar/style/index.js +1 -0
  154. package/es/ele-tab-bar/style/index.scss +87 -0
  155. package/es/ele-tab-bar/types.d.ts +14 -0
  156. package/es/ele-timeline/style/css-var.scss +1 -1
  157. package/es/ele-timeline/style/index.scss +2 -2
  158. package/es/ele-transfer/index.d.ts +94 -0
  159. package/es/ele-transfer/index.js +54 -0
  160. package/es/ele-transfer/props.d.ts +39 -0
  161. package/es/ele-transfer/props.js +11 -0
  162. package/es/ele-transfer/style/index.d.ts +1 -0
  163. package/es/ele-transfer/style/index.js +1 -0
  164. package/es/ele-transfer/types.d.ts +16 -0
  165. package/es/ele-tree-select/index.d.ts +8 -4
  166. package/es/ele-tree-select/index.js +18 -12
  167. package/es/ele-tree-select/props.d.ts +4 -4
  168. package/es/ele-tree-select/types.d.ts +13 -0
  169. package/es/ele-tree-table/components/table-body.d.ts +57 -0
  170. package/es/ele-tree-table/components/table-body.js +100 -0
  171. package/es/ele-tree-table/components/table-row.d.ts +53 -0
  172. package/es/ele-tree-table/components/table-row.js +105 -0
  173. package/es/ele-tree-table/index.d.ts +30 -0
  174. package/es/ele-tree-table/index.js +155 -0
  175. package/es/ele-tree-table/props.d.ts +25 -0
  176. package/es/ele-tree-table/props.js +20 -0
  177. package/es/ele-tree-table/style/css-var.scss +8 -0
  178. package/es/ele-tree-table/style/index.d.ts +1 -0
  179. package/es/ele-tree-table/style/index.js +2 -0
  180. package/es/ele-tree-table/style/index.scss +224 -0
  181. package/es/ele-tree-table/types.d.ts +27 -0
  182. package/es/style/plus.scss +2 -0
  183. package/es/style/themes/default.scss +18 -0
  184. package/es/style/themes/theme-util.scss +4 -0
  185. package/es/utils/hook.d.ts +18 -3
  186. package/es/utils/hook.js +37 -1
  187. package/lib/core-components.cjs +122 -104
  188. package/lib/core-components.d.ts +9 -0
  189. package/lib/ele-autocomplete/index.cjs +72 -0
  190. package/lib/ele-autocomplete/index.d.ts +81 -0
  191. package/lib/ele-autocomplete/props.cjs +13 -0
  192. package/lib/ele-autocomplete/props.d.ts +27 -0
  193. package/lib/ele-autocomplete/style/index.cjs +2 -0
  194. package/lib/ele-autocomplete/style/index.d.ts +1 -0
  195. package/lib/ele-autocomplete/types.d.ts +18 -0
  196. package/lib/ele-cascader/index.cjs +6 -2
  197. package/lib/ele-cascader/index.d.ts +15 -4
  198. package/lib/ele-cascader/props.cjs +2 -0
  199. package/lib/ele-cascader/props.d.ts +4 -2
  200. package/lib/ele-cascader/types.d.ts +9 -0
  201. package/lib/ele-check-card/index.cjs +13 -3
  202. package/lib/ele-check-card/index.d.ts +4 -2
  203. package/lib/ele-check-card/props.cjs +1 -1
  204. package/lib/ele-check-card/props.d.ts +2 -2
  205. package/lib/ele-check-card/types.d.ts +5 -0
  206. package/lib/ele-checkbox-group/index.cjs +73 -0
  207. package/lib/ele-checkbox-group/index.d.ts +60 -0
  208. package/lib/ele-checkbox-group/props.cjs +15 -0
  209. package/lib/ele-checkbox-group/props.d.ts +29 -0
  210. package/lib/ele-checkbox-group/style/index.cjs +4 -0
  211. package/lib/ele-checkbox-group/style/index.d.ts +1 -0
  212. package/lib/ele-checkbox-group/types.d.ts +25 -0
  213. package/lib/ele-config-provider/components/receiver-view.cjs +2 -2
  214. package/lib/ele-dropdown/components/pro-dropdown.d.ts +2 -2
  215. package/lib/ele-ellipsis/index.d.ts +1 -1
  216. package/lib/ele-icon/index.cjs +7 -15
  217. package/lib/ele-icon/index.d.ts +26 -0
  218. package/lib/ele-icon/props.cjs +5 -1
  219. package/lib/ele-icon/props.d.ts +15 -0
  220. package/lib/ele-icon/types.d.ts +4 -0
  221. package/lib/ele-mention/index.cjs +51 -0
  222. package/lib/ele-mention/index.d.ts +244 -0
  223. package/lib/ele-mention/props.cjs +13 -0
  224. package/lib/ele-mention/props.d.ts +105 -0
  225. package/lib/ele-mention/style/index.cjs +2 -0
  226. package/lib/ele-mention/style/index.d.ts +1 -0
  227. package/lib/ele-mention/types.d.ts +16 -0
  228. package/lib/ele-popover/index.d.ts +3 -3
  229. package/lib/ele-pro-form/components/builder-wrapper.cjs +2 -2
  230. package/lib/ele-pro-form/components/item-type-data.cjs +45 -94
  231. package/lib/ele-pro-form/components/render-util.cjs +207 -65
  232. package/lib/ele-pro-form/components/render-util.d.ts +58 -6
  233. package/lib/ele-pro-form/index.cjs +36 -7
  234. package/lib/ele-pro-form/index.d.ts +9 -3
  235. package/lib/ele-pro-form/props.cjs +18 -3
  236. package/lib/ele-pro-form/props.d.ts +17 -9
  237. package/lib/ele-pro-form/style/index.cjs +16 -19
  238. package/lib/ele-pro-form/style/index.scss +102 -0
  239. package/lib/ele-pro-form/types.d.ts +3 -23
  240. package/lib/ele-pro-form/util.cjs +50 -4
  241. package/lib/ele-pro-form/util.d.ts +16 -1
  242. package/lib/ele-pro-form-builder/components/body-form.cjs +9 -6
  243. package/lib/ele-pro-form-builder/components/body-form.d.ts +5 -1
  244. package/lib/ele-pro-form-builder/components/body-header.cjs +89 -27
  245. package/lib/ele-pro-form-builder/components/body-header.d.ts +16 -2
  246. package/lib/ele-pro-form-builder/components/build-core.cjs +195 -0
  247. package/lib/ele-pro-form-builder/components/build-core.d.ts +58 -0
  248. package/lib/ele-pro-form-builder/components/build-util.cjs +16 -8
  249. package/lib/ele-pro-form-builder/components/build-util.d.ts +3 -2
  250. package/lib/ele-pro-form-builder/components/children-edit.cjs +55 -49
  251. package/lib/ele-pro-form-builder/components/children-edit.d.ts +2 -2
  252. package/lib/ele-pro-form-builder/components/code-editer.cjs +26 -0
  253. package/lib/ele-pro-form-builder/components/code-editer.d.ts +21 -0
  254. package/lib/ele-pro-form-builder/components/code-generator.cjs +476 -0
  255. package/lib/ele-pro-form-builder/components/code-generator.d.ts +110 -0
  256. package/lib/ele-pro-form-builder/components/code-js-var.cjs +14 -100
  257. package/lib/ele-pro-form-builder/components/code-js-var.d.ts +2 -17
  258. package/lib/ele-pro-form-builder/components/code-template.cjs +34 -486
  259. package/lib/ele-pro-form-builder/components/code-template.d.ts +4 -118
  260. package/lib/ele-pro-form-builder/components/code-util.cjs +9 -9
  261. package/lib/ele-pro-form-builder/components/code-util.d.ts +13 -13
  262. package/lib/ele-pro-form-builder/components/component-data.cjs +4088 -1153
  263. package/lib/ele-pro-form-builder/components/component-data.d.ts +2 -0
  264. package/lib/ele-pro-form-builder/components/component-list.cjs +9 -6
  265. package/lib/ele-pro-form-builder/components/component-list.d.ts +5 -1
  266. package/lib/ele-pro-form-builder/components/component-name.cjs +2 -2
  267. package/lib/ele-pro-form-builder/components/component-picker.cjs +55 -0
  268. package/lib/ele-pro-form-builder/components/component-picker.d.ts +42 -0
  269. package/lib/ele-pro-form-builder/components/config-form.cjs +38 -14
  270. package/lib/ele-pro-form-builder/components/config-form.d.ts +8 -0
  271. package/lib/ele-pro-form-builder/components/event-edit.cjs +120 -0
  272. package/lib/ele-pro-form-builder/components/event-edit.d.ts +39 -0
  273. package/lib/ele-pro-form-builder/components/html-edit.cjs +96 -0
  274. package/lib/ele-pro-form-builder/components/html-edit.d.ts +31 -0
  275. package/lib/ele-pro-form-builder/components/if-edit.cjs +105 -0
  276. package/lib/ele-pro-form-builder/components/if-edit.d.ts +35 -0
  277. package/lib/ele-pro-form-builder/components/import-modal.cjs +124 -0
  278. package/lib/ele-pro-form-builder/components/import-modal.d.ts +38 -0
  279. package/lib/ele-pro-form-builder/components/json-input.cjs +4 -3
  280. package/lib/ele-pro-form-builder/components/json-input.d.ts +4 -0
  281. package/lib/ele-pro-form-builder/components/options-code.cjs +55 -0
  282. package/lib/ele-pro-form-builder/components/options-code.d.ts +33 -0
  283. package/lib/ele-pro-form-builder/components/options-edit.cjs +62 -426
  284. package/lib/ele-pro-form-builder/components/options-edit.d.ts +25 -30
  285. package/lib/ele-pro-form-builder/components/options-table.cjs +380 -0
  286. package/lib/ele-pro-form-builder/components/options-table.d.ts +33 -0
  287. package/lib/ele-pro-form-builder/components/outline-list.cjs +8 -17
  288. package/lib/ele-pro-form-builder/components/outline-tree.cjs +36 -63
  289. package/lib/ele-pro-form-builder/components/outline-tree.d.ts +8 -2
  290. package/lib/ele-pro-form-builder/components/preview-modal.cjs +12 -12
  291. package/lib/ele-pro-form-builder/components/preview-modal.d.ts +4 -0
  292. package/lib/ele-pro-form-builder/components/props-form.cjs +129 -54
  293. package/lib/ele-pro-form-builder/components/props-form.d.ts +19 -1
  294. package/lib/ele-pro-form-builder/components/source-edit.cjs +110 -0
  295. package/lib/ele-pro-form-builder/components/source-edit.d.ts +31 -0
  296. package/lib/ele-pro-form-builder/components/table-tool-menu.cjs +23 -7
  297. package/lib/ele-pro-form-builder/components/table-tool-menu.d.ts +6 -1
  298. package/lib/ele-pro-form-builder/components/table-util.cjs +56 -33
  299. package/lib/ele-pro-form-builder/components/table-util.d.ts +17 -9
  300. package/lib/ele-pro-form-builder/components/template-list.cjs +1 -4
  301. package/lib/ele-pro-form-builder/index.cjs +174 -129
  302. package/lib/ele-pro-form-builder/index.d.ts +24 -4
  303. package/lib/ele-pro-form-builder/props.cjs +16 -1
  304. package/lib/ele-pro-form-builder/props.d.ts +17 -2
  305. package/lib/ele-pro-form-builder/style/index.cjs +10 -0
  306. package/lib/ele-pro-form-builder/style/index.scss +96 -261
  307. package/lib/ele-pro-form-builder/types.d.ts +68 -76
  308. package/lib/ele-pro-form-builder/util.cjs +104 -200
  309. package/lib/ele-pro-form-builder/util.d.ts +10 -76
  310. package/lib/ele-pro-layout/index.d.ts +1 -1
  311. package/lib/ele-pro-table/props.d.ts +3 -3
  312. package/lib/ele-radio-group/index.cjs +73 -0
  313. package/lib/ele-radio-group/index.d.ts +61 -0
  314. package/lib/ele-radio-group/props.cjs +15 -0
  315. package/lib/ele-radio-group/props.d.ts +28 -0
  316. package/lib/ele-radio-group/style/index.cjs +4 -0
  317. package/lib/ele-radio-group/style/index.d.ts +1 -0
  318. package/lib/ele-radio-group/types.d.ts +25 -0
  319. package/lib/ele-select/index.cjs +10 -4
  320. package/lib/ele-select/index.d.ts +14 -3
  321. package/lib/ele-select/props.cjs +1 -1
  322. package/lib/ele-select/props.d.ts +2 -2
  323. package/lib/ele-select/types.d.ts +6 -1
  324. package/lib/ele-select-tree/index.cjs +56 -0
  325. package/lib/ele-select-tree/index.d.ts +21 -0
  326. package/lib/ele-select-tree/style/index.cjs +2 -0
  327. package/lib/ele-select-tree/style/index.d.ts +1 -0
  328. package/lib/ele-select-tree/types.d.ts +14 -0
  329. package/lib/ele-steps/index.cjs +12 -6
  330. package/lib/ele-steps/index.d.ts +8 -19
  331. package/lib/ele-steps/props.cjs +1 -4
  332. package/lib/ele-steps/props.d.ts +2 -5
  333. package/lib/ele-steps/types.d.ts +5 -0
  334. package/lib/ele-tab-bar/index.cjs +42 -0
  335. package/lib/ele-tab-bar/index.d.ts +20 -0
  336. package/lib/ele-tab-bar/props.cjs +18 -0
  337. package/lib/ele-tab-bar/props.d.ts +25 -0
  338. package/lib/ele-tab-bar/style/css-var.scss +8 -0
  339. package/lib/ele-tab-bar/style/index.cjs +2 -0
  340. package/lib/ele-tab-bar/style/index.d.ts +1 -0
  341. package/lib/ele-tab-bar/style/index.scss +87 -0
  342. package/lib/ele-tab-bar/types.d.ts +14 -0
  343. package/lib/ele-timeline/style/css-var.scss +1 -1
  344. package/lib/ele-timeline/style/index.scss +2 -2
  345. package/lib/ele-transfer/index.cjs +53 -0
  346. package/lib/ele-transfer/index.d.ts +94 -0
  347. package/lib/ele-transfer/props.cjs +13 -0
  348. package/lib/ele-transfer/props.d.ts +39 -0
  349. package/lib/ele-transfer/style/index.cjs +2 -0
  350. package/lib/ele-transfer/style/index.d.ts +1 -0
  351. package/lib/ele-transfer/types.d.ts +16 -0
  352. package/lib/ele-tree-select/index.cjs +17 -11
  353. package/lib/ele-tree-select/index.d.ts +8 -4
  354. package/lib/ele-tree-select/props.d.ts +4 -4
  355. package/lib/ele-tree-select/types.d.ts +13 -0
  356. package/lib/ele-tree-table/components/table-body.cjs +99 -0
  357. package/lib/ele-tree-table/components/table-body.d.ts +57 -0
  358. package/lib/ele-tree-table/components/table-row.cjs +104 -0
  359. package/lib/ele-tree-table/components/table-row.d.ts +53 -0
  360. package/lib/ele-tree-table/index.cjs +154 -0
  361. package/lib/ele-tree-table/index.d.ts +30 -0
  362. package/lib/ele-tree-table/props.cjs +20 -0
  363. package/lib/ele-tree-table/props.d.ts +25 -0
  364. package/lib/ele-tree-table/style/css-var.scss +8 -0
  365. package/lib/ele-tree-table/style/index.cjs +3 -0
  366. package/lib/ele-tree-table/style/index.d.ts +1 -0
  367. package/lib/ele-tree-table/style/index.scss +224 -0
  368. package/lib/ele-tree-table/types.d.ts +27 -0
  369. package/lib/style/plus.scss +2 -0
  370. package/lib/style/themes/default.scss +18 -0
  371. package/lib/style/themes/theme-util.scss +4 -0
  372. package/lib/utils/hook.cjs +36 -0
  373. package/lib/utils/hook.d.ts +18 -3
  374. package/package.json +1 -1
  375. package/typings/global.d.ts +8 -0
  376. package/es/ele-pro-form-builder/components/tree-table.d.ts +0 -3253
  377. package/es/ele-pro-form-builder/components/tree-table.js +0 -239
  378. package/lib/ele-pro-form-builder/components/tree-table.cjs +0 -238
  379. package/lib/ele-pro-form-builder/components/tree-table.d.ts +0 -3253
@@ -1,16 +1,9 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
- const core = require("../../utils/core");
4
- const itemTypeData = require("../../ele-pro-form/components/item-type-data");
5
- const renderUtil = require("../../ele-pro-form/components/render-util");
6
- const util = require("../util");
7
- const codeUtil = require("./code-util");
8
- const codeJsVar = require("./code-js-var");
9
- const uploadTypes = ["imageUpload", "fileUpload"];
10
3
  const proTemplate = `<template>
11
4
  <pro-form
12
- :model="form"
13
- :items="formItems"<% d.proFormPropsCode %><%# if(d.showFooterExpand){ %>
5
+ v-bind="config"
6
+ :model="form"<%# if(d.showFooterExpand){ %>
14
7
  v-model:search-expand="form.searchExpand"<%# } %>
15
8
  @updateValue="setFieldValue"
16
9
  @submit="handleSubmit"
@@ -19,26 +12,28 @@ const proTemplate = `<template>
19
12
  </template>
20
13
 
21
14
  <script setup>
22
- <% d.proFormImportCode %>
15
+ <% d.proFormImportCode %><%# if(d.proFormVarCode){ %>
16
+
17
+ <% d.proFormVarCode %><%# } %>
18
+
19
+ /** 表单配置 */
20
+ const config = reactive(<% d.proFormConfigCode %>);
23
21
 
24
22
  /** 表单数据 */
25
- const [form, resetFields, _assignFields, setFieldValue] = useFormData(<% d.modelCode %>);
23
+ const [form, resetFields, _assignFields, setFieldValue] = useFormData(
24
+ getFormInitValue(config.items)
25
+ );
26
26
 
27
- /** 提交 */
27
+ /** 提交表单 */
28
28
  const handleSubmit = (form) => {
29
29
  console.log(form);
30
30
  };
31
31
 
32
- /** 重置 */
32
+ /** 重置表单 */
33
33
  const handleReset = () => {<%# if(d.showFooterExpand){ %>
34
34
  resetFields(void 0, ['searchExpand']);<%# }else{ %>
35
35
  resetFields();<%# } %>
36
- };<%# if(d.proFormVarCode){ %>
37
-
38
- <% d.proFormVarCode %><%# } %>
39
-
40
- /** 表单项 */
41
- const formItems = ref(<% d.proFormItemsCode %>);
36
+ };
42
37
  <\/script>
43
38
  `;
44
39
  const formTemplate = `<template>
@@ -54,7 +49,7 @@ const formTemplate = `<template>
54
49
  <script setup>
55
50
  <% d.formImportCode %>
56
51
 
57
- /** 表单实例 */
52
+ /** 表单组件 */
58
53
  const formRef = ref(null);
59
54
 
60
55
  /** 表单数据 */
@@ -63,8 +58,8 @@ const formTemplate = `<template>
63
58
  /** 表单验证规则 */
64
59
  const rules = reactive(<% d.formRuleCode %>);
65
60
 
66
- /** 保存编辑 */
67
- const <% d.showFooter?'':'_' %>handleSubmit = () => {
61
+ /** 提交表单 */
62
+ const handleSubmit = () => {
68
63
  formRef.value?.validate?.((valid) => {
69
64
  if (!valid) {
70
65
  return;
@@ -74,7 +69,7 @@ const formTemplate = `<template>
74
69
  };
75
70
 
76
71
  /** 重置表单 */
77
- const <% d.showFooter?'':'_' %>handleReset = () => {<%# if(d.showFooterExpand){ %>
72
+ const handleReset = () => {<%# if(d.showFooterExpand){ %>
78
73
  resetFields(void 0, ['searchExpand']);<%# }else{ %>
79
74
  resetFields();<%# } %>
80
75
  nextTick(() => {
@@ -82,7 +77,10 @@ const formTemplate = `<template>
82
77
  formRef.value?.clearValidate?.();
83
78
  });
84
79
  });
85
- };<%# if(d.formVarCode){ %>
80
+ };
81
+
82
+ /** 搜索表单是否展开 */
83
+ const searchExpand = computed(() => form.searchExpand);<%# if(d.formVarCode){ %>
86
84
 
87
85
  <% d.formVarCode %><%# } %>
88
86
  <\/script>
@@ -97,28 +95,25 @@ const contentTemplate = `<%# getFormContent(d.items,d.grid,d.rowProps,d.indentSi
97
95
  <% indentChar %> <el-col<% d.generateColProps(null,contentExtraColProps,4,indentChar) %>>
98
96
  <% indentChar %> <% d.addIndentChar(contentExtra,' '+indentChar) %>
99
97
  <% indentChar %> </el-col><%# } %>
100
- <% indentChar %></el-row><%# } } function getFormItem(item,indentSize){ var indentChar = Array.from({length:indentSize||0}).fill(' ').join(''); if(item.type=='icon'){ %><el-icon<% d.generateComponentProps(item,2,indentChar) %>><%# if(item.label){ %>
101
- <% indentChar %> <<% item.label %> /><%# } getFormContent(item.children,item.grid,item.rowProps,indentSize+2); %>
102
- <% indentChar %></el-icon><%# }else if(d.viewTypes.includes(item.type)){ %><<% d.getComponentTag(item) %><% d.generateComponentProps(item,2,indentChar) %>><%# if(item.label){ %>
103
- <% indentChar %> <% item.label %><%# } getFormContent(item.children,item.grid,item.rowProps,indentSize+2); %>
104
- <% indentChar %></<% d.getComponentTag(item) %>><%# }else if(item.type=='card'){ %><ele-card<% d.generateComponentProps(item,2,indentChar) %>><%# getFormContent(item.children,item.grid,item.rowProps,indentSize+2); %>
105
- <% indentChar %></ele-card><%# }else if(item.type=='tabs'){ %><ele-tabs<% d.generateComponentProps(item,2,indentChar) %>><%# (item.children||[]).forEach(function(tabItem){ %>
98
+ <% indentChar %></el-row><%# } } function getFormItem(item,indentSize){ var indentChar = Array.from({length:indentSize||0}).fill(' ').join(''); if(item.type=='icon'){ %><el-icon<% d.generateComponentProps(item,2,indentChar) %>><%# if(item.props&&item.props.name){ %>
99
+ <% indentChar %> <<% item.props.name %> /><%# } getFormContent(item.children,item.grid,item.rowProps,indentSize+2); %>
100
+ <% indentChar %></el-icon><%# }else if(item.type=='tabs'){ %><ele-tabs<% d.generateComponentProps(item,2,indentChar) %>><%# (item.children||[]).forEach(function(tabItem){ %>
106
101
  <% indentChar %> <template #<% tabItem.prop %>><%# getFormContent(tabItem.children,tabItem.grid,tabItem.rowProps,indentSize+4); %>
107
102
  <% indentChar %> </template><%# }); %>
108
- <% indentChar %></ele-tabs><%# }else if(item.type=='div'){ var divTagName = d.getDivTag(item); %><<% divTagName %><% d.generateComponentProps(item,2,indentChar) %>><%# if(item.label){ %>
109
- <% indentChar %> <% item.label %><%# } getFormContent(item.children,item.grid,item.rowProps,indentSize+2); %>
110
- <% indentChar %></<% divTagName %>><%# }else if(d.isContainerType(item.type)){ %><<% d.getComponentTag(item) %><% d.generateComponentProps(item,2,indentChar) %>><%# if(item.label&&!['collapseItem'].includes(item.type)){ %>
103
+ <% indentChar %></ele-tabs><%# }else if(item.type=='div'){ var divTagName = d.getDivTag(item); %><<% divTagName %><% d.generateComponentProps(item,2,indentChar) %>><%# const divHTML = (item.props||{}).innerHTML||item.label; if(divHTML){ %>
104
+ <% indentChar %> <% divHTML %><%# } getFormContent(item.children,item.grid,item.rowProps,indentSize+2); %>
105
+ <% indentChar %></<% divTagName %>><%# }else if(d.isContainerType(item)){ %><<% d.getComponentTag(item) %><% d.generateComponentProps(item,2,indentChar) %>><%# if(item.label){ %>
111
106
  <% indentChar %> <% item.label %><%# } getFormContent(item.children,item.grid,item.rowProps,indentSize+2); %>
112
107
  <% indentChar %></<% d.getComponentTag(item) %>><%# }else{ %><el-form-item<% d.generateFormItemProps(item,2,indentChar) %>>
113
- <% indentChar %> <%# if(item.type=='select'||item.type=='multipleSelect'){ %><el-select<% d.generateComponentProps(item,4,indentChar) %>><%# (item.options||[]).forEach(function(opt){ %>
108
+ <% indentChar %> <%# if((item.type=='select'||item.type=='multipleSelect')&&Array.isArray((item.props||{}).options||[])){ %><el-select<% d.generateComponentProps(item,4,indentChar,['options']) %>><%# ((item.props||{}).options||[]).forEach(function(opt){ %>
114
109
  <% indentChar %> <el-option<% d.generatePropsCode(opt,true) %> /><%# }); %>
115
- <% indentChar %> </el-select><%# }else if(item.type=='radio'){ %><el-radio-group<% d.generateComponentProps(item,4,indentChar) %>><%# (item.options||[]).forEach(function(opt){ %>
110
+ <% indentChar %> </el-select><%# }else if(item.type=='radio'&&Array.isArray((item.props||{}).options||[])){ %><el-radio-group<% d.generateComponentProps(item,4,indentChar,['options']) %>><%# ((item.props||{}).options||[]).forEach(function(opt){ %>
116
111
  <% indentChar %> <el-radio<% d.generatePropsCode(opt,true) %> /><%# }); %>
117
- <% indentChar %> </el-radio-group><%# }else if(item.type=='radioButton'){ %><el-radio-group<% d.generateComponentProps(item,4,indentChar) %>><%# (item.options||[]).forEach(function(opt){ %>
112
+ <% indentChar %> </el-radio-group><%# }else if(item.type=='radioButton'&&Array.isArray((item.props||{}).options||[])){ %><el-radio-group<% d.generateComponentProps(item,4,indentChar,['options']) %>><%# ((item.props||{}).options||[]).forEach(function(opt){ %>
118
113
  <% indentChar %> <el-radio-button<% d.generatePropsCode(opt,true) %> /><%# }); %>
119
- <% indentChar %> </el-radio-group><%# }else if(item.type=='checkbox'){ %><el-checkbox-group<% d.generateComponentProps(item,4,indentChar) %>><%# (item.options||[]).forEach(function(opt){ %>
114
+ <% indentChar %> </el-radio-group><%# }else if(item.type=='checkbox'&&Array.isArray((item.props||{}).options||[])){ %><el-checkbox-group<% d.generateComponentProps(item,4,indentChar,['options']) %>><%# ((item.props||{}).options||[]).forEach(function(opt){ %>
120
115
  <% indentChar %> <el-checkbox<% d.generatePropsCode(opt,true) %> /><%# }); %>
121
- <% indentChar %> </el-checkbox-group><%# }else if(item.type=='checkboxButton'){ %><el-checkbox-group<% d.generateComponentProps(item,4,indentChar) %>><%# (item.options||[]).forEach(function(opt){ %>
116
+ <% indentChar %> </el-checkbox-group><%# }else if(item.type=='checkboxButton'&&Array.isArray((item.props||{}).options||[])){ %><el-checkbox-group<% d.generateComponentProps(item,4,indentChar,['options']) %>><%# ((item.props||{}).options||[]).forEach(function(opt){ %>
122
117
  <% indentChar %> <el-checkbox-button<% d.generatePropsCode(opt,true) %> /><%# }); %>
123
118
  <% indentChar %> </el-checkbox-group><%# }else if(item.type=='text'){ %><ele-text<% d.generateComponentProps(item,4,indentChar) %>>
124
119
  <% indentChar %> {{ form.<% item.prop %> }}
@@ -131,8 +126,8 @@ const footerTemplate = `<el-form-item<% d.footerPropsCode %>>
131
126
  <el-link
132
127
  type="primary"
133
128
  :underline="false"
134
- @click="form.searchExpand = !form.searchExpand"
135
129
  style="margin-left: 12px"
130
+ @click="form.searchExpand = !form.searchExpand"
136
131
  >
137
132
  <template v-if="form.searchExpand">
138
133
  <span>收起</span>
@@ -149,454 +144,7 @@ const footerTemplate = `<el-form-item<% d.footerPropsCode %>>
149
144
  </el-link><%# } %>
150
145
  </div>
151
146
  </el-form-item>`;
152
- function generateFooterCode(formProps, showFooterExpand) {
153
- if (!formProps.footer) {
154
- return "";
155
- }
156
- const style = { flex: 1, display: "flex", alignItems: "center" };
157
- const code = codeUtil.obj2Str({ ...style, ...formProps.footerStyle || {} }, true);
158
- return codeUtil.templateEngine(footerTemplate, {
159
- footerStyleCode: code,
160
- footerPropsCode: codeUtil.generatePropsCode(formProps.footerProps),
161
- showFooterExpand
162
- });
163
- }
164
- function generateFormItemProps(item, indentSize, indentChar) {
165
- const { vIf, label, prop, itemProps } = item;
166
- const props = { label, prop, ...itemProps || {}, vIf };
167
- const code = codeUtil.generatePropsCode(props, null, indentSize);
168
- return codeUtil.addIndentChar(code, indentChar);
169
- }
170
- function generateColProps(item, grid, indentSize, indentChar) {
171
- const gridCol = grid === true ? { span: 12 } : grid || {};
172
- const { vIf, colProps } = item || {};
173
- const props = { ...gridCol, ...colProps || {}, vIf };
174
- const code = codeUtil.generatePropsCode(props, null, indentSize);
175
- return codeUtil.addIndentChar(code, indentChar);
176
- }
177
- function generateComponentProps(item, indentSize, indentChar) {
178
- const props = item.type === "div" || item.type === "tableCell" ? { ...item.props || {}, is: void 0 } : item.props || {};
179
- const code = codeUtil.generatePropsCode(props, null, indentSize);
180
- return codeUtil.addIndentChar(code, indentChar);
181
- }
182
- function getItemComponentTag(item, componentData) {
183
- var _a, _b;
184
- if (item.type === "tableCell" && ((_a = item.props) == null ? void 0 : _a.is) === "th") {
185
- return "th";
186
- }
187
- const name = (_b = util.getComponentItemByType(item.type, componentData)) == null ? void 0 : _b.componentName;
188
- return codeUtil.kebabCase(name || "div");
189
- }
190
- function generateItemComponentCode(item, indentSize, indentChar, content, componentData) {
191
- const component = getItemComponentTag(item, componentData);
192
- const propsCode = codeUtil.generatePropsCode(item.props, null, indentSize);
193
- const code = codeUtil.addIndentChar(propsCode, indentChar);
194
- if (content == null) {
195
- return `<${component}${code}/>`;
196
- }
197
- if (content === "") {
198
- return `<${component}${code}>
199
- ${indentChar}</${component}>`;
200
- }
201
- return `<${component}${code}>
202
- ${indentChar} ${content}
203
- ${indentChar}</${component}>`;
204
- }
205
- function getDivTag(item) {
206
- var _a;
207
- const divTag = (_a = item.props) == null ? void 0 : _a.is;
208
- const jsVar = codeJsVar.transformJsVar(divTag);
209
- if (jsVar != null) {
210
- return jsVar.name;
211
- }
212
- return divTag || "div";
213
- }
214
- function generateContentCode(items, formProps, showFooterExpand, componentData, itemTypeData2) {
215
- let contentCode = codeUtil.templateEngine(contentTemplate, {
216
- items,
217
- grid: formProps.grid,
218
- rowProps: formProps.rowProps,
219
- indentSize: 4,
220
- contentExtra: generateFooterCode(formProps, showFooterExpand),
221
- contentExtraColProps: formProps.footerColProps || { span: 24 },
222
- generateFormItemProps,
223
- generateColProps,
224
- generateComponentProps,
225
- generateComponentCode: (item, indentSize, indentChar, content) => generateItemComponentCode(
226
- item,
227
- indentSize,
228
- indentChar,
229
- content,
230
- componentData
231
- ),
232
- getDivTag,
233
- getComponentTag: (item) => getItemComponentTag(item, componentData),
234
- viewTypes: [],
235
- // TODO
236
- isContainerType: (item) => util.isContainerType(item, itemTypeData2),
237
- addIndentChar: codeUtil.addIndentChar,
238
- generatePropsCode: codeUtil.generatePropsCode
239
- });
240
- [
241
- "img",
242
- "input",
243
- "hr",
244
- "br",
245
- "col",
246
- "area",
247
- "embed",
248
- "source",
249
- "track",
250
- "wbr"
251
- ].forEach((tagName) => {
252
- contentCode = contentCode.replace(
253
- new RegExp(`>\\s*</${tagName}>`, "g"),
254
- "/>"
255
- );
256
- });
257
- return contentCode;
258
- }
259
- function getUploadValidatorCode(item) {
260
- return `(_rule, value, callback) => {
261
- if (value && ${item.prop}UploadRef.value && !${item.prop}UploadRef.value.isDone()) {
262
- return callback(new Error('${item.label}还未上传完毕'));
263
- }
264
- callback();
265
- }`;
266
- }
267
- function generateRuleCode(items, componentData, itemTypeData$1) {
268
- const rules = {};
269
- core.eachTree(items, (item) => {
270
- if (util.isContainerType(item, itemTypeData$1)) {
271
- return;
272
- }
273
- const itemRules = [];
274
- const typeData = item.type ? [...itemTypeData$1 || [], ...itemTypeData.defaultItemTypeData].find(
275
- (d) => d.type === item.type
276
- ) : void 0;
277
- if (item.required) {
278
- const config = util.getComponentItemByType(item.type, componentData);
279
- const componentPropsData = {
280
- ...(config == null ? void 0 : config.defaultProps) || {},
281
- ...item.props || {},
282
- ...(config == null ? void 0 : config.reservedProps) || {}
283
- };
284
- itemRules.push({
285
- required: true,
286
- message: renderUtil.getRuleMessage(
287
- item.label,
288
- item.requiredMessage,
289
- componentPropsData.placeholder
290
- ),
291
- trigger: (typeData == null ? void 0 : typeData.requiredTrigger) ?? "change"
292
- });
293
- }
294
- if (item.type && uploadTypes.includes(item.type)) {
295
- itemRules.push({
296
- trigger: (typeData == null ? void 0 : typeData.requiredTrigger) ?? "change",
297
- validator: new codeJsVar.JsVar({ name: getUploadValidatorCode(item) })
298
- });
299
- }
300
- if (itemRules.length) {
301
- rules[item.prop] = itemRules;
302
- }
303
- });
304
- return codeUtil.obj2Str(rules, false, 2);
305
- }
306
- function getComponentProps(item, componentData, itemTypeData2) {
307
- const config = util.getComponentItemByType(item.type, componentData);
308
- const props = {
309
- ...(config == null ? void 0 : config.defaultProps) || {},
310
- ...item.props || {},
311
- ...(config == null ? void 0 : config.reservedProps) || {}
312
- };
313
- if (util.isContainerType(item, itemTypeData2)) {
314
- props.vIf = item.vIf;
315
- if (item.type === "alert" && props.title == null) {
316
- props.title = item.label;
317
- item.label = void 0;
318
- }
319
- if (item.type === "image" && props.alt == null) {
320
- props.alt = item.label;
321
- item.label = void 0;
322
- }
323
- if (item.type === "steps" && props.active == null) {
324
- props.active = new codeJsVar.JsVar({
325
- name: `form.${item.prop} ?? 0`
326
- });
327
- }
328
- if (item.type === "card" && props.header == null) {
329
- props.header = item.label;
330
- item.label = void 0;
331
- }
332
- if (item.type === "tabs") {
333
- props.vModel = new codeJsVar.JsVar({
334
- name: `form.${item.prop}`
335
- });
336
- props.modelValue = void 0;
337
- props.items = item.children ? item.children.map((c) => ({ name: c.prop, label: c.label })) : [];
338
- }
339
- if (item.type === "collapse" && props.modelValue == null) {
340
- props.vModel = new codeJsVar.JsVar({
341
- name: `form.${item.prop}`
342
- });
343
- props.modelValue = void 0;
344
- }
345
- if (item.type === "collapseItem") {
346
- if (props.title == null) {
347
- props.title = item.label;
348
- item.label = void 0;
349
- }
350
- if (props.name == null) {
351
- props.name = item.prop;
352
- }
353
- }
354
- if (item.type === "descriptionsItem" && props.label == null) {
355
- props.label = item.label;
356
- item.label = void 0;
357
- }
358
- } else if (item.type && item.type !== "text") {
359
- props.vModel = `form.${item.prop}`;
360
- }
361
- if (item.type === "autocomplete") {
362
- props.fetchSuggestions = new codeJsVar.JsVar({
363
- name: `${item.prop}FetchSuggestions`,
364
- code: `/** ${item.label || item.prop}选项数据 */
365
- const ${item.prop}FetchSuggestions = (keyword, callback) => {
366
- console.log('keyword:', keyword);
367
- callback(${codeUtil.obj2Str(item.options || [], false, 2)});
368
- };`
369
- });
370
- } else if (item.type === "cascader" || item.type === "multipleCascader") {
371
- props.options = new codeJsVar.JsVar({
372
- name: `${item.prop}CascaderOptions`,
373
- code: `/** ${item.label || item.prop}级联数据 */
374
- const ${item.prop}CascaderOptions = ref(${codeUtil.obj2Str(item.options || [], false, 0)});`
375
- });
376
- const temp = (item.props || {}).props || {};
377
- if (item.type === "multipleCascader") {
378
- temp.multiple = true;
379
- }
380
- props.props = new codeJsVar.JsVar({
381
- name: `${item.prop}CascaderProps`,
382
- code: `/** ${item.label || item.prop}级联配置 */
383
- const ${item.prop}CascaderProps = reactive(${codeUtil.obj2Str(temp, false, 0)});`
384
- });
385
- } else if (item.type === "treeSelect" || item.type === "treeMultipleSelect") {
386
- props.data = new codeJsVar.JsVar({
387
- name: `${item.prop}TreeData`,
388
- code: `/** ${item.label || item.prop}树数据 */
389
- const ${item.prop}TreeData = ref(${codeUtil.obj2Str(item.options || [], false, 0)});`
390
- });
391
- } else if (item.type === "virtualTreeSelect" || item.type === "virtualTreeMultipleSelect") {
392
- props.treeProps = new codeJsVar.JsVar({
393
- name: `${item.prop}TreeProps`,
394
- code: `/** ${item.label || item.prop}树配置 */
395
- const ${item.prop}TreeProps = reactive(${codeUtil.obj2Str((item.props || {}).treeProps || {}, false, 0)});`
396
- });
397
- } else if (item.type === "tableSelect" || item.type === "tableMultipleSelect") {
398
- props.tableProps = new codeJsVar.JsVar({
399
- name: `${item.prop}TableProps`,
400
- code: `/** ${item.label || item.prop}表格配置 */
401
- const ${item.prop}TableProps = reactive(${codeUtil.obj2Str((item.props || {}).tableProps || {}, false, 0)});`
402
- });
403
- } else if (item.type === "checkCard" || item.type === "multipleCheckCard") {
404
- props.items = new codeJsVar.JsVar({
405
- name: `${item.prop}CheckCardItems`,
406
- code: `/** ${item.label || item.prop}选项数据 */
407
- const ${item.prop}CheckCardItems = ref(${codeUtil.obj2Str(item.options || [], false, 0)});`
408
- });
409
- } else if (item.type && uploadTypes.includes(item.type)) {
410
- props.ref = new codeJsVar.JsVar({
411
- name: `${item.prop}UploadRef`,
412
- code: `/** ${item.label || item.prop}上传组件实例 */
413
- const ${item.prop}UploadRef = ref(null);`
414
- });
415
- }
416
- return props;
417
- }
418
- function getImportAndVarCode(items, formProps) {
419
- const imports = /* @__PURE__ */ new Set([]);
420
- const codes = /* @__PURE__ */ new Set([]);
421
- core.eachTree(items, (item) => {
422
- if (item.type === "imageUpload") {
423
- imports.add(
424
- `import ImageUpload from '@/components/ImageUpload/index';`
425
- );
426
- } else if (item.type === "fileUpload") {
427
- imports.add(
428
- `import FileUpload from '@/components/FileUpload/index';`
429
- );
430
- } else if (item.type === "regions") {
431
- imports.add(
432
- `import RegionsSelect from '@/components/RegionsSelect/index';`
433
- );
434
- } else if (item.type === "editor") {
435
- imports.add(
436
- `import TinymceEditor from '@/components/TinymceEditor/index';`
437
- );
438
- } else if (item.type === "icon") {
439
- if (item.label) {
440
- imports.add(`import { ${item.label} } from '@/components/icons';`);
441
- }
442
- }
443
- });
444
- if (formProps.showSearchExpand) {
445
- imports.add(`import { ArrowUp } from '@/components/icons';`);
446
- imports.add(`import { ArrowDown } from '@/components/icons';`);
447
- }
448
- const proImports = /* @__PURE__ */ new Set([]);
449
- const proCodes = /* @__PURE__ */ new Set([]);
450
- JSON.stringify({ items, formProps }, (_jk, jv) => {
451
- const jsVar = codeJsVar.transformJsVar(jv);
452
- if (jsVar != null) {
453
- if (jsVar.imports) {
454
- jsVar.imports.forEach((code) => {
455
- imports.add(code);
456
- });
457
- }
458
- if (jsVar.code) {
459
- codes.add(jsVar.code);
460
- }
461
- if (jsVar.proImports) {
462
- jsVar.proImports.forEach((code) => {
463
- proImports.add(code);
464
- });
465
- }
466
- if (jsVar.proCode) {
467
- proCodes.add(jsVar.proCode);
468
- }
469
- }
470
- return jv;
471
- });
472
- return {
473
- imports: [
474
- `import { ref, reactive, nextTick } from 'vue';`,
475
- `import { useFormData } from '@/utils/use-form-data';`,
476
- ...imports
477
- ],
478
- codes: [...codes],
479
- proImports: [
480
- `import { ref } from 'vue';`,
481
- `import { useFormData } from '@/utils/use-form-data';`,
482
- `import ProForm from '@/components/ProForm/index';`,
483
- ...proImports
484
- ],
485
- proCodes: [...proCodes]
486
- };
487
- }
488
- function getNormalizeItems(formItems, isEl, componentData, itemTypeData2) {
489
- let i = 0;
490
- const items = core.mapTree(formItems, (d) => {
491
- i++;
492
- const k = `item-${String(i).padStart(4, "0")}`;
493
- const item = {
494
- ...d,
495
- key: k,
496
- initValue: void 0
497
- };
498
- if (isEl) {
499
- item.props = getComponentProps(item, componentData, itemTypeData2);
500
- item.key = void 0;
501
- }
502
- return item;
503
- });
504
- return JSON.parse(JSON.stringify(items));
505
- }
506
- function generateProFormCode(config, componentData, itemTypeData2) {
507
- const formProps = config ? { ...config, items: void 0 } : { showSearchExpand: void 0 };
508
- const init = util.getFormInitValue(config == null ? void 0 : config.items, itemTypeData2);
509
- const items = getNormalizeItems(
510
- config == null ? void 0 : config.items,
511
- false,
512
- componentData,
513
- itemTypeData2
514
- );
515
- const { proImports, proCodes } = getImportAndVarCode(items, formProps);
516
- const sfe = formProps.showSearchExpand;
517
- formProps.submitText = sfe ? "搜索" : void 0;
518
- const pc = codeUtil.generatePropsCode(formProps, false, 4, false, codeJsVar.transformProJsVar);
519
- const templateData = {
520
- modelCode: codeUtil.obj2Str(init, false, 2, codeJsVar.transformProJsVar),
521
- proFormItemsCode: codeUtil.obj2Str(items, false, 2, codeJsVar.transformProJsVar),
522
- proFormPropsCode: pc,
523
- proFormImportCode: proImports.join("\n "),
524
- proFormVarCode: codeUtil.addIndentChar(proCodes.join("\n\n"), " "),
525
- showFooterExpand: sfe
526
- };
527
- return codeUtil.templateEngine(proTemplate, templateData);
528
- }
529
- function generateElFormCode(config, componentData, itemTypeData2) {
530
- const formProps = config || { items: [] };
531
- const init = util.getFormInitValue(config == null ? void 0 : config.items, itemTypeData2);
532
- const items = getNormalizeItems(
533
- config == null ? void 0 : config.items,
534
- true,
535
- componentData,
536
- itemTypeData2
537
- );
538
- const elProps = core.pick(formProps, [
539
- "labelPosition",
540
- "labelWidth",
541
- "statusIcon",
542
- "validateOnRuleChange",
543
- "size",
544
- "disabled",
545
- "scrollToError",
546
- "scrollIntoViewOptions",
547
- "inline",
548
- "labelSuffix",
549
- "hideRequiredAsterisk",
550
- "requireAsteriskPosition",
551
- "showMessage",
552
- "inlineMessage",
553
- "style",
554
- "class"
555
- ]);
556
- const { imports, codes } = getImportAndVarCode(items, formProps);
557
- const sfe = formProps.showSearchExpand;
558
- const formContentCode = generateContentCode(
559
- items,
560
- formProps,
561
- sfe,
562
- componentData,
563
- itemTypeData2
564
- );
565
- const formItemsLengthIndex = codes.findIndex(
566
- (c) => c === "const formItemsLength = 0;"
567
- );
568
- if (formItemsLengthIndex !== -1) {
569
- codes[formItemsLengthIndex] = `const formItemsLength = ${items.length}; // 表单项数量`;
570
- }
571
- const templateData = {
572
- modelCode: codeUtil.obj2Str(init, false, 2),
573
- formContentCode,
574
- formPropsCode: codeUtil.generatePropsCode(elProps, false, 4, false),
575
- formRuleCode: generateRuleCode(items, componentData, itemTypeData2),
576
- formImportCode: imports.join("\n "),
577
- formVarCode: codeUtil.addIndentChar(codes.join("\n\n"), " "),
578
- showFooter: formProps.footer,
579
- showFooterExpand: sfe,
580
- obj2Str: codeUtil.obj2Str
581
- };
582
- return codeUtil.templateEngine(formTemplate, templateData);
583
- }
584
147
  exports.contentTemplate = contentTemplate;
585
148
  exports.footerTemplate = footerTemplate;
586
149
  exports.formTemplate = formTemplate;
587
- exports.generateColProps = generateColProps;
588
- exports.generateComponentProps = generateComponentProps;
589
- exports.generateContentCode = generateContentCode;
590
- exports.generateElFormCode = generateElFormCode;
591
- exports.generateFooterCode = generateFooterCode;
592
- exports.generateFormItemProps = generateFormItemProps;
593
- exports.generateItemComponentCode = generateItemComponentCode;
594
- exports.generateProFormCode = generateProFormCode;
595
- exports.generateRuleCode = generateRuleCode;
596
- exports.getComponentProps = getComponentProps;
597
- exports.getDivTag = getDivTag;
598
- exports.getImportAndVarCode = getImportAndVarCode;
599
- exports.getItemComponentTag = getItemComponentTag;
600
- exports.getNormalizeItems = getNormalizeItems;
601
- exports.getUploadValidatorCode = getUploadValidatorCode;
602
150
  exports.proTemplate = proTemplate;