@vipl520/dk-ui 1.0.44 → 1.0.46

Sign up to get free protection for your applications and to get access to all the features.
Files changed (276) hide show
  1. package/dist/attributes.json +16 -0
  2. package/dist/index.css +1 -1
  3. package/dist/index.js +3041 -1074
  4. package/dist/index.min.js +4 -4
  5. package/dist/index.min.js.map +1 -1
  6. package/dist/index.min.mjs +4 -4
  7. package/dist/index.min.mjs.map +1 -1
  8. package/dist/index.mjs +3038 -1075
  9. package/dist/tags.json +14 -0
  10. package/dist/uniicons.ttf +0 -0
  11. package/dist/web-types.json +69 -1
  12. package/es/animate-select/src/animate-select.vue2.mjs.map +1 -1
  13. package/es/api/attachment.mjs.map +1 -1
  14. package/es/attachment/src/attachment.vue2.mjs +1 -7
  15. package/es/attachment/src/attachment.vue2.mjs.map +1 -1
  16. package/es/audio-list-input/src/audio-list-input.vue2.mjs.map +1 -1
  17. package/es/dialog/src/dialog.vue2.mjs +2 -4
  18. package/es/dialog/src/dialog.vue2.mjs.map +1 -1
  19. package/es/dialog/style/index.css +1 -1
  20. package/es/dialog/style/index.scss +1 -1
  21. package/es/file-input/src/file-input.vue2.mjs.map +1 -1
  22. package/es/file-list-input/src/file-list-input.vue2.mjs.map +1 -1
  23. package/es/form/index.d.ts +3 -15
  24. package/es/form/src/form.vue.d.ts +2 -10
  25. package/es/form/src/form.vue2.mjs +1 -0
  26. package/es/form/src/form.vue2.mjs.map +1 -1
  27. package/es/form/src/props.d.ts +1 -5
  28. package/es/form/src/props.mjs +1 -5
  29. package/es/form/src/props.mjs.map +1 -1
  30. package/es/hot-area-input/src/component/hot-area-content.vue2.mjs.map +1 -1
  31. package/es/hot-area-input/src/hot-area-input.vue2.mjs.map +1 -1
  32. package/es/icon/src/icon.vue2.mjs.map +1 -1
  33. package/es/icon-input/src/icon-content.vue2.mjs +1 -1
  34. package/es/icon-input/src/icon-content.vue2.mjs.map +1 -1
  35. package/es/image-list-input/src/image-list-input.vue2.mjs.map +1 -1
  36. package/es/index.d.ts +2 -0
  37. package/es/index.mjs +8 -2
  38. package/es/index.mjs.map +1 -1
  39. package/es/index.scss +2 -0
  40. package/es/page-diy/src/components/DiyCloud.vue.mjs.map +1 -1
  41. package/es/page-diy/src/components/DragTool.vue.mjs +1 -5
  42. package/es/page-diy/src/components/DragTool.vue.mjs.map +1 -1
  43. package/es/page-diy/src/components/PreviewPhone.vue2.mjs.map +1 -1
  44. package/es/page-diy/src/components/forms/DkEventSelectInput.vue.mjs +9 -11
  45. package/es/page-diy/src/components/forms/DkEventSelectInput.vue.mjs.map +1 -1
  46. package/es/page-diy/src/config/base/dkSetting.mjs.map +1 -1
  47. package/es/page-diy/src/config/rule/min/common/DkMinTitle.d.ts +1 -0
  48. package/es/page-diy/src/config/rule/min/common/DkMinTitle.mjs +2 -1
  49. package/es/page-diy/src/config/rule/min/common/DkMinTitle.mjs.map +1 -1
  50. package/es/page-diy/src/config/rule/min/common/DkMinVideo.mjs +1 -3
  51. package/es/page-diy/src/config/rule/min/common/DkMinVideo.mjs.map +1 -1
  52. package/es/page-diy/src/config/rule/min/common/index.d.ts +2 -0
  53. package/es/page-diy/src/config/rule/min/common/index.mjs +1 -8
  54. package/es/page-diy/src/config/rule/min/common/index.mjs.map +1 -1
  55. package/es/page-diy/src/config/rule/min/index.d.ts +2 -0
  56. package/es/page-diy/src/config/rule/web/common/DkPosterBtn.mjs +1 -3
  57. package/es/page-diy/src/config/rule/web/common/DkPosterBtn.mjs.map +1 -1
  58. package/es/page-diy/src/config/rule/web/common/DkViewBulletChat.mjs.map +1 -1
  59. package/es/page-diy/src/config/rule/web/common/DkViewVideo.mjs +3 -9
  60. package/es/page-diy/src/config/rule/web/common/DkViewVideo.mjs.map +1 -1
  61. package/es/page-diy/src/utils/eventData.mjs.map +1 -1
  62. package/es/page-diy/src/views/min/DkMinHotArea.vue.mjs +5 -18
  63. package/es/page-diy/src/views/min/DkMinHotArea.vue.mjs.map +1 -1
  64. package/es/page-diy/src/views/min/DkMinSwiperImage.vue.mjs.map +1 -1
  65. package/es/page-diy/src/views/min/DkMinTitle.vue.mjs.map +1 -1
  66. package/es/page-diy/src/views/web/DkViewBulletChat.vue.mjs.map +1 -1
  67. package/es/page-diy/src/views/web/DkViewCell.vue.mjs.map +1 -1
  68. package/es/page-diy/src/views/web/DkViewCommonBtn.vue.mjs +1 -3
  69. package/es/page-diy/src/views/web/DkViewCommonBtn.vue.mjs.map +1 -1
  70. package/es/page-diy/src/views/web/DkViewGridCellList.vue.mjs.map +1 -1
  71. package/es/page-diy/src/views/web/DkViewImage.vue.mjs.map +1 -1
  72. package/es/page-diy/src/views/web/DkViewMusic.vue.mjs.map +1 -1
  73. package/es/page-diy/src/views/web/DkViewNoticeBar.vue.mjs.map +1 -1
  74. package/es/page-diy/src/views/web/DkViewSwipe.vue.mjs.map +1 -1
  75. package/es/page-diy/src/views/web/DkViewTitle.vue.mjs.map +1 -1
  76. package/es/poster-input/src/component/poster.vue2.mjs.map +1 -1
  77. package/es/poster-input/src/component/views/DkPosterViewAvatar.vue2.mjs.map +1 -1
  78. package/es/poster-input/src/component/views/DkPosterViewImage.vue2.mjs +1 -1
  79. package/es/poster-input/src/component/views/DkPosterViewImage.vue2.mjs.map +1 -1
  80. package/es/poster-input/src/component/views/DkPosterViewName.vue2.mjs.map +1 -1
  81. package/es/poster-input/src/component/views/DkPosterViewQrcode.vue2.mjs.map +1 -1
  82. package/es/poster-input/src/component/views/DkPosterViewText.vue2.mjs.map +1 -1
  83. package/es/poster-input/src/component/views/quick-action.vue2.mjs.map +1 -1
  84. package/es/poster-input/src/poster-input.vue2.mjs.map +1 -1
  85. package/es/poster-input/style/index.scss +2 -4
  86. package/es/select/src/select.vue2.mjs +1 -9
  87. package/es/select/src/select.vue2.mjs.map +1 -1
  88. package/es/style-animation-input/src/props.mjs.map +1 -1
  89. package/es/style-animation-input/src/style-animation-input.vue2.mjs +1 -1
  90. package/es/style-animation-input/src/style-animation-input.vue2.mjs.map +1 -1
  91. package/es/style-font-input/src/style-font-input.vue2.mjs +1 -1
  92. package/es/style-font-input/src/style-font-input.vue2.mjs.map +1 -1
  93. package/es/style-number-input/src/style-number-input.vue2.mjs.map +1 -1
  94. package/es/style-position-input/src/style-position-input.vue2.mjs +1 -4
  95. package/es/style-position-input/src/style-position-input.vue2.mjs.map +1 -1
  96. package/es/table/src/components/ComSearch.vue2.mjs.map +1 -1
  97. package/es/table/src/components/FieldRender.vue2.mjs +1 -1
  98. package/es/table/src/components/FieldRender.vue2.mjs.map +1 -1
  99. package/es/table/src/components/RecycleDialog.vue2.mjs +1 -3
  100. package/es/table/src/components/RecycleDialog.vue2.mjs.map +1 -1
  101. package/es/table/src/components/header.vue2.mjs +3 -17
  102. package/es/table/src/components/header.vue2.mjs.map +1 -1
  103. package/es/table/src/props.mjs +1 -11
  104. package/es/table/src/props.mjs.map +1 -1
  105. package/es/table/src/table.vue2.mjs +3 -13
  106. package/es/table/src/table.vue2.mjs.map +1 -1
  107. package/es/table/utils/dkTable.mjs +8 -31
  108. package/es/table/utils/dkTable.mjs.map +1 -1
  109. package/es/table/utils/dkTableApi.mjs.map +1 -1
  110. package/es/tiny-editor/src/tiny-editor.vue2.mjs +1 -1
  111. package/es/tiny-editor/src/tiny-editor.vue2.mjs.map +1 -1
  112. package/es/uni-icon/index.d.ts +174 -0
  113. package/es/uni-icon/index.mjs +8 -0
  114. package/es/uni-icon/index.mjs.map +1 -0
  115. package/es/uni-icon/src/props.d.ts +24 -0
  116. package/es/uni-icon/src/props.mjs +25 -0
  117. package/es/uni-icon/src/props.mjs.map +1 -0
  118. package/es/uni-icon/src/uni-icon.vue.d.ts +57 -0
  119. package/es/uni-icon/src/uni-icon.vue.mjs +7 -0
  120. package/es/uni-icon/src/uni-icon.vue.mjs.map +1 -0
  121. package/es/uni-icon/src/uni-icon.vue2.mjs +43 -0
  122. package/es/uni-icon/src/uni-icon.vue2.mjs.map +1 -0
  123. package/es/uni-icon/style/index.css +1 -0
  124. package/es/uni-icon/style/index.scss +17 -0
  125. package/es/uni-icon/style/uniicons.css +1 -0
  126. package/es/uni-icon/style/uniicons.scss +663 -0
  127. package/es/uni-icon/style/uniicons_file_vue.d.ts +4 -0
  128. package/es/uni-icon/style/uniicons_file_vue.mjs +649 -0
  129. package/es/uni-icon/style/uniicons_file_vue.mjs.map +1 -0
  130. package/es/uni-icon-input/index.d.ts +17 -0
  131. package/es/uni-icon-input/index.mjs +8 -0
  132. package/es/uni-icon-input/index.mjs.map +1 -0
  133. package/es/uni-icon-input/src/props.d.ts +11 -0
  134. package/es/uni-icon-input/src/props.mjs +11 -0
  135. package/es/uni-icon-input/src/props.mjs.map +1 -0
  136. package/es/uni-icon-input/src/uni-icon-input.vue.d.ts +16 -0
  137. package/es/uni-icon-input/src/uni-icon-input.vue.mjs +7 -0
  138. package/es/uni-icon-input/src/uni-icon-input.vue.mjs.map +1 -0
  139. package/es/uni-icon-input/src/uni-icon-input.vue2.mjs +112 -0
  140. package/es/uni-icon-input/src/uni-icon-input.vue2.mjs.map +1 -0
  141. package/es/uni-icon-input/style/index.css +1 -0
  142. package/es/uni-icon-input/style/index.scss +13 -0
  143. package/es/video-list-input/src/video-list-input.vue2.mjs.map +1 -1
  144. package/lib/animate-select/src/animate-select.vue2.js.map +1 -1
  145. package/lib/api/attachment.js.map +1 -1
  146. package/lib/attachment/src/attachment.vue2.js +1 -7
  147. package/lib/attachment/src/attachment.vue2.js.map +1 -1
  148. package/lib/audio-list-input/src/audio-list-input.vue2.js.map +1 -1
  149. package/lib/dialog/src/dialog.vue2.js +2 -4
  150. package/lib/dialog/src/dialog.vue2.js.map +1 -1
  151. package/lib/dialog/style/index.css +1 -1
  152. package/lib/dialog/style/index.scss +1 -1
  153. package/lib/file-input/src/file-input.vue2.js.map +1 -1
  154. package/lib/file-list-input/src/file-list-input.vue2.js.map +1 -1
  155. package/lib/form/index.d.ts +3 -15
  156. package/lib/form/src/form.vue.d.ts +2 -10
  157. package/lib/form/src/form.vue2.js +1 -0
  158. package/lib/form/src/form.vue2.js.map +1 -1
  159. package/lib/form/src/props.d.ts +1 -5
  160. package/lib/form/src/props.js +1 -5
  161. package/lib/form/src/props.js.map +1 -1
  162. package/lib/hot-area-input/src/component/hot-area-content.vue2.js.map +1 -1
  163. package/lib/hot-area-input/src/hot-area-input.vue2.js.map +1 -1
  164. package/lib/icon/src/icon.vue2.js.map +1 -1
  165. package/lib/icon-input/src/icon-content.vue2.js +1 -1
  166. package/lib/icon-input/src/icon-content.vue2.js.map +1 -1
  167. package/lib/image-list-input/src/image-list-input.vue2.js.map +1 -1
  168. package/lib/index.d.ts +2 -0
  169. package/lib/index.js +13 -3
  170. package/lib/index.js.map +1 -1
  171. package/lib/index.scss +2 -0
  172. package/lib/page-diy/src/components/DiyCloud.vue.js.map +1 -1
  173. package/lib/page-diy/src/components/DragTool.vue.js +1 -5
  174. package/lib/page-diy/src/components/DragTool.vue.js.map +1 -1
  175. package/lib/page-diy/src/components/PreviewPhone.vue2.js.map +1 -1
  176. package/lib/page-diy/src/components/forms/DkEventSelectInput.vue.js +9 -11
  177. package/lib/page-diy/src/components/forms/DkEventSelectInput.vue.js.map +1 -1
  178. package/lib/page-diy/src/config/base/dkSetting.js.map +1 -1
  179. package/lib/page-diy/src/config/rule/min/common/DkMinTitle.d.ts +1 -0
  180. package/lib/page-diy/src/config/rule/min/common/DkMinTitle.js +2 -1
  181. package/lib/page-diy/src/config/rule/min/common/DkMinTitle.js.map +1 -1
  182. package/lib/page-diy/src/config/rule/min/common/DkMinVideo.js +1 -3
  183. package/lib/page-diy/src/config/rule/min/common/DkMinVideo.js.map +1 -1
  184. package/lib/page-diy/src/config/rule/min/common/index.d.ts +2 -0
  185. package/lib/page-diy/src/config/rule/min/common/index.js +1 -8
  186. package/lib/page-diy/src/config/rule/min/common/index.js.map +1 -1
  187. package/lib/page-diy/src/config/rule/min/index.d.ts +2 -0
  188. package/lib/page-diy/src/config/rule/web/common/DkPosterBtn.js +1 -3
  189. package/lib/page-diy/src/config/rule/web/common/DkPosterBtn.js.map +1 -1
  190. package/lib/page-diy/src/config/rule/web/common/DkViewBulletChat.js.map +1 -1
  191. package/lib/page-diy/src/config/rule/web/common/DkViewVideo.js +3 -9
  192. package/lib/page-diy/src/config/rule/web/common/DkViewVideo.js.map +1 -1
  193. package/lib/page-diy/src/utils/eventData.js.map +1 -1
  194. package/lib/page-diy/src/views/min/DkMinHotArea.vue.js +5 -18
  195. package/lib/page-diy/src/views/min/DkMinHotArea.vue.js.map +1 -1
  196. package/lib/page-diy/src/views/min/DkMinSwiperImage.vue.js.map +1 -1
  197. package/lib/page-diy/src/views/min/DkMinTitle.vue.js.map +1 -1
  198. package/lib/page-diy/src/views/web/DkViewBulletChat.vue.js.map +1 -1
  199. package/lib/page-diy/src/views/web/DkViewCell.vue.js.map +1 -1
  200. package/lib/page-diy/src/views/web/DkViewCommonBtn.vue.js +1 -3
  201. package/lib/page-diy/src/views/web/DkViewCommonBtn.vue.js.map +1 -1
  202. package/lib/page-diy/src/views/web/DkViewGridCellList.vue.js.map +1 -1
  203. package/lib/page-diy/src/views/web/DkViewImage.vue.js.map +1 -1
  204. package/lib/page-diy/src/views/web/DkViewMusic.vue.js.map +1 -1
  205. package/lib/page-diy/src/views/web/DkViewNoticeBar.vue.js.map +1 -1
  206. package/lib/page-diy/src/views/web/DkViewSwipe.vue.js.map +1 -1
  207. package/lib/page-diy/src/views/web/DkViewTitle.vue.js.map +1 -1
  208. package/lib/poster-input/src/component/poster.vue2.js.map +1 -1
  209. package/lib/poster-input/src/component/views/DkPosterViewAvatar.vue2.js.map +1 -1
  210. package/lib/poster-input/src/component/views/DkPosterViewImage.vue2.js +1 -1
  211. package/lib/poster-input/src/component/views/DkPosterViewImage.vue2.js.map +1 -1
  212. package/lib/poster-input/src/component/views/DkPosterViewName.vue2.js.map +1 -1
  213. package/lib/poster-input/src/component/views/DkPosterViewQrcode.vue2.js.map +1 -1
  214. package/lib/poster-input/src/component/views/DkPosterViewText.vue2.js.map +1 -1
  215. package/lib/poster-input/src/component/views/quick-action.vue2.js.map +1 -1
  216. package/lib/poster-input/src/poster-input.vue2.js.map +1 -1
  217. package/lib/poster-input/style/index.scss +2 -4
  218. package/lib/select/src/select.vue2.js +1 -9
  219. package/lib/select/src/select.vue2.js.map +1 -1
  220. package/lib/style-animation-input/src/props.js.map +1 -1
  221. package/lib/style-animation-input/src/style-animation-input.vue2.js +1 -1
  222. package/lib/style-animation-input/src/style-animation-input.vue2.js.map +1 -1
  223. package/lib/style-font-input/src/style-font-input.vue2.js +1 -1
  224. package/lib/style-font-input/src/style-font-input.vue2.js.map +1 -1
  225. package/lib/style-number-input/src/style-number-input.vue2.js.map +1 -1
  226. package/lib/style-position-input/src/style-position-input.vue2.js +1 -4
  227. package/lib/style-position-input/src/style-position-input.vue2.js.map +1 -1
  228. package/lib/table/src/components/ComSearch.vue2.js.map +1 -1
  229. package/lib/table/src/components/FieldRender.vue2.js +1 -1
  230. package/lib/table/src/components/FieldRender.vue2.js.map +1 -1
  231. package/lib/table/src/components/RecycleDialog.vue2.js +1 -3
  232. package/lib/table/src/components/RecycleDialog.vue2.js.map +1 -1
  233. package/lib/table/src/components/header.vue2.js +3 -17
  234. package/lib/table/src/components/header.vue2.js.map +1 -1
  235. package/lib/table/src/props.js +1 -11
  236. package/lib/table/src/props.js.map +1 -1
  237. package/lib/table/src/table.vue2.js +3 -13
  238. package/lib/table/src/table.vue2.js.map +1 -1
  239. package/lib/table/utils/dkTable.js +8 -31
  240. package/lib/table/utils/dkTable.js.map +1 -1
  241. package/lib/table/utils/dkTableApi.js.map +1 -1
  242. package/lib/tiny-editor/src/tiny-editor.vue2.js +1 -1
  243. package/lib/tiny-editor/src/tiny-editor.vue2.js.map +1 -1
  244. package/lib/uni-icon/index.d.ts +174 -0
  245. package/lib/uni-icon/index.js +14 -0
  246. package/lib/uni-icon/index.js.map +1 -0
  247. package/lib/uni-icon/src/props.d.ts +24 -0
  248. package/lib/uni-icon/src/props.js +27 -0
  249. package/lib/uni-icon/src/props.js.map +1 -0
  250. package/lib/uni-icon/src/uni-icon.vue.d.ts +57 -0
  251. package/lib/uni-icon/src/uni-icon.vue.js +11 -0
  252. package/lib/uni-icon/src/uni-icon.vue.js.map +1 -0
  253. package/lib/uni-icon/src/uni-icon.vue2.js +47 -0
  254. package/lib/uni-icon/src/uni-icon.vue2.js.map +1 -0
  255. package/lib/uni-icon/style/index.css +1 -0
  256. package/lib/uni-icon/style/index.scss +17 -0
  257. package/lib/uni-icon/style/uniicons.css +1 -0
  258. package/lib/uni-icon/style/uniicons.scss +663 -0
  259. package/lib/uni-icon/style/uniicons_file_vue.d.ts +4 -0
  260. package/lib/uni-icon/style/uniicons_file_vue.js +651 -0
  261. package/lib/uni-icon/style/uniicons_file_vue.js.map +1 -0
  262. package/lib/uni-icon-input/index.d.ts +17 -0
  263. package/lib/uni-icon-input/index.js +14 -0
  264. package/lib/uni-icon-input/index.js.map +1 -0
  265. package/lib/uni-icon-input/src/props.d.ts +11 -0
  266. package/lib/uni-icon-input/src/props.js +13 -0
  267. package/lib/uni-icon-input/src/props.js.map +1 -0
  268. package/lib/uni-icon-input/src/uni-icon-input.vue.d.ts +16 -0
  269. package/lib/uni-icon-input/src/uni-icon-input.vue.js +11 -0
  270. package/lib/uni-icon-input/src/uni-icon-input.vue.js.map +1 -0
  271. package/lib/uni-icon-input/src/uni-icon-input.vue2.js +116 -0
  272. package/lib/uni-icon-input/src/uni-icon-input.vue2.js.map +1 -0
  273. package/lib/uni-icon-input/style/index.css +1 -0
  274. package/lib/uni-icon-input/style/index.scss +13 -0
  275. package/lib/video-list-input/src/video-list-input.vue2.js.map +1 -1
  276. package/package.json +4 -3
@@ -1 +1 @@
1
- {"version":3,"file":"form.vue2.js","sources":["../../../src/form/src/form.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n name: 'DkForm',\n});\n</script>\n<template>\n <DkDialog\n v-if=\"props.isDialog\"\n v-model=\"showDialog\"\n :title=\"_formData?.title ? _formData?.title : '表单'\"\n :width=\"dialogWidth\"\n :default-fullscreen=\"isFullscreen\"\n min-height=\"200px\"\n v-bind=\"dialogProps\"\n append-to-body\n >\n <div :style=\"dialogStyle\" class=\"dk-form\">\n <FormCreate\n v-model=\"value\"\n :option=\"formConfig\"\n :rule=\"_formData.rules\"\n :handle-icon=\"false\"\n class=\"formBox\"\n @update:api=\"fApi = $event\"\n @update:value=\"value = $event\"\n />\n <div :style=\"{ marginLeft: config.form.labelWidth }\" class=\"m-t-10px\">\n <slot name=\"buttons\">\n <el-button type=\"primary\" :loading=\"buttonLoading\" @click=\"checkForm\">\n 提交</el-button\n >\n </slot>\n </div>\n </div>\n </DkDialog>\n <div v-else>\n <div :style=\"{ minHeight }\" class=\"dk-form\">\n <FormCreate\n v-model=\"value\"\n :option=\"formConfig\"\n :rule=\"_formData.rules\"\n :handle-icon=\"false\"\n class=\"formBox\"\n @update:api=\"fApi = $event\"\n @update:value=\"value = $event\"\n />\n <div :style=\"{ marginLeft: config.form.labelWidth }\" class=\"m-t-10px\">\n <slot name=\"buttons\">\n <el-button type=\"primary\" :loading=\"buttonLoading\" @click=\"checkForm\">\n 提交</el-button\n >\n </slot>\n </div>\n </div>\n <!-- <div v-else :style=\"{ minHeight }\"></div>-->\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { createNamespace, isArray, isObject, request } from '@vipl520/utils'\nimport formCreate from '@form-create/element-ui'\nimport { formProps } from './props'\nimport { computed, onMounted, reactive, ref, watch } from 'vue'\nimport _config from './config'\nimport { ElButton, ElMessage } from 'element-plus'\nimport { useWindowSize } from '@vueuse/core'\n\nconst [_, bem] = createNamespace('form')\n\nformCreate.register({\n name: 'help',\n init({ value }, rule) {\n // 判断value是字符串还是数组,如果是字符串则转换为数组,如果是数组则不变\n if (!isArray(value)) {\n value = [value]\n }\n rule.suffix = {\n type: 'p',\n children: value,\n class: 'form-help',\n }\n },\n})\n\n\nconst FormCreate = formCreate.$form()\n\nconst props = defineProps(formProps)\n\nconst config = reactive(_config)\nconst fApi = ref()\nconst loading = ref(true)\nconst buttonLoading = ref(false)\n\nconst showDialog = ref(false)\nconst formConfig = computed(() => ({ ...config, ...props.extraConfig }))\nconst { width } = useWindowSize()\nconst value = ref(null)\nconst _formData = ref(props.formData || {})\n\nconst emit = defineEmits(['submit', 'fail', 'update:modelValue'])\nwatch(\n () => props.formData,\n () => {\n _formData.value = props.formData\n },\n {\n deep: true,\n }\n)\nwatch(\n () => value.value,\n (val) => {\n emit('update:modelValue', val || {})\n }\n)\n// 弹窗宽度\nconst dialogWidth = computed(() => {\n let defaultWidth = '800px'\n const config = _formData.value?.config || {}\n if (config?.width) {\n return config?.width\n }\n if (props.dialog?.width) {\n defaultWidth = props.dialog?.width\n }\n if (config?.defaultWidth) {\n defaultWidth = config?.defaultWidth\n }\n let minWidth = 768\n // 判断是否为百分比\n if (!defaultWidth.endsWith('%')) {\n minWidth = parseInt(defaultWidth)\n }\n return width.value < minWidth ? '100%' : defaultWidth\n})\n// 弹窗内样式\nconst dialogStyle = computed(() => {\n if (_formData.value?.config?.style) {\n return _formData.value?.config?.style\n }\n if (props.dialog?.style) {\n return props.dialog?.style\n }\n return {}\n})\n// const draggable = computed(() => {\n// let draggable = false\n// if (props.dialog?.draggable) {\n// draggable = props.dialog?.draggable\n// }\n// if (_formData.value?.config?.draggable !== undefined) {\n// draggable = _formData.value?.config?.draggable\n// }\n// return draggable\n// })\n// 是否全屏\nconst isFullscreen = computed(() => {\n let defaultFullscreen = false\n const autoFullscreen = _formData.value?.config?.autoFullscreen !== false\n if (props.dialog?.width) {\n defaultFullscreen = props.dialog?.fullscreen\n }\n if (_formData.value?.config?.fullscreen) {\n defaultFullscreen = _formData.value?.config?.fullscreen\n }\n\n if (width.value < 768 && autoFullscreen) {\n defaultFullscreen = true\n }\n\n return defaultFullscreen\n})\n\nconst dialogProps = computed(() => {\n return Object.assign(props.dialog, _formData.value?.config?.dialog)\n})\nconst setFormData = (formData: any) => {\n value.value = null\n _formData.value = formData\n}\n\nconst initFormData = (formUrl?: string | object) => {\n if (!formUrl) {\n formUrl = props.formUrl\n }\n\n if (props.formData) {\n loading.value = false\n } else if (formUrl) {\n let data: {}\n if (isObject(formUrl)) {\n data = formUrl\n } else {\n data = {\n url: formUrl,\n method: 'post',\n }\n }\n request(data)\n .then((res) => {\n _formData.value = res.data\n loading.value = false\n })\n .catch((res) => {\n loading.value = false\n })\n }\n}\n\nconst checkForm = () => {\n fApi.value\n .validate()\n .then(() => {\n fApi.value\n .submit((data: any) => {\n onSubmit(data)\n })\n .catch((fail: object) => {\n ElMessage.warning(Object.values(fail)[0][0].message)\n })\n })\n .catch((fail: object) => {\n ElMessage.warning(Object.values(fail)[0][0].message)\n })\n}\n\nconst onSubmit = (data: any) => {\n if (props.isLoading) {\n buttonLoading.value = true\n }\n if (props.isSubmit) {\n request({\n url: props.path + _formData.value.action,\n method: _formData.value.method,\n data: { formData: data },\n })\n .then((res) => {\n ElMessage.success(res.msg)\n emit('submit', data, res)\n buttonLoading.value = false\n })\n .catch((res) => {\n ElMessage.error(res.msg)\n emit('fail', data, res)\n buttonLoading.value = false\n })\n } else {\n emit('submit', data)\n buttonLoading.value = false\n }\n showDialog.value = false\n}\n\nconst show = () => {\n showDialog.value = true\n}\nonMounted(() => {\n initFormData()\n})\n// 导出\ndefineExpose({\n showDialog,\n buttonLoading,\n fApi,\n value,\n show,\n checkForm,\n onSubmit,\n initFormData,\n setFormData,\n})\n</script>\n"],"names":["__MACROS_defineComponent","createNamespace","value","isArray","config","reactive","_config","ref","computed","useWindowSize","watch","isObject","request","ElMessage","onMounted"],"mappings":"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"}
1
+ {"version":3,"file":"form.vue2.js","sources":["../../../src/form/src/form.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n name: 'DkForm',\n});\n</script>\n<template>\n <DkDialog\n v-if=\"props.isDialog\"\n v-model=\"showDialog\"\n :title=\"_formData?.title ? _formData?.title : '表单'\"\n :width=\"dialogWidth\"\n :default-fullscreen=\"isFullscreen\"\n min-height=\"200px\"\n v-bind=\"dialogProps\"\n append-to-body\n >\n <div :style=\"dialogStyle\" class=\"dk-form\">\n <FormCreate\n v-model=\"value\"\n :option=\"formConfig\"\n :rule=\"_formData.rules\"\n :handle-icon=\"false\"\n class=\"formBox\"\n @update:api=\"fApi = $event\"\n @update:value=\"value = $event\"\n />\n <div :style=\"{ marginLeft: config.form.labelWidth }\" class=\"m-t-10px\">\n <slot name=\"buttons\">\n <el-button type=\"primary\" :loading=\"buttonLoading\" @click=\"checkForm\"> 提交</el-button>\n </slot>\n </div>\n </div>\n </DkDialog>\n <div v-else>\n <div :style=\"{ minHeight }\" class=\"dk-form\">\n <FormCreate\n v-model=\"value\"\n :option=\"formConfig\"\n :rule=\"_formData.rules\"\n :handle-icon=\"false\"\n class=\"formBox\"\n @update:api=\"fApi = $event\"\n @update:value=\"value = $event\"\n />\n <div :style=\"{ marginLeft: config.form.labelWidth }\" class=\"m-t-10px\">\n <slot name=\"buttons\">\n <el-button type=\"primary\" :loading=\"buttonLoading\" @click=\"checkForm\"> 提交</el-button>\n </slot>\n </div>\n </div>\n <!-- <div v-else :style=\"{ minHeight }\"></div>-->\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { createNamespace, isArray, isObject, request } from '@vipl520/utils'\nimport formCreate from '@form-create/element-ui'\nimport { formProps } from './props'\nimport { computed, onMounted, reactive, ref, watch } from 'vue'\nimport _config from './config'\nimport { ElButton, ElMessage } from 'element-plus'\nimport { useWindowSize } from '@vueuse/core'\n\nconst [_, bem] = createNamespace('form')\n\nformCreate.register({\n name: 'help',\n init({ value }, rule) {\n // 判断value是字符串还是数组,如果是字符串则转换为数组,如果是数组则不变\n if (!isArray(value)) {\n value = [value]\n }\n rule.suffix = {\n type: 'p',\n children: value,\n class: 'form-help',\n }\n },\n})\n\n\nconst FormCreate = formCreate.$form()\n\nconst props = defineProps(formProps)\n\nconst config = reactive(_config)\nconst fApi = ref()\nconst loading = ref(true)\nconst buttonLoading = ref(false)\n\nconst showDialog = ref(false)\nconst formConfig = computed(() => ({ ...config, ...props.extraConfig }))\nconst { width } = useWindowSize()\nconst value = ref(null)\nconst _formData = ref(props.formData || {})\n\nconst emit = defineEmits(['submit', 'fail', 'update:modelValue'])\nwatch(\n () => props.formData,\n () => {\n _formData.value = props.formData\n },\n {\n deep: true,\n }\n)\nwatch(\n () => value.value,\n (val) => {\n emit('update:modelValue', val || {})\n }\n)\n// 弹窗宽度\nconst dialogWidth = computed(() => {\n let defaultWidth = '800px'\n const config = _formData.value?.config || {}\n console.log(config)\n if (config?.width) {\n return config?.width\n }\n if (props.dialog?.width) {\n defaultWidth = props.dialog?.width\n }\n if (config?.defaultWidth) {\n defaultWidth = config?.defaultWidth\n }\n let minWidth = 768\n // 判断是否为百分比\n if (!defaultWidth.endsWith('%')) {\n minWidth = parseInt(defaultWidth)\n }\n return width.value < minWidth ? '100%' : defaultWidth\n})\n// 弹窗内样式\nconst dialogStyle = computed(() => {\n if (_formData.value?.config?.style) {\n return _formData.value?.config?.style\n }\n if (props.dialog?.style) {\n return props.dialog?.style\n }\n return {}\n})\n// const draggable = computed(() => {\n// let draggable = false\n// if (props.dialog?.draggable) {\n// draggable = props.dialog?.draggable\n// }\n// if (_formData.value?.config?.draggable !== undefined) {\n// draggable = _formData.value?.config?.draggable\n// }\n// return draggable\n// })\n// 是否全屏\nconst isFullscreen = computed(() => {\n let defaultFullscreen = false\n const autoFullscreen = _formData.value?.config?.autoFullscreen !== false\n if (props.dialog?.width) {\n defaultFullscreen = props.dialog?.fullscreen\n }\n if (_formData.value?.config?.fullscreen) {\n defaultFullscreen = _formData.value?.config?.fullscreen\n }\n\n if (width.value < 768 && autoFullscreen) {\n defaultFullscreen = true\n }\n\n return defaultFullscreen\n})\n\nconst dialogProps = computed(() => {\n return Object.assign(props.dialog, _formData.value?.config?.dialog)\n})\nconst setFormData = (formData: any) => {\n value.value = null\n _formData.value = formData\n}\n\nconst initFormData = (formUrl?: string | object) => {\n if (!formUrl) {\n formUrl = props.formUrl\n }\n\n if (props.formData) {\n loading.value = false\n } else if (formUrl) {\n let data: {}\n if (isObject(formUrl)) {\n data = formUrl\n } else {\n data = {\n url: formUrl,\n method: 'post',\n }\n }\n request(data)\n .then((res) => {\n _formData.value = res.data\n loading.value = false\n })\n .catch((res) => {\n loading.value = false\n })\n }\n}\n\nconst checkForm = () => {\n fApi.value\n .validate()\n .then(() => {\n fApi.value\n .submit((data: any) => {\n onSubmit(data)\n })\n .catch((fail: object) => {\n ElMessage.warning(Object.values(fail)[0][0].message)\n })\n })\n .catch((fail: object) => {\n ElMessage.warning(Object.values(fail)[0][0].message)\n })\n}\n\nconst onSubmit = (data: any) => {\n if (props.isLoading) {\n buttonLoading.value = true\n }\n if (props.isSubmit) {\n request({\n url: props.path + _formData.value.action,\n method: _formData.value.method,\n data: { formData: data },\n })\n .then((res) => {\n ElMessage.success(res.msg)\n emit('submit', data, res)\n buttonLoading.value = false\n })\n .catch((res) => {\n ElMessage.error(res.msg)\n emit('fail', data, res)\n buttonLoading.value = false\n })\n } else {\n emit('submit', data)\n buttonLoading.value = false\n }\n showDialog.value = false\n}\n\nconst show = () => {\n showDialog.value = true\n}\nonMounted(() => {\n initFormData()\n})\n// 导出\ndefineExpose({\n showDialog,\n buttonLoading,\n fApi,\n value,\n show,\n checkForm,\n onSubmit,\n initFormData,\n setFormData,\n})\n</script>\n"],"names":["__MACROS_defineComponent","createNamespace","value","isArray","config","reactive","_config","ref","computed","useWindowSize","watch","isObject","request","ElMessage","onMounted"],"mappings":"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"}
@@ -37,11 +37,7 @@ export declare const formProps: {
37
37
  type: BooleanConstructor;
38
38
  };
39
39
  dialog: {
40
- default: () => {
41
- width: string;
42
- fullscreen: boolean;
43
- draggable: boolean;
44
- };
40
+ default: () => {};
45
41
  type: ObjectConstructor;
46
42
  };
47
43
  };
@@ -27,11 +27,7 @@ const formProps = {
27
27
  // 弹窗配置
28
28
  dialog: {
29
29
  default: () => {
30
- return {
31
- width: "800px",
32
- fullscreen: false,
33
- draggable: false
34
- };
30
+ return {};
35
31
  },
36
32
  type: Object
37
33
  }
@@ -1 +1 @@
1
- {"version":3,"file":"props.js","sources":["../../../src/form/src/props.ts"],"sourcesContent":["import type { ExtractPropTypes } from 'vue'\n\nexport const formProps = {\n // 表单数据\n formData: { type: Object, default: null },\n // 是否提交\n isSubmit: { type: Boolean, default: true },\n // 表单配置\n extraConfig: {\n default: () => {\n return {}\n },\n type: Object,\n },\n // 表单路径\n path: { default: '', type: String },\n // 表单接口\n formUrl: { default: '', type: [String, Object] },\n // 显示加载\n isLoading: { default: true, type: Boolean },\n // 默认高度\n minHeight: { default: '100px', type: String },\n // 是否为弹窗\n isDialog: { default: false, type: Boolean },\n // 弹窗显示后获取formData\n dialogWait: { default: true, type: Boolean },\n // 弹窗配置\n dialog: {\n default: () => {\n return {\n width: '800px',\n fullscreen: false,\n draggable: false,\n }\n },\n type: Object,\n },\n}\n\nexport type FormProps = ExtractPropTypes<typeof formProps>\n"],"names":[],"mappings":";;AAEO,MAAM,SAAY,GAAA;AAAA;AAAA,EAEvB,QAAU,EAAA,EAAE,IAAM,EAAA,MAAA,EAAQ,SAAS,IAAK,EAAA;AAAA;AAAA,EAExC,QAAU,EAAA,EAAE,IAAM,EAAA,OAAA,EAAS,SAAS,IAAK,EAAA;AAAA;AAAA,EAEzC,WAAa,EAAA;AAAA,IACX,SAAS,MAAM;AACb,MAAA,OAAO,EAAC,CAAA;AAAA,KACV;AAAA,IACA,IAAM,EAAA,MAAA;AAAA,GACR;AAAA;AAAA,EAEA,IAAM,EAAA,EAAE,OAAS,EAAA,EAAA,EAAI,MAAM,MAAO,EAAA;AAAA;AAAA,EAElC,OAAA,EAAS,EAAE,OAAS,EAAA,EAAA,EAAI,MAAM,CAAC,MAAA,EAAQ,MAAM,CAAE,EAAA;AAAA;AAAA,EAE/C,SAAW,EAAA,EAAE,OAAS,EAAA,IAAA,EAAM,MAAM,OAAQ,EAAA;AAAA;AAAA,EAE1C,SAAW,EAAA,EAAE,OAAS,EAAA,OAAA,EAAS,MAAM,MAAO,EAAA;AAAA;AAAA,EAE5C,QAAU,EAAA,EAAE,OAAS,EAAA,KAAA,EAAO,MAAM,OAAQ,EAAA;AAAA;AAAA,EAE1C,UAAY,EAAA,EAAE,OAAS,EAAA,IAAA,EAAM,MAAM,OAAQ,EAAA;AAAA;AAAA,EAE3C,MAAQ,EAAA;AAAA,IACN,SAAS,MAAM;AACb,MAAO,OAAA;AAAA,QACL,KAAO,EAAA,OAAA;AAAA,QACP,UAAY,EAAA,KAAA;AAAA,QACZ,SAAW,EAAA,KAAA;AAAA,OACb,CAAA;AAAA,KACF;AAAA,IACA,IAAM,EAAA,MAAA;AAAA,GACR;AACF;;;;"}
1
+ {"version":3,"file":"props.js","sources":["../../../src/form/src/props.ts"],"sourcesContent":["import type { ExtractPropTypes } from 'vue'\n\nexport const formProps = {\n // 表单数据\n formData: { type: Object, default: null },\n // 是否提交\n isSubmit: { type: Boolean, default: true },\n // 表单配置\n extraConfig: {\n default: () => {\n return {}\n },\n type: Object,\n },\n // 表单路径\n path: { default: '', type: String },\n // 表单接口\n formUrl: { default: '', type: [String, Object] },\n // 显示加载\n isLoading: { default: true, type: Boolean },\n // 默认高度\n minHeight: { default: '100px', type: String },\n // 是否为弹窗\n isDialog: { default: false, type: Boolean },\n // 弹窗显示后获取formData\n dialogWait: { default: true, type: Boolean },\n // 弹窗配置\n dialog: {\n default: () => {\n return {}\n },\n type: Object,\n },\n}\n\nexport type FormProps = ExtractPropTypes<typeof formProps>\n"],"names":[],"mappings":";;AAEO,MAAM,SAAY,GAAA;AAAA;AAAA,EAEvB,QAAU,EAAA,EAAE,IAAM,EAAA,MAAA,EAAQ,SAAS,IAAK,EAAA;AAAA;AAAA,EAExC,QAAU,EAAA,EAAE,IAAM,EAAA,OAAA,EAAS,SAAS,IAAK,EAAA;AAAA;AAAA,EAEzC,WAAa,EAAA;AAAA,IACX,SAAS,MAAM;AACb,MAAA,OAAO,EAAC,CAAA;AAAA,KACV;AAAA,IACA,IAAM,EAAA,MAAA;AAAA,GACR;AAAA;AAAA,EAEA,IAAM,EAAA,EAAE,OAAS,EAAA,EAAA,EAAI,MAAM,MAAO,EAAA;AAAA;AAAA,EAElC,OAAA,EAAS,EAAE,OAAS,EAAA,EAAA,EAAI,MAAM,CAAC,MAAA,EAAQ,MAAM,CAAE,EAAA;AAAA;AAAA,EAE/C,SAAW,EAAA,EAAE,OAAS,EAAA,IAAA,EAAM,MAAM,OAAQ,EAAA;AAAA;AAAA,EAE1C,SAAW,EAAA,EAAE,OAAS,EAAA,OAAA,EAAS,MAAM,MAAO,EAAA;AAAA;AAAA,EAE5C,QAAU,EAAA,EAAE,OAAS,EAAA,KAAA,EAAO,MAAM,OAAQ,EAAA;AAAA;AAAA,EAE1C,UAAY,EAAA,EAAE,OAAS,EAAA,IAAA,EAAM,MAAM,OAAQ,EAAA;AAAA;AAAA,EAE3C,MAAQ,EAAA;AAAA,IACN,SAAS,MAAM;AACb,MAAA,OAAO,EAAC,CAAA;AAAA,KACV;AAAA,IACA,IAAM,EAAA,MAAA;AAAA,GACR;AACF;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"hot-area-content.vue2.js","sources":["../../../../src/hot-area-input/src/component/hot-area-content.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n name: 'HotAreaContent',\n});\n</script>\n<template>\n <div class=\"hot-area-content\">\n <div class=\"hot-area-draggable\">\n <div\n v-if=\"hotData.background\"\n :style=\"{\n width: hotData.width + 'px',\n height: hotData.height + 'px',\n backgroundImage: 'url(' + hotData.background + ')',\n }\"\n style=\"background-size: 100% 100%\"\n @contextmenu.prevent\n >\n <vue3-draggable-resizable\n v-for=\"(item, key) in hotData.views\"\n :key=\"key\"\n ref=\"draggables\"\n v-model:h=\"item.css.height\"\n v-model:x=\"item.css.left\"\n v-model:y=\"item.css.top\"\n v-model:w=\"item.css.width\"\n :init-w=\"item.css.width\"\n :init-h=\"item.css.height\"\n :parent=\"true\"\n style=\"cursor: move\"\n :min-width=\"20\"\n :min-height=\"20\"\n @resizing=\"onResize\"\n @dragging=\"onDrag\"\n @mousedown=\"index = key\"\n >\n <div\n class=\"hot-item-content\"\n style=\"\n position: relative;\n width: 100%;\n height: 100%;\n background: #0003;\n \"\n >\n {{ key + 1 }}\n </div>\n </vue3-draggable-resizable>\n </div>\n <div v-else style=\"width: 500px; height: 500px\">\n <el-empty description=\"请上传图片\"></el-empty>\n </div>\n </div>\n <div class=\"hot-area-form\">\n <h3 style=\"margin-top: 0; font-size: 16px; font-weight: 500\">热区管理</h3>\n <el-form label-width=\"80px\" label-position=\"left\">\n <el-form-item label=\"背景图 \">\n <dk-image-input v-model=\"hotData.background\" />\n </el-form-item>\n <el-form-item\n v-for=\"(item, key) in hotData.views\"\n :key=\"key\"\n :label=\"'热区' + (key + 1)\"\n >\n <el-input v-model=\"hotData.views[key].url\" placeholder=\"填写跳转地址\">\n <template #append>\n <el-button @click=\"delView(key)\">删除</el-button>\n </template>\n </el-input>\n </el-form-item>\n </el-form>\n <el-button\n :disabled=\"!hotData.background\"\n type=\"primary\"\n @click=\"addView()\"\n >{{ hotData.background ? '添加热区' : '请先上传图片' }}</el-button\n >\n </div>\n </div>\n</template>\n<script setup lang=\"ts\">\n// import Vue3DraggableResizable, { DraggableContainer } from 'vue3-draggable-resizable'\nimport { reactive, ref, watch, onMounted } from 'vue'\n\n\nconst props = defineProps({\n hotDataValue: {\n default: () => {\n return {\n views: [],\n width: 400,\n height: 400,\n background: null,\n }\n },\n type: Object,\n },\n})\nconst index = ref(0)\nconst hotData = reactive(props.hotDataValue)\nconst addView = () => {\n // 这里hotData可以能没有views,如果没有就添加上views\n if (!Array.isArray(hotData.views)) {\n hotData.views = []\n }\n hotData.views.push({\n css: {\n left: 0,\n top: 0,\n width: 80,\n height: 80,\n borderRadius: 0,\n borderColor: '#fff',\n },\n url: '',\n })\n}\n\nconst delView = (indexToDelete: any) => {\n if (indexToDelete >= 0 && indexToDelete < hotData.views.length) {\n hotData.views.splice(indexToDelete, 1)\n }\n}\n\nconst onDrag = (p: any) => {\n const css = hotData.views[index.value].css\n css.left = p.x\n css.top = p.y\n}\nconst onResize = (p: any) => {\n const css = hotData.views[index.value].css\n css.left = p.x\n css.top = p.y\n css.width = p.w\n css.height = p.h\n}\n\nonMounted(() => {\n resetSize()\n})\n\nwatch(\n () => hotData?.background,\n () => {\n resetSize()\n }\n)\n\nconst resetSize = () => {\n if (hotData.background) {\n getImageSize(hotData.background)\n .then((image: any) => {\n hotData.width = 500\n hotData.height = (image.height * 500) / image.width\n setTimeout(() => {\n // checkParentSize()\n }, 200)\n })\n .catch(() => {})\n }\n}\n\nconst getImageSize = (url: any) => {\n return new Promise(function (resolve, reject) {\n const image = new Image()\n image.onload = function () {\n resolve({\n width: image.width,\n height: image.height,\n })\n }\n image.onerror = function () {\n reject(new Error('error'))\n }\n image.src = url\n })\n}\n</script>\n"],"names":["__MACROS_defineComponent","ref","reactive","onMounted","watch"],"mappings":"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"}
1
+ {"version":3,"file":"hot-area-content.vue2.js","sources":["../../../../src/hot-area-input/src/component/hot-area-content.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n name: 'HotAreaContent',\n});\n</script>\n<template>\n <div class=\"hot-area-content\">\n <div class=\"hot-area-draggable\">\n <div\n v-if=\"hotData.background\"\n :style=\"{\n width: hotData.width + 'px',\n height: hotData.height + 'px',\n backgroundImage: 'url(' + hotData.background + ')',\n }\"\n style=\"background-size: 100% 100%\"\n @contextmenu.prevent\n >\n <vue3-draggable-resizable\n v-for=\"(item, key) in hotData.views\"\n :key=\"key\"\n ref=\"draggables\"\n v-model:h=\"item.css.height\"\n v-model:x=\"item.css.left\"\n v-model:y=\"item.css.top\"\n v-model:w=\"item.css.width\"\n :init-w=\"item.css.width\"\n :init-h=\"item.css.height\"\n :parent=\"true\"\n style=\"cursor: move\"\n :min-width=\"20\"\n :min-height=\"20\"\n @resizing=\"onResize\"\n @dragging=\"onDrag\"\n @mousedown=\"index = key\"\n >\n <div class=\"hot-item-content\" style=\"position: relative; width: 100%; height: 100%; background: #0003\">\n {{ key + 1 }}\n </div>\n </vue3-draggable-resizable>\n </div>\n <div v-else style=\"width: 500px; height: 500px\">\n <el-empty description=\"请上传图片\"></el-empty>\n </div>\n </div>\n <div class=\"hot-area-form\">\n <h3 style=\"margin-top: 0; font-size: 16px; font-weight: 500\">热区管理</h3>\n <el-form label-width=\"80px\" label-position=\"left\">\n <el-form-item label=\"背景图 \">\n <dk-image-input v-model=\"hotData.background\" />\n </el-form-item>\n <el-form-item v-for=\"(item, key) in hotData.views\" :key=\"key\" :label=\"'热区' + (key + 1)\">\n <el-input v-model=\"hotData.views[key].url\" placeholder=\"填写跳转地址\">\n <template #append>\n <el-button @click=\"delView(key)\">删除</el-button>\n </template>\n </el-input>\n </el-form-item>\n </el-form>\n <el-button :disabled=\"!hotData.background\" type=\"primary\" @click=\"addView()\">{{\n hotData.background ? '添加热区' : '请先上传图片'\n }}</el-button>\n </div>\n </div>\n</template>\n<script setup lang=\"ts\">\n// import Vue3DraggableResizable, { DraggableContainer } from 'vue3-draggable-resizable'\nimport { reactive, ref, watch, onMounted } from 'vue'\n\n\nconst props = defineProps({\n hotDataValue: {\n default: () => {\n return {\n views: [],\n width: 400,\n height: 400,\n background: null,\n }\n },\n type: Object,\n },\n})\nconst index = ref(0)\nconst hotData = reactive(props.hotDataValue)\nconst addView = () => {\n // 这里hotData可以能没有views,如果没有就添加上views\n if (!Array.isArray(hotData.views)) {\n hotData.views = []\n }\n hotData.views.push({\n css: {\n left: 0,\n top: 0,\n width: 80,\n height: 80,\n borderRadius: 0,\n borderColor: '#fff',\n },\n url: '',\n })\n}\n\nconst delView = (indexToDelete: any) => {\n if (indexToDelete >= 0 && indexToDelete < hotData.views.length) {\n hotData.views.splice(indexToDelete, 1)\n }\n}\n\nconst onDrag = (p: any) => {\n const css = hotData.views[index.value].css\n css.left = p.x\n css.top = p.y\n}\nconst onResize = (p: any) => {\n const css = hotData.views[index.value].css\n css.left = p.x\n css.top = p.y\n css.width = p.w\n css.height = p.h\n}\n\nonMounted(() => {\n resetSize()\n})\n\nwatch(\n () => hotData?.background,\n () => {\n resetSize()\n }\n)\n\nconst resetSize = () => {\n if (hotData.background) {\n getImageSize(hotData.background)\n .then((image: any) => {\n hotData.width = 500\n hotData.height = (image.height * 500) / image.width\n setTimeout(() => {\n // checkParentSize()\n }, 200)\n })\n .catch(() => {})\n }\n}\n\nconst getImageSize = (url: any) => {\n return new Promise(function (resolve, reject) {\n const image = new Image()\n image.onload = function () {\n resolve({\n width: image.width,\n height: image.height,\n })\n }\n image.onerror = function () {\n reject(new Error('error'))\n }\n image.src = url\n })\n}\n</script>\n"],"names":["__MACROS_defineComponent","ref","reactive","onMounted","watch"],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"hot-area-input.vue2.js","sources":["../../../src/hot-area-input/src/hot-area-input.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n name: 'DkHotAreaInput',\n});\n</script>\n<template>\n <div class=\"dk-hot-area-input\">\n <el-button type=\"primary\" @click=\"dialog = true\">设置热区</el-button>\n <dk-dialog v-model=\"dialog\" width=\"1000px\" title=\"设置热区\">\n <hot-area-content :hot-data-value=\"input\"></hot-area-content>\n <template #footer>\n <div class=\"text-center\">\n <el-button\n size=\"default\"\n style=\"width: 200px\"\n type=\"primary\"\n @click=\"dialog = false\"\n >确定</el-button\n >\n </div>\n </template>\n </dk-dialog>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { hotAreaInputProps } from './props'\nimport { ref, reactive } from 'vue'\nimport HotAreaContent from './component/hot-area-content.vue'\n\n\nconst props = defineProps(hotAreaInputProps)\nconst input = reactive(props.modelValue)\nconst dialog = ref(false)\n</script>\n"],"names":["__MACROS_defineComponent","reactive","ref"],"mappings":";;;;;;;;;;AAEA,MAA6B,cAAAA,mBAAyB,CAAA;AAAA,EACpD,IAAM,EAAA,gBAAA;AACR,CAAC,CAAA,CAAA;;;;;;AA6BD,IAAM,MAAA,KAAA,GAAQC,YAAS,CAAA,KAAA,CAAM,UAAU,CAAA,CAAA;AACvC,IAAM,MAAA,MAAA,GAASC,QAAI,KAAK,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"hot-area-input.vue2.js","sources":["../../../src/hot-area-input/src/hot-area-input.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n name: 'DkHotAreaInput',\n});\n</script>\n<template>\n <div class=\"dk-hot-area-input\">\n <el-button type=\"primary\" @click=\"dialog = true\">设置热区</el-button>\n <dk-dialog v-model=\"dialog\" width=\"1000px\" title=\"设置热区\">\n <hot-area-content :hot-data-value=\"input\"></hot-area-content>\n <template #footer>\n <div class=\"text-center\">\n <el-button size=\"default\" style=\"width: 200px\" type=\"primary\" @click=\"dialog = false\">确定</el-button>\n </div>\n </template>\n </dk-dialog>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { hotAreaInputProps } from './props'\nimport { ref, reactive } from 'vue'\nimport HotAreaContent from './component/hot-area-content.vue'\n\n\nconst props = defineProps(hotAreaInputProps)\nconst input = reactive(props.modelValue)\nconst dialog = ref(false)\n</script>\n"],"names":["__MACROS_defineComponent","reactive","ref"],"mappings":";;;;;;;;;;AAEA,MAA6B,cAAAA,mBAAyB,CAAA;AAAA,EACpD,IAAM,EAAA,gBAAA;AACR,CAAC,CAAA,CAAA;;;;;;AAuBD,IAAM,MAAA,KAAA,GAAQC,YAAS,CAAA,KAAA,CAAM,UAAU,CAAA,CAAA;AACvC,IAAM,MAAA,MAAA,GAASC,QAAI,KAAK,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"icon.vue2.js","sources":["../../../src/icon/src/icon.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n name: 'DkIcon',\n});\n</script>\n<template>\n <el-icon :class=\"bem()\" :style=\"getIconifyStyle\">\n <slot>\n <Icon v-if=\"iconType === 'cloud'\" :icon=\"props.icon\" />\n <component :is=\"props.icon\" v-if=\"iconType === 'el'\" />\n <van-icon\n v-if=\"iconType === 'vant'\"\n :class=\"bem()\"\n :name=\"props.icon\"\n :style=\"getIconifyStyle\"\n ></van-icon>\n </slot>\n </el-icon>\n</template>\n\n<script lang=\"ts\" setup>\nimport { Icon } from '@iconify/vue'\nimport { computed } from 'vue'\nimport { createNamespace } from '@vipl520/utils'\nimport { iconProps } from './props'\nimport * as ElementPlusIconsVue from '@element-plus/icons-vue'\nimport icons from '@vant/icons'\n\nconst [_, bem] = createNamespace('icon')\n\n\nconst props = defineProps(iconProps)\n// 获取element-plus所有图标\nconst elIcons = Object.keys(ElementPlusIconsVue).map((key) => {\n return key\n})\nconst getIconifyStyle = computed(() => {\n const { color, size, hoverColor } = props\n const style: any = {}\n if (color) style.color = color\n if (size) style.fontSize = `${size}px`\n if (hoverColor) style['--hover-color'] = hoverColor\n return style\n})\n\nconst iconType = computed(() => {\n let type = 'cloud'\n if (elIcons.includes(props.icon) && props.showEl) {\n type = 'el'\n }\n if (props.showVant) {\n // 这里类型有些问题\n if (icons.basic.includes(props.icon)) {\n type = 'vant'\n }\n if (icons.outline.includes(props.icon)) {\n type = 'vant'\n }\n if (icons.filled.includes(props.icon)) {\n type = 'vant'\n }\n }\n return type\n})\n</script>\n"],"names":["__MACROS_defineComponent","createNamespace","ElementPlusIconsVue","computed"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,MAA6B,cAAAA,mBAAyB,CAAA;AAAA,EACpD,IAAM,EAAA,QAAA;AACR,CAAC,CAAA,CAAA;;;;;;AAyBD,IAAA,MAAM,CAAC,CAAA,EAAG,GAAG,CAAA,GAAIC,sBAAgB,MAAM,CAAA,CAAA;AAKvC,IAAA,MAAM,UAAU,MAAO,CAAA,IAAA,CAAKC,8BAAmB,CAAE,CAAA,GAAA,CAAI,CAAC,GAAQ,KAAA;AAC5D,MAAO,OAAA,GAAA,CAAA;AAAA,KACR,CAAA,CAAA;AACD,IAAM,MAAA,eAAA,GAAkBC,aAAS,MAAM;AACrC,MAAA,MAAM,EAAE,KAAA,EAAO,IAAM,EAAA,UAAA,EAAe,GAAA,KAAA,CAAA;AACpC,MAAA,MAAM,QAAa,EAAC,CAAA;AACpB,MAAI,IAAA,KAAA;AAAO,QAAA,KAAA,CAAM,KAAQ,GAAA,KAAA,CAAA;AACzB,MAAI,IAAA,IAAA;AAAM,QAAM,KAAA,CAAA,QAAA,GAAW,GAAG,IAAI,CAAA,EAAA,CAAA,CAAA;AAClC,MAAI,IAAA,UAAA;AAAY,QAAA,KAAA,CAAM,eAAe,CAAI,GAAA,UAAA,CAAA;AACzC,MAAO,OAAA,KAAA,CAAA;AAAA,KACR,CAAA,CAAA;AAED,IAAM,MAAA,QAAA,GAAWA,aAAS,MAAM;AAC9B,MAAA,IAAI,IAAO,GAAA,OAAA,CAAA;AACX,MAAA,IAAI,QAAQ,QAAS,CAAA,KAAA,CAAM,IAAI,CAAA,IAAK,MAAM,MAAQ,EAAA;AAChD,QAAO,IAAA,GAAA,IAAA,CAAA;AAAA,OACT;AACA,MAAA,IAAI,MAAM,QAAU,EAAA;AAElB,QAAA,IAAI,KAAM,CAAA,KAAA,CAAM,QAAS,CAAA,KAAA,CAAM,IAAI,CAAG,EAAA;AACpC,UAAO,IAAA,GAAA,MAAA,CAAA;AAAA,SACT;AACA,QAAA,IAAI,KAAM,CAAA,OAAA,CAAQ,QAAS,CAAA,KAAA,CAAM,IAAI,CAAG,EAAA;AACtC,UAAO,IAAA,GAAA,MAAA,CAAA;AAAA,SACT;AACA,QAAA,IAAI,KAAM,CAAA,MAAA,CAAO,QAAS,CAAA,KAAA,CAAM,IAAI,CAAG,EAAA;AACrC,UAAO,IAAA,GAAA,MAAA,CAAA;AAAA,SACT;AAAA,OACF;AACA,MAAO,OAAA,IAAA,CAAA;AAAA,KACR,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"icon.vue2.js","sources":["../../../src/icon/src/icon.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n name: 'DkIcon',\n});\n</script>\n<template>\n <el-icon :class=\"bem()\" :style=\"getIconifyStyle\">\n <slot>\n <Icon v-if=\"iconType === 'cloud'\" :icon=\"props.icon\" />\n <component :is=\"props.icon\" v-if=\"iconType === 'el'\" />\n <van-icon v-if=\"iconType === 'vant'\" :class=\"bem()\" :name=\"props.icon\" :style=\"getIconifyStyle\"></van-icon>\n </slot>\n </el-icon>\n</template>\n\n<script lang=\"ts\" setup>\nimport { Icon } from '@iconify/vue'\nimport { computed } from 'vue'\nimport { createNamespace } from '@vipl520/utils'\nimport { iconProps } from './props'\nimport * as ElementPlusIconsVue from '@element-plus/icons-vue'\nimport icons from '@vant/icons'\n\nconst [_, bem] = createNamespace('icon')\n\n\nconst props = defineProps(iconProps)\n// 获取element-plus所有图标\nconst elIcons = Object.keys(ElementPlusIconsVue).map((key) => {\n return key\n})\nconst getIconifyStyle = computed(() => {\n const { color, size, hoverColor } = props\n const style: any = {}\n if (color) style.color = color\n if (size) style.fontSize = `${size}px`\n if (hoverColor) style['--hover-color'] = hoverColor\n return style\n})\n\nconst iconType = computed(() => {\n let type = 'cloud'\n if (elIcons.includes(props.icon) && props.showEl) {\n type = 'el'\n }\n if (props.showVant) {\n // 这里类型有些问题\n if (icons.basic.includes(props.icon)) {\n type = 'vant'\n }\n if (icons.outline.includes(props.icon)) {\n type = 'vant'\n }\n if (icons.filled.includes(props.icon)) {\n type = 'vant'\n }\n }\n return type\n})\n</script>\n"],"names":["__MACROS_defineComponent","createNamespace","ElementPlusIconsVue","computed"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,MAA6B,cAAAA,mBAAyB,CAAA;AAAA,EACpD,IAAM,EAAA,QAAA;AACR,CAAC,CAAA,CAAA;;;;;;AAoBD,IAAA,MAAM,CAAC,CAAA,EAAG,GAAG,CAAA,GAAIC,sBAAgB,MAAM,CAAA,CAAA;AAKvC,IAAA,MAAM,UAAU,MAAO,CAAA,IAAA,CAAKC,8BAAmB,CAAE,CAAA,GAAA,CAAI,CAAC,GAAQ,KAAA;AAC5D,MAAO,OAAA,GAAA,CAAA;AAAA,KACR,CAAA,CAAA;AACD,IAAM,MAAA,eAAA,GAAkBC,aAAS,MAAM;AACrC,MAAA,MAAM,EAAE,KAAA,EAAO,IAAM,EAAA,UAAA,EAAe,GAAA,KAAA,CAAA;AACpC,MAAA,MAAM,QAAa,EAAC,CAAA;AACpB,MAAI,IAAA,KAAA;AAAO,QAAA,KAAA,CAAM,KAAQ,GAAA,KAAA,CAAA;AACzB,MAAI,IAAA,IAAA;AAAM,QAAM,KAAA,CAAA,QAAA,GAAW,GAAG,IAAI,CAAA,EAAA,CAAA,CAAA;AAClC,MAAI,IAAA,UAAA;AAAY,QAAA,KAAA,CAAM,eAAe,CAAI,GAAA,UAAA,CAAA;AACzC,MAAO,OAAA,KAAA,CAAA;AAAA,KACR,CAAA,CAAA;AAED,IAAM,MAAA,QAAA,GAAWA,aAAS,MAAM;AAC9B,MAAA,IAAI,IAAO,GAAA,OAAA,CAAA;AACX,MAAA,IAAI,QAAQ,QAAS,CAAA,KAAA,CAAM,IAAI,CAAA,IAAK,MAAM,MAAQ,EAAA;AAChD,QAAO,IAAA,GAAA,IAAA,CAAA;AAAA,OACT;AACA,MAAA,IAAI,MAAM,QAAU,EAAA;AAElB,QAAA,IAAI,KAAM,CAAA,KAAA,CAAM,QAAS,CAAA,KAAA,CAAM,IAAI,CAAG,EAAA;AACpC,UAAO,IAAA,GAAA,MAAA,CAAA;AAAA,SACT;AACA,QAAA,IAAI,KAAM,CAAA,OAAA,CAAQ,QAAS,CAAA,KAAA,CAAM,IAAI,CAAG,EAAA;AACtC,UAAO,IAAA,GAAA,MAAA,CAAA;AAAA,SACT;AACA,QAAA,IAAI,KAAM,CAAA,MAAA,CAAO,QAAS,CAAA,KAAA,CAAM,IAAI,CAAG,EAAA;AACrC,UAAO,IAAA,GAAA,MAAA,CAAA;AAAA,SACT;AAAA,OACF;AACA,MAAO,OAAA,IAAA,CAAA;AAAA,KACR,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -232,7 +232,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
232
232
  128
233
233
  /* KEYED_FRAGMENT */
234
234
  )),
235
- !searchIcon.value ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_2, " \u5F53\u524D\u663E\u793A\u5DF2\u7F13\u5B58\u7684\u56FE\u6807 ")) : vue.createCommentVNode("v-if", true)
235
+ !searchIcon.value ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_2, "\u5F53\u524D\u663E\u793A\u5DF2\u7F13\u5B58\u7684\u56FE\u6807")) : vue.createCommentVNode("v-if", true)
236
236
  ],
237
237
  64
238
238
  /* STABLE_FRAGMENT */
@@ -1 +1 @@
1
- {"version":3,"file":"icon-content.vue2.js","sources":["../../../src/icon-input/src/icon-content.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n name: 'DkIconContent',\n});\n</script>\n<template>\n <div class=\"dk-icon-content\">\n <el-tabs v-model=\"activeName\">\n <el-tab-pane\n v-if=\"props.showTab.el\"\n label=\"element图标\"\n name=\"element\"\n class=\"dk-tab-pane\"\n >\n <dk-icon\n v-for=\"(item, key) in _elIcons\"\n :key=\"key\"\n :size=\"36\"\n :color=\"item == chooseIcon ? 'var(--el-color-primary)' : ''\"\n :class=\"item == chooseIcon ? 'choose-icon' : 'dk-icon'\"\n class=\"cursor-pointer\"\n hover-color=\"var(--el-color-primary)\"\n @click=\"onChooseIcon(item)\"\n >\n <component :is=\"item\" />\n </dk-icon>\n </el-tab-pane>\n <el-tab-pane\n v-if=\"props.showTab.vant\"\n label=\"vant图标\"\n name=\"vant\"\n class=\"dk-tab-pane\"\n >\n <dk-icon\n v-for=\"(item, key) in _vantIcons\"\n :key=\"key\"\n :size=\"36\"\n :color=\"item == chooseIcon ? '#409eff' : ''\"\n :class=\"item == chooseIcon ? 'choose-icon' : 'dk-icon'\"\n class=\"cursor-pointer\"\n hover-color=\"var(--el-color-primary)\"\n :icon=\"item\"\n @click=\"onChooseIcon(item)\"\n >\n </dk-icon>\n </el-tab-pane>\n <el-tab-pane\n v-if=\"props.showTab.cloud\"\n label=\"云端图标\"\n name=\"cloud\"\n class=\"dk-tab-pane\"\n >\n <template v-if=\"_iconifyIcons.length > 0\">\n <dk-icon\n v-for=\"(item, key) in _iconifyIcons\"\n :key=\"key\"\n :icon=\"item\"\n :size=\"36\"\n hover-color=\"var(--el-color-primary)\"\n :color=\"item == chooseIcon ? '#409eff' : ''\"\n :class=\"item == chooseIcon ? 'choose-icon' : 'dk-icon'\"\n class=\"cursor-pointer\"\n @click=\"onChooseIcon(item)\"\n >\n </dk-icon>\n <p\n v-if=\"!searchIcon\"\n class=\"text-center\"\n style=\"font-size: 12px; color: #999\"\n >\n 当前显示已缓存的图标\n </p>\n </template>\n <el-empty v-else description=\"暂无图标,请搜索\"></el-empty>\n </el-tab-pane>\n </el-tabs>\n <div class=\"search-icon\">\n <el-input\n v-model=\"searchIcon\"\n clearable\n :placeholder=\"searchPlaceholder\"\n @clear=\"onClear\"\n >\n <template #append>\n <el-button :icon=\"Search\" @click=\"onSearch()\" />\n </template>\n </el-input>\n </div>\n </div>\n</template>\n<script setup lang=\"ts\">\nimport { computed, ref, watch, watchEffect } from 'vue'\nimport * as ElementPlusIconsVue from '@element-plus/icons-vue'\nimport { Search } from '@element-plus/icons-vue'\nimport { listIcons, disableCache } from '@iconify/vue'\nimport { getIcons } from '../../api/common'\nimport icons from '@vant/icons'\nimport { iconContentProps } from './props'\n\n// Disable all caching\ndisableCache('all')\n// List all icons\n\nconst props = defineProps(iconContentProps)\n\nfunction convertIconsToArray(iconsObj: any) {\n let iconArray: any = []\n for (const key in iconsObj) {\n // eslint-disable-next-line no-prototype-builtins\n if (iconsObj.hasOwnProperty(key) && Array.isArray(iconsObj[key])) {\n iconArray = iconArray.concat(iconsObj[key])\n }\n }\n return iconArray\n}\n\n// 获取element-plus所有图标\nconst elIcons = Object.keys(ElementPlusIconsVue).map((key) => {\n return key\n})\n\nconst vantIcons = convertIconsToArray(icons)\n\nconst _elIcons = ref(elIcons)\nconst _vantIcons = ref(vantIcons)\n\nconst iconifyIcons = listIcons()\nconst _iconifyIcons = ref(iconifyIcons)\n\n// 选中的tab\n// const activeName = ref(props.type)\nconst determineActiveName = () => {\n const { el, vant, cloud } = props.showTab\n\n if (el) {\n return 'element'\n } else if (vant) {\n return 'vant'\n } else if (cloud) {\n return 'cloud'\n }\n\n return props.type // 如果所有的选项都是 false,使用 type 的默认值\n}\n\n// 初始化 activeName\nconst activeName = ref(determineActiveName())\n\nconst searchIcon = ref('')\nconst searchPlaceholder = computed(() => {\n if (activeName.value === 'element') {\n return '搜索element-plus图标'\n } else if (activeName.value === 'vant') {\n return '搜索vant图标'\n } else {\n return '搜索云端图标'\n }\n})\n// 选中的图标\nconst chooseIcon = ref('')\nconst emit = defineEmits(['choose'])\n\n// 选择图标\nconst onChooseIcon = (icon: string) => {\n chooseIcon.value = icon\n emit('choose', icon)\n}\nconst onSearch = () => {\n if (activeName.value === 'element') {\n const searchTerm = searchIcon.value.toLowerCase() // 将搜索关键字转换为小写\n console.log(searchTerm)\n _elIcons.value = elIcons.filter((item) => {\n if (searchTerm) {\n const lowerItem = item.toLowerCase() // 将图标名转换为小写\n // 模糊查询匹配\n if (lowerItem.includes(searchTerm)) {\n return true // 匹配成功,返回 true\n }\n }\n return false // 没有匹配,返回 false\n })\n } else if (activeName.value === 'vant') {\n console.log('use')\n _vantIcons.value = vantIcons.filter((item: any) => {\n if (searchIcon.value) {\n const lowerItem = item.toLowerCase() // 将图标名转换为小写\n // 模糊查询匹配\n if (lowerItem.includes(searchIcon.value)) {\n return true // 匹配成功,返回 true\n }\n }\n return false // 没有匹配,返回 false\n })\n } else {\n // 云端\n getIcons(searchIcon.value)\n .then((res) => {\n _iconifyIcons.value = res.data\n })\n .catch((res) => {\n console.log(res)\n })\n }\n}\n\nconst onClear = () => {\n searchIcon.value = ''\n _elIcons.value = elIcons\n _iconifyIcons.value = iconifyIcons\n _vantIcons.value = vantIcons\n}\n\n// 导出ref\ndefineExpose({\n chooseIcon,\n})\n</script>\n"],"names":["__MACROS_defineComponent","disableCache","ElementPlusIconsVue","ref","listIcons","computed","getIcons"],"mappings":"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"}
1
+ {"version":3,"file":"icon-content.vue2.js","sources":["../../../src/icon-input/src/icon-content.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n name: 'DkIconContent',\n});\n</script>\n<template>\n <div class=\"dk-icon-content\">\n <el-tabs v-model=\"activeName\">\n <el-tab-pane v-if=\"props.showTab.el\" label=\"element图标\" name=\"element\" class=\"dk-tab-pane\">\n <dk-icon\n v-for=\"(item, key) in _elIcons\"\n :key=\"key\"\n :size=\"36\"\n :color=\"item == chooseIcon ? 'var(--el-color-primary)' : ''\"\n :class=\"item == chooseIcon ? 'choose-icon' : 'dk-icon'\"\n class=\"cursor-pointer\"\n hover-color=\"var(--el-color-primary)\"\n @click=\"onChooseIcon(item)\"\n >\n <component :is=\"item\" />\n </dk-icon>\n </el-tab-pane>\n <el-tab-pane v-if=\"props.showTab.vant\" label=\"vant图标\" name=\"vant\" class=\"dk-tab-pane\">\n <dk-icon\n v-for=\"(item, key) in _vantIcons\"\n :key=\"key\"\n :size=\"36\"\n :color=\"item == chooseIcon ? '#409eff' : ''\"\n :class=\"item == chooseIcon ? 'choose-icon' : 'dk-icon'\"\n class=\"cursor-pointer\"\n hover-color=\"var(--el-color-primary)\"\n :icon=\"item\"\n @click=\"onChooseIcon(item)\"\n >\n </dk-icon>\n </el-tab-pane>\n <el-tab-pane v-if=\"props.showTab.cloud\" label=\"云端图标\" name=\"cloud\" class=\"dk-tab-pane\">\n <template v-if=\"_iconifyIcons.length > 0\">\n <dk-icon\n v-for=\"(item, key) in _iconifyIcons\"\n :key=\"key\"\n :icon=\"item\"\n :size=\"36\"\n hover-color=\"var(--el-color-primary)\"\n :color=\"item == chooseIcon ? '#409eff' : ''\"\n :class=\"item == chooseIcon ? 'choose-icon' : 'dk-icon'\"\n class=\"cursor-pointer\"\n @click=\"onChooseIcon(item)\"\n >\n </dk-icon>\n <p v-if=\"!searchIcon\" class=\"text-center\" style=\"font-size: 12px; color: #999\">当前显示已缓存的图标</p>\n </template>\n <el-empty v-else description=\"暂无图标,请搜索\"></el-empty>\n </el-tab-pane>\n </el-tabs>\n <div class=\"search-icon\">\n <el-input v-model=\"searchIcon\" clearable :placeholder=\"searchPlaceholder\" @clear=\"onClear\">\n <template #append>\n <el-button :icon=\"Search\" @click=\"onSearch()\" />\n </template>\n </el-input>\n </div>\n </div>\n</template>\n<script setup lang=\"ts\">\nimport { computed, ref, watch, watchEffect } from 'vue'\nimport * as ElementPlusIconsVue from '@element-plus/icons-vue'\nimport { Search } from '@element-plus/icons-vue'\nimport { listIcons, disableCache } from '@iconify/vue'\nimport { getIcons } from '../../api/common'\nimport icons from '@vant/icons'\nimport { iconContentProps } from './props'\n\n// Disable all caching\ndisableCache('all')\n// List all icons\n\nconst props = defineProps(iconContentProps)\n\nfunction convertIconsToArray(iconsObj: any) {\n let iconArray: any = []\n for (const key in iconsObj) {\n // eslint-disable-next-line no-prototype-builtins\n if (iconsObj.hasOwnProperty(key) && Array.isArray(iconsObj[key])) {\n iconArray = iconArray.concat(iconsObj[key])\n }\n }\n return iconArray\n}\n\n// 获取element-plus所有图标\nconst elIcons = Object.keys(ElementPlusIconsVue).map((key) => {\n return key\n})\n\nconst vantIcons = convertIconsToArray(icons)\n\nconst _elIcons = ref(elIcons)\nconst _vantIcons = ref(vantIcons)\n\nconst iconifyIcons = listIcons()\nconst _iconifyIcons = ref(iconifyIcons)\n\n// 选中的tab\n// const activeName = ref(props.type)\nconst determineActiveName = () => {\n const { el, vant, cloud } = props.showTab\n\n if (el) {\n return 'element'\n } else if (vant) {\n return 'vant'\n } else if (cloud) {\n return 'cloud'\n }\n\n return props.type // 如果所有的选项都是 false,使用 type 的默认值\n}\n\n// 初始化 activeName\nconst activeName = ref(determineActiveName())\n\nconst searchIcon = ref('')\nconst searchPlaceholder = computed(() => {\n if (activeName.value === 'element') {\n return '搜索element-plus图标'\n } else if (activeName.value === 'vant') {\n return '搜索vant图标'\n } else {\n return '搜索云端图标'\n }\n})\n// 选中的图标\nconst chooseIcon = ref('')\nconst emit = defineEmits(['choose'])\n\n// 选择图标\nconst onChooseIcon = (icon: string) => {\n chooseIcon.value = icon\n emit('choose', icon)\n}\nconst onSearch = () => {\n if (activeName.value === 'element') {\n const searchTerm = searchIcon.value.toLowerCase() // 将搜索关键字转换为小写\n console.log(searchTerm)\n _elIcons.value = elIcons.filter((item) => {\n if (searchTerm) {\n const lowerItem = item.toLowerCase() // 将图标名转换为小写\n // 模糊查询匹配\n if (lowerItem.includes(searchTerm)) {\n return true // 匹配成功,返回 true\n }\n }\n return false // 没有匹配,返回 false\n })\n } else if (activeName.value === 'vant') {\n console.log('use')\n _vantIcons.value = vantIcons.filter((item: any) => {\n if (searchIcon.value) {\n const lowerItem = item.toLowerCase() // 将图标名转换为小写\n // 模糊查询匹配\n if (lowerItem.includes(searchIcon.value)) {\n return true // 匹配成功,返回 true\n }\n }\n return false // 没有匹配,返回 false\n })\n } else {\n // 云端\n getIcons(searchIcon.value)\n .then((res) => {\n _iconifyIcons.value = res.data\n })\n .catch((res) => {\n console.log(res)\n })\n }\n}\n\nconst onClear = () => {\n searchIcon.value = ''\n _elIcons.value = elIcons\n _iconifyIcons.value = iconifyIcons\n _vantIcons.value = vantIcons\n}\n\n// 导出ref\ndefineExpose({\n chooseIcon,\n})\n</script>\n"],"names":["__MACROS_defineComponent","disableCache","ElementPlusIconsVue","ref","listIcons","computed","getIcons"],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"image-list-input.vue2.js","sources":["../../../src/image-list-input/src/image-list-input.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n name: 'DkImageListInput',\n});\n</script>\n<template>\n <dk-file-list-input\n v-bind=\"$props\"\n v-model=\"input\"\n :class=\"bem()\"\n :type=\"1\"\n @change=\"handleInput(input)\"\n />\n</template>\n\n<script lang=\"ts\" setup>\nimport { createNamespace } from '@vipl520/utils'\nimport { imageListInputProps } from './props'\nimport { ref, watch } from 'vue'\nconst [_, bem] = createNamespace('image-list-input')\n\n\n\nconst props = defineProps(imageListInputProps)\nconst input = ref(props.modelValue)\n\nconst emit = defineEmits(['input', 'update:modelValue', 'change'])\nwatch(\n () => props.modelValue,\n (val) => {\n input.value = val\n }\n)\n\nwatch(\n () => input.value,\n (val) => {\n handleInput(val)\n }\n)\n\nconst handleInput = (val: any) => {\n emit('update:modelValue', val)\n emit('input', val)\n emit('change', val)\n}\n</script>\n"],"names":["__MACROS_defineComponent","createNamespace","ref","watch"],"mappings":";;;;;;;;AAEA,MAA6B,cAAAA,mBAAyB,CAAA;AAAA,EACpD,IAAM,EAAA,kBAAA;AACR,CAAC,CAAA,CAAA;;;;;;;AAgBD,IAAA,MAAM,CAAC,CAAA,EAAG,GAAG,CAAA,GAAIC,sBAAgB,kBAAkB,CAAA,CAAA;AAKnD,IAAM,MAAA,KAAA,GAAQC,OAAI,CAAA,KAAA,CAAM,UAAU,CAAA,CAAA;AAGlC,IAAAC,SAAA;AAAA,MACE,MAAM,KAAM,CAAA,UAAA;AAAA,MACZ,CAAC,GAAQ,KAAA;AACP,QAAA,KAAA,CAAM,KAAQ,GAAA,GAAA,CAAA;AAAA,OAChB;AAAA,KACF,CAAA;AAEA,IAAAA,SAAA;AAAA,MACE,MAAM,KAAM,CAAA,KAAA;AAAA,MACZ,CAAC,GAAQ,KAAA;AACP,QAAA,WAAA,CAAY,GAAG,CAAA,CAAA;AAAA,OACjB;AAAA,KACF,CAAA;AAEA,IAAM,MAAA,WAAA,GAAc,CAAC,GAAa,KAAA;AAChC,MAAA,IAAA,CAAK,qBAAqB,GAAG,CAAA,CAAA;AAC7B,MAAA,IAAA,CAAK,SAAS,GAAG,CAAA,CAAA;AACjB,MAAA,IAAA,CAAK,UAAU,GAAG,CAAA,CAAA;AAAA,KACpB,CAAA;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"image-list-input.vue2.js","sources":["../../../src/image-list-input/src/image-list-input.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n name: 'DkImageListInput',\n});\n</script>\n<template>\n <dk-file-list-input v-bind=\"$props\" v-model=\"input\" :class=\"bem()\" :type=\"1\" @change=\"handleInput(input)\" />\n</template>\n\n<script lang=\"ts\" setup>\nimport { createNamespace } from '@vipl520/utils'\nimport { imageListInputProps } from './props'\nimport { ref, watch } from 'vue'\nconst [_, bem] = createNamespace('image-list-input')\n\n\n\nconst props = defineProps(imageListInputProps)\nconst input = ref(props.modelValue)\n\nconst emit = defineEmits(['input', 'update:modelValue', 'change'])\nwatch(\n () => props.modelValue,\n (val) => {\n input.value = val\n }\n)\n\nwatch(\n () => input.value,\n (val) => {\n handleInput(val)\n }\n)\n\nconst handleInput = (val: any) => {\n emit('update:modelValue', val)\n emit('input', val)\n emit('change', val)\n}\n</script>\n"],"names":["__MACROS_defineComponent","createNamespace","ref","watch"],"mappings":";;;;;;;;AAEA,MAA6B,cAAAA,mBAAyB,CAAA;AAAA,EACpD,IAAM,EAAA,kBAAA;AACR,CAAC,CAAA,CAAA;;;;;;;AAUD,IAAA,MAAM,CAAC,CAAA,EAAG,GAAG,CAAA,GAAIC,sBAAgB,kBAAkB,CAAA,CAAA;AAKnD,IAAM,MAAA,KAAA,GAAQC,OAAI,CAAA,KAAA,CAAM,UAAU,CAAA,CAAA;AAGlC,IAAAC,SAAA;AAAA,MACE,MAAM,KAAM,CAAA,UAAA;AAAA,MACZ,CAAC,GAAQ,KAAA;AACP,QAAA,KAAA,CAAM,KAAQ,GAAA,GAAA,CAAA;AAAA,OAChB;AAAA,KACF,CAAA;AAEA,IAAAA,SAAA;AAAA,MACE,MAAM,KAAM,CAAA,KAAA;AAAA,MACZ,CAAC,GAAQ,KAAA;AACP,QAAA,WAAA,CAAY,GAAG,CAAA,CAAA;AAAA,OACjB;AAAA,KACF,CAAA;AAEA,IAAM,MAAA,WAAA,GAAc,CAAC,GAAa,KAAA;AAChC,MAAA,IAAA,CAAK,qBAAqB,GAAG,CAAA,CAAA;AAC7B,MAAA,IAAA,CAAK,SAAS,GAAG,CAAA,CAAA;AACjB,MAAA,IAAA,CAAK,UAAU,GAAG,CAAA,CAAA;AAAA,KACpB,CAAA;;;;;;;;;;;;;;;;"}
package/lib/index.d.ts CHANGED
@@ -32,6 +32,8 @@ export * from './select';
32
32
  export * from './poster-input';
33
33
  export * from './style-animation-input';
34
34
  export * from './animate-select';
35
+ export * from './uni-icon';
36
+ export * from './uni-icon-input';
35
37
  export declare const install: (app: App, option?: any) => void;
36
38
  declare const _default: {
37
39
  install: (app: App<any>, option?: any) => void;
package/lib/index.js CHANGED
@@ -10,7 +10,7 @@ var index$1 = require('./tiny-editor/index.js');
10
10
  var index$2 = require('./icon/index.js');
11
11
  var index$4 = require('./color-input/index.js');
12
12
  var index$5 = require('./hot-area-input/index.js');
13
- var index$y = require('./dialog/index.js');
13
+ var index$A = require('./dialog/index.js');
14
14
  var index$6 = require('./form/index.js');
15
15
  var index$7 = require('./attachment/index.js');
16
16
  var index$8 = require('./attachment-dialog/index.js');
@@ -38,6 +38,8 @@ var index$u = require('./select/index.js');
38
38
  var index$v = require('./poster-input/index.js');
39
39
  var index$w = require('./style-animation-input/index.js');
40
40
  var index$x = require('./animate-select/index.js');
41
+ var index$z = require('./uni-icon-input/index.js');
42
+ var index$y = require('./uni-icon/index.js');
41
43
  var utils = require('@vipl520/utils');
42
44
  var props = require('./tiny-editor/src/props.js');
43
45
  var props$1 = require('./icon/src/props.js');
@@ -72,6 +74,8 @@ var props$t = require('./select/src/props.js');
72
74
  var props$u = require('./poster-input/src/props.js');
73
75
  var props$v = require('./style-animation-input/src/props.js');
74
76
  var props$w = require('./animate-select/src/props.js');
77
+ var props$x = require('./uni-icon/src/props.js');
78
+ var props$y = require('./uni-icon-input/src/props.js');
75
79
 
76
80
  const components = [
77
81
  index$k.Test,
@@ -85,7 +89,7 @@ const components = [
85
89
  // 热区选择器
86
90
  index$5.HotAreaInput,
87
91
  // 对话框
88
- index$y.Dialog,
92
+ index$A.Dialog,
89
93
  // json表单
90
94
  index$6.Form,
91
95
  // 附件
@@ -150,7 +154,9 @@ const components = [
150
154
  // 海报
151
155
  index$v.Poster,
152
156
  Vue3DraggableResizable,
153
- draggable
157
+ draggable,
158
+ index$z.UniIconInput,
159
+ index$y.UniIcon
154
160
  // TODO 普通上传 upload
155
161
  // TODO tag选择器 tag-input
156
162
  // TODO 链接选择器 link-input
@@ -208,6 +214,8 @@ exports.Poster = index$v.Poster;
208
214
  exports.PosterInput = index$v.PosterInput;
209
215
  exports.StyleAnimationInput = index$w.StyleAnimationInput;
210
216
  exports.AnimateSelect = index$x.AnimateSelect;
217
+ exports.UniIconInput = index$z.UniIconInput;
218
+ exports.UniIcon = index$y.UniIcon;
211
219
  exports.tinyEditorProps = props.tinyEditorProps;
212
220
  exports.iconProps = props$1.iconProps;
213
221
  exports.groupProps = props$2.groupProps;
@@ -243,6 +251,8 @@ exports.selectProps = props$t.selectProps;
243
251
  exports.posterInputProps = props$u.posterInputProps;
244
252
  exports.styleAnimationInputProps = props$v.styleAnimationInputProps;
245
253
  exports.animateSelectProps = props$w.animateSelectProps;
254
+ exports.uniIconProps = props$x.uniIconProps;
255
+ exports.uniIconInputProps = props$y.uniIconInputProps;
246
256
  exports.default = index;
247
257
  exports.install = install;
248
258
  //# sourceMappingURL=index.js.map
package/lib/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../src/index.ts"],"sourcesContent":["import type { App } from 'vue'\nimport { Test } from './test'\nimport draggable from 'vuedraggable'\nimport Vue3DraggableResizable from 'vue3-draggable-resizable'\n\nimport { Group } from './group'\nimport { TinyEditor } from './tiny-editor'\nimport { Icon } from './icon'\nimport { ColorInput } from './color-input'\nimport { HotAreaInput } from './hot-area-input'\nimport { Dialog } from './dialog'\nimport { Form } from './form'\nimport { Attachment } from './attachment'\nimport { AttachmentDialog } from './attachment-dialog'\nimport { FileInput } from './file-input'\nimport { ImageInput } from './image-input'\nimport { AudioInput } from './audio-input'\nimport { VideoInput } from './video-input'\nimport { FileListInput } from './file-list-input'\nimport { ImageListInput } from './image-list-input'\nimport { AudioListInput } from './audio-list-input'\nimport { VideoListInput } from './video-list-input'\nimport { IconInput, IconContent, IconDialog } from './icon-input'\nimport { StyleInput } from './style-input'\nimport { BoxSizeInput } from './box-size-input'\nimport { StyleBoxInput } from './style-box-input'\nimport { StyleFontInput } from './style-font-input'\nimport { StyleBorderInput } from './style-border-input'\nimport { StyleBackgroundInput } from './style-background-input'\nimport { StyleShadowContent, StyleShadowInput } from './style-shadow-input'\nimport { StylePositionInput } from './style-position-input'\nimport { StyleNumberInput } from './style-number-input'\nimport { PageDiy } from './page-diy'\nimport { Table } from './table'\nimport { Select } from './select'\nimport { Poster, PosterInput } from './poster-input'\nimport { StyleAnimationInput } from './style-animation-input'\nimport { AnimateSelect } from './animate-select'\nimport { setGlobalConfig, directives } from '@vipl520/utils'\nexport * from './tiny-editor'\nexport * from './icon'\nexport * from './group'\nexport * from './color-input'\nexport * from './hot-area-input'\nexport * from './form'\nexport * from './attachment'\nexport * from './attachment-dialog'\nexport * from './file-input'\nexport * from './image-input'\nexport * from './audio-input'\nexport * from './video-input'\nexport * from './file-list-input'\nexport * from './image-list-input'\nexport * from './audio-list-input'\nexport * from './video-list-input'\nexport * from './icon-input'\nexport * from './page-diy'\nexport * from './box-size-input'\nexport * from './test'\nexport * from './style-input'\nexport * from './style-box-input'\nexport * from './style-font-input'\nexport * from './style-border-input'\nexport * from './style-shadow-input'\nexport * from './style-background-input'\nexport * from './style-position-input'\nexport * from './style-number-input'\nexport * from './table'\nexport * from './select'\nexport * from './poster-input'\nexport * from './style-animation-input'\nexport * from './animate-select'\n\nconst components = [\n Test,\n Group,\n // 富文本编辑器\n TinyEditor,\n // 图标\n Icon,\n // 颜色选择器\n ColorInput,\n // 热区选择器\n HotAreaInput,\n // 对话框\n Dialog,\n // json表单\n Form,\n // 附件\n Attachment,\n // 附件弹窗\n AttachmentDialog,\n // 文件选择器\n FileInput,\n // 图片选择器\n ImageInput,\n // 音频选择器\n AudioInput,\n // 视频选择器\n VideoInput,\n // 多文件选择器\n FileListInput,\n // 多图片选择器\n ImageListInput,\n // 多音频选择器\n AudioListInput,\n // 多视频选择器\n VideoListInput,\n // 图标选择器\n IconInput,\n // 图标展示框\n IconContent,\n // 图片弹出框\n IconDialog,\n // DIY编辑器\n PageDiy,\n // 尺寸输入框(带px/%/rem/等单位)\n BoxSizeInput,\n // DIV盒子编辑器(padding/margin/width/height)\n StyleBoxInput,\n // 文字样式编辑器\n StyleFontInput,\n // 边框样式编辑器\n StyleBorderInput,\n // 阴影编辑器\n StyleShadowInput,\n // 阴影编辑框\n StyleShadowContent,\n // 背景编辑器\n StyleBackgroundInput,\n // 合并样式编辑\n StyleInput,\n // 定位编辑器\n StylePositionInput,\n // 样式文字\n StyleNumberInput,\n // 动画配置\n StyleAnimationInput,\n // 动画class选择\n AnimateSelect,\n // 数据表格\n Table,\n // 选择\n Select,\n // 表单组/对象表单\n // 海报选择器\n PosterInput,\n // 海报\n Poster,\n Vue3DraggableResizable,\n draggable,\n // TODO 普通上传 upload\n // TODO tag选择器 tag-input\n // TODO 链接选择器 link-input\n // TODO 应用框架\n]\n\nexport const install = (app: App, option: any = {}) => {\n components.forEach((item) => {\n if (item.install!) {\n app.use(item)\n } else if (item.name) {\n app.component(item.name, item)\n }\n })\n directives(app)\n setGlobalConfig(option)\n}\n\nexport default {\n install,\n}\n"],"names":["Test","Group","TinyEditor","Icon","ColorInput","HotAreaInput","Dialog","Form","Attachment","AttachmentDialog","FileInput","ImageInput","AudioInput","VideoInput","FileListInput","ImageListInput","AudioListInput","VideoListInput","IconInput","IconContent","IconDialog","PageDiy","BoxSizeInput","StyleBoxInput","StyleFontInput","StyleBorderInput","StyleShadowInput","StyleShadowContent","StyleBackgroundInput","StyleInput","StylePositionInput","StyleNumberInput","StyleAnimationInput","AnimateSelect","Table","Select","PosterInput","Poster","directives","setGlobalConfig"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyEA,MAAM,UAAa,GAAA;AAAA,EACjBA,YAAA;AAAA,EACAC,aAAA;AAAA;AAAA,EAEAC,kBAAA;AAAA;AAAA,EAEAC,YAAA;AAAA;AAAA,EAEAC,kBAAA;AAAA;AAAA,EAEAC,oBAAA;AAAA;AAAA,EAEAC,cAAA;AAAA;AAAA,EAEAC,YAAA;AAAA;AAAA,EAEAC,kBAAA;AAAA;AAAA,EAEAC,wBAAA;AAAA;AAAA,EAEAC,iBAAA;AAAA;AAAA,EAEAC,kBAAA;AAAA;AAAA,EAEAC,kBAAA;AAAA;AAAA,EAEAC,kBAAA;AAAA;AAAA,EAEAC,qBAAA;AAAA;AAAA,EAEAC,sBAAA;AAAA;AAAA,EAEAC,sBAAA;AAAA;AAAA,EAEAC,sBAAA;AAAA;AAAA,EAEAC,iBAAA;AAAA;AAAA,EAEAC,mBAAA;AAAA;AAAA,EAEAC,kBAAA;AAAA;AAAA,EAEAC,eAAA;AAAA;AAAA,EAEAC,oBAAA;AAAA;AAAA,EAEAC,qBAAA;AAAA;AAAA,EAEAC,sBAAA;AAAA;AAAA,EAEAC,wBAAA;AAAA;AAAA,EAEAC,wBAAA;AAAA;AAAA,EAEAC,0BAAA;AAAA;AAAA,EAEAC,4BAAA;AAAA;AAAA,EAEAC,kBAAA;AAAA;AAAA,EAEAC,0BAAA;AAAA;AAAA,EAEAC,wBAAA;AAAA;AAAA,EAEAC,2BAAA;AAAA;AAAA,EAEAC,qBAAA;AAAA;AAAA,EAEAC,aAAA;AAAA;AAAA,EAEAC,cAAA;AAAA;AAAA;AAAA,EAGAC,mBAAA;AAAA;AAAA,EAEAC,cAAA;AAAA,EACA,sBAAA;AAAA,EACA,SAAA;AAAA;AAAA;AAAA;AAAA;AAKF,CAAA,CAAA;AAEO,MAAM,OAAU,GAAA,CAAC,GAAU,EAAA,MAAA,GAAc,EAAO,KAAA;AACrD,EAAW,UAAA,CAAA,OAAA,CAAQ,CAAC,IAAS,KAAA;AAC3B,IAAA,IAAI,KAAK,OAAU,EAAA;AACjB,MAAA,GAAA,CAAI,IAAI,IAAI,CAAA,CAAA;AAAA,KACd,MAAA,IAAW,KAAK,IAAM,EAAA;AACpB,MAAI,GAAA,CAAA,SAAA,CAAU,IAAK,CAAA,IAAA,EAAM,IAAI,CAAA,CAAA;AAAA,KAC/B;AAAA,GACD,CAAA,CAAA;AACD,EAAAC,gBAAA,CAAW,GAAG,CAAA,CAAA;AACd,EAAAC,qBAAA,CAAgB,MAAM,CAAA,CAAA;AACxB,EAAA;AAEA,YAAe;AAAA,EACb,OAAA;AACF,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":["../src/index.ts"],"sourcesContent":["import type { App } from 'vue'\nimport { Test } from './test'\nimport draggable from 'vuedraggable'\nimport Vue3DraggableResizable from 'vue3-draggable-resizable'\n\nimport { Group } from './group'\nimport { TinyEditor } from './tiny-editor'\nimport { Icon } from './icon'\nimport { ColorInput } from './color-input'\nimport { HotAreaInput } from './hot-area-input'\nimport { Dialog } from './dialog'\nimport { Form } from './form'\nimport { Attachment } from './attachment'\nimport { AttachmentDialog } from './attachment-dialog'\nimport { FileInput } from './file-input'\nimport { ImageInput } from './image-input'\nimport { AudioInput } from './audio-input'\nimport { VideoInput } from './video-input'\nimport { FileListInput } from './file-list-input'\nimport { ImageListInput } from './image-list-input'\nimport { AudioListInput } from './audio-list-input'\nimport { VideoListInput } from './video-list-input'\nimport { IconInput, IconContent, IconDialog } from './icon-input'\nimport { StyleInput } from './style-input'\nimport { BoxSizeInput } from './box-size-input'\nimport { StyleBoxInput } from './style-box-input'\nimport { StyleFontInput } from './style-font-input'\nimport { StyleBorderInput } from './style-border-input'\nimport { StyleBackgroundInput } from './style-background-input'\nimport { StyleShadowContent, StyleShadowInput } from './style-shadow-input'\nimport { StylePositionInput } from './style-position-input'\nimport { StyleNumberInput } from './style-number-input'\nimport { PageDiy } from './page-diy'\nimport { Table } from './table'\nimport { Select } from './select'\nimport { Poster, PosterInput } from './poster-input'\nimport { StyleAnimationInput } from './style-animation-input'\nimport { AnimateSelect } from './animate-select'\nimport { UniIconInput } from './uni-icon-input'\nimport { UniIcon } from './uni-icon'\n\nimport { setGlobalConfig, directives } from '@vipl520/utils'\nexport * from './tiny-editor'\nexport * from './icon'\nexport * from './group'\nexport * from './color-input'\nexport * from './hot-area-input'\nexport * from './form'\nexport * from './attachment'\nexport * from './attachment-dialog'\nexport * from './file-input'\nexport * from './image-input'\nexport * from './audio-input'\nexport * from './video-input'\nexport * from './file-list-input'\nexport * from './image-list-input'\nexport * from './audio-list-input'\nexport * from './video-list-input'\nexport * from './icon-input'\nexport * from './page-diy'\nexport * from './box-size-input'\nexport * from './test'\nexport * from './style-input'\nexport * from './style-box-input'\nexport * from './style-font-input'\nexport * from './style-border-input'\nexport * from './style-shadow-input'\nexport * from './style-background-input'\nexport * from './style-position-input'\nexport * from './style-number-input'\nexport * from './table'\nexport * from './select'\nexport * from './poster-input'\nexport * from './style-animation-input'\nexport * from './animate-select'\nexport * from './uni-icon'\nexport * from './uni-icon-input'\n\nconst components = [\n Test,\n Group,\n // 富文本编辑器\n TinyEditor,\n // 图标\n Icon,\n // 颜色选择器\n ColorInput,\n // 热区选择器\n HotAreaInput,\n // 对话框\n Dialog,\n // json表单\n Form,\n // 附件\n Attachment,\n // 附件弹窗\n AttachmentDialog,\n // 文件选择器\n FileInput,\n // 图片选择器\n ImageInput,\n // 音频选择器\n AudioInput,\n // 视频选择器\n VideoInput,\n // 多文件选择器\n FileListInput,\n // 多图片选择器\n ImageListInput,\n // 多音频选择器\n AudioListInput,\n // 多视频选择器\n VideoListInput,\n // 图标选择器\n IconInput,\n // 图标展示框\n IconContent,\n // 图片弹出框\n IconDialog,\n // DIY编辑器\n PageDiy,\n // 尺寸输入框(带px/%/rem/等单位)\n BoxSizeInput,\n // DIV盒子编辑器(padding/margin/width/height)\n StyleBoxInput,\n // 文字样式编辑器\n StyleFontInput,\n // 边框样式编辑器\n StyleBorderInput,\n // 阴影编辑器\n StyleShadowInput,\n // 阴影编辑框\n StyleShadowContent,\n // 背景编辑器\n StyleBackgroundInput,\n // 合并样式编辑\n StyleInput,\n // 定位编辑器\n StylePositionInput,\n // 样式文字\n StyleNumberInput,\n // 动画配置\n StyleAnimationInput,\n // 动画class选择\n AnimateSelect,\n // 数据表格\n Table,\n // 选择\n Select,\n // 表单组/对象表单\n // 海报选择器\n PosterInput,\n // 海报\n Poster,\n Vue3DraggableResizable,\n draggable,\n UniIconInput,\n UniIcon,\n // TODO 普通上传 upload\n // TODO tag选择器 tag-input\n // TODO 链接选择器 link-input\n // TODO 应用框架\n]\n\nexport const install = (app: App, option: any = {}) => {\n components.forEach((item) => {\n if (item.install!) {\n app.use(item)\n } else if (item.name) {\n app.component(item.name, item)\n }\n })\n directives(app)\n setGlobalConfig(option)\n}\n\nexport default {\n install,\n}\n"],"names":["Test","Group","TinyEditor","Icon","ColorInput","HotAreaInput","Dialog","Form","Attachment","AttachmentDialog","FileInput","ImageInput","AudioInput","VideoInput","FileListInput","ImageListInput","AudioListInput","VideoListInput","IconInput","IconContent","IconDialog","PageDiy","BoxSizeInput","StyleBoxInput","StyleFontInput","StyleBorderInput","StyleShadowInput","StyleShadowContent","StyleBackgroundInput","StyleInput","StylePositionInput","StyleNumberInput","StyleAnimationInput","AnimateSelect","Table","Select","PosterInput","Poster","UniIconInput","UniIcon","directives","setGlobalConfig"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8EA,MAAM,UAAa,GAAA;AAAA,EACjBA,YAAA;AAAA,EACAC,aAAA;AAAA;AAAA,EAEAC,kBAAA;AAAA;AAAA,EAEAC,YAAA;AAAA;AAAA,EAEAC,kBAAA;AAAA;AAAA,EAEAC,oBAAA;AAAA;AAAA,EAEAC,cAAA;AAAA;AAAA,EAEAC,YAAA;AAAA;AAAA,EAEAC,kBAAA;AAAA;AAAA,EAEAC,wBAAA;AAAA;AAAA,EAEAC,iBAAA;AAAA;AAAA,EAEAC,kBAAA;AAAA;AAAA,EAEAC,kBAAA;AAAA;AAAA,EAEAC,kBAAA;AAAA;AAAA,EAEAC,qBAAA;AAAA;AAAA,EAEAC,sBAAA;AAAA;AAAA,EAEAC,sBAAA;AAAA;AAAA,EAEAC,sBAAA;AAAA;AAAA,EAEAC,iBAAA;AAAA;AAAA,EAEAC,mBAAA;AAAA;AAAA,EAEAC,kBAAA;AAAA;AAAA,EAEAC,eAAA;AAAA;AAAA,EAEAC,oBAAA;AAAA;AAAA,EAEAC,qBAAA;AAAA;AAAA,EAEAC,sBAAA;AAAA;AAAA,EAEAC,wBAAA;AAAA;AAAA,EAEAC,wBAAA;AAAA;AAAA,EAEAC,0BAAA;AAAA;AAAA,EAEAC,4BAAA;AAAA;AAAA,EAEAC,kBAAA;AAAA;AAAA,EAEAC,0BAAA;AAAA;AAAA,EAEAC,wBAAA;AAAA;AAAA,EAEAC,2BAAA;AAAA;AAAA,EAEAC,qBAAA;AAAA;AAAA,EAEAC,aAAA;AAAA;AAAA,EAEAC,cAAA;AAAA;AAAA;AAAA,EAGAC,mBAAA;AAAA;AAAA,EAEAC,cAAA;AAAA,EACA,sBAAA;AAAA,EACA,SAAA;AAAA,EACAC,oBAAA;AAAA,EACAC,eAAA;AAAA;AAAA;AAAA;AAAA;AAKF,CAAA,CAAA;AAEO,MAAM,OAAU,GAAA,CAAC,GAAU,EAAA,MAAA,GAAc,EAAO,KAAA;AACrD,EAAW,UAAA,CAAA,OAAA,CAAQ,CAAC,IAAS,KAAA;AAC3B,IAAA,IAAI,KAAK,OAAU,EAAA;AACjB,MAAA,GAAA,CAAI,IAAI,IAAI,CAAA,CAAA;AAAA,KACd,MAAA,IAAW,KAAK,IAAM,EAAA;AACpB,MAAI,GAAA,CAAA,SAAA,CAAU,IAAK,CAAA,IAAA,EAAM,IAAI,CAAA,CAAA;AAAA,KAC/B;AAAA,GACD,CAAA,CAAA;AACD,EAAAC,gBAAA,CAAW,GAAG,CAAA,CAAA;AACd,EAAAC,qBAAA,CAAgB,MAAM,CAAA,CAAA;AACxB,EAAA;AAEA,YAAe;AAAA,EACb,OAAA;AACF,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/lib/index.scss CHANGED
@@ -24,6 +24,8 @@
24
24
  @import './hot-area-input/style/index.scss';
25
25
  @import './animate-select/style/index.scss';
26
26
  @import './style-animation-input/style/index.scss';
27
+ @import './uni-icon/style/index.scss';
28
+ @import './uni-icon-input/style/index.scss';
27
29
 
28
30
  //
29
31
  ::-webkit-scrollbar {
@@ -1 +1 @@
1
- {"version":3,"file":"DiyCloud.vue.js","sources":["../../../../src/page-diy/src/components/DiyCloud.vue"],"sourcesContent":["<template>\n <div class=\"diy-cloud\">\n <div class=\"diy-header\">\n <div class=\"diy-search\">\n <el-select v-model=\"search.state\" placeholder=\"状态\">\n <el-option label=\"全部状态\" value=\"\" />\n <el-option v-if=\"site.level > 0\" label=\"未通过\" value=\"-1\" />\n <el-option v-if=\"site.level > 0\" label=\"未审核\" value=\"0\" />\n <el-option label=\"已审核\" value=\"1\" />\n <el-option label=\"已推荐\" value=\"2\" />\n </el-select>\n <el-select v-model=\"search.look\" placeholder=\"查看\" class=\"u-m-l-10\">\n <el-option label=\"全部模板\" value=\"\" />\n <el-option label=\"我的模板\" value=\"me\" />\n <el-option label=\"他人模板\" value=\"other\" />\n </el-select>\n <el-input\n v-model=\"search['name like']\"\n placeholder=\"请输入模板名称\"\n clearable\n @clear=\"getDiyList(0)\"\n >\n <template #append>\n <el-button icon=\"Search\" @click=\"getDiyList(1)\" />\n </template>\n </el-input>\n </div>\n <div>\n <el-button\n v-if=\"site.level > 0\"\n type=\"warning\"\n :disabled=\"!chooseDiy.id\"\n @click=\"getCheckForm\"\n >审核\n </el-button>\n <el-button\n v-if=\"site.level > 1\"\n type=\"danger\"\n :disabled=\"!chooseDiy.id\"\n @click=\"delDiy\"\n >删除</el-button\n >\n <el-button\n v-if=\"site.level > 0 || site.site_id === chooseDiy.site_id\"\n type=\"info\"\n :disabled=\"!chooseDiy.id\"\n @click=\"getDiyForm(chooseDiy.id)\"\n >编辑\n </el-button>\n <el-button type=\"primary\" icon=\"Upload\" @click=\"getDiyForm()\"\n >上传新模板</el-button\n >\n </div>\n </div>\n <!---------------模板列表-------------------------->\n <div v-loading=\"loading\" class=\"diy-content\">\n <ul v-if=\"!loading && list.length > 0\" class=\"cl\">\n <li\n v-for=\"(item, key) in list\"\n :key=\"key\"\n :class=\"{ choose: chooseDiy.id === item.id }\"\n @click=\"onChooseDiy(item)\"\n >\n <el-image :src=\"item.cover_image\" class=\"cover\" fit=\"contain\" />\n <div v-if=\"item.state <= 0\" class=\"mask\" />\n <div class=\"type\">\n <el-tag v-if=\"item.state === '0'\" effect=\"dark\">审核中</el-tag>\n <el-tag v-if=\"item.state === '-1'\" type=\"danger\" effect=\"dark\"\n >审核未通过</el-tag\n >\n </div>\n <div v-if=\"item.state > 0\" class=\"tag-list\">\n <span v-if=\"item.state >= 2\" class=\"tag\"\n ><van-icon name=\"good-job\" />推荐</span\n >\n <span v-if=\"item.down_count > 100\" class=\"tag\"\n ><van-icon name=\"fire\" />热门</span\n >\n </div>\n <div class=\"title over\">{{ item.name }}</div>\n </li>\n </ul>\n <div\n v-else\n style=\"\n display: flex;\n align-items: center;\n justify-content: center;\n height: 500px;\n \"\n >\n <el-empty\n v-if=\"errCode === 0\"\n description=\"当前还没模板,点击右上角上传自己的模板吧\"\n />\n <el-empty v-else :description=\"errMsg\" />\n </div>\n <el-pagination\n background\n layout=\"total,prev, pager, next\"\n :total=\"total\"\n :current-page=\"page\"\n :page-size=\"pageSize\"\n hide-on-single-page\n @current-change=\"getDiyList\"\n />\n </div>\n <div class=\"diy-footer\">\n <el-button\n type=\"primary\"\n style=\"width: 300px\"\n :disabled=\"!chooseDiy.id\"\n @click=\"submit\"\n >确定</el-button\n >\n </div>\n <dk-form\n ref=\"formRef\"\n :is-dialog=\"true\"\n :form-data=\"formData\"\n @submit=\"onSubmit\"\n />\n </div>\n</template>\n\n<script>\nimport {\n getList,\n down,\n getDiyForm,\n getSiteMsg,\n getCheckForm,\n delDiy,\n} from '../../../api/diy'\nexport default {\n name: 'DiyCloud',\n props: {\n pageName: {\n default: '',\n type: String,\n },\n diyData: {\n default: () => {\n return {}\n },\n type: Object,\n },\n },\n emits: ['submit'],\n data() {\n return {\n total: 0,\n pageSize: 12,\n keyword: '',\n search: {\n state: '',\n look: '',\n },\n chooseDiy: {},\n page: 1,\n formData: null,\n site: {},\n width: '800px',\n list: [],\n loading: true,\n errMsg: '',\n errCode: 0,\n }\n },\n computed: {},\n mounted() {\n this.getDiyList()\n this.getSiteMsg()\n },\n methods: {\n submit() {\n this.$confirm('确定选择此diy模板?', '提示', {\n confirmButtonText: '确定',\n cancelButtonText: '取消',\n type: 'warning',\n })\n .then(() => {\n down(this.chooseDiy.id).then((res) => {\n this.$emit('submit', res.data)\n })\n })\n .catch(() => {})\n },\n onChooseDiy(item) {\n this.chooseDiy = item\n },\n getDiyList(page) {\n this.page = page || this.page\n this.loading = true\n getList(this.pageName, this.page, this.search, this.pageSize)\n .then((res) => {\n this.list = res.data\n this.total = res.msg\n this.loading = false\n })\n .catch((res) => {\n this.errMsg = res.msg\n this.errCode = -1\n this.loading = false\n })\n },\n getSiteMsg() {\n getSiteMsg().then((res) => {\n this.site = res.data\n })\n },\n getDiyForm(id = 0) {\n getDiyForm(id, this.pageName, this.diyData)\n .then((res) => {\n console.log('getDiyForm', res)\n this.formData = res.data\n this.width = '600px'\n this.$refs.formRef.show()\n })\n .catch((res) => {\n this.$message.error(res.msg)\n })\n },\n getCheckForm() {\n getCheckForm(this.chooseDiy.id, this.chooseDiy.state)\n .then((res) => {\n this.formData = res.data\n this.width = '400px'\n this.$refs.formRef.show()\n })\n .catch((res) => {\n this.$message.error(res.msg)\n })\n },\n delDiy() {\n this.$confirm('确定要删除当前模板,删除后不可恢复?', '提示', {\n confirmButtonText: '确定',\n cancelButtonText: '取消',\n type: 'warning',\n })\n .then(() => {\n delDiy(this.chooseDiy.id)\n .then((res) => {\n this.$message.success(res.msg)\n this.getDiyList(1)\n })\n .catch((res) => {\n this.$message.error(res.msg)\n })\n })\n .catch(() => {})\n },\n onSubmit() {\n this.getDiyList(0)\n },\n },\n}\n</script>\n"],"names":["down","getList","getSiteMsg","getDiyForm","getCheckForm","delDiy","_openBlock","_createElementBlock","_createElementVNode","_createVNode","_createBlock","_createCommentVNode","_withDirectives","_Fragment","_renderList","_toDisplayString"],"mappings":"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"}
1
+ {"version":3,"file":"DiyCloud.vue.js","sources":["../../../../src/page-diy/src/components/DiyCloud.vue"],"sourcesContent":["<template>\n <div class=\"diy-cloud\">\n <div class=\"diy-header\">\n <div class=\"diy-search\">\n <el-select v-model=\"search.state\" placeholder=\"状态\">\n <el-option label=\"全部状态\" value=\"\" />\n <el-option v-if=\"site.level > 0\" label=\"未通过\" value=\"-1\" />\n <el-option v-if=\"site.level > 0\" label=\"未审核\" value=\"0\" />\n <el-option label=\"已审核\" value=\"1\" />\n <el-option label=\"已推荐\" value=\"2\" />\n </el-select>\n <el-select v-model=\"search.look\" placeholder=\"查看\" class=\"u-m-l-10\">\n <el-option label=\"全部模板\" value=\"\" />\n <el-option label=\"我的模板\" value=\"me\" />\n <el-option label=\"他人模板\" value=\"other\" />\n </el-select>\n <el-input v-model=\"search['name like']\" placeholder=\"请输入模板名称\" clearable @clear=\"getDiyList(0)\">\n <template #append>\n <el-button icon=\"Search\" @click=\"getDiyList(1)\" />\n </template>\n </el-input>\n </div>\n <div>\n <el-button v-if=\"site.level > 0\" type=\"warning\" :disabled=\"!chooseDiy.id\" @click=\"getCheckForm\"\n >审核\n </el-button>\n <el-button v-if=\"site.level > 1\" type=\"danger\" :disabled=\"!chooseDiy.id\" @click=\"delDiy\">删除</el-button>\n <el-button\n v-if=\"site.level > 0 || site.site_id === chooseDiy.site_id\"\n type=\"info\"\n :disabled=\"!chooseDiy.id\"\n @click=\"getDiyForm(chooseDiy.id)\"\n >编辑\n </el-button>\n <el-button type=\"primary\" icon=\"Upload\" @click=\"getDiyForm()\">上传新模板</el-button>\n </div>\n </div>\n <!---------------模板列表-------------------------->\n <div v-loading=\"loading\" class=\"diy-content\">\n <ul v-if=\"!loading && list.length > 0\" class=\"cl\">\n <li\n v-for=\"(item, key) in list\"\n :key=\"key\"\n :class=\"{ choose: chooseDiy.id === item.id }\"\n @click=\"onChooseDiy(item)\"\n >\n <el-image :src=\"item.cover_image\" class=\"cover\" fit=\"contain\" />\n <div v-if=\"item.state <= 0\" class=\"mask\" />\n <div class=\"type\">\n <el-tag v-if=\"item.state === '0'\" effect=\"dark\">审核中</el-tag>\n <el-tag v-if=\"item.state === '-1'\" type=\"danger\" effect=\"dark\">审核未通过</el-tag>\n </div>\n <div v-if=\"item.state > 0\" class=\"tag-list\">\n <span v-if=\"item.state >= 2\" class=\"tag\"><van-icon name=\"good-job\" />推荐</span>\n <span v-if=\"item.down_count > 100\" class=\"tag\"><van-icon name=\"fire\" />热门</span>\n </div>\n <div class=\"title over\">{{ item.name }}</div>\n </li>\n </ul>\n <div v-else style=\"display: flex; align-items: center; justify-content: center; height: 500px\">\n <el-empty v-if=\"errCode === 0\" description=\"当前还没模板,点击右上角上传自己的模板吧\" />\n <el-empty v-else :description=\"errMsg\" />\n </div>\n <el-pagination\n background\n layout=\"total,prev, pager, next\"\n :total=\"total\"\n :current-page=\"page\"\n :page-size=\"pageSize\"\n hide-on-single-page\n @current-change=\"getDiyList\"\n />\n </div>\n <div class=\"diy-footer\">\n <el-button type=\"primary\" style=\"width: 300px\" :disabled=\"!chooseDiy.id\" @click=\"submit\">确定</el-button>\n </div>\n <dk-form ref=\"formRef\" :is-dialog=\"true\" :form-data=\"formData\" @submit=\"onSubmit\" />\n </div>\n</template>\n\n<script>\nimport { getList, down, getDiyForm, getSiteMsg, getCheckForm, delDiy } from '../../../api/diy'\nexport default {\n name: 'DiyCloud',\n props: {\n pageName: {\n default: '',\n type: String,\n },\n diyData: {\n default: () => {\n return {}\n },\n type: Object,\n },\n },\n emits: ['submit'],\n data() {\n return {\n total: 0,\n pageSize: 12,\n keyword: '',\n search: {\n state: '',\n look: '',\n },\n chooseDiy: {},\n page: 1,\n formData: null,\n site: {},\n width: '800px',\n list: [],\n loading: true,\n errMsg: '',\n errCode: 0,\n }\n },\n computed: {},\n mounted() {\n this.getDiyList()\n this.getSiteMsg()\n },\n methods: {\n submit() {\n this.$confirm('确定选择此diy模板?', '提示', {\n confirmButtonText: '确定',\n cancelButtonText: '取消',\n type: 'warning',\n })\n .then(() => {\n down(this.chooseDiy.id).then((res) => {\n this.$emit('submit', res.data)\n })\n })\n .catch(() => {})\n },\n onChooseDiy(item) {\n this.chooseDiy = item\n },\n getDiyList(page) {\n this.page = page || this.page\n this.loading = true\n getList(this.pageName, this.page, this.search, this.pageSize)\n .then((res) => {\n this.list = res.data\n this.total = res.msg\n this.loading = false\n })\n .catch((res) => {\n this.errMsg = res.msg\n this.errCode = -1\n this.loading = false\n })\n },\n getSiteMsg() {\n getSiteMsg().then((res) => {\n this.site = res.data\n })\n },\n getDiyForm(id = 0) {\n getDiyForm(id, this.pageName, this.diyData)\n .then((res) => {\n console.log('getDiyForm', res)\n this.formData = res.data\n this.width = '600px'\n this.$refs.formRef.show()\n })\n .catch((res) => {\n this.$message.error(res.msg)\n })\n },\n getCheckForm() {\n getCheckForm(this.chooseDiy.id, this.chooseDiy.state)\n .then((res) => {\n this.formData = res.data\n this.width = '400px'\n this.$refs.formRef.show()\n })\n .catch((res) => {\n this.$message.error(res.msg)\n })\n },\n delDiy() {\n this.$confirm('确定要删除当前模板,删除后不可恢复?', '提示', {\n confirmButtonText: '确定',\n cancelButtonText: '取消',\n type: 'warning',\n })\n .then(() => {\n delDiy(this.chooseDiy.id)\n .then((res) => {\n this.$message.success(res.msg)\n this.getDiyList(1)\n })\n .catch((res) => {\n this.$message.error(res.msg)\n })\n })\n .catch(() => {})\n },\n onSubmit() {\n this.getDiyList(0)\n },\n },\n}\n</script>\n"],"names":["down","getList","getSiteMsg","getDiyForm","getCheckForm","delDiy","_openBlock","_createElementBlock","_createElementVNode","_createVNode","_createBlock","_createCommentVNode","_withDirectives","_Fragment","_renderList","_toDisplayString"],"mappings":"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"}
@@ -56,11 +56,7 @@ const _sfc_main = vue.defineComponent({
56
56
  return style
57
57
  },
58
58
  _animate() {
59
- if (
60
- this.setting.animation_preview !== false &&
61
- this.setting.animate &&
62
- !this.previewSetting.closeAnimate
63
- ) {
59
+ if (this.setting.animation_preview !== false && this.setting.animate && !this.previewSetting.closeAnimate) {
64
60
  return 'animate__' + this.setting.animate
65
61
  } else {
66
62
  return ''
@@ -1 +1 @@
1
- {"version":3,"file":"DragTool.vue.js","sources":["../../../../src/page-diy/src/components/DragTool.vue"],"sourcesContent":["<template>\n <div\n class=\"drag-tool animate__animated\"\n :class=\"[{ active: state.active === id }, _animate]\"\n :style=\"_style\"\n @click.stop=\"active\"\n >\n <div v-if=\"mask\" class=\"drag-mask\"></div>\n <div class=\"drag-r\">\n <div class=\"drag-btn\" title=\"添加当前组件\" @click=\"$emit('create')\">\n <dk-icon icon=\"CirclePlus\"></dk-icon>\n </div>\n <div class=\"drag-btn\" title=\"复制当前组件\" @click=\"$emit('copy')\">\n <dk-icon icon=\"CopyDocument\"></dk-icon>\n </div>\n <div\n v-if=\"children\"\n class=\"drag-btn\"\n title=\"添加子组件\"\n @click=\"$emit('addChild')\"\n >\n <dk-icon icon=\"fluent:tab-add-20-regular\"></dk-icon>\n </div>\n <div\n class=\"drag-btn drag-btn-danger\"\n title=\"删除组件\"\n @click=\"$emit('delete')\"\n >\n <dk-icon icon=\"Close\"></dk-icon>\n </div>\n </div>\n <slot name=\"default\"></slot>\n </div>\n</template>\n\n<script>\nimport { computed, inject, toRefs, defineComponent } from 'vue'\nlet uni = 1\nexport default defineComponent({\n name: 'DragTool',\n props: {\n dragBtn: {\n default: false,\n type: Boolean,\n },\n children: {\n default: '',\n type: String,\n },\n unique: {\n default: '',\n type: String,\n },\n mask: {\n default: false,\n type: Boolean,\n },\n setting: {\n default: () => {},\n type: [Object],\n },\n },\n setup(props) {\n const { unique } = toRefs(props)\n const id = computed(() => unique.value || uni++)\n const state = inject('fcx')\n const previewSetting = inject('previewSetting')\n return {\n id,\n state,\n previewSetting,\n }\n },\n computed: {\n pageConfig() {\n return {}\n },\n _style() {\n let style = { ...this.setting.style, ...this.setting.animation }\n if (this.setting.is_position) {\n style = Object.assign(style, {\n ...this.setting.position,\n position: 'absolute',\n })\n }\n return style\n },\n _animate() {\n if (\n this.setting.animation_preview !== false &&\n this.setting.animate &&\n !this.previewSetting.closeAnimate\n ) {\n return 'animate__' + this.setting.animate\n } else {\n return ''\n }\n },\n },\n beforeUnmount() {\n this.state = {}\n },\n methods: {\n active() {\n if (this.state.active === this.id) return\n this.state.active = this.id\n this.$emit('active')\n },\n },\n})\n</script>\n"],"names":["defineComponent","toRefs","computed","inject","_createElementBlock","_normalizeClass","_openBlock","_createElementVNode","_createVNode","_renderSlot"],"mappings":"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"}
1
+ {"version":3,"file":"DragTool.vue.js","sources":["../../../../src/page-diy/src/components/DragTool.vue"],"sourcesContent":["<template>\n <div\n class=\"drag-tool animate__animated\"\n :class=\"[{ active: state.active === id }, _animate]\"\n :style=\"_style\"\n @click.stop=\"active\"\n >\n <div v-if=\"mask\" class=\"drag-mask\"></div>\n <div class=\"drag-r\">\n <div class=\"drag-btn\" title=\"添加当前组件\" @click=\"$emit('create')\">\n <dk-icon icon=\"CirclePlus\"></dk-icon>\n </div>\n <div class=\"drag-btn\" title=\"复制当前组件\" @click=\"$emit('copy')\">\n <dk-icon icon=\"CopyDocument\"></dk-icon>\n </div>\n <div v-if=\"children\" class=\"drag-btn\" title=\"添加子组件\" @click=\"$emit('addChild')\">\n <dk-icon icon=\"fluent:tab-add-20-regular\"></dk-icon>\n </div>\n <div class=\"drag-btn drag-btn-danger\" title=\"删除组件\" @click=\"$emit('delete')\">\n <dk-icon icon=\"Close\"></dk-icon>\n </div>\n </div>\n <slot name=\"default\"></slot>\n </div>\n</template>\n\n<script>\nimport { computed, inject, toRefs, defineComponent } from 'vue'\nlet uni = 1\nexport default defineComponent({\n name: 'DragTool',\n props: {\n dragBtn: {\n default: false,\n type: Boolean,\n },\n children: {\n default: '',\n type: String,\n },\n unique: {\n default: '',\n type: String,\n },\n mask: {\n default: false,\n type: Boolean,\n },\n setting: {\n default: () => {},\n type: [Object],\n },\n },\n setup(props) {\n const { unique } = toRefs(props)\n const id = computed(() => unique.value || uni++)\n const state = inject('fcx')\n const previewSetting = inject('previewSetting')\n return {\n id,\n state,\n previewSetting,\n }\n },\n computed: {\n pageConfig() {\n return {}\n },\n _style() {\n let style = { ...this.setting.style, ...this.setting.animation }\n if (this.setting.is_position) {\n style = Object.assign(style, {\n ...this.setting.position,\n position: 'absolute',\n })\n }\n return style\n },\n _animate() {\n if (this.setting.animation_preview !== false && this.setting.animate && !this.previewSetting.closeAnimate) {\n return 'animate__' + this.setting.animate\n } else {\n return ''\n }\n },\n },\n beforeUnmount() {\n this.state = {}\n },\n methods: {\n active() {\n if (this.state.active === this.id) return\n this.state.active = this.id\n this.$emit('active')\n },\n },\n})\n</script>\n"],"names":["defineComponent","toRefs","computed","inject","_createElementBlock","_normalizeClass","_openBlock","_createElementVNode","_createVNode","_renderSlot"],"mappings":";;;;;;;AA4BA,IAAI,MAAM,EAAA;AACV,MAAK,SAAU,GAAGA,mBAAa,CAAA;AAC7B,EAAA,IAAI,EAAE,UAAU;AAChB,EAAA,KAAK,EAAE;AACL,IAAA,OAAO,EAAE;MACP,OAAO,EAAE,KAAK;MACd,IAAI,EAAE,OAAO;KACd;AACD,IAAA,QAAQ,EAAE;MACR,OAAO,EAAE,EAAE;MACX,IAAI,EAAE,MAAM;KACb;AACD,IAAA,MAAM,EAAE;MACN,OAAO,EAAE,EAAE;MACX,IAAI,EAAE,MAAM;KACb;IACD,IAAI,EAAE;MACJ,OAAO,EAAE,KAAK;MACd,IAAI,EAAE,OAAO;KACd;AACD,IAAA,OAAO,EAAE;AACP,MAAA,OAAO,EAAE,MAAM,EAAE;MACjB,IAAI,EAAE,CAAC,MAAM,CAAC;KACf;GACF;EACD,KAAK,CAAC,KAAK,EAAE;IACX,MAAM,EAAE,MAAO,EAAA,GAAIC,UAAM,CAAC,KAAK,EAAA;AAC/B,IAAA,MAAM,KAAKC,YAAQ,CAAC,MAAM,MAAM,CAAC,SAAS,GAAG,EAAE,EAAA;IAC/C,MAAM,KAAM,GAAEC,UAAM,CAAC,KAAK,EAAA;AAC1B,IAAA,MAAM,iBAAiBA,UAAM,CAAC,gBAAgB,EAAA;AAC9C,IAAA,OAAO;AACL,MAAA,EAAE;MACF,KAAK;AACL,MAAA,cAAc;AAChB,KAAA;GACD;AACD,EAAA,QAAQ,EAAE;IACR,UAAU,GAAG;AACX,MAAA,OAAO,EAAC;KACT;AACD,IAAA,MAAM,GAAG;MACP,IAAI,KAAM,GAAE,EAAE,GAAG,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,GAAG,IAAI,CAAC,OAAO,CAAC,SAAU,GAAA;MAC/D,IAAI,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE;QAC5B,KAAM,GAAE,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE;UAC3B,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ;AACxB,UAAA,QAAQ,EAAE,UAAU;SACrB,EAAA;AACH,OAAA;MACA,OAAO,KAAI;KACZ;IACD,QAAQ,GAAG;MACT,IAAI,IAAI,CAAC,OAAO,CAAC,iBAAgB,KAAM,KAAM,IAAG,IAAI,CAAC,OAAO,CAAC,OAAQ,IAAG,CAAC,IAAI,CAAC,cAAc,CAAC,YAAY,EAAE;AACzG,QAAA,OAAO,WAAY,GAAE,IAAI,CAAC,OAAO,CAAC,OAAM;OACxC,MAAK;AACL,QAAA,OAAO,EAAC;AACV,OAAA;KACD;GACF;AACD,EAAA,aAAa,GAAG;IACd,IAAI,CAAC,KAAM,GAAE,GAAC;GACf;AACD,EAAA,OAAO,EAAE;AACP,IAAA,MAAM,GAAG;AACP,MAAA,IAAI,IAAI,CAAC,KAAK,CAAC,MAAK,KAAM,IAAI,CAAC,EAAE,EAAE,MAAK;MACxC,IAAI,CAAC,KAAK,CAAC,MAAO,GAAE,IAAI,CAAC,GAAC;AAC1B,MAAA,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAA;KACpB;GACF;AACH,CAAC,EAAA;;;;AAzFoB,EAAA,KAAK,EAAC,WAAW;;AAC7B,MAAA,UAAA,GAAA,EAAA,KAAK,EAAC,QAAQ,GAAA;;;;;2BAPrBC,sBAsBM,CAAA,KAAA,EAAA;IArBJ,KAAK,EAAAC,kBAAA,CAAA,CAAC,6BAA6B,EAChB,CAAA,EAAA,MAAA,EAAA,IAAA,CAAA,KAAK,CAAC,MAAM,KAAK,IAAE,CAAA,EAAA,EAAA,EAAI,IAAQ,CAAA,QAAA,CAAA,CAAA,CAAA;AACjD,IAAA,KAAK,qBAAE,IAAM,CAAA,MAAA,CAAA;AACb,IAAA,OAAK,4DAAO,IAAM,CAAA,MAAA,IAAA,IAAA,CAAA,MAAA,CAAA,GAAA,IAAA,CAAA,CAAA,EAAA,CAAA,MAAA,CAAA,CAAA,CAAA;;KAER,IAAI,CAAA,IAAA;AAAf,SAAAC,aAAA,EAAA,EAAAF,sBAAA,CAAyC,OAAzC,UAAyC,CAAA;;AACzC,IAAAG,sBAAA,CAaM,OAbN,UAaM,EAAA;MAZJA,sBAEM,CAAA,KAAA,EAAA;AAFD,QAAA,KAAK,EAAC,UAAU;AAAC,QAAA,KAAK,EAAC,QAAQ;AAAE,QAAA,OAAK,uCAAE,IAAK,CAAA,KAAA,CAAA,QAAA,CAAA,CAAA,CAAA;;QAChDC,eAAqC,CAAA,kBAAA,EAAA,EAA5B,IAAI,EAAC,YAAY,EAAA,CAAA;;MAE5BD,sBAEM,CAAA,KAAA,EAAA;AAFD,QAAA,KAAK,EAAC,UAAU;AAAC,QAAA,KAAK,EAAC,QAAQ;AAAE,QAAA,OAAK,uCAAE,IAAK,CAAA,KAAA,CAAA,MAAA,CAAA,CAAA,CAAA;;QAChDC,eAAuC,CAAA,kBAAA,EAAA,EAA9B,IAAI,EAAC,cAAc,EAAA,CAAA;;OAEnB,IAAQ,CAAA,QAAA;4BAAnBJ,sBAEM,CAAA,KAAA,EAAA;;AAFe,YAAA,KAAK,EAAC,UAAU;AAAC,YAAA,KAAK,EAAC,OAAO;AAAE,YAAA,OAAK,uCAAE,IAAK,CAAA,KAAA,CAAA,UAAA,CAAA,CAAA,CAAA;;YAC/DI,eAAoD,CAAA,kBAAA,EAAA,EAA3C,IAAI,EAAC,2BAA2B,EAAA,CAAA;;;MAE3CD,sBAEM,CAAA,KAAA,EAAA;AAFD,QAAA,KAAK,EAAC,0BAA0B;AAAC,QAAA,KAAK,EAAC,MAAM;AAAE,QAAA,OAAK,uCAAE,IAAK,CAAA,KAAA,CAAA,QAAA,CAAA,CAAA,CAAA;;QAC9DC,eAAgC,CAAA,kBAAA,EAAA,EAAvB,IAAI,EAAC,OAAO,EAAA,CAAA;;;IAGzBC,cAA4B,CAAA,IAAA,CAAA,MAAA,EAAA,SAAA,CAAA;;;;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"PreviewPhone.vue2.js","sources":["../../../../src/page-diy/src/components/PreviewPhone.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n name: 'PreviewPhone',\n});\n</script>\n<template>\n <div class=\"preview-phone\">\n <div class=\"phone\">\n <div class=\"phone-header\">\n <div class=\"phone-header-top\">\n <div class=\"phone-time\">\n <span>{{ time }}</span>\n <van-icon name=\"wechat\" color=\"#2ddd71\" />\n </div>\n <div />\n <div class=\"phone-battery\">\n <span class=\"m-r-4px\">100%</span>\n <dk-icon\n icon=\"gg:battery-full\"\n :size=\"18\"\n color=\"#555\"\n hover-color=\"#f00\"\n ></dk-icon>\n </div>\n </div>\n <div class=\"phone-title\">\n <div class=\"phone-title-icon\">\n <el-dropdown trigger=\"click\" placement=\"bottom-start\">\n <dk-icon\n icon=\"Close\"\n hover-color=\"var(--el-color-primary)\"\n :size=\"20\"\n style=\"cursor: pointer\"\n ></dk-icon>\n <template #dropdown>\n <el-dropdown-menu>\n <el-dropdown-item @click=\"clear('rule')\"\n >清除组件</el-dropdown-item\n >\n <el-dropdown-item @click=\"clear('page')\"\n >清除页面</el-dropdown-item\n >\n </el-dropdown-menu>\n </template>\n </el-dropdown>\n </div>\n <div>页面标题</div>\n <div class=\"phone-title-icon\">\n <el-popover placement=\"bottom\" :width=\"200\" trigger=\"click\">\n <template #reference>\n <dk-icon\n icon=\"MoreFilled\"\n :size=\"20\"\n hover-color=\"var(--el-color-primary)\"\n style=\"cursor: pointer\"\n />\n </template>\n <el-form-item label=\"显示网格\">\n <template #label>\n <el-tooltip\n class=\"box-item\"\n effect=\"dark\"\n content=\"显示组件网格线\"\n placement=\"right-start\"\n >\n 显示网格\n </el-tooltip>\n </template>\n <el-switch v-model=\"form.showLine\" @change=\"changeForm()\" />\n </el-form-item>\n <el-form-item label=\"网格间距\">\n <template #label>\n <el-tooltip\n class=\"box-item\"\n effect=\"dark\"\n content=\"设置组件之间的网格间距\"\n placement=\"right-start\"\n >\n 网格间距\n </el-tooltip>\n </template>\n <el-slider\n v-model=\"form.margin\"\n :min=\"0\"\n :step=\"1\"\n show-stops\n :max=\"20\"\n @change=\"changeForm()\"\n />\n </el-form-item>\n <el-form-item label=\"效果预览\">\n <template #label>\n <el-tooltip\n class=\"box-item\"\n effect=\"dark\"\n content=\"清除所有网格、间距效果,大致和真实差不多\"\n placement=\"right-start\"\n >\n 效果预览\n </el-tooltip>\n </template>\n <el-switch v-model=\"form.preview\" @change=\"changeForm()\" />\n </el-form-item>\n <el-form-item label=\"关闭动画\">\n <template #label>\n <el-tooltip\n class=\"box-item\"\n effect=\"dark\"\n content=\"关闭所有预览的动画效果\"\n placement=\"right-start\"\n >\n 关闭动画\n </el-tooltip>\n </template>\n <el-switch v-model=\"form.closeAnimate\" @change=\"changeForm()\" />\n </el-form-item>\n </el-popover>\n </div>\n </div>\n </div>\n <div class=\"phone-body _fc-m-drag\" :style=\"_style\">\n <slot />\n </div>\n </div>\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, inject, provide } from 'vue'\nimport { storage } from '@vipl520/utils'\nimport { ElMessage, ElMessageBox } from 'element-plus'\n\nconst diy: any = inject('diy')\nconst props = defineProps({\n value: {\n default: '',\n type: String,\n },\n pageConfig: {\n default: () => {},\n type: [Object],\n },\n})\n\nconst key = 'preview-phone'\nconst cache: any = JSON.parse(storage.get(key) || '{}')\n\nconst form = ref({\n showLine: cache.showLine || true,\n margin: cache.margin || 2,\n preview: cache.preview || false,\n closeAnimate: cache.closeAnimate || false,\n})\n\nprovide('previewSetting', form)\n\nconst changeForm = () => {\n storage.set(key, JSON.stringify(form.value))\n}\nconst clear = (type = '') => {\n const { proxy } = diy\n const typeName: any = {\n rule: '组件',\n config: '配置',\n }\n ElMessageBox.confirm('当前要清除' + typeName[type] + ',是否继续?', '警告', {\n confirmButtonText: '确定',\n cancelButtonText: '取消',\n type: 'warning',\n })\n .then(() => {\n proxy.clear(type)\n ElMessage.success('清除成功')\n })\n .catch(() => {})\n}\nconst _style = computed(() => {\n let line: any = {\n '--padding': '0',\n '--overflow': 'initial',\n }\n if (form.value.showLine && !form.value.preview) {\n line = {\n '--margin': form.value.margin + 'px',\n '--showDashed': '1px',\n }\n }\n if (form.value.preview) {\n line['--padding'] = '0'\n line['--overflow'] = 'hidden'\n line['--minHeight'] = '0px'\n } else {\n line['--padding'] = '2px 0'\n line['--overflow'] = 'initial'\n line['--minHeight'] = '30px'\n }\n return {\n ...props.pageConfig.style,\n ...line,\n }\n})\n\nconst time = computed(() => {\n const d = new Date()\n const hour = d.getHours() // 得到小时数\n const minute = d.getMinutes() // 得到分钟数\n return hour + ':' + minute\n})\n</script>\n"],"names":["__MACROS_defineComponent","inject","storage","ref","provide","ElMessageBox","ElMessage","computed"],"mappings":"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"}
1
+ {"version":3,"file":"PreviewPhone.vue2.js","sources":["../../../../src/page-diy/src/components/PreviewPhone.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n name: 'PreviewPhone',\n});\n</script>\n<template>\n <div class=\"preview-phone\">\n <div class=\"phone\">\n <div class=\"phone-header\">\n <div class=\"phone-header-top\">\n <div class=\"phone-time\">\n <span>{{ time }}</span>\n <van-icon name=\"wechat\" color=\"#2ddd71\" />\n </div>\n <div />\n <div class=\"phone-battery\">\n <span class=\"m-r-4px\">100%</span>\n <dk-icon icon=\"gg:battery-full\" :size=\"18\" color=\"#555\" hover-color=\"#f00\"></dk-icon>\n </div>\n </div>\n <div class=\"phone-title\">\n <div class=\"phone-title-icon\">\n <el-dropdown trigger=\"click\" placement=\"bottom-start\">\n <dk-icon icon=\"Close\" hover-color=\"var(--el-color-primary)\" :size=\"20\" style=\"cursor: pointer\"></dk-icon>\n <template #dropdown>\n <el-dropdown-menu>\n <el-dropdown-item @click=\"clear('rule')\">清除组件</el-dropdown-item>\n <el-dropdown-item @click=\"clear('page')\">清除页面</el-dropdown-item>\n </el-dropdown-menu>\n </template>\n </el-dropdown>\n </div>\n <div>页面标题</div>\n <div class=\"phone-title-icon\">\n <el-popover placement=\"bottom\" :width=\"200\" trigger=\"click\">\n <template #reference>\n <dk-icon icon=\"MoreFilled\" :size=\"20\" hover-color=\"var(--el-color-primary)\" style=\"cursor: pointer\" />\n </template>\n <el-form-item label=\"显示网格\">\n <template #label>\n <el-tooltip class=\"box-item\" effect=\"dark\" content=\"显示组件网格线\" placement=\"right-start\">\n 显示网格\n </el-tooltip>\n </template>\n <el-switch v-model=\"form.showLine\" @change=\"changeForm()\" />\n </el-form-item>\n <el-form-item label=\"网格间距\">\n <template #label>\n <el-tooltip class=\"box-item\" effect=\"dark\" content=\"设置组件之间的网格间距\" placement=\"right-start\">\n 网格间距\n </el-tooltip>\n </template>\n <el-slider v-model=\"form.margin\" :min=\"0\" :step=\"1\" show-stops :max=\"20\" @change=\"changeForm()\" />\n </el-form-item>\n <el-form-item label=\"效果预览\">\n <template #label>\n <el-tooltip\n class=\"box-item\"\n effect=\"dark\"\n content=\"清除所有网格、间距效果,大致和真实差不多\"\n placement=\"right-start\"\n >\n 效果预览\n </el-tooltip>\n </template>\n <el-switch v-model=\"form.preview\" @change=\"changeForm()\" />\n </el-form-item>\n <el-form-item label=\"关闭动画\">\n <template #label>\n <el-tooltip class=\"box-item\" effect=\"dark\" content=\"关闭所有预览的动画效果\" placement=\"right-start\">\n 关闭动画\n </el-tooltip>\n </template>\n <el-switch v-model=\"form.closeAnimate\" @change=\"changeForm()\" />\n </el-form-item>\n </el-popover>\n </div>\n </div>\n </div>\n <div class=\"phone-body _fc-m-drag\" :style=\"_style\">\n <slot />\n </div>\n </div>\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, inject, provide } from 'vue'\nimport { storage } from '@vipl520/utils'\nimport { ElMessage, ElMessageBox } from 'element-plus'\n\nconst diy: any = inject('diy')\nconst props = defineProps({\n value: {\n default: '',\n type: String,\n },\n pageConfig: {\n default: () => {},\n type: [Object],\n },\n})\n\nconst key = 'preview-phone'\nconst cache: any = JSON.parse(storage.get(key) || '{}')\n\nconst form = ref({\n showLine: cache.showLine || true,\n margin: cache.margin || 2,\n preview: cache.preview || false,\n closeAnimate: cache.closeAnimate || false,\n})\n\nprovide('previewSetting', form)\n\nconst changeForm = () => {\n storage.set(key, JSON.stringify(form.value))\n}\nconst clear = (type = '') => {\n const { proxy } = diy\n const typeName: any = {\n rule: '组件',\n config: '配置',\n }\n ElMessageBox.confirm('当前要清除' + typeName[type] + ',是否继续?', '警告', {\n confirmButtonText: '确定',\n cancelButtonText: '取消',\n type: 'warning',\n })\n .then(() => {\n proxy.clear(type)\n ElMessage.success('清除成功')\n })\n .catch(() => {})\n}\nconst _style = computed(() => {\n let line: any = {\n '--padding': '0',\n '--overflow': 'initial',\n }\n if (form.value.showLine && !form.value.preview) {\n line = {\n '--margin': form.value.margin + 'px',\n '--showDashed': '1px',\n }\n }\n if (form.value.preview) {\n line['--padding'] = '0'\n line['--overflow'] = 'hidden'\n line['--minHeight'] = '0px'\n } else {\n line['--padding'] = '2px 0'\n line['--overflow'] = 'initial'\n line['--minHeight'] = '30px'\n }\n return {\n ...props.pageConfig.style,\n ...line,\n }\n})\n\nconst time = computed(() => {\n const d = new Date()\n const hour = d.getHours() // 得到小时数\n const minute = d.getMinutes() // 得到分钟数\n return hour + ':' + minute\n})\n</script>\n"],"names":["__MACROS_defineComponent","inject","storage","ref","provide","ElMessageBox","ElMessage","computed"],"mappings":"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"}