@ebiz/designer-components 0.0.18-beta.33 → 0.0.18-beta.37

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 (728) hide show
  1. package/README.md +29 -29
  2. package/dist/designer-components.css +1 -0
  3. package/dist/index.mjs +116129 -76947
  4. package/package.json +40 -40
  5. package/src/App.vue +26 -26
  6. package/src/apiService/SIMPLE_DATA_SERVICE.md +284 -284
  7. package/src/apiService/mockDataService.js +115 -115
  8. package/src/apiService/simpleDataService.js +280 -280
  9. package/src/assets/base.css +86 -86
  10. package/src/assets/logo.svg +1 -1
  11. package/src/assets/styles/charts/main.less +29 -29
  12. package/src/components/Button.vue +101 -103
  13. package/src/components/DataContainer.vue +39 -39
  14. package/src/components/EbizAvatar.vue +115 -115
  15. package/src/components/EbizCheckbox.vue +93 -93
  16. package/src/components/EbizCheckboxGroup.vue +69 -69
  17. package/src/components/EbizDetailBlock.vue +81 -81
  18. package/src/components/EbizDialog.vue +248 -248
  19. package/src/components/EbizDivider.vue +96 -96
  20. package/src/components/EbizEmployeeInfo.vue +138 -138
  21. package/src/components/EbizFileUpload.vue +201 -201
  22. package/src/components/EbizMindmap/README.md +8 -8
  23. package/src/components/EbizMindmap/components/GridNode.vue +102 -102
  24. package/src/components/EbizMindmap/components/node.vue +91 -91
  25. package/src/components/EbizMindmap/components/vueNode.vue +63 -63
  26. package/src/components/EbizMindmap/index.vue +382 -382
  27. package/src/components/EbizOkrTree.vue +99 -99
  28. package/src/components/EbizPageHeader.vue +95 -95
  29. package/src/components/EbizPagination.vue +162 -162
  30. package/src/components/EbizRadio.vue +86 -86
  31. package/src/components/EbizRadioGroup.vue +83 -83
  32. package/src/components/EbizRemoteSelect.vue +232 -232
  33. package/src/components/EbizRouteBreadcrumb.vue +46 -46
  34. package/src/components/EbizSpace.vue +100 -100
  35. package/src/components/EbizStatistic.vue +149 -149
  36. package/src/components/EbizStatsCard.vue +113 -113
  37. package/src/components/EbizSwiper.vue +113 -113
  38. package/src/components/EbizSwiperItem.vue +13 -13
  39. package/src/components/EbizSwitch.vue +85 -85
  40. package/src/components/EbizTabHeader.vue +144 -144
  41. package/src/components/EbizTabPanel.vue +22 -22
  42. package/src/components/EbizTable.vue +465 -465
  43. package/src/components/EbizTableColumn.vue +116 -116
  44. package/src/components/EbizTableSort.vue +180 -180
  45. package/src/components/EbizTabs.vue +142 -142
  46. package/src/components/EbizTimePicker.vue +144 -0
  47. package/src/components/EbizTitle.vue +91 -91
  48. package/src/components/EbizTree.vue +146 -146
  49. package/src/components/EbizTreeSelector.vue +1 -4
  50. package/src/components/Form.vue +27 -27
  51. package/src/components/Home.vue +7 -7
  52. package/src/components/MyComponent.vue +39 -39
  53. package/src/components/Table.vue +45 -45
  54. package/src/components/TdesignAlert.vue +115 -115
  55. package/src/components/TdesignButton.vue +129 -129
  56. package/src/components/TdesignCalendar/index.vue +145 -145
  57. package/src/components/TdesignCard.vue +195 -195
  58. package/src/components/TdesignCol.vue +101 -101
  59. package/src/components/TdesignCollapse.vue +142 -142
  60. package/src/components/TdesignCollapsePanel.vue +79 -79
  61. package/src/components/TdesignDatePicker.vue +124 -124
  62. package/src/components/TdesignDialog.vue +225 -225
  63. package/src/components/TdesignForm.vue +133 -133
  64. package/src/components/TdesignFormItem.vue +105 -105
  65. package/src/components/TdesignGrid.vue +55 -55
  66. package/src/components/TdesignIcon.vue +67 -67
  67. package/src/components/TdesignImage.vue +162 -162
  68. package/src/components/TdesignImageViewer.vue +200 -200
  69. package/src/components/TdesignInput.vue +242 -242
  70. package/src/components/TdesignSelect.vue +444 -444
  71. package/src/components/TdesignTag.vue +117 -117
  72. package/src/components/TdesignTextarea.vue +142 -142
  73. package/src/components/TdesignTimeline.vue +58 -58
  74. package/src/components/TdesignTimelineItem.vue +71 -71
  75. package/src/components/TdesignUpload.vue +757 -757
  76. package/src/components/TdesignWatermark.vue +107 -107
  77. package/src/components/charts/chart.js +47 -47
  78. package/src/components/charts/components/AssembleBubbleChart/BaseOption.js +50 -50
  79. package/src/components/charts/components/AssembleBubbleChart/chartToken.js +16 -16
  80. package/src/components/charts/components/AssembleBubbleChart/handleOption.js +66 -66
  81. package/src/components/charts/components/AssembleBubbleChart/handleRootData.js +165 -165
  82. package/src/components/charts/components/AssembleBubbleChart/handleSeriesData.js +70 -70
  83. package/src/components/charts/components/AssembleBubbleChart/index.js +65 -65
  84. package/src/components/charts/components/AutonaviMapChart/index.js +162 -162
  85. package/src/components/charts/components/BaiduMapChart/index.js +147 -147
  86. package/src/components/charts/components/BarChart/barChartOption.js +75 -75
  87. package/src/components/charts/components/BarChart/chartToken.js +17 -17
  88. package/src/components/charts/components/BarChart/handleOptipn.js +102 -102
  89. package/src/components/charts/components/BarChart/handleSeries.js +716 -716
  90. package/src/components/charts/components/BarChart/handleVisualMap.js +48 -48
  91. package/src/components/charts/components/BarChart/index.js +151 -151
  92. package/src/components/charts/components/BaseChart/index.js +122 -122
  93. package/src/components/charts/components/BoxplotChart/chartToken.js +17 -17
  94. package/src/components/charts/components/BoxplotChart/handleOption.js +64 -64
  95. package/src/components/charts/components/BoxplotChart/handleSeries.js +149 -149
  96. package/src/components/charts/components/BoxplotChart/index.js +47 -47
  97. package/src/components/charts/components/BubbleChart/chartToken.js +17 -17
  98. package/src/components/charts/components/BubbleChart/handleData.js +33 -33
  99. package/src/components/charts/components/BubbleChart/handleOptipn.js +62 -62
  100. package/src/components/charts/components/BubbleChart/handleSeries.js +86 -86
  101. package/src/components/charts/components/BubbleChart/handleTrendLine.js +119 -119
  102. package/src/components/charts/components/BubbleChart/handleVisualMap.js +50 -50
  103. package/src/components/charts/components/BubbleChart/index.js +96 -96
  104. package/src/components/charts/components/BulletChart/bulletChartOption.js +81 -81
  105. package/src/components/charts/components/BulletChart/chartToken.js +17 -17
  106. package/src/components/charts/components/BulletChart/handleOptipn.js +74 -74
  107. package/src/components/charts/components/BulletChart/handleSeries.js +142 -142
  108. package/src/components/charts/components/BulletChart/index.js +93 -93
  109. package/src/components/charts/components/CandlestickChart/BaseOption.js +44 -44
  110. package/src/components/charts/components/CandlestickChart/chartToken.js +17 -17
  111. package/src/components/charts/components/CandlestickChart/hanleOption.js +130 -130
  112. package/src/components/charts/components/CandlestickChart/hanleSeries.js +123 -123
  113. package/src/components/charts/components/CandlestickChart/index.js +68 -68
  114. package/src/components/charts/components/CircleProcessChart/chartToken.js +17 -17
  115. package/src/components/charts/components/CircleProcessChart/handleOption.js +67 -67
  116. package/src/components/charts/components/CircleProcessChart/handleSeries.js +126 -126
  117. package/src/components/charts/components/CircleProcessChart/index.js +63 -63
  118. package/src/components/charts/components/FlowChart/Layout.js +211 -211
  119. package/src/components/charts/components/FlowChart/LineBezier.js +120 -120
  120. package/src/components/charts/components/FlowChart/LineDirect.js +42 -42
  121. package/src/components/charts/components/FlowChart/LineManager.js +278 -278
  122. package/src/components/charts/components/FlowChart/LineMode.js +43 -43
  123. package/src/components/charts/components/FlowChart/LineRound.js +335 -335
  124. package/src/components/charts/components/FlowChart/NodeManager.js +185 -185
  125. package/src/components/charts/components/FlowChart/dagre.js +8829 -8829
  126. package/src/components/charts/components/FlowChart/frameworkFn.js +37 -37
  127. package/src/components/charts/components/FlowChart/index.js +267 -267
  128. package/src/components/charts/components/FlowChart/index.less +90 -90
  129. package/src/components/charts/components/FlowChart/insert.js +40 -40
  130. package/src/components/charts/components/FlowChart/util.js +42 -42
  131. package/src/components/charts/components/FunnelChart/chartToken.js +17 -17
  132. package/src/components/charts/components/FunnelChart/handleLegend.js +44 -44
  133. package/src/components/charts/components/FunnelChart/handleSeries.js +77 -77
  134. package/src/components/charts/components/FunnelChart/index.js +43 -43
  135. package/src/components/charts/components/GanttChart/CoordinateSystem.js +358 -358
  136. package/src/components/charts/components/GanttChart/TimeLine.js +379 -379
  137. package/src/components/charts/components/GanttChart/constant.js +71 -71
  138. package/src/components/charts/components/GanttChart/index.js +51 -51
  139. package/src/components/charts/components/GanttChart/index.less +267 -267
  140. package/src/components/charts/components/GanttChart/util.js +335 -335
  141. package/src/components/charts/components/GaugeChart/BaseOption.js +22 -22
  142. package/src/components/charts/components/GaugeChart/chartToken.js +17 -17
  143. package/src/components/charts/components/GaugeChart/handleOptipn.js +22 -22
  144. package/src/components/charts/components/GaugeChart/handleSeries.js +504 -504
  145. package/src/components/charts/components/GaugeChart/index.js +53 -53
  146. package/src/components/charts/components/GraphChart/index.js +34 -34
  147. package/src/components/charts/components/GraphTreeChart/BaseOption.js +42 -42
  148. package/src/components/charts/components/GraphTreeChart/handleData.js +118 -118
  149. package/src/components/charts/components/GraphTreeChart/handleOption.js +142 -142
  150. package/src/components/charts/components/GraphTreeChart/index.js +65 -65
  151. package/src/components/charts/components/GraphTreeChart/mixTree.js +35 -35
  152. package/src/components/charts/components/GraphTreeChart/utils.js +75 -75
  153. package/src/components/charts/components/HeatMapChart/BaseOption.js +66 -66
  154. package/src/components/charts/components/HeatMapChart/chartToken.js +17 -17
  155. package/src/components/charts/components/HeatMapChart/handleData.js +138 -138
  156. package/src/components/charts/components/HeatMapChart/handleOptipn.js +227 -227
  157. package/src/components/charts/components/HeatMapChart/handleSeries.js +82 -82
  158. package/src/components/charts/components/HeatMapChart/handleVisualMap.js +91 -91
  159. package/src/components/charts/components/HeatMapChart/index.js +70 -70
  160. package/src/components/charts/components/HillChart/baseOption.js +50 -50
  161. package/src/components/charts/components/HillChart/chartToken.js +17 -17
  162. package/src/components/charts/components/HillChart/handleOption.js +193 -193
  163. package/src/components/charts/components/HillChart/handleSeries.js +39 -39
  164. package/src/components/charts/components/HillChart/index.js +96 -96
  165. package/src/components/charts/components/HoneycombChart/NodeManager.js +172 -172
  166. package/src/components/charts/components/HoneycombChart/TipManager.js +74 -74
  167. package/src/components/charts/components/HoneycombChart/index.js +117 -117
  168. package/src/components/charts/components/HoneycombChart/index.less +48 -48
  169. package/src/components/charts/components/JadeJueChart/BaseOption.js +40 -40
  170. package/src/components/charts/components/JadeJueChart/chartToken.js +17 -17
  171. package/src/components/charts/components/JadeJueChart/handleOption.js +261 -261
  172. package/src/components/charts/components/JadeJueChart/handleSeries.js +246 -246
  173. package/src/components/charts/components/JadeJueChart/index.js +71 -71
  174. package/src/components/charts/components/JadeJueChart/labelFormatter.js +130 -130
  175. package/src/components/charts/components/LineChart/AreaChart/bottomArea.js +177 -177
  176. package/src/components/charts/components/LineChart/AreaChart/chartToken.js +17 -17
  177. package/src/components/charts/components/LineChart/AreaChart/index.js +17 -17
  178. package/src/components/charts/components/LineChart/AreaChart/topArea.js +139 -139
  179. package/src/components/charts/components/LineChart/chartToken.js +17 -17
  180. package/src/components/charts/components/LineChart/handleOptipn.js +145 -145
  181. package/src/components/charts/components/LineChart/handlePredict.js +73 -73
  182. package/src/components/charts/components/LineChart/handleSeries.js +266 -266
  183. package/src/components/charts/components/LineChart/handleVisualMap.js +137 -137
  184. package/src/components/charts/components/LineChart/index.js +133 -133
  185. package/src/components/charts/components/LiquidfillChart/chartToken.js +17 -17
  186. package/src/components/charts/components/LiquidfillChart/handleSeries.js +170 -170
  187. package/src/components/charts/components/LiquidfillChart/index.js +42 -42
  188. package/src/components/charts/components/LiquidfillChart/plugSeries.js +78 -78
  189. package/src/components/charts/components/LiquidfillChart/plugShape.js +163 -163
  190. package/src/components/charts/components/LiquidfillChart/plugView.js +537 -537
  191. package/src/components/charts/components/MilestoneChart/Layout.js +183 -183
  192. package/src/components/charts/components/MilestoneChart/Node.js +319 -319
  193. package/src/components/charts/components/MilestoneChart/assets/next.svg +7 -7
  194. package/src/components/charts/components/MilestoneChart/assets/prev.svg +7 -7
  195. package/src/components/charts/components/MilestoneChart/assets/prompt.svg +9 -9
  196. package/src/components/charts/components/MilestoneChart/index.js +108 -108
  197. package/src/components/charts/components/MilestoneChart/index.less +243 -243
  198. package/src/components/charts/components/MilestoneChart/insertDom.js +32 -32
  199. package/src/components/charts/components/MilestoneChart/insertIcon.js +24 -24
  200. package/src/components/charts/components/MilestoneChart/insertSvg.js +108 -108
  201. package/src/components/charts/components/OrganizationChart/NodeManager.js +188 -188
  202. package/src/components/charts/components/OrganizationChart/RotateManager.js +349 -349
  203. package/src/components/charts/components/OrganizationChart/index.js +124 -124
  204. package/src/components/charts/components/OrganizationChart/index.less +111 -111
  205. package/src/components/charts/components/PieChart/chartToken.js +17 -17
  206. package/src/components/charts/components/PieChart/handleLabel.js +94 -94
  207. package/src/components/charts/components/PieChart/handleMulti.js +131 -131
  208. package/src/components/charts/components/PieChart/handleSeries.js +236 -236
  209. package/src/components/charts/components/PieChart/index.js +58 -58
  210. package/src/components/charts/components/PolarBarChart/chartToken.js +17 -17
  211. package/src/components/charts/components/PolarBarChart/handleOption.js +102 -102
  212. package/src/components/charts/components/PolarBarChart/handleSeries.js +127 -127
  213. package/src/components/charts/components/PolarBarChart/index.js +61 -61
  214. package/src/components/charts/components/ProcessChart/BaseOption.js +295 -295
  215. package/src/components/charts/components/ProcessChart/chartToken.js +17 -17
  216. package/src/components/charts/components/ProcessChart/handleData.js +156 -156
  217. package/src/components/charts/components/ProcessChart/handleOption.js +212 -212
  218. package/src/components/charts/components/ProcessChart/handleSeries.js +369 -369
  219. package/src/components/charts/components/ProcessChart/index.js +76 -76
  220. package/src/components/charts/components/RadarChart/BaseOption.js +248 -248
  221. package/src/components/charts/components/RadarChart/GradientRadar/index.js +421 -421
  222. package/src/components/charts/components/RadarChart/chartToken.js +17 -17
  223. package/src/components/charts/components/RadarChart/handleOptipn.js +316 -316
  224. package/src/components/charts/components/RadarChart/handleSeries.js +120 -120
  225. package/src/components/charts/components/RadarChart/index.js +77 -77
  226. package/src/components/charts/components/RegionChart/chartToken.js +17 -17
  227. package/src/components/charts/components/RegionChart/handleOption.js +29 -29
  228. package/src/components/charts/components/RegionChart/index.js +48 -48
  229. package/src/components/charts/components/RiverChart/Belt.js +181 -181
  230. package/src/components/charts/components/RiverChart/Manager.js +173 -173
  231. package/src/components/charts/components/RiverChart/Node.js +425 -425
  232. package/src/components/charts/components/RiverChart/baseOption.js +51 -51
  233. package/src/components/charts/components/RiverChart/index.js +79 -79
  234. package/src/components/charts/components/RiverChart/index.less +41 -41
  235. package/src/components/charts/components/RiverChart/util.js +160 -160
  236. package/src/components/charts/components/SankeyChart/BaseOption.js +74 -74
  237. package/src/components/charts/components/SankeyChart/chartToken.js +17 -17
  238. package/src/components/charts/components/SankeyChart/handleOption.js +257 -257
  239. package/src/components/charts/components/SankeyChart/index.js +111 -111
  240. package/src/components/charts/components/SankeyChart/tooltip.js +52 -52
  241. package/src/components/charts/components/ScatterChart/chartToken.js +17 -17
  242. package/src/components/charts/components/ScatterChart/handleMarkPoint.js +74 -74
  243. package/src/components/charts/components/ScatterChart/handleOptipn.js +66 -66
  244. package/src/components/charts/components/ScatterChart/handleSeries.js +48 -48
  245. package/src/components/charts/components/ScatterChart/index.js +60 -60
  246. package/src/components/charts/components/SnowFlakeChart/BranchManager.js +323 -323
  247. package/src/components/charts/components/SnowFlakeChart/CommonConstant.js +110 -110
  248. package/src/components/charts/components/SnowFlakeChart/LeafManager.js +75 -75
  249. package/src/components/charts/components/SnowFlakeChart/NodeManager.js +239 -239
  250. package/src/components/charts/components/SnowFlakeChart/TagManager.js +79 -79
  251. package/src/components/charts/components/SnowFlakeChart/assets/down.svg +7 -7
  252. package/src/components/charts/components/SnowFlakeChart/assets/image2L.svg +6 -6
  253. package/src/components/charts/components/SnowFlakeChart/assets/image2R.svg +6 -6
  254. package/src/components/charts/components/SnowFlakeChart/assets/image5L.svg +6 -6
  255. package/src/components/charts/components/SnowFlakeChart/assets/image5R.svg +6 -6
  256. package/src/components/charts/components/SnowFlakeChart/assets/outerBorder.svg +24 -24
  257. package/src/components/charts/components/SnowFlakeChart/assets/outerBorderOverAll.svg +18 -18
  258. package/src/components/charts/components/SnowFlakeChart/assets/up.svg +7 -7
  259. package/src/components/charts/components/SnowFlakeChart/assets/wirelessL.svg +6 -6
  260. package/src/components/charts/components/SnowFlakeChart/assets/wirelessR.svg +6 -6
  261. package/src/components/charts/components/SnowFlakeChart/defaultOption.js +284 -284
  262. package/src/components/charts/components/SnowFlakeChart/index.js +407 -407
  263. package/src/components/charts/components/SnowFlakeChart/index.less +502 -502
  264. package/src/components/charts/components/SnowFlakeChart/line/LineArrow.js +61 -61
  265. package/src/components/charts/components/SnowFlakeChart/line/LineDashed.js +28 -28
  266. package/src/components/charts/components/SnowFlakeChart/line/LineDotted.js +28 -28
  267. package/src/components/charts/components/SnowFlakeChart/line/LineStraight.js +27 -27
  268. package/src/components/charts/components/SnowFlakeChart/line/index.js +201 -201
  269. package/src/components/charts/components/SnowFlakeChart/util.js +430 -430
  270. package/src/components/charts/components/SunburstChart/chartToken.js +17 -17
  271. package/src/components/charts/components/SunburstChart/handleSeries.js +48 -48
  272. package/src/components/charts/components/SunburstChart/index.js +40 -40
  273. package/src/components/charts/components/TerraceChart/defaultGradient.js +115 -115
  274. package/src/components/charts/components/TerraceChart/defaultPath.js +29 -29
  275. package/src/components/charts/components/TerraceChart/index.js +276 -276
  276. package/src/components/charts/components/TerraceChart/index.less +170 -170
  277. package/src/components/charts/components/TerraceChart/insert.js +35 -35
  278. package/src/components/charts/components/TerraceChart/loading.js +33 -33
  279. package/src/components/charts/components/TimelineChart/chartToken.js +16 -16
  280. package/src/components/charts/components/TimelineChart/index.js +108 -108
  281. package/src/components/charts/components/TimelineChart/index.less +151 -151
  282. package/src/components/charts/components/TimelineChart/insertDom.js +45 -45
  283. package/src/components/charts/components/TimelineChart/timeline.js +460 -460
  284. package/src/components/charts/components/TreeChart/chartToken.js +17 -17
  285. package/src/components/charts/components/TreeChart/handleOptipn.js +101 -101
  286. package/src/components/charts/components/TreeChart/handleSeries.js +148 -148
  287. package/src/components/charts/components/TreeChart/index.js +50 -50
  288. package/src/components/charts/components/TreeMapChart/handleOptipn.js +57 -57
  289. package/src/components/charts/components/TreeMapChart/handleSeries.js +56 -56
  290. package/src/components/charts/components/TreeMapChart/handleVisualMap.js +31 -31
  291. package/src/components/charts/components/TreeMapChart/index.js +56 -56
  292. package/src/components/charts/components/WaveChart/chartToken.js +17 -17
  293. package/src/components/charts/components/WaveChart/index.js +418 -418
  294. package/src/components/charts/components/WaveChart/index.less +76 -76
  295. package/src/components/charts/components/WaveChart/insert.js +38 -38
  296. package/src/components/charts/components/WaveChart/loading.js +33 -33
  297. package/src/components/charts/components/WordCloudChart/BaseOption.js +19 -19
  298. package/src/components/charts/components/WordCloudChart/chartToken.js +17 -17
  299. package/src/components/charts/components/WordCloudChart/handleOptipn.js +20 -20
  300. package/src/components/charts/components/WordCloudChart/handleSeries.js +106 -106
  301. package/src/components/charts/components/WordCloudChart/index.js +67 -67
  302. package/src/components/charts/core.js +385 -385
  303. package/src/components/charts/feature/adaptive/index.js +45 -45
  304. package/src/components/charts/feature/adaptive/series/AssembleBubbleChart.js +21 -21
  305. package/src/components/charts/feature/adaptive/series/BarChart.js +26 -26
  306. package/src/components/charts/feature/adaptive/series/BoxplotChart.js +25 -25
  307. package/src/components/charts/feature/adaptive/series/BubbleChart.js +25 -25
  308. package/src/components/charts/feature/adaptive/series/BulletChart.js +26 -26
  309. package/src/components/charts/feature/adaptive/series/CircleProcessChart.js +24 -24
  310. package/src/components/charts/feature/adaptive/series/FunnelChart.js +21 -21
  311. package/src/components/charts/feature/adaptive/series/HeatMapChart.js +25 -25
  312. package/src/components/charts/feature/adaptive/series/JadeJueChart.js +23 -23
  313. package/src/components/charts/feature/adaptive/series/LineChart.js +25 -25
  314. package/src/components/charts/feature/adaptive/series/LiquidfillChart.js +25 -25
  315. package/src/components/charts/feature/adaptive/series/PieChart.js +24 -24
  316. package/src/components/charts/feature/adaptive/series/PolarBarChart.js +21 -21
  317. package/src/components/charts/feature/adaptive/series/ScatterChart.js +25 -25
  318. package/src/components/charts/feature/adaptive/series/SunburstChart.js +24 -24
  319. package/src/components/charts/feature/adaptive/utils/axis.js +25 -25
  320. package/src/components/charts/feature/adaptive/utils/label.js +29 -29
  321. package/src/components/charts/feature/adaptive/utils/legend.js +29 -29
  322. package/src/components/charts/feature/adaptive/utils/title.js +29 -29
  323. package/src/components/charts/feature/adaptive/utils/tooltip.js +29 -29
  324. package/src/components/charts/feature/axistip/index.js +116 -116
  325. package/src/components/charts/feature/card/chartToken.js +17 -17
  326. package/src/components/charts/feature/card/index.js +225 -225
  327. package/src/components/charts/feature/card/index.less +166 -166
  328. package/src/components/charts/feature/drag/index.js +353 -353
  329. package/src/components/charts/feature/drag/index.less +53 -53
  330. package/src/components/charts/feature/equalLabel/index.js +62 -62
  331. package/src/components/charts/feature/expandLegend/constants.js +22 -22
  332. package/src/components/charts/feature/expandLegend/index.js +190 -190
  333. package/src/components/charts/feature/expandLegend/index.less +1043 -1043
  334. package/src/components/charts/feature/expandLegend/mutiSelect/constants.js +40 -40
  335. package/src/components/charts/feature/expandLegend/mutiSelect/index.js +157 -157
  336. package/src/components/charts/feature/expandLegend/mutiSelect/item.js +133 -133
  337. package/src/components/charts/feature/expandLegend/mutiSelect/position.js +43 -43
  338. package/src/components/charts/feature/expandLegend/mutiSelect/search.js +79 -79
  339. package/src/components/charts/feature/expandLegend/mutiSelectLegend/constants.js +41 -41
  340. package/src/components/charts/feature/expandLegend/mutiSelectLegend/group.js +111 -111
  341. package/src/components/charts/feature/expandLegend/mutiSelectLegend/index.js +97 -97
  342. package/src/components/charts/feature/expandLegend/mutiSelectLegend/item.js +114 -114
  343. package/src/components/charts/feature/expandLegend/mutiSelectLegend/more.js +100 -100
  344. package/src/components/charts/feature/expandLegend/mutiSelectLegend/paging.js +102 -102
  345. package/src/components/charts/feature/expandLegend/mutiSelectLegend/scroll.js +33 -33
  346. package/src/components/charts/feature/expandLegend/mutiSelectList/constants.js +34 -34
  347. package/src/components/charts/feature/expandLegend/mutiSelectList/index.js +181 -181
  348. package/src/components/charts/feature/expandLegend/mutiSelectList/statisticList.js +145 -145
  349. package/src/components/charts/feature/expandLegend/singleSelect/constants.js +40 -40
  350. package/src/components/charts/feature/expandLegend/singleSelect/index.js +170 -170
  351. package/src/components/charts/feature/expandLegend/singleSelect/item.js +74 -74
  352. package/src/components/charts/feature/expandLegend/singleSelect/position.js +33 -33
  353. package/src/components/charts/feature/expandLegend/singleSelect/search.js +76 -76
  354. package/src/components/charts/feature/expandLegend/singleSelectLegend/constants.js +41 -41
  355. package/src/components/charts/feature/expandLegend/singleSelectLegend/group.js +115 -115
  356. package/src/components/charts/feature/expandLegend/singleSelectLegend/index.js +97 -97
  357. package/src/components/charts/feature/expandLegend/singleSelectLegend/item.js +112 -112
  358. package/src/components/charts/feature/expandLegend/singleSelectLegend/more.js +39 -39
  359. package/src/components/charts/feature/expandLegend/singleSelectLegend/scroll.js +33 -33
  360. package/src/components/charts/feature/expandLegend/tips/constants.js +21 -21
  361. package/src/components/charts/feature/expandLegend/tips/index.js +168 -168
  362. package/src/components/charts/feature/fluctuation/index.js +64 -64
  363. package/src/components/charts/feature/linter/dialog/index.js +111 -111
  364. package/src/components/charts/feature/linter/index.js +130 -130
  365. package/src/components/charts/feature/linter/lints/charts/Bar.js +45 -45
  366. package/src/components/charts/feature/linter/lints/charts/Line.js +30 -30
  367. package/src/components/charts/feature/linter/lints/charts/Pie.js +38 -38
  368. package/src/components/charts/feature/linter/lints/charts/Radar.js +37 -37
  369. package/src/components/charts/feature/linter/lints/charts/index.js +36 -36
  370. package/src/components/charts/feature/linter/lints/modules/angleAxis.js +46 -46
  371. package/src/components/charts/feature/linter/lints/modules/color.js +18 -18
  372. package/src/components/charts/feature/linter/lints/modules/dataZoom.js +51 -51
  373. package/src/components/charts/feature/linter/lints/modules/index.js +63 -63
  374. package/src/components/charts/feature/linter/lints/modules/legend.js +63 -63
  375. package/src/components/charts/feature/linter/lints/modules/radar.js +58 -58
  376. package/src/components/charts/feature/linter/lints/modules/radiusAxis.js +48 -48
  377. package/src/components/charts/feature/linter/lints/modules/title.js +43 -43
  378. package/src/components/charts/feature/linter/lints/modules/tooltip.js +28 -28
  379. package/src/components/charts/feature/linter/lints/modules/util.js +97 -97
  380. package/src/components/charts/feature/linter/lints/modules/xAxis.js +51 -51
  381. package/src/components/charts/feature/linter/lints/modules/yAxis.js +51 -51
  382. package/src/components/charts/feature/mediaScreen/index.js +94 -94
  383. package/src/components/charts/feature/mini/miniBarChart.js +57 -57
  384. package/src/components/charts/feature/mini/miniCircleProcessChart.js +31 -31
  385. package/src/components/charts/feature/mini/miniLineChart.js +57 -57
  386. package/src/components/charts/feature/mini/miniProcessChart.js +63 -63
  387. package/src/components/charts/feature/nodeRender/angular-node.js +99 -99
  388. package/src/components/charts/feature/nodeRender/index.js +30 -30
  389. package/src/components/charts/feature/nodeRender/react-node.js +82 -82
  390. package/src/components/charts/feature/nodeRender/vue-node.js +108 -108
  391. package/src/components/charts/feature/performance/lttb.js +84 -84
  392. package/src/components/charts/feature/readScreen/index.js +18 -18
  393. package/src/components/charts/feature/token/color/bpit/dark.js +67 -67
  394. package/src/components/charts/feature/token/color/bpit/index.js +20 -20
  395. package/src/components/charts/feature/token/color/bpit/light.js +66 -66
  396. package/src/components/charts/feature/token/color/cloud/board-dark.js +260 -260
  397. package/src/components/charts/feature/token/color/cloud/board.js +275 -275
  398. package/src/components/charts/feature/token/color/cloud/dark.js +78 -78
  399. package/src/components/charts/feature/token/color/cloud/index.js +20 -20
  400. package/src/components/charts/feature/token/color/cloud/light.js +77 -77
  401. package/src/components/charts/feature/token/color/hdesign/board.js +204 -204
  402. package/src/components/charts/feature/token/color/hdesign/dark.js +78 -78
  403. package/src/components/charts/feature/token/color/hdesign/index.js +20 -20
  404. package/src/components/charts/feature/token/color/hdesign/light.js +79 -79
  405. package/src/components/charts/feature/token/color/ict/board.js +190 -190
  406. package/src/components/charts/feature/token/color/ict/dark.js +61 -61
  407. package/src/components/charts/feature/token/color/ict/index.js +20 -20
  408. package/src/components/charts/feature/token/color/ict/light.js +62 -62
  409. package/src/components/charts/feature/token/color/index.js +29 -29
  410. package/src/components/charts/feature/token/color/util.js +42 -42
  411. package/src/components/charts/feature/token/factory/chartsToken/AreaChart.js +20 -20
  412. package/src/components/charts/feature/token/factory/chartsToken/AssembleBubbleChart.js +26 -26
  413. package/src/components/charts/feature/token/factory/chartsToken/BarChart.js +27 -27
  414. package/src/components/charts/feature/token/factory/chartsToken/BoxplotChart.js +27 -27
  415. package/src/components/charts/feature/token/factory/chartsToken/BubbleChart.js +22 -22
  416. package/src/components/charts/feature/token/factory/chartsToken/BulletChart.js +23 -23
  417. package/src/components/charts/feature/token/factory/chartsToken/CandlestickChart.js +20 -20
  418. package/src/components/charts/feature/token/factory/chartsToken/ChartCard.js +33 -33
  419. package/src/components/charts/feature/token/factory/chartsToken/CircleProcessChart.js +23 -23
  420. package/src/components/charts/feature/token/factory/chartsToken/FunnelChart.js +26 -26
  421. package/src/components/charts/feature/token/factory/chartsToken/GaugeChart.js +27 -27
  422. package/src/components/charts/feature/token/factory/chartsToken/HeatMapChart.js +21 -21
  423. package/src/components/charts/feature/token/factory/chartsToken/HillChart.js +21 -21
  424. package/src/components/charts/feature/token/factory/chartsToken/JadeJueChart.js +28 -28
  425. package/src/components/charts/feature/token/factory/chartsToken/LineChart.js +36 -36
  426. package/src/components/charts/feature/token/factory/chartsToken/LiquidfillChart.js +22 -22
  427. package/src/components/charts/feature/token/factory/chartsToken/PieChart.js +49 -49
  428. package/src/components/charts/feature/token/factory/chartsToken/PolarBarChart.js +22 -22
  429. package/src/components/charts/feature/token/factory/chartsToken/ProcessChart.js +40 -40
  430. package/src/components/charts/feature/token/factory/chartsToken/RadarChart.js +36 -36
  431. package/src/components/charts/feature/token/factory/chartsToken/RegionChart.js +20 -20
  432. package/src/components/charts/feature/token/factory/chartsToken/SankeyChart.js +22 -22
  433. package/src/components/charts/feature/token/factory/chartsToken/ScatterChart.js +21 -21
  434. package/src/components/charts/feature/token/factory/chartsToken/SunburstChart.js +22 -22
  435. package/src/components/charts/feature/token/factory/chartsToken/TimelineChart.js +21 -21
  436. package/src/components/charts/feature/token/factory/chartsToken/TreeChart.js +21 -21
  437. package/src/components/charts/feature/token/factory/chartsToken/WaveChart.js +23 -23
  438. package/src/components/charts/feature/token/factory/chartsToken/WordCloudChart.js +21 -21
  439. package/src/components/charts/feature/token/factory/chartsToken/index.js +79 -79
  440. package/src/components/charts/feature/token/factory/getAliasToken.js +41 -41
  441. package/src/components/charts/feature/token/factory/getExportColors.js +45 -45
  442. package/src/components/charts/feature/token/factory/getGlobalToken.js +25 -25
  443. package/src/components/charts/feature/token/factory/getModelToken.js +389 -389
  444. package/src/components/charts/feature/token/factory/getSceneToken.js +41 -41
  445. package/src/components/charts/feature/token/factory/globalToken/border.js +21 -21
  446. package/src/components/charts/feature/token/factory/globalToken/borderRadius.js +22 -22
  447. package/src/components/charts/feature/token/factory/globalToken/font.js +26 -26
  448. package/src/components/charts/feature/token/factory/globalToken/index.js +28 -28
  449. package/src/components/charts/feature/token/factory/globalToken/lineType.js +19 -19
  450. package/src/components/charts/feature/token/factory/globalToken/size.js +22 -22
  451. package/src/components/charts/feature/token/factory/globalToken/space.js +25 -25
  452. package/src/components/charts/feature/token/factory/index.js +39 -39
  453. package/src/components/charts/feature/token/factory/mergeToken.js +72 -72
  454. package/src/components/charts/feature/token/index.js +176 -176
  455. package/src/components/charts/feature/token/readme.md +11 -11
  456. package/src/components/charts/feature/token/theme/bpit/index.js +19 -19
  457. package/src/components/charts/feature/token/theme/cloud/getAliasToken.js +247 -247
  458. package/src/components/charts/feature/token/theme/cloud/getSceneToken.js +73 -73
  459. package/src/components/charts/feature/token/theme/cloud/index.js +19 -19
  460. package/src/components/charts/feature/token/theme/hdesign/getAliasToken.js +249 -249
  461. package/src/components/charts/feature/token/theme/hdesign/getSceneToken.js +74 -74
  462. package/src/components/charts/feature/token/theme/hdesign/index.js +19 -19
  463. package/src/components/charts/feature/token/theme/ict/getAliasToken.js +249 -249
  464. package/src/components/charts/feature/token/theme/ict/getSceneToken.js +71 -71
  465. package/src/components/charts/feature/token/theme/ict/index.js +19 -19
  466. package/src/components/charts/feature/wcag/index.js +335 -335
  467. package/src/components/charts/feature/xss/index.js +51 -51
  468. package/src/components/charts/framework/charts/CircleArcChart/index.js +142 -142
  469. package/src/components/charts/framework/charts/CircleChart/index.js +140 -140
  470. package/src/components/charts/framework/charts/CustomizeChart/index.js +166 -166
  471. package/src/components/charts/framework/charts/ForceDirectedChart/index.js +140 -140
  472. package/src/components/charts/framework/charts/ForceDirectedChart/initDom.js +20 -20
  473. package/src/components/charts/framework/charts/ForceDirectedChart/libs/Node.js +148 -148
  474. package/src/components/charts/framework/charts/ForceDirectedChart/libs/center.js +71 -71
  475. package/src/components/charts/framework/charts/ForceDirectedChart/libs/collide.js +151 -151
  476. package/src/components/charts/framework/charts/ForceDirectedChart/libs/constant.js +17 -17
  477. package/src/components/charts/framework/charts/ForceDirectedChart/libs/dispatch.js +95 -95
  478. package/src/components/charts/framework/charts/ForceDirectedChart/libs/index.js +19 -19
  479. package/src/components/charts/framework/charts/ForceDirectedChart/libs/jiggle.js +16 -16
  480. package/src/components/charts/framework/charts/ForceDirectedChart/libs/lcg.js +23 -23
  481. package/src/components/charts/framework/charts/ForceDirectedChart/libs/link.js +128 -128
  482. package/src/components/charts/framework/charts/ForceDirectedChart/libs/manyBody.js +127 -127
  483. package/src/components/charts/framework/charts/ForceDirectedChart/libs/quadtree.js +393 -393
  484. package/src/components/charts/framework/charts/ForceDirectedChart/libs/radial.js +68 -68
  485. package/src/components/charts/framework/charts/ForceDirectedChart/libs/simulation.js +171 -171
  486. package/src/components/charts/framework/charts/ForceDirectedChart/libs/timer.js +121 -121
  487. package/src/components/charts/framework/charts/ForceDirectedChart/libs/x.js +52 -52
  488. package/src/components/charts/framework/charts/ForceDirectedChart/libs/y.js +52 -52
  489. package/src/components/charts/framework/charts/GridChart/index.js +174 -174
  490. package/src/components/charts/framework/charts/LinearArcChart/index.js +143 -143
  491. package/src/components/charts/framework/charts/MindmapChart/index.js +166 -166
  492. package/src/components/charts/framework/charts/MindmapChart/index.less +84 -84
  493. package/src/components/charts/framework/core/Base.js +53 -53
  494. package/src/components/charts/framework/core/Relation.js +77 -77
  495. package/src/components/charts/framework/module/animation/Animate.js +433 -433
  496. package/src/components/charts/framework/module/animation/Animation.js +75 -75
  497. package/src/components/charts/framework/module/animation/AnimationGroup.js +136 -136
  498. package/src/components/charts/framework/module/animation/Easing.js +224 -224
  499. package/src/components/charts/framework/module/animation/Interpolation.js +87 -87
  500. package/src/components/charts/framework/module/animation/index.js +19 -19
  501. package/src/components/charts/framework/module/arrow/Manager.js +132 -132
  502. package/src/components/charts/framework/module/arrow/index.js +96 -96
  503. package/src/components/charts/framework/module/canvas/grid.js +287 -287
  504. package/src/components/charts/framework/module/canvas/index.js +433 -433
  505. package/src/components/charts/framework/module/canvas/index.less +102 -102
  506. package/src/components/charts/framework/module/canvas/initDom.js +66 -66
  507. package/src/components/charts/framework/module/canvas/tool.js +61 -61
  508. package/src/components/charts/framework/module/connector/Manager.js +103 -103
  509. package/src/components/charts/framework/module/connector/index.js +98 -98
  510. package/src/components/charts/framework/module/connector/index.less +36 -36
  511. package/src/components/charts/framework/module/connector/type/dot.js +20 -20
  512. package/src/components/charts/framework/module/connector/type/expand.js +210 -210
  513. package/src/components/charts/framework/module/contextmenu/index.js +149 -149
  514. package/src/components/charts/framework/module/contextmenu/index.less +39 -39
  515. package/src/components/charts/framework/module/data/Manager.js +55 -55
  516. package/src/components/charts/framework/module/legend/Item.js +217 -217
  517. package/src/components/charts/framework/module/legend/constants.js +13 -13
  518. package/src/components/charts/framework/module/legend/getSymbol.js +85 -85
  519. package/src/components/charts/framework/module/legend/index.js +118 -118
  520. package/src/components/charts/framework/module/legend/util.js +80 -80
  521. package/src/components/charts/framework/module/line/Animation.js +124 -124
  522. package/src/components/charts/framework/module/line/Manager.js +299 -299
  523. package/src/components/charts/framework/module/line/Tag.js +60 -60
  524. package/src/components/charts/framework/module/line/bufferRender.js +73 -73
  525. package/src/components/charts/framework/module/line/cross/pathPoints.js +232 -232
  526. package/src/components/charts/framework/module/line/cross/vectorUtil.js +66 -66
  527. package/src/components/charts/framework/module/line/customize.js +28 -28
  528. package/src/components/charts/framework/module/line/index.js +259 -259
  529. package/src/components/charts/framework/module/line/index.less +23 -23
  530. package/src/components/charts/framework/module/line/type/Bezier.js +90 -90
  531. package/src/components/charts/framework/module/line/type/Circle.js +38 -38
  532. package/src/components/charts/framework/module/line/type/Direct.js +23 -23
  533. package/src/components/charts/framework/module/line/type/Ellipse.js +88 -88
  534. package/src/components/charts/framework/module/line/type/Round.js +245 -245
  535. package/src/components/charts/framework/module/lineLayout/CircleShape/calculate.js +70 -70
  536. package/src/components/charts/framework/module/lineLayout/CircleShape/index.js +31 -31
  537. package/src/components/charts/framework/module/lineLayout/CircleShape/init.js +33 -33
  538. package/src/components/charts/framework/module/lineLayout/RectShape/calculate.js +173 -173
  539. package/src/components/charts/framework/module/lineLayout/RectShape/index.js +43 -43
  540. package/src/components/charts/framework/module/lineLayout/RectShape/init.js +78 -78
  541. package/src/components/charts/framework/module/lineLayout/RectShape/sharing.js +56 -56
  542. package/src/components/charts/framework/module/lineLayout/index.js +30 -30
  543. package/src/components/charts/framework/module/node/Manager.js +189 -189
  544. package/src/components/charts/framework/module/node/bufferRender.js +72 -72
  545. package/src/components/charts/framework/module/node/convertData/index.js +23 -23
  546. package/src/components/charts/framework/module/node/convertData/returnSelf.js +15 -15
  547. package/src/components/charts/framework/module/node/convertData/transform.js +23 -23
  548. package/src/components/charts/framework/module/node/convertData/treeToLink.js +35 -35
  549. package/src/components/charts/framework/module/node/index.js +187 -187
  550. package/src/components/charts/framework/module/nodeLayout/circle/excute.js +269 -269
  551. package/src/components/charts/framework/module/nodeLayout/circle/index.js +23 -23
  552. package/src/components/charts/framework/module/nodeLayout/customize/index.js +15 -15
  553. package/src/components/charts/framework/module/nodeLayout/defaults/excute.js +26 -26
  554. package/src/components/charts/framework/module/nodeLayout/defaults/index.js +19 -19
  555. package/src/components/charts/framework/module/nodeLayout/grid/excute.js +391 -391
  556. package/src/components/charts/framework/module/nodeLayout/grid/index.js +19 -19
  557. package/src/components/charts/framework/module/nodeLayout/index.js +26 -26
  558. package/src/components/charts/framework/module/nodeLayout/linearArc/index.js +33 -33
  559. package/src/components/charts/framework/module/nodeLayout/nonLayeredTidyTree/NodeBox.js +165 -165
  560. package/src/components/charts/framework/module/nodeLayout/nonLayeredTidyTree/algorithm.js +261 -261
  561. package/src/components/charts/framework/module/nodeLayout/nonLayeredTidyTree/index.js +277 -277
  562. package/src/components/charts/framework/module/readme.js +126 -126
  563. package/src/components/charts/index.js +65 -65
  564. package/src/components/charts/index.less +28 -28
  565. package/src/components/charts/option/PolarSys/index.js +43 -43
  566. package/src/components/charts/option/RectSys/index.js +58 -58
  567. package/src/components/charts/option/base/index.js +24 -24
  568. package/src/components/charts/option/config/angleAxis/base.js +56 -56
  569. package/src/components/charts/option/config/angleAxis/index.js +43 -43
  570. package/src/components/charts/option/config/animation/index.js +63 -63
  571. package/src/components/charts/option/config/datazoom/base.js +123 -123
  572. package/src/components/charts/option/config/datazoom/index.js +61 -61
  573. package/src/components/charts/option/config/grid/base.js +22 -22
  574. package/src/components/charts/option/config/grid/index.js +32 -32
  575. package/src/components/charts/option/config/legend/base.js +80 -80
  576. package/src/components/charts/option/config/legend/icon.js +21 -21
  577. package/src/components/charts/option/config/legend/index.js +63 -63
  578. package/src/components/charts/option/config/legend/itemStyle.js +16 -16
  579. package/src/components/charts/option/config/legend/ldata.js +29 -29
  580. package/src/components/charts/option/config/legend/pageIcon.js +54 -54
  581. package/src/components/charts/option/config/legend/position.js +18 -18
  582. package/src/components/charts/option/config/legend/size.js +16 -16
  583. package/src/components/charts/option/config/legend/textStyle.js +16 -16
  584. package/src/components/charts/option/config/mark/index.js +73 -73
  585. package/src/components/charts/option/config/polar/base.js +30 -30
  586. package/src/components/charts/option/config/polar/index.js +35 -35
  587. package/src/components/charts/option/config/polarTitle/base.js +40 -40
  588. package/src/components/charts/option/config/polarTitle/index.js +52 -52
  589. package/src/components/charts/option/config/polarTitle/subtextStyle.js +21 -21
  590. package/src/components/charts/option/config/polarTitle/textStyle.js +22 -22
  591. package/src/components/charts/option/config/radiusAxis/base.js +55 -55
  592. package/src/components/charts/option/config/radiusAxis/index.js +41 -41
  593. package/src/components/charts/option/config/rectTitle/base.js +31 -31
  594. package/src/components/charts/option/config/rectTitle/index.js +52 -52
  595. package/src/components/charts/option/config/toolbox/base.js +42 -42
  596. package/src/components/charts/option/config/toolbox/index.js +11 -11
  597. package/src/components/charts/option/config/tooltip/axisPointer.js +31 -31
  598. package/src/components/charts/option/config/tooltip/base.js +62 -62
  599. package/src/components/charts/option/config/tooltip/formatter.js +63 -63
  600. package/src/components/charts/option/config/tooltip/index.js +41 -41
  601. package/src/components/charts/option/config/visualMap/index.js +90 -90
  602. package/src/components/charts/option/config/xAxis/axisLabel.js +35 -35
  603. package/src/components/charts/option/config/xAxis/axisLine.js +29 -29
  604. package/src/components/charts/option/config/xAxis/axisMargin.js +31 -31
  605. package/src/components/charts/option/config/xAxis/base.js +66 -66
  606. package/src/components/charts/option/config/xAxis/boundaryGap.js +17 -17
  607. package/src/components/charts/option/config/xAxis/index.js +52 -52
  608. package/src/components/charts/option/config/xAxis/name.js +18 -18
  609. package/src/components/charts/option/config/xAxis/xdata.js +22 -22
  610. package/src/components/charts/option/config/xAxis/xkey.js +20 -20
  611. package/src/components/charts/option/config/yAxis/axisOptimization.js +31 -31
  612. package/src/components/charts/option/config/yAxis/base.js +59 -59
  613. package/src/components/charts/option/config/yAxis/index.js +68 -68
  614. package/src/components/charts/option/config/yAxis/ydata.js +28 -28
  615. package/src/components/charts/option/init/index.js +204 -204
  616. package/src/components/charts/register.js +178 -178
  617. package/src/components/charts/theme.js +62 -62
  618. package/src/components/charts/util/Sequence.js +21 -21
  619. package/src/components/charts/util/centerDom.js +92 -92
  620. package/src/components/charts/util/cloneDeep.js +29 -29
  621. package/src/components/charts/util/color.js +192 -192
  622. package/src/components/charts/util/constants.js +124 -124
  623. package/src/components/charts/util/convert.js +49 -49
  624. package/src/components/charts/util/debounce.js +23 -23
  625. package/src/components/charts/util/defendXSS.js +81 -81
  626. package/src/components/charts/util/dom.js +89 -89
  627. package/src/components/charts/util/equal.js +62 -62
  628. package/src/components/charts/util/event.js +25 -25
  629. package/src/components/charts/util/hashMap.js +111 -111
  630. package/src/components/charts/util/init/insert.js +164 -164
  631. package/src/components/charts/util/math.js +182 -182
  632. package/src/components/charts/util/merge.js +78 -78
  633. package/src/components/charts/util/paint.js +98 -98
  634. package/src/components/charts/util/sort/max.js +64 -64
  635. package/src/components/charts/util/sort/min.js +64 -64
  636. package/src/components/charts/util/throttle.js +33 -33
  637. package/src/components/charts/util/tips.js +24 -24
  638. package/src/components/charts/util/type.js +45 -45
  639. package/src/components/ebiz-form/components/cascader.vue +61 -61
  640. package/src/components/ebiz-form/components/checkbox.vue +37 -37
  641. package/src/components/ebiz-form/components/city.vue +137 -137
  642. package/src/components/ebiz-form/components/date-panel.vue +52 -52
  643. package/src/components/ebiz-form/components/date-range-panel.vue +52 -52
  644. package/src/components/ebiz-form/components/date-range.vue +56 -56
  645. package/src/components/ebiz-form/components/date.vue +52 -52
  646. package/src/components/ebiz-form/components/editor-multi-language.vue +47 -47
  647. package/src/components/ebiz-form/components/editor.vue +78 -78
  648. package/src/components/ebiz-form/components/file-multi-language.vue +52 -52
  649. package/src/components/ebiz-form/components/file.vue +149 -149
  650. package/src/components/ebiz-form/components/images-multi-language.vue +52 -52
  651. package/src/components/ebiz-form/components/images.vue +129 -129
  652. package/src/components/ebiz-form/components/img-multi-language.vue +51 -51
  653. package/src/components/ebiz-form/components/img.vue +129 -129
  654. package/src/components/ebiz-form/components/number.vue +50 -50
  655. package/src/components/ebiz-form/components/radio.vue +28 -28
  656. package/src/components/ebiz-form/components/select.vue +119 -119
  657. package/src/components/ebiz-form/components/switch.vue +23 -23
  658. package/src/components/ebiz-form/components/text-multi-language.vue +47 -47
  659. package/src/components/ebiz-form/components/text.vue +52 -52
  660. package/src/components/ebiz-form/components/textarea-multi-language.vue +48 -48
  661. package/src/components/ebiz-form/components/textarea.vue +29 -29
  662. package/src/components/ebiz-form/components/video-multi-language.vue +51 -51
  663. package/src/components/ebiz-form/components/video.vue +97 -97
  664. package/src/components/ebiz-form/index.vue +157 -157
  665. package/src/components/icons/IconCommunity.vue +7 -7
  666. package/src/components/icons/IconDocumentation.vue +7 -7
  667. package/src/components/icons/IconEcosystem.vue +7 -7
  668. package/src/components/icons/IconSupport.vue +7 -7
  669. package/src/components/icons/IconTooling.vue +19 -19
  670. package/src/index.js +169 -166
  671. package/src/main.js +57 -57
  672. package/src/router/index.js +309 -297
  673. package/src/utils/formatCode.js +24 -24
  674. package/src/utils/generateImportStatement.js +52 -52
  675. package/src/utils/hasJsx.js +25 -25
  676. package/src/utils/index.js +166 -166
  677. package/src/utils/mergeOptions.js +29 -29
  678. package/src/utils/parseRequiredBlocks.js +18 -18
  679. package/src/utils/upload.ts +126 -126
  680. package/src/utils/vue-sfc-validator.js +155 -155
  681. package/src/views/Button.vue +19 -19
  682. package/src/views/CheckboxDemo.vue +104 -104
  683. package/src/views/DataContainer.vue +19 -19
  684. package/src/views/DialogDemo.vue +125 -125
  685. package/src/views/EbizAvatar.vue +223 -223
  686. package/src/views/EbizDetailBlockDemo.vue +30 -30
  687. package/src/views/EbizEmployeeInfo.vue +249 -249
  688. package/src/views/EbizRadioDemo.vue +151 -151
  689. package/src/views/EbizSpace.vue +185 -185
  690. package/src/views/EbizSwiper.vue +157 -157
  691. package/src/views/Form.vue +19 -19
  692. package/src/views/GridDemo.vue +238 -238
  693. package/src/views/Home.vue +125 -123
  694. package/src/views/Mindmap.vue +19 -19
  695. package/src/views/MyComponent.vue +19 -19
  696. package/src/views/OkrTree.vue +19 -19
  697. package/src/views/PageHeaderDemo.vue +104 -104
  698. package/src/views/PaginationDemo.vue +96 -96
  699. package/src/views/RemoteSelect.vue +350 -350
  700. package/src/views/StatisticDemo.vue +190 -190
  701. package/src/views/SwitchDemo.vue +79 -79
  702. package/src/views/Table.vue +19 -19
  703. package/src/views/TableDemo.vue +334 -334
  704. package/src/views/TableSortDemo.vue +143 -143
  705. package/src/views/TableView.vue +68 -68
  706. package/src/views/TabsDemo.vue +282 -282
  707. package/src/views/TagDemo.vue +101 -101
  708. package/src/views/TdesignAlert.vue +98 -98
  709. package/src/views/TdesignButton.vue +190 -190
  710. package/src/views/TdesignCalendar.vue +94 -94
  711. package/src/views/TdesignCard.vue +296 -296
  712. package/src/views/TdesignCollapse.vue +293 -293
  713. package/src/views/TdesignDatePicker.vue +187 -187
  714. package/src/views/TdesignForm.vue +248 -248
  715. package/src/views/TdesignIcon.vue +203 -203
  716. package/src/views/TdesignImage.vue +215 -215
  717. package/src/views/TdesignImageViewer.vue +198 -198
  718. package/src/views/TdesignInput.vue +252 -252
  719. package/src/views/TdesignSelect.vue +473 -473
  720. package/src/views/TdesignSwiper.vue +157 -157
  721. package/src/views/TextareaDemo.vue +93 -93
  722. package/src/views/TimePickerDemo.vue +147 -0
  723. package/src/views/TimelineDemo.vue +160 -160
  724. package/src/views/Title.vue +19 -19
  725. package/src/views/TreeDemo.vue +254 -254
  726. package/src/views/UploadDemo.vue +121 -121
  727. package/src/views/WatermarkDemo.vue +85 -85
  728. package/dist/lowcode-components.css +0 -1
@@ -1,758 +1,758 @@
1
- <template>
2
- <t-upload :accept="accept" :action="internalAction" :allowUploadDuplicateFile="allowUploadDuplicateFile"
3
- :autoUpload="autoUpload" :beforeUpload="handleBeforeUpload" :data="data" :disabled="disabled"
4
- :draggable="draggable" :fileListDisplay="fileListDisplay" :files="internalFiles" :format="format"
5
- :formatRequest="formatRequest" :headers="headers" :isBatchUpload="isBatchUpload" :max="max" :method="method"
6
- :multiple="multiple" :name="name" :placeholder="placeholder"
7
- :requestMethod="useInternalUpload ? customRequestMethod : requestMethod"
8
- :showUploadProgress="showUploadProgress" :sizeLimit="sizeLimit" :status="status" :theme="theme" :tips="tips"
9
- :uploadAllFilesInOneRequest="uploadAllFilesInOneRequest" :uploadButton="uploadButton"
10
- :useMockProgress="useMockProgress" :withCredentials="withCredentials" v-model="modelValue"
11
- @change="handleChange" @click="handleClick" @drag="handleDrag" @drop="handleDrop" @fail="handleFail"
12
- @preview="handlePreview" @progress="handleProgress" @remove="handleRemove" @select-change="handleSelectChange"
13
- @success="handleSuccess" @validate="handleValidate">
14
- <!-- 默认插槽 -->
15
- <slot></slot>
16
-
17
- <!-- 文件列表项插槽 -->
18
- <template v-if="$slots.fileListDisplay" #fileListDisplay="slotProps">
19
- <slot name="fileListDisplay" v-bind="slotProps"></slot>
20
- </template>
21
-
22
- <!-- 替换上传按钮插槽 -->
23
- <template v-if="$slots.default" #default>
24
- <slot name="default"></slot>
25
- </template>
26
-
27
- <!-- 单文件已上传内容插槽 -->
28
- <template v-if="$slots.content" #content="slotProps">
29
- <slot name="content" v-bind="slotProps"></slot>
30
- </template>
31
-
32
- <!-- 文件拖拽区域内容插槽 -->
33
- <template v-if="$slots.dragContent" #dragContent>
34
- <slot name="dragContent"></slot>
35
- </template>
36
-
37
- <!-- 上传按钮内容插槽 -->
38
- <template v-if="$slots.trigger" #trigger>
39
- <slot name="trigger"></slot>
40
- </template>
41
-
42
- <!-- 上传提示文本插槽 -->
43
- <template v-if="$slots.tips" #tips>
44
- <slot name="tips"></slot>
45
- </template>
46
- </t-upload>
47
- </template>
48
-
49
- <script>
50
- export default {
51
- name: "EbizUpload"
52
- }
53
- </script>
54
-
55
- <script setup>
56
- import { computed, defineProps, defineEmits, ref, onMounted, watch } from 'vue';
57
- import { Upload as TUpload } from 'tdesign-vue-next';
58
- import dataService from '../apiService/simpleDataService';
59
-
60
- // 内部上传地址常量
61
- const INTERNAL_UPLOAD_URL = '/file/upload';
62
-
63
- // 内部维护的文件列表,代替直接使用props.files
64
- const internalFiles = ref([]);
65
-
66
- // 初始化内部文件列表
67
- const initializeFiles = () => {
68
- // 如果提供了files,使用它初始化
69
- if (props.files && Array.isArray(props.files)) {
70
- internalFiles.value = [...props.files];
71
- }
72
- };
73
-
74
- // 默认的格式化响应函数
75
- const defaultFormatResponse = (res) => {
76
- console.log('Default formatResponse handling:', res);
77
-
78
- // 处理不同的响应格式
79
- if (res === null || res === undefined) {
80
- return { url: '', error: '上传失败:未收到服务器响应' };
81
- }
82
-
83
- // 如果res已经是字符串(文件路径),直接使用
84
- if (typeof res === 'string') {
85
- return { url: res };
86
- }
87
-
88
- // 如果返回的就是服务器的原始响应 { code: 0, msg: '上传成功', data: '文件路径' }
89
- // axios拦截器应该已经提取了data部分,但我们做个双重检查
90
- if (res.code === 0 && res.data) {
91
- return { url: typeof res.data === 'string' ? res.data : '' };
92
- }
93
-
94
- // 如果是自定义对象,可能已经处理过
95
- if (res.url) {
96
- return { url: res.url };
97
- }
98
-
99
- // 直接处理服务器响应的标准格式
100
- if (typeof res === 'string') {
101
- // 直接是文件路径字符串
102
- return { url: res };
103
- }
104
-
105
- // 如果服务器直接响应了数据,没有包装
106
- if (res && !res.code && !res.data && typeof res === 'object') {
107
- // 尝试找到可能的URL字段
108
- if (res.url || res.path || res.filePath || res.fileUrl) {
109
- return { url: res.url || res.path || res.filePath || res.fileUrl };
110
- }
111
- }
112
-
113
- // 处理其他可能的情况
114
- console.warn('Unknown response format:', res);
115
-
116
- // 无法识别的格式,返回空URL
117
- return { url: '' };
118
- };
119
-
120
- const props = defineProps({
121
- // v-model值,已上传和待上传的文件列表
122
- modelValue: {
123
- type: Array,
124
- default: () => []
125
- },
126
- // 接受上传的文件类型,同input标签的accept属性
127
- accept: {
128
- type: String,
129
- default: undefined
130
- },
131
- // 上传的接口地址,可选,如不提供则使用内部dataService上传
132
- action: {
133
- type: String,
134
- default: ''
135
- },
136
- // 是否允许重复上传相同名称的文件
137
- allowUploadDuplicateFile: {
138
- type: Boolean,
139
- default: false
140
- },
141
- // 是否在选择文件后自动上传
142
- autoUpload: {
143
- type: Boolean,
144
- default: true
145
- },
146
- // 上传文件之前的钩子,返回值决定是否上传
147
- beforeUpload: {
148
- type: Function,
149
- default: undefined
150
- },
151
- // 上传请求时附带的自定义数据
152
- data: {
153
- type: Object,
154
- default: () => ({})
155
- },
156
- // 是否禁用
157
- disabled: {
158
- type: Boolean,
159
- default: false
160
- },
161
- // 是否启用拖拽上传
162
- draggable: {
163
- type: Boolean,
164
- default: false
165
- },
166
- // 文件列表的展示方式
167
- fileListDisplay: {
168
- type: Function,
169
- default: undefined
170
- },
171
- // 已上传的文件列表,用于初始化内部文件列表
172
- files: {
173
- type: Array,
174
- default: () => []
175
- },
176
- // 文件上传前转换文件的函数
177
- format: {
178
- type: Function,
179
- default: undefined
180
- },
181
- // 用于格式化上传请求,可以处理请求参数等
182
- formatRequest: {
183
- type: Function,
184
- default: undefined
185
- },
186
- // 上传请求的请求头
187
- headers: {
188
- type: Object,
189
- default: () => ({})
190
- },
191
- // 是否批量上传
192
- isBatchUpload: {
193
- type: Boolean,
194
- default: false
195
- },
196
- // 用于控制文件上传数量
197
- max: {
198
- type: Number,
199
- default: 0
200
- },
201
- // 上传请求的HTTP方法
202
- method: {
203
- type: String,
204
- default: 'POST',
205
- validator: (val) => ['POST', 'GET', 'PUT', 'OPTIONS', 'PATCH', 'post', 'get', 'put', 'options', 'patch'].includes(val)
206
- },
207
- // 是否支持多文件上传
208
- multiple: {
209
- type: Boolean,
210
- default: false
211
- },
212
- // 上传字段名
213
- name: {
214
- type: String,
215
- default: 'file'
216
- },
217
- // 占位符
218
- placeholder: {
219
- type: String,
220
- default: undefined
221
- },
222
- // 自定义上传方法
223
- requestMethod: {
224
- type: Function,
225
- default: undefined
226
- },
227
- // 是否显示上传进度
228
- showUploadProgress: {
229
- type: Boolean,
230
- default: true
231
- },
232
- // 文件大小限制,单位:KB
233
- sizeLimit: {
234
- type: [Number, Object],
235
- default: undefined
236
- },
237
- // 上传状态
238
- status: {
239
- type: String,
240
- default: undefined,
241
- validator: (val) => ['default', 'success', 'warning', 'error'].includes(val)
242
- },
243
- // 上传组件风格
244
- theme: {
245
- type: String,
246
- default: 'file',
247
- validator: (val) => ['custom', 'file', 'file-input', 'file-flow', 'image', 'image-flow'].includes(val)
248
- },
249
- // 上传提示文本
250
- tips: {
251
- type: String,
252
- default: ''
253
- },
254
- // 是否在同一个请求中上传多个文件
255
- uploadAllFilesInOneRequest: {
256
- type: Boolean,
257
- default: false
258
- },
259
- // 上传按钮属性
260
- uploadButton: {
261
- type: Object,
262
- default: () => ({})
263
- },
264
- // 是否使用模拟的上传进度
265
- useMockProgress: {
266
- type: Boolean,
267
- default: true
268
- },
269
- // 上传请求时是否携带cookies
270
- withCredentials: {
271
- type: Boolean,
272
- default: false
273
- },
274
- // 是否使用内部上传服务,如果为true则忽略action参数
275
- useInternalUpload: {
276
- type: Boolean,
277
- default: true
278
- }
279
- });
280
-
281
- const emit = defineEmits([
282
- 'update:modelValue',
283
- 'change',
284
- 'click',
285
- 'drag',
286
- 'drop',
287
- 'fail',
288
- 'preview',
289
- 'progress',
290
- 'remove',
291
- 'select-change',
292
- 'success',
293
- 'validate',
294
- 'update:files'
295
- ]);
296
-
297
- // 当前上传进度
298
- const uploadProgress = ref(0);
299
-
300
- // 上传列表双向绑定
301
- const modelValue = computed({
302
- get() {
303
- // 优先返回内部文件列表,确保上传状态正确
304
- if (internalFiles.value.length > 0) {
305
- return internalFiles.value;
306
- }
307
- return props.modelValue;
308
- },
309
- set(value) {
310
- // 同时更新内部文件列表和v-model
311
- internalFiles.value = value;
312
- emit('update:modelValue', value);
313
- }
314
- });
315
-
316
- // 监听props.modelValue的变化,同步到internalFiles
317
- watch(
318
- () => props.modelValue,
319
- (newValue) => {
320
- if (newValue && Array.isArray(newValue) && newValue.length > 0) {
321
- console.log('External modelValue changed, updating internal files:', newValue);
322
- // 过滤掉可能的空值
323
- const validFiles = newValue.filter(file => file && file.name);
324
- if (validFiles.length > 0) {
325
- internalFiles.value = validFiles;
326
- }
327
- }
328
- },
329
- { deep: true }
330
- );
331
-
332
- // 内部上传地址,如果提供了action且未启用内部上传则使用action,否则使用内部默认地址
333
- const internalAction = computed(() => {
334
- return (props.action && !props.useInternalUpload) ? props.action : INTERNAL_UPLOAD_URL;
335
- });
336
-
337
- // 自定义上传方法,使用dataService进行上传
338
- const customRequestMethod = (options) => {
339
- console.log('Upload options:', options);
340
-
341
- try {
342
- // 解构选项,获取需要的属性
343
- const { raw, onProgress, onSuccess, onError, data, method, name } = options || {};
344
-
345
- // 创建FormData
346
- const formData = new FormData();
347
-
348
- // 创建一个执行上传的函数
349
- const executeUpload = (fileToUpload) => {
350
- console.log('Uploading file:', fileToUpload.name, fileToUpload.size);
351
- formData.append('file', fileToUpload);
352
-
353
- // 添加额外数据
354
- if (data) {
355
- Object.keys(data).forEach(key => {
356
- formData.append(key, data[key]);
357
- });
358
- }
359
-
360
- // 定义安全的进度回调
361
- const safeProgressCallback = (progress) => {
362
- uploadProgress.value = progress;
363
- if (typeof onProgress === 'function') {
364
- onProgress({ percent: progress });
365
- }
366
- };
367
-
368
- // 使用dataService上传文件
369
- return dataService
370
- .upload(INTERNAL_UPLOAD_URL, formData, safeProgressCallback)
371
- .then(response => {
372
- console.log('Upload response:', response);
373
-
374
- // 在组件内部处理响应数据
375
- let formattedResponse;
376
-
377
- try {
378
- // 使用内部处理逻辑,不依赖props.formatResponse
379
- formattedResponse = defaultFormatResponse(response);
380
- } catch (error) {
381
- console.error('Error formatting response:', error);
382
- formattedResponse = { url: '', error: error.message };
383
- }
384
-
385
- // 确保格式化后的响应包含文件基本信息
386
- const fileObject = {
387
- ...formattedResponse,
388
- name: fileToUpload.name,
389
- size: fileToUpload.size,
390
- type: fileToUpload.type,
391
- status: 'success',
392
- raw: fileToUpload, // 保存原始文件对象
393
- lastModified: fileToUpload.lastModified
394
- };
395
-
396
- // 构建TDesign期望的成功响应对象
397
- const successResponse = {
398
- file: fileObject, // 文件对象
399
- fileList: [fileObject], // 文件列表(可能包含多个文件)
400
- response: {
401
- url: fileObject.url, // 必需的URL字段
402
- files: [fileObject], // 必需的files字段
403
- data: response // 保留原始响应
404
- },
405
- e: { status: 'success' }, // 事件对象
406
- status: 'success' // 必须的状态字段,只能是success或fail
407
- };
408
-
409
- console.log('Final formatted response:', successResponse);
410
-
411
- // 安全地调用成功回调
412
- if (typeof onSuccess === 'function') {
413
- onSuccess(successResponse);
414
- }
415
- return successResponse;
416
- })
417
- .catch(error => {
418
- console.error('Upload failed:', error);
419
-
420
- // 构建错误响应对象
421
- const failResponse = {
422
- error: error,
423
- status: 'fail', // 必须的状态字段,值为fail
424
- e: { status: 'fail' }
425
- };
426
-
427
- // 安全地调用错误回调
428
- if (typeof onError === 'function') {
429
- onError(failResponse);
430
- }
431
- return Promise.reject(failResponse);
432
- });
433
- };
434
-
435
- // 尝试获取真实的文件对象
436
- // 1. 首先检查raw是否直接是File对象
437
- if (raw instanceof File) {
438
- console.log('Using raw as File directly');
439
- return executeUpload(raw);
440
- }
441
-
442
- // 2. 直接从options本身获取信息创建文件
443
- if (options && options.name && options.type && options.size) {
444
- // 我们找到了文件信息,但没有实际内容
445
- // 我们需要使用FileReader获取实际文件或创建一个伪文件
446
- console.log('Creating file from options properties');
447
-
448
- // 由于我们无法获取真实文件内容,创建一个伪文件
449
- // 注意:这在实际上传时可能会失败,因为没有真实内容
450
- const pseudoFileContent = new Blob([`Pseudo file content for ${options.name}`], { type: options.type });
451
- const pseudoFile = new File([pseudoFileContent], options.name, {
452
- type: options.type,
453
- lastModified: options.lastModified || Date.now()
454
- });
455
-
456
- // 创建一个隐藏的文件输入,让用户重新选择文件
457
- // 这是一个备选方案
458
- const fileInput = document.createElement('input');
459
- fileInput.type = 'file';
460
- fileInput.style.display = 'none';
461
- fileInput.accept = options.type;
462
- document.body.appendChild(fileInput);
463
-
464
- // 提示用户选择同一个文件
465
- console.log('Please select the same file again');
466
- alert(`上传出错:TDesign上传组件无法获取文件内容。请在出现的文件选择框中重新选择"${options.name}"文件。`);
467
-
468
- return new Promise((resolve, reject) => {
469
- fileInput.onchange = (e) => {
470
- const selectedFile = e.target.files[0];
471
- if (selectedFile) {
472
- console.log('User selected file:', selectedFile.name);
473
- document.body.removeChild(fileInput);
474
- resolve(executeUpload(selectedFile));
475
- } else {
476
- document.body.removeChild(fileInput);
477
- const failResponse = {
478
- error: new Error('No file selected'),
479
- status: 'fail',
480
- e: { status: 'fail' }
481
- };
482
- reject(failResponse);
483
- }
484
- };
485
-
486
- fileInput.onerror = (error) => {
487
- document.body.removeChild(fileInput);
488
- const failResponse = {
489
- error: error,
490
- status: 'fail',
491
- e: { status: 'fail' }
492
- };
493
- reject(failResponse);
494
- };
495
-
496
- // 触发文件选择
497
- fileInput.click();
498
- });
499
- }
500
-
501
- console.error('Cannot find valid file information', options);
502
- if (typeof onError === 'function') {
503
- const failResponse = {
504
- error: new Error('No valid file information found'),
505
- status: 'fail',
506
- e: { status: 'fail' }
507
- };
508
- onError(failResponse);
509
- }
510
- return Promise.reject({
511
- error: new Error('No valid file information found'),
512
- status: 'fail',
513
- e: { status: 'fail' }
514
- });
515
- } catch (err) {
516
- console.error('Upload error in customRequestMethod:', err);
517
- return Promise.reject({
518
- error: err,
519
- status: 'fail',
520
- e: { status: 'fail' }
521
- });
522
- }
523
- };
524
-
525
- // 上传前钩子,如果设置了beforeUpload则先执行
526
- const handleBeforeUpload = (file, options) => {
527
- if (props.beforeUpload) {
528
- return props.beforeUpload(file, options);
529
- }
530
- return true;
531
- };
532
-
533
- // 监听internalFiles的变化,记录调试信息
534
- watch(
535
- internalFiles,
536
- (newFiles) => {
537
- console.log('Internal files changed:', newFiles);
538
- },
539
- { deep: true }
540
- );
541
-
542
- // 文件状态变化事件
543
- const handleChange = (value, context) => {
544
- console.log('Upload change event:', value, context);
545
-
546
- // 如果是上传成功,确保文件被添加到内部列表
547
- if (context && context.file && context.file.status === 'success') {
548
- const successFile = context.file;
549
-
550
- // 检查是否已存在于内部文件列表
551
- const fileExists = internalFiles.value.some(
552
- file => file.name === successFile.name && file.size === successFile.size
553
- );
554
-
555
- if (!fileExists) {
556
- console.log('Adding successful file from change event:', successFile);
557
- internalFiles.value = [...internalFiles.value, successFile];
558
-
559
- // 更新v-model和files属性
560
- emit('update:modelValue', internalFiles.value);
561
- emit('update:files', internalFiles.value);
562
- }
563
- }
564
-
565
- emit('change', value, context);
566
- };
567
-
568
- // 点击事件
569
- const handleClick = (context) => {
570
- emit('click', context);
571
- };
572
-
573
- // 拖拽事件
574
- const handleDrag = (context) => {
575
- emit('drag', context);
576
- };
577
-
578
- // 文件拖放事件
579
- const handleDrop = (context) => {
580
- emit('drop', context);
581
- };
582
-
583
- // 上传失败事件
584
- const handleFail = (options) => {
585
- emit('fail', options);
586
- };
587
-
588
- // 点击预览事件
589
- const handlePreview = (options) => {
590
- emit('preview', options);
591
- };
592
-
593
- // 上传进度事件
594
- const handleProgress = (options) => {
595
- emit('progress', options);
596
- };
597
-
598
- // 移除文件事件
599
- const handleRemove = (context) => {
600
- if (context && context.file) {
601
- // 从内部文件列表中移除文件
602
- const removedFile = context.file;
603
-
604
- // 根据name和size过滤掉要删除的文件
605
- internalFiles.value = internalFiles.value.filter(
606
- file => !(file.name === removedFile.name && file.size === removedFile.size)
607
- );
608
-
609
- // 同时更新v-model绑定的值,保持一致性
610
- emit('update:modelValue', internalFiles.value);
611
-
612
- // 更新files属性,支持v-model:files双向绑定
613
- emit('update:files', internalFiles.value);
614
- }
615
-
616
- // 发出原始移除事件
617
- emit('remove', context);
618
- };
619
-
620
- // 选择文件变化事件
621
- const handleSelectChange = (files, context) => {
622
- emit('select-change', files, context);
623
- };
624
-
625
- // 上传成功事件
626
- const handleSuccess = (context) => {
627
- console.log('Upload success event triggered:', context);
628
-
629
- // 将上传成功的文件添加到文件列表中
630
- // 首先检查文件是否已经在列表中
631
- if (context && context.file) {
632
- // 获取有效的URL
633
- let fileUrl = '';
634
- if (context.file.url) {
635
- fileUrl = context.file.url;
636
- } else if (context.response && context.response.url) {
637
- fileUrl = context.response.url;
638
- } else if (context.response && context.response.data && typeof context.response.data === 'string') {
639
- fileUrl = context.response.data;
640
- }
641
-
642
- const newFile = {
643
- ...context.file,
644
- url: fileUrl, // 确保有URL
645
- status: 'success', // 设置状态为成功
646
- response: context.response // 保留响应
647
- };
648
-
649
- console.log('Adding file to internal files:', newFile);
650
-
651
- // 创建新的文件列表副本,以便进行修改
652
- const currentFiles = [...internalFiles.value];
653
-
654
- // 检查文件是否已存在(基于name和size)
655
- const fileExists = currentFiles.some(
656
- file => file.name === newFile.name && file.size === newFile.size
657
- );
658
-
659
- // 如果文件不存在于列表中,则添加它
660
- if (!fileExists) {
661
- currentFiles.push(newFile);
662
- // 更新内部文件列表
663
- internalFiles.value = currentFiles;
664
- } else {
665
- // 如果文件已存在,更新其状态和URL
666
- internalFiles.value = currentFiles.map(file => {
667
- if (file.name === newFile.name && file.size === newFile.size) {
668
- return { ...file, ...newFile };
669
- }
670
- return file;
671
- });
672
- }
673
-
674
- console.log('Updated internal files:', internalFiles.value);
675
-
676
- // 同时更新v-model绑定的值,保持一致性
677
- emit('update:modelValue', internalFiles.value);
678
-
679
- // 更新files属性,支持v-model:files双向绑定
680
- emit('update:files', internalFiles.value);
681
- } else {
682
- console.warn('Missing file in success context:', context);
683
- }
684
-
685
- // 发出原始成功事件
686
- emit('success', context);
687
- };
688
-
689
- // 校验事件
690
- const handleValidate = (context) => {
691
- emit('validate', context);
692
- };
693
-
694
- // 手动添加已上传的文件到文件列表
695
- const addUploadedFile = (file) => {
696
- if (!file || !file.name || !file.url) {
697
- console.error('Invalid file object. File must contain at least name and url properties.');
698
- return false;
699
- }
700
-
701
- // 构建完整的文件对象
702
- const fileObject = {
703
- name: file.name,
704
- url: file.url,
705
- size: file.size || 0,
706
- type: file.type || '',
707
- status: 'success',
708
- // 如果提供了原始文件对象,则使用它
709
- raw: file.raw || null,
710
- lastModified: file.lastModified || new Date().getTime(),
711
- ...file
712
- };
713
-
714
- // 检查文件是否已存在
715
- const fileExists = internalFiles.value.some(
716
- f => f.name === fileObject.name && f.url === fileObject.url
717
- );
718
-
719
- if (!fileExists) {
720
- // 更新内部文件列表
721
- internalFiles.value = [...internalFiles.value, fileObject];
722
-
723
- // 同时更新v-model绑定的值,保持一致性
724
- emit('update:modelValue', internalFiles.value);
725
-
726
- // 更新files属性,支持v-model:files双向绑定
727
- emit('update:files', internalFiles.value);
728
- return true;
729
- }
730
-
731
- return false;
732
- };
733
-
734
- // 导出组件方法供外部使用
735
- defineExpose({
736
- addUploadedFile,
737
- // 导出内部文件列表,允许外部读取
738
- getFiles: () => internalFiles.value
739
- });
740
-
741
- // 组件挂载时初始化文件列表
742
- onMounted(() => {
743
- initializeFiles();
744
- });
745
-
746
- // 监听files的变化,更新内部文件列表
747
- watch(
748
- () => props.files,
749
- () => {
750
- initializeFiles();
751
- },
752
- { deep: true }
753
- );
754
- </script>
755
-
756
- <style lang="less" scoped>
757
- /* 自定义样式 */
1
+ <template>
2
+ <t-upload :accept="accept" :action="internalAction" :allowUploadDuplicateFile="allowUploadDuplicateFile"
3
+ :autoUpload="autoUpload" :beforeUpload="handleBeforeUpload" :data="data" :disabled="disabled"
4
+ :draggable="draggable" :fileListDisplay="fileListDisplay" :files="internalFiles" :format="format"
5
+ :formatRequest="formatRequest" :headers="headers" :isBatchUpload="isBatchUpload" :max="max" :method="method"
6
+ :multiple="multiple" :name="name" :placeholder="placeholder"
7
+ :requestMethod="useInternalUpload ? customRequestMethod : requestMethod"
8
+ :showUploadProgress="showUploadProgress" :sizeLimit="sizeLimit" :status="status" :theme="theme" :tips="tips"
9
+ :uploadAllFilesInOneRequest="uploadAllFilesInOneRequest" :uploadButton="uploadButton"
10
+ :useMockProgress="useMockProgress" :withCredentials="withCredentials" v-model="modelValue"
11
+ @change="handleChange" @click="handleClick" @drag="handleDrag" @drop="handleDrop" @fail="handleFail"
12
+ @preview="handlePreview" @progress="handleProgress" @remove="handleRemove" @select-change="handleSelectChange"
13
+ @success="handleSuccess" @validate="handleValidate">
14
+ <!-- 默认插槽 -->
15
+ <slot></slot>
16
+
17
+ <!-- 文件列表项插槽 -->
18
+ <template v-if="$slots.fileListDisplay" #fileListDisplay="slotProps">
19
+ <slot name="fileListDisplay" v-bind="slotProps"></slot>
20
+ </template>
21
+
22
+ <!-- 替换上传按钮插槽 -->
23
+ <template v-if="$slots.default" #default>
24
+ <slot name="default"></slot>
25
+ </template>
26
+
27
+ <!-- 单文件已上传内容插槽 -->
28
+ <template v-if="$slots.content" #content="slotProps">
29
+ <slot name="content" v-bind="slotProps"></slot>
30
+ </template>
31
+
32
+ <!-- 文件拖拽区域内容插槽 -->
33
+ <template v-if="$slots.dragContent" #dragContent>
34
+ <slot name="dragContent"></slot>
35
+ </template>
36
+
37
+ <!-- 上传按钮内容插槽 -->
38
+ <template v-if="$slots.trigger" #trigger>
39
+ <slot name="trigger"></slot>
40
+ </template>
41
+
42
+ <!-- 上传提示文本插槽 -->
43
+ <template v-if="$slots.tips" #tips>
44
+ <slot name="tips"></slot>
45
+ </template>
46
+ </t-upload>
47
+ </template>
48
+
49
+ <script>
50
+ export default {
51
+ name: "EbizUpload"
52
+ }
53
+ </script>
54
+
55
+ <script setup>
56
+ import { computed, defineProps, defineEmits, ref, onMounted, watch } from 'vue';
57
+ import { Upload as TUpload } from 'tdesign-vue-next';
58
+ import dataService from '../apiService/simpleDataService';
59
+
60
+ // 内部上传地址常量
61
+ const INTERNAL_UPLOAD_URL = '/file/upload';
62
+
63
+ // 内部维护的文件列表,代替直接使用props.files
64
+ const internalFiles = ref([]);
65
+
66
+ // 初始化内部文件列表
67
+ const initializeFiles = () => {
68
+ // 如果提供了files,使用它初始化
69
+ if (props.files && Array.isArray(props.files)) {
70
+ internalFiles.value = [...props.files];
71
+ }
72
+ };
73
+
74
+ // 默认的格式化响应函数
75
+ const defaultFormatResponse = (res) => {
76
+ console.log('Default formatResponse handling:', res);
77
+
78
+ // 处理不同的响应格式
79
+ if (res === null || res === undefined) {
80
+ return { url: '', error: '上传失败:未收到服务器响应' };
81
+ }
82
+
83
+ // 如果res已经是字符串(文件路径),直接使用
84
+ if (typeof res === 'string') {
85
+ return { url: res };
86
+ }
87
+
88
+ // 如果返回的就是服务器的原始响应 { code: 0, msg: '上传成功', data: '文件路径' }
89
+ // axios拦截器应该已经提取了data部分,但我们做个双重检查
90
+ if (res.code === 0 && res.data) {
91
+ return { url: typeof res.data === 'string' ? res.data : '' };
92
+ }
93
+
94
+ // 如果是自定义对象,可能已经处理过
95
+ if (res.url) {
96
+ return { url: res.url };
97
+ }
98
+
99
+ // 直接处理服务器响应的标准格式
100
+ if (typeof res === 'string') {
101
+ // 直接是文件路径字符串
102
+ return { url: res };
103
+ }
104
+
105
+ // 如果服务器直接响应了数据,没有包装
106
+ if (res && !res.code && !res.data && typeof res === 'object') {
107
+ // 尝试找到可能的URL字段
108
+ if (res.url || res.path || res.filePath || res.fileUrl) {
109
+ return { url: res.url || res.path || res.filePath || res.fileUrl };
110
+ }
111
+ }
112
+
113
+ // 处理其他可能的情况
114
+ console.warn('Unknown response format:', res);
115
+
116
+ // 无法识别的格式,返回空URL
117
+ return { url: '' };
118
+ };
119
+
120
+ const props = defineProps({
121
+ // v-model值,已上传和待上传的文件列表
122
+ modelValue: {
123
+ type: Array,
124
+ default: () => []
125
+ },
126
+ // 接受上传的文件类型,同input标签的accept属性
127
+ accept: {
128
+ type: String,
129
+ default: undefined
130
+ },
131
+ // 上传的接口地址,可选,如不提供则使用内部dataService上传
132
+ action: {
133
+ type: String,
134
+ default: ''
135
+ },
136
+ // 是否允许重复上传相同名称的文件
137
+ allowUploadDuplicateFile: {
138
+ type: Boolean,
139
+ default: false
140
+ },
141
+ // 是否在选择文件后自动上传
142
+ autoUpload: {
143
+ type: Boolean,
144
+ default: true
145
+ },
146
+ // 上传文件之前的钩子,返回值决定是否上传
147
+ beforeUpload: {
148
+ type: Function,
149
+ default: undefined
150
+ },
151
+ // 上传请求时附带的自定义数据
152
+ data: {
153
+ type: Object,
154
+ default: () => ({})
155
+ },
156
+ // 是否禁用
157
+ disabled: {
158
+ type: Boolean,
159
+ default: false
160
+ },
161
+ // 是否启用拖拽上传
162
+ draggable: {
163
+ type: Boolean,
164
+ default: false
165
+ },
166
+ // 文件列表的展示方式
167
+ fileListDisplay: {
168
+ type: Function,
169
+ default: undefined
170
+ },
171
+ // 已上传的文件列表,用于初始化内部文件列表
172
+ files: {
173
+ type: Array,
174
+ default: () => []
175
+ },
176
+ // 文件上传前转换文件的函数
177
+ format: {
178
+ type: Function,
179
+ default: undefined
180
+ },
181
+ // 用于格式化上传请求,可以处理请求参数等
182
+ formatRequest: {
183
+ type: Function,
184
+ default: undefined
185
+ },
186
+ // 上传请求的请求头
187
+ headers: {
188
+ type: Object,
189
+ default: () => ({})
190
+ },
191
+ // 是否批量上传
192
+ isBatchUpload: {
193
+ type: Boolean,
194
+ default: false
195
+ },
196
+ // 用于控制文件上传数量
197
+ max: {
198
+ type: Number,
199
+ default: 0
200
+ },
201
+ // 上传请求的HTTP方法
202
+ method: {
203
+ type: String,
204
+ default: 'POST',
205
+ validator: (val) => ['POST', 'GET', 'PUT', 'OPTIONS', 'PATCH', 'post', 'get', 'put', 'options', 'patch'].includes(val)
206
+ },
207
+ // 是否支持多文件上传
208
+ multiple: {
209
+ type: Boolean,
210
+ default: false
211
+ },
212
+ // 上传字段名
213
+ name: {
214
+ type: String,
215
+ default: 'file'
216
+ },
217
+ // 占位符
218
+ placeholder: {
219
+ type: String,
220
+ default: undefined
221
+ },
222
+ // 自定义上传方法
223
+ requestMethod: {
224
+ type: Function,
225
+ default: undefined
226
+ },
227
+ // 是否显示上传进度
228
+ showUploadProgress: {
229
+ type: Boolean,
230
+ default: true
231
+ },
232
+ // 文件大小限制,单位:KB
233
+ sizeLimit: {
234
+ type: [Number, Object],
235
+ default: undefined
236
+ },
237
+ // 上传状态
238
+ status: {
239
+ type: String,
240
+ default: undefined,
241
+ validator: (val) => ['default', 'success', 'warning', 'error'].includes(val)
242
+ },
243
+ // 上传组件风格
244
+ theme: {
245
+ type: String,
246
+ default: 'file',
247
+ validator: (val) => ['custom', 'file', 'file-input', 'file-flow', 'image', 'image-flow'].includes(val)
248
+ },
249
+ // 上传提示文本
250
+ tips: {
251
+ type: String,
252
+ default: ''
253
+ },
254
+ // 是否在同一个请求中上传多个文件
255
+ uploadAllFilesInOneRequest: {
256
+ type: Boolean,
257
+ default: false
258
+ },
259
+ // 上传按钮属性
260
+ uploadButton: {
261
+ type: Object,
262
+ default: () => ({})
263
+ },
264
+ // 是否使用模拟的上传进度
265
+ useMockProgress: {
266
+ type: Boolean,
267
+ default: true
268
+ },
269
+ // 上传请求时是否携带cookies
270
+ withCredentials: {
271
+ type: Boolean,
272
+ default: false
273
+ },
274
+ // 是否使用内部上传服务,如果为true则忽略action参数
275
+ useInternalUpload: {
276
+ type: Boolean,
277
+ default: true
278
+ }
279
+ });
280
+
281
+ const emit = defineEmits([
282
+ 'update:modelValue',
283
+ 'change',
284
+ 'click',
285
+ 'drag',
286
+ 'drop',
287
+ 'fail',
288
+ 'preview',
289
+ 'progress',
290
+ 'remove',
291
+ 'select-change',
292
+ 'success',
293
+ 'validate',
294
+ 'update:files'
295
+ ]);
296
+
297
+ // 当前上传进度
298
+ const uploadProgress = ref(0);
299
+
300
+ // 上传列表双向绑定
301
+ const modelValue = computed({
302
+ get() {
303
+ // 优先返回内部文件列表,确保上传状态正确
304
+ if (internalFiles.value.length > 0) {
305
+ return internalFiles.value;
306
+ }
307
+ return props.modelValue;
308
+ },
309
+ set(value) {
310
+ // 同时更新内部文件列表和v-model
311
+ internalFiles.value = value;
312
+ emit('update:modelValue', value);
313
+ }
314
+ });
315
+
316
+ // 监听props.modelValue的变化,同步到internalFiles
317
+ watch(
318
+ () => props.modelValue,
319
+ (newValue) => {
320
+ if (newValue && Array.isArray(newValue) && newValue.length > 0) {
321
+ console.log('External modelValue changed, updating internal files:', newValue);
322
+ // 过滤掉可能的空值
323
+ const validFiles = newValue.filter(file => file && file.name);
324
+ if (validFiles.length > 0) {
325
+ internalFiles.value = validFiles;
326
+ }
327
+ }
328
+ },
329
+ { deep: true }
330
+ );
331
+
332
+ // 内部上传地址,如果提供了action且未启用内部上传则使用action,否则使用内部默认地址
333
+ const internalAction = computed(() => {
334
+ return (props.action && !props.useInternalUpload) ? props.action : INTERNAL_UPLOAD_URL;
335
+ });
336
+
337
+ // 自定义上传方法,使用dataService进行上传
338
+ const customRequestMethod = (options) => {
339
+ console.log('Upload options:', options);
340
+
341
+ try {
342
+ // 解构选项,获取需要的属性
343
+ const { raw, onProgress, onSuccess, onError, data, method, name } = options || {};
344
+
345
+ // 创建FormData
346
+ const formData = new FormData();
347
+
348
+ // 创建一个执行上传的函数
349
+ const executeUpload = (fileToUpload) => {
350
+ console.log('Uploading file:', fileToUpload.name, fileToUpload.size);
351
+ formData.append('file', fileToUpload);
352
+
353
+ // 添加额外数据
354
+ if (data) {
355
+ Object.keys(data).forEach(key => {
356
+ formData.append(key, data[key]);
357
+ });
358
+ }
359
+
360
+ // 定义安全的进度回调
361
+ const safeProgressCallback = (progress) => {
362
+ uploadProgress.value = progress;
363
+ if (typeof onProgress === 'function') {
364
+ onProgress({ percent: progress });
365
+ }
366
+ };
367
+
368
+ // 使用dataService上传文件
369
+ return dataService
370
+ .upload(INTERNAL_UPLOAD_URL, formData, safeProgressCallback)
371
+ .then(response => {
372
+ console.log('Upload response:', response);
373
+
374
+ // 在组件内部处理响应数据
375
+ let formattedResponse;
376
+
377
+ try {
378
+ // 使用内部处理逻辑,不依赖props.formatResponse
379
+ formattedResponse = defaultFormatResponse(response);
380
+ } catch (error) {
381
+ console.error('Error formatting response:', error);
382
+ formattedResponse = { url: '', error: error.message };
383
+ }
384
+
385
+ // 确保格式化后的响应包含文件基本信息
386
+ const fileObject = {
387
+ ...formattedResponse,
388
+ name: fileToUpload.name,
389
+ size: fileToUpload.size,
390
+ type: fileToUpload.type,
391
+ status: 'success',
392
+ raw: fileToUpload, // 保存原始文件对象
393
+ lastModified: fileToUpload.lastModified
394
+ };
395
+
396
+ // 构建TDesign期望的成功响应对象
397
+ const successResponse = {
398
+ file: fileObject, // 文件对象
399
+ fileList: [fileObject], // 文件列表(可能包含多个文件)
400
+ response: {
401
+ url: fileObject.url, // 必需的URL字段
402
+ files: [fileObject], // 必需的files字段
403
+ data: response // 保留原始响应
404
+ },
405
+ e: { status: 'success' }, // 事件对象
406
+ status: 'success' // 必须的状态字段,只能是success或fail
407
+ };
408
+
409
+ console.log('Final formatted response:', successResponse);
410
+
411
+ // 安全地调用成功回调
412
+ if (typeof onSuccess === 'function') {
413
+ onSuccess(successResponse);
414
+ }
415
+ return successResponse;
416
+ })
417
+ .catch(error => {
418
+ console.error('Upload failed:', error);
419
+
420
+ // 构建错误响应对象
421
+ const failResponse = {
422
+ error: error,
423
+ status: 'fail', // 必须的状态字段,值为fail
424
+ e: { status: 'fail' }
425
+ };
426
+
427
+ // 安全地调用错误回调
428
+ if (typeof onError === 'function') {
429
+ onError(failResponse);
430
+ }
431
+ return Promise.reject(failResponse);
432
+ });
433
+ };
434
+
435
+ // 尝试获取真实的文件对象
436
+ // 1. 首先检查raw是否直接是File对象
437
+ if (raw instanceof File) {
438
+ console.log('Using raw as File directly');
439
+ return executeUpload(raw);
440
+ }
441
+
442
+ // 2. 直接从options本身获取信息创建文件
443
+ if (options && options.name && options.type && options.size) {
444
+ // 我们找到了文件信息,但没有实际内容
445
+ // 我们需要使用FileReader获取实际文件或创建一个伪文件
446
+ console.log('Creating file from options properties');
447
+
448
+ // 由于我们无法获取真实文件内容,创建一个伪文件
449
+ // 注意:这在实际上传时可能会失败,因为没有真实内容
450
+ const pseudoFileContent = new Blob([`Pseudo file content for ${options.name}`], { type: options.type });
451
+ const pseudoFile = new File([pseudoFileContent], options.name, {
452
+ type: options.type,
453
+ lastModified: options.lastModified || Date.now()
454
+ });
455
+
456
+ // 创建一个隐藏的文件输入,让用户重新选择文件
457
+ // 这是一个备选方案
458
+ const fileInput = document.createElement('input');
459
+ fileInput.type = 'file';
460
+ fileInput.style.display = 'none';
461
+ fileInput.accept = options.type;
462
+ document.body.appendChild(fileInput);
463
+
464
+ // 提示用户选择同一个文件
465
+ console.log('Please select the same file again');
466
+ alert(`上传出错:TDesign上传组件无法获取文件内容。请在出现的文件选择框中重新选择"${options.name}"文件。`);
467
+
468
+ return new Promise((resolve, reject) => {
469
+ fileInput.onchange = (e) => {
470
+ const selectedFile = e.target.files[0];
471
+ if (selectedFile) {
472
+ console.log('User selected file:', selectedFile.name);
473
+ document.body.removeChild(fileInput);
474
+ resolve(executeUpload(selectedFile));
475
+ } else {
476
+ document.body.removeChild(fileInput);
477
+ const failResponse = {
478
+ error: new Error('No file selected'),
479
+ status: 'fail',
480
+ e: { status: 'fail' }
481
+ };
482
+ reject(failResponse);
483
+ }
484
+ };
485
+
486
+ fileInput.onerror = (error) => {
487
+ document.body.removeChild(fileInput);
488
+ const failResponse = {
489
+ error: error,
490
+ status: 'fail',
491
+ e: { status: 'fail' }
492
+ };
493
+ reject(failResponse);
494
+ };
495
+
496
+ // 触发文件选择
497
+ fileInput.click();
498
+ });
499
+ }
500
+
501
+ console.error('Cannot find valid file information', options);
502
+ if (typeof onError === 'function') {
503
+ const failResponse = {
504
+ error: new Error('No valid file information found'),
505
+ status: 'fail',
506
+ e: { status: 'fail' }
507
+ };
508
+ onError(failResponse);
509
+ }
510
+ return Promise.reject({
511
+ error: new Error('No valid file information found'),
512
+ status: 'fail',
513
+ e: { status: 'fail' }
514
+ });
515
+ } catch (err) {
516
+ console.error('Upload error in customRequestMethod:', err);
517
+ return Promise.reject({
518
+ error: err,
519
+ status: 'fail',
520
+ e: { status: 'fail' }
521
+ });
522
+ }
523
+ };
524
+
525
+ // 上传前钩子,如果设置了beforeUpload则先执行
526
+ const handleBeforeUpload = (file, options) => {
527
+ if (props.beforeUpload) {
528
+ return props.beforeUpload(file, options);
529
+ }
530
+ return true;
531
+ };
532
+
533
+ // 监听internalFiles的变化,记录调试信息
534
+ watch(
535
+ internalFiles,
536
+ (newFiles) => {
537
+ console.log('Internal files changed:', newFiles);
538
+ },
539
+ { deep: true }
540
+ );
541
+
542
+ // 文件状态变化事件
543
+ const handleChange = (value, context) => {
544
+ console.log('Upload change event:', value, context);
545
+
546
+ // 如果是上传成功,确保文件被添加到内部列表
547
+ if (context && context.file && context.file.status === 'success') {
548
+ const successFile = context.file;
549
+
550
+ // 检查是否已存在于内部文件列表
551
+ const fileExists = internalFiles.value.some(
552
+ file => file.name === successFile.name && file.size === successFile.size
553
+ );
554
+
555
+ if (!fileExists) {
556
+ console.log('Adding successful file from change event:', successFile);
557
+ internalFiles.value = [...internalFiles.value, successFile];
558
+
559
+ // 更新v-model和files属性
560
+ emit('update:modelValue', internalFiles.value);
561
+ emit('update:files', internalFiles.value);
562
+ }
563
+ }
564
+
565
+ emit('change', value, context);
566
+ };
567
+
568
+ // 点击事件
569
+ const handleClick = (context) => {
570
+ emit('click', context);
571
+ };
572
+
573
+ // 拖拽事件
574
+ const handleDrag = (context) => {
575
+ emit('drag', context);
576
+ };
577
+
578
+ // 文件拖放事件
579
+ const handleDrop = (context) => {
580
+ emit('drop', context);
581
+ };
582
+
583
+ // 上传失败事件
584
+ const handleFail = (options) => {
585
+ emit('fail', options);
586
+ };
587
+
588
+ // 点击预览事件
589
+ const handlePreview = (options) => {
590
+ emit('preview', options);
591
+ };
592
+
593
+ // 上传进度事件
594
+ const handleProgress = (options) => {
595
+ emit('progress', options);
596
+ };
597
+
598
+ // 移除文件事件
599
+ const handleRemove = (context) => {
600
+ if (context && context.file) {
601
+ // 从内部文件列表中移除文件
602
+ const removedFile = context.file;
603
+
604
+ // 根据name和size过滤掉要删除的文件
605
+ internalFiles.value = internalFiles.value.filter(
606
+ file => !(file.name === removedFile.name && file.size === removedFile.size)
607
+ );
608
+
609
+ // 同时更新v-model绑定的值,保持一致性
610
+ emit('update:modelValue', internalFiles.value);
611
+
612
+ // 更新files属性,支持v-model:files双向绑定
613
+ emit('update:files', internalFiles.value);
614
+ }
615
+
616
+ // 发出原始移除事件
617
+ emit('remove', context);
618
+ };
619
+
620
+ // 选择文件变化事件
621
+ const handleSelectChange = (files, context) => {
622
+ emit('select-change', files, context);
623
+ };
624
+
625
+ // 上传成功事件
626
+ const handleSuccess = (context) => {
627
+ console.log('Upload success event triggered:', context);
628
+
629
+ // 将上传成功的文件添加到文件列表中
630
+ // 首先检查文件是否已经在列表中
631
+ if (context && context.file) {
632
+ // 获取有效的URL
633
+ let fileUrl = '';
634
+ if (context.file.url) {
635
+ fileUrl = context.file.url;
636
+ } else if (context.response && context.response.url) {
637
+ fileUrl = context.response.url;
638
+ } else if (context.response && context.response.data && typeof context.response.data === 'string') {
639
+ fileUrl = context.response.data;
640
+ }
641
+
642
+ const newFile = {
643
+ ...context.file,
644
+ url: fileUrl, // 确保有URL
645
+ status: 'success', // 设置状态为成功
646
+ response: context.response // 保留响应
647
+ };
648
+
649
+ console.log('Adding file to internal files:', newFile);
650
+
651
+ // 创建新的文件列表副本,以便进行修改
652
+ const currentFiles = [...internalFiles.value];
653
+
654
+ // 检查文件是否已存在(基于name和size)
655
+ const fileExists = currentFiles.some(
656
+ file => file.name === newFile.name && file.size === newFile.size
657
+ );
658
+
659
+ // 如果文件不存在于列表中,则添加它
660
+ if (!fileExists) {
661
+ currentFiles.push(newFile);
662
+ // 更新内部文件列表
663
+ internalFiles.value = currentFiles;
664
+ } else {
665
+ // 如果文件已存在,更新其状态和URL
666
+ internalFiles.value = currentFiles.map(file => {
667
+ if (file.name === newFile.name && file.size === newFile.size) {
668
+ return { ...file, ...newFile };
669
+ }
670
+ return file;
671
+ });
672
+ }
673
+
674
+ console.log('Updated internal files:', internalFiles.value);
675
+
676
+ // 同时更新v-model绑定的值,保持一致性
677
+ emit('update:modelValue', internalFiles.value);
678
+
679
+ // 更新files属性,支持v-model:files双向绑定
680
+ emit('update:files', internalFiles.value);
681
+ } else {
682
+ console.warn('Missing file in success context:', context);
683
+ }
684
+
685
+ // 发出原始成功事件
686
+ emit('success', context);
687
+ };
688
+
689
+ // 校验事件
690
+ const handleValidate = (context) => {
691
+ emit('validate', context);
692
+ };
693
+
694
+ // 手动添加已上传的文件到文件列表
695
+ const addUploadedFile = (file) => {
696
+ if (!file || !file.name || !file.url) {
697
+ console.error('Invalid file object. File must contain at least name and url properties.');
698
+ return false;
699
+ }
700
+
701
+ // 构建完整的文件对象
702
+ const fileObject = {
703
+ name: file.name,
704
+ url: file.url,
705
+ size: file.size || 0,
706
+ type: file.type || '',
707
+ status: 'success',
708
+ // 如果提供了原始文件对象,则使用它
709
+ raw: file.raw || null,
710
+ lastModified: file.lastModified || new Date().getTime(),
711
+ ...file
712
+ };
713
+
714
+ // 检查文件是否已存在
715
+ const fileExists = internalFiles.value.some(
716
+ f => f.name === fileObject.name && f.url === fileObject.url
717
+ );
718
+
719
+ if (!fileExists) {
720
+ // 更新内部文件列表
721
+ internalFiles.value = [...internalFiles.value, fileObject];
722
+
723
+ // 同时更新v-model绑定的值,保持一致性
724
+ emit('update:modelValue', internalFiles.value);
725
+
726
+ // 更新files属性,支持v-model:files双向绑定
727
+ emit('update:files', internalFiles.value);
728
+ return true;
729
+ }
730
+
731
+ return false;
732
+ };
733
+
734
+ // 导出组件方法供外部使用
735
+ defineExpose({
736
+ addUploadedFile,
737
+ // 导出内部文件列表,允许外部读取
738
+ getFiles: () => internalFiles.value
739
+ });
740
+
741
+ // 组件挂载时初始化文件列表
742
+ onMounted(() => {
743
+ initializeFiles();
744
+ });
745
+
746
+ // 监听files的变化,更新内部文件列表
747
+ watch(
748
+ () => props.files,
749
+ () => {
750
+ initializeFiles();
751
+ },
752
+ { deep: true }
753
+ );
754
+ </script>
755
+
756
+ <style lang="less" scoped>
757
+ /* 自定义样式 */
758
758
  </style>