element-ps 2.0.22 → 2.0.23

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (290) hide show
  1. package/es/components/affix/index.mjs +2 -2
  2. package/es/components/affix/src/affix.mjs +82 -19
  3. package/es/components/affix/src/affix.mjs.map +1 -1
  4. package/es/components/affix/src/affix2.mjs +19 -82
  5. package/es/components/affix/src/affix2.mjs.map +1 -1
  6. package/es/components/alert/index.mjs +2 -2
  7. package/es/components/alert/src/alert.mjs +33 -83
  8. package/es/components/alert/src/alert.mjs.map +1 -1
  9. package/es/components/alert/src/alert2.mjs +83 -33
  10. package/es/components/alert/src/alert2.mjs.map +1 -1
  11. package/es/components/breadcrumb/index.mjs +2 -2
  12. package/es/components/breadcrumb/src/breadcrumb-item.mjs +11 -46
  13. package/es/components/breadcrumb/src/breadcrumb-item.mjs.map +1 -1
  14. package/es/components/breadcrumb/src/breadcrumb-item2.mjs +46 -11
  15. package/es/components/breadcrumb/src/breadcrumb-item2.mjs.map +1 -1
  16. package/es/components/button/index.mjs +2 -2
  17. package/es/components/button/src/button-group.mjs +1 -1
  18. package/es/components/button/src/button.mjs +48 -96
  19. package/es/components/button/src/button.mjs.map +1 -1
  20. package/es/components/button/src/button2.mjs +96 -48
  21. package/es/components/button/src/button2.mjs.map +1 -1
  22. package/es/components/check-tag/index.mjs +2 -2
  23. package/es/components/check-tag/src/check-tag.mjs +20 -7
  24. package/es/components/check-tag/src/check-tag.mjs.map +1 -1
  25. package/es/components/check-tag/src/check-tag2.mjs +7 -20
  26. package/es/components/check-tag/src/check-tag2.mjs.map +1 -1
  27. package/es/components/collapse/index.mjs +2 -2
  28. package/es/components/collapse/src/collapse.mjs +14 -61
  29. package/es/components/collapse/src/collapse.mjs.map +1 -1
  30. package/es/components/collapse/src/collapse2.mjs +61 -14
  31. package/es/components/collapse/src/collapse2.mjs.map +1 -1
  32. package/es/components/dialog/src/dialog-content.mjs +79 -34
  33. package/es/components/dialog/src/dialog-content.mjs.map +1 -1
  34. package/es/components/dialog/src/dialog-content2.mjs +34 -79
  35. package/es/components/dialog/src/dialog-content2.mjs.map +1 -1
  36. package/es/components/dialog/src/dialog.mjs +1 -1
  37. package/es/components/dialog/src/dialog2.mjs +1 -1
  38. package/es/components/drawer/index.mjs +2 -2
  39. package/es/components/drawer/src/drawer.mjs +117 -23
  40. package/es/components/drawer/src/drawer.mjs.map +1 -1
  41. package/es/components/drawer/src/drawer2.mjs +23 -117
  42. package/es/components/drawer/src/drawer2.mjs.map +1 -1
  43. package/es/components/form/index.mjs +2 -2
  44. package/es/components/form/src/form-item.mjs +46 -177
  45. package/es/components/form/src/form-item.mjs.map +1 -1
  46. package/es/components/form/src/form-item2.mjs +177 -46
  47. package/es/components/form/src/form-item2.mjs.map +1 -1
  48. package/es/components/icon/index.mjs +2 -2
  49. package/es/components/icon/src/icon.mjs +8 -35
  50. package/es/components/icon/src/icon.mjs.map +1 -1
  51. package/es/components/icon/src/icon2.mjs +35 -8
  52. package/es/components/icon/src/icon2.mjs.map +1 -1
  53. package/es/components/index.mjs +25 -25
  54. package/es/components/input/index.mjs +2 -2
  55. package/es/components/input/src/input.mjs +296 -85
  56. package/es/components/input/src/input.mjs.map +1 -1
  57. package/es/components/input/src/input2.mjs +85 -296
  58. package/es/components/input/src/input2.mjs.map +1 -1
  59. package/es/components/input-number/index.mjs +2 -2
  60. package/es/components/input-number/src/input-number.mjs +171 -46
  61. package/es/components/input-number/src/input-number.mjs.map +1 -1
  62. package/es/components/input-number/src/input-number2.mjs +46 -171
  63. package/es/components/input-number/src/input-number2.mjs.map +1 -1
  64. package/es/components/link/index.mjs +2 -2
  65. package/es/components/link/src/link.mjs +19 -43
  66. package/es/components/link/src/link.mjs.map +1 -1
  67. package/es/components/link/src/link2.mjs +43 -19
  68. package/es/components/link/src/link2.mjs.map +1 -1
  69. package/es/components/menu/index.mjs +4 -4
  70. package/es/components/menu/src/menu-item-group.mjs +56 -4
  71. package/es/components/menu/src/menu-item-group.mjs.map +1 -1
  72. package/es/components/menu/src/menu-item-group2.mjs +4 -56
  73. package/es/components/menu/src/menu-item-group2.mjs.map +1 -1
  74. package/es/components/menu/src/menu-item.mjs +15 -65
  75. package/es/components/menu/src/menu-item.mjs.map +1 -1
  76. package/es/components/menu/src/menu-item2.mjs +65 -15
  77. package/es/components/menu/src/menu-item2.mjs.map +1 -1
  78. package/es/components/page-header/index.mjs +2 -2
  79. package/es/components/page-header/src/page-header.mjs +14 -55
  80. package/es/components/page-header/src/page-header.mjs.map +1 -1
  81. package/es/components/page-header/src/page-header2.mjs +55 -14
  82. package/es/components/page-header/src/page-header2.mjs.map +1 -1
  83. package/es/components/popconfirm/src/popconfirm2.mjs +1 -1
  84. package/es/components/popper/index.mjs +6 -6
  85. package/es/components/popper/src/arrow.mjs +31 -7
  86. package/es/components/popper/src/arrow.mjs.map +1 -1
  87. package/es/components/popper/src/arrow2.mjs +7 -31
  88. package/es/components/popper/src/arrow2.mjs.map +1 -1
  89. package/es/components/popper/src/content.mjs +64 -52
  90. package/es/components/popper/src/content.mjs.map +1 -1
  91. package/es/components/popper/src/content2.mjs +52 -64
  92. package/es/components/popper/src/content2.mjs.map +1 -1
  93. package/es/components/popper/src/trigger.mjs +17 -28
  94. package/es/components/popper/src/trigger.mjs.map +1 -1
  95. package/es/components/popper/src/trigger2.mjs +28 -17
  96. package/es/components/popper/src/trigger2.mjs.map +1 -1
  97. package/es/components/progress/index.mjs +2 -2
  98. package/es/components/progress/src/progress.mjs +230 -57
  99. package/es/components/progress/src/progress.mjs.map +1 -1
  100. package/es/components/progress/src/progress2.mjs +57 -230
  101. package/es/components/progress/src/progress2.mjs.map +1 -1
  102. package/es/components/rate/index.d.ts +5 -1
  103. package/es/components/rate/src/rate.mjs.map +1 -1
  104. package/es/components/rate/src/rate.vue.d.ts +6 -3
  105. package/es/components/scrollbar/index.mjs +2 -2
  106. package/es/components/scrollbar/src/bar.mjs +22 -35
  107. package/es/components/scrollbar/src/bar.mjs.map +1 -1
  108. package/es/components/scrollbar/src/bar2.mjs +35 -22
  109. package/es/components/scrollbar/src/bar2.mjs.map +1 -1
  110. package/es/components/scrollbar/src/scrollbar.mjs +112 -42
  111. package/es/components/scrollbar/src/scrollbar.mjs.map +1 -1
  112. package/es/components/scrollbar/src/scrollbar2.mjs +42 -112
  113. package/es/components/scrollbar/src/scrollbar2.mjs.map +1 -1
  114. package/es/components/teleport/index.mjs +2 -2
  115. package/es/components/teleport/src/teleport.mjs +43 -18
  116. package/es/components/teleport/src/teleport.mjs.map +1 -1
  117. package/es/components/teleport/src/teleport2.mjs +18 -43
  118. package/es/components/teleport/src/teleport2.mjs.map +1 -1
  119. package/es/components/timeline/index.mjs +2 -2
  120. package/es/components/timeline/src/timeline-item.mjs +39 -73
  121. package/es/components/timeline/src/timeline-item.mjs.map +1 -1
  122. package/es/components/timeline/src/timeline-item2.mjs +73 -39
  123. package/es/components/timeline/src/timeline-item2.mjs.map +1 -1
  124. package/es/components/tooltip/src/tooltip.mjs +2 -2
  125. package/es/components/tooltip/src/tooltip2.mjs +1 -1
  126. package/es/components/tooltip/src/trigger.mjs +1 -1
  127. package/es/components/tooltip-v2/index.mjs +2 -2
  128. package/es/components/tooltip-v2/src/arrow.mjs +22 -38
  129. package/es/components/tooltip-v2/src/arrow.mjs.map +1 -1
  130. package/es/components/tooltip-v2/src/arrow2.mjs +38 -22
  131. package/es/components/tooltip-v2/src/arrow2.mjs.map +1 -1
  132. package/es/components/tooltip-v2/src/root.mjs +81 -17
  133. package/es/components/tooltip-v2/src/root.mjs.map +1 -1
  134. package/es/components/tooltip-v2/src/root2.mjs +17 -81
  135. package/es/components/tooltip-v2/src/root2.mjs.map +1 -1
  136. package/es/components/tooltip-v2/src/tooltip.mjs +4 -4
  137. package/es/components/tooltip-v2/src/tooltip2.mjs +2 -2
  138. package/es/components/upload/index.mjs +1 -1
  139. package/es/components/upload/src/upload-content.mjs +46 -15
  140. package/es/components/upload/src/upload-content.mjs.map +1 -1
  141. package/es/components/upload/src/upload-content2.mjs +15 -46
  142. package/es/components/upload/src/upload-content2.mjs.map +1 -1
  143. package/es/components/upload/src/upload2.mjs +1 -1
  144. package/es/index.mjs +25 -25
  145. package/lib/components/affix/index.js +2 -2
  146. package/lib/components/affix/src/affix.js +82 -19
  147. package/lib/components/affix/src/affix.js.map +1 -1
  148. package/lib/components/affix/src/affix2.js +19 -82
  149. package/lib/components/affix/src/affix2.js.map +1 -1
  150. package/lib/components/alert/index.js +2 -2
  151. package/lib/components/alert/src/alert.js +33 -82
  152. package/lib/components/alert/src/alert.js.map +1 -1
  153. package/lib/components/alert/src/alert2.js +82 -33
  154. package/lib/components/alert/src/alert2.js.map +1 -1
  155. package/lib/components/breadcrumb/index.js +2 -2
  156. package/lib/components/breadcrumb/src/breadcrumb-item.js +11 -46
  157. package/lib/components/breadcrumb/src/breadcrumb-item.js.map +1 -1
  158. package/lib/components/breadcrumb/src/breadcrumb-item2.js +46 -11
  159. package/lib/components/breadcrumb/src/breadcrumb-item2.js.map +1 -1
  160. package/lib/components/button/index.js +2 -2
  161. package/lib/components/button/src/button-group.js +1 -1
  162. package/lib/components/button/src/button.js +50 -96
  163. package/lib/components/button/src/button.js.map +1 -1
  164. package/lib/components/button/src/button2.js +96 -50
  165. package/lib/components/button/src/button2.js.map +1 -1
  166. package/lib/components/check-tag/index.js +2 -2
  167. package/lib/components/check-tag/src/check-tag.js +20 -7
  168. package/lib/components/check-tag/src/check-tag.js.map +1 -1
  169. package/lib/components/check-tag/src/check-tag2.js +7 -20
  170. package/lib/components/check-tag/src/check-tag2.js.map +1 -1
  171. package/lib/components/collapse/index.js +2 -2
  172. package/lib/components/collapse/src/collapse.js +16 -61
  173. package/lib/components/collapse/src/collapse.js.map +1 -1
  174. package/lib/components/collapse/src/collapse2.js +61 -16
  175. package/lib/components/collapse/src/collapse2.js.map +1 -1
  176. package/lib/components/dialog/src/dialog-content.js +78 -33
  177. package/lib/components/dialog/src/dialog-content.js.map +1 -1
  178. package/lib/components/dialog/src/dialog-content2.js +33 -78
  179. package/lib/components/dialog/src/dialog-content2.js.map +1 -1
  180. package/lib/components/dialog/src/dialog.js +1 -1
  181. package/lib/components/dialog/src/dialog2.js +1 -1
  182. package/lib/components/drawer/index.js +2 -2
  183. package/lib/components/drawer/src/drawer.js +117 -23
  184. package/lib/components/drawer/src/drawer.js.map +1 -1
  185. package/lib/components/drawer/src/drawer2.js +23 -117
  186. package/lib/components/drawer/src/drawer2.js.map +1 -1
  187. package/lib/components/form/index.js +2 -2
  188. package/lib/components/form/src/form-item.js +47 -177
  189. package/lib/components/form/src/form-item.js.map +1 -1
  190. package/lib/components/form/src/form-item2.js +177 -47
  191. package/lib/components/form/src/form-item2.js.map +1 -1
  192. package/lib/components/icon/index.js +2 -2
  193. package/lib/components/icon/src/icon.js +8 -35
  194. package/lib/components/icon/src/icon.js.map +1 -1
  195. package/lib/components/icon/src/icon2.js +35 -8
  196. package/lib/components/icon/src/icon2.js.map +1 -1
  197. package/lib/components/index.js +25 -25
  198. package/lib/components/input/index.js +2 -2
  199. package/lib/components/input/src/input.js +295 -84
  200. package/lib/components/input/src/input.js.map +1 -1
  201. package/lib/components/input/src/input2.js +84 -295
  202. package/lib/components/input/src/input2.js.map +1 -1
  203. package/lib/components/input-number/index.js +2 -2
  204. package/lib/components/input-number/src/input-number.js +171 -46
  205. package/lib/components/input-number/src/input-number.js.map +1 -1
  206. package/lib/components/input-number/src/input-number2.js +46 -171
  207. package/lib/components/input-number/src/input-number2.js.map +1 -1
  208. package/lib/components/link/index.js +2 -2
  209. package/lib/components/link/src/link.js +19 -43
  210. package/lib/components/link/src/link.js.map +1 -1
  211. package/lib/components/link/src/link2.js +43 -19
  212. package/lib/components/link/src/link2.js.map +1 -1
  213. package/lib/components/menu/index.js +4 -4
  214. package/lib/components/menu/src/menu-item-group.js +56 -4
  215. package/lib/components/menu/src/menu-item-group.js.map +1 -1
  216. package/lib/components/menu/src/menu-item-group2.js +4 -56
  217. package/lib/components/menu/src/menu-item-group2.js.map +1 -1
  218. package/lib/components/menu/src/menu-item.js +16 -65
  219. package/lib/components/menu/src/menu-item.js.map +1 -1
  220. package/lib/components/menu/src/menu-item2.js +65 -16
  221. package/lib/components/menu/src/menu-item2.js.map +1 -1
  222. package/lib/components/page-header/index.js +2 -2
  223. package/lib/components/page-header/src/page-header.js +14 -55
  224. package/lib/components/page-header/src/page-header.js.map +1 -1
  225. package/lib/components/page-header/src/page-header2.js +55 -14
  226. package/lib/components/page-header/src/page-header2.js.map +1 -1
  227. package/lib/components/popconfirm/src/popconfirm2.js +1 -1
  228. package/lib/components/popper/index.js +6 -6
  229. package/lib/components/popper/src/arrow.js +31 -7
  230. package/lib/components/popper/src/arrow.js.map +1 -1
  231. package/lib/components/popper/src/arrow2.js +7 -31
  232. package/lib/components/popper/src/arrow2.js.map +1 -1
  233. package/lib/components/popper/src/content.js +65 -52
  234. package/lib/components/popper/src/content.js.map +1 -1
  235. package/lib/components/popper/src/content2.js +52 -65
  236. package/lib/components/popper/src/content2.js.map +1 -1
  237. package/lib/components/popper/src/trigger.js +17 -28
  238. package/lib/components/popper/src/trigger.js.map +1 -1
  239. package/lib/components/popper/src/trigger2.js +28 -17
  240. package/lib/components/popper/src/trigger2.js.map +1 -1
  241. package/lib/components/progress/index.js +2 -2
  242. package/lib/components/progress/src/progress.js +230 -57
  243. package/lib/components/progress/src/progress.js.map +1 -1
  244. package/lib/components/progress/src/progress2.js +57 -230
  245. package/lib/components/progress/src/progress2.js.map +1 -1
  246. package/lib/components/rate/index.d.ts +5 -1
  247. package/lib/components/rate/src/rate.js.map +1 -1
  248. package/lib/components/rate/src/rate.vue.d.ts +6 -3
  249. package/lib/components/scrollbar/index.js +2 -2
  250. package/lib/components/scrollbar/src/bar.js +22 -35
  251. package/lib/components/scrollbar/src/bar.js.map +1 -1
  252. package/lib/components/scrollbar/src/bar2.js +35 -22
  253. package/lib/components/scrollbar/src/bar2.js.map +1 -1
  254. package/lib/components/scrollbar/src/scrollbar.js +112 -42
  255. package/lib/components/scrollbar/src/scrollbar.js.map +1 -1
  256. package/lib/components/scrollbar/src/scrollbar2.js +42 -112
  257. package/lib/components/scrollbar/src/scrollbar2.js.map +1 -1
  258. package/lib/components/teleport/index.js +2 -2
  259. package/lib/components/teleport/src/teleport.js +43 -18
  260. package/lib/components/teleport/src/teleport.js.map +1 -1
  261. package/lib/components/teleport/src/teleport2.js +18 -43
  262. package/lib/components/teleport/src/teleport2.js.map +1 -1
  263. package/lib/components/timeline/index.js +2 -2
  264. package/lib/components/timeline/src/timeline-item.js +39 -73
  265. package/lib/components/timeline/src/timeline-item.js.map +1 -1
  266. package/lib/components/timeline/src/timeline-item2.js +73 -39
  267. package/lib/components/timeline/src/timeline-item2.js.map +1 -1
  268. package/lib/components/tooltip/src/tooltip.js +2 -2
  269. package/lib/components/tooltip/src/tooltip2.js +1 -1
  270. package/lib/components/tooltip/src/trigger.js +1 -1
  271. package/lib/components/tooltip-v2/index.js +2 -2
  272. package/lib/components/tooltip-v2/src/arrow.js +23 -38
  273. package/lib/components/tooltip-v2/src/arrow.js.map +1 -1
  274. package/lib/components/tooltip-v2/src/arrow2.js +38 -23
  275. package/lib/components/tooltip-v2/src/arrow2.js.map +1 -1
  276. package/lib/components/tooltip-v2/src/root.js +81 -17
  277. package/lib/components/tooltip-v2/src/root.js.map +1 -1
  278. package/lib/components/tooltip-v2/src/root2.js +17 -81
  279. package/lib/components/tooltip-v2/src/root2.js.map +1 -1
  280. package/lib/components/tooltip-v2/src/tooltip.js +4 -4
  281. package/lib/components/tooltip-v2/src/tooltip2.js +2 -2
  282. package/lib/components/upload/index.js +1 -1
  283. package/lib/components/upload/src/upload-content.js +46 -15
  284. package/lib/components/upload/src/upload-content.js.map +1 -1
  285. package/lib/components/upload/src/upload-content2.js +15 -46
  286. package/lib/components/upload/src/upload-content2.js.map +1 -1
  287. package/lib/components/upload/src/upload2.js +1 -1
  288. package/lib/index.js +25 -25
  289. package/package.json +1 -1
  290. package/web-types.json +1 -1
@@ -1 +1 @@
1
- {"version":3,"file":"check-tag2.mjs","sources":["../../../../../../packages/components/check-tag/src/check-tag.vue"],"sourcesContent":["<template>\n <span :class=\"[ns.b(), ns.is('checked', checked)]\">\n <slot />\n </span>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useNamespace } from '@element-ps/hooks'\n\ndefineOptions({\n name: 'PsCheckTag',\n})\n\nconst ns = useNamespace('check-tag')\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;AAaA,IAAA,MAAA,EAAA,GAAA,aAAA,WAAA,CAAA,CAAA;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"check-tag2.mjs","sources":["../../../../../../packages/components/check-tag/src/check-tag.ts"],"sourcesContent":["import { buildProps, isBoolean } from '@element-ps/utils'\nimport type CheckTag from './check-tag.vue'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const checkTagProps = buildProps({\n checked: {\n type: Boolean,\n default: false,\n },\n} as const)\nexport type CheckTagProps = ExtractPropTypes<typeof checkTagProps>\n\nexport type CheckTagInstance = InstanceType<typeof CheckTag>\n"],"names":[],"mappings":";;;AACY,MAAC,aAAa,GAAG,UAAU,CAAC;AACxC,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,CAAC;;;;"}
@@ -1,7 +1,7 @@
1
1
  import '../../utils/index.mjs';
2
- import Collapse from './src/collapse.mjs';
2
+ import Collapse from './src/collapse2.mjs';
3
3
  import CollapseItem from './src/collapse-item.mjs';
4
- export { collapseEmits, collapseProps, emitChangeFn } from './src/collapse2.mjs';
4
+ export { collapseEmits, collapseProps, emitChangeFn } from './src/collapse.mjs';
5
5
  export { collapseItemProps } from './src/collapse-item2.mjs';
6
6
  import { withInstall, withNoopInstall } from '../../utils/vue/install.mjs';
7
7
 
@@ -1,69 +1,22 @@
1
- import { defineComponent, ref, watch, provide, openBlock, createElementBlock, normalizeClass, unref, renderSlot } from 'vue';
2
1
  import '../../../utils/index.mjs';
3
2
  import '../../../constants/index.mjs';
4
- import '../../../hooks/index.mjs';
5
- import '../../../tokens/index.mjs';
6
- import { collapseProps, collapseEmits } from './collapse2.mjs';
7
- import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
8
- import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
9
- import { castArray } from 'lodash-unified';
3
+ import { isNumber } from '@vueuse/core';
4
+ import { buildProps, definePropType } from '../../../utils/vue/props.mjs';
5
+ import { mutable } from '../../../utils/typescript.mjs';
10
6
  import { UPDATE_MODEL_EVENT, CHANGE_EVENT } from '../../../constants/event.mjs';
11
- import { collapseContextKey } from '../../../tokens/collapse.mjs';
12
7
 
13
- const __default__ = {
14
- name: "PsCollapse"
15
- };
16
- const _sfc_main = /* @__PURE__ */ defineComponent({
17
- ...__default__,
18
- props: collapseProps,
19
- emits: collapseEmits,
20
- setup(__props, { expose, emit }) {
21
- const props = __props;
22
- const ns = useNamespace("collapse");
23
- const activeNames = ref(castArray(props.modelValue));
24
- const setActiveNames = (_activeNames) => {
25
- activeNames.value = _activeNames;
26
- const value = props.accordion ? activeNames.value[0] : activeNames.value;
27
- emit(UPDATE_MODEL_EVENT, value);
28
- emit(CHANGE_EVENT, value);
29
- };
30
- const handleItemClick = (name) => {
31
- if (props.accordion) {
32
- setActiveNames([
33
- (activeNames.value[0] || activeNames.value[0] === 0) && activeNames.value[0] === name ? "" : name
34
- ]);
35
- } else {
36
- const _activeNames = [...activeNames.value];
37
- const index = _activeNames.indexOf(name);
38
- if (index > -1) {
39
- _activeNames.splice(index, 1);
40
- } else {
41
- _activeNames.push(name);
42
- }
43
- setActiveNames(_activeNames);
44
- }
45
- };
46
- watch(() => props.modelValue, () => activeNames.value = castArray(props.modelValue), { deep: true });
47
- provide(collapseContextKey, {
48
- activeNames,
49
- handleItemClick
50
- });
51
- expose({
52
- activeNames,
53
- setActiveNames
54
- });
55
- return (_ctx, _cache) => {
56
- return openBlock(), createElementBlock("div", {
57
- class: normalizeClass(unref(ns).b()),
58
- role: "tablist",
59
- "aria-multiselectable": "true"
60
- }, [
61
- renderSlot(_ctx.$slots, "default")
62
- ], 2);
63
- };
8
+ const emitChangeFn = (value) => typeof isNumber(value);
9
+ const collapseProps = buildProps({
10
+ accordion: Boolean,
11
+ modelValue: {
12
+ type: definePropType([Array, String, Number]),
13
+ default: () => mutable([])
64
14
  }
65
15
  });
66
- var Collapse = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/meng/workspace/element-ps/packages/components/collapse/src/collapse.vue"]]);
16
+ const collapseEmits = {
17
+ [UPDATE_MODEL_EVENT]: emitChangeFn,
18
+ [CHANGE_EVENT]: emitChangeFn
19
+ };
67
20
 
68
- export { Collapse as default };
21
+ export { collapseEmits, collapseProps, emitChangeFn };
69
22
  //# sourceMappingURL=collapse.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"collapse.mjs","sources":["../../../../../../packages/components/collapse/src/collapse.vue"],"sourcesContent":["<template>\n <div :class=\"ns.b()\" role=\"tablist\" aria-multiselectable=\"true\">\n <slot />\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { provide, ref, watch } from 'vue'\nimport { ensureArray } from '@element-ps/utils'\nimport { CHANGE_EVENT, UPDATE_MODEL_EVENT } from '@element-ps/constants'\nimport { useNamespace } from '@element-ps/hooks'\nimport { collapseContextKey } from '@element-ps/tokens'\nimport { collapseEmits, collapseProps } from './collapse'\nimport type { CollapseActiveName } from './collapse'\n\ndefineOptions({\n name: 'PsCollapse',\n})\nconst props = defineProps(collapseProps)\nconst emit = defineEmits(collapseEmits)\n\nconst ns = useNamespace('collapse')\nconst activeNames = ref(ensureArray(props.modelValue))\n\nconst setActiveNames = (_activeNames: CollapseActiveName[]) => {\n activeNames.value = _activeNames\n const value = props.accordion ? activeNames.value[0] : activeNames.value\n emit(UPDATE_MODEL_EVENT, value)\n emit(CHANGE_EVENT, value)\n}\n\nconst handleItemClick = (name: CollapseActiveName) => {\n if (props.accordion) {\n setActiveNames([\n (activeNames.value[0] || activeNames.value[0] === 0) &&\n activeNames.value[0] === name\n ? ''\n : name,\n ])\n } else {\n const _activeNames = [...activeNames.value]\n const index = _activeNames.indexOf(name)\n\n if (index > -1) {\n _activeNames.splice(index, 1)\n } else {\n _activeNames.push(name)\n }\n setActiveNames(_activeNames)\n }\n}\n\nwatch(\n () => props.modelValue,\n () => (activeNames.value = ensureArray(props.modelValue)),\n { deep: true }\n)\n\nprovide(collapseContextKey, {\n activeNames,\n handleItemClick,\n})\n\ndefineExpose({\n /** @description active names */\n activeNames,\n /** @description set active names */\n setActiveNames,\n})\n</script>\n"],"names":["ensureArray"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAqBA,IAAA,MAAA,EAAA,GAAA,aAAA,UAAA,CAAA,CAAA;AACA,IAAA,MAAA,WAAA,GAAA,GAAA,CAAAA,SAAA,CAAA,KAAA,CAAA,UAAA,CAAA,CAAA,CAAA;AAEA,IAAA,MAAA,cAAA,GAAA,CAAA,YAAA,KAAA;AACA,MAAA,WAAA,CAAA,KAAA,GAAA,YAAA,CAAA;AACA,MAAA,MAAA,QAAA,KAAA,CAAA,SAAA,GAAA,WAAA,CAAA,KAAA,CAAA,KAAA,WAAA,CAAA,KAAA,CAAA;AACA,MAAA,IAAA,CAAA,oBAAA,KAAA,CAAA,CAAA;AACA,MAAA,IAAA,CAAA,cAAA,KAAA,CAAA,CAAA;AAAA,KACA,CAAA;AAEA,IAAA,MAAA,eAAA,GAAA,CAAA,IAAA,KAAA;AACA,MAAA,IAAA,MAAA,SAAA,EAAA;AACA,QAAA,cAAA,CAAA;AAAA,UACA,CAAA,WAAA,CAAA,KAAA,CAAA,CAAA,CAAA,IAAA,WAAA,CAAA,KAAA,CAAA,CAAA,CAAA,KAAA,CAAA,KACA,WAAA,CAAA,KAAA,CAAA,CAAA,CAAA,KAAA,IAAA,GACA,EACA,GAAA,IAAA;AAAA,SACA,CAAA,CAAA;AAAA,OACA,MAAA;AACA,QAAA,MAAA,YAAA,GAAA,CAAA,GAAA,WAAA,CAAA,KAAA,CAAA,CAAA;AACA,QAAA,MAAA,KAAA,GAAA,YAAA,CAAA,OAAA,CAAA,IAAA,CAAA,CAAA;AAEA,QAAA,IAAA,QAAA,CAAA,CAAA,EAAA;AACA,UAAA,YAAA,CAAA,MAAA,CAAA,OAAA,CAAA,CAAA,CAAA;AAAA,SACA,MAAA;AACA,UAAA,YAAA,CAAA,KAAA,IAAA,CAAA,CAAA;AAAA,SACA;AACA,QAAA,cAAA,CAAA,YAAA,CAAA,CAAA;AAAA,OACA;AAAA,KACA,CAAA;AAEA,IAAA,KAAA,CACA,MAAA,KAAA,CAAA,UACA,EAAA,MAAA,WAAA,CAAA,KAAA,GAAAA,SAAA,CAAA,KAAA,CAAA,UAAA,CAAA,EACA,EAAA,IAAA,EAAA,MACA,CAAA,CAAA;AAEA,IAAA,OAAA,CAAA,kBAAA,EAAA;AAAA,MACA,WAAA;AAAA,MACA,eAAA;AAAA,KACA,CAAA,CAAA;AAEA,IAAA,MAAA,CAAA;AAAA,MAEA,WAAA;AAAA,MAEA,cAAA;AAAA,KACA,CAAA,CAAA;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"collapse.mjs","sources":["../../../../../../packages/components/collapse/src/collapse.ts"],"sourcesContent":["import {\n buildProps,\n definePropType,\n isNumber,\n isString,\n mutable,\n} from '@element-ps/utils'\nimport { CHANGE_EVENT, UPDATE_MODEL_EVENT } from '@element-ps/constants'\nimport type { ExtractPropTypes } from 'vue'\nimport type Collapse from './collapse.vue'\nimport type { Arrayable } from '@element-ps/utils'\n\nexport type CollapseActiveName = string | number\nexport type CollapseModelValue = Arrayable<CollapseActiveName>\n\nexport const emitChangeFn = (value: CollapseModelValue) =>\n typeof isNumber(value) || isString(value) || Array.isArray(value)\n\nexport const collapseProps = buildProps({\n accordion: Boolean,\n modelValue: {\n type: definePropType<CollapseModelValue>([Array, String, Number]),\n default: () => mutable([] as const),\n },\n} as const)\nexport type CollapseProps = ExtractPropTypes<typeof collapseProps>\n\nexport const collapseEmits = {\n [UPDATE_MODEL_EVENT]: emitChangeFn,\n [CHANGE_EVENT]: emitChangeFn,\n}\nexport type CollapseEmits = typeof collapseEmits\n\nexport type CollapseInstance = InstanceType<typeof Collapse>\n"],"names":[],"mappings":";;;;;;;AAOY,MAAC,YAAY,GAAG,CAAC,KAAK,KAAK,OAAO,QAAQ,CAAC,KAAK,EAAE;AAClD,MAAC,aAAa,GAAG,UAAU,CAAC;AACxC,EAAE,SAAS,EAAE,OAAO;AACpB,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,cAAc,CAAC,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;AACjD,IAAI,OAAO,EAAE,MAAM,OAAO,CAAC,EAAE,CAAC;AAC9B,GAAG;AACH,CAAC,EAAE;AACS,MAAC,aAAa,GAAG;AAC7B,EAAE,CAAC,kBAAkB,GAAG,YAAY;AACpC,EAAE,CAAC,YAAY,GAAG,YAAY;AAC9B;;;;"}
@@ -1,22 +1,69 @@
1
+ import { defineComponent, ref, watch, provide, openBlock, createElementBlock, normalizeClass, unref, renderSlot } from 'vue';
1
2
  import '../../../utils/index.mjs';
2
3
  import '../../../constants/index.mjs';
3
- import { isNumber } from '@vueuse/core';
4
- import { buildProps, definePropType } from '../../../utils/vue/props.mjs';
5
- import { mutable } from '../../../utils/typescript.mjs';
4
+ import '../../../hooks/index.mjs';
5
+ import '../../../tokens/index.mjs';
6
+ import { collapseProps, collapseEmits } from './collapse.mjs';
7
+ import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
8
+ import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
9
+ import { castArray } from 'lodash-unified';
6
10
  import { UPDATE_MODEL_EVENT, CHANGE_EVENT } from '../../../constants/event.mjs';
11
+ import { collapseContextKey } from '../../../tokens/collapse.mjs';
7
12
 
8
- const emitChangeFn = (value) => typeof isNumber(value);
9
- const collapseProps = buildProps({
10
- accordion: Boolean,
11
- modelValue: {
12
- type: definePropType([Array, String, Number]),
13
- default: () => mutable([])
13
+ const __default__ = {
14
+ name: "PsCollapse"
15
+ };
16
+ const _sfc_main = /* @__PURE__ */ defineComponent({
17
+ ...__default__,
18
+ props: collapseProps,
19
+ emits: collapseEmits,
20
+ setup(__props, { expose, emit }) {
21
+ const props = __props;
22
+ const ns = useNamespace("collapse");
23
+ const activeNames = ref(castArray(props.modelValue));
24
+ const setActiveNames = (_activeNames) => {
25
+ activeNames.value = _activeNames;
26
+ const value = props.accordion ? activeNames.value[0] : activeNames.value;
27
+ emit(UPDATE_MODEL_EVENT, value);
28
+ emit(CHANGE_EVENT, value);
29
+ };
30
+ const handleItemClick = (name) => {
31
+ if (props.accordion) {
32
+ setActiveNames([
33
+ (activeNames.value[0] || activeNames.value[0] === 0) && activeNames.value[0] === name ? "" : name
34
+ ]);
35
+ } else {
36
+ const _activeNames = [...activeNames.value];
37
+ const index = _activeNames.indexOf(name);
38
+ if (index > -1) {
39
+ _activeNames.splice(index, 1);
40
+ } else {
41
+ _activeNames.push(name);
42
+ }
43
+ setActiveNames(_activeNames);
44
+ }
45
+ };
46
+ watch(() => props.modelValue, () => activeNames.value = castArray(props.modelValue), { deep: true });
47
+ provide(collapseContextKey, {
48
+ activeNames,
49
+ handleItemClick
50
+ });
51
+ expose({
52
+ activeNames,
53
+ setActiveNames
54
+ });
55
+ return (_ctx, _cache) => {
56
+ return openBlock(), createElementBlock("div", {
57
+ class: normalizeClass(unref(ns).b()),
58
+ role: "tablist",
59
+ "aria-multiselectable": "true"
60
+ }, [
61
+ renderSlot(_ctx.$slots, "default")
62
+ ], 2);
63
+ };
14
64
  }
15
65
  });
16
- const collapseEmits = {
17
- [UPDATE_MODEL_EVENT]: emitChangeFn,
18
- [CHANGE_EVENT]: emitChangeFn
19
- };
66
+ var Collapse = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/meng/workspace/element-ps/packages/components/collapse/src/collapse.vue"]]);
20
67
 
21
- export { collapseEmits, collapseProps, emitChangeFn };
68
+ export { Collapse as default };
22
69
  //# sourceMappingURL=collapse2.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"collapse2.mjs","sources":["../../../../../../packages/components/collapse/src/collapse.ts"],"sourcesContent":["import {\n buildProps,\n definePropType,\n isNumber,\n isString,\n mutable,\n} from '@element-ps/utils'\nimport { CHANGE_EVENT, UPDATE_MODEL_EVENT } from '@element-ps/constants'\nimport type { ExtractPropTypes } from 'vue'\nimport type Collapse from './collapse.vue'\nimport type { Arrayable } from '@element-ps/utils'\n\nexport type CollapseActiveName = string | number\nexport type CollapseModelValue = Arrayable<CollapseActiveName>\n\nexport const emitChangeFn = (value: CollapseModelValue) =>\n typeof isNumber(value) || isString(value) || Array.isArray(value)\n\nexport const collapseProps = buildProps({\n accordion: Boolean,\n modelValue: {\n type: definePropType<CollapseModelValue>([Array, String, Number]),\n default: () => mutable([] as const),\n },\n} as const)\nexport type CollapseProps = ExtractPropTypes<typeof collapseProps>\n\nexport const collapseEmits = {\n [UPDATE_MODEL_EVENT]: emitChangeFn,\n [CHANGE_EVENT]: emitChangeFn,\n}\nexport type CollapseEmits = typeof collapseEmits\n\nexport type CollapseInstance = InstanceType<typeof Collapse>\n"],"names":[],"mappings":";;;;;;;AAOY,MAAC,YAAY,GAAG,CAAC,KAAK,KAAK,OAAO,QAAQ,CAAC,KAAK,EAAE;AAClD,MAAC,aAAa,GAAG,UAAU,CAAC;AACxC,EAAE,SAAS,EAAE,OAAO;AACpB,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,cAAc,CAAC,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;AACjD,IAAI,OAAO,EAAE,MAAM,OAAO,CAAC,EAAE,CAAC;AAC9B,GAAG;AACH,CAAC,EAAE;AACS,MAAC,aAAa,GAAG;AAC7B,EAAE,CAAC,kBAAkB,GAAG,YAAY;AACpC,EAAE,CAAC,YAAY,GAAG,YAAY;AAC9B;;;;"}
1
+ {"version":3,"file":"collapse2.mjs","sources":["../../../../../../packages/components/collapse/src/collapse.vue"],"sourcesContent":["<template>\n <div :class=\"ns.b()\" role=\"tablist\" aria-multiselectable=\"true\">\n <slot />\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { provide, ref, watch } from 'vue'\nimport { ensureArray } from '@element-ps/utils'\nimport { CHANGE_EVENT, UPDATE_MODEL_EVENT } from '@element-ps/constants'\nimport { useNamespace } from '@element-ps/hooks'\nimport { collapseContextKey } from '@element-ps/tokens'\nimport { collapseEmits, collapseProps } from './collapse'\nimport type { CollapseActiveName } from './collapse'\n\ndefineOptions({\n name: 'PsCollapse',\n})\nconst props = defineProps(collapseProps)\nconst emit = defineEmits(collapseEmits)\n\nconst ns = useNamespace('collapse')\nconst activeNames = ref(ensureArray(props.modelValue))\n\nconst setActiveNames = (_activeNames: CollapseActiveName[]) => {\n activeNames.value = _activeNames\n const value = props.accordion ? activeNames.value[0] : activeNames.value\n emit(UPDATE_MODEL_EVENT, value)\n emit(CHANGE_EVENT, value)\n}\n\nconst handleItemClick = (name: CollapseActiveName) => {\n if (props.accordion) {\n setActiveNames([\n (activeNames.value[0] || activeNames.value[0] === 0) &&\n activeNames.value[0] === name\n ? ''\n : name,\n ])\n } else {\n const _activeNames = [...activeNames.value]\n const index = _activeNames.indexOf(name)\n\n if (index > -1) {\n _activeNames.splice(index, 1)\n } else {\n _activeNames.push(name)\n }\n setActiveNames(_activeNames)\n }\n}\n\nwatch(\n () => props.modelValue,\n () => (activeNames.value = ensureArray(props.modelValue)),\n { deep: true }\n)\n\nprovide(collapseContextKey, {\n activeNames,\n handleItemClick,\n})\n\ndefineExpose({\n /** @description active names */\n activeNames,\n /** @description set active names */\n setActiveNames,\n})\n</script>\n"],"names":["ensureArray"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAqBA,IAAA,MAAA,EAAA,GAAA,aAAA,UAAA,CAAA,CAAA;AACA,IAAA,MAAA,WAAA,GAAA,GAAA,CAAAA,SAAA,CAAA,KAAA,CAAA,UAAA,CAAA,CAAA,CAAA;AAEA,IAAA,MAAA,cAAA,GAAA,CAAA,YAAA,KAAA;AACA,MAAA,WAAA,CAAA,KAAA,GAAA,YAAA,CAAA;AACA,MAAA,MAAA,QAAA,KAAA,CAAA,SAAA,GAAA,WAAA,CAAA,KAAA,CAAA,KAAA,WAAA,CAAA,KAAA,CAAA;AACA,MAAA,IAAA,CAAA,oBAAA,KAAA,CAAA,CAAA;AACA,MAAA,IAAA,CAAA,cAAA,KAAA,CAAA,CAAA;AAAA,KACA,CAAA;AAEA,IAAA,MAAA,eAAA,GAAA,CAAA,IAAA,KAAA;AACA,MAAA,IAAA,MAAA,SAAA,EAAA;AACA,QAAA,cAAA,CAAA;AAAA,UACA,CAAA,WAAA,CAAA,KAAA,CAAA,CAAA,CAAA,IAAA,WAAA,CAAA,KAAA,CAAA,CAAA,CAAA,KAAA,CAAA,KACA,WAAA,CAAA,KAAA,CAAA,CAAA,CAAA,KAAA,IAAA,GACA,EACA,GAAA,IAAA;AAAA,SACA,CAAA,CAAA;AAAA,OACA,MAAA;AACA,QAAA,MAAA,YAAA,GAAA,CAAA,GAAA,WAAA,CAAA,KAAA,CAAA,CAAA;AACA,QAAA,MAAA,KAAA,GAAA,YAAA,CAAA,OAAA,CAAA,IAAA,CAAA,CAAA;AAEA,QAAA,IAAA,QAAA,CAAA,CAAA,EAAA;AACA,UAAA,YAAA,CAAA,MAAA,CAAA,OAAA,CAAA,CAAA,CAAA;AAAA,SACA,MAAA;AACA,UAAA,YAAA,CAAA,KAAA,IAAA,CAAA,CAAA;AAAA,SACA;AACA,QAAA,cAAA,CAAA,YAAA,CAAA,CAAA;AAAA,OACA;AAAA,KACA,CAAA;AAEA,IAAA,KAAA,CACA,MAAA,KAAA,CAAA,UACA,EAAA,MAAA,WAAA,CAAA,KAAA,GAAAA,SAAA,CAAA,KAAA,CAAA,UAAA,CAAA,EACA,EAAA,IAAA,EAAA,MACA,CAAA,CAAA;AAEA,IAAA,OAAA,CAAA,kBAAA,EAAA;AAAA,MACA,WAAA;AAAA,MACA,eAAA;AAAA,KACA,CAAA,CAAA;AAEA,IAAA,MAAA,CAAA;AAAA,MAEA,WAAA;AAAA,MAEA,cAAA;AAAA,KACA,CAAA,CAAA;;;;;;;;;;;;;;;;"}
@@ -1,40 +1,85 @@
1
+ import { defineComponent, inject, openBlock, createElementBlock, normalizeClass, unref, normalizeStyle, createElementVNode, renderSlot, toDisplayString, createCommentVNode, createVNode, withCtx, createBlock, resolveDynamicComponent } from 'vue';
2
+ import { PsIcon } from '../../icon/index.mjs';
1
3
  import '../../../utils/index.mjs';
2
- import { buildProps } from '../../../utils/vue/props.mjs';
3
- import { iconPropType } from '../../../utils/vue/icon.mjs';
4
+ import '../../../tokens/index.mjs';
5
+ import { dialogContentProps } from './dialog-content2.mjs';
6
+ import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
7
+ import { CloseComponents } from '../../../utils/vue/icon.mjs';
8
+ import { dialogInjectionKey } from '../../../tokens/dialog.mjs';
4
9
 
5
- const dialogContentProps = buildProps({
6
- center: {
7
- type: Boolean,
8
- default: false
9
- },
10
- closeIcon: {
11
- type: iconPropType,
12
- default: ""
13
- },
14
- customClass: {
15
- type: String,
16
- default: ""
17
- },
18
- draggable: {
19
- type: Boolean,
20
- default: false
21
- },
22
- fullscreen: {
23
- type: Boolean,
24
- default: false
25
- },
26
- showClose: {
27
- type: Boolean,
28
- default: true
29
- },
30
- title: {
31
- type: String,
32
- default: ""
33
- },
34
- widget: {
35
- type: String
10
+ const _hoisted_1 = ["aria-label", "widget"];
11
+ const _hoisted_2 = ["widget"];
12
+ const _hoisted_3 = ["widget"];
13
+ const _hoisted_4 = ["widget"];
14
+ const __default__ = { name: "PsDialogContent" };
15
+ const _sfc_main = /* @__PURE__ */ defineComponent({
16
+ ...__default__,
17
+ props: dialogContentProps,
18
+ setup(__props) {
19
+ const { Close } = CloseComponents;
20
+ const { dialogRef, headerRef, ns, style } = inject(dialogInjectionKey);
21
+ return (_ctx, _cache) => {
22
+ return openBlock(), createElementBlock("div", {
23
+ ref_key: "dialogRef",
24
+ ref: dialogRef,
25
+ class: normalizeClass([
26
+ unref(ns).b(),
27
+ unref(ns).is("fullscreen", _ctx.fullscreen),
28
+ unref(ns).is("draggable", _ctx.draggable),
29
+ { [unref(ns).m("center")]: _ctx.center },
30
+ _ctx.customClass
31
+ ]),
32
+ "aria-modal": "true",
33
+ role: "dialog",
34
+ "aria-label": _ctx.title || "dialog",
35
+ style: normalizeStyle(unref(style)),
36
+ widget: _ctx.widget
37
+ }, [
38
+ createElementVNode("div", {
39
+ ref_key: "headerRef",
40
+ ref: headerRef,
41
+ class: normalizeClass(unref(ns).e("header")),
42
+ widget: _ctx.widget ? "dialog:title:" + _ctx.widget.split(":")[1] : void 0
43
+ }, [
44
+ renderSlot(_ctx.$slots, "title", {}, () => [
45
+ createElementVNode("span", {
46
+ class: normalizeClass(unref(ns).e("title"))
47
+ }, toDisplayString(_ctx.title), 3)
48
+ ])
49
+ ], 10, _hoisted_2),
50
+ createElementVNode("div", {
51
+ class: normalizeClass(unref(ns).e("body")),
52
+ widget: _ctx.widget ? "dialog:default:" + _ctx.widget.split(":")[1] : void 0
53
+ }, [
54
+ renderSlot(_ctx.$slots, "default")
55
+ ], 10, _hoisted_3),
56
+ _ctx.$slots.footer ? (openBlock(), createElementBlock("div", {
57
+ key: 0,
58
+ class: normalizeClass(unref(ns).e("footer")),
59
+ widget: _ctx.widget ? "dialog:footer:" + _ctx.widget.split(":")[1] : void 0
60
+ }, [
61
+ renderSlot(_ctx.$slots, "footer")
62
+ ], 10, _hoisted_4)) : createCommentVNode("v-if", true),
63
+ _ctx.showClose ? (openBlock(), createElementBlock("button", {
64
+ key: 1,
65
+ "aria-label": "close",
66
+ class: normalizeClass(unref(ns).e("headerbtn")),
67
+ type: "button"
68
+ }, [
69
+ createVNode(unref(PsIcon), {
70
+ class: normalizeClass(unref(ns).e("close"))
71
+ }, {
72
+ default: withCtx(() => [
73
+ (openBlock(), createBlock(resolveDynamicComponent(_ctx.closeIcon || unref(Close))))
74
+ ]),
75
+ _: 1
76
+ }, 8, ["class"])
77
+ ], 2)) : createCommentVNode("v-if", true)
78
+ ], 14, _hoisted_1);
79
+ };
36
80
  }
37
81
  });
82
+ var PsDialogContent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/meng/workspace/element-ps/packages/components/dialog/src/dialog-content.vue"]]);
38
83
 
39
- export { dialogContentProps };
84
+ export { PsDialogContent as default };
40
85
  //# sourceMappingURL=dialog-content.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"dialog-content.mjs","sources":["../../../../../../packages/components/dialog/src/dialog-content.ts"],"sourcesContent":["import { buildProps, iconPropType } from '@element-ps/utils'\n\nexport const dialogContentProps = buildProps({\n center: {\n type: Boolean,\n default: false,\n },\n closeIcon: {\n type: iconPropType,\n default: '',\n },\n customClass: {\n type: String,\n default: '',\n },\n draggable: {\n type: Boolean,\n default: false,\n },\n fullscreen: {\n type: Boolean,\n default: false,\n },\n showClose: {\n type: Boolean,\n default: true,\n },\n title: {\n type: String,\n default: '',\n },\n widget: {\n type: String,\n },\n} as const)\n"],"names":[],"mappings":";;;;AACY,MAAC,kBAAkB,GAAG,UAAU,CAAC;AAC7C,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,YAAY;AACtB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,GAAG;AACH,CAAC;;;;"}
1
+ {"version":3,"file":"dialog-content.mjs","sources":["../../../../../../packages/components/dialog/src/dialog-content.vue"],"sourcesContent":["<template>\n <div\n ref=\"dialogRef\"\n :class=\"[\n ns.b(),\n ns.is('fullscreen', fullscreen),\n ns.is('draggable', draggable),\n { [ns.m('center')]: center },\n customClass,\n ]\"\n aria-modal=\"true\"\n role=\"dialog\"\n :aria-label=\"title || 'dialog'\"\n :style=\"style\"\n :widget=\"widget\"\n >\n <div ref=\"headerRef\"\n :class=\"ns.e('header')\"\n :widget=\"widget ? 'dialog:title:' + widget.split(':')[1] : undefined\"\n >\n <slot name=\"title\">\n <span :class=\"ns.e('title')\">\n {{ title }}\n </span>\n </slot>\n </div>\n <div :class=\"ns.e('body')\"\n :widget=\"widget ? 'dialog:default:' + widget.split(':')[1] : undefined\">\n <slot />\n </div>\n <div v-if=\"$slots.footer\" :class=\"ns.e('footer')\"\n :widget=\"widget ? 'dialog:footer:' + widget.split(':')[1] : undefined\"\n >\n <slot name=\"footer\" />\n </div>\n <button\n v-if=\"showClose\"\n aria-label=\"close\"\n :class=\"ns.e('headerbtn')\"\n type=\"button\"\n >\n <ps-icon :class=\"ns.e('close')\">\n <component :is=\"closeIcon || Close\" />\n </ps-icon>\n </button>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { inject } from 'vue'\nimport { PsIcon } from '@element-ps/components/icon'\nimport { CloseComponents } from '@element-ps/utils'\nimport { dialogInjectionKey } from '@element-ps/tokens'\nimport { dialogContentProps } from './dialog-content'\n\nconst { Close } = CloseComponents\n\ndefineOptions({ name: 'PsDialogContent' })\ndefineProps(dialogContentProps)\n\nconst { dialogRef, headerRef, ns, style } = inject(dialogInjectionKey)!\n// const { focusTrapRef, onKeydown } = inject(FOCUS_TRAP_INJECTION_KEY)!\n\n// const composedDialogRef = composeRefs(focusTrapRef, dialogRef)\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAuDA,IAAA,MAAA,EAAA,KAAA,EAAA,GAAA,eAAA,CAAA;AAKA,IAAA,MAAA,EAAA,SAAA,EAAA,SAAA,EAAA,EAAA,EAAA,KAAA,EAAA,GAAA,OAAA,kBAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1,85 +1,40 @@
1
- import { defineComponent, inject, openBlock, createElementBlock, normalizeClass, unref, normalizeStyle, createElementVNode, renderSlot, toDisplayString, createCommentVNode, createVNode, withCtx, createBlock, resolveDynamicComponent } from 'vue';
2
- import { PsIcon } from '../../icon/index.mjs';
3
1
  import '../../../utils/index.mjs';
4
- import '../../../tokens/index.mjs';
5
- import { dialogContentProps } from './dialog-content.mjs';
6
- import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
7
- import { CloseComponents } from '../../../utils/vue/icon.mjs';
8
- import { dialogInjectionKey } from '../../../tokens/dialog.mjs';
2
+ import { buildProps } from '../../../utils/vue/props.mjs';
3
+ import { iconPropType } from '../../../utils/vue/icon.mjs';
9
4
 
10
- const _hoisted_1 = ["aria-label", "widget"];
11
- const _hoisted_2 = ["widget"];
12
- const _hoisted_3 = ["widget"];
13
- const _hoisted_4 = ["widget"];
14
- const __default__ = { name: "PsDialogContent" };
15
- const _sfc_main = /* @__PURE__ */ defineComponent({
16
- ...__default__,
17
- props: dialogContentProps,
18
- setup(__props) {
19
- const { Close } = CloseComponents;
20
- const { dialogRef, headerRef, ns, style } = inject(dialogInjectionKey);
21
- return (_ctx, _cache) => {
22
- return openBlock(), createElementBlock("div", {
23
- ref_key: "dialogRef",
24
- ref: dialogRef,
25
- class: normalizeClass([
26
- unref(ns).b(),
27
- unref(ns).is("fullscreen", _ctx.fullscreen),
28
- unref(ns).is("draggable", _ctx.draggable),
29
- { [unref(ns).m("center")]: _ctx.center },
30
- _ctx.customClass
31
- ]),
32
- "aria-modal": "true",
33
- role: "dialog",
34
- "aria-label": _ctx.title || "dialog",
35
- style: normalizeStyle(unref(style)),
36
- widget: _ctx.widget
37
- }, [
38
- createElementVNode("div", {
39
- ref_key: "headerRef",
40
- ref: headerRef,
41
- class: normalizeClass(unref(ns).e("header")),
42
- widget: _ctx.widget ? "dialog:title:" + _ctx.widget.split(":")[1] : void 0
43
- }, [
44
- renderSlot(_ctx.$slots, "title", {}, () => [
45
- createElementVNode("span", {
46
- class: normalizeClass(unref(ns).e("title"))
47
- }, toDisplayString(_ctx.title), 3)
48
- ])
49
- ], 10, _hoisted_2),
50
- createElementVNode("div", {
51
- class: normalizeClass(unref(ns).e("body")),
52
- widget: _ctx.widget ? "dialog:default:" + _ctx.widget.split(":")[1] : void 0
53
- }, [
54
- renderSlot(_ctx.$slots, "default")
55
- ], 10, _hoisted_3),
56
- _ctx.$slots.footer ? (openBlock(), createElementBlock("div", {
57
- key: 0,
58
- class: normalizeClass(unref(ns).e("footer")),
59
- widget: _ctx.widget ? "dialog:footer:" + _ctx.widget.split(":")[1] : void 0
60
- }, [
61
- renderSlot(_ctx.$slots, "footer")
62
- ], 10, _hoisted_4)) : createCommentVNode("v-if", true),
63
- _ctx.showClose ? (openBlock(), createElementBlock("button", {
64
- key: 1,
65
- "aria-label": "close",
66
- class: normalizeClass(unref(ns).e("headerbtn")),
67
- type: "button"
68
- }, [
69
- createVNode(unref(PsIcon), {
70
- class: normalizeClass(unref(ns).e("close"))
71
- }, {
72
- default: withCtx(() => [
73
- (openBlock(), createBlock(resolveDynamicComponent(_ctx.closeIcon || unref(Close))))
74
- ]),
75
- _: 1
76
- }, 8, ["class"])
77
- ], 2)) : createCommentVNode("v-if", true)
78
- ], 14, _hoisted_1);
79
- };
5
+ const dialogContentProps = buildProps({
6
+ center: {
7
+ type: Boolean,
8
+ default: false
9
+ },
10
+ closeIcon: {
11
+ type: iconPropType,
12
+ default: ""
13
+ },
14
+ customClass: {
15
+ type: String,
16
+ default: ""
17
+ },
18
+ draggable: {
19
+ type: Boolean,
20
+ default: false
21
+ },
22
+ fullscreen: {
23
+ type: Boolean,
24
+ default: false
25
+ },
26
+ showClose: {
27
+ type: Boolean,
28
+ default: true
29
+ },
30
+ title: {
31
+ type: String,
32
+ default: ""
33
+ },
34
+ widget: {
35
+ type: String
80
36
  }
81
37
  });
82
- var PsDialogContent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/meng/workspace/element-ps/packages/components/dialog/src/dialog-content.vue"]]);
83
38
 
84
- export { PsDialogContent as default };
39
+ export { dialogContentProps };
85
40
  //# sourceMappingURL=dialog-content2.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"dialog-content2.mjs","sources":["../../../../../../packages/components/dialog/src/dialog-content.vue"],"sourcesContent":["<template>\n <div\n ref=\"dialogRef\"\n :class=\"[\n ns.b(),\n ns.is('fullscreen', fullscreen),\n ns.is('draggable', draggable),\n { [ns.m('center')]: center },\n customClass,\n ]\"\n aria-modal=\"true\"\n role=\"dialog\"\n :aria-label=\"title || 'dialog'\"\n :style=\"style\"\n :widget=\"widget\"\n >\n <div ref=\"headerRef\"\n :class=\"ns.e('header')\"\n :widget=\"widget ? 'dialog:title:' + widget.split(':')[1] : undefined\"\n >\n <slot name=\"title\">\n <span :class=\"ns.e('title')\">\n {{ title }}\n </span>\n </slot>\n </div>\n <div :class=\"ns.e('body')\"\n :widget=\"widget ? 'dialog:default:' + widget.split(':')[1] : undefined\">\n <slot />\n </div>\n <div v-if=\"$slots.footer\" :class=\"ns.e('footer')\"\n :widget=\"widget ? 'dialog:footer:' + widget.split(':')[1] : undefined\"\n >\n <slot name=\"footer\" />\n </div>\n <button\n v-if=\"showClose\"\n aria-label=\"close\"\n :class=\"ns.e('headerbtn')\"\n type=\"button\"\n >\n <ps-icon :class=\"ns.e('close')\">\n <component :is=\"closeIcon || Close\" />\n </ps-icon>\n </button>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { inject } from 'vue'\nimport { PsIcon } from '@element-ps/components/icon'\nimport { CloseComponents } from '@element-ps/utils'\nimport { dialogInjectionKey } from '@element-ps/tokens'\nimport { dialogContentProps } from './dialog-content'\n\nconst { Close } = CloseComponents\n\ndefineOptions({ name: 'PsDialogContent' })\ndefineProps(dialogContentProps)\n\nconst { dialogRef, headerRef, ns, style } = inject(dialogInjectionKey)!\n// const { focusTrapRef, onKeydown } = inject(FOCUS_TRAP_INJECTION_KEY)!\n\n// const composedDialogRef = composeRefs(focusTrapRef, dialogRef)\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAuDA,IAAA,MAAA,EAAA,KAAA,EAAA,GAAA,eAAA,CAAA;AAKA,IAAA,MAAA,EAAA,SAAA,EAAA,SAAA,EAAA,EAAA,EAAA,KAAA,EAAA,GAAA,OAAA,kBAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"dialog-content2.mjs","sources":["../../../../../../packages/components/dialog/src/dialog-content.ts"],"sourcesContent":["import { buildProps, iconPropType } from '@element-ps/utils'\n\nexport const dialogContentProps = buildProps({\n center: {\n type: Boolean,\n default: false,\n },\n closeIcon: {\n type: iconPropType,\n default: '',\n },\n customClass: {\n type: String,\n default: '',\n },\n draggable: {\n type: Boolean,\n default: false,\n },\n fullscreen: {\n type: Boolean,\n default: false,\n },\n showClose: {\n type: Boolean,\n default: true,\n },\n title: {\n type: String,\n default: '',\n },\n widget: {\n type: String,\n },\n} as const)\n"],"names":[],"mappings":";;;;AACY,MAAC,kBAAkB,GAAG,UAAU,CAAC;AAC7C,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,YAAY;AACtB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,GAAG;AACH,CAAC;;;;"}
@@ -1,5 +1,5 @@
1
1
  import '../../../utils/index.mjs';
2
- import { dialogContentProps } from './dialog-content.mjs';
2
+ import { dialogContentProps } from './dialog-content2.mjs';
3
3
  import { buildProps, definePropType } from '../../../utils/vue/props.mjs';
4
4
 
5
5
  const dialogProps = buildProps({
@@ -2,7 +2,7 @@ import { defineComponent, ref, provide, computed, withDirectives, openBlock, cre
2
2
  import { PsOverlay } from '../../overlay/index.mjs';
3
3
  import '../../../hooks/index.mjs';
4
4
  import '../../../tokens/index.mjs';
5
- import PsDialogContent from './dialog-content2.mjs';
5
+ import PsDialogContent from './dialog-content.mjs';
6
6
  import { dialogProps } from './dialog.mjs';
7
7
  import { useDialog } from './use-dialog.mjs';
8
8
  import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
@@ -1,6 +1,6 @@
1
1
  import '../../utils/index.mjs';
2
- import Drawer from './src/drawer2.mjs';
3
- export { drawerProps } from './src/drawer.mjs';
2
+ import Drawer from './src/drawer.mjs';
3
+ export { drawerProps } from './src/drawer2.mjs';
4
4
  import { withInstall } from '../../utils/vue/install.mjs';
5
5
 
6
6
  const PsDrawer = withInstall(Drawer);