@phelan/design 0.0.1

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 (676) hide show
  1. package/.changeset/README.md +8 -0
  2. package/.changeset/config.json +11 -0
  3. package/.specstory/history/2025-11-28_08-55Z-/345/210/235/345/247/213/345/214/226/345/211/215/347/253/257/347/273/204/344/273/266/345/272/223/351/241/271/347/233/256.md +4742 -0
  4. package/.specstory/history/2025-12-01_01-58Z-/345/210/235/345/247/213/345/214/226/345/211/215/347/253/257/347/273/204/344/273/266/345/272/223/351/241/271/347/233/256.md +14912 -0
  5. package/.specstory/history/2025-12-22_01-38Z-scss-/345/217/230/351/207/217/345/274/225/345/205/245/351/227/256/351/242/230.md +67163 -0
  6. package/.specstory/history/2026-01-08_03-51Z-pnpm-lines-88-95.md +304 -0
  7. package/README.en.md +36 -0
  8. package/README.md +37 -0
  9. package/SETUP_GUIDE.md +2530 -0
  10. package/docs/.vitepress/config.ts +298 -0
  11. package/docs/.vitepress/theme/index.ts +30 -0
  12. package/docs/.vitepress/theme/style.css +150 -0
  13. package/docs/CHANGELOG.md +7 -0
  14. package/docs/DEPLOY.md +183 -0
  15. package/docs/api-examples.md +49 -0
  16. package/docs/components/Changelog.vue +176 -0
  17. package/docs/components/ComponentOverview.vue +613 -0
  18. package/docs/components/ComponentSearch.vue +39 -0
  19. package/docs/components/basic/action-menu.md +63 -0
  20. package/docs/components/basic/arrow-steps.md +55 -0
  21. package/docs/components/basic/badge.md +22 -0
  22. package/docs/components/basic/batch-copy.md +44 -0
  23. package/docs/components/basic/batch-editor.md +52 -0
  24. package/docs/components/basic/border.md +22 -0
  25. package/docs/components/basic/breadcrumb.md +38 -0
  26. package/docs/components/basic/button.md +109 -0
  27. package/docs/components/basic/calendar.md +111 -0
  28. package/docs/components/basic/card.md +59 -0
  29. package/docs/components/basic/carousel.md +22 -0
  30. package/docs/components/basic/cascader.md +162 -0
  31. package/docs/components/basic/checkbox.md +171 -0
  32. package/docs/components/basic/collapse.md +22 -0
  33. package/docs/components/basic/column-table.md +123 -0
  34. package/docs/components/basic/date-picker.md +92 -0
  35. package/docs/components/basic/date-time-picker.md +110 -0
  36. package/docs/components/basic/demo.md +29 -0
  37. package/docs/components/basic/description.md +56 -0
  38. package/docs/components/basic/dialog.md +142 -0
  39. package/docs/components/basic/drawer.md +159 -0
  40. package/docs/components/basic/editor.md +76 -0
  41. package/docs/components/basic/empty.md +59 -0
  42. package/docs/components/basic/file-task-dialog.md +41 -0
  43. package/docs/components/basic/form.md +112 -0
  44. package/docs/components/basic/icon.md +53 -0
  45. package/docs/components/basic/image.md +110 -0
  46. package/docs/components/basic/import-dialog.md +54 -0
  47. package/docs/components/basic/independent-nav.md +45 -0
  48. package/docs/components/basic/input-number.md +61 -0
  49. package/docs/components/basic/input.md +98 -0
  50. package/docs/components/basic/layout.md +141 -0
  51. package/docs/components/basic/link.md +65 -0
  52. package/docs/components/basic/mention.md +22 -0
  53. package/docs/components/basic/message.md +167 -0
  54. package/docs/components/basic/nav.md +29 -0
  55. package/docs/components/basic/pagination.md +93 -0
  56. package/docs/components/basic/popover.md +116 -0
  57. package/docs/components/basic/progress.md +22 -0
  58. package/docs/components/basic/radio.md +152 -0
  59. package/docs/components/basic/result.md +22 -0
  60. package/docs/components/basic/scrollbar.md +105 -0
  61. package/docs/components/basic/search-panel.md +53 -0
  62. package/docs/components/basic/select.md +256 -0
  63. package/docs/components/basic/slider.md +22 -0
  64. package/docs/components/basic/space.md +140 -0
  65. package/docs/components/basic/steps.md +60 -0
  66. package/docs/components/basic/switch.md +115 -0
  67. package/docs/components/basic/table-grid.md +116 -0
  68. package/docs/components/basic/table-head-editor.md +135 -0
  69. package/docs/components/basic/table.md +433 -0
  70. package/docs/components/basic/tabs.md +62 -0
  71. package/docs/components/basic/tag.md +75 -0
  72. package/docs/components/basic/text.md +22 -0
  73. package/docs/components/basic/time-picker.md +77 -0
  74. package/docs/components/basic/time-select.md +65 -0
  75. package/docs/components/basic/tooltip.md +112 -0
  76. package/docs/components/basic/tour.md +22 -0
  77. package/docs/components/basic/tree-select.md +132 -0
  78. package/docs/components/basic/tree.md +163 -0
  79. package/docs/components/button.md +113 -0
  80. package/docs/components/calendar.md +111 -0
  81. package/docs/components/design/color.md +137 -0
  82. package/docs/components/index.md +3 -0
  83. package/docs/components/link.md +65 -0
  84. package/docs/components/search-panel.md +53 -0
  85. package/docs/components/table-grid.md +120 -0
  86. package/docs/components/table.md +433 -0
  87. package/docs/examples/action-menu/basic.vue +70 -0
  88. package/docs/examples/action-menu/default.vue +88 -0
  89. package/docs/examples/action-menu/index.vue +76 -0
  90. package/docs/examples/arrow-steps/index.vue +15 -0
  91. package/docs/examples/badge/index.vue +3 -0
  92. package/docs/examples/batch-copy/index.vue +30 -0
  93. package/docs/examples/batch-copy/validator.vue +73 -0
  94. package/docs/examples/batch-editor/basic.vue +120 -0
  95. package/docs/examples/batch-editor/customization.vue +167 -0
  96. package/docs/examples/border/index.vue +3 -0
  97. package/docs/examples/breadcrumb/index.vue +33 -0
  98. package/docs/examples/button/demo1.vue +119 -0
  99. package/docs/examples/button/demo2.vue +18 -0
  100. package/docs/examples/button/demo3.vue +32 -0
  101. package/docs/examples/button/demo4.vue +41 -0
  102. package/docs/examples/button/demo5.vue +46 -0
  103. package/docs/examples/button/demo6.vue +35 -0
  104. package/docs/examples/calendar/calendar01.vue +46 -0
  105. package/docs/examples/calendar/calendar02.vue +16 -0
  106. package/docs/examples/calendar/calendar03.vue +6 -0
  107. package/docs/examples/calendar/calendar04.vue +54 -0
  108. package/docs/examples/calendar/calendar05.vue +36 -0
  109. package/docs/examples/calendar/calendar06.vue +53 -0
  110. package/docs/examples/card/basic-card.vue +7 -0
  111. package/docs/examples/card/card-title.vue +6 -0
  112. package/docs/examples/card/collapsible-card.vue +26 -0
  113. package/docs/examples/card/title-card.vue +32 -0
  114. package/docs/examples/carousel/index.vue +3 -0
  115. package/docs/examples/cascader/clearable.vue +52 -0
  116. package/docs/examples/cascader/collapse-tags.vue +84 -0
  117. package/docs/examples/cascader/disabled-select.vue +52 -0
  118. package/docs/examples/cascader/disabled.vue +54 -0
  119. package/docs/examples/cascader/filterable.vue +82 -0
  120. package/docs/examples/cascader/index.vue +173 -0
  121. package/docs/examples/cascader/multiple.vue +74 -0
  122. package/docs/examples/cascader/show-all-levels.vue +63 -0
  123. package/docs/examples/cascader/sizes.vue +71 -0
  124. package/docs/examples/checkbox/basic.vue +47 -0
  125. package/docs/examples/checkbox/button-style.vue +73 -0
  126. package/docs/examples/checkbox/disabled.vue +20 -0
  127. package/docs/examples/checkbox/grouping.vue +32 -0
  128. package/docs/examples/checkbox/intermediate.vue +43 -0
  129. package/docs/examples/checkbox/limitation.vue +23 -0
  130. package/docs/examples/checkbox/with-border.vue +74 -0
  131. package/docs/examples/collapse/index.vue +3 -0
  132. package/docs/examples/column-table/basic.vue +47 -0
  133. package/docs/examples/column-table/column-title.vue +48 -0
  134. package/docs/examples/column-table/custom.vue +125 -0
  135. package/docs/examples/column-table/index.vue +209 -0
  136. package/docs/examples/column-table/nested.vue +123 -0
  137. package/docs/examples/column-table/no-header.vue +50 -0
  138. package/docs/examples/date-picker/default.vue +106 -0
  139. package/docs/examples/date-picker/index.vue +98 -0
  140. package/docs/examples/date-picker/otherUnits.vue +118 -0
  141. package/docs/examples/date-picker/periodTime.vue +108 -0
  142. package/docs/examples/date-time-picker/default.vue +83 -0
  143. package/docs/examples/date-time-picker/format.vue +90 -0
  144. package/docs/examples/date-time-picker/index.vue +110 -0
  145. package/docs/examples/date-time-picker/range.vue +111 -0
  146. package/docs/examples/date-time-picker/time-format.vue +78 -0
  147. package/docs/examples/demo/demo1.vue +3 -0
  148. package/docs/examples/demo/demo2.vue +3 -0
  149. package/docs/examples/description/custom-description.vue +30 -0
  150. package/docs/examples/description/index.vue +13 -0
  151. package/docs/examples/description/labelJustify.vue +58 -0
  152. package/docs/examples/description/merge-description.vue +15 -0
  153. package/docs/examples/design/color-palette.vue +225 -0
  154. package/docs/examples/dialog/align-center.vue +34 -0
  155. package/docs/examples/dialog/basic.vue +31 -0
  156. package/docs/examples/dialog/centered-content.vue +34 -0
  157. package/docs/examples/dialog/customization-content.vue +129 -0
  158. package/docs/examples/dialog/customization-header.vue +60 -0
  159. package/docs/examples/dialog/msg-dialog.vue +63 -0
  160. package/docs/examples/dialog/nested-dialog.vue +43 -0
  161. package/docs/examples/dialog/title-icon.vue +32 -0
  162. package/docs/examples/drawer/custom-content.vue +182 -0
  163. package/docs/examples/drawer/custom-header.vue +30 -0
  164. package/docs/examples/drawer/index.vue +101 -0
  165. package/docs/examples/drawer/modal.vue +40 -0
  166. package/docs/examples/drawer/nested.vue +44 -0
  167. package/docs/examples/drawer/no-title.vue +22 -0
  168. package/docs/examples/drawer/resizable.vue +28 -0
  169. package/docs/examples/editor/basic.vue +53 -0
  170. package/docs/examples/editor/customization-desc.vue +56 -0
  171. package/docs/examples/editor/more-demo.vue +54 -0
  172. package/docs/examples/editor/more-form.vue +56 -0
  173. package/docs/examples/editor/number-desc.vue +55 -0
  174. package/docs/examples/empty/basic.vue +4 -0
  175. package/docs/examples/empty/bottom-content.vue +5 -0
  176. package/docs/examples/empty/custom-image.vue +6 -0
  177. package/docs/examples/empty/image-size.vue +6 -0
  178. package/docs/examples/file-task-dialog/index.vue +52 -0
  179. package/docs/examples/form/accessibility.vue +48 -0
  180. package/docs/examples/form/alignment.vue +68 -0
  181. package/docs/examples/form/basic-form.vue +120 -0
  182. package/docs/examples/form/custom-validation.vue +121 -0
  183. package/docs/examples/form/form-items.vue +111 -0
  184. package/docs/examples/form/inline-form.vue +70 -0
  185. package/docs/examples/form/number-validate.vue +60 -0
  186. package/docs/examples/form/size-control.vue +140 -0
  187. package/docs/examples/form/validation.vue +265 -0
  188. package/docs/examples/icon/icon.vue +52 -0
  189. package/docs/examples/icon/index.vue +7 -0
  190. package/docs/examples/image/error.vue +69 -0
  191. package/docs/examples/image/index.vue +47 -0
  192. package/docs/examples/image/lazy.vue +39 -0
  193. package/docs/examples/image/placeholder.vue +69 -0
  194. package/docs/examples/image/preview.vue +37 -0
  195. package/docs/examples/import-dialog/multiple.vue +35 -0
  196. package/docs/examples/import-dialog/single.vue +37 -0
  197. package/docs/examples/independent-nav/icon-slot.vue +7 -0
  198. package/docs/examples/independent-nav/index.vue +12 -0
  199. package/docs/examples/input/icon.vue +26 -0
  200. package/docs/examples/input/index.vue +9 -0
  201. package/docs/examples/input-number/index.vue +19 -0
  202. package/docs/examples/layout/gutter.vue +51 -0
  203. package/docs/examples/layout/index.vue +97 -0
  204. package/docs/examples/layout/justify.vue +122 -0
  205. package/docs/examples/layout/mixed.vue +70 -0
  206. package/docs/examples/layout/offset.vue +70 -0
  207. package/docs/examples/layout/responsive.vue +69 -0
  208. package/docs/examples/link/index01.vue +20 -0
  209. package/docs/examples/link/index02.vue +41 -0
  210. package/docs/examples/link/index03.vue +43 -0
  211. package/docs/examples/link/index04.vue +131 -0
  212. package/docs/examples/mention/index.vue +3 -0
  213. package/docs/examples/message/closeable.vue +92 -0
  214. package/docs/examples/message/grouping.vue +22 -0
  215. package/docs/examples/message/html.vue +21 -0
  216. package/docs/examples/message/index.vue +34 -0
  217. package/docs/examples/message/placement.vue +96 -0
  218. package/docs/examples/message/plain.vue +80 -0
  219. package/docs/examples/message/types.vue +66 -0
  220. package/docs/examples/nav/index.vue +20 -0
  221. package/docs/examples/pagination/background-color.vue +17 -0
  222. package/docs/examples/pagination/basic.vue +43 -0
  223. package/docs/examples/pagination/disabled.vue +17 -0
  224. package/docs/examples/pagination/more.vue +43 -0
  225. package/docs/examples/pagination/number-of-pagers.vue +17 -0
  226. package/docs/examples/pagination/small.vue +17 -0
  227. package/docs/examples/popover/basic.vue +81 -0
  228. package/docs/examples/popover/index.vue +144 -0
  229. package/docs/examples/popover/nested.vue +36 -0
  230. package/docs/examples/popover/rich-content.vue +100 -0
  231. package/docs/examples/popover/virtual-trigger.vue +32 -0
  232. package/docs/examples/progress/index.vue +3 -0
  233. package/docs/examples/radio/basic-usage.vue +44 -0
  234. package/docs/examples/radio/button-fill-textcolor.vue +82 -0
  235. package/docs/examples/radio/button-style.vue +77 -0
  236. package/docs/examples/radio/disabled.vue +21 -0
  237. package/docs/examples/radio/radio-button-group.vue +13 -0
  238. package/docs/examples/radio/with-borders.vue +77 -0
  239. package/docs/examples/result/index.vue +3 -0
  240. package/docs/examples/scrollbar/horizontal.vue +39 -0
  241. package/docs/examples/scrollbar/index.vue +31 -0
  242. package/docs/examples/scrollbar/infinite.vue +43 -0
  243. package/docs/examples/scrollbar/manual.vue +68 -0
  244. package/docs/examples/scrollbar/max-height.vue +44 -0
  245. package/docs/examples/search-panel/index.vue +108 -0
  246. package/docs/examples/search-panel/nowrap.vue +115 -0
  247. package/docs/examples/select/allow-create.vue +36 -0
  248. package/docs/examples/select/clearable.vue +29 -0
  249. package/docs/examples/select/collapse-tags.vue +54 -0
  250. package/docs/examples/select/custom-template.vue +40 -0
  251. package/docs/examples/select/disabled-option.vue +29 -0
  252. package/docs/examples/select/disabled-select.vue +29 -0
  253. package/docs/examples/select/empty.vue +21 -0
  254. package/docs/examples/select/filterable.vue +37 -0
  255. package/docs/examples/select/grouping.vue +40 -0
  256. package/docs/examples/select/header-footer.vue +38 -0
  257. package/docs/examples/select/index.vue +28 -0
  258. package/docs/examples/select/loading.vue +41 -0
  259. package/docs/examples/select/multiple-limit.vue +36 -0
  260. package/docs/examples/select/multiple.vue +37 -0
  261. package/docs/examples/select/remote-search.vue +56 -0
  262. package/docs/examples/select/sizes.vue +62 -0
  263. package/docs/examples/select/value-key.vue +33 -0
  264. package/docs/examples/slider/index.vue +3 -0
  265. package/docs/examples/space/alignment.vue +47 -0
  266. package/docs/examples/space/custom-size.vue +58 -0
  267. package/docs/examples/space/fill-ratio.vue +77 -0
  268. package/docs/examples/space/fill.vue +57 -0
  269. package/docs/examples/space/index.vue +52 -0
  270. package/docs/examples/space/size.vue +70 -0
  271. package/docs/examples/space/spacer.vue +35 -0
  272. package/docs/examples/space/vertical.vue +52 -0
  273. package/docs/examples/space/wrap.vue +16 -0
  274. package/docs/examples/steps/index.vue +50 -0
  275. package/docs/examples/steps/navigation.vue +37 -0
  276. package/docs/examples/switch/disabled.vue +19 -0
  277. package/docs/examples/switch/icon.vue +21 -0
  278. package/docs/examples/switch/index.vue +17 -0
  279. package/docs/examples/switch/loading.vue +19 -0
  280. package/docs/examples/switch/size.vue +29 -0
  281. package/docs/examples/switch/text.vue +37 -0
  282. package/docs/examples/switch/validate-value.vue +16 -0
  283. package/docs/examples/table/basic.vue +60 -0
  284. package/docs/examples/table/check-strictly.vue +98 -0
  285. package/docs/examples/table/custom-column.vue +98 -0
  286. package/docs/examples/table/custom-header.vue +87 -0
  287. package/docs/examples/table/custom-index.vue +71 -0
  288. package/docs/examples/table/expandable-row.vue +285 -0
  289. package/docs/examples/table/filter.vue +116 -0
  290. package/docs/examples/table/fixed-column-and-group-header.vue +101 -0
  291. package/docs/examples/table/fixed-column-and-header.vue +101 -0
  292. package/docs/examples/table/fixed-column.vue +107 -0
  293. package/docs/examples/table/fixed-header-with-fluid-header.vue +114 -0
  294. package/docs/examples/table/fixed-header.vue +64 -0
  295. package/docs/examples/table/grouping-header.vue +103 -0
  296. package/docs/examples/table/multi-select.vue +116 -0
  297. package/docs/examples/table/rowspan-and-colspan.vue +147 -0
  298. package/docs/examples/table/show-overflow-tooltip.vue +64 -0
  299. package/docs/examples/table/single-select.vue +78 -0
  300. package/docs/examples/table/sort.vue +63 -0
  301. package/docs/examples/table/striped.vue +49 -0
  302. package/docs/examples/table/summary.vue +150 -0
  303. package/docs/examples/table/table-layout.vue +56 -0
  304. package/docs/examples/table/tooltip-formatter.vue +93 -0
  305. package/docs/examples/table/tree-and-lazy.vue +149 -0
  306. package/docs/examples/table/with-border.vue +49 -0
  307. package/docs/examples/table/with-status.vue +73 -0
  308. package/docs/examples/table-grid/basic.vue +51 -0
  309. package/docs/examples/table-grid/complete.vue +258 -0
  310. package/docs/examples/table-head-editor/grouping-header.vue +409 -0
  311. package/docs/examples/table-head-editor/index.vue +246 -0
  312. package/docs/examples/tabs/default.vue +47 -0
  313. package/docs/examples/tabs/index.vue +46 -0
  314. package/docs/examples/tag/basic.vue +20 -0
  315. package/docs/examples/tag/closable.vue +31 -0
  316. package/docs/examples/tag/dot.vue +21 -0
  317. package/docs/examples/tag/effect.vue +35 -0
  318. package/docs/examples/tag/icon.vue +21 -0
  319. package/docs/examples/text/index.vue +3 -0
  320. package/docs/examples/time-picker/disabled.vue +53 -0
  321. package/docs/examples/time-picker/index.vue +49 -0
  322. package/docs/examples/time-picker/range.vue +36 -0
  323. package/docs/examples/time-select/disabled.vue +30 -0
  324. package/docs/examples/time-select/index.vue +29 -0
  325. package/docs/examples/tooltip/disabled.vue +20 -0
  326. package/docs/examples/tooltip/index.vue +63 -0
  327. package/docs/examples/tooltip/more-content.vue +19 -0
  328. package/docs/examples/tooltip/theme.vue +32 -0
  329. package/docs/examples/tooltip/virtual-trigger.vue +31 -0
  330. package/docs/examples/tour/index.vue +3 -0
  331. package/docs/examples/tree/basic.vue +86 -0
  332. package/docs/examples/tree/checkable.vue +65 -0
  333. package/docs/examples/tree/custom-node.vue +123 -0
  334. package/docs/examples/tree/default-expanded.vue +73 -0
  335. package/docs/examples/tree/draggable.vue +123 -0
  336. package/docs/examples/tree/filter.vue +96 -0
  337. package/docs/examples/tree/index.vue +86 -0
  338. package/docs/examples/tree-select/basic.vue +96 -0
  339. package/docs/examples/tree-select/check-strictly.vue +109 -0
  340. package/docs/examples/tree-select/custom-content.vue +110 -0
  341. package/docs/examples/tree-select/disabled.vue +89 -0
  342. package/docs/examples/tree-select/filterable.vue +112 -0
  343. package/docs/examples/tree-select/index.vue +87 -0
  344. package/docs/examples/tree-select/lazy.vue +43 -0
  345. package/docs/examples/tree-select/multiple.vue +111 -0
  346. package/docs/examples/tree-select/node-key.vue +35 -0
  347. package/docs/guide/changelog.md +6 -0
  348. package/docs/guide/import-on-demand.md +49 -0
  349. package/docs/guide/index.md +55 -0
  350. package/docs/guide/introduction.md +21 -0
  351. package/docs/guide/quickstart.md +35 -0
  352. package/docs/guide/start.md +113 -0
  353. package/docs/index.md +27 -0
  354. package/docs/markdown-examples.md +85 -0
  355. package/docs/package.json +26 -0
  356. package/docs/postcss.config.mjs +9 -0
  357. package/docs/toolkit/domain.md +55 -0
  358. package/docs/toolkit/env.md +73 -0
  359. package/docs/toolkit/examples/domain-aim.vue +35 -0
  360. package/docs/toolkit/examples/domain-supplier.vue +34 -0
  361. package/docs/toolkit/examples/env-basic.vue +28 -0
  362. package/docs/toolkit/examples/env-constants.vue +39 -0
  363. package/docs/toolkit/examples/env-node-constants.vue +38 -0
  364. package/docs/toolkit/examples/env-node.vue +34 -0
  365. package/docs/toolkit/examples/monitor-init.vue +53 -0
  366. package/docs/toolkit/examples/monitor-vue-error.vue +31 -0
  367. package/docs/toolkit/examples/request-baseurl.vue +66 -0
  368. package/docs/toolkit/examples/request-basic.vue +48 -0
  369. package/docs/toolkit/examples/request-cache.vue +137 -0
  370. package/docs/toolkit/examples/wujie-logout.vue +42 -0
  371. package/docs/toolkit/examples/wujie-token.vue +63 -0
  372. package/docs/toolkit/monitor.md +69 -0
  373. package/docs/toolkit/request.md +127 -0
  374. package/docs/toolkit/start.md +110 -0
  375. package/docs/toolkit/wujie.md +34 -0
  376. package/docs/tsconfig.json +29 -0
  377. package/package.json +47 -0
  378. package/packages/components/CHANGELOG.md +81 -0
  379. package/packages/components/README.md +83 -0
  380. package/packages/components/package.json +36 -0
  381. package/packages/components/src/action-menu/index.ts +5 -0
  382. package/packages/components/src/action-menu/src/action-menu.ts +34 -0
  383. package/packages/components/src/action-menu/src/action-menu.vue +364 -0
  384. package/packages/components/src/arrow-steps/index.ts +11 -0
  385. package/packages/components/src/arrow-steps/src/arrow-step.ts +8 -0
  386. package/packages/components/src/arrow-steps/src/arrow-step.vue +90 -0
  387. package/packages/components/src/arrow-steps/src/arrow-steps.ts +16 -0
  388. package/packages/components/src/arrow-steps/src/arrow-steps.vue +42 -0
  389. package/packages/components/src/badge/index.ts +5 -0
  390. package/packages/components/src/badge/src/badge.ts +8 -0
  391. package/packages/components/src/badge/src/badge.vue +20 -0
  392. package/packages/components/src/batch-copy/index.ts +5 -0
  393. package/packages/components/src/batch-copy/src/batch-copy.ts +39 -0
  394. package/packages/components/src/batch-copy/src/batch-copy.vue +214 -0
  395. package/packages/components/src/batch-editor/index.ts +5 -0
  396. package/packages/components/src/batch-editor/src/batch-editor.ts +21 -0
  397. package/packages/components/src/batch-editor/src/batch-editor.vue +73 -0
  398. package/packages/components/src/border/index.ts +5 -0
  399. package/packages/components/src/border/src/border.ts +8 -0
  400. package/packages/components/src/border/src/border.vue +20 -0
  401. package/packages/components/src/breadcrumb/index.ts +8 -0
  402. package/packages/components/src/breadcrumb/src/breadcrumb-item.ts +8 -0
  403. package/packages/components/src/breadcrumb/src/breadcrumb-item.vue +20 -0
  404. package/packages/components/src/breadcrumb/src/breadcrumb.ts +8 -0
  405. package/packages/components/src/breadcrumb/src/breadcrumb.vue +20 -0
  406. package/packages/components/src/button/index.ts +5 -0
  407. package/packages/components/src/button/src/button.ts +12 -0
  408. package/packages/components/src/button/src/button.vue +132 -0
  409. package/packages/components/src/calendar/index.ts +5 -0
  410. package/packages/components/src/calendar/src/calendar.ts +36 -0
  411. package/packages/components/src/calendar/src/calendar.vue +962 -0
  412. package/packages/components/src/card/index.ts +8 -0
  413. package/packages/components/src/card/src/card.ts +29 -0
  414. package/packages/components/src/card/src/card.vue +106 -0
  415. package/packages/components/src/card/src/title.ts +8 -0
  416. package/packages/components/src/card/src/title.vue +14 -0
  417. package/packages/components/src/carousel/index.ts +5 -0
  418. package/packages/components/src/carousel/src/carousel.ts +8 -0
  419. package/packages/components/src/carousel/src/carousel.vue +20 -0
  420. package/packages/components/src/cascader/index.ts +5 -0
  421. package/packages/components/src/cascader/src/cascader.ts +3 -0
  422. package/packages/components/src/cascader/src/cascader.vue +62 -0
  423. package/packages/components/src/checkbox/index.ts +11 -0
  424. package/packages/components/src/checkbox/src/checkbox.vue +19 -0
  425. package/packages/components/src/collapse/index.ts +5 -0
  426. package/packages/components/src/collapse/src/collapse.ts +8 -0
  427. package/packages/components/src/collapse/src/collapse.vue +20 -0
  428. package/packages/components/src/column-table/index.ts +7 -0
  429. package/packages/components/src/column-table/src/column-table-row.ts +30 -0
  430. package/packages/components/src/column-table/src/column-table-row.vue +17 -0
  431. package/packages/components/src/column-table/src/column-table.ts +60 -0
  432. package/packages/components/src/column-table/src/column-table.vue +141 -0
  433. package/packages/components/src/column-table/src/tokens.ts +6 -0
  434. package/packages/components/src/date-picker/index.ts +5 -0
  435. package/packages/components/src/date-picker/src/date-picker.ts +3 -0
  436. package/packages/components/src/date-picker/src/date-picker.vue +14 -0
  437. package/packages/components/src/demo/index.ts +5 -0
  438. package/packages/components/src/demo/src/demo.ts +8 -0
  439. package/packages/components/src/demo/src/demo.vue +20 -0
  440. package/packages/components/src/description/index.ts +8 -0
  441. package/packages/components/src/description/src/description-item.ts +12 -0
  442. package/packages/components/src/description/src/description-item.vue +103 -0
  443. package/packages/components/src/description/src/description.ts +20 -0
  444. package/packages/components/src/description/src/description.vue +28 -0
  445. package/packages/components/src/dialog/index.ts +6 -0
  446. package/packages/components/src/dialog/src/dialog.ts +62 -0
  447. package/packages/components/src/dialog/src/dialog.vue +121 -0
  448. package/packages/components/src/dialog/src/msg-dialog.ts +84 -0
  449. package/packages/components/src/dialog/src/types.ts +8 -0
  450. package/packages/components/src/drawer/index.ts +5 -0
  451. package/packages/components/src/drawer/src/drawer.ts +8 -0
  452. package/packages/components/src/drawer/src/drawer.vue +24 -0
  453. package/packages/components/src/editor/index.ts +5 -0
  454. package/packages/components/src/editor/src/editor.ts +13 -0
  455. package/packages/components/src/editor/src/editor.vue +70 -0
  456. package/packages/components/src/empty/index.ts +5 -0
  457. package/packages/components/src/empty/src/empty.ts +3 -0
  458. package/packages/components/src/empty/src/empty.vue +37 -0
  459. package/packages/components/src/empty/src/img-empty.vue +39 -0
  460. package/packages/components/src/file-task-dialog/index.ts +5 -0
  461. package/packages/components/src/file-task-dialog/src/file-task-dialog.ts +32 -0
  462. package/packages/components/src/file-task-dialog/src/file-task-dialog.vue +228 -0
  463. package/packages/components/src/form/index.ts +3 -0
  464. package/packages/components/src/icon/index.ts +5 -0
  465. package/packages/components/src/icon/src/icon.ts +10 -0
  466. package/packages/components/src/icon/src/icon.vue +29 -0
  467. package/packages/components/src/image/index.ts +5 -0
  468. package/packages/components/src/image/src/image.ts +8 -0
  469. package/packages/components/src/image/src/image.vue +57 -0
  470. package/packages/components/src/import-dialog/index.ts +5 -0
  471. package/packages/components/src/import-dialog/src/import-dialog.ts +11 -0
  472. package/packages/components/src/import-dialog/src/import-dialog.vue +207 -0
  473. package/packages/components/src/independent-nav/index.ts +5 -0
  474. package/packages/components/src/independent-nav/src/independent-nav.ts +7 -0
  475. package/packages/components/src/independent-nav/src/independent-nav.vue +61 -0
  476. package/packages/components/src/index.ts +235 -0
  477. package/packages/components/src/input/index.ts +5 -0
  478. package/packages/components/src/input/src/input.ts +3 -0
  479. package/packages/components/src/input/src/input.vue +53 -0
  480. package/packages/components/src/input-number/index.ts +5 -0
  481. package/packages/components/src/input-number/src/input-number.ts +3 -0
  482. package/packages/components/src/input-number/src/input-number.vue +25 -0
  483. package/packages/components/src/layout/index.ts +7 -0
  484. package/packages/components/src/layout/src/col.vue +43 -0
  485. package/packages/components/src/layout/src/layout.ts +13 -0
  486. package/packages/components/src/layout/src/row.vue +43 -0
  487. package/packages/components/src/link/index.ts +5 -0
  488. package/packages/components/src/link/src/link.ts +13 -0
  489. package/packages/components/src/link/src/link.vue +74 -0
  490. package/packages/components/src/mention/index.ts +5 -0
  491. package/packages/components/src/mention/src/mention.ts +8 -0
  492. package/packages/components/src/mention/src/mention.vue +20 -0
  493. package/packages/components/src/message/index.ts +1 -0
  494. package/packages/components/src/message/src/message.ts +161 -0
  495. package/packages/components/src/nav/index.ts +7 -0
  496. package/packages/components/src/nav/src/nav.ts +19 -0
  497. package/packages/components/src/nav/src/nav.vue +66 -0
  498. package/packages/components/src/nav/src/types.ts +11 -0
  499. package/packages/components/src/pagination/index.ts +5 -0
  500. package/packages/components/src/pagination/src/pagination.ts +60 -0
  501. package/packages/components/src/pagination/src/pagination.vue +38 -0
  502. package/packages/components/src/popover/index.ts +5 -0
  503. package/packages/components/src/popover/src/popover.ts +14 -0
  504. package/packages/components/src/popover/src/popover.vue +60 -0
  505. package/packages/components/src/progress/index.ts +5 -0
  506. package/packages/components/src/progress/src/progress.ts +8 -0
  507. package/packages/components/src/progress/src/progress.vue +20 -0
  508. package/packages/components/src/radio/index.ts +11 -0
  509. package/packages/components/src/radio/src/radio.vue +13 -0
  510. package/packages/components/src/result/index.ts +5 -0
  511. package/packages/components/src/result/src/result.ts +8 -0
  512. package/packages/components/src/result/src/result.vue +20 -0
  513. package/packages/components/src/scrollbar/index.ts +5 -0
  514. package/packages/components/src/scrollbar/src/scrollbar.ts +8 -0
  515. package/packages/components/src/scrollbar/src/scrollbar.vue +54 -0
  516. package/packages/components/src/search-panel/index.ts +5 -0
  517. package/packages/components/src/search-panel/src/search-panel.ts +8 -0
  518. package/packages/components/src/search-panel/src/search-panel.vue +251 -0
  519. package/packages/components/src/select/index.ts +9 -0
  520. package/packages/components/src/select/src/select.ts +3 -0
  521. package/packages/components/src/select/src/select.vue +43 -0
  522. package/packages/components/src/slider/index.ts +5 -0
  523. package/packages/components/src/slider/src/slider.ts +8 -0
  524. package/packages/components/src/slider/src/slider.vue +20 -0
  525. package/packages/components/src/space/index.ts +5 -0
  526. package/packages/components/src/space/src/space.ts +8 -0
  527. package/packages/components/src/space/src/space.vue +43 -0
  528. package/packages/components/src/steps/index.ts +8 -0
  529. package/packages/components/src/steps/src/step.ts +15 -0
  530. package/packages/components/src/steps/src/step.vue +18 -0
  531. package/packages/components/src/steps/src/steps.ts +20 -0
  532. package/packages/components/src/steps/src/steps.vue +95 -0
  533. package/packages/components/src/steps/src/tokens.ts +6 -0
  534. package/packages/components/src/switch/index.ts +5 -0
  535. package/packages/components/src/switch/src/switch.ts +8 -0
  536. package/packages/components/src/switch/src/switch.vue +51 -0
  537. package/packages/components/src/table/index.ts +7 -0
  538. package/packages/components/src/table/src/table.ts +34 -0
  539. package/packages/components/src/table/src/table.vue +47 -0
  540. package/packages/components/src/table-grid/index.ts +7 -0
  541. package/packages/components/src/table-grid/src/render-cell.vue +44 -0
  542. package/packages/components/src/table-grid/src/table-grid.ts +159 -0
  543. package/packages/components/src/table-grid/src/table-grid.vue +334 -0
  544. package/packages/components/src/table-head-editor/index.ts +5 -0
  545. package/packages/components/src/table-head-editor/src/table-head-editor.ts +59 -0
  546. package/packages/components/src/table-head-editor/src/table-head-editor.vue +780 -0
  547. package/packages/components/src/table-head-editor/src/utils.ts +192 -0
  548. package/packages/components/src/tabs/index.ts +7 -0
  549. package/packages/components/src/tabs/src/tabs.ts +8 -0
  550. package/packages/components/src/tabs/src/tabs.vue +23 -0
  551. package/packages/components/src/tag/index.ts +5 -0
  552. package/packages/components/src/tag/src/tag.ts +47 -0
  553. package/packages/components/src/tag/src/tag.vue +60 -0
  554. package/packages/components/src/tag/src/types.ts +8 -0
  555. package/packages/components/src/text/index.ts +5 -0
  556. package/packages/components/src/text/src/text.ts +8 -0
  557. package/packages/components/src/text/src/text.vue +20 -0
  558. package/packages/components/src/time-picker/index.ts +5 -0
  559. package/packages/components/src/time-picker/src/time-picker.ts +3 -0
  560. package/packages/components/src/time-picker/src/time-picker.vue +14 -0
  561. package/packages/components/src/time-select/index.ts +5 -0
  562. package/packages/components/src/time-select/src/time-select.ts +5 -0
  563. package/packages/components/src/time-select/src/time-select.vue +14 -0
  564. package/packages/components/src/tooltip/index.ts +5 -0
  565. package/packages/components/src/tooltip/src/tooltip.ts +6 -0
  566. package/packages/components/src/tooltip/src/tooltip.vue +71 -0
  567. package/packages/components/src/tour/index.ts +5 -0
  568. package/packages/components/src/tour/src/tour.ts +8 -0
  569. package/packages/components/src/tour/src/tour.vue +20 -0
  570. package/packages/components/src/tree/index.ts +5 -0
  571. package/packages/components/src/tree/src/tree.ts +8 -0
  572. package/packages/components/src/tree/src/tree.vue +77 -0
  573. package/packages/components/src/tree-select/index.ts +3 -0
  574. package/packages/components/src/tree-select/src/tree-select.vue +96 -0
  575. package/packages/components/tsconfig.json +19 -0
  576. package/packages/components/vite.config.ts +32 -0
  577. package/packages/icons/CHANGELOG.md +45 -0
  578. package/packages/icons/README.md +86 -0
  579. package/packages/icons/package.json +30 -0
  580. package/packages/icons/src/components/arrow-down.vue +12 -0
  581. package/packages/icons/src/components/arrow-left.vue +12 -0
  582. package/packages/icons/src/components/arrow-right.vue +12 -0
  583. package/packages/icons/src/components/arrow-up.vue +12 -0
  584. package/packages/icons/src/components/circle-check.vue +15 -0
  585. package/packages/icons/src/components/circle-close.vue +15 -0
  586. package/packages/icons/src/components/close.vue +13 -0
  587. package/packages/icons/src/components/copy.vue +12 -0
  588. package/packages/icons/src/components/delete.vue +12 -0
  589. package/packages/icons/src/components/download.vue +15 -0
  590. package/packages/icons/src/components/edit.vue +12 -0
  591. package/packages/icons/src/components/error.vue +12 -0
  592. package/packages/icons/src/components/export.vue +17 -0
  593. package/packages/icons/src/components/file.vue +21 -0
  594. package/packages/icons/src/components/import.vue +19 -0
  595. package/packages/icons/src/components/index.ts +37 -0
  596. package/packages/icons/src/components/info.vue +13 -0
  597. package/packages/icons/src/components/list-process.vue +37 -0
  598. package/packages/icons/src/components/log.vue +17 -0
  599. package/packages/icons/src/components/minus.vue +13 -0
  600. package/packages/icons/src/components/money-bubble.vue +21 -0
  601. package/packages/icons/src/components/plane.vue +30 -0
  602. package/packages/icons/src/components/plus.vue +17 -0
  603. package/packages/icons/src/components/printer.vue +17 -0
  604. package/packages/icons/src/components/reset.vue +21 -0
  605. package/packages/icons/src/components/right.vue +21 -0
  606. package/packages/icons/src/components/search.vue +15 -0
  607. package/packages/icons/src/components/select.vue +17 -0
  608. package/packages/icons/src/components/semi-select.vue +17 -0
  609. package/packages/icons/src/components/setting.vue +25 -0
  610. package/packages/icons/src/components/stamp.vue +35 -0
  611. package/packages/icons/src/components/success.vue +13 -0
  612. package/packages/icons/src/components/tree-triangle.vue +17 -0
  613. package/packages/icons/src/components/upload.vue +21 -0
  614. package/packages/icons/src/components/view.vue +15 -0
  615. package/packages/icons/src/components/warning.vue +13 -0
  616. package/packages/icons/src/components/zoom-in.vue +27 -0
  617. package/packages/icons/src/components/zoom-out.vue +27 -0
  618. package/packages/icons/src/index.ts +9 -0
  619. package/packages/icons/tsconfig.json +10 -0
  620. package/packages/icons/vite.config.ts +33 -0
  621. package/packages/styles/CHANGELOG.md +99 -0
  622. package/packages/styles/README.md +107 -0
  623. package/packages/styles/package.json +23 -0
  624. package/packages/styles/src/action-menu.scss +103 -0
  625. package/packages/styles/src/arrow-step.scss +138 -0
  626. package/packages/styles/src/arrow-steps.scss +8 -0
  627. package/packages/styles/src/batch-copy.scss +40 -0
  628. package/packages/styles/src/batch-editor.scss +36 -0
  629. package/packages/styles/src/breadcrumb.scss +29 -0
  630. package/packages/styles/src/button.scss +127 -0
  631. package/packages/styles/src/calendar.scss +327 -0
  632. package/packages/styles/src/card.scss +85 -0
  633. package/packages/styles/src/cascader.scss +59 -0
  634. package/packages/styles/src/checkbox.scss +46 -0
  635. package/packages/styles/src/column-table.scss +13 -0
  636. package/packages/styles/src/date-picker.scss +547 -0
  637. package/packages/styles/src/description.scss +38 -0
  638. package/packages/styles/src/dialog.scss +120 -0
  639. package/packages/styles/src/drawer.scss +22 -0
  640. package/packages/styles/src/editor.scss +13 -0
  641. package/packages/styles/src/empty.scss +12 -0
  642. package/packages/styles/src/file-task-dialog.scss +13 -0
  643. package/packages/styles/src/image.scss +6 -0
  644. package/packages/styles/src/import-dialog.scss +122 -0
  645. package/packages/styles/src/independent-nav.scss +37 -0
  646. package/packages/styles/src/index.scss +46 -0
  647. package/packages/styles/src/input-number.scss +34 -0
  648. package/packages/styles/src/input.scss +28 -0
  649. package/packages/styles/src/link.scss +70 -0
  650. package/packages/styles/src/message.scss +12 -0
  651. package/packages/styles/src/mixins.scss +60 -0
  652. package/packages/styles/src/nav.scss +12 -0
  653. package/packages/styles/src/overrides.scss +25 -0
  654. package/packages/styles/src/pagination.scss +161 -0
  655. package/packages/styles/src/popover.scss +4 -0
  656. package/packages/styles/src/radio.scss +54 -0
  657. package/packages/styles/src/search-panel.scss +51 -0
  658. package/packages/styles/src/select.scss +44 -0
  659. package/packages/styles/src/steps.scss +336 -0
  660. package/packages/styles/src/switch.scss +35 -0
  661. package/packages/styles/src/table-grid.scss +37 -0
  662. package/packages/styles/src/table-head-editor.scss +112 -0
  663. package/packages/styles/src/table.scss +33 -0
  664. package/packages/styles/src/tabs.scss +45 -0
  665. package/packages/styles/src/tag.scss +29 -0
  666. package/packages/styles/src/theme.scss +101 -0
  667. package/packages/styles/src/time-picker.scss +225 -0
  668. package/packages/styles/src/time-select.scss +141 -0
  669. package/packages/styles/src/tooltip.scss +21 -0
  670. package/packages/styles/src/tree-select.scss +52 -0
  671. package/packages/styles/src/tree.scss +8 -0
  672. package/packages/styles/src/utilities.scss +81 -0
  673. package/packages/styles/src/variables.scss +56 -0
  674. package/packages/styles/vite.config.ts +28 -0
  675. package/pnpm-workspace.yaml +3 -0
  676. package/tsconfig.json +46 -0
@@ -0,0 +1,65 @@
1
+ # link 链接
2
+
3
+ 文字超链接
4
+
5
+ ## 基础用法
6
+
7
+ 基础的文字链接用法。
8
+
9
+ :::preview
10
+
11
+ demo-preview=../../examples/link/index01.vue
12
+
13
+ :::
14
+
15
+ ## 禁用状态
16
+
17
+ 文字链接不可用状态。
18
+
19
+ :::preview
20
+
21
+ demo-preview=../../examples/link/index02.vue
22
+
23
+ :::
24
+
25
+ ## 下划线
26
+
27
+ 控制下划线是否出现
28
+
29
+ :::preview
30
+
31
+ demo-preview=../../examples/link/index03.vue
32
+
33
+ :::
34
+
35
+ ## 带图标的链接
36
+
37
+ 使用 icon 属性来为按钮添加图标。 您可以传递组件名称的字符串(提前注册)或组件本身是一个 SVG Vue 组件。
38
+
39
+ :::preview
40
+
41
+ demo-preview=../../examples/link/index04.vue
42
+
43
+ :::
44
+
45
+ ## Link API
46
+
47
+ ### Link Attributes
48
+
49
+ | 属性名 | 说明 | 类型 | 默认值 |
50
+ | ------ | ---- | -------- | ------ |
51
+ | type | 类型 | `'default' \| 'primary' \| 'success' \| 'warning' \| 'info' \| 'danger'` | `'default'` |
52
+ | underline | 是否显示下划线 | `'always' \| 'hover' \| 'never' \| boolean` | `'never'` |
53
+ | disabled | 是否禁用 | `boolean` | `false` |
54
+ | href | 链接地址 | `string` | `''` |
55
+ | target | 链接跳转方式 | `string` | `'_self'` |
56
+ | icon | 图标组件 | `Component` | — |
57
+
58
+
59
+
60
+ ### Link Slots
61
+
62
+ | 插槽名 | 说明 |
63
+ | ------ | ---- |
64
+ | default | 自定义默认内容 |
65
+ | icon | 自定义图标组件 |
@@ -0,0 +1,22 @@
1
+ # mention 样例
2
+
3
+ 该组件提供了一个样例。
4
+
5
+ ## 基础用法
6
+
7
+ 这里需要说明组件mention功能和使用方式。
8
+
9
+ :::preview
10
+
11
+ demo-preview=../../examples/mention/index.vue
12
+
13
+ :::
14
+
15
+
16
+ ## Mention API
17
+
18
+ ### Mention Attributes
19
+
20
+ | 属性名 | 说明 | 类型 | 默认值 |
21
+ | ------ | ---- | -------- | ------ |
22
+ | xxx | xxx | `String` | — |
@@ -0,0 +1,167 @@
1
+ # Message 消息提示
2
+
3
+ 常用于主动操作后的反馈提示。 与 Notification 的区别是后者更多用于系统级通知的被动提醒。
4
+
5
+ ## 基础用法
6
+
7
+ 默认情况下在顶部显示并在 3 秒后消失。 您可以使用 `placement` 属性控制位置。
8
+
9
+ Message 在配置上与 Notification 非常类似,所以部分 options 在此不做详尽解释。 文末有 options 列表,可以结合 Notification 的文档理解它们。 Element Plus 注册了一个全局的 `$message`方法用于调用。 Message 可以接收一个字符串或一个 VNode 作为参数,它会被显示为正文内容。
10
+
11
+ :::preview
12
+
13
+ demo-preview=../../examples/message/index.vue
14
+
15
+ :::
16
+
17
+ ## 不同状态
18
+
19
+ 用来显示「成功、警告、消息、错误」类的操作反馈。
20
+
21
+ 当需要自定义更多属性时,Message 也可以接收一个对象为参数。 比如,设置 `type` 字段可以定义不同的状态,默认为`info`。 此时正文内容以 `message` 的值传入。 同时,我们也为 Message 的各种 type 注册了方法,可以在不传入 type 字段的情况下像 `open4` 那样直接调用。
22
+
23
+ <!-- `primary` 已被添加到2.9.11。 -->
24
+
25
+ :::preview
26
+
27
+ demo-preview=../../examples/message/types.vue
28
+
29
+ :::
30
+
31
+ ## Plain
32
+
33
+ 设置 `plain` 为 plain 背景。
34
+
35
+ :::preview
36
+
37
+ demo-preview=../../examples/message/plain.vue
38
+
39
+ :::
40
+
41
+ ## 可关闭的消息提示
42
+
43
+ 可以添加关闭按钮。
44
+
45
+ 默认的 Message 是不可以被人工关闭的。 如果你需要手动关闭功能,你可以把 `showClose` 设置为 true 此外,和 Notification 一样,Message 拥有可控的 `duration`, 默认的关闭时间为 3000 毫秒,当把这个属性的值设置为`0`便表示该消息不会被自动关闭。
46
+
47
+ :::preview
48
+
49
+ demo-preview=../../examples/message/closeable.vue
50
+
51
+ :::
52
+
53
+ ## 使用 HTML 片段作为正文内容
54
+
55
+ `message` 还支持使用 HTML 字符串作为正文内容。
56
+
57
+ 将`dangerouslyUseHTMLString`属性设置为 true,`message` 就会被当作 HTML 片段处理。
58
+
59
+ :::preview
60
+
61
+ demo-preview=../../examples/message/html.vue
62
+
63
+ :::
64
+
65
+ ## 分组消息合并
66
+
67
+ 合并相同内容的消息。
68
+
69
+ 设置 `grouping` 为 true,内容相同的 `message` 将被合并。
70
+
71
+ :::preview
72
+
73
+ demo-preview=../../examples/message/grouping.vue
74
+
75
+ :::
76
+
77
+ ## Placement
78
+
79
+ 控制消息出现的位置。 消息可以显示在查看端口的顶部(默认) 或其他位置。
80
+
81
+ :::preview
82
+
83
+ demo-preview=../../examples/message/placement.vue
84
+
85
+ :::
86
+
87
+ ## 使用方法
88
+
89
+ ### 单独引用
90
+
91
+ ```typescript
92
+ import { MMessage } from '@m-design/m-design';
93
+
94
+ // 基础用法
95
+ MMessage('This is a message.');
96
+
97
+ // 不同类型
98
+ MMessage.success('Success message');
99
+ MMessage.warning('Warning message');
100
+ MMessage.info('Info message');
101
+ MMessage.error('Error message');
102
+ // MMessage.primary('Primary message');
103
+
104
+ // 对象形式
105
+ MMessage({
106
+ message: 'Custom message',
107
+ type: 'success',
108
+ duration: 5000,
109
+ });
110
+
111
+ // 关闭所有消息
112
+ MMessage.closeAll();
113
+ ```
114
+
115
+ ### 全局方法
116
+
117
+ 在 Vue 应用中,可以通过 `app.config.globalProperties` 访问:
118
+
119
+ ```typescript
120
+ // 在 setup 中
121
+ const { proxy } = getCurrentInstance();
122
+ proxy.$message('This is a message.');
123
+ ```
124
+
125
+ ## API
126
+
127
+ ### Message 配置项
128
+
129
+ | 名称 | 说明 | 类型 | 默认值 |
130
+ | ------------------------ | ------------------------------------------- | ------------------------- | ----- |
131
+ | message | 消息文字 | string / VNode / Function | '' |
132
+ | type | 消息类型 | enum | info |
133
+ | plain | 是否纯色 | boolean | false |
134
+ | icon | 自定义图标,该属性会覆盖 type 的图标。 | string / Component | — |
135
+ | dangerouslyUseHTMLString | 是否将 message 属性作为 HTML 片段处理 | boolean | false |
136
+ | customClass | 自定义类名 | string | '' |
137
+ | duration | 显示时间,单位为毫秒。 设为 0 则不会自动关闭 | number | 3000 |
138
+ | showClose | 是否显示关闭按钮 | boolean | false |
139
+ | onClose | 关闭时的回调函数, 参数为被关闭的 message 实例 | Function | — |
140
+ | offset | 设置到视口边缘的距离(当位置为'top'时为顶部,当位置为'bottom'时为底部) | number | 16 |
141
+ | placement | 消息放置位置 | enum | top |
142
+ | appendTo | 设置 message 的根元素,默认为 document.body | CSSSelector / HTMLElement | — |
143
+ | grouping | 合并内容相同的消息,不支持 VNode 类型的消息 | boolean | false |
144
+ | repeatNum | 重复次数,类似于 Badge 。当和 grouping 属性一起使用时作为初始数量使用 | number | 1 |
145
+
146
+ ### Message 方法
147
+
148
+ 调用 `MMessage` 会返回当前 Message 的实例。 如果需要手动关闭实例,可以调用它的 `close` 方法。
149
+
150
+ | 名称 | 描述 | 类型 |
151
+ | ----- | ------------- | -------- |
152
+ | close | 关闭当前的 Message | Function |
153
+
154
+ ### 静态方法
155
+
156
+ | 名称 | 描述 | 类型 |
157
+ | -------- | ---------- | -------- |
158
+ | success | 显示成功消息 | Function |
159
+ | warning | 显示警告消息 | Function |
160
+ | info | 显示信息消息 | Function |
161
+ | error | 显示错误消息 | Function |
162
+ | closeAll | 关闭所有消息 | Function |
163
+
164
+ <!-- | primary | 显示主要消息 | Function | -->
165
+ ## Owner
166
+
167
+ Aric.Li@aldi.cn
@@ -0,0 +1,29 @@
1
+ # nav 样例
2
+
3
+ 用于AIM子应用面包屑
4
+
5
+ ## 基础用法
6
+
7
+ 默认显示是系统菜单配置的多层菜单,例如 集团商品管理/商品管理,moreLevel是用来扩展更多的层级。
8
+
9
+ :::preview
10
+
11
+ demo-preview=../../examples/nav/index.vue
12
+
13
+ :::
14
+
15
+
16
+ ## Nav API
17
+
18
+ ### Nav Attributes
19
+
20
+ | 属性名 | 说明 | 类型 | 默认值 |
21
+ |-------------|--------|----------------|-----------------------------|
22
+ | moreLevel | 更多参数 | `Array` | [{title: '新增', path: 'xx'}] |
23
+
24
+
25
+ ### Nav Slots
26
+
27
+ | 插槽名 | 说明 |
28
+ | ------ | ---- |
29
+ | default | 按钮内容 |
@@ -0,0 +1,93 @@
1
+ # Pagination 分页
2
+
3
+ 当数据量过多时,使用分页分解数据。
4
+
5
+ ## 基础用法
6
+
7
+ 设置`layout`,表示需要显示的内容,用逗号分隔,布局元素会依次显示。 分页元素包括:`prev`(跳转到上一页的按钮)、`next`(跳转到下一页的按钮)、`pager`(页码列表)、`jumper`(跳转输入框)、`total`(总条目数)、`sizes`(用于设置每页条数的选择器)以及 `->`(该符号之后的所有元素将被靠右对齐)。
8
+
9
+ :::preview
10
+
11
+ demo-preview=../../examples/pagination/basic.vue
12
+
13
+ :::
14
+
15
+ ## 设置最大页码按钮数
16
+
17
+ 默认情况下,当总页数超过 7 页时,Pagination 会折叠多余的页码按钮。 通过 `pager-count` 属性可以设置最大页码按钮数。
18
+
19
+ :::preview
20
+
21
+ demo-preview=../../examples/pagination/number-of-pagers.vue
22
+
23
+ :::
24
+
25
+ ## 带有背景色的分页
26
+
27
+ 设置`background`属性可以为分页按钮添加背景色
28
+
29
+ :::preview
30
+
31
+ demo-preview=../../examples/pagination/background-color.vue
32
+
33
+ :::
34
+
35
+ ## 小型分页
36
+
37
+ 在空间有限的情况下,可以使用简单的小型分页。
38
+ 通过`size`更改大小 这是个 `small`的例子
39
+
40
+ :::preview
41
+
42
+ demo-preview=../../examples/pagination/small.vue
43
+
44
+ :::
45
+
46
+ ## 置灰
47
+
48
+ :::preview
49
+
50
+ demo-preview=../../examples/pagination/disabled.vue
51
+
52
+ :::
53
+
54
+ ## 其他功能
55
+
56
+ 此示例是一个完整的用例。 使用了 `size-change` 和 `current-change` 事件来处理页码大小和当前页变动时候触发的事件。 `page-sizes`接受一个整数类型的数组,数组元素为展示的选择每页显示个数的选项,[100, 200, 300, 400] 表示四个选项,每页显示 100 个,200 个,300 个或者 400 个。
57
+
58
+ :::preview
59
+
60
+ demo-preview=../../examples/pagination/more.vue
61
+
62
+ :::
63
+
64
+ ## Tag API
65
+
66
+ ### Tag Attributes
67
+
68
+ | 属性名 | 说明 | 类型 | 默认值 |
69
+ | ------------------- | ----------------------------------- | ------------------ | ------------------------------------ |
70
+ | v-model:current-page | 当前页数 | `当前页数` | - |
71
+ | v-model:page-size | 每页显示条目个数 | `number` | - |
72
+ | size | 分页大小 | `enum` | 'default' |
73
+ | total | 总条目数 | `number` | - |
74
+ | background | 是否为分页按钮添加背景色 | `boolean` | true |
75
+ | default-page-size | 每页默认的条目个数,默认为10 | `number` | 7 |
76
+ | layout | 组件布局,用逗号分隔 | `string` | prev, pager, next, jumper, ->, total |
77
+ | prev-text | 替代图标显示的上一页文字 | `string` | - |
78
+ | prev-icon | 上一页的图标,优先级更高于prev-text | `string/Componen` | ArrowLeft |
79
+ | next-text | 替代图标显示的下一页文字 | `string` | - |
80
+ | next-icon | 上一页的图标,优先级更低于next-text | `string/Component` | ArrowRight |
81
+ | disabled | 是否禁用分页 | `boolean` | false |
82
+ | teleported | 是否将下拉菜单teleport至 body | `boolean` | true |
83
+ | hide-on-single-page | 只有一页时是否隐藏 | `boolean` | false |
84
+
85
+ ### Tag Events
86
+
87
+ | 事件名 | 说明 | 类型 |
88
+ | -------------- | ---------------------------------------- | ---------- |
89
+ | size-change | `page-size` 改变时触发 | `Function` |
90
+ | current-change | `current-page` 改变时触发 | `Function` |
91
+ | change | `current-page` 或 `page-size` 更改时触发 | `Function` |
92
+ | prev-click | 用户点击上一页按钮改变当前页时触发 | `Function` |
93
+ | next-click | 用户点击下一页按钮改变当前页时触发 | `Function` |
@@ -0,0 +1,116 @@
1
+ # Popover 弹出框
2
+
3
+ ## 展示位置
4
+
5
+ Popover 弹出框提供 9 种展示位置。
6
+
7
+ 使用 `content` 属性来设置悬停时显示的信息。 由 `placement` 属性决定 Popover 弹出框的位置。 该属性值格式为:`[方向]-[对齐位置]`,可供选择的四个方向分别是`top`、`left`、`right`、`bottom`,可供选择的三种对齐方式分别是`start`、`end`、`null`,默认的对齐方式为null。 以 `placement="left-end"` 为例,Popover 弹出框会显示在悬停元素的左侧,且提示信息的底部与悬停元素的底部对齐。
8
+
9
+ :::preview
10
+
11
+ demo-preview=../../examples/popover/index.vue
12
+
13
+ :::
14
+
15
+ ## 基础用法
16
+
17
+ Popover 是在 `ElTooltip` 基础上开发出来的。 因此对于重复属性,请参考 Tooltip 的文档,在此文档中不做详尽解释。
18
+
19
+ `trigger` 属性被用来决定 popover 的触发方式,支持的触发方式: `hover`、`click`、`focus` 或 `contextmenu`。 如果你想手动控制它,可以设置 `:visible` 属性。
20
+
21
+ :::preview
22
+
23
+ demo-preview=../../examples/popover/basic.vue
24
+
25
+ :::
26
+
27
+ ## 虚拟触发
28
+
29
+ 像 Tooltip一样,Popover 可以由虚拟元素触发,这个功能就很适合使用在触发元素和展示内容元素是分开的场景。通常我们使用 `#reference` 来放置我们的触发元素, 用 `triggering-element` API,您可以任意设置您的触发元素 但注意到触发元素应该是接受 `mouse` 和 `keyboard` 事件的元素。
30
+
31
+ :::preview
32
+
33
+ demo-preview=../../examples/popover/virtual-trigger.vue
34
+
35
+ :::
36
+
37
+ ## 内容可扩展
38
+
39
+ 可以在 Popover 中嵌套其它组件, 以下为嵌套表格的例子。
40
+
41
+ 利用插槽取代 `content` 属性
42
+
43
+ :::preview
44
+
45
+ demo-preview=../../examples/popover/rich-content.vue
46
+
47
+ :::
48
+
49
+ ## 嵌套操作
50
+
51
+ 当然,你还可以嵌套操作, 它比使用dialog更加轻量。
52
+
53
+ :::preview
54
+
55
+ demo-preview=../../examples/popover/nested.vue
56
+
57
+ :::
58
+
59
+ ## API
60
+
61
+ ### Attributes
62
+
63
+ | 属性名 | 说明 | 类型 | Default |
64
+ | ------------------------------- | ------------------------------------------------------------------------------------------------------------------------- | ------------------------- | -------------------------------------------------------------------------- |
65
+ | trigger | popover 触发方式,在受控模式下无效。 | enum / array | hover |
66
+ | trigger-keys | 当通过鼠标点击使触发元素获得焦点时,可以定义一组键盘按键代码,通过键盘控制气泡框的显示,在受控模式下无效。 | Array | \['Enter','Space'\] |
67
+ | title | 标题 | string | — |
68
+ | effect | Tooltip 主题,Element Plus 内置了 dark / light 两种主题 | enum / string | light |
69
+ | content | 显示的内容,也可以通过写入默认 slot 修改显示内容 | string | '' |
70
+ | width | 宽度 | string / number | 150 |
71
+ | placement | 出现位置 | enum | bottom |
72
+ | disabled | Popover 是否可用 | boolean | false |
73
+ | visible / v-model:visible | Popover 是否显示 | boolean / null | null |
74
+ | offset | 浮层偏移量, Popover 是在 Tooltip,基础上开发的, Popover的 offset 是 undefined, 但Tooltip 的 offset 是12 | number | undefined |
75
+ | transition | 定义渐变动画,默认是 el-fade-in-linear | string | — |
76
+ | show-arrow | 是否显示 Tooltip 箭头, 欲了解更多信息,请参考 [ElPopper](https://github.com/element-plus/element-plus/tree/dev/packages/components/popper) | boolean | true |
77
+ | popper-options | [popper.js](https://popper.js.org/docs/v2/) 的参数 | object | {modifiers: \[{name: 'computeStyles',options: {gpuAcceleration: false}}\]} |
78
+ | popper-class | 为 popper 添加类名 | string | — |
79
+ | popper-style | 为 popper 自定义样式 | string / object | — |
80
+ | show-after | 延迟显示时间(以毫秒为单位),在受控模式下无效。 | number | 0 |
81
+ | hide-after | 消失延迟时间(以毫秒为单位),在受控模式下无效。 | number | 200 |
82
+ | auto-close | 隐藏提示框的超时时间(以毫秒为单位),在受控模式下无效。 | number | 0 |
83
+ | tabindex | Popover 组件的 [tabindex](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Global%5Fattributes/tabindex) | number / string | 0 |
84
+ | teleported | 是否将 popover 的下拉列表插入至 body 元素 | boolean | true |
85
+ | append-to | 指示 Tooltip 的内容将附加在哪一个网页元素上 | CSSSelector / HTMLElement | body |
86
+ | persistent | 当 popover 组件长时间不触发且 persistent 属性设置为 false 时, popover 将会被删除 | boolean | true |
87
+ | virtual-triggering | 是否启用虚拟触发器 | boolean | — |
88
+ | virtual-ref | 代表 tooltip 所要附加的参照元素 | HTMLElement | — |
89
+
90
+ ### Slots
91
+
92
+ | 插槽名 | 说明 |
93
+ | --------- | ------------------------ |
94
+ | default | Popover 内嵌 HTML 文本 |
95
+ | reference | 触发弹出框的 HTML 元素,只接受单个根元素。 |
96
+
97
+ ### Events
98
+
99
+ | 事件名 | 说明 | Type |
100
+ | ------------ | ----------- | -------- |
101
+ | show | 显示时触发 | Function |
102
+ | before-enter | 显示动画播放前触发 | Function |
103
+ | after-enter | 显示动画播放完毕后触发 | Function |
104
+ | hide | 隐藏时触发 | Function |
105
+ | before-leave | 隐藏动画播放前触发 | Function |
106
+ | after-leave | 隐藏动画播放完毕后触发 | Function |
107
+
108
+ ### Exposes
109
+
110
+ | 名称 | 详情 | 类型 |
111
+ | ---- | ---------- | -------- |
112
+ | hide | 隐藏 popover | Function |
113
+
114
+ ## Owner
115
+
116
+ Aric.Li@aldi.cn
@@ -0,0 +1,22 @@
1
+ # progress 样例
2
+
3
+ 该组件提供了一个样例。
4
+
5
+ ## 基础用法
6
+
7
+ 这里需要说明组件progress功能和使用方式。
8
+
9
+ :::preview
10
+
11
+ demo-preview=../../examples/progress/index.vue
12
+
13
+ :::
14
+
15
+
16
+ ## Progress API
17
+
18
+ ### Progress Attributes
19
+
20
+ | 属性名 | 说明 | 类型 | 默认值 |
21
+ | ------ | ---- | -------- | ------ |
22
+ | xxx | xxx | `String` | — |
@@ -0,0 +1,152 @@
1
+ # Radio 单选框
2
+
3
+ 在一组备选项中进行单选
4
+
5
+ ## 基础用法
6
+
7
+ 单选框不应该有太多的可选项, 如果你有很多的可选项你应该使用选择框而不是单选框。
8
+
9
+ 要使用 Radio 组件,只需要设置v-model绑定变量, 选中意味着变量的值为相应 Radio value属性的值, value可以是String、Number 或 Boolean。
10
+
11
+ :::preview
12
+
13
+ demo-preview=../../examples/radio/basic-usage.vue
14
+
15
+ :::
16
+
17
+
18
+ ## 禁用状态
19
+
20
+ disabled 属性可以用来控制单选框的禁用状态。
21
+
22
+ 你只需要为单选框设置 disabled 属性就能控制其禁用状态。
23
+
24
+ :::preview
25
+
26
+ demo-preview=../../examples/radio/disabled.vue
27
+
28
+ :::
29
+
30
+ ## 单选框组
31
+
32
+ 适用于在多个互斥的选项中选择的场景
33
+
34
+ 结合el-radio-group元素和子元素el-radio可以实现单选组, 为 el-radio-group 绑定 v-model,再为 每一个 el-radio 设置好 label 属性即可, 另外,还可以通过 change 事件来响应变化,它会传入一个参数 value 来表示改变之后的值。
35
+ :::preview
36
+
37
+ demo-preview=../../examples/radio/radio-button-group.vue
38
+
39
+ :::
40
+
41
+ ## 按钮样式
42
+
43
+ 你可以让单选框看起来像一个按钮一样。
44
+
45
+ 只需要把 el-radio 元素换成 el-radio-button 元素即可, 此外,Element Plus 还提供了 size 属性用来控制单选框的大小。
46
+
47
+ :::preview
48
+
49
+ demo-preview=../../examples/radio/button-style.vue
50
+
51
+ :::
52
+
53
+ ## 按钮样式
54
+
55
+ 你可以让单选框看起来像一个按钮一样。
56
+
57
+ 您可以使用 填充 和 文本颜色 设置按钮的样式。
58
+
59
+ :::preview
60
+
61
+ demo-preview=../../examples/radio/button-fill-textcolor.vue
62
+
63
+ :::
64
+
65
+ ## 带有边框​
66
+
67
+
68
+ 设置 border 属性为 true 可以渲染为带有边框的单选框。
69
+
70
+ :::preview
71
+
72
+ demo-preview=../../examples/radio/with-borders.vue
73
+
74
+ :::
75
+
76
+
77
+ ## Radio API
78
+
79
+ ### Radio Attributes
80
+
81
+ | 属性名 | 说明 | 类型 | 默认值 |
82
+ | ------ | ---- | -------- | ------ |
83
+ | model-value / v-model | 选中项绑定值 | `string` / `number` / `boolean` | — |
84
+ | value | 单选框的值 | `string` / `number` / `boolean` | — |
85
+ | label | 单选框的 label 如果value没有值, label则作为value使用 | `string` / `number` / `boolean` | — |
86
+ | disabled | 是否禁用单选框 | `boolean` | `false` |
87
+ | border | 是否显示边框 | `boolean` | `false` |
88
+ | size | 单选框的尺寸 | `'large' \| 'default' \| 'small'` | — |
89
+ | name | 原始 name 属性 | `string` | — |
90
+
91
+ ### Radio Events
92
+
93
+ | 事件名 | 说明 | 参数 |
94
+ | ------ | ---- | ---- |
95
+ | change | 绑定值变化时触发的事件 | `(value: string \| number \| boolean) => void` |
96
+
97
+ ### Radio Slots
98
+
99
+ | 插槽名 | 说明 |
100
+ | ------ | ---- |
101
+ | default | 自定义默认内容 |
102
+
103
+ ## RadioGroup API
104
+
105
+ ### RadioGroup Attributes
106
+
107
+ | 属性名 | 说明 | 类型 | 默认值 |
108
+ | ------ | ---- | -------- | ------ |
109
+ | model-value / v-model | 绑定值 | `string` / `number` / `boolean` | — |
110
+ | size | 单选框按钮或边框按钮的大小 | `'large' \| 'default' \| 'small'` | `'default'` |
111
+ | disabled | 是否禁用 | `boolean` | `false` |
112
+ | validate-event | 输入时是否触发表单的校验 | `boolean` | `true` |
113
+ | text-color | 按钮形式的 Radio 激活时的文本颜色 | `string` | `'#ffffff'` |
114
+ | fill | 按钮形式的 Radio 激活时的填充色和边框色 | `string` | `'#409eff'` |
115
+ | aria-label | 与 RadioGroup 中的 aria-label 属性相同 | `string` | — |
116
+ | name | 原生 name 属性 | `string` | — |
117
+ | id | 原生 id 属性 | `string` | — |
118
+
119
+ <!-- | options | 选项的数据源, value 的 key 和 label 和 disabled可以通过 props自定义 | `array` | — |
120
+ | props | options 的配置 | `object` | `{value: 'value', label: 'label', disabled: 'disabled'}` |
121
+ | type | 用于渲染选项的组件类型(例如 'button') | `'radio' \| 'button'` | `'radio'` | -->
122
+
123
+ <!-- | label | 与 RadioGroup 中的 aria-label 属性相同(已废弃) | `string` | — | -->
124
+
125
+ ### RadioGroup Events
126
+
127
+ | 事件名 | 说明 | 参数 |
128
+ | ------ | ---- | ---- |
129
+ | change | 绑定值变化时触发的事件 | `(value: string \| number \| boolean) => void` |
130
+
131
+ ### RadioGroup Slots
132
+
133
+ | 插槽名 | 说明 | 子标签 |
134
+ | ------ | ---- | ------ |
135
+ | default | 自定义默认内容 | Radio / RadioButton |
136
+
137
+ ## RadioButton API
138
+
139
+ ### RadioButton Attributes
140
+
141
+ | 属性名 | 说明 | 类型 | 默认值 |
142
+ | ------ | ---- | -------- | ------ |
143
+ | value | 单选框的值 | `string` / `number` / `boolean` | — |
144
+ | label | 单选框的 label 如果没有 value, label则作为value使用 | `string` / `number` / `boolean` | — |
145
+ | disabled | 是否禁用单选框 | `boolean` | `false` |
146
+ | name | 原生 name 属性 | `string` | — |
147
+
148
+ ### RadioButton Slots
149
+
150
+ | 插槽名 | 说明 |
151
+ | ------ | ---- |
152
+ | default | 默认插槽内容 |