@ecan-bi/datav 1.1.22 → 1.1.24

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 (339) hide show
  1. package/dist/index.es.js +619 -615
  2. package/dist/index.es.js.map +1 -1
  3. package/dist/index.umd.js +6 -6
  4. package/dist/index.umd.js.map +1 -1
  5. package/dist/style.css +3 -2
  6. package/es/common/echarts/Echarts.js +3 -3
  7. package/es/common/skeleton/Skeleton.vue.js +17 -17
  8. package/es/common/skeleton/Skeleton.vue.js.map +1 -1
  9. package/es/common/skeleton/Skeleton.vue2.js +17 -17
  10. package/es/common/skeleton/Skeleton.vue2.js.map +1 -1
  11. package/es/common/skeleton/index.js +1 -1
  12. package/es/common/spin/Spin.vue.js +29 -19
  13. package/es/common/spin/Spin.vue.js.map +1 -1
  14. package/es/common/spin/Spin.vue2.js +2 -29
  15. package/es/common/spin/Spin.vue2.js.map +1 -1
  16. package/es/common/spin/Spin.vue3.js +19 -2
  17. package/es/common/spin/Spin.vue3.js.map +1 -1
  18. package/es/common/spin/index.js +1 -1
  19. package/es/components.js +30 -25
  20. package/es/components.js.map +1 -1
  21. package/es/container/border/Border.vue.js.map +1 -1
  22. package/es/container/border/Border.vue2.js +4 -0
  23. package/es/container/border/Border.vue2.js.map +1 -1
  24. package/es/container/border/index.js +4 -0
  25. package/es/container/border/index.js.map +1 -1
  26. package/es/container/border/props.js +1 -1
  27. package/es/container/modal/Modal.vue.js.map +1 -1
  28. package/es/container/modal/Modal.vue2.js +4 -1
  29. package/es/container/modal/Modal.vue2.js.map +1 -1
  30. package/es/container/modal/index.js +5 -1
  31. package/es/container/modal/index.js.map +1 -1
  32. package/es/container/tabs/Tabs.vue.js.map +1 -1
  33. package/es/container/tabs/Tabs.vue2.js +5 -1
  34. package/es/container/tabs/Tabs.vue2.js.map +1 -1
  35. package/es/container/tabs/index.js +5 -1
  36. package/es/container/tabs/index.js.map +1 -1
  37. package/es/container/tabs/props.js +1 -1
  38. package/es/control/button/Button.vue.js.map +1 -1
  39. package/es/control/button/Button.vue2.js +4 -0
  40. package/es/control/button/Button.vue2.js.map +1 -1
  41. package/es/control/button/index.js +4 -0
  42. package/es/control/button/index.js.map +1 -1
  43. package/es/control/button/props.js +1 -1
  44. package/es/control/checkbox/Checkbox.vue.js.map +1 -1
  45. package/es/control/checkbox/Checkbox.vue2.js +3 -1
  46. package/es/control/checkbox/Checkbox.vue2.js.map +1 -1
  47. package/es/control/checkbox/index.js +4 -0
  48. package/es/control/checkbox/index.js.map +1 -1
  49. package/es/control/checkbox/props.js +1 -1
  50. package/es/control/date-picker/DatePicker.vue.js.map +1 -1
  51. package/es/control/date-picker/DatePicker.vue2.js +4 -1
  52. package/es/control/date-picker/DatePicker.vue2.js.map +1 -1
  53. package/es/control/date-picker/index.js +4 -0
  54. package/es/control/date-picker/index.js.map +1 -1
  55. package/es/control/date-picker/props.js +1 -1
  56. package/es/control/input/Input.vue.js.map +1 -1
  57. package/es/control/input/Input.vue2.js +4 -2
  58. package/es/control/input/Input.vue2.js.map +1 -1
  59. package/es/control/input/index.js +5 -1
  60. package/es/control/input/index.js.map +1 -1
  61. package/es/control/input/props.js +1 -1
  62. package/es/control/range-picker/RangePicker.vue.js.map +1 -1
  63. package/es/control/range-picker/RangePicker.vue2.js +4 -1
  64. package/es/control/range-picker/RangePicker.vue2.js.map +1 -1
  65. package/es/control/range-picker/index.js +5 -1
  66. package/es/control/range-picker/index.js.map +1 -1
  67. package/es/control/range-picker/props.js +1 -1
  68. package/es/control/select/Select.vue.js.map +1 -1
  69. package/es/control/select/Select.vue2.js +2 -0
  70. package/es/control/select/Select.vue2.js.map +1 -1
  71. package/es/control/select/index.js +5 -1
  72. package/es/control/select/index.js.map +1 -1
  73. package/es/control/select/props.js +1 -1
  74. package/es/graph/bar/Bar.vue.js.map +1 -1
  75. package/es/graph/bar/Bar.vue2.js +5 -4
  76. package/es/graph/bar/Bar.vue2.js.map +1 -1
  77. package/es/graph/bar/index.js +4 -0
  78. package/es/graph/bar/index.js.map +1 -1
  79. package/es/graph/bar/props.js +1 -1
  80. package/es/graph/combo-graph/ComboGraph.vue.js.map +1 -1
  81. package/es/graph/combo-graph/ComboGraph.vue2.js +4 -3
  82. package/es/graph/combo-graph/ComboGraph.vue2.js.map +1 -1
  83. package/es/graph/combo-graph/index.js +4 -0
  84. package/es/graph/combo-graph/index.js.map +1 -1
  85. package/es/graph/combo-graph/props.js +1 -1
  86. package/es/graph/custom-graph/CustomGraph.vue.js.map +1 -1
  87. package/es/graph/custom-graph/CustomGraph.vue2.js +5 -0
  88. package/es/graph/custom-graph/CustomGraph.vue2.js.map +1 -1
  89. package/es/graph/custom-graph/index.js +3 -0
  90. package/es/graph/custom-graph/index.js.map +1 -1
  91. package/es/graph/custom-graph/props.js +1 -1
  92. package/es/graph/line/Line.vue.js.map +1 -1
  93. package/es/graph/line/Line.vue2.js +4 -3
  94. package/es/graph/line/Line.vue2.js.map +1 -1
  95. package/es/graph/line/index.js +5 -1
  96. package/es/graph/line/index.js.map +1 -1
  97. package/es/graph/line/props.js +1 -1
  98. package/es/graph/pie/Pie.vue.js.map +1 -1
  99. package/es/graph/pie/Pie.vue2.js +6 -5
  100. package/es/graph/pie/Pie.vue2.js.map +1 -1
  101. package/es/graph/pie/index.js +5 -1
  102. package/es/graph/pie/index.js.map +1 -1
  103. package/es/graph/pie/props.js +1 -1
  104. package/es/graph/scatter/Scatter.vue.js.map +1 -1
  105. package/es/graph/scatter/Scatter.vue2.js +6 -4
  106. package/es/graph/scatter/Scatter.vue2.js.map +1 -1
  107. package/es/graph/scatter/index.js +5 -1
  108. package/es/graph/scatter/index.js.map +1 -1
  109. package/es/graph/scatter/props.js +1 -1
  110. package/es/hooks/useDownloadFile.js +1 -2
  111. package/es/hooks/useDownloadFile.js.map +1 -1
  112. package/es/index.js +0 -11218
  113. package/es/map/map/Map.vue.js.map +1 -1
  114. package/es/map/map/Map.vue2.js +5 -1
  115. package/es/map/map/Map.vue2.js.map +1 -1
  116. package/es/map/map/index.js +4 -1
  117. package/es/map/map/index.js.map +1 -1
  118. package/es/map/map/props.js +1 -1
  119. package/es/media/iframe/Iframe.vue.js.map +1 -1
  120. package/es/media/iframe/Iframe.vue2.js +5 -1
  121. package/es/media/iframe/Iframe.vue2.js.map +1 -1
  122. package/es/media/iframe/index.js +4 -1
  123. package/es/media/iframe/index.js.map +1 -1
  124. package/es/media/iframe/props.js +1 -1
  125. package/es/media/image/Image.vue.js.map +1 -1
  126. package/es/media/image/Image.vue2.js +6 -2
  127. package/es/media/image/Image.vue2.js.map +1 -1
  128. package/es/media/image/index.js +4 -1
  129. package/es/media/image/index.js.map +1 -1
  130. package/es/media/image/props.js +1 -1
  131. package/es/node_modules/echarts/lib/core/Scheduler.js +1 -1
  132. package/es/node_modules/echarts/lib/core/echarts.js +4 -4
  133. package/es/node_modules/echarts/lib/data/helper/sourceHelper.js +1 -1
  134. package/es/node_modules/echarts/lib/util/graphic.js +1 -1
  135. package/es/node_modules/zrender/lib/animation/Animator.js +1 -2
  136. package/es/node_modules/zrender/lib/animation/Animator.js.map +1 -1
  137. package/es/node_modules/zrender/lib/core/util.js +2 -0
  138. package/es/node_modules/zrender/lib/core/util.js.map +1 -1
  139. package/es/node_modules/zrender/lib/graphic/Image.js +1 -1
  140. package/es/setting/page-config/PageConfig.vue.js.map +1 -1
  141. package/es/setting/page-config/PageConfig.vue2.js +4 -0
  142. package/es/setting/page-config/PageConfig.vue2.js.map +1 -1
  143. package/es/setting/page-config/index.js +4 -1
  144. package/es/setting/page-config/index.js.map +1 -1
  145. package/es/setting/provider-config/ProviderConfig.vue.js.map +1 -1
  146. package/es/setting/provider-config/ProviderConfig.vue2.js +4 -1
  147. package/es/setting/provider-config/ProviderConfig.vue2.js.map +1 -1
  148. package/es/setting/provider-config/index.js +4 -1
  149. package/es/setting/provider-config/index.js.map +1 -1
  150. package/es/table/table/Table.vue.js +1 -1
  151. package/es/table/table/Table.vue.js.map +1 -1
  152. package/es/table/table/Table.vue2.js +12 -10
  153. package/es/table/table/Table.vue2.js.map +1 -1
  154. package/es/table/table/Table.vue3.js +2 -2
  155. package/es/table/table/index.js +5 -1
  156. package/es/table/table/index.js.map +1 -1
  157. package/es/table/table/props.js +1 -1
  158. package/es/text/list/List.vue.js.map +1 -1
  159. package/es/text/list/List.vue2.js +5 -2
  160. package/es/text/list/List.vue2.js.map +1 -1
  161. package/es/text/list/index.js +5 -1
  162. package/es/text/list/index.js.map +1 -1
  163. package/es/text/list/props.js +1 -1
  164. package/es/text/proportion/Proportion.vue.js.map +1 -1
  165. package/es/text/proportion/Proportion.vue2.js +4 -2
  166. package/es/text/proportion/Proportion.vue2.js.map +1 -1
  167. package/es/text/proportion/index.js +5 -1
  168. package/es/text/proportion/index.js.map +1 -1
  169. package/es/text/proportion/props.js +1 -1
  170. package/es/text/scroll-text/ScrollText.vue2.js.map +1 -1
  171. package/es/text/text/Text.vue.js +1 -1
  172. package/es/text/text/Text.vue.js.map +1 -1
  173. package/es/text/text/Text.vue2.js +5 -2
  174. package/es/text/text/Text.vue2.js.map +1 -1
  175. package/es/text/text/Text.vue3.js +2 -2
  176. package/es/text/text/index.js +5 -1
  177. package/es/text/text/index.js.map +1 -1
  178. package/es/text/text/props.js +1 -1
  179. package/es/text/time-display/TimeDisplay.vue.js.map +1 -1
  180. package/es/text/time-display/TimeDisplay.vue2.js +5 -0
  181. package/es/text/time-display/TimeDisplay.vue2.js.map +1 -1
  182. package/es/text/time-display/index.js +4 -1
  183. package/es/text/time-display/index.js.map +1 -1
  184. package/es/text/time-display/props.js +1 -1
  185. package/lib/common/echarts/Echarts.js +3 -3
  186. package/lib/common/skeleton/Skeleton.vue.js +16 -16
  187. package/lib/common/skeleton/Skeleton.vue.js.map +1 -1
  188. package/lib/common/skeleton/Skeleton.vue2.js +16 -16
  189. package/lib/common/skeleton/Skeleton.vue2.js.map +1 -1
  190. package/lib/common/skeleton/index.js +1 -1
  191. package/lib/common/spin/Spin.vue.js +28 -18
  192. package/lib/common/spin/Spin.vue.js.map +1 -1
  193. package/lib/common/spin/Spin.vue2.js +2 -29
  194. package/lib/common/spin/Spin.vue2.js.map +1 -1
  195. package/lib/common/spin/Spin.vue3.js +19 -2
  196. package/lib/common/spin/Spin.vue3.js.map +1 -1
  197. package/lib/common/spin/index.js +1 -1
  198. package/lib/components.js +56 -51
  199. package/lib/components.js.map +1 -1
  200. package/lib/container/border/Border.vue.js.map +1 -1
  201. package/lib/container/border/Border.vue2.js +4 -0
  202. package/lib/container/border/Border.vue2.js.map +1 -1
  203. package/lib/container/border/index.js +4 -0
  204. package/lib/container/border/index.js.map +1 -1
  205. package/lib/container/modal/Modal.vue.js.map +1 -1
  206. package/lib/container/modal/Modal.vue2.js +4 -1
  207. package/lib/container/modal/Modal.vue2.js.map +1 -1
  208. package/lib/container/modal/index.js +4 -0
  209. package/lib/container/modal/index.js.map +1 -1
  210. package/lib/container/tabs/Tabs.vue.js.map +1 -1
  211. package/lib/container/tabs/Tabs.vue2.js +5 -1
  212. package/lib/container/tabs/Tabs.vue2.js.map +1 -1
  213. package/lib/container/tabs/index.js +4 -0
  214. package/lib/container/tabs/index.js.map +1 -1
  215. package/lib/control/button/Button.vue.js.map +1 -1
  216. package/lib/control/button/Button.vue2.js +4 -0
  217. package/lib/control/button/Button.vue2.js.map +1 -1
  218. package/lib/control/button/index.js +4 -0
  219. package/lib/control/button/index.js.map +1 -1
  220. package/lib/control/checkbox/Checkbox.vue.js.map +1 -1
  221. package/lib/control/checkbox/Checkbox.vue2.js +3 -1
  222. package/lib/control/checkbox/Checkbox.vue2.js.map +1 -1
  223. package/lib/control/checkbox/index.js +4 -0
  224. package/lib/control/checkbox/index.js.map +1 -1
  225. package/lib/control/date-picker/DatePicker.vue.js.map +1 -1
  226. package/lib/control/date-picker/DatePicker.vue2.js +4 -1
  227. package/lib/control/date-picker/DatePicker.vue2.js.map +1 -1
  228. package/lib/control/date-picker/index.js +4 -0
  229. package/lib/control/date-picker/index.js.map +1 -1
  230. package/lib/control/input/Input.vue.js.map +1 -1
  231. package/lib/control/input/Input.vue2.js +4 -2
  232. package/lib/control/input/Input.vue2.js.map +1 -1
  233. package/lib/control/input/index.js +4 -0
  234. package/lib/control/input/index.js.map +1 -1
  235. package/lib/control/range-picker/RangePicker.vue.js.map +1 -1
  236. package/lib/control/range-picker/RangePicker.vue2.js +4 -1
  237. package/lib/control/range-picker/RangePicker.vue2.js.map +1 -1
  238. package/lib/control/range-picker/index.js +4 -0
  239. package/lib/control/range-picker/index.js.map +1 -1
  240. package/lib/control/select/Select.vue.js.map +1 -1
  241. package/lib/control/select/Select.vue2.js +2 -0
  242. package/lib/control/select/Select.vue2.js.map +1 -1
  243. package/lib/control/select/index.js +4 -0
  244. package/lib/control/select/index.js.map +1 -1
  245. package/lib/graph/bar/Bar.vue.js.map +1 -1
  246. package/lib/graph/bar/Bar.vue2.js +5 -4
  247. package/lib/graph/bar/Bar.vue2.js.map +1 -1
  248. package/lib/graph/bar/index.js +4 -0
  249. package/lib/graph/bar/index.js.map +1 -1
  250. package/lib/graph/combo-graph/ComboGraph.vue.js.map +1 -1
  251. package/lib/graph/combo-graph/ComboGraph.vue2.js +4 -3
  252. package/lib/graph/combo-graph/ComboGraph.vue2.js.map +1 -1
  253. package/lib/graph/combo-graph/index.js +4 -0
  254. package/lib/graph/combo-graph/index.js.map +1 -1
  255. package/lib/graph/custom-graph/CustomGraph.vue.js.map +1 -1
  256. package/lib/graph/custom-graph/CustomGraph.vue2.js +5 -0
  257. package/lib/graph/custom-graph/CustomGraph.vue2.js.map +1 -1
  258. package/lib/graph/custom-graph/index.js +3 -0
  259. package/lib/graph/custom-graph/index.js.map +1 -1
  260. package/lib/graph/line/Line.vue.js.map +1 -1
  261. package/lib/graph/line/Line.vue2.js +4 -3
  262. package/lib/graph/line/Line.vue2.js.map +1 -1
  263. package/lib/graph/line/index.js +4 -0
  264. package/lib/graph/line/index.js.map +1 -1
  265. package/lib/graph/pie/Pie.vue.js.map +1 -1
  266. package/lib/graph/pie/Pie.vue2.js +6 -5
  267. package/lib/graph/pie/Pie.vue2.js.map +1 -1
  268. package/lib/graph/pie/index.js +4 -0
  269. package/lib/graph/pie/index.js.map +1 -1
  270. package/lib/graph/scatter/Scatter.vue.js.map +1 -1
  271. package/lib/graph/scatter/Scatter.vue2.js +6 -4
  272. package/lib/graph/scatter/Scatter.vue2.js.map +1 -1
  273. package/lib/graph/scatter/index.js +4 -0
  274. package/lib/graph/scatter/index.js.map +1 -1
  275. package/lib/hooks/useDownloadFile.js +1 -2
  276. package/lib/hooks/useDownloadFile.js.map +1 -1
  277. package/lib/index.js +0 -11218
  278. package/lib/map/map/Map.vue.js.map +1 -1
  279. package/lib/map/map/Map.vue2.js +5 -1
  280. package/lib/map/map/Map.vue2.js.map +1 -1
  281. package/lib/map/map/index.js +3 -0
  282. package/lib/map/map/index.js.map +1 -1
  283. package/lib/media/iframe/Iframe.vue.js.map +1 -1
  284. package/lib/media/iframe/Iframe.vue2.js +5 -1
  285. package/lib/media/iframe/Iframe.vue2.js.map +1 -1
  286. package/lib/media/iframe/index.js +3 -0
  287. package/lib/media/iframe/index.js.map +1 -1
  288. package/lib/media/image/Image.vue.js.map +1 -1
  289. package/lib/media/image/Image.vue2.js +6 -2
  290. package/lib/media/image/Image.vue2.js.map +1 -1
  291. package/lib/media/image/index.js +3 -0
  292. package/lib/media/image/index.js.map +1 -1
  293. package/lib/node_modules/echarts/lib/core/echarts.js +1 -1
  294. package/lib/node_modules/zrender/lib/animation/Animator.js +1 -2
  295. package/lib/node_modules/zrender/lib/animation/Animator.js.map +1 -1
  296. package/lib/node_modules/zrender/lib/core/util.js +2 -0
  297. package/lib/node_modules/zrender/lib/core/util.js.map +1 -1
  298. package/lib/setting/page-config/PageConfig.vue.js.map +1 -1
  299. package/lib/setting/page-config/PageConfig.vue2.js +4 -0
  300. package/lib/setting/page-config/PageConfig.vue2.js.map +1 -1
  301. package/lib/setting/page-config/index.js +3 -0
  302. package/lib/setting/page-config/index.js.map +1 -1
  303. package/lib/setting/provider-config/ProviderConfig.vue.js.map +1 -1
  304. package/lib/setting/provider-config/ProviderConfig.vue2.js +4 -1
  305. package/lib/setting/provider-config/ProviderConfig.vue2.js.map +1 -1
  306. package/lib/setting/provider-config/index.js +3 -0
  307. package/lib/setting/provider-config/index.js.map +1 -1
  308. package/lib/style.css +11218 -0
  309. package/lib/table/table/Table.vue.js +1 -1
  310. package/lib/table/table/Table.vue.js.map +1 -1
  311. package/lib/table/table/Table.vue2.js +12 -10
  312. package/lib/table/table/Table.vue2.js.map +1 -1
  313. package/lib/table/table/Table.vue3.js +2 -2
  314. package/lib/table/table/index.js +4 -0
  315. package/lib/table/table/index.js.map +1 -1
  316. package/lib/text/list/List.vue.js.map +1 -1
  317. package/lib/text/list/List.vue2.js +5 -2
  318. package/lib/text/list/List.vue2.js.map +1 -1
  319. package/lib/text/list/index.js +4 -0
  320. package/lib/text/list/index.js.map +1 -1
  321. package/lib/text/proportion/Proportion.vue.js.map +1 -1
  322. package/lib/text/proportion/Proportion.vue2.js +4 -2
  323. package/lib/text/proportion/Proportion.vue2.js.map +1 -1
  324. package/lib/text/proportion/index.js +4 -0
  325. package/lib/text/proportion/index.js.map +1 -1
  326. package/lib/text/scroll-text/ScrollText.vue2.js.map +1 -1
  327. package/lib/text/text/Text.vue.js +1 -1
  328. package/lib/text/text/Text.vue.js.map +1 -1
  329. package/lib/text/text/Text.vue2.js +5 -2
  330. package/lib/text/text/Text.vue2.js.map +1 -1
  331. package/lib/text/text/Text.vue3.js +2 -2
  332. package/lib/text/text/index.js +4 -0
  333. package/lib/text/text/index.js.map +1 -1
  334. package/lib/text/time-display/TimeDisplay.vue.js.map +1 -1
  335. package/lib/text/time-display/TimeDisplay.vue2.js +5 -0
  336. package/lib/text/time-display/TimeDisplay.vue2.js.map +1 -1
  337. package/lib/text/time-display/index.js +3 -0
  338. package/lib/text/time-display/index.js.map +1 -1
  339. package/package.json +11 -10
@@ -1 +1 @@
1
- {"version":3,"file":"Modal.vue.js","sources":["../../../src/container/modal/Modal.vue"],"sourcesContent":["<template>\n <!-- centered + style 中的 verticalAlign 调整弹窗位置 -->\n <a-modal\n :getContainer=\"getContainer\"\n :wrapClassName=\"wrapClassName\"\n centered\n :visible=\"visible\"\n :footer=\"null\"\n :width=\"isFullModal || isFullWidth ? '100%' : modalWith\"\n :destroyOnClose=\"destroyOnClose\"\n :style=\"modalStyle\"\n @ok=\"onOk\"\n @cancel=\"onCancel\"\n >\n <template #title v-if=\"title\" >\n <div\n :style=\"{\n fontSize: titleFontSize,\n color: titleColor,\n backgroundColor,\n padding: '16px 24px'\n }\"\n >\n {{ title }}\n </div>\n </template>\n <div class=\"contain\" ref=\"contain\" :style=\"containStyle\">\n <div class=\"content\" :style=\"contentStyle\">\n <component\n v-for=\"(component, index) in componentList\"\n :key=\"(component.id) + index\"\n :is=\"component.type\"\n v-bind=\"component\"\n />\n </div>\n </div>\n </a-modal>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, inject, nextTick, ref, unref } from 'vue'\nimport { modalComponentProps, ModalPosition } from './props'\nimport { Modal as AModal } from 'ant-design-vue'\nimport 'ant-design-vue/es/modal/style'\nimport { useOnEvent, usePickComponentStyle, useImagePath } from '@/hooks'\nimport { REQUEST_MODEL } from '@/utils/constant'\nexport default defineComponent({\n name: 'EcanModal',\n components: {\n AModal\n },\n props: {\n ...modalComponentProps\n },\n setup (props) {\n const getContainer = () => document.getElementById('ProviderConfig') || document.body\n const modalStyle = computed(() => {\n const position = props.position as ModalPosition\n const map = {\n default: '',\n top: 'top',\n center: 'middle',\n bottom: 'bottom'\n }\n return {\n verticalAlign: map[position]\n }\n })\n const width = props.width as string\n const height = props.height as string\n const originalWidth = props.originalWidth as string\n const originalHeight = props.originalHeight as string\n const scaleWidth = computed(() => parseFloat(width) / parseFloat(originalWidth))\n const scaleHeight = computed(() => parseFloat(height) / parseFloat(originalHeight))\n // 弹窗适配\n const modalWith = computed(() => `${unref(scaleWidth) * 100}%`)\n // const modalHeight = computed(() => `${scaleHeight.value * 100}%`)\n const screenWidth = computed(() => document.body.offsetWidth)\n const screenHeight = computed(() => document.body.offsetHeight)\n const containWidth = computed(() => unref(screenWidth) * unref(scaleWidth))\n const containHeight = computed(() => unref(screenHeight) * unref(scaleHeight))\n const containStyle = computed(() => ({\n width: `${unref(containWidth)}px`,\n height: `${unref(containHeight)}px`\n }))\n const style = usePickComponentStyle(props)\n const contentStyle = computed(() => ({\n ...unref(style),\n backgroundImage: useImagePath(props.backgroundImage as string, true),\n transform: `scale(${unref(containWidth) / parseFloat(width)},${unref(containHeight) / parseFloat(height)})`\n }))\n const isFullWidth = computed(() => unref(scaleWidth) >= 1)\n const isFullModal = computed(() => props.fullModal)\n const wrapClassName = computed(() => {\n let className = 'ecan-modal'\n if (unref(isFullWidth)) className += ' ecan-full-width-modal'\n if (unref(isFullModal)) className += ' ecan-full-modal'\n return className\n })\n const visible = ref(false)\n const contain = ref<HTMLElement>()\n const { touchRequest } = inject(REQUEST_MODEL, {\n // @ts-ignore\n // eslint-disable-next-line no-void\n touchRequest: () => void 0\n })\n const showModal = () => {\n visible.value = true\n nextTick(() => {\n touchRequest()\n })\n }\n const hideModal = () => {\n visible.value = false\n }\n const onOk = () => {\n hideModal()\n }\n const onCancel = () => {\n hideModal()\n }\n // 注册\n useOnEvent(props, {\n showModal\n })\n\n return {\n contain,\n containStyle,\n contentStyle,\n getContainer,\n modalStyle,\n modalWith,\n isFullModal,\n style,\n visible,\n showModal,\n onOk,\n onCancel,\n isFullWidth,\n wrapClassName\n }\n }\n})\n</script>\n\n<style scoped lang=\"less\">\n.contain {\n position: relative;\n overflow: hidden;\n}\n.content {\n transform-origin: left top;\n z-index: 999;\n}\n</style>\n\n<style lang=\"less\">\n.ecan-modal {\n .ant-modal-body {\n padding: 0;\n }\n .ant-modal-header {\n padding: 0;\n border-bottom: none;\n background: none;\n }\n}\n\n.ecan-full-width-modal {\n .ant-modal {\n max-width: 100%;\n top: 0;\n padding-bottom: 0;\n margin: 0;\n }\n .ant-modal-content {\n display: flex;\n flex-direction: column;\n }\n .ant-modal-body {\n flex: 1;\n }\n}\n\n.ecan-full-modal {\n .ant-modal {\n max-width: 100%;\n top: 0;\n padding-bottom: 0;\n margin: 0;\n }\n .ant-modal-content {\n display: flex;\n flex-direction: column;\n height: calc(100vh);\n }\n .ant-modal-body {\n flex: 1;\n }\n}\n\n[datav-theme='darkBlue'] .ecan-modal {\n .anticon-close > svg > path {\n fill: #fff;\n }\n}\n</style>\n"],"names":["_resolveComponent","_openBlock","_createBlock","_normalizeStyle","_createSlots","_withCtx","_createElementVNode","_createElementBlock","_Fragment","_renderList","_resolveDynamicComponent","_mergeProps"],"mappings":";;;;;;6BAEEA,iBAkCU,SAAA;AAhCP,SAAAC,UAAA,GAA4BC,YAAA,oBAAA;AAAA,IAC7B,cAAQ,KAAA;AAAA,IACP,eAAS,KAAA;AAAA,IACT,UAAQ;AAAA,IACR,SAAO,KAAA;AAAA,IACP,QAAA;AAAA,IACA,OAAK,oBAAE,KAAU,cAAA,SAAA,KAAA;AAAA,IACjB,gBAAQ,KAAA;AAAA,IACR,OAAgBC,eAAA,KAAA,UAAA;AAAA,IAAA,MAAA,KAAA;AAAA;EAcjB,GAAAC,YAAA;AAAA,IAAA,SAAUC,QAAC,MAAS;AAAA,MAAcC,mBAAA,OAAA;AAAA,QAAE,OAAK;AAAA,QAAA,KAAA;AAAA,QACvC,OAOMH,eAAA,KAAA,YAAA;AAAA,MAAA,GAAA;AAAA,2BAPqB,OAAE;AAAA,UAAA,OAAA;AAAA,gCAC3B,KAKE,YAAA;AAAA,QAAA,GAAA;AAAA,WAHOF,UAAA,IAAA,GAASM,mBAAYC,UAAA,MAAAC,WAAA,KAAA,eAAA,CAAA,WAAA,UAAA;mBAEpBR,UAAS,GAAAC,YAAAQ,wBAAA,UAAA,IAAA,GAAAC,WAAA;AAAA,cAAA,KAAA,UAAA,KAAA;AAAA;;;;;IAlBA,GAAA;AAAA,EAAA,GAAA;AAAA;MACrB,MAAA;AAAA,MAAA,IACGN,QAAK,MAAA;AAAA,QAAAC,mBAAwB,OAAa;AAAA,UAAA,OAAmBH,eAAU;AAAA,YAAA,UAAA,KAAA;AAAA;;;;;;;;;;"}
1
+ {"version":3,"file":"Modal.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -6,8 +6,11 @@ import "../../node_modules/ant-design-vue/es/modal/style/index.less.js";
6
6
  import "../../node_modules/ant-design-vue/es/button/style/index.less.js";
7
7
  import { usePickComponentStyle } from "../../hooks/usePickComponentStyle.js";
8
8
  import { useOnEvent } from "../../hooks/useOnEvent.js";
9
- import { useImagePath } from "../../hooks/useImagePath.js";
9
+ import "lodash-es";
10
10
  import { REQUEST_MODEL } from "../../utils/constant.js";
11
+ import "axios";
12
+ import { useImagePath } from "../../hooks/useImagePath.js";
13
+ import "../../utils/request.js";
11
14
  const _sfc_main = defineComponent({
12
15
  name: "EcanModal",
13
16
  components: {
@@ -1 +1 @@
1
- {"version":3,"file":"Modal.vue2.js","sources":["../../../src/container/modal/Modal.vue"],"sourcesContent":["<template>\n <!-- centered + style 中的 verticalAlign 调整弹窗位置 -->\n <a-modal\n :getContainer=\"getContainer\"\n :wrapClassName=\"wrapClassName\"\n centered\n :visible=\"visible\"\n :footer=\"null\"\n :width=\"isFullModal || isFullWidth ? '100%' : modalWith\"\n :destroyOnClose=\"destroyOnClose\"\n :style=\"modalStyle\"\n @ok=\"onOk\"\n @cancel=\"onCancel\"\n >\n <template #title v-if=\"title\" >\n <div\n :style=\"{\n fontSize: titleFontSize,\n color: titleColor,\n backgroundColor,\n padding: '16px 24px'\n }\"\n >\n {{ title }}\n </div>\n </template>\n <div class=\"contain\" ref=\"contain\" :style=\"containStyle\">\n <div class=\"content\" :style=\"contentStyle\">\n <component\n v-for=\"(component, index) in componentList\"\n :key=\"(component.id) + index\"\n :is=\"component.type\"\n v-bind=\"component\"\n />\n </div>\n </div>\n </a-modal>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, inject, nextTick, ref, unref } from 'vue'\nimport { modalComponentProps, ModalPosition } from './props'\nimport { Modal as AModal } from 'ant-design-vue'\nimport 'ant-design-vue/es/modal/style'\nimport { useOnEvent, usePickComponentStyle, useImagePath } from '@/hooks'\nimport { REQUEST_MODEL } from '@/utils/constant'\nexport default defineComponent({\n name: 'EcanModal',\n components: {\n AModal\n },\n props: {\n ...modalComponentProps\n },\n setup (props) {\n const getContainer = () => document.getElementById('ProviderConfig') || document.body\n const modalStyle = computed(() => {\n const position = props.position as ModalPosition\n const map = {\n default: '',\n top: 'top',\n center: 'middle',\n bottom: 'bottom'\n }\n return {\n verticalAlign: map[position]\n }\n })\n const width = props.width as string\n const height = props.height as string\n const originalWidth = props.originalWidth as string\n const originalHeight = props.originalHeight as string\n const scaleWidth = computed(() => parseFloat(width) / parseFloat(originalWidth))\n const scaleHeight = computed(() => parseFloat(height) / parseFloat(originalHeight))\n // 弹窗适配\n const modalWith = computed(() => `${unref(scaleWidth) * 100}%`)\n // const modalHeight = computed(() => `${scaleHeight.value * 100}%`)\n const screenWidth = computed(() => document.body.offsetWidth)\n const screenHeight = computed(() => document.body.offsetHeight)\n const containWidth = computed(() => unref(screenWidth) * unref(scaleWidth))\n const containHeight = computed(() => unref(screenHeight) * unref(scaleHeight))\n const containStyle = computed(() => ({\n width: `${unref(containWidth)}px`,\n height: `${unref(containHeight)}px`\n }))\n const style = usePickComponentStyle(props)\n const contentStyle = computed(() => ({\n ...unref(style),\n backgroundImage: useImagePath(props.backgroundImage as string, true),\n transform: `scale(${unref(containWidth) / parseFloat(width)},${unref(containHeight) / parseFloat(height)})`\n }))\n const isFullWidth = computed(() => unref(scaleWidth) >= 1)\n const isFullModal = computed(() => props.fullModal)\n const wrapClassName = computed(() => {\n let className = 'ecan-modal'\n if (unref(isFullWidth)) className += ' ecan-full-width-modal'\n if (unref(isFullModal)) className += ' ecan-full-modal'\n return className\n })\n const visible = ref(false)\n const contain = ref<HTMLElement>()\n const { touchRequest } = inject(REQUEST_MODEL, {\n // @ts-ignore\n // eslint-disable-next-line no-void\n touchRequest: () => void 0\n })\n const showModal = () => {\n visible.value = true\n nextTick(() => {\n touchRequest()\n })\n }\n const hideModal = () => {\n visible.value = false\n }\n const onOk = () => {\n hideModal()\n }\n const onCancel = () => {\n hideModal()\n }\n // 注册\n useOnEvent(props, {\n showModal\n })\n\n return {\n contain,\n containStyle,\n contentStyle,\n getContainer,\n modalStyle,\n modalWith,\n isFullModal,\n style,\n visible,\n showModal,\n onOk,\n onCancel,\n isFullWidth,\n wrapClassName\n }\n }\n})\n</script>\n\n<style scoped lang=\"less\">\n.contain {\n position: relative;\n overflow: hidden;\n}\n.content {\n transform-origin: left top;\n z-index: 999;\n}\n</style>\n\n<style lang=\"less\">\n.ecan-modal {\n .ant-modal-body {\n padding: 0;\n }\n .ant-modal-header {\n padding: 0;\n border-bottom: none;\n background: none;\n }\n}\n\n.ecan-full-width-modal {\n .ant-modal {\n max-width: 100%;\n top: 0;\n padding-bottom: 0;\n margin: 0;\n }\n .ant-modal-content {\n display: flex;\n flex-direction: column;\n }\n .ant-modal-body {\n flex: 1;\n }\n}\n\n.ecan-full-modal {\n .ant-modal {\n max-width: 100%;\n top: 0;\n padding-bottom: 0;\n margin: 0;\n }\n .ant-modal-content {\n display: flex;\n flex-direction: column;\n height: calc(100vh);\n }\n .ant-modal-body {\n flex: 1;\n }\n}\n\n[datav-theme='darkBlue'] .ecan-modal {\n .anticon-close > svg > path {\n fill: #fff;\n }\n}\n</style>\n"],"names":["AModal"],"mappings":";;;;;;;;;;AA8CA,MAAA,YAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IAAA,QACVA;AAAAA,EACF;AAAA,EACA,OAAO;AAAA,IACL,GAAG;AAAA,EACL;AAAA,EACA,MAAO,OAAO;AACZ,UAAM,eAAe,MAAM,SAAS,eAAe,gBAAgB,KAAK,SAAS;AAC3E,UAAA,aAAa,SAAS,MAAM;AAChC,YAAM,WAAW,MAAM;AACvB,YAAM,MAAM;AAAA,QACV,SAAS;AAAA,QACT,KAAK;AAAA,QACL,QAAQ;AAAA,QACR,QAAQ;AAAA,MAAA;AAEH,aAAA;AAAA,QACL,eAAe,IAAI,QAAQ;AAAA,MAAA;AAAA,IAC7B,CACD;AACD,UAAM,QAAQ,MAAM;AACpB,UAAM,SAAS,MAAM;AACrB,UAAM,gBAAgB,MAAM;AAC5B,UAAM,iBAAiB,MAAM;AACvB,UAAA,aAAa,SAAS,MAAM,WAAW,KAAK,IAAI,WAAW,aAAa,CAAC;AACzE,UAAA,cAAc,SAAS,MAAM,WAAW,MAAM,IAAI,WAAW,cAAc,CAAC;AAElF,UAAM,YAAY,SAAS,MAAM,GAAG,MAAM,UAAU,IAAI,MAAM;AAE9D,UAAM,cAAc,SAAS,MAAM,SAAS,KAAK,WAAW;AAC5D,UAAM,eAAe,SAAS,MAAM,SAAS,KAAK,YAAY;AACxD,UAAA,eAAe,SAAS,MAAM,MAAM,WAAW,IAAI,MAAM,UAAU,CAAC;AACpE,UAAA,gBAAgB,SAAS,MAAM,MAAM,YAAY,IAAI,MAAM,WAAW,CAAC;AACvE,UAAA,eAAe,SAAS,OAAO;AAAA,MACnC,OAAO,GAAG,MAAM,YAAY;AAAA,MAC5B,QAAQ,GAAG,MAAM,aAAa;AAAA,IAC9B,EAAA;AACI,UAAA,QAAQ,sBAAsB,KAAK;AACnC,UAAA,eAAe,SAAS,OAAO;AAAA,MACnC,GAAG,MAAM,KAAK;AAAA,MACd,iBAAiB,aAAa,MAAM,iBAA2B,IAAI;AAAA,MACnE,WAAW,SAAS,MAAM,YAAY,IAAI,WAAW,KAAK,KAAK,MAAM,aAAa,IAAI,WAAW,MAAM;AAAA,IACvG,EAAA;AACF,UAAM,cAAc,SAAS,MAAM,MAAM,UAAU,KAAK,CAAC;AACzD,UAAM,cAAc,SAAS,MAAM,MAAM,SAAS;AAC5C,UAAA,gBAAgB,SAAS,MAAM;AACnC,UAAI,YAAY;AAChB,UAAI,MAAM,WAAW;AAAgB,qBAAA;AACrC,UAAI,MAAM,WAAW;AAAgB,qBAAA;AAC9B,aAAA;AAAA,IAAA,CACR;AACK,UAAA,UAAU,IAAI,KAAK;AACzB,UAAM,UAAU;AAChB,UAAM,EAAE,aAAA,IAAiB,OAAO,eAAe;AAAA;AAAA;AAAA,MAG7C,cAAc,MAAM;AAAA,IAAA,CACrB;AACD,UAAM,YAAY,MAAM;AACtB,cAAQ,QAAQ;AAChB,eAAS,MAAM;AACA;MAAA,CACd;AAAA,IAAA;AAEH,UAAM,YAAY,MAAM;AACtB,cAAQ,QAAQ;AAAA,IAAA;AAElB,UAAM,OAAO,MAAM;AACP;IAAA;AAEZ,UAAM,WAAW,MAAM;AACX;IAAA;AAGZ,eAAW,OAAO;AAAA,MAChB;AAAA,IAAA,CACD;AAEM,WAAA;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;"}
1
+ {"version":3,"file":"Modal.vue2.js","sources":["../../../src/container/modal/Modal.vue?vue&type=script&lang.ts"],"sourcesContent":["\nimport { computed, defineComponent, inject, nextTick, ref, unref } from 'vue'\nimport { modalComponentProps, ModalPosition } from './props'\nimport { Modal as AModal } from 'ant-design-vue'\nimport 'ant-design-vue/es/modal/style'\nimport { useOnEvent, usePickComponentStyle, useImagePath } from '@/hooks'\nimport { REQUEST_MODEL } from '@/utils/constant'\nexport default defineComponent({\n name: 'EcanModal',\n components: {\n AModal\n },\n props: {\n ...modalComponentProps\n },\n setup (props) {\n const getContainer = () => document.getElementById('ProviderConfig') || document.body\n const modalStyle = computed(() => {\n const position = props.position as ModalPosition\n const map = {\n default: '',\n top: 'top',\n center: 'middle',\n bottom: 'bottom'\n }\n return {\n verticalAlign: map[position]\n }\n })\n const width = props.width as string\n const height = props.height as string\n const originalWidth = props.originalWidth as string\n const originalHeight = props.originalHeight as string\n const scaleWidth = computed(() => parseFloat(width) / parseFloat(originalWidth))\n const scaleHeight = computed(() => parseFloat(height) / parseFloat(originalHeight))\n // 弹窗适配\n const modalWith = computed(() => `${unref(scaleWidth) * 100}%`)\n // const modalHeight = computed(() => `${scaleHeight.value * 100}%`)\n const screenWidth = computed(() => document.body.offsetWidth)\n const screenHeight = computed(() => document.body.offsetHeight)\n const containWidth = computed(() => unref(screenWidth) * unref(scaleWidth))\n const containHeight = computed(() => unref(screenHeight) * unref(scaleHeight))\n const containStyle = computed(() => ({\n width: `${unref(containWidth)}px`,\n height: `${unref(containHeight)}px`\n }))\n const style = usePickComponentStyle(props)\n const contentStyle = computed(() => ({\n ...unref(style),\n backgroundImage: useImagePath(props.backgroundImage as string, true),\n transform: `scale(${unref(containWidth) / parseFloat(width)},${unref(containHeight) / parseFloat(height)})`\n }))\n const isFullWidth = computed(() => unref(scaleWidth) >= 1)\n const isFullModal = computed(() => props.fullModal)\n const wrapClassName = computed(() => {\n let className = 'ecan-modal'\n if (unref(isFullWidth)) className += ' ecan-full-width-modal'\n if (unref(isFullModal)) className += ' ecan-full-modal'\n return className\n })\n const visible = ref(false)\n const contain = ref<HTMLElement>()\n const { touchRequest } = inject(REQUEST_MODEL, {\n // @ts-ignore\n // eslint-disable-next-line no-void\n touchRequest: () => void 0\n })\n const showModal = () => {\n visible.value = true\n nextTick(() => {\n touchRequest()\n })\n }\n const hideModal = () => {\n visible.value = false\n }\n const onOk = () => {\n hideModal()\n }\n const onCancel = () => {\n hideModal()\n }\n // 注册\n useOnEvent(props, {\n showModal\n })\n\n return {\n contain,\n containStyle,\n contentStyle,\n getContainer,\n modalStyle,\n modalWith,\n isFullModal,\n style,\n visible,\n showModal,\n onOk,\n onCancel,\n isFullWidth,\n wrapClassName\n }\n }\n})\n"],"names":["AModal"],"mappings":";;;;;;;;;;;;;AAOA,MAAA,YAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IAAA,QACVA;AAAAA,EACF;AAAA,EACA,OAAO;AAAA,IACL,GAAG;AAAA,EACL;AAAA,EACA,MAAO,OAAO;AACZ,UAAM,eAAe,MAAM,SAAS,eAAe,gBAAgB,KAAK,SAAS;AAC3E,UAAA,aAAa,SAAS,MAAM;AAChC,YAAM,WAAW,MAAM;AACvB,YAAM,MAAM;AAAA,QACV,SAAS;AAAA,QACT,KAAK;AAAA,QACL,QAAQ;AAAA,QACR,QAAQ;AAAA,MAAA;AAEH,aAAA;AAAA,QACL,eAAe,IAAI,QAAQ;AAAA,MAAA;AAAA,IAC7B,CACD;AACD,UAAM,QAAQ,MAAM;AACpB,UAAM,SAAS,MAAM;AACrB,UAAM,gBAAgB,MAAM;AAC5B,UAAM,iBAAiB,MAAM;AACvB,UAAA,aAAa,SAAS,MAAM,WAAW,KAAK,IAAI,WAAW,aAAa,CAAC;AACzE,UAAA,cAAc,SAAS,MAAM,WAAW,MAAM,IAAI,WAAW,cAAc,CAAC;AAElF,UAAM,YAAY,SAAS,MAAM,GAAG,MAAM,UAAU,IAAI,MAAM;AAE9D,UAAM,cAAc,SAAS,MAAM,SAAS,KAAK,WAAW;AAC5D,UAAM,eAAe,SAAS,MAAM,SAAS,KAAK,YAAY;AACxD,UAAA,eAAe,SAAS,MAAM,MAAM,WAAW,IAAI,MAAM,UAAU,CAAC;AACpE,UAAA,gBAAgB,SAAS,MAAM,MAAM,YAAY,IAAI,MAAM,WAAW,CAAC;AACvE,UAAA,eAAe,SAAS,OAAO;AAAA,MACnC,OAAO,GAAG,MAAM,YAAY;AAAA,MAC5B,QAAQ,GAAG,MAAM,aAAa;AAAA,IAC9B,EAAA;AACI,UAAA,QAAQ,sBAAsB,KAAK;AACnC,UAAA,eAAe,SAAS,OAAO;AAAA,MACnC,GAAG,MAAM,KAAK;AAAA,MACd,iBAAiB,aAAa,MAAM,iBAA2B,IAAI;AAAA,MACnE,WAAW,SAAS,MAAM,YAAY,IAAI,WAAW,KAAK,KAAK,MAAM,aAAa,IAAI,WAAW,MAAM;AAAA,IACvG,EAAA;AACF,UAAM,cAAc,SAAS,MAAM,MAAM,UAAU,KAAK,CAAC;AACzD,UAAM,cAAc,SAAS,MAAM,MAAM,SAAS;AAC5C,UAAA,gBAAgB,SAAS,MAAM;AACnC,UAAI,YAAY;AAChB,UAAI,MAAM,WAAW;AAAgB,qBAAA;AACrC,UAAI,MAAM,WAAW;AAAgB,qBAAA;AAC9B,aAAA;AAAA,IAAA,CACR;AACK,UAAA,UAAU,IAAI,KAAK;AACzB,UAAM,UAAU;AAChB,UAAM,EAAE,aAAA,IAAiB,OAAO,eAAe;AAAA;AAAA;AAAA,MAG7C,cAAc,MAAM;AAAA,IAAA,CACrB;AACD,UAAM,YAAY,MAAM;AACtB,cAAQ,QAAQ;AAChB,eAAS,MAAM;AACA;MAAA,CACd;AAAA,IAAA;AAEH,UAAM,YAAY,MAAM;AACtB,cAAQ,QAAQ;AAAA,IAAA;AAElB,UAAM,OAAO,MAAM;AACP;IAAA;AAEZ,UAAM,WAAW,MAAM;AACX;IAAA;AAGZ,eAAW,OAAO;AAAA,MAChB;AAAA,IAAA,CACD;AAEM,WAAA;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;"}
@@ -1,8 +1,12 @@
1
1
  import { withInstall } from "../../utils/withInstall.js";
2
2
  import Modal from "./Modal.vue.js";
3
+ import { modalComponentProps, modalEvents, modalProps } from "./props.js";
3
4
  const EcanModal = withInstall(Modal);
4
5
  export {
5
6
  EcanModal,
6
- EcanModal as default
7
+ EcanModal as default,
8
+ modalComponentProps,
9
+ modalEvents,
10
+ modalProps
7
11
  };
8
12
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../../src/container/modal/index.ts"],"sourcesContent":["import { withInstall } from '@/utils/withInstall'\nimport Modal from './Modal.vue'\nexport const EcanModal = withInstall(Modal)\nexport default EcanModal\nexport * from './props'\n"],"names":[],"mappings":";;AAEa,MAAA,YAAY,YAAY,KAAK;"}
1
+ {"version":3,"file":"index.js","sources":["../../../src/container/modal/index.ts"],"sourcesContent":["import { withInstall } from '@/utils/withInstall'\nimport Modal from './Modal.vue'\nexport const EcanModal = withInstall(Modal)\nexport default EcanModal\nexport * from './props'\n"],"names":[],"mappings":";;;AAEa,MAAA,YAAY,YAAY,KAAK;"}
@@ -1 +1 @@
1
- {"version":3,"file":"Tabs.vue.js","sources":["../../../src/container/tabs/Tabs.vue"],"sourcesContent":["<template>\n <div class=\"ecan-tabs\" :style=\"style\">\n <div\n class=\"tabs-header\"\n :style=\"{\n fontSize: tabFontSize,\n alignItems: tabAlignItems,\n justifyContent: tabJustifyContent,\n flexDirection: tabFlexDirection\n }\"\n >\n <div\n class=\"tab\"\n :style=\"{\n padding: `5px ${tabHorizontalPadding}`,\n color: isActive(index) ? activeTabColor : tabColor,\n backgroundImage: isActive(index) ? useImagePath(activeTabBackgroundImage, true) : useImagePath(tabBackgroundImage, true),\n marginRight: tabFlexDirection === 'row' ? tabBarGutter : null,\n marginBottom: tabFlexDirection === 'column' ? tabBarGutter : null,\n fontWeight: tabFontWeight\n }\"\n v-for=\"(tab, index) in myData\"\n :key=\"index\"\n @click.prevent.stop=\"tabChange(tab, index)\"\n >\n <div\n class=\"tab-inner\"\n :style=\"{\n borderBottom: !activeTabBackgroundImage && !tabBackgroundImage ? `1px solid ${isActive(index) ? activeTabColor : 'transparent'}` : ''\n }\"\n >\n {{tab.title}}\n </div>\n </div>\n </div>\n </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, inject, ref, unref, watch } from 'vue'\nimport { tabsComponentProps } from './props'\nimport { useEmitEvent, useOnEvent, usePickComponentStyle, useImagePath } from '@/hooks'\nimport { GLOBAL_MODEL, REFRESH_PAGE } from '@/utils/constant'\nexport default defineComponent({\n name: 'EcanTabs',\n props: {\n ...tabsComponentProps\n },\n setup (props) {\n const style = usePickComponentStyle(props)\n const activeKey = ref(0)\n watch(() => props.activeKey, (key) => {\n activeKey.value = key\n }, {\n immediate: true\n })\n const myData = ref<{ [key:string]: any } []>([])\n watch(() => props.data, (data: { [key:string]: any } []) => {\n myData.value = data\n }, {\n immediate: true,\n deep: true\n })\n const isActive = (index: number) => activeKey.value === index\n const myValue = ref(props.value || (unref(myData)[0] && unref(myData)[0]?.value) || '')\n // 注册函数触发事件拦截器\n const emitEvent = useEmitEvent(props)\n const { setGlobalModel } = inject(GLOBAL_MODEL, {\n // @ts-ignore\n // eslint-disable-next-line no-void\n setGlobalModel: (key: string, value: any) => void 0\n })\n // 初始化设置值\n setGlobalModel(props.id as string, {\n value: myValue,\n activeKey\n })\n\n const { emitRefreshPage } = inject(REFRESH_PAGE, {\n // eslint-disable-next-line no-void\n emitRefreshPage: () => void 0\n })\n\n const tabChange = emitEvent('tabChange', (tab:{ [key:string]:any }, index: number) => {\n if (index !== unref(activeKey)) {\n myValue.value = tab?.value || ''\n activeKey.value = index\n emitRefreshPage()\n }\n })\n useOnEvent(props, {\n tabChange\n })\n return {\n style,\n activeKey,\n isActive,\n tabChange,\n myData,\n useImagePath\n }\n }\n})\n</script>\n\n<style scoped lang=\"less\">\n.ecan-tabs {\n display: flex;\n}\n\n.tabs-header {\n width: 100%;\n color: #333333;\n display: flex;\n padding: 0 10px;\n}\n\n.tab {\n background-size: 100% 100%;\n background-repeat: no-repeat;\n cursor: default;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.tab:last-child {\n margin-bottom: 0 !important;\n margin-right: 0 !important;\n}\n\n.tabs-content {\n flex:1;\n}\n</style>\n"],"names":["_openBlock","_createElementBlock","_normalizeStyle","_createElementVNode","_Fragment","_renderList","_withModifiers"],"mappings":";;;;;AACY,SAAA,YAAC,MAAW,QAAA,QAAA,QAAA,OAAA,UAAA;SAAOA,UAAO,GAAAC,mBAAA,OAAA;AAAA,IAAA,OAAA;AAAA,IAClC,OAgCMC,eAAA,KAAA,KAAA;AAAA,EAAA,GAAA;AAAA,IA9BEC,mBAAA,OAAA;AAAA,MAAA,OAAA;AAAA,MAAuD,OAAAD,eAAA;AAAA,QAAA,UAAA,KAAA;AAAA,QAAiF,YAAA,KAAA;AAAA,QAAA,gBAAA,KAAA;AAAA;;;iBAQtI,IAAK,GAAAD,mBAAAG,UAAA,MAAAC,WAAA,KAAA,QAAA,CAAA,KAAA,UAAA;AACL,eAAAL,UAAA,GAAAC,mBAAA,OAAA;AAAA,UAAA,OAAA;AAAA,iBAAuEC,eAAS;AAAA,YAA+D,SAAA,OAAA,KAAA;AAAA,YAAA,OAAA,KAAA,SAAgI,cAAgB,iBAAa,KAAA;AAAA,YAA6C,iBAAA,KAAA,SAAA,KAAgB,sBAAgB,KAAY,0BAAA,IAAA,IAAA,KAAA,aAAA,KAAA,oBAAA,IAAA;AAAA,YAAA,aAA+B,KAAa,qBAAA,QAAA,KAAA,eAAA;AAAA,YAAA,cAAA,KAAA,qBAAA,WAAA,KAAA,eAAA;AAAA,YAStb,YAAU,KAAA;AAAA,UAAA,CAAA;AAAA;UAGX,SAOMI,cAAA,CAAA,WAAA,KAAA,UAAA,KAAA,KAAA,GAAA,CAAA,WAAA,MAAA,CAAA;AAAA,QAAA,GAAA;AAAA,UALEH,mBAAA,OAAA;AAAA,YAAA,OAAA;AAAA;kCAIJ,4BAAS,CAAA,KAAA,qBAAA,aAAA,KAAA,SAAA,KAAA,IAAA,KAAA,iBAAA,kBAAA;AAAA,YAAA,CAAA;AAAA;;;;;;;"}
1
+ {"version":3,"file":"Tabs.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -3,8 +3,12 @@ import { tabsComponentProps } from "./props.js";
3
3
  import { usePickComponentStyle } from "../../hooks/usePickComponentStyle.js";
4
4
  import { useOnEvent } from "../../hooks/useOnEvent.js";
5
5
  import { useEmitEvent } from "../../hooks/useEmitEvent.js";
6
- import { useImagePath } from "../../hooks/useImagePath.js";
6
+ import "lodash-es";
7
+ import "axios";
7
8
  import { GLOBAL_MODEL, REFRESH_PAGE } from "../../utils/constant.js";
9
+ import { useImagePath } from "../../hooks/useImagePath.js";
10
+ import "../../utils/request.js";
11
+ import "ant-design-vue";
8
12
  const _sfc_main = defineComponent({
9
13
  name: "EcanTabs",
10
14
  props: {
@@ -1 +1 @@
1
- {"version":3,"file":"Tabs.vue2.js","sources":["../../../src/container/tabs/Tabs.vue"],"sourcesContent":["<template>\n <div class=\"ecan-tabs\" :style=\"style\">\n <div\n class=\"tabs-header\"\n :style=\"{\n fontSize: tabFontSize,\n alignItems: tabAlignItems,\n justifyContent: tabJustifyContent,\n flexDirection: tabFlexDirection\n }\"\n >\n <div\n class=\"tab\"\n :style=\"{\n padding: `5px ${tabHorizontalPadding}`,\n color: isActive(index) ? activeTabColor : tabColor,\n backgroundImage: isActive(index) ? useImagePath(activeTabBackgroundImage, true) : useImagePath(tabBackgroundImage, true),\n marginRight: tabFlexDirection === 'row' ? tabBarGutter : null,\n marginBottom: tabFlexDirection === 'column' ? tabBarGutter : null,\n fontWeight: tabFontWeight\n }\"\n v-for=\"(tab, index) in myData\"\n :key=\"index\"\n @click.prevent.stop=\"tabChange(tab, index)\"\n >\n <div\n class=\"tab-inner\"\n :style=\"{\n borderBottom: !activeTabBackgroundImage && !tabBackgroundImage ? `1px solid ${isActive(index) ? activeTabColor : 'transparent'}` : ''\n }\"\n >\n {{tab.title}}\n </div>\n </div>\n </div>\n </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, inject, ref, unref, watch } from 'vue'\nimport { tabsComponentProps } from './props'\nimport { useEmitEvent, useOnEvent, usePickComponentStyle, useImagePath } from '@/hooks'\nimport { GLOBAL_MODEL, REFRESH_PAGE } from '@/utils/constant'\nexport default defineComponent({\n name: 'EcanTabs',\n props: {\n ...tabsComponentProps\n },\n setup (props) {\n const style = usePickComponentStyle(props)\n const activeKey = ref(0)\n watch(() => props.activeKey, (key) => {\n activeKey.value = key\n }, {\n immediate: true\n })\n const myData = ref<{ [key:string]: any } []>([])\n watch(() => props.data, (data: { [key:string]: any } []) => {\n myData.value = data\n }, {\n immediate: true,\n deep: true\n })\n const isActive = (index: number) => activeKey.value === index\n const myValue = ref(props.value || (unref(myData)[0] && unref(myData)[0]?.value) || '')\n // 注册函数触发事件拦截器\n const emitEvent = useEmitEvent(props)\n const { setGlobalModel } = inject(GLOBAL_MODEL, {\n // @ts-ignore\n // eslint-disable-next-line no-void\n setGlobalModel: (key: string, value: any) => void 0\n })\n // 初始化设置值\n setGlobalModel(props.id as string, {\n value: myValue,\n activeKey\n })\n\n const { emitRefreshPage } = inject(REFRESH_PAGE, {\n // eslint-disable-next-line no-void\n emitRefreshPage: () => void 0\n })\n\n const tabChange = emitEvent('tabChange', (tab:{ [key:string]:any }, index: number) => {\n if (index !== unref(activeKey)) {\n myValue.value = tab?.value || ''\n activeKey.value = index\n emitRefreshPage()\n }\n })\n useOnEvent(props, {\n tabChange\n })\n return {\n style,\n activeKey,\n isActive,\n tabChange,\n myData,\n useImagePath\n }\n }\n})\n</script>\n\n<style scoped lang=\"less\">\n.ecan-tabs {\n display: flex;\n}\n\n.tabs-header {\n width: 100%;\n color: #333333;\n display: flex;\n padding: 0 10px;\n}\n\n.tab {\n background-size: 100% 100%;\n background-repeat: no-repeat;\n cursor: default;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.tab:last-child {\n margin-bottom: 0 !important;\n margin-right: 0 !important;\n}\n\n.tabs-content {\n flex:1;\n}\n</style>\n"],"names":[],"mappings":";;;;;;;AA2CA,MAAA,YAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA,IACL,GAAG;AAAA,EACL;AAAA,EACA,MAAO,OAAO;;AACN,UAAA,QAAQ,sBAAsB,KAAK;AACnC,UAAA,YAAY,IAAI,CAAC;AACvB,UAAM,MAAM,MAAM,WAAW,CAAC,QAAQ;AACpC,gBAAU,QAAQ;AAAA,IAAA,GACjB;AAAA,MACD,WAAW;AAAA,IAAA,CACZ;AACK,UAAA,SAAS,IAA8B,CAAA,CAAE;AAC/C,UAAM,MAAM,MAAM,MAAM,CAAC,SAAmC;AAC1D,aAAO,QAAQ;AAAA,IAAA,GACd;AAAA,MACD,WAAW;AAAA,MACX,MAAM;AAAA,IAAA,CACP;AACD,UAAM,WAAW,CAAC,UAAkB,UAAU,UAAU;AACxD,UAAM,UAAU,IAAI,MAAM,SAAU,MAAM,MAAM,EAAE,CAAC,OAAK,WAAM,MAAM,EAAE,CAAC,MAAf,mBAAkB,UAAU,EAAE;AAEhF,UAAA,YAAY,aAAa,KAAK;AACpC,UAAM,EAAE,eAAA,IAAmB,OAAO,cAAc;AAAA;AAAA;AAAA,MAG9C,gBAAgB,CAAC,KAAa,UAAe;AAAA,IAAA,CAC9C;AAED,mBAAe,MAAM,IAAc;AAAA,MACjC,OAAO;AAAA,MACP;AAAA,IAAA,CACD;AAED,UAAM,EAAE,gBAAA,IAAoB,OAAO,cAAc;AAAA;AAAA,MAE/C,iBAAiB,MAAM;AAAA,IAAA,CACxB;AAED,UAAM,YAAY,UAAU,aAAa,CAAC,KAA0B,UAAkB;AAChF,UAAA,UAAU,MAAM,SAAS,GAAG;AACtB,gBAAA,SAAQ,2BAAK,UAAS;AAC9B,kBAAU,QAAQ;AACF;MAClB;AAAA,IAAA,CACD;AACD,eAAW,OAAO;AAAA,MAChB;AAAA,IAAA,CACD;AACM,WAAA;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;"}
1
+ {"version":3,"file":"Tabs.vue2.js","sources":["../../../src/container/tabs/Tabs.vue?vue&type=script&lang.ts"],"sourcesContent":["\nimport { defineComponent, inject, ref, unref, watch } from 'vue'\nimport { tabsComponentProps } from './props'\nimport { useEmitEvent, useOnEvent, usePickComponentStyle, useImagePath } from '@/hooks'\nimport { GLOBAL_MODEL, REFRESH_PAGE } from '@/utils/constant'\nexport default defineComponent({\n name: 'EcanTabs',\n props: {\n ...tabsComponentProps\n },\n setup (props) {\n const style = usePickComponentStyle(props)\n const activeKey = ref(0)\n watch(() => props.activeKey, (key) => {\n activeKey.value = key\n }, {\n immediate: true\n })\n const myData = ref<{ [key:string]: any } []>([])\n watch(() => props.data, (data: { [key:string]: any } []) => {\n myData.value = data\n }, {\n immediate: true,\n deep: true\n })\n const isActive = (index: number) => activeKey.value === index\n const myValue = ref(props.value || (unref(myData)[0] && unref(myData)[0]?.value) || '')\n // 注册函数触发事件拦截器\n const emitEvent = useEmitEvent(props)\n const { setGlobalModel } = inject(GLOBAL_MODEL, {\n // @ts-ignore\n // eslint-disable-next-line no-void\n setGlobalModel: (key: string, value: any) => void 0\n })\n // 初始化设置值\n setGlobalModel(props.id as string, {\n value: myValue,\n activeKey\n })\n\n const { emitRefreshPage } = inject(REFRESH_PAGE, {\n // eslint-disable-next-line no-void\n emitRefreshPage: () => void 0\n })\n\n const tabChange = emitEvent('tabChange', (tab:{ [key:string]:any }, index: number) => {\n if (index !== unref(activeKey)) {\n myValue.value = tab?.value || ''\n activeKey.value = index\n emitRefreshPage()\n }\n })\n useOnEvent(props, {\n tabChange\n })\n return {\n style,\n activeKey,\n isActive,\n tabChange,\n myData,\n useImagePath\n }\n }\n})\n"],"names":[],"mappings":";;;;;;;;;;;AAKA,MAAA,YAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA,IACL,GAAG;AAAA,EACL;AAAA,EACA,MAAO,OAAO;;AACN,UAAA,QAAQ,sBAAsB,KAAK;AACnC,UAAA,YAAY,IAAI,CAAC;AACvB,UAAM,MAAM,MAAM,WAAW,CAAC,QAAQ;AACpC,gBAAU,QAAQ;AAAA,IAAA,GACjB;AAAA,MACD,WAAW;AAAA,IAAA,CACZ;AACK,UAAA,SAAS,IAA8B,CAAA,CAAE;AAC/C,UAAM,MAAM,MAAM,MAAM,CAAC,SAAmC;AAC1D,aAAO,QAAQ;AAAA,IAAA,GACd;AAAA,MACD,WAAW;AAAA,MACX,MAAM;AAAA,IAAA,CACP;AACD,UAAM,WAAW,CAAC,UAAkB,UAAU,UAAU;AACxD,UAAM,UAAU,IAAI,MAAM,SAAU,MAAM,MAAM,EAAE,CAAC,OAAK,WAAM,MAAM,EAAE,CAAC,MAAf,mBAAkB,UAAU,EAAE;AAEhF,UAAA,YAAY,aAAa,KAAK;AACpC,UAAM,EAAE,eAAA,IAAmB,OAAO,cAAc;AAAA;AAAA;AAAA,MAG9C,gBAAgB,CAAC,KAAa,UAAe;AAAA,IAAA,CAC9C;AAED,mBAAe,MAAM,IAAc;AAAA,MACjC,OAAO;AAAA,MACP;AAAA,IAAA,CACD;AAED,UAAM,EAAE,gBAAA,IAAoB,OAAO,cAAc;AAAA;AAAA,MAE/C,iBAAiB,MAAM;AAAA,IAAA,CACxB;AAED,UAAM,YAAY,UAAU,aAAa,CAAC,KAA0B,UAAkB;AAChF,UAAA,UAAU,MAAM,SAAS,GAAG;AACtB,gBAAA,SAAQ,2BAAK,UAAS;AAC9B,kBAAU,QAAQ;AACF;MAClB;AAAA,IAAA,CACD;AACD,eAAW,OAAO;AAAA,MAChB;AAAA,IAAA,CACD;AACM,WAAA;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;"}
@@ -1,8 +1,12 @@
1
1
  import Tabs from "./Tabs.vue.js";
2
2
  import { withInstall } from "../../utils/withInstall.js";
3
+ import { tabsComponentProps, tabsEvents, tabsProps } from "./props.js";
3
4
  const EcanTabs = withInstall(Tabs);
4
5
  export {
5
6
  EcanTabs,
6
- EcanTabs as default
7
+ EcanTabs as default,
8
+ tabsComponentProps,
9
+ tabsEvents,
10
+ tabsProps
7
11
  };
8
12
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../../src/container/tabs/index.ts"],"sourcesContent":["import Tabs from './Tabs.vue'\nimport { withInstall } from '../../utils/withInstall'\nexport const EcanTabs = withInstall(Tabs)\nexport default EcanTabs\nexport * from './props'\n"],"names":[],"mappings":";;AAEa,MAAA,WAAW,YAAY,IAAI;"}
1
+ {"version":3,"file":"index.js","sources":["../../../src/container/tabs/index.ts"],"sourcesContent":["import Tabs from './Tabs.vue'\nimport { withInstall } from '../../utils/withInstall'\nexport const EcanTabs = withInstall(Tabs)\nexport default EcanTabs\nexport * from './props'\n"],"names":[],"mappings":";;;AAEa,MAAA,WAAW,YAAY,IAAI;"}
@@ -1,4 +1,4 @@
1
- import { props, transformToComponentProps } from "../../utils/props.js";
1
+ import { transformToComponentProps, props } from "../../utils/props.js";
2
2
  const tabsProps = {
3
3
  ...props,
4
4
  tabHorizontalPadding: "0px",
@@ -1 +1 @@
1
- {"version":3,"file":"Button.vue.js","sources":["../../../src/control/button/Button.vue"],"sourcesContent":["<template>\n <div\n class=\"ecan-button\"\n :style=\"style\"\n >\n <a-button\n block\n @click=\"click\"\n :type=\"mode\"\n :danger=\"danger\"\n :shape=\"shape\"\n :href=\"myHref\"\n :target=\"myTarget\"\n >\n <span\n :style=\"{\n fontSize,\n fontWeight\n }\"\n >\n {{ myText }}\n </span>\n </a-button>\n </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, unref } from 'vue'\nimport { usePickComponentStyle, useEmitEvent, useVariablesInText } from '@/hooks'\nimport { Button as AButton } from 'ant-design-vue'\nimport 'ant-design-vue/es/button/style'\nimport { buttonComponentProps } from './props'\nexport default defineComponent({\n name: 'EcanButton',\n components: {\n AButton\n },\n props: {\n ...buttonComponentProps\n },\n setup (props) {\n const style = usePickComponentStyle(props)\n // 拦截触发事件\n const emitEvent = useEmitEvent(props)\n // click 是 event 名称\n const click = emitEvent('click', () => {\n // 打开链接\n const url = unref(myHref)\n if (url && props.target === 'event') {\n window.parent.postMessage({\n type: 'openPage',\n url\n }, '*')\n }\n })\n\n const myText = computed(() => useVariablesInText(props.text as string))\n // 空字符串会刷新页面\n const myHref = computed(() => useVariablesInText(props.href as string) || null)\n const myTarget = computed(() => {\n const target = props.target as 'self' | 'blank' | 'event'\n if (target === 'event' || unref(myHref) == null) {\n return undefined\n } else {\n const map = {\n self: '_self',\n blank: '_blank'\n }\n return map[target]\n }\n })\n return {\n style,\n click,\n myText,\n myHref,\n myTarget\n }\n }\n})\n</script>\n\n<style lang=\"less\">\n.ecan-button {\n .ant-btn {\n width: 100%;\n height: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n}\n</style>\n"],"names":["_resolveComponent","_openBlock","_createElementBlock","_normalizeStyle","_withCtx","_createElementVNode"],"mappings":";;;;;8BACEA,iBAsBM,UAAA;SApBEC,UAAO,GAAAC,mBAAA,OAAA;AAAA,IAAA,OAAA;AAAA,IAEb,OAiBWC,eAAA,KAAA,KAAA;AAAA,EAAA,GAAA;AAAA,gBAfD,qBAAK;AAAA,MACZ,OAAM;AAAA,MACN,SAAQ,KAAA;AAAA,MACR,MAAK,KAAE;AAAA,MACP,QAAM,KAAA;AAAA,MACN,OAAM,KAAE;AAAA,MAAA,MAAA,KAAA;AAAA;;MAGD,SAAAC,QAAA,MAAA;AAAA,QAAAC,mBAAc,QAAQ;AAAA,UAAY,OAAAF,eAAA;AAAA,YAAA,UAAA,KAAA;AAAA;;;;;;;;;"}
1
+ {"version":3,"file":"Button.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1,7 +1,11 @@
1
1
  import { defineComponent, unref, computed } from "vue";
2
2
  import { usePickComponentStyle } from "../../hooks/usePickComponentStyle.js";
3
+ import "../../utils/constant.js";
3
4
  import { useEmitEvent } from "../../hooks/useEmitEvent.js";
5
+ import "lodash-es";
6
+ import "axios";
4
7
  import { useVariablesInText } from "../../hooks/useVariablesInText.js";
8
+ import "../../utils/request.js";
5
9
  import { Button } from "ant-design-vue";
6
10
  import "../../node_modules/ant-design-vue/es/style/default.less.js";
7
11
  import "../../node_modules/ant-design-vue/es/button/style/index.less.js";
@@ -1 +1 @@
1
- {"version":3,"file":"Button.vue2.js","sources":["../../../src/control/button/Button.vue"],"sourcesContent":["<template>\n <div\n class=\"ecan-button\"\n :style=\"style\"\n >\n <a-button\n block\n @click=\"click\"\n :type=\"mode\"\n :danger=\"danger\"\n :shape=\"shape\"\n :href=\"myHref\"\n :target=\"myTarget\"\n >\n <span\n :style=\"{\n fontSize,\n fontWeight\n }\"\n >\n {{ myText }}\n </span>\n </a-button>\n </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, unref } from 'vue'\nimport { usePickComponentStyle, useEmitEvent, useVariablesInText } from '@/hooks'\nimport { Button as AButton } from 'ant-design-vue'\nimport 'ant-design-vue/es/button/style'\nimport { buttonComponentProps } from './props'\nexport default defineComponent({\n name: 'EcanButton',\n components: {\n AButton\n },\n props: {\n ...buttonComponentProps\n },\n setup (props) {\n const style = usePickComponentStyle(props)\n // 拦截触发事件\n const emitEvent = useEmitEvent(props)\n // click 是 event 名称\n const click = emitEvent('click', () => {\n // 打开链接\n const url = unref(myHref)\n if (url && props.target === 'event') {\n window.parent.postMessage({\n type: 'openPage',\n url\n }, '*')\n }\n })\n\n const myText = computed(() => useVariablesInText(props.text as string))\n // 空字符串会刷新页面\n const myHref = computed(() => useVariablesInText(props.href as string) || null)\n const myTarget = computed(() => {\n const target = props.target as 'self' | 'blank' | 'event'\n if (target === 'event' || unref(myHref) == null) {\n return undefined\n } else {\n const map = {\n self: '_self',\n blank: '_blank'\n }\n return map[target]\n }\n })\n return {\n style,\n click,\n myText,\n myHref,\n myTarget\n }\n }\n})\n</script>\n\n<style lang=\"less\">\n.ecan-button {\n .ant-btn {\n width: 100%;\n height: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n}\n</style>\n"],"names":["AButton"],"mappings":";;;;;;;;AAgCA,MAAA,YAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IAAA,SACVA;AAAAA,EACF;AAAA,EACA,OAAO;AAAA,IACL,GAAG;AAAA,EACL;AAAA,EACA,MAAO,OAAO;AACN,UAAA,QAAQ,sBAAsB,KAAK;AAEnC,UAAA,YAAY,aAAa,KAAK;AAE9B,UAAA,QAAQ,UAAU,SAAS,MAAM;AAE/B,YAAA,MAAM,MAAM,MAAM;AACpB,UAAA,OAAO,MAAM,WAAW,SAAS;AACnC,eAAO,OAAO,YAAY;AAAA,UACxB,MAAM;AAAA,UACN;AAAA,WACC,GAAG;AAAA,MACR;AAAA,IAAA,CACD;AAED,UAAM,SAAS,SAAS,MAAM,mBAAmB,MAAM,IAAc,CAAC;AAEtE,UAAM,SAAS,SAAS,MAAM,mBAAmB,MAAM,IAAc,KAAK,IAAI;AACxE,UAAA,WAAW,SAAS,MAAM;AAC9B,YAAM,SAAS,MAAM;AACrB,UAAI,WAAW,WAAW,MAAM,MAAM,KAAK,MAAM;AACxC,eAAA;AAAA,MAAA,OACF;AACL,cAAM,MAAM;AAAA,UACV,MAAM;AAAA,UACN,OAAO;AAAA,QAAA;AAET,eAAO,IAAI,MAAM;AAAA,MACnB;AAAA,IAAA,CACD;AACM,WAAA;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;"}
1
+ {"version":3,"file":"Button.vue2.js","sources":["../../../src/control/button/Button.vue?vue&type=script&lang.ts"],"sourcesContent":["\nimport { computed, defineComponent, unref } from 'vue'\nimport { usePickComponentStyle, useEmitEvent, useVariablesInText } from '@/hooks'\nimport { Button as AButton } from 'ant-design-vue'\nimport 'ant-design-vue/es/button/style'\nimport { buttonComponentProps } from './props'\nexport default defineComponent({\n name: 'EcanButton',\n components: {\n AButton\n },\n props: {\n ...buttonComponentProps\n },\n setup (props) {\n const style = usePickComponentStyle(props)\n // 拦截触发事件\n const emitEvent = useEmitEvent(props)\n // click 是 event 名称\n const click = emitEvent('click', () => {\n // 打开链接\n const url = unref(myHref)\n if (url && props.target === 'event') {\n window.parent.postMessage({\n type: 'openPage',\n url\n }, '*')\n }\n })\n\n const myText = computed(() => useVariablesInText(props.text as string))\n // 空字符串会刷新页面\n const myHref = computed(() => useVariablesInText(props.href as string) || null)\n const myTarget = computed(() => {\n const target = props.target as 'self' | 'blank' | 'event'\n if (target === 'event' || unref(myHref) == null) {\n return undefined\n } else {\n const map = {\n self: '_self',\n blank: '_blank'\n }\n return map[target]\n }\n })\n return {\n style,\n click,\n myText,\n myHref,\n myTarget\n }\n }\n})\n"],"names":["AButton"],"mappings":";;;;;;;;;;;;AAMA,MAAA,YAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IAAA,SACVA;AAAAA,EACF;AAAA,EACA,OAAO;AAAA,IACL,GAAG;AAAA,EACL;AAAA,EACA,MAAO,OAAO;AACN,UAAA,QAAQ,sBAAsB,KAAK;AAEnC,UAAA,YAAY,aAAa,KAAK;AAE9B,UAAA,QAAQ,UAAU,SAAS,MAAM;AAE/B,YAAA,MAAM,MAAM,MAAM;AACpB,UAAA,OAAO,MAAM,WAAW,SAAS;AACnC,eAAO,OAAO,YAAY;AAAA,UACxB,MAAM;AAAA,UACN;AAAA,WACC,GAAG;AAAA,MACR;AAAA,IAAA,CACD;AAED,UAAM,SAAS,SAAS,MAAM,mBAAmB,MAAM,IAAc,CAAC;AAEtE,UAAM,SAAS,SAAS,MAAM,mBAAmB,MAAM,IAAc,KAAK,IAAI;AACxE,UAAA,WAAW,SAAS,MAAM;AAC9B,YAAM,SAAS,MAAM;AACrB,UAAI,WAAW,WAAW,MAAM,MAAM,KAAK,MAAM;AACxC,eAAA;AAAA,MAAA,OACF;AACL,cAAM,MAAM;AAAA,UACV,MAAM;AAAA,UACN,OAAO;AAAA,QAAA;AAET,eAAO,IAAI,MAAM;AAAA,MACnB;AAAA,IAAA,CACD;AACM,WAAA;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;"}
@@ -1,8 +1,12 @@
1
1
  import { withInstall } from "../../utils/withInstall.js";
2
2
  import Button from "./Button.vue.js";
3
+ import { buttonComponentProps, buttonEvents, buttonProps } from "./props.js";
3
4
  const EcanButton = withInstall(Button);
4
5
  export {
5
6
  EcanButton,
7
+ buttonComponentProps,
8
+ buttonEvents,
9
+ buttonProps,
6
10
  EcanButton as default
7
11
  };
8
12
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../../src/control/button/index.ts"],"sourcesContent":["import { withInstall } from '@/utils/withInstall'\nimport Button from './Button.vue'\nexport const EcanButton = withInstall(Button)\nexport default EcanButton\nexport * from './props'\n"],"names":[],"mappings":";;AAEa,MAAA,aAAa,YAAY,MAAM;"}
1
+ {"version":3,"file":"index.js","sources":["../../../src/control/button/index.ts"],"sourcesContent":["import { withInstall } from '@/utils/withInstall'\nimport Button from './Button.vue'\nexport const EcanButton = withInstall(Button)\nexport default EcanButton\nexport * from './props'\n"],"names":[],"mappings":";;;AAEa,MAAA,aAAa,YAAY,MAAM;"}
@@ -1,4 +1,4 @@
1
- import { props, transformToComponentProps } from "../../utils/props.js";
1
+ import { transformToComponentProps, props } from "../../utils/props.js";
2
2
  const buttonProps = {
3
3
  ...props,
4
4
  width: "200px",
@@ -1 +1 @@
1
- {"version":3,"file":"Checkbox.vue.js","sources":["../../../src/control/checkbox/Checkbox.vue"],"sourcesContent":["<template>\n <div class=\"ecan-checkbox\" :style=\"style\">\n <a-checkbox-group\n :options=\"myOption\"\n v-model:value=\"myValue\"\n @change=\"checkboxChange\"\n />\n </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, inject, ref, unref, watch } from 'vue'\nimport { CheckboxGroup as ACheckboxGroup } from 'ant-design-vue'\nimport 'ant-design-vue/es/checkbox/style'\nimport { checkboxComponentProps, CheckboxOptions } from './props'\nimport { useEmitEvent, usePickComponentStyle, useRequestData } from '@/hooks'\nimport { GLOBAL_CONFIG, GLOBAL_MODEL, REQUEST_MODEL } from '@/utils/constant'\nimport { RequestModalParam } from '@/utils/types'\nexport default defineComponent({\n name: 'EcanCheckbox',\n components: {\n ACheckboxGroup\n },\n props: {\n ...checkboxComponentProps\n },\n setup (props) {\n const style = usePickComponentStyle(props)\n const myOption = ref<CheckboxOptions>([])\n const myValue = ref<string []>([])\n const handleDataAndOption = (data) => {\n const value = props.value\n let _value = [] as string []\n data.forEach((item) => {\n if (item.checked) {\n _value.push(item.value)\n }\n })\n if (typeof value === 'string' && value !== '') {\n _value = _value.concat(value.split(','))\n } else if (Array.isArray(value)) {\n _value = _value.concat(value)\n }\n myOption.value = data\n myValue.value = _value\n }\n watch(() => [props.data, props.value], ([data]: [CheckboxOptions, string | string []]) => {\n handleDataAndOption(data)\n }, {\n immediate: true,\n deep: true\n })\n const requestData = useRequestData(props)\n const { pageMode } = inject(GLOBAL_CONFIG, {\n pageMode: 'normal'\n })\n const handleRequestData = async () => {\n if (props.dataType !== 'request' || unref(pageMode) === 'design') return\n const res = await requestData()\n const data = res?.data?.data?.rows || []\n handleDataAndOption(data)\n }\n const id = props.id as string\n const { getGlobalModel, setGlobalModel } = inject(GLOBAL_MODEL, {\n // @ts-ignore\n // eslint-disable-next-line no-void\n getGlobalModel: (key: string) => void 0,\n // @ts-ignore\n // eslint-disable-next-line no-void\n setGlobalModel: (key: string, value: any) => void 0\n })\n // 初始化设置值\n setGlobalModel(props.id as string, {\n type: props.type,\n value: myValue\n })\n // 注册函数触发事件拦截器\n const emitEvent = useEmitEvent(props)\n const checkboxChange = emitEvent('checkboxChange', () => {\n const modal = getGlobalModel(id)\n // 约定获取数据\n setGlobalModel(id, { ...modal, RECORD: myValue })\n })\n const { setRequest } = inject(REQUEST_MODEL, {\n // @ts-ignore\n // eslint-disable-next-line no-void\n setRequest: ({ id, sortNum, requestFn }: RequestModalParam) => void 0\n })\n setRequest({\n id: props.id as string,\n requestFn: handleRequestData,\n sortNum: props.requestSort as number\n })\n return {\n myOption,\n style,\n myValue,\n checkboxChange\n }\n }\n})\n</script>\n\n<style lang=\"less\">\n.ecan-checkbox {\n .ant-checkbox-group {\n width: 100%;\n height: 100%;\n display: flex;\n justify-content: space-between;\n align-content: space-between;\n flex-wrap: wrap;\n }\n}\n</style>\n"],"names":["_resolveComponent","_openBlock","_createElementBlock","_normalizeStyle"],"mappings":";;;;;sCACEA,iBAMM,kBAAA;SAN2BC,UAAO,GAAAC,mBAAA,OAAA;AAAA,IAAA,OAAA;AAAA,IACtC,OAIEC,eAAA,KAAA,KAAA;AAAA,EAAA,GAAA;AAAA,gBAFe,6BAAO;AAAA,MAAA,SAAA,KAAA;AAAA,MACrB,OAAQ,KAAA;AAAA,MAAA,kBAAA,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,CAAA,WAAA,KAAA,UAAA;AAAA;;;;;"}
1
+ {"version":3,"file":"Checkbox.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;"}
@@ -4,9 +4,11 @@ import "../../node_modules/ant-design-vue/es/style/default.less.js";
4
4
  import "../../node_modules/ant-design-vue/es/checkbox/style/index.less.js";
5
5
  import { checkboxComponentProps } from "./props.js";
6
6
  import { usePickComponentStyle } from "../../hooks/usePickComponentStyle.js";
7
+ import { GLOBAL_CONFIG, GLOBAL_MODEL, REQUEST_MODEL } from "../../utils/constant.js";
7
8
  import { useEmitEvent } from "../../hooks/useEmitEvent.js";
9
+ import "lodash-es";
8
10
  import { useRequestData } from "../../hooks/useRequestData.js";
9
- import { GLOBAL_CONFIG, GLOBAL_MODEL, REQUEST_MODEL } from "../../utils/constant.js";
11
+ import "../../utils/request.js";
10
12
  const _sfc_main = defineComponent({
11
13
  name: "EcanCheckbox",
12
14
  components: {
@@ -1 +1 @@
1
- {"version":3,"file":"Checkbox.vue2.js","sources":["../../../src/control/checkbox/Checkbox.vue"],"sourcesContent":["<template>\n <div class=\"ecan-checkbox\" :style=\"style\">\n <a-checkbox-group\n :options=\"myOption\"\n v-model:value=\"myValue\"\n @change=\"checkboxChange\"\n />\n </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, inject, ref, unref, watch } from 'vue'\nimport { CheckboxGroup as ACheckboxGroup } from 'ant-design-vue'\nimport 'ant-design-vue/es/checkbox/style'\nimport { checkboxComponentProps, CheckboxOptions } from './props'\nimport { useEmitEvent, usePickComponentStyle, useRequestData } from '@/hooks'\nimport { GLOBAL_CONFIG, GLOBAL_MODEL, REQUEST_MODEL } from '@/utils/constant'\nimport { RequestModalParam } from '@/utils/types'\nexport default defineComponent({\n name: 'EcanCheckbox',\n components: {\n ACheckboxGroup\n },\n props: {\n ...checkboxComponentProps\n },\n setup (props) {\n const style = usePickComponentStyle(props)\n const myOption = ref<CheckboxOptions>([])\n const myValue = ref<string []>([])\n const handleDataAndOption = (data) => {\n const value = props.value\n let _value = [] as string []\n data.forEach((item) => {\n if (item.checked) {\n _value.push(item.value)\n }\n })\n if (typeof value === 'string' && value !== '') {\n _value = _value.concat(value.split(','))\n } else if (Array.isArray(value)) {\n _value = _value.concat(value)\n }\n myOption.value = data\n myValue.value = _value\n }\n watch(() => [props.data, props.value], ([data]: [CheckboxOptions, string | string []]) => {\n handleDataAndOption(data)\n }, {\n immediate: true,\n deep: true\n })\n const requestData = useRequestData(props)\n const { pageMode } = inject(GLOBAL_CONFIG, {\n pageMode: 'normal'\n })\n const handleRequestData = async () => {\n if (props.dataType !== 'request' || unref(pageMode) === 'design') return\n const res = await requestData()\n const data = res?.data?.data?.rows || []\n handleDataAndOption(data)\n }\n const id = props.id as string\n const { getGlobalModel, setGlobalModel } = inject(GLOBAL_MODEL, {\n // @ts-ignore\n // eslint-disable-next-line no-void\n getGlobalModel: (key: string) => void 0,\n // @ts-ignore\n // eslint-disable-next-line no-void\n setGlobalModel: (key: string, value: any) => void 0\n })\n // 初始化设置值\n setGlobalModel(props.id as string, {\n type: props.type,\n value: myValue\n })\n // 注册函数触发事件拦截器\n const emitEvent = useEmitEvent(props)\n const checkboxChange = emitEvent('checkboxChange', () => {\n const modal = getGlobalModel(id)\n // 约定获取数据\n setGlobalModel(id, { ...modal, RECORD: myValue })\n })\n const { setRequest } = inject(REQUEST_MODEL, {\n // @ts-ignore\n // eslint-disable-next-line no-void\n setRequest: ({ id, sortNum, requestFn }: RequestModalParam) => void 0\n })\n setRequest({\n id: props.id as string,\n requestFn: handleRequestData,\n sortNum: props.requestSort as number\n })\n return {\n myOption,\n style,\n myValue,\n checkboxChange\n }\n }\n})\n</script>\n\n<style lang=\"less\">\n.ecan-checkbox {\n .ant-checkbox-group {\n width: 100%;\n height: 100%;\n display: flex;\n justify-content: space-between;\n align-content: space-between;\n flex-wrap: wrap;\n }\n}\n</style>\n"],"names":["ACheckboxGroup","id"],"mappings":";;;;;;;;;AAkBA,MAAA,YAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IAAA,gBACVA;AAAAA,EACF;AAAA,EACA,OAAO;AAAA,IACL,GAAG;AAAA,EACL;AAAA,EACA,MAAO,OAAO;AACN,UAAA,QAAQ,sBAAsB,KAAK;AACnC,UAAA,WAAW,IAAqB,CAAA,CAAE;AAClC,UAAA,UAAU,IAAe,CAAA,CAAE;AAC3B,UAAA,sBAAsB,CAAC,SAAS;AACpC,YAAM,QAAQ,MAAM;AACpB,UAAI,SAAS,CAAA;AACR,WAAA,QAAQ,CAAC,SAAS;AACrB,YAAI,KAAK,SAAS;AACT,iBAAA,KAAK,KAAK,KAAK;AAAA,QACxB;AAAA,MAAA,CACD;AACD,UAAI,OAAO,UAAU,YAAY,UAAU,IAAI;AAC7C,iBAAS,OAAO,OAAO,MAAM,MAAM,GAAG,CAAC;AAAA,MAC9B,WAAA,MAAM,QAAQ,KAAK,GAAG;AACtB,iBAAA,OAAO,OAAO,KAAK;AAAA,MAC9B;AACA,eAAS,QAAQ;AACjB,cAAQ,QAAQ;AAAA,IAAA;AAEZ,UAAA,MAAM,CAAC,MAAM,MAAM,MAAM,KAAK,GAAG,CAAC,CAAC,IAAI,MAA6C;AACxF,0BAAoB,IAAI;AAAA,IAAA,GACvB;AAAA,MACD,WAAW;AAAA,MACX,MAAM;AAAA,IAAA,CACP;AACK,UAAA,cAAc,eAAe,KAAK;AACxC,UAAM,EAAE,SAAA,IAAa,OAAO,eAAe;AAAA,MACzC,UAAU;AAAA,IAAA,CACX;AACD,UAAM,oBAAoB,YAAY;;AACpC,UAAI,MAAM,aAAa,aAAa,MAAM,QAAQ,MAAM;AAAU;AAC5D,YAAA,MAAM,MAAM;AAClB,YAAM,SAAO,sCAAK,SAAL,mBAAW,SAAX,mBAAiB,SAAQ,CAAA;AACtC,0BAAoB,IAAI;AAAA,IAAA;AAE1B,UAAM,KAAK,MAAM;AACjB,UAAM,EAAE,gBAAgB,mBAAmB,OAAO,cAAc;AAAA;AAAA;AAAA,MAG9D,gBAAgB,CAAC,QAAgB;AAAA;AAAA;AAAA,MAGjC,gBAAgB,CAAC,KAAa,UAAe;AAAA,IAAA,CAC9C;AAED,mBAAe,MAAM,IAAc;AAAA,MACjC,MAAM,MAAM;AAAA,MACZ,OAAO;AAAA,IAAA,CACR;AAEK,UAAA,YAAY,aAAa,KAAK;AAC9B,UAAA,iBAAiB,UAAU,kBAAkB,MAAM;AACjD,YAAA,QAAQ,eAAe,EAAE;AAE/B,qBAAe,IAAI,EAAE,GAAG,OAAO,QAAQ,SAAS;AAAA,IAAA,CACjD;AACD,UAAM,EAAE,WAAA,IAAe,OAAO,eAAe;AAAA;AAAA;AAAA,MAG3C,YAAY,CAAC,EAAE,IAAAC,KAAI,SAAS,UAAmC,MAAA;AAAA,IAAA,CAChE;AACU,eAAA;AAAA,MACT,IAAI,MAAM;AAAA,MACV,WAAW;AAAA,MACX,SAAS,MAAM;AAAA,IAAA,CAChB;AACM,WAAA;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;"}
1
+ {"version":3,"file":"Checkbox.vue2.js","sources":["../../../src/control/checkbox/Checkbox.vue?vue&type=script&lang.ts"],"sourcesContent":["\nimport { defineComponent, inject, ref, unref, watch } from 'vue'\nimport { CheckboxGroup as ACheckboxGroup } from 'ant-design-vue'\nimport 'ant-design-vue/es/checkbox/style'\nimport { checkboxComponentProps, CheckboxOptions } from './props'\nimport { useEmitEvent, usePickComponentStyle, useRequestData } from '@/hooks'\nimport { GLOBAL_CONFIG, GLOBAL_MODEL, REQUEST_MODEL } from '@/utils/constant'\nimport { RequestModalParam } from '@/utils/types'\nexport default defineComponent({\n name: 'EcanCheckbox',\n components: {\n ACheckboxGroup\n },\n props: {\n ...checkboxComponentProps\n },\n setup (props) {\n const style = usePickComponentStyle(props)\n const myOption = ref<CheckboxOptions>([])\n const myValue = ref<string []>([])\n const handleDataAndOption = (data) => {\n const value = props.value\n let _value = [] as string []\n data.forEach((item) => {\n if (item.checked) {\n _value.push(item.value)\n }\n })\n if (typeof value === 'string' && value !== '') {\n _value = _value.concat(value.split(','))\n } else if (Array.isArray(value)) {\n _value = _value.concat(value)\n }\n myOption.value = data\n myValue.value = _value\n }\n watch(() => [props.data, props.value], ([data]: [CheckboxOptions, string | string []]) => {\n handleDataAndOption(data)\n }, {\n immediate: true,\n deep: true\n })\n const requestData = useRequestData(props)\n const { pageMode } = inject(GLOBAL_CONFIG, {\n pageMode: 'normal'\n })\n const handleRequestData = async () => {\n if (props.dataType !== 'request' || unref(pageMode) === 'design') return\n const res = await requestData()\n const data = res?.data?.data?.rows || []\n handleDataAndOption(data)\n }\n const id = props.id as string\n const { getGlobalModel, setGlobalModel } = inject(GLOBAL_MODEL, {\n // @ts-ignore\n // eslint-disable-next-line no-void\n getGlobalModel: (key: string) => void 0,\n // @ts-ignore\n // eslint-disable-next-line no-void\n setGlobalModel: (key: string, value: any) => void 0\n })\n // 初始化设置值\n setGlobalModel(props.id as string, {\n type: props.type,\n value: myValue\n })\n // 注册函数触发事件拦截器\n const emitEvent = useEmitEvent(props)\n const checkboxChange = emitEvent('checkboxChange', () => {\n const modal = getGlobalModel(id)\n // 约定获取数据\n setGlobalModel(id, { ...modal, RECORD: myValue })\n })\n const { setRequest } = inject(REQUEST_MODEL, {\n // @ts-ignore\n // eslint-disable-next-line no-void\n setRequest: ({ id, sortNum, requestFn }: RequestModalParam) => void 0\n })\n setRequest({\n id: props.id as string,\n requestFn: handleRequestData,\n sortNum: props.requestSort as number\n })\n return {\n myOption,\n style,\n myValue,\n checkboxChange\n }\n }\n})\n"],"names":["ACheckboxGroup","id"],"mappings":";;;;;;;;;;;AAQA,MAAA,YAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IAAA,gBACVA;AAAAA,EACF;AAAA,EACA,OAAO;AAAA,IACL,GAAG;AAAA,EACL;AAAA,EACA,MAAO,OAAO;AACN,UAAA,QAAQ,sBAAsB,KAAK;AACnC,UAAA,WAAW,IAAqB,CAAA,CAAE;AAClC,UAAA,UAAU,IAAe,CAAA,CAAE;AAC3B,UAAA,sBAAsB,CAAC,SAAS;AACpC,YAAM,QAAQ,MAAM;AACpB,UAAI,SAAS,CAAA;AACR,WAAA,QAAQ,CAAC,SAAS;AACrB,YAAI,KAAK,SAAS;AACT,iBAAA,KAAK,KAAK,KAAK;AAAA,QACxB;AAAA,MAAA,CACD;AACD,UAAI,OAAO,UAAU,YAAY,UAAU,IAAI;AAC7C,iBAAS,OAAO,OAAO,MAAM,MAAM,GAAG,CAAC;AAAA,MAC9B,WAAA,MAAM,QAAQ,KAAK,GAAG;AACtB,iBAAA,OAAO,OAAO,KAAK;AAAA,MAC9B;AACA,eAAS,QAAQ;AACjB,cAAQ,QAAQ;AAAA,IAAA;AAEZ,UAAA,MAAM,CAAC,MAAM,MAAM,MAAM,KAAK,GAAG,CAAC,CAAC,IAAI,MAA6C;AACxF,0BAAoB,IAAI;AAAA,IAAA,GACvB;AAAA,MACD,WAAW;AAAA,MACX,MAAM;AAAA,IAAA,CACP;AACK,UAAA,cAAc,eAAe,KAAK;AACxC,UAAM,EAAE,SAAA,IAAa,OAAO,eAAe;AAAA,MACzC,UAAU;AAAA,IAAA,CACX;AACD,UAAM,oBAAoB,YAAY;;AACpC,UAAI,MAAM,aAAa,aAAa,MAAM,QAAQ,MAAM;AAAU;AAC5D,YAAA,MAAM,MAAM;AAClB,YAAM,SAAO,sCAAK,SAAL,mBAAW,SAAX,mBAAiB,SAAQ,CAAA;AACtC,0BAAoB,IAAI;AAAA,IAAA;AAE1B,UAAM,KAAK,MAAM;AACjB,UAAM,EAAE,gBAAgB,mBAAmB,OAAO,cAAc;AAAA;AAAA;AAAA,MAG9D,gBAAgB,CAAC,QAAgB;AAAA;AAAA;AAAA,MAGjC,gBAAgB,CAAC,KAAa,UAAe;AAAA,IAAA,CAC9C;AAED,mBAAe,MAAM,IAAc;AAAA,MACjC,MAAM,MAAM;AAAA,MACZ,OAAO;AAAA,IAAA,CACR;AAEK,UAAA,YAAY,aAAa,KAAK;AAC9B,UAAA,iBAAiB,UAAU,kBAAkB,MAAM;AACjD,YAAA,QAAQ,eAAe,EAAE;AAE/B,qBAAe,IAAI,EAAE,GAAG,OAAO,QAAQ,SAAS;AAAA,IAAA,CACjD;AACD,UAAM,EAAE,WAAA,IAAe,OAAO,eAAe;AAAA;AAAA;AAAA,MAG3C,YAAY,CAAC,EAAE,IAAAC,KAAI,SAAS,UAAmC,MAAA;AAAA,IAAA,CAChE;AACU,eAAA;AAAA,MACT,IAAI,MAAM;AAAA,MACV,WAAW;AAAA,MACX,SAAS,MAAM;AAAA,IAAA,CAChB;AACM,WAAA;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;"}
@@ -1,8 +1,12 @@
1
1
  import { withInstall } from "../../utils/withInstall.js";
2
2
  import Checkbox from "./Checkbox.vue.js";
3
+ import { checkboxComponentProps, checkboxEvents, checkboxProps } from "./props.js";
3
4
  const EcanCheckbox = withInstall(Checkbox);
4
5
  export {
5
6
  EcanCheckbox,
7
+ checkboxComponentProps,
8
+ checkboxEvents,
9
+ checkboxProps,
6
10
  EcanCheckbox as default
7
11
  };
8
12
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../../src/control/checkbox/index.ts"],"sourcesContent":["import { withInstall } from '@/utils/withInstall'\nimport Checkbox from './Checkbox.vue'\nexport const EcanCheckbox = withInstall(Checkbox)\nexport default EcanCheckbox\nexport * from './props'\n"],"names":[],"mappings":";;AAEa,MAAA,eAAe,YAAY,QAAQ;"}
1
+ {"version":3,"file":"index.js","sources":["../../../src/control/checkbox/index.ts"],"sourcesContent":["import { withInstall } from '@/utils/withInstall'\nimport Checkbox from './Checkbox.vue'\nexport const EcanCheckbox = withInstall(Checkbox)\nexport default EcanCheckbox\nexport * from './props'\n"],"names":[],"mappings":";;;AAEa,MAAA,eAAe,YAAY,QAAQ;"}
@@ -1,4 +1,4 @@
1
- import { props, transformToComponentProps } from "../../utils/props.js";
1
+ import { transformToComponentProps, props } from "../../utils/props.js";
2
2
  const checkboxProps = {
3
3
  ...props,
4
4
  width: "240px",
@@ -1 +1 @@
1
- {"version":3,"file":"DatePicker.vue.js","sources":["../../../src/control/date-picker/DatePicker.vue"],"sourcesContent":["<template>\n <div\n class=\"ecan-date-picker\"\n :style=\"style\"\n >\n <!-- 宽度style有效,class无效 -->\n <a-date-picker\n class=\"date-picker\"\n dropdownClassName=\"ecan-date-picker-dropdown\"\n v-model:value=\"myValue\"\n :format=\"format\"\n :picker=\"picker\"\n :showTime=\"showTime\"\n :locale=\"locale\"\n @change=\"dateChange\"\n :getPopupContainer=\"getPopupContainer\"\n />\n </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, inject, ref, watch } from 'vue'\nimport { datePickerComponentProps } from './props'\nimport { DatePicker as ADatePicker } from 'ant-design-vue'\nimport 'ant-design-vue/es/date-picker/style'\nimport { usePickComponentStyle, useOnEvent, useEmitEvent } from '@/hooks'\nimport locale from 'ant-design-vue/es/date-picker/locale/zh_CN'\nimport dayjs, { Dayjs } from 'dayjs'\nimport { GLOBAL_MODEL } from '@/utils/constant'\nexport default defineComponent({\n name: 'EcanDatePicker',\n props: {\n ...datePickerComponentProps\n },\n components: {\n ADatePicker\n },\n setup (props) {\n const style = usePickComponentStyle(props)\n const getPopupContainer = () => document.getElementById('ProviderConfig') || document.body\n const myValue = ref<Dayjs | null>(null)\n watch(() => [props.value, props.useCurrentTime], ([value, useCurrentTime]: [string, boolean]) => {\n let _value: Dayjs = null\n if (value) {\n _value = dayjs(value)\n } else if (useCurrentTime) {\n _value = dayjs()\n }\n myValue.value = _value\n }, {\n immediate: true\n })\n const { setGlobalModel } = inject(GLOBAL_MODEL, {\n // @ts-ignore\n // eslint-disable-next-line no-void\n setGlobalModel: (key: string, value: any) => void 0\n })\n // 初始化设置值\n setGlobalModel(props.id as string, {\n type: props.type,\n format: props.format,\n value: myValue\n })\n // 注册函数触发事件拦截器\n const emitEvent = useEmitEvent(props)\n const dateChange = emitEvent('dateChange', () => {\n })\n // TODO 传入需要注册的参数\n useOnEvent(props, {\n dateChange\n })\n return {\n style,\n getPopupContainer,\n myValue,\n locale,\n dateChange\n }\n }\n})\n</script>\n\n<style lang=\"less\">\n.ecan-date-picker {\n .date-picker {\n width: 100%;\n height: 100%\n }\n}\n[datav-theme='light'] .ecan-date-picker {\n .ant-picker {\n background-color: #ffffff;\n color: rgba(0, 0, 0, 0.85);\n border: 1px solid #d9d9d9;\n }\n .ant-picker-input > input {\n color: rgba(0, 0, 0, 0.85);\n }\n .anticon-calendar {\n color: #333;\n }\n .anticon-close-circle {\n color: #333;\n }\n\n .ant-picker-input > input::placeholder {\n color: #bfbfbf;\n }\n}\n[datav-theme='darkBlue'] .ecan-date-picker {\n .ant-picker {\n background-color: #05164c;\n border: 1px solid #1f63a3;\n color: #fff;\n box-shadow: inset 0 0 10px #005efe;\n }\n .ant-picker-input > input {\n color: #ffffff;\n }\n .anticon-calendar {\n color: #ffffff;\n }\n .anticon-close-circle {\n color: #333;\n }\n}\n[datav-theme='darkBlue'] .ecan-date-picker-dropdown {\n .ant-picker-panel {\n background: #05174e;\n border-bottom: 1px solid #69befa;\n }\n .ant-picker-header {\n color: #69befa;\n border-bottom: 1px solid #69befa;\n }\n .ant-picker-panel .ant-picker-footer {\n border-top: 1px solid #69befa;\n }\n .ant-picker-header button {\n color: #69befa;\n }\n .ant-picker-content th {\n color: #69befa;\n }\n .ant-picker-content td {\n color: #69befa;\n }\n .ant-picker-today-btn {\n color: #69befa;\n }\n .ant-picker-cell:hover:not(.ant-picker-cell-in-view) .ant-picker-cell-inner, .ant-picker-cell:hover:not(.ant-picker-cell-selected):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end):not(.ant-picker-cell-range-hover-start):not(.ant-picker-cell-range-hover-end) .ant-picker-cell-inner {\n background: #1890ff;\n color: #ffffff;\n }\n .ant-picker-time-panel-column > li.ant-picker-time-panel-cell .ant-picker-time-panel-cell-inner {\n color: #69befa;\n }\n .ant-picker-time-panel-column > li.ant-picker-time-panel-cell .ant-picker-time-panel-cell-inner:hover {\n background: #1890ff;\n color: #ffffff;\n }\n\n .ant-picker-time-panel-column > li.ant-picker-time-panel-cell-selected .ant-picker-time-panel-cell-inner {\n background: #1890ff;\n color: #ffffff;\n }\n}\n</style>\n"],"names":["_resolveComponent","_openBlock","_createElementBlock","_normalizeStyle"],"mappings":";;;;;mCACEA,iBAgBM,eAAA;SAdEC,UAAO,GAAAC,mBAAA,OAAA;AAAA,IAAA,OAAA;AAAA,IAGb,OAUEC,eAAA,KAAA,KAAA;AAAA,EAAA,GAAA;AAAA,gBARA,0BAAkB;AAAA,MACV,OAAO;AAAA,MAAA,mBAAA;AAAA,MACd,OAAM,KAAE;AAAA,MACR,kBAAQ,OAAM,CAAA,MAAA,OAAA,CAAA,IAAA,CAAA,WAAA,KAAA,UAAA;AAAA,MACd,QAAQ,KAAE;AAAA,MACV,QAAQ,KAAA;AAAA,MACR,UAAQ,KAAA;AAAA,MACR,QAAA,KAAA;AAAA,MAAA,UAAA,KAAA;AAAA;;;;;"}
1
+ {"version":3,"file":"DatePicker.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -8,9 +8,12 @@ import "../../node_modules/ant-design-vue/es/button/style/index.less.js";
8
8
  import { usePickComponentStyle } from "../../hooks/usePickComponentStyle.js";
9
9
  import { useOnEvent } from "../../hooks/useOnEvent.js";
10
10
  import { useEmitEvent } from "../../hooks/useEmitEvent.js";
11
+ import "lodash-es";
12
+ import "axios";
13
+ import { GLOBAL_MODEL } from "../../utils/constant.js";
14
+ import "../../utils/request.js";
11
15
  import locale from "../../node_modules/ant-design-vue/es/date-picker/locale/zh_CN.js";
12
16
  import dayjs from "dayjs";
13
- import { GLOBAL_MODEL } from "../../utils/constant.js";
14
17
  const _sfc_main = defineComponent({
15
18
  name: "EcanDatePicker",
16
19
  props: {
@@ -1 +1 @@
1
- {"version":3,"file":"DatePicker.vue2.js","sources":["../../../src/control/date-picker/DatePicker.vue"],"sourcesContent":["<template>\n <div\n class=\"ecan-date-picker\"\n :style=\"style\"\n >\n <!-- 宽度style有效,class无效 -->\n <a-date-picker\n class=\"date-picker\"\n dropdownClassName=\"ecan-date-picker-dropdown\"\n v-model:value=\"myValue\"\n :format=\"format\"\n :picker=\"picker\"\n :showTime=\"showTime\"\n :locale=\"locale\"\n @change=\"dateChange\"\n :getPopupContainer=\"getPopupContainer\"\n />\n </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, inject, ref, watch } from 'vue'\nimport { datePickerComponentProps } from './props'\nimport { DatePicker as ADatePicker } from 'ant-design-vue'\nimport 'ant-design-vue/es/date-picker/style'\nimport { usePickComponentStyle, useOnEvent, useEmitEvent } from '@/hooks'\nimport locale from 'ant-design-vue/es/date-picker/locale/zh_CN'\nimport dayjs, { Dayjs } from 'dayjs'\nimport { GLOBAL_MODEL } from '@/utils/constant'\nexport default defineComponent({\n name: 'EcanDatePicker',\n props: {\n ...datePickerComponentProps\n },\n components: {\n ADatePicker\n },\n setup (props) {\n const style = usePickComponentStyle(props)\n const getPopupContainer = () => document.getElementById('ProviderConfig') || document.body\n const myValue = ref<Dayjs | null>(null)\n watch(() => [props.value, props.useCurrentTime], ([value, useCurrentTime]: [string, boolean]) => {\n let _value: Dayjs = null\n if (value) {\n _value = dayjs(value)\n } else if (useCurrentTime) {\n _value = dayjs()\n }\n myValue.value = _value\n }, {\n immediate: true\n })\n const { setGlobalModel } = inject(GLOBAL_MODEL, {\n // @ts-ignore\n // eslint-disable-next-line no-void\n setGlobalModel: (key: string, value: any) => void 0\n })\n // 初始化设置值\n setGlobalModel(props.id as string, {\n type: props.type,\n format: props.format,\n value: myValue\n })\n // 注册函数触发事件拦截器\n const emitEvent = useEmitEvent(props)\n const dateChange = emitEvent('dateChange', () => {\n })\n // TODO 传入需要注册的参数\n useOnEvent(props, {\n dateChange\n })\n return {\n style,\n getPopupContainer,\n myValue,\n locale,\n dateChange\n }\n }\n})\n</script>\n\n<style lang=\"less\">\n.ecan-date-picker {\n .date-picker {\n width: 100%;\n height: 100%\n }\n}\n[datav-theme='light'] .ecan-date-picker {\n .ant-picker {\n background-color: #ffffff;\n color: rgba(0, 0, 0, 0.85);\n border: 1px solid #d9d9d9;\n }\n .ant-picker-input > input {\n color: rgba(0, 0, 0, 0.85);\n }\n .anticon-calendar {\n color: #333;\n }\n .anticon-close-circle {\n color: #333;\n }\n\n .ant-picker-input > input::placeholder {\n color: #bfbfbf;\n }\n}\n[datav-theme='darkBlue'] .ecan-date-picker {\n .ant-picker {\n background-color: #05164c;\n border: 1px solid #1f63a3;\n color: #fff;\n box-shadow: inset 0 0 10px #005efe;\n }\n .ant-picker-input > input {\n color: #ffffff;\n }\n .anticon-calendar {\n color: #ffffff;\n }\n .anticon-close-circle {\n color: #333;\n }\n}\n[datav-theme='darkBlue'] .ecan-date-picker-dropdown {\n .ant-picker-panel {\n background: #05174e;\n border-bottom: 1px solid #69befa;\n }\n .ant-picker-header {\n color: #69befa;\n border-bottom: 1px solid #69befa;\n }\n .ant-picker-panel .ant-picker-footer {\n border-top: 1px solid #69befa;\n }\n .ant-picker-header button {\n color: #69befa;\n }\n .ant-picker-content th {\n color: #69befa;\n }\n .ant-picker-content td {\n color: #69befa;\n }\n .ant-picker-today-btn {\n color: #69befa;\n }\n .ant-picker-cell:hover:not(.ant-picker-cell-in-view) .ant-picker-cell-inner, .ant-picker-cell:hover:not(.ant-picker-cell-selected):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end):not(.ant-picker-cell-range-hover-start):not(.ant-picker-cell-range-hover-end) .ant-picker-cell-inner {\n background: #1890ff;\n color: #ffffff;\n }\n .ant-picker-time-panel-column > li.ant-picker-time-panel-cell .ant-picker-time-panel-cell-inner {\n color: #69befa;\n }\n .ant-picker-time-panel-column > li.ant-picker-time-panel-cell .ant-picker-time-panel-cell-inner:hover {\n background: #1890ff;\n color: #ffffff;\n }\n\n .ant-picker-time-panel-column > li.ant-picker-time-panel-cell-selected .ant-picker-time-panel-cell-inner {\n background: #1890ff;\n color: #ffffff;\n }\n}\n</style>\n"],"names":["ADatePicker"],"mappings":";;;;;;;;;;;;;AA6BA,MAAA,YAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA,IACL,GAAG;AAAA,EACL;AAAA,EACA,YAAY;AAAA,IAAA,aACVA;AAAAA,EACF;AAAA,EACA,MAAO,OAAO;AACN,UAAA,QAAQ,sBAAsB,KAAK;AACzC,UAAM,oBAAoB,MAAM,SAAS,eAAe,gBAAgB,KAAK,SAAS;AAChF,UAAA,UAAU,IAAkB,IAAI;AAChC,UAAA,MAAM,CAAC,MAAM,OAAO,MAAM,cAAc,GAAG,CAAC,CAAC,OAAO,cAAc,MAAyB;AAC/F,UAAI,SAAgB;AACpB,UAAI,OAAO;AACT,iBAAS,MAAM,KAAK;AAAA,iBACX,gBAAgB;AACzB,iBAAS,MAAM;AAAA,MACjB;AACA,cAAQ,QAAQ;AAAA,IAAA,GACf;AAAA,MACD,WAAW;AAAA,IAAA,CACZ;AACD,UAAM,EAAE,eAAA,IAAmB,OAAO,cAAc;AAAA;AAAA;AAAA,MAG9C,gBAAgB,CAAC,KAAa,UAAe;AAAA,IAAA,CAC9C;AAED,mBAAe,MAAM,IAAc;AAAA,MACjC,MAAM,MAAM;AAAA,MACZ,QAAQ,MAAM;AAAA,MACd,OAAO;AAAA,IAAA,CACR;AAEK,UAAA,YAAY,aAAa,KAAK;AAC9B,UAAA,aAAa,UAAU,cAAc,MAAM;AAAA,IAAA,CAChD;AAED,eAAW,OAAO;AAAA,MAChB;AAAA,IAAA,CACD;AACM,WAAA;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;"}
1
+ {"version":3,"file":"DatePicker.vue2.js","sources":["../../../src/control/date-picker/DatePicker.vue?vue&type=script&lang.ts"],"sourcesContent":["\nimport { defineComponent, inject, ref, watch } from 'vue'\nimport { datePickerComponentProps } from './props'\nimport { DatePicker as ADatePicker } from 'ant-design-vue'\nimport 'ant-design-vue/es/date-picker/style'\nimport { usePickComponentStyle, useOnEvent, useEmitEvent } from '@/hooks'\nimport locale from 'ant-design-vue/es/date-picker/locale/zh_CN'\nimport dayjs, { Dayjs } from 'dayjs'\nimport { GLOBAL_MODEL } from '@/utils/constant'\nexport default defineComponent({\n name: 'EcanDatePicker',\n props: {\n ...datePickerComponentProps\n },\n components: {\n ADatePicker\n },\n setup (props) {\n const style = usePickComponentStyle(props)\n const getPopupContainer = () => document.getElementById('ProviderConfig') || document.body\n const myValue = ref<Dayjs | null>(null)\n watch(() => [props.value, props.useCurrentTime], ([value, useCurrentTime]: [string, boolean]) => {\n let _value: Dayjs = null\n if (value) {\n _value = dayjs(value)\n } else if (useCurrentTime) {\n _value = dayjs()\n }\n myValue.value = _value\n }, {\n immediate: true\n })\n const { setGlobalModel } = inject(GLOBAL_MODEL, {\n // @ts-ignore\n // eslint-disable-next-line no-void\n setGlobalModel: (key: string, value: any) => void 0\n })\n // 初始化设置值\n setGlobalModel(props.id as string, {\n type: props.type,\n format: props.format,\n value: myValue\n })\n // 注册函数触发事件拦截器\n const emitEvent = useEmitEvent(props)\n const dateChange = emitEvent('dateChange', () => {\n })\n // TODO 传入需要注册的参数\n useOnEvent(props, {\n dateChange\n })\n return {\n style,\n getPopupContainer,\n myValue,\n locale,\n dateChange\n }\n }\n})\n"],"names":["ADatePicker"],"mappings":";;;;;;;;;;;;;;;;AASA,MAAA,YAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA,IACL,GAAG;AAAA,EACL;AAAA,EACA,YAAY;AAAA,IAAA,aACVA;AAAAA,EACF;AAAA,EACA,MAAO,OAAO;AACN,UAAA,QAAQ,sBAAsB,KAAK;AACzC,UAAM,oBAAoB,MAAM,SAAS,eAAe,gBAAgB,KAAK,SAAS;AAChF,UAAA,UAAU,IAAkB,IAAI;AAChC,UAAA,MAAM,CAAC,MAAM,OAAO,MAAM,cAAc,GAAG,CAAC,CAAC,OAAO,cAAc,MAAyB;AAC/F,UAAI,SAAgB;AACpB,UAAI,OAAO;AACT,iBAAS,MAAM,KAAK;AAAA,iBACX,gBAAgB;AACzB,iBAAS,MAAM;AAAA,MACjB;AACA,cAAQ,QAAQ;AAAA,IAAA,GACf;AAAA,MACD,WAAW;AAAA,IAAA,CACZ;AACD,UAAM,EAAE,eAAA,IAAmB,OAAO,cAAc;AAAA;AAAA;AAAA,MAG9C,gBAAgB,CAAC,KAAa,UAAe;AAAA,IAAA,CAC9C;AAED,mBAAe,MAAM,IAAc;AAAA,MACjC,MAAM,MAAM;AAAA,MACZ,QAAQ,MAAM;AAAA,MACd,OAAO;AAAA,IAAA,CACR;AAEK,UAAA,YAAY,aAAa,KAAK;AAC9B,UAAA,aAAa,UAAU,cAAc,MAAM;AAAA,IAAA,CAChD;AAED,eAAW,OAAO;AAAA,MAChB;AAAA,IAAA,CACD;AACM,WAAA;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;"}
@@ -1,8 +1,12 @@
1
1
  import { withInstall } from "../../utils/withInstall.js";
2
2
  import DatePicker from "./DatePicker.vue.js";
3
+ import { datePickerComponentProps, datePickerEvents, datePickerProps } from "./props.js";
3
4
  const EcanDatePicker = withInstall(DatePicker);
4
5
  export {
5
6
  EcanDatePicker,
7
+ datePickerComponentProps,
8
+ datePickerEvents,
9
+ datePickerProps,
6
10
  EcanDatePicker as default
7
11
  };
8
12
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../../src/control/date-picker/index.ts"],"sourcesContent":["import { withInstall } from '@/utils/withInstall'\nimport DatePicker from './DatePicker.vue'\nexport const EcanDatePicker = withInstall(DatePicker)\nexport default EcanDatePicker\nexport * from './props'\n"],"names":[],"mappings":";;AAEa,MAAA,iBAAiB,YAAY,UAAU;"}
1
+ {"version":3,"file":"index.js","sources":["../../../src/control/date-picker/index.ts"],"sourcesContent":["import { withInstall } from '@/utils/withInstall'\nimport DatePicker from './DatePicker.vue'\nexport const EcanDatePicker = withInstall(DatePicker)\nexport default EcanDatePicker\nexport * from './props'\n"],"names":[],"mappings":";;;AAEa,MAAA,iBAAiB,YAAY,UAAU;"}
@@ -1,4 +1,4 @@
1
- import { props, transformToComponentProps } from "../../utils/props.js";
1
+ import { transformToComponentProps, props } from "../../utils/props.js";
2
2
  const datePickerProps = {
3
3
  ...props,
4
4
  height: "33px",
@@ -1 +1 @@
1
- {"version":3,"file":"Input.vue.js","sources":["../../../src/control/input/Input.vue"],"sourcesContent":["<template>\n <div\n class=\"ecan-input\"\n :style=\"style\"\n >\n <a-input\n class=\"input\"\n v-model:value=\"myValue\"\n :placeholder=\"placeholder\"\n @change=\"inputChange\"\n @blur=\"inputBlur\"\n />\n </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, inject, ref, watch } from 'vue'\nimport { useEmitEvent, usePickComponentStyle } from '@/hooks'\nimport { Input as AInput } from 'ant-design-vue'\nimport 'ant-design-vue/es/input/style'\nimport { inputComponentProps } from './props'\nimport { GLOBAL_MODEL } from '@/utils/constant'\nimport { debounce } from 'lodash-es'\nexport default defineComponent({\n name: 'EcanInput',\n components: {\n AInput\n },\n props: {\n ...inputComponentProps\n },\n setup (props) {\n const style = usePickComponentStyle(props)\n const myValue = ref<string>('')\n watch(() => props.value, (value: string) => {\n myValue.value = value\n }, {\n immediate: true\n })\n const id = props.id as string\n const { getGlobalModel, setGlobalModel } = inject(GLOBAL_MODEL, {\n // @ts-ignore\n // eslint-disable-next-line no-void\n getGlobalModel: (key: string) => void 0,\n // @ts-ignore\n // eslint-disable-next-line no-void\n setGlobalModel: (key: string, value: any) => void 0\n })\n // 初始化设置值\n setGlobalModel(props.id as string, {\n type: props.type,\n value: myValue\n })\n const handleSetGlobalModel = () => {\n const modal = getGlobalModel(id)\n // 约定获取数据\n setGlobalModel(id, { ...modal, RECORD: myValue })\n }\n // 注册函数触发事件拦截器\n const emitEvent = useEmitEvent(props)\n const inputChange = debounce(emitEvent('inputChange', () => {\n handleSetGlobalModel()\n }), 300)\n const inputBlur = emitEvent('inputBlur', () => {\n })\n return {\n style,\n myValue,\n inputBlur,\n inputChange\n }\n }\n})\n</script>\n\n<style lang=\"less\">\n.ecan-input {\n .ant-input {\n width: 100%;\n height: 100%;\n }\n}\n\n[datav-theme='light'] .ecan-input {\n .ant-input{\n color: rgba(0, 0, 0, 0.65);\n background-color: #ffffff;\n border: 1px solid #d9d9d9;\n }\n}\n\n[datav-theme='darkBlue'] .ecan-input {\n .ant-input{\n border: 1px solid #1f63a3;\n background-color: #05164c;\n box-shadow: inset 0 0 10px #005efe;\n color: #ffffff;\n }\n}\n</style>\n"],"names":["_resolveComponent","_openBlock","_createElementBlock","_normalizeStyle"],"mappings":";;;;;6BACEA,iBAWM,SAAA;SATEC,UAAO,GAAAC,mBAAA,OAAA;AAAA,IAAA,OAAA;AAAA,IAEX,OAMEC,eAAA,KAAA,KAAA;AAAA,EAAA,GAAA;AAAA,gBAJe,oBAAO;AAAA,MAAA,OAAA;AAAA,MACrB,OAAW,KAAA;AAAA,MACX,kBAAQ,OAAW,CAAA,MAAA,OAAA,CAAA,IAAA,CAAA,WAAA,KAAA,UAAA;AAAA,MACnB,aAAM,KAAA;AAAA,MAAA,UAAA,KAAA;AAAA;;;;;"}
1
+ {"version":3,"file":"Input.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;"}
@@ -1,13 +1,15 @@
1
1
  import { defineComponent, ref, watch, inject } from "vue";
2
2
  import { usePickComponentStyle } from "../../hooks/usePickComponentStyle.js";
3
+ import { GLOBAL_MODEL } from "../../utils/constant.js";
3
4
  import { useEmitEvent } from "../../hooks/useEmitEvent.js";
5
+ import { debounce } from "lodash-es";
6
+ import "axios";
7
+ import "../../utils/request.js";
4
8
  import { Input } from "ant-design-vue";
5
9
  import "../../node_modules/ant-design-vue/es/style/default.less.js";
6
10
  import "../../node_modules/ant-design-vue/es/input/style/index.less.js";
7
11
  import "../../node_modules/ant-design-vue/es/button/style/index.less.js";
8
12
  import { inputComponentProps } from "./props.js";
9
- import { GLOBAL_MODEL } from "../../utils/constant.js";
10
- import { debounce } from "lodash-es";
11
13
  const _sfc_main = defineComponent({
12
14
  name: "EcanInput",
13
15
  components: {
@@ -1 +1 @@
1
- {"version":3,"file":"Input.vue2.js","sources":["../../../src/control/input/Input.vue"],"sourcesContent":["<template>\n <div\n class=\"ecan-input\"\n :style=\"style\"\n >\n <a-input\n class=\"input\"\n v-model:value=\"myValue\"\n :placeholder=\"placeholder\"\n @change=\"inputChange\"\n @blur=\"inputBlur\"\n />\n </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, inject, ref, watch } from 'vue'\nimport { useEmitEvent, usePickComponentStyle } from '@/hooks'\nimport { Input as AInput } from 'ant-design-vue'\nimport 'ant-design-vue/es/input/style'\nimport { inputComponentProps } from './props'\nimport { GLOBAL_MODEL } from '@/utils/constant'\nimport { debounce } from 'lodash-es'\nexport default defineComponent({\n name: 'EcanInput',\n components: {\n AInput\n },\n props: {\n ...inputComponentProps\n },\n setup (props) {\n const style = usePickComponentStyle(props)\n const myValue = ref<string>('')\n watch(() => props.value, (value: string) => {\n myValue.value = value\n }, {\n immediate: true\n })\n const id = props.id as string\n const { getGlobalModel, setGlobalModel } = inject(GLOBAL_MODEL, {\n // @ts-ignore\n // eslint-disable-next-line no-void\n getGlobalModel: (key: string) => void 0,\n // @ts-ignore\n // eslint-disable-next-line no-void\n setGlobalModel: (key: string, value: any) => void 0\n })\n // 初始化设置值\n setGlobalModel(props.id as string, {\n type: props.type,\n value: myValue\n })\n const handleSetGlobalModel = () => {\n const modal = getGlobalModel(id)\n // 约定获取数据\n setGlobalModel(id, { ...modal, RECORD: myValue })\n }\n // 注册函数触发事件拦截器\n const emitEvent = useEmitEvent(props)\n const inputChange = debounce(emitEvent('inputChange', () => {\n handleSetGlobalModel()\n }), 300)\n const inputBlur = emitEvent('inputBlur', () => {\n })\n return {\n style,\n myValue,\n inputBlur,\n inputChange\n }\n }\n})\n</script>\n\n<style lang=\"less\">\n.ecan-input {\n .ant-input {\n width: 100%;\n height: 100%;\n }\n}\n\n[datav-theme='light'] .ecan-input {\n .ant-input{\n color: rgba(0, 0, 0, 0.65);\n background-color: #ffffff;\n border: 1px solid #d9d9d9;\n }\n}\n\n[datav-theme='darkBlue'] .ecan-input {\n .ant-input{\n border: 1px solid #1f63a3;\n background-color: #05164c;\n box-shadow: inset 0 0 10px #005efe;\n color: #ffffff;\n }\n}\n</style>\n"],"names":["AInput"],"mappings":";;;;;;;;;;AAuBA,MAAA,YAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IAAA,QACVA;AAAAA,EACF;AAAA,EACA,OAAO;AAAA,IACL,GAAG;AAAA,EACL;AAAA,EACA,MAAO,OAAO;AACN,UAAA,QAAQ,sBAAsB,KAAK;AACnC,UAAA,UAAU,IAAY,EAAE;AAC9B,UAAM,MAAM,MAAM,OAAO,CAAC,UAAkB;AAC1C,cAAQ,QAAQ;AAAA,IAAA,GACf;AAAA,MACD,WAAW;AAAA,IAAA,CACZ;AACD,UAAM,KAAK,MAAM;AACjB,UAAM,EAAE,gBAAgB,mBAAmB,OAAO,cAAc;AAAA;AAAA;AAAA,MAG9D,gBAAgB,CAAC,QAAgB;AAAA;AAAA;AAAA,MAGjC,gBAAgB,CAAC,KAAa,UAAe;AAAA,IAAA,CAC9C;AAED,mBAAe,MAAM,IAAc;AAAA,MACjC,MAAM,MAAM;AAAA,MACZ,OAAO;AAAA,IAAA,CACR;AACD,UAAM,uBAAuB,MAAM;AAC3B,YAAA,QAAQ,eAAe,EAAE;AAE/B,qBAAe,IAAI,EAAE,GAAG,OAAO,QAAQ,SAAS;AAAA,IAAA;AAG5C,UAAA,YAAY,aAAa,KAAK;AACpC,UAAM,cAAc,SAAS,UAAU,eAAe,MAAM;AACrC;IAAA,CACtB,GAAG,GAAG;AACD,UAAA,YAAY,UAAU,aAAa,MAAM;AAAA,IAAA,CAC9C;AACM,WAAA;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;"}
1
+ {"version":3,"file":"Input.vue2.js","sources":["../../../src/control/input/Input.vue?vue&type=script&lang.ts"],"sourcesContent":["\nimport { defineComponent, inject, ref, watch } from 'vue'\nimport { useEmitEvent, usePickComponentStyle } from '@/hooks'\nimport { Input as AInput } from 'ant-design-vue'\nimport 'ant-design-vue/es/input/style'\nimport { inputComponentProps } from './props'\nimport { GLOBAL_MODEL } from '@/utils/constant'\nimport { debounce } from 'lodash-es'\nexport default defineComponent({\n name: 'EcanInput',\n components: {\n AInput\n },\n props: {\n ...inputComponentProps\n },\n setup (props) {\n const style = usePickComponentStyle(props)\n const myValue = ref<string>('')\n watch(() => props.value, (value: string) => {\n myValue.value = value\n }, {\n immediate: true\n })\n const id = props.id as string\n const { getGlobalModel, setGlobalModel } = inject(GLOBAL_MODEL, {\n // @ts-ignore\n // eslint-disable-next-line no-void\n getGlobalModel: (key: string) => void 0,\n // @ts-ignore\n // eslint-disable-next-line no-void\n setGlobalModel: (key: string, value: any) => void 0\n })\n // 初始化设置值\n setGlobalModel(props.id as string, {\n type: props.type,\n value: myValue\n })\n const handleSetGlobalModel = () => {\n const modal = getGlobalModel(id)\n // 约定获取数据\n setGlobalModel(id, { ...modal, RECORD: myValue })\n }\n // 注册函数触发事件拦截器\n const emitEvent = useEmitEvent(props)\n const inputChange = debounce(emitEvent('inputChange', () => {\n handleSetGlobalModel()\n }), 300)\n const inputBlur = emitEvent('inputBlur', () => {\n })\n return {\n style,\n myValue,\n inputBlur,\n inputChange\n }\n }\n})\n"],"names":["AInput"],"mappings":";;;;;;;;;;;;AAQA,MAAA,YAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IAAA,QACVA;AAAAA,EACF;AAAA,EACA,OAAO;AAAA,IACL,GAAG;AAAA,EACL;AAAA,EACA,MAAO,OAAO;AACN,UAAA,QAAQ,sBAAsB,KAAK;AACnC,UAAA,UAAU,IAAY,EAAE;AAC9B,UAAM,MAAM,MAAM,OAAO,CAAC,UAAkB;AAC1C,cAAQ,QAAQ;AAAA,IAAA,GACf;AAAA,MACD,WAAW;AAAA,IAAA,CACZ;AACD,UAAM,KAAK,MAAM;AACjB,UAAM,EAAE,gBAAgB,mBAAmB,OAAO,cAAc;AAAA;AAAA;AAAA,MAG9D,gBAAgB,CAAC,QAAgB;AAAA;AAAA;AAAA,MAGjC,gBAAgB,CAAC,KAAa,UAAe;AAAA,IAAA,CAC9C;AAED,mBAAe,MAAM,IAAc;AAAA,MACjC,MAAM,MAAM;AAAA,MACZ,OAAO;AAAA,IAAA,CACR;AACD,UAAM,uBAAuB,MAAM;AAC3B,YAAA,QAAQ,eAAe,EAAE;AAE/B,qBAAe,IAAI,EAAE,GAAG,OAAO,QAAQ,SAAS;AAAA,IAAA;AAG5C,UAAA,YAAY,aAAa,KAAK;AACpC,UAAM,cAAc,SAAS,UAAU,eAAe,MAAM;AACrC;IAAA,CACtB,GAAG,GAAG;AACD,UAAA,YAAY,UAAU,aAAa,MAAM;AAAA,IAAA,CAC9C;AACM,WAAA;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;"}
@@ -1,8 +1,12 @@
1
1
  import { withInstall } from "../../utils/withInstall.js";
2
2
  import Input from "./Input.vue.js";
3
+ import { inputComponentProps, inputEvents, inputProps } from "./props.js";
3
4
  const EcanInput = withInstall(Input);
4
5
  export {
5
6
  EcanInput,
6
- EcanInput as default
7
+ EcanInput as default,
8
+ inputComponentProps,
9
+ inputEvents,
10
+ inputProps
7
11
  };
8
12
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../../src/control/input/index.ts"],"sourcesContent":["import { withInstall } from '@/utils/withInstall'\nimport Input from './Input.vue'\nexport const EcanInput = withInstall(Input)\nexport default EcanInput\nexport * from './props'\n"],"names":[],"mappings":";;AAEa,MAAA,YAAY,YAAY,KAAK;"}
1
+ {"version":3,"file":"index.js","sources":["../../../src/control/input/index.ts"],"sourcesContent":["import { withInstall } from '@/utils/withInstall'\nimport Input from './Input.vue'\nexport const EcanInput = withInstall(Input)\nexport default EcanInput\nexport * from './props'\n"],"names":[],"mappings":";;;AAEa,MAAA,YAAY,YAAY,KAAK;"}
@@ -1,4 +1,4 @@
1
- import { props, transformToComponentProps } from "../../utils/props.js";
1
+ import { transformToComponentProps, props } from "../../utils/props.js";
2
2
  const inputProps = {
3
3
  ...props,
4
4
  width: "200px",
@@ -1 +1 @@
1
- {"version":3,"file":"RangePicker.vue.js","sources":["../../../src/control/range-picker/RangePicker.vue"],"sourcesContent":["<template>\n <div\n class=\"ecan-range-picker\"\n :style=\"style\"\n >\n <a-range-picker\n class=\"range-picker\"\n dropdownClassName=\"ecan-range-picker-dropdown\"\n v-model:value=\"myValue\"\n :format=\"format\"\n :picker=\"picker\"\n :locale=\"locale\"\n :getPopupContainer=\"getPopupContainer\"\n @change=\"dateChange\"\n />\n </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, inject, unref, watch, ref } from 'vue'\nimport { rangePickerComponentProps } from './props'\nimport { useEmitEvent, useOnEvent, usePickComponentStyle } from '@/hooks'\nimport { RangePicker as ARangePicker } from 'ant-design-vue'\nimport locale from 'ant-design-vue/es/date-picker/locale/zh_CN'\n// antdv 中 range-picker 组件与 date-picker 共用一个样式\nimport 'ant-design-vue/es/date-picker/style'\nimport { GLOBAL_MODEL } from '@/utils/constant'\nimport dayjs, { Dayjs, ManipulateType } from 'dayjs'\nexport default defineComponent({\n name: 'EcanRangePicker',\n components: {\n ARangePicker\n },\n props: {\n ...rangePickerComponentProps\n },\n setup (props) {\n const style = usePickComponentStyle(props)\n const getPopupContainer = () => document.getElementById('ProviderConfig') || document.body\n const myValue = ref<[Dayjs, Dayjs]>([null, null])\n watch(() => [props.startTime, props.endTime, props.useCurrentTime, props.interval, props.intervalUnit], ([startTime, endTime, useCurrentTime, interval, intervalUnit]: [string, string, boolean, number, ManipulateType]) => {\n let _startTime: Dayjs = null\n let _endTime: Dayjs = null\n if (useCurrentTime) {\n _startTime = dayjs().subtract(interval, intervalUnit)\n _endTime = dayjs()\n }\n if (startTime) {\n _startTime = dayjs(startTime)\n }\n if (endTime) {\n _endTime = dayjs(endTime)\n }\n myValue.value = [_startTime, _endTime]\n }, {\n immediate: true\n })\n const { setGlobalModel } = inject(GLOBAL_MODEL, {\n // @ts-ignore\n // eslint-disable-next-line no-void\n setGlobalModel: (key: string, value: any) => void 0\n })\n const myStartTime = computed(() => unref(myValue)[0])\n const myEndTime = computed(() => unref(myValue)[1])\n // 初始化设置值\n setGlobalModel(props.id as string, {\n type: props.type,\n format: props.format,\n startTime: myStartTime,\n endTime: myEndTime\n })\n // 注册函数触发事件拦截器\n const emitEvent = useEmitEvent(props)\n const dateChange = emitEvent('dateChange', () => {})\n useOnEvent(props, {\n dateChange\n })\n return {\n style,\n getPopupContainer,\n locale,\n dateChange,\n myValue\n }\n }\n})\n</script>\n\n<style scoped lang=\"less\">\n.range-picker {\n width: 100%;\n height: 100%;\n}\n</style>\n\n<style lang=\"less\">\n[datav-theme='light'] .ecan-range-picker{\n .ant-picker {\n background-color: #ffffff;\n color: rgba(0, 0, 0, 0.85);\n border: 1px solid #d9d9d9;\n }\n .ant-picker-input > input {\n color: rgba(0, 0, 0, 0.85);\n }\n .anticon-calendar {\n color: #333;\n }\n .anticon-close-circle {\n color: #333;\n }\n .ant-picker-input > input::placeholder {\n color: #bfbfbf;\n }\n .ant-picker-separator .anticon {\n color:#333;\n }\n}\n\n[datav-theme='darkBlue'] .ecan-range-picker {\n .ant-picker {\n background-color: #05164c;\n border: 1px solid #1f63a3;\n color: #fff;\n box-shadow: inset 0 0 10px #005efe;\n }\n .ant-picker-input > input {\n color: #ffffff;\n }\n .anticon-calendar {\n color: #ffffff;\n }\n .anticon-close-circle {\n color: #333;\n }\n .ant-picker-separator .anticon {\n color:#fff;\n }\n}\n\n[datav-theme='darkBlue'] .ecan-range-picker-dropdown {\n .ant-picker-panel {\n background: #05174e;\n border-bottom: 1px solid #69befa;\n }\n .ant-picker-header {\n color: #69befa;\n border-bottom: 1px solid #69befa;\n }\n .ant-picker-panel .ant-picker-footer {\n border-top: 1px solid #69befa;\n }\n .ant-picker-header button {\n color: #69befa;\n }\n .ant-picker-content th {\n color: #69befa;\n }\n .ant-picker-content td {\n color: #69befa;\n }\n .ant-picker-today-btn {\n color: #69befa;\n }\n .ant-picker-cell-disabled .ant-picker-cell-inner {\n color: #999;\n }\n .ant-picker-cell-disabled::before {\n background: #333;\n }\n}\n</style>\n"],"names":["_resolveComponent","_openBlock","_createElementBlock","_normalizeStyle"],"mappings":";;;;;;oCACEA,iBAcM,gBAAA;SAZEC,UAAO,GAAAC,mBAAA,OAAA;AAAA,IAAA,OAAA;AAAA,IAEb,OASEC,eAAA,KAAA,KAAA;AAAA,EAAA,GAAA;AAAA,gBAPA,2BAAkB;AAAA,MACV,OAAO;AAAA,MAAA,mBAAA;AAAA,MACd,OAAM,KAAE;AAAA,MACR,kBAAQ,OAAM,CAAA,MAAA,OAAA,CAAA,IAAA,CAAA,WAAA,KAAA,UAAA;AAAA,MACd,QAAQ,KAAA;AAAA,MACR,QAAA,KAAA;AAAA,MACA,QAAM,KAAE;AAAA,MAAA,mBAAA,KAAA;AAAA;;;;;"}
1
+ {"version":3,"file":"RangePicker.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -3,13 +3,16 @@ import { rangePickerComponentProps } from "./props.js";
3
3
  import { usePickComponentStyle } from "../../hooks/usePickComponentStyle.js";
4
4
  import { useOnEvent } from "../../hooks/useOnEvent.js";
5
5
  import { useEmitEvent } from "../../hooks/useEmitEvent.js";
6
+ import "lodash-es";
7
+ import "axios";
8
+ import { GLOBAL_MODEL } from "../../utils/constant.js";
9
+ import "../../utils/request.js";
6
10
  import { RangePicker } from "ant-design-vue";
7
11
  import locale from "../../node_modules/ant-design-vue/es/date-picker/locale/zh_CN.js";
8
12
  import "../../node_modules/ant-design-vue/es/date-picker/style/index.less.js";
9
13
  import "../../node_modules/ant-design-vue/es/style/default.less.js";
10
14
  import "../../node_modules/ant-design-vue/es/tag/style/index.less.js";
11
15
  import "../../node_modules/ant-design-vue/es/button/style/index.less.js";
12
- import { GLOBAL_MODEL } from "../../utils/constant.js";
13
16
  import dayjs from "dayjs";
14
17
  const _sfc_main = defineComponent({
15
18
  name: "EcanRangePicker",
@@ -1 +1 @@
1
- {"version":3,"file":"RangePicker.vue2.js","sources":["../../../src/control/range-picker/RangePicker.vue"],"sourcesContent":["<template>\n <div\n class=\"ecan-range-picker\"\n :style=\"style\"\n >\n <a-range-picker\n class=\"range-picker\"\n dropdownClassName=\"ecan-range-picker-dropdown\"\n v-model:value=\"myValue\"\n :format=\"format\"\n :picker=\"picker\"\n :locale=\"locale\"\n :getPopupContainer=\"getPopupContainer\"\n @change=\"dateChange\"\n />\n </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, inject, unref, watch, ref } from 'vue'\nimport { rangePickerComponentProps } from './props'\nimport { useEmitEvent, useOnEvent, usePickComponentStyle } from '@/hooks'\nimport { RangePicker as ARangePicker } from 'ant-design-vue'\nimport locale from 'ant-design-vue/es/date-picker/locale/zh_CN'\n// antdv 中 range-picker 组件与 date-picker 共用一个样式\nimport 'ant-design-vue/es/date-picker/style'\nimport { GLOBAL_MODEL } from '@/utils/constant'\nimport dayjs, { Dayjs, ManipulateType } from 'dayjs'\nexport default defineComponent({\n name: 'EcanRangePicker',\n components: {\n ARangePicker\n },\n props: {\n ...rangePickerComponentProps\n },\n setup (props) {\n const style = usePickComponentStyle(props)\n const getPopupContainer = () => document.getElementById('ProviderConfig') || document.body\n const myValue = ref<[Dayjs, Dayjs]>([null, null])\n watch(() => [props.startTime, props.endTime, props.useCurrentTime, props.interval, props.intervalUnit], ([startTime, endTime, useCurrentTime, interval, intervalUnit]: [string, string, boolean, number, ManipulateType]) => {\n let _startTime: Dayjs = null\n let _endTime: Dayjs = null\n if (useCurrentTime) {\n _startTime = dayjs().subtract(interval, intervalUnit)\n _endTime = dayjs()\n }\n if (startTime) {\n _startTime = dayjs(startTime)\n }\n if (endTime) {\n _endTime = dayjs(endTime)\n }\n myValue.value = [_startTime, _endTime]\n }, {\n immediate: true\n })\n const { setGlobalModel } = inject(GLOBAL_MODEL, {\n // @ts-ignore\n // eslint-disable-next-line no-void\n setGlobalModel: (key: string, value: any) => void 0\n })\n const myStartTime = computed(() => unref(myValue)[0])\n const myEndTime = computed(() => unref(myValue)[1])\n // 初始化设置值\n setGlobalModel(props.id as string, {\n type: props.type,\n format: props.format,\n startTime: myStartTime,\n endTime: myEndTime\n })\n // 注册函数触发事件拦截器\n const emitEvent = useEmitEvent(props)\n const dateChange = emitEvent('dateChange', () => {})\n useOnEvent(props, {\n dateChange\n })\n return {\n style,\n getPopupContainer,\n locale,\n dateChange,\n myValue\n }\n }\n})\n</script>\n\n<style scoped lang=\"less\">\n.range-picker {\n width: 100%;\n height: 100%;\n}\n</style>\n\n<style lang=\"less\">\n[datav-theme='light'] .ecan-range-picker{\n .ant-picker {\n background-color: #ffffff;\n color: rgba(0, 0, 0, 0.85);\n border: 1px solid #d9d9d9;\n }\n .ant-picker-input > input {\n color: rgba(0, 0, 0, 0.85);\n }\n .anticon-calendar {\n color: #333;\n }\n .anticon-close-circle {\n color: #333;\n }\n .ant-picker-input > input::placeholder {\n color: #bfbfbf;\n }\n .ant-picker-separator .anticon {\n color:#333;\n }\n}\n\n[datav-theme='darkBlue'] .ecan-range-picker {\n .ant-picker {\n background-color: #05164c;\n border: 1px solid #1f63a3;\n color: #fff;\n box-shadow: inset 0 0 10px #005efe;\n }\n .ant-picker-input > input {\n color: #ffffff;\n }\n .anticon-calendar {\n color: #ffffff;\n }\n .anticon-close-circle {\n color: #333;\n }\n .ant-picker-separator .anticon {\n color:#fff;\n }\n}\n\n[datav-theme='darkBlue'] .ecan-range-picker-dropdown {\n .ant-picker-panel {\n background: #05174e;\n border-bottom: 1px solid #69befa;\n }\n .ant-picker-header {\n color: #69befa;\n border-bottom: 1px solid #69befa;\n }\n .ant-picker-panel .ant-picker-footer {\n border-top: 1px solid #69befa;\n }\n .ant-picker-header button {\n color: #69befa;\n }\n .ant-picker-content th {\n color: #69befa;\n }\n .ant-picker-content td {\n color: #69befa;\n }\n .ant-picker-today-btn {\n color: #69befa;\n }\n .ant-picker-cell-disabled .ant-picker-cell-inner {\n color: #999;\n }\n .ant-picker-cell-disabled::before {\n background: #333;\n }\n}\n</style>\n"],"names":["ARangePicker"],"mappings":";;;;;;;;;;;;;AA4BA,MAAA,YAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IAAA,cACVA;AAAAA,EACF;AAAA,EACA,OAAO;AAAA,IACL,GAAG;AAAA,EACL;AAAA,EACA,MAAO,OAAO;AACN,UAAA,QAAQ,sBAAsB,KAAK;AACzC,UAAM,oBAAoB,MAAM,SAAS,eAAe,gBAAgB,KAAK,SAAS;AACtF,UAAM,UAAU,IAAoB,CAAC,MAAM,IAAI,CAAC;AAC1C,UAAA,MAAM,CAAC,MAAM,WAAW,MAAM,SAAS,MAAM,gBAAgB,MAAM,UAAU,MAAM,YAAY,GAAG,CAAC,CAAC,WAAW,SAAS,gBAAgB,UAAU,YAAY,MAAyD;AAC3N,UAAI,aAAoB;AACxB,UAAI,WAAkB;AACtB,UAAI,gBAAgB;AAClB,qBAAa,MAAM,EAAE,SAAS,UAAU,YAAY;AACpD,mBAAW,MAAM;AAAA,MACnB;AACA,UAAI,WAAW;AACb,qBAAa,MAAM,SAAS;AAAA,MAC9B;AACA,UAAI,SAAS;AACX,mBAAW,MAAM,OAAO;AAAA,MAC1B;AACQ,cAAA,QAAQ,CAAC,YAAY,QAAQ;AAAA,IAAA,GACpC;AAAA,MACD,WAAW;AAAA,IAAA,CACZ;AACD,UAAM,EAAE,eAAA,IAAmB,OAAO,cAAc;AAAA;AAAA;AAAA,MAG9C,gBAAgB,CAAC,KAAa,UAAe;AAAA,IAAA,CAC9C;AACD,UAAM,cAAc,SAAS,MAAM,MAAM,OAAO,EAAE,CAAC,CAAC;AACpD,UAAM,YAAY,SAAS,MAAM,MAAM,OAAO,EAAE,CAAC,CAAC;AAElD,mBAAe,MAAM,IAAc;AAAA,MACjC,MAAM,MAAM;AAAA,MACZ,QAAQ,MAAM;AAAA,MACd,WAAW;AAAA,MACX,SAAS;AAAA,IAAA,CACV;AAEK,UAAA,YAAY,aAAa,KAAK;AAC9B,UAAA,aAAa,UAAU,cAAc,MAAM;AAAA,IAAA,CAAE;AACnD,eAAW,OAAO;AAAA,MAChB;AAAA,IAAA,CACD;AACM,WAAA;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;"}
1
+ {"version":3,"file":"RangePicker.vue2.js","sources":["../../../src/control/range-picker/RangePicker.vue?vue&type=script&lang.ts"],"sourcesContent":["\nimport { computed, defineComponent, inject, unref, watch, ref } from 'vue'\nimport { rangePickerComponentProps } from './props'\nimport { useEmitEvent, useOnEvent, usePickComponentStyle } from '@/hooks'\nimport { RangePicker as ARangePicker } from 'ant-design-vue'\nimport locale from 'ant-design-vue/es/date-picker/locale/zh_CN'\n// antdv 中 range-picker 组件与 date-picker 共用一个样式\nimport 'ant-design-vue/es/date-picker/style'\nimport { GLOBAL_MODEL } from '@/utils/constant'\nimport dayjs, { Dayjs, ManipulateType } from 'dayjs'\nexport default defineComponent({\n name: 'EcanRangePicker',\n components: {\n ARangePicker\n },\n props: {\n ...rangePickerComponentProps\n },\n setup (props) {\n const style = usePickComponentStyle(props)\n const getPopupContainer = () => document.getElementById('ProviderConfig') || document.body\n const myValue = ref<[Dayjs, Dayjs]>([null, null])\n watch(() => [props.startTime, props.endTime, props.useCurrentTime, props.interval, props.intervalUnit], ([startTime, endTime, useCurrentTime, interval, intervalUnit]: [string, string, boolean, number, ManipulateType]) => {\n let _startTime: Dayjs = null\n let _endTime: Dayjs = null\n if (useCurrentTime) {\n _startTime = dayjs().subtract(interval, intervalUnit)\n _endTime = dayjs()\n }\n if (startTime) {\n _startTime = dayjs(startTime)\n }\n if (endTime) {\n _endTime = dayjs(endTime)\n }\n myValue.value = [_startTime, _endTime]\n }, {\n immediate: true\n })\n const { setGlobalModel } = inject(GLOBAL_MODEL, {\n // @ts-ignore\n // eslint-disable-next-line no-void\n setGlobalModel: (key: string, value: any) => void 0\n })\n const myStartTime = computed(() => unref(myValue)[0])\n const myEndTime = computed(() => unref(myValue)[1])\n // 初始化设置值\n setGlobalModel(props.id as string, {\n type: props.type,\n format: props.format,\n startTime: myStartTime,\n endTime: myEndTime\n })\n // 注册函数触发事件拦截器\n const emitEvent = useEmitEvent(props)\n const dateChange = emitEvent('dateChange', () => {})\n useOnEvent(props, {\n dateChange\n })\n return {\n style,\n getPopupContainer,\n locale,\n dateChange,\n myValue\n }\n }\n})\n"],"names":["ARangePicker"],"mappings":";;;;;;;;;;;;;;;;AAUA,MAAA,YAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IAAA,cACVA;AAAAA,EACF;AAAA,EACA,OAAO;AAAA,IACL,GAAG;AAAA,EACL;AAAA,EACA,MAAO,OAAO;AACN,UAAA,QAAQ,sBAAsB,KAAK;AACzC,UAAM,oBAAoB,MAAM,SAAS,eAAe,gBAAgB,KAAK,SAAS;AACtF,UAAM,UAAU,IAAoB,CAAC,MAAM,IAAI,CAAC;AAC1C,UAAA,MAAM,CAAC,MAAM,WAAW,MAAM,SAAS,MAAM,gBAAgB,MAAM,UAAU,MAAM,YAAY,GAAG,CAAC,CAAC,WAAW,SAAS,gBAAgB,UAAU,YAAY,MAAyD;AAC3N,UAAI,aAAoB;AACxB,UAAI,WAAkB;AACtB,UAAI,gBAAgB;AAClB,qBAAa,MAAM,EAAE,SAAS,UAAU,YAAY;AACpD,mBAAW,MAAM;AAAA,MACnB;AACA,UAAI,WAAW;AACb,qBAAa,MAAM,SAAS;AAAA,MAC9B;AACA,UAAI,SAAS;AACX,mBAAW,MAAM,OAAO;AAAA,MAC1B;AACQ,cAAA,QAAQ,CAAC,YAAY,QAAQ;AAAA,IAAA,GACpC;AAAA,MACD,WAAW;AAAA,IAAA,CACZ;AACD,UAAM,EAAE,eAAA,IAAmB,OAAO,cAAc;AAAA;AAAA;AAAA,MAG9C,gBAAgB,CAAC,KAAa,UAAe;AAAA,IAAA,CAC9C;AACD,UAAM,cAAc,SAAS,MAAM,MAAM,OAAO,EAAE,CAAC,CAAC;AACpD,UAAM,YAAY,SAAS,MAAM,MAAM,OAAO,EAAE,CAAC,CAAC;AAElD,mBAAe,MAAM,IAAc;AAAA,MACjC,MAAM,MAAM;AAAA,MACZ,QAAQ,MAAM;AAAA,MACd,WAAW;AAAA,MACX,SAAS;AAAA,IAAA,CACV;AAEK,UAAA,YAAY,aAAa,KAAK;AAC9B,UAAA,aAAa,UAAU,cAAc,MAAM;AAAA,IAAA,CAAE;AACnD,eAAW,OAAO;AAAA,MAChB;AAAA,IAAA,CACD;AACM,WAAA;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;"}
@@ -1,8 +1,12 @@
1
1
  import { withInstall } from "../../utils/withInstall.js";
2
2
  import RangePicker from "./RangePicker.vue.js";
3
+ import { rangePickerComponentProps, rangePickerEvents, rangePickerProps } from "./props.js";
3
4
  const EcanRangePicker = withInstall(RangePicker);
4
5
  export {
5
6
  EcanRangePicker,
6
- EcanRangePicker as default
7
+ EcanRangePicker as default,
8
+ rangePickerComponentProps,
9
+ rangePickerEvents,
10
+ rangePickerProps
7
11
  };
8
12
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../../src/control/range-picker/index.ts"],"sourcesContent":["import { withInstall } from '../../utils/withInstall'\nimport RangePicker from './RangePicker.vue'\nexport const EcanRangePicker = withInstall(RangePicker)\nexport default EcanRangePicker\nexport * from './props'\n"],"names":[],"mappings":";;AAEa,MAAA,kBAAkB,YAAY,WAAW;"}
1
+ {"version":3,"file":"index.js","sources":["../../../src/control/range-picker/index.ts"],"sourcesContent":["import { withInstall } from '../../utils/withInstall'\nimport RangePicker from './RangePicker.vue'\nexport const EcanRangePicker = withInstall(RangePicker)\nexport default EcanRangePicker\nexport * from './props'\n"],"names":[],"mappings":";;;AAEa,MAAA,kBAAkB,YAAY,WAAW;"}
@@ -1,4 +1,4 @@
1
- import { props, transformToComponentProps } from "../../utils/props.js";
1
+ import { transformToComponentProps, props } from "../../utils/props.js";
2
2
  import "dayjs";
3
3
  const rangePickerProps = {
4
4
  ...props,