@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
package/docs/examples/input/icon.vue ADDED
@@ -0,0 +1,26 @@
1
+ <template>
2
+ <MInput
3
+ placeholder="你输入下试试呢"
4
+ prefix-icon="CircleClose"
5
+ suffix-icon="CircleClose"
6
+ v-model="value"
7
+ >
8
+ <template #prefix>
9
+ <MIcon icon="File"></MIcon>
10
+ </template>
11
+
12
+ <template #prepend>
13
+ <MIcon icon="ArrowLeft"></MIcon>
14
+ </template>
15
+
16
+ <template #append>
17
+ <MIcon icon="ArrowRight"></MIcon>
18
+ </template>
19
+ </MInput>
20
+ </template>
21
+
22
+ <script lang="ts" setup>
23
+ import { ref } from 'vue';
24
+
25
+ const value = ref('');
26
+ </script>
package/docs/examples/input/index.vue ADDED
@@ -0,0 +1,9 @@
1
+ <template>
2
+ <MInput v-model="value"></MInput>
3
+ </template>
4
+
5
+ <script lang="ts" setup>
6
+ import { ref } from 'vue';
7
+
8
+ const value = ref('');
9
+ </script>
package/docs/examples/input-number/index.vue ADDED
@@ -0,0 +1,19 @@
1
+ <template>
2
+ <MInputNumber
3
+ placeholder="你输入下试试呢"
4
+ :min="0"
5
+ :max="99999"
6
+ :step="0.1"
7
+ step-strictly
8
+ :precision="2"
9
+ controls
10
+ controls-position="right"
11
+ v-model="value"
12
+ ></MInputNumber>
13
+ </template>
14
+
15
+ <script lang="ts" setup>
16
+ import { ref } from 'vue';
17
+
18
+ const value = ref();
19
+ </script>
package/docs/examples/layout/gutter.vue ADDED
@@ -0,0 +1,51 @@
1
+ <template>
2
+ <div class="vp-raw">
3
+ <m-row :gutter="20">
4
+ <m-col :span="6">
5
+ <div class="grid-content ep-bg-purple" />
6
+ </m-col>
7
+ <m-col :span="6">
8
+ <div class="grid-content ep-bg-purple" />
9
+ </m-col>
10
+ <m-col :span="6">
11
+ <div class="grid-content ep-bg-purple" />
12
+ </m-col>
13
+ <m-col :span="6">
14
+ <div class="grid-content ep-bg-purple" />
15
+ </m-col>
16
+ </m-row>
17
+ </div>
18
+ </template>
19
+
20
+ <script lang="ts" setup>
21
+ // 分栏间隔示例
22
+ </script>
23
+
24
+ <style scoped>
25
+ .m-row {
26
+ margin-bottom: 20px;
27
+ }
28
+ .m-row:last-child {
29
+ margin-bottom: 0;
30
+ }
31
+ .m-col {
32
+ border-radius: 4px;
33
+ }
34
+
35
+ .grid-content {
36
+ border-radius: 4px;
37
+ min-height: 36px;
38
+ }
39
+
40
+ .ep-bg-purple-dark {
41
+ background-color: #e3ecf9;
42
+ }
43
+
44
+ .ep-bg-purple {
45
+ background-color: #dbe5f4;
46
+ }
47
+
48
+ .ep-bg-purple-light {
49
+ background-color: #f2f7ff;
50
+ }
51
+ </style>
package/docs/examples/layout/index.vue ADDED
@@ -0,0 +1,97 @@
1
+ <template>
2
+ <div class="vp-raw">
3
+ <m-row>
4
+ <m-col :span="24">
5
+ <div class="grid-content ep-bg-purple-dark" />
6
+ </m-col>
7
+ </m-row>
8
+ <m-row>
9
+ <m-col :span="12">
10
+ <div class="grid-content ep-bg-purple" />
11
+ </m-col>
12
+ <m-col :span="12">
13
+ <div class="grid-content ep-bg-purple-light" />
14
+ </m-col>
15
+ </m-row>
16
+ <m-row>
17
+ <m-col :span="8">
18
+ <div class="grid-content ep-bg-purple" />
19
+ </m-col>
20
+ <m-col :span="8">
21
+ <div class="grid-content ep-bg-purple-light" />
22
+ </m-col>
23
+ <m-col :span="8">
24
+ <div class="grid-content ep-bg-purple" />
25
+ </m-col>
26
+ </m-row>
27
+ <m-row>
28
+ <m-col :span="6">
29
+ <div class="grid-content ep-bg-purple" />
30
+ </m-col>
31
+ <m-col :span="6">
32
+ <div class="grid-content ep-bg-purple-light" />
33
+ </m-col>
34
+ <m-col :span="6">
35
+ <div class="grid-content ep-bg-purple" />
36
+ </m-col>
37
+ <m-col :span="6">
38
+ <div class="grid-content ep-bg-purple-light" />
39
+ </m-col>
40
+ </m-row>
41
+ <m-row>
42
+ <m-col :span="4">
43
+ <div class="grid-content ep-bg-purple" />
44
+ </m-col>
45
+ <m-col :span="4">
46
+ <div class="grid-content ep-bg-purple-light" />
47
+ </m-col>
48
+ <m-col :span="4">
49
+ <div class="grid-content ep-bg-purple" />
50
+ </m-col>
51
+ <m-col :span="4">
52
+ <div class="grid-content ep-bg-purple-light" />
53
+ </m-col>
54
+ <m-col :span="4">
55
+ <div class="grid-content ep-bg-purple" />
56
+ </m-col>
57
+ <m-col :span="4">
58
+ <div class="grid-content ep-bg-purple-light" />
59
+ </m-col>
60
+ </m-row>
61
+ </div>
62
+ </template>
63
+
64
+ <script lang="ts" setup>
65
+ // 基础布局示例
66
+ </script>
67
+
68
+ <style scoped>
69
+ .m-row {
70
+ margin-bottom: 20px;
71
+ }
72
+
73
+ .m-row:last-child {
74
+ margin-bottom: 0;
75
+ }
76
+
77
+ .m-col {
78
+ border-radius: 4px;
79
+ }
80
+
81
+ .grid-content {
82
+ border-radius: 4px;
83
+ min-height: 36px;
84
+ }
85
+
86
+ .ep-bg-purple-dark {
87
+ background-color: #bac2cd;
88
+ }
89
+
90
+ .ep-bg-purple {
91
+ background-color: #dbe5f4;
92
+ }
93
+
94
+ .ep-bg-purple-light {
95
+ background-color: #f2f7ff;
96
+ }
97
+ </style>
package/docs/examples/layout/justify.vue ADDED
@@ -0,0 +1,122 @@
1
+ <template>
2
+ <div class="vp-raw">
3
+ <m-row class="row-bg">
4
+ <m-col :span="6">
5
+ <div class="grid-content ep-bg-purple" />
6
+ </m-col>
7
+ <m-col :span="6">
8
+ <div class="grid-content ep-bg-purple-light" />
9
+ </m-col>
10
+ <m-col :span="6">
11
+ <div class="grid-content ep-bg-purple" />
12
+ </m-col>
13
+ </m-row>
14
+ <m-row
15
+ class="row-bg"
16
+ justify="center"
17
+ >
18
+ <m-col :span="6">
19
+ <div class="grid-content ep-bg-purple" />
20
+ </m-col>
21
+ <m-col :span="6">
22
+ <div class="grid-content ep-bg-purple-light" />
23
+ </m-col>
24
+ <m-col :span="6">
25
+ <div class="grid-content ep-bg-purple" />
26
+ </m-col>
27
+ </m-row>
28
+ <m-row
29
+ class="row-bg"
30
+ justify="end"
31
+ >
32
+ <m-col :span="6">
33
+ <div class="grid-content ep-bg-purple" />
34
+ </m-col>
35
+ <m-col :span="6">
36
+ <div class="grid-content ep-bg-purple-light" />
37
+ </m-col>
38
+ <m-col :span="6">
39
+ <div class="grid-content ep-bg-purple" />
40
+ </m-col>
41
+ </m-row>
42
+ <m-row
43
+ class="row-bg"
44
+ justify="space-between"
45
+ >
46
+ <m-col :span="6">
47
+ <div class="grid-content ep-bg-purple" />
48
+ </m-col>
49
+ <m-col :span="6">
50
+ <div class="grid-content ep-bg-purple-light" />
51
+ </m-col>
52
+ <m-col :span="6">
53
+ <div class="grid-content ep-bg-purple" />
54
+ </m-col>
55
+ </m-row>
56
+ <m-row
57
+ class="row-bg"
58
+ justify="space-around"
59
+ >
60
+ <m-col :span="6">
61
+ <div class="grid-content ep-bg-purple" />
62
+ </m-col>
63
+ <m-col :span="6">
64
+ <div class="grid-content ep-bg-purple-light" />
65
+ </m-col>
66
+ <m-col :span="6">
67
+ <div class="grid-content ep-bg-purple" />
68
+ </m-col>
69
+ </m-row>
70
+ <m-row
71
+ class="row-bg"
72
+ justify="space-evenly"
73
+ >
74
+ <m-col :span="6">
75
+ <div class="grid-content ep-bg-purple" />
76
+ </m-col>
77
+ <m-col :span="6">
78
+ <div class="grid-content ep-bg-purple-light" />
79
+ </m-col>
80
+ <m-col :span="6">
81
+ <div class="grid-content ep-bg-purple" />
82
+ </m-col>
83
+ </m-row>
84
+ </div>
85
+ </template>
86
+
87
+ <script lang="ts" setup>
88
+ // 对齐方式示例
89
+ </script>
90
+
91
+ <style scoped>
92
+ .m-row {
93
+ margin-bottom: 20px;
94
+ }
95
+ .m-row:last-child {
96
+ margin-bottom: 0;
97
+ }
98
+ .m-col {
99
+ border-radius: 4px;
100
+ }
101
+
102
+ .grid-content {
103
+ border-radius: 4px;
104
+ min-height: 36px;
105
+ }
106
+
107
+ .row-bg {
108
+ background-color: #f5f5f5;
109
+ }
110
+
111
+ .ep-bg-purple-dark {
112
+ background-color: #e3ecf9;
113
+ }
114
+
115
+ .ep-bg-purple {
116
+ background-color: #dbe5f4;
117
+ }
118
+
119
+ .ep-bg-purple-light {
120
+ background-color: #f2f7ff;
121
+ }
122
+ </style>
package/docs/examples/layout/mixed.vue ADDED
@@ -0,0 +1,70 @@
1
+ <template>
2
+ <div class="vp-raw">
3
+ <m-row :gutter="20">
4
+ <m-col :span="16">
5
+ <div class="grid-content ep-bg-purple" />
6
+ </m-col>
7
+ <m-col :span="8">
8
+ <div class="grid-content ep-bg-purple" />
9
+ </m-col>
10
+ </m-row>
11
+ <m-row :gutter="20">
12
+ <m-col :span="8">
13
+ <div class="grid-content ep-bg-purple" />
14
+ </m-col>
15
+ <m-col :span="8">
16
+ <div class="grid-content ep-bg-purple" />
17
+ </m-col>
18
+ <m-col :span="4">
19
+ <div class="grid-content ep-bg-purple" />
20
+ </m-col>
21
+ <m-col :span="4">
22
+ <div class="grid-content ep-bg-purple" />
23
+ </m-col>
24
+ </m-row>
25
+ <m-row :gutter="20">
26
+ <m-col :span="4">
27
+ <div class="grid-content ep-bg-purple" />
28
+ </m-col>
29
+ <m-col :span="16">
30
+ <div class="grid-content ep-bg-purple" />
31
+ </m-col>
32
+ <m-col :span="4">
33
+ <div class="grid-content ep-bg-purple" />
34
+ </m-col>
35
+ </m-row>
36
+ </div>
37
+ </template>
38
+
39
+ <script lang="ts" setup>
40
+ // 混合布局示例
41
+ </script>
42
+
43
+ <style scoped>
44
+ .m-row {
45
+ margin-bottom: 20px;
46
+ }
47
+ .m-row:last-child {
48
+ margin-bottom: 0;
49
+ }
50
+ .m-col {
51
+ border-radius: 4px;
52
+ }
53
+
54
+ .grid-content {
55
+ border-radius: 4px;
56
+ min-height: 36px;
57
+ }
58
+
59
+ .ep-bg-purple-dark {
60
+ background-color: #e3ecf9;
61
+ }
62
+
63
+ .ep-bg-purple {
64
+ background-color: #dbe5f4;
65
+ }
66
+
67
+ .ep-bg-purple-light {
68
+ background-color: #f2f7ff;
69
+ }
70
+ </style>
package/docs/examples/layout/offset.vue ADDED
@@ -0,0 +1,70 @@
1
+ <template>
2
+ <div class="vp-raw">
3
+ <m-row :gutter="20">
4
+ <m-col :span="6">
5
+ <div class="grid-content ep-bg-purple" />
6
+ </m-col>
7
+ <m-col
8
+ :span="6"
9
+ :offset="6"
10
+ >
11
+ <div class="grid-content ep-bg-purple" />
12
+ </m-col>
13
+ </m-row>
14
+ <m-row :gutter="20">
15
+ <m-col
16
+ :span="6"
17
+ :offset="6"
18
+ >
19
+ <div class="grid-content ep-bg-purple" />
20
+ </m-col>
21
+ <m-col
22
+ :span="6"
23
+ :offset="6"
24
+ >
25
+ <div class="grid-content ep-bg-purple" />
26
+ </m-col>
27
+ </m-row>
28
+ <m-row :gutter="20">
29
+ <m-col
30
+ :span="12"
31
+ :offset="6"
32
+ >
33
+ <div class="grid-content ep-bg-purple" />
34
+ </m-col>
35
+ </m-row>
36
+ </div>
37
+ </template>
38
+
39
+ <script lang="ts" setup>
40
+ // 列偏移示例
41
+ </script>
42
+
43
+ <style scoped>
44
+ .m-row {
45
+ margin-bottom: 20px;
46
+ }
47
+ .m-row:last-child {
48
+ margin-bottom: 0;
49
+ }
50
+ .m-col {
51
+ border-radius: 4px;
52
+ }
53
+
54
+ .grid-content {
55
+ border-radius: 4px;
56
+ min-height: 36px;
57
+ }
58
+
59
+ .ep-bg-purple-dark {
60
+ background-color: #e3ecf9;
61
+ }
62
+
63
+ .ep-bg-purple {
64
+ background-color: #dbe5f4;
65
+ }
66
+
67
+ .ep-bg-purple-light {
68
+ background-color: #f2f7ff;
69
+ }
70
+ </style>
package/docs/examples/layout/responsive.vue ADDED
@@ -0,0 +1,69 @@
1
+ <template>
2
+ <div class="vp-raw">
3
+ <m-row :gutter="10">
4
+ <m-col
5
+ :xs="8"
6
+ :sm="6"
7
+ :md="4"
8
+ :lg="3"
9
+ :xl="1"
10
+ >
11
+ <div class="grid-content ep-bg-purple" />
12
+ </m-col>
13
+ <m-col
14
+ :xs="4"
15
+ :sm="6"
16
+ :md="8"
17
+ :lg="9"
18
+ :xl="11"
19
+ >
20
+ <div class="grid-content ep-bg-purple-light" />
21
+ </m-col>
22
+ <m-col
23
+ :xs="4"
24
+ :sm="6"
25
+ :md="8"
26
+ :lg="9"
27
+ :xl="11"
28
+ >
29
+ <div class="grid-content ep-bg-purple" />
30
+ </m-col>
31
+ <m-col
32
+ :xs="8"
33
+ :sm="6"
34
+ :md="4"
35
+ :lg="3"
36
+ :xl="1"
37
+ >
38
+ <div class="grid-content ep-bg-purple-light" />
39
+ </m-col>
40
+ </m-row>
41
+ </div>
42
+ </template>
43
+
44
+ <script lang="ts" setup>
45
+ // 响应式布局示例
46
+ </script>
47
+
48
+ <style scoped>
49
+ .m-col {
50
+ border-radius: 4px;
51
+ }
52
+
53
+ .grid-content {
54
+ border-radius: 4px;
55
+ min-height: 36px;
56
+ }
57
+
58
+ .ep-bg-purple-dark {
59
+ background-color: #e3ecf9;
60
+ }
61
+
62
+ .ep-bg-purple {
63
+ background-color: #dbe5f4;
64
+ }
65
+
66
+ .ep-bg-purple-light {
67
+ background-color: #f2f7ff;
68
+ }
69
+ </style>
package/docs/examples/link/index01.vue ADDED
@@ -0,0 +1,20 @@
1
+ <template>
2
+ <div class="link-container vp-raw">
3
+ <m-link
4
+ href="https://element-plus.org"
5
+ target="_blank"
6
+ >跳转链接(default)</m-link
7
+ >
8
+ <m-link type="primary">跳转链接(primary)</m-link>
9
+ <m-link type="success">跳转链接(success)</m-link>
10
+ <m-link type="warning">跳转链接(warning)</m-link>
11
+ <m-link type="danger">跳转链接(danger)</m-link>
12
+ <m-link type="info">跳转链接(info)</m-link>
13
+ </div>
14
+ </template>
15
+ <style scoped>
16
+ .link-container {
17
+ display: flex;
18
+ gap: 16px;
19
+ }
20
+ </style>
package/docs/examples/link/index02.vue ADDED
@@ -0,0 +1,41 @@
1
+ <template>
2
+ <div class="link-container vp-raw">
3
+ <m-link
4
+ href="https://element-plus.org"
5
+ target="_blank"
6
+ disabled
7
+ >跳转链接(default)</m-link
8
+ >
9
+ <m-link
10
+ type="primary"
11
+ disabled
12
+ >跳转链接(primary)</m-link
13
+ >
14
+ <m-link
15
+ type="success"
16
+ disabled
17
+ >跳转链接 (success)</m-link
18
+ >
19
+ <m-link
20
+ type="warning"
21
+ disabled
22
+ >跳转链接(warning)</m-link
23
+ >
24
+ <m-link
25
+ type="danger"
26
+ disabled
27
+ >跳转链接(danger)</m-link
28
+ >
29
+ <m-link
30
+ type="info"
31
+ disabled
32
+ >跳转链接(info)</m-link
33
+ >
34
+ </div>
35
+ </template>
36
+ <style scoped>
37
+ .link-container {
38
+ display: flex;
39
+ gap: 16px;
40
+ }
41
+ </style>
package/docs/examples/link/index03.vue ADDED
@@ -0,0 +1,43 @@
1
+ <template>
2
+ <div class="link-container vp-raw">
3
+ <m-link
4
+ href="https://element-plus.org"
5
+ target="_blank"
6
+ >默认(never)</m-link
7
+ >
8
+ <m-link :underline="'always'">始终显示(always)</m-link>
9
+ <m-link
10
+ type="primary"
11
+ :underline="'always'"
12
+ >始终显示(always)</m-link
13
+ >
14
+ <m-link :underline="'hover'">悬停显示(hover)</m-link>
15
+ <m-link
16
+ type="success"
17
+ :underline="'hover'"
18
+ >悬停显示(hover)</m-link
19
+ >
20
+ <m-link
21
+ type="warning"
22
+ :underline="'never'"
23
+ >从不显示(never)</m-link
24
+ >
25
+ <m-link
26
+ type="danger"
27
+ underline
28
+ >布尔值true</m-link
29
+ >
30
+ <m-link
31
+ type="info"
32
+ :underline="false"
33
+ >布尔值false</m-link
34
+ >
35
+ </div>
36
+ </template>
37
+ <script setup lang="ts"></script>
38
+ <style scoped>
39
+ .link-container {
40
+ display: flex;
41
+ gap: 16px;
42
+ }
43
+ </style>