@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.
- package/.changeset/README.md +8 -0
- package/.changeset/config.json +11 -0
- 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
- 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
- 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
- package/.specstory/history/2026-01-08_03-51Z-pnpm-lines-88-95.md +304 -0
- package/README.en.md +36 -0
- package/README.md +37 -0
- package/SETUP_GUIDE.md +2530 -0
- package/docs/.vitepress/config.ts +298 -0
- package/docs/.vitepress/theme/index.ts +30 -0
- package/docs/.vitepress/theme/style.css +150 -0
- package/docs/CHANGELOG.md +7 -0
- package/docs/DEPLOY.md +183 -0
- package/docs/api-examples.md +49 -0
- package/docs/components/Changelog.vue +176 -0
- package/docs/components/ComponentOverview.vue +613 -0
- package/docs/components/ComponentSearch.vue +39 -0
- package/docs/components/basic/action-menu.md +63 -0
- package/docs/components/basic/arrow-steps.md +55 -0
- package/docs/components/basic/badge.md +22 -0
- package/docs/components/basic/batch-copy.md +44 -0
- package/docs/components/basic/batch-editor.md +52 -0
- package/docs/components/basic/border.md +22 -0
- package/docs/components/basic/breadcrumb.md +38 -0
- package/docs/components/basic/button.md +109 -0
- package/docs/components/basic/calendar.md +111 -0
- package/docs/components/basic/card.md +59 -0
- package/docs/components/basic/carousel.md +22 -0
- package/docs/components/basic/cascader.md +162 -0
- package/docs/components/basic/checkbox.md +171 -0
- package/docs/components/basic/collapse.md +22 -0
- package/docs/components/basic/column-table.md +123 -0
- package/docs/components/basic/date-picker.md +92 -0
- package/docs/components/basic/date-time-picker.md +110 -0
- package/docs/components/basic/demo.md +29 -0
- package/docs/components/basic/description.md +56 -0
- package/docs/components/basic/dialog.md +142 -0
- package/docs/components/basic/drawer.md +159 -0
- package/docs/components/basic/editor.md +76 -0
- package/docs/components/basic/empty.md +59 -0
- package/docs/components/basic/file-task-dialog.md +41 -0
- package/docs/components/basic/form.md +112 -0
- package/docs/components/basic/icon.md +53 -0
- package/docs/components/basic/image.md +110 -0
- package/docs/components/basic/import-dialog.md +54 -0
- package/docs/components/basic/independent-nav.md +45 -0
- package/docs/components/basic/input-number.md +61 -0
- package/docs/components/basic/input.md +98 -0
- package/docs/components/basic/layout.md +141 -0
- package/docs/components/basic/link.md +65 -0
- package/docs/components/basic/mention.md +22 -0
- package/docs/components/basic/message.md +167 -0
- package/docs/components/basic/nav.md +29 -0
- package/docs/components/basic/pagination.md +93 -0
- package/docs/components/basic/popover.md +116 -0
- package/docs/components/basic/progress.md +22 -0
- package/docs/components/basic/radio.md +152 -0
- package/docs/components/basic/result.md +22 -0
- package/docs/components/basic/scrollbar.md +105 -0
- package/docs/components/basic/search-panel.md +53 -0
- package/docs/components/basic/select.md +256 -0
- package/docs/components/basic/slider.md +22 -0
- package/docs/components/basic/space.md +140 -0
- package/docs/components/basic/steps.md +60 -0
- package/docs/components/basic/switch.md +115 -0
- package/docs/components/basic/table-grid.md +116 -0
- package/docs/components/basic/table-head-editor.md +135 -0
- package/docs/components/basic/table.md +433 -0
- package/docs/components/basic/tabs.md +62 -0
- package/docs/components/basic/tag.md +75 -0
- package/docs/components/basic/text.md +22 -0
- package/docs/components/basic/time-picker.md +77 -0
- package/docs/components/basic/time-select.md +65 -0
- package/docs/components/basic/tooltip.md +112 -0
- package/docs/components/basic/tour.md +22 -0
- package/docs/components/basic/tree-select.md +132 -0
- package/docs/components/basic/tree.md +163 -0
- package/docs/components/button.md +113 -0
- package/docs/components/calendar.md +111 -0
- package/docs/components/design/color.md +137 -0
- package/docs/components/index.md +3 -0
- package/docs/components/link.md +65 -0
- package/docs/components/search-panel.md +53 -0
- package/docs/components/table-grid.md +120 -0
- package/docs/components/table.md +433 -0
- package/docs/examples/action-menu/basic.vue +70 -0
- package/docs/examples/action-menu/default.vue +88 -0
- package/docs/examples/action-menu/index.vue +76 -0
- package/docs/examples/arrow-steps/index.vue +15 -0
- package/docs/examples/badge/index.vue +3 -0
- package/docs/examples/batch-copy/index.vue +30 -0
- package/docs/examples/batch-copy/validator.vue +73 -0
- package/docs/examples/batch-editor/basic.vue +120 -0
- package/docs/examples/batch-editor/customization.vue +167 -0
- package/docs/examples/border/index.vue +3 -0
- package/docs/examples/breadcrumb/index.vue +33 -0
- package/docs/examples/button/demo1.vue +119 -0
- package/docs/examples/button/demo2.vue +18 -0
- package/docs/examples/button/demo3.vue +32 -0
- package/docs/examples/button/demo4.vue +41 -0
- package/docs/examples/button/demo5.vue +46 -0
- package/docs/examples/button/demo6.vue +35 -0
- package/docs/examples/calendar/calendar01.vue +46 -0
- package/docs/examples/calendar/calendar02.vue +16 -0
- package/docs/examples/calendar/calendar03.vue +6 -0
- package/docs/examples/calendar/calendar04.vue +54 -0
- package/docs/examples/calendar/calendar05.vue +36 -0
- package/docs/examples/calendar/calendar06.vue +53 -0
- package/docs/examples/card/basic-card.vue +7 -0
- package/docs/examples/card/card-title.vue +6 -0
- package/docs/examples/card/collapsible-card.vue +26 -0
- package/docs/examples/card/title-card.vue +32 -0
- package/docs/examples/carousel/index.vue +3 -0
- package/docs/examples/cascader/clearable.vue +52 -0
- package/docs/examples/cascader/collapse-tags.vue +84 -0
- package/docs/examples/cascader/disabled-select.vue +52 -0
- package/docs/examples/cascader/disabled.vue +54 -0
- package/docs/examples/cascader/filterable.vue +82 -0
- package/docs/examples/cascader/index.vue +173 -0
- package/docs/examples/cascader/multiple.vue +74 -0
- package/docs/examples/cascader/show-all-levels.vue +63 -0
- package/docs/examples/cascader/sizes.vue +71 -0
- package/docs/examples/checkbox/basic.vue +47 -0
- package/docs/examples/checkbox/button-style.vue +73 -0
- package/docs/examples/checkbox/disabled.vue +20 -0
- package/docs/examples/checkbox/grouping.vue +32 -0
- package/docs/examples/checkbox/intermediate.vue +43 -0
- package/docs/examples/checkbox/limitation.vue +23 -0
- package/docs/examples/checkbox/with-border.vue +74 -0
- package/docs/examples/collapse/index.vue +3 -0
- package/docs/examples/column-table/basic.vue +47 -0
- package/docs/examples/column-table/column-title.vue +48 -0
- package/docs/examples/column-table/custom.vue +125 -0
- package/docs/examples/column-table/index.vue +209 -0
- package/docs/examples/column-table/nested.vue +123 -0
- package/docs/examples/column-table/no-header.vue +50 -0
- package/docs/examples/date-picker/default.vue +106 -0
- package/docs/examples/date-picker/index.vue +98 -0
- package/docs/examples/date-picker/otherUnits.vue +118 -0
- package/docs/examples/date-picker/periodTime.vue +108 -0
- package/docs/examples/date-time-picker/default.vue +83 -0
- package/docs/examples/date-time-picker/format.vue +90 -0
- package/docs/examples/date-time-picker/index.vue +110 -0
- package/docs/examples/date-time-picker/range.vue +111 -0
- package/docs/examples/date-time-picker/time-format.vue +78 -0
- package/docs/examples/demo/demo1.vue +3 -0
- package/docs/examples/demo/demo2.vue +3 -0
- package/docs/examples/description/custom-description.vue +30 -0
- package/docs/examples/description/index.vue +13 -0
- package/docs/examples/description/labelJustify.vue +58 -0
- package/docs/examples/description/merge-description.vue +15 -0
- package/docs/examples/design/color-palette.vue +225 -0
- package/docs/examples/dialog/align-center.vue +34 -0
- package/docs/examples/dialog/basic.vue +31 -0
- package/docs/examples/dialog/centered-content.vue +34 -0
- package/docs/examples/dialog/customization-content.vue +129 -0
- package/docs/examples/dialog/customization-header.vue +60 -0
- package/docs/examples/dialog/msg-dialog.vue +63 -0
- package/docs/examples/dialog/nested-dialog.vue +43 -0
- package/docs/examples/dialog/title-icon.vue +32 -0
- package/docs/examples/drawer/custom-content.vue +182 -0
- package/docs/examples/drawer/custom-header.vue +30 -0
- package/docs/examples/drawer/index.vue +101 -0
- package/docs/examples/drawer/modal.vue +40 -0
- package/docs/examples/drawer/nested.vue +44 -0
- package/docs/examples/drawer/no-title.vue +22 -0
- package/docs/examples/drawer/resizable.vue +28 -0
- package/docs/examples/editor/basic.vue +53 -0
- package/docs/examples/editor/customization-desc.vue +56 -0
- package/docs/examples/editor/more-demo.vue +54 -0
- package/docs/examples/editor/more-form.vue +56 -0
- package/docs/examples/editor/number-desc.vue +55 -0
- package/docs/examples/empty/basic.vue +4 -0
- package/docs/examples/empty/bottom-content.vue +5 -0
- package/docs/examples/empty/custom-image.vue +6 -0
- package/docs/examples/empty/image-size.vue +6 -0
- package/docs/examples/file-task-dialog/index.vue +52 -0
- package/docs/examples/form/accessibility.vue +48 -0
- package/docs/examples/form/alignment.vue +68 -0
- package/docs/examples/form/basic-form.vue +120 -0
- package/docs/examples/form/custom-validation.vue +121 -0
- package/docs/examples/form/form-items.vue +111 -0
- package/docs/examples/form/inline-form.vue +70 -0
- package/docs/examples/form/number-validate.vue +60 -0
- package/docs/examples/form/size-control.vue +140 -0
- package/docs/examples/form/validation.vue +265 -0
- package/docs/examples/icon/icon.vue +52 -0
- package/docs/examples/icon/index.vue +7 -0
- package/docs/examples/image/error.vue +69 -0
- package/docs/examples/image/index.vue +47 -0
- package/docs/examples/image/lazy.vue +39 -0
- package/docs/examples/image/placeholder.vue +69 -0
- package/docs/examples/image/preview.vue +37 -0
- package/docs/examples/import-dialog/multiple.vue +35 -0
- package/docs/examples/import-dialog/single.vue +37 -0
- package/docs/examples/independent-nav/icon-slot.vue +7 -0
- package/docs/examples/independent-nav/index.vue +12 -0
- package/docs/examples/input/icon.vue +26 -0
- package/docs/examples/input/index.vue +9 -0
- package/docs/examples/input-number/index.vue +19 -0
- package/docs/examples/layout/gutter.vue +51 -0
- package/docs/examples/layout/index.vue +97 -0
- package/docs/examples/layout/justify.vue +122 -0
- package/docs/examples/layout/mixed.vue +70 -0
- package/docs/examples/layout/offset.vue +70 -0
- package/docs/examples/layout/responsive.vue +69 -0
- package/docs/examples/link/index01.vue +20 -0
- package/docs/examples/link/index02.vue +41 -0
- package/docs/examples/link/index03.vue +43 -0
- package/docs/examples/link/index04.vue +131 -0
- package/docs/examples/mention/index.vue +3 -0
- package/docs/examples/message/closeable.vue +92 -0
- package/docs/examples/message/grouping.vue +22 -0
- package/docs/examples/message/html.vue +21 -0
- package/docs/examples/message/index.vue +34 -0
- package/docs/examples/message/placement.vue +96 -0
- package/docs/examples/message/plain.vue +80 -0
- package/docs/examples/message/types.vue +66 -0
- package/docs/examples/nav/index.vue +20 -0
- package/docs/examples/pagination/background-color.vue +17 -0
- package/docs/examples/pagination/basic.vue +43 -0
- package/docs/examples/pagination/disabled.vue +17 -0
- package/docs/examples/pagination/more.vue +43 -0
- package/docs/examples/pagination/number-of-pagers.vue +17 -0
- package/docs/examples/pagination/small.vue +17 -0
- package/docs/examples/popover/basic.vue +81 -0
- package/docs/examples/popover/index.vue +144 -0
- package/docs/examples/popover/nested.vue +36 -0
- package/docs/examples/popover/rich-content.vue +100 -0
- package/docs/examples/popover/virtual-trigger.vue +32 -0
- package/docs/examples/progress/index.vue +3 -0
- package/docs/examples/radio/basic-usage.vue +44 -0
- package/docs/examples/radio/button-fill-textcolor.vue +82 -0
- package/docs/examples/radio/button-style.vue +77 -0
- package/docs/examples/radio/disabled.vue +21 -0
- package/docs/examples/radio/radio-button-group.vue +13 -0
- package/docs/examples/radio/with-borders.vue +77 -0
- package/docs/examples/result/index.vue +3 -0
- package/docs/examples/scrollbar/horizontal.vue +39 -0
- package/docs/examples/scrollbar/index.vue +31 -0
- package/docs/examples/scrollbar/infinite.vue +43 -0
- package/docs/examples/scrollbar/manual.vue +68 -0
- package/docs/examples/scrollbar/max-height.vue +44 -0
- package/docs/examples/search-panel/index.vue +108 -0
- package/docs/examples/search-panel/nowrap.vue +115 -0
- package/docs/examples/select/allow-create.vue +36 -0
- package/docs/examples/select/clearable.vue +29 -0
- package/docs/examples/select/collapse-tags.vue +54 -0
- package/docs/examples/select/custom-template.vue +40 -0
- package/docs/examples/select/disabled-option.vue +29 -0
- package/docs/examples/select/disabled-select.vue +29 -0
- package/docs/examples/select/empty.vue +21 -0
- package/docs/examples/select/filterable.vue +37 -0
- package/docs/examples/select/grouping.vue +40 -0
- package/docs/examples/select/header-footer.vue +38 -0
- package/docs/examples/select/index.vue +28 -0
- package/docs/examples/select/loading.vue +41 -0
- package/docs/examples/select/multiple-limit.vue +36 -0
- package/docs/examples/select/multiple.vue +37 -0
- package/docs/examples/select/remote-search.vue +56 -0
- package/docs/examples/select/sizes.vue +62 -0
- package/docs/examples/select/value-key.vue +33 -0
- package/docs/examples/slider/index.vue +3 -0
- package/docs/examples/space/alignment.vue +47 -0
- package/docs/examples/space/custom-size.vue +58 -0
- package/docs/examples/space/fill-ratio.vue +77 -0
- package/docs/examples/space/fill.vue +57 -0
- package/docs/examples/space/index.vue +52 -0
- package/docs/examples/space/size.vue +70 -0
- package/docs/examples/space/spacer.vue +35 -0
- package/docs/examples/space/vertical.vue +52 -0
- package/docs/examples/space/wrap.vue +16 -0
- package/docs/examples/steps/index.vue +50 -0
- package/docs/examples/steps/navigation.vue +37 -0
- package/docs/examples/switch/disabled.vue +19 -0
- package/docs/examples/switch/icon.vue +21 -0
- package/docs/examples/switch/index.vue +17 -0
- package/docs/examples/switch/loading.vue +19 -0
- package/docs/examples/switch/size.vue +29 -0
- package/docs/examples/switch/text.vue +37 -0
- package/docs/examples/switch/validate-value.vue +16 -0
- package/docs/examples/table/basic.vue +60 -0
- package/docs/examples/table/check-strictly.vue +98 -0
- package/docs/examples/table/custom-column.vue +98 -0
- package/docs/examples/table/custom-header.vue +87 -0
- package/docs/examples/table/custom-index.vue +71 -0
- package/docs/examples/table/expandable-row.vue +285 -0
- package/docs/examples/table/filter.vue +116 -0
- package/docs/examples/table/fixed-column-and-group-header.vue +101 -0
- package/docs/examples/table/fixed-column-and-header.vue +101 -0
- package/docs/examples/table/fixed-column.vue +107 -0
- package/docs/examples/table/fixed-header-with-fluid-header.vue +114 -0
- package/docs/examples/table/fixed-header.vue +64 -0
- package/docs/examples/table/grouping-header.vue +103 -0
- package/docs/examples/table/multi-select.vue +116 -0
- package/docs/examples/table/rowspan-and-colspan.vue +147 -0
- package/docs/examples/table/show-overflow-tooltip.vue +64 -0
- package/docs/examples/table/single-select.vue +78 -0
- package/docs/examples/table/sort.vue +63 -0
- package/docs/examples/table/striped.vue +49 -0
- package/docs/examples/table/summary.vue +150 -0
- package/docs/examples/table/table-layout.vue +56 -0
- package/docs/examples/table/tooltip-formatter.vue +93 -0
- package/docs/examples/table/tree-and-lazy.vue +149 -0
- package/docs/examples/table/with-border.vue +49 -0
- package/docs/examples/table/with-status.vue +73 -0
- package/docs/examples/table-grid/basic.vue +51 -0
- package/docs/examples/table-grid/complete.vue +258 -0
- package/docs/examples/table-head-editor/grouping-header.vue +409 -0
- package/docs/examples/table-head-editor/index.vue +246 -0
- package/docs/examples/tabs/default.vue +47 -0
- package/docs/examples/tabs/index.vue +46 -0
- package/docs/examples/tag/basic.vue +20 -0
- package/docs/examples/tag/closable.vue +31 -0
- package/docs/examples/tag/dot.vue +21 -0
- package/docs/examples/tag/effect.vue +35 -0
- package/docs/examples/tag/icon.vue +21 -0
- package/docs/examples/text/index.vue +3 -0
- package/docs/examples/time-picker/disabled.vue +53 -0
- package/docs/examples/time-picker/index.vue +49 -0
- package/docs/examples/time-picker/range.vue +36 -0
- package/docs/examples/time-select/disabled.vue +30 -0
- package/docs/examples/time-select/index.vue +29 -0
- package/docs/examples/tooltip/disabled.vue +20 -0
- package/docs/examples/tooltip/index.vue +63 -0
- package/docs/examples/tooltip/more-content.vue +19 -0
- package/docs/examples/tooltip/theme.vue +32 -0
- package/docs/examples/tooltip/virtual-trigger.vue +31 -0
- package/docs/examples/tour/index.vue +3 -0
- package/docs/examples/tree/basic.vue +86 -0
- package/docs/examples/tree/checkable.vue +65 -0
- package/docs/examples/tree/custom-node.vue +123 -0
- package/docs/examples/tree/default-expanded.vue +73 -0
- package/docs/examples/tree/draggable.vue +123 -0
- package/docs/examples/tree/filter.vue +96 -0
- package/docs/examples/tree/index.vue +86 -0
- package/docs/examples/tree-select/basic.vue +96 -0
- package/docs/examples/tree-select/check-strictly.vue +109 -0
- package/docs/examples/tree-select/custom-content.vue +110 -0
- package/docs/examples/tree-select/disabled.vue +89 -0
- package/docs/examples/tree-select/filterable.vue +112 -0
- package/docs/examples/tree-select/index.vue +87 -0
- package/docs/examples/tree-select/lazy.vue +43 -0
- package/docs/examples/tree-select/multiple.vue +111 -0
- package/docs/examples/tree-select/node-key.vue +35 -0
- package/docs/guide/changelog.md +6 -0
- package/docs/guide/import-on-demand.md +49 -0
- package/docs/guide/index.md +55 -0
- package/docs/guide/introduction.md +21 -0
- package/docs/guide/quickstart.md +35 -0
- package/docs/guide/start.md +113 -0
- package/docs/index.md +27 -0
- package/docs/markdown-examples.md +85 -0
- package/docs/package.json +26 -0
- package/docs/postcss.config.mjs +9 -0
- package/docs/toolkit/domain.md +55 -0
- package/docs/toolkit/env.md +73 -0
- package/docs/toolkit/examples/domain-aim.vue +35 -0
- package/docs/toolkit/examples/domain-supplier.vue +34 -0
- package/docs/toolkit/examples/env-basic.vue +28 -0
- package/docs/toolkit/examples/env-constants.vue +39 -0
- package/docs/toolkit/examples/env-node-constants.vue +38 -0
- package/docs/toolkit/examples/env-node.vue +34 -0
- package/docs/toolkit/examples/monitor-init.vue +53 -0
- package/docs/toolkit/examples/monitor-vue-error.vue +31 -0
- package/docs/toolkit/examples/request-baseurl.vue +66 -0
- package/docs/toolkit/examples/request-basic.vue +48 -0
- package/docs/toolkit/examples/request-cache.vue +137 -0
- package/docs/toolkit/examples/wujie-logout.vue +42 -0
- package/docs/toolkit/examples/wujie-token.vue +63 -0
- package/docs/toolkit/monitor.md +69 -0
- package/docs/toolkit/request.md +127 -0
- package/docs/toolkit/start.md +110 -0
- package/docs/toolkit/wujie.md +34 -0
- package/docs/tsconfig.json +29 -0
- package/package.json +47 -0
- package/packages/components/CHANGELOG.md +81 -0
- package/packages/components/README.md +83 -0
- package/packages/components/package.json +36 -0
- package/packages/components/src/action-menu/index.ts +5 -0
- package/packages/components/src/action-menu/src/action-menu.ts +34 -0
- package/packages/components/src/action-menu/src/action-menu.vue +364 -0
- package/packages/components/src/arrow-steps/index.ts +11 -0
- package/packages/components/src/arrow-steps/src/arrow-step.ts +8 -0
- package/packages/components/src/arrow-steps/src/arrow-step.vue +90 -0
- package/packages/components/src/arrow-steps/src/arrow-steps.ts +16 -0
- package/packages/components/src/arrow-steps/src/arrow-steps.vue +42 -0
- package/packages/components/src/badge/index.ts +5 -0
- package/packages/components/src/badge/src/badge.ts +8 -0
- package/packages/components/src/badge/src/badge.vue +20 -0
- package/packages/components/src/batch-copy/index.ts +5 -0
- package/packages/components/src/batch-copy/src/batch-copy.ts +39 -0
- package/packages/components/src/batch-copy/src/batch-copy.vue +214 -0
- package/packages/components/src/batch-editor/index.ts +5 -0
- package/packages/components/src/batch-editor/src/batch-editor.ts +21 -0
- package/packages/components/src/batch-editor/src/batch-editor.vue +73 -0
- package/packages/components/src/border/index.ts +5 -0
- package/packages/components/src/border/src/border.ts +8 -0
- package/packages/components/src/border/src/border.vue +20 -0
- package/packages/components/src/breadcrumb/index.ts +8 -0
- package/packages/components/src/breadcrumb/src/breadcrumb-item.ts +8 -0
- package/packages/components/src/breadcrumb/src/breadcrumb-item.vue +20 -0
- package/packages/components/src/breadcrumb/src/breadcrumb.ts +8 -0
- package/packages/components/src/breadcrumb/src/breadcrumb.vue +20 -0
- package/packages/components/src/button/index.ts +5 -0
- package/packages/components/src/button/src/button.ts +12 -0
- package/packages/components/src/button/src/button.vue +132 -0
- package/packages/components/src/calendar/index.ts +5 -0
- package/packages/components/src/calendar/src/calendar.ts +36 -0
- package/packages/components/src/calendar/src/calendar.vue +962 -0
- package/packages/components/src/card/index.ts +8 -0
- package/packages/components/src/card/src/card.ts +29 -0
- package/packages/components/src/card/src/card.vue +106 -0
- package/packages/components/src/card/src/title.ts +8 -0
- package/packages/components/src/card/src/title.vue +14 -0
- package/packages/components/src/carousel/index.ts +5 -0
- package/packages/components/src/carousel/src/carousel.ts +8 -0
- package/packages/components/src/carousel/src/carousel.vue +20 -0
- package/packages/components/src/cascader/index.ts +5 -0
- package/packages/components/src/cascader/src/cascader.ts +3 -0
- package/packages/components/src/cascader/src/cascader.vue +62 -0
- package/packages/components/src/checkbox/index.ts +11 -0
- package/packages/components/src/checkbox/src/checkbox.vue +19 -0
- package/packages/components/src/collapse/index.ts +5 -0
- package/packages/components/src/collapse/src/collapse.ts +8 -0
- package/packages/components/src/collapse/src/collapse.vue +20 -0
- package/packages/components/src/column-table/index.ts +7 -0
- package/packages/components/src/column-table/src/column-table-row.ts +30 -0
- package/packages/components/src/column-table/src/column-table-row.vue +17 -0
- package/packages/components/src/column-table/src/column-table.ts +60 -0
- package/packages/components/src/column-table/src/column-table.vue +141 -0
- package/packages/components/src/column-table/src/tokens.ts +6 -0
- package/packages/components/src/date-picker/index.ts +5 -0
- package/packages/components/src/date-picker/src/date-picker.ts +3 -0
- package/packages/components/src/date-picker/src/date-picker.vue +14 -0
- package/packages/components/src/demo/index.ts +5 -0
- package/packages/components/src/demo/src/demo.ts +8 -0
- package/packages/components/src/demo/src/demo.vue +20 -0
- package/packages/components/src/description/index.ts +8 -0
- package/packages/components/src/description/src/description-item.ts +12 -0
- package/packages/components/src/description/src/description-item.vue +103 -0
- package/packages/components/src/description/src/description.ts +20 -0
- package/packages/components/src/description/src/description.vue +28 -0
- package/packages/components/src/dialog/index.ts +6 -0
- package/packages/components/src/dialog/src/dialog.ts +62 -0
- package/packages/components/src/dialog/src/dialog.vue +121 -0
- package/packages/components/src/dialog/src/msg-dialog.ts +84 -0
- package/packages/components/src/dialog/src/types.ts +8 -0
- package/packages/components/src/drawer/index.ts +5 -0
- package/packages/components/src/drawer/src/drawer.ts +8 -0
- package/packages/components/src/drawer/src/drawer.vue +24 -0
- package/packages/components/src/editor/index.ts +5 -0
- package/packages/components/src/editor/src/editor.ts +13 -0
- package/packages/components/src/editor/src/editor.vue +70 -0
- package/packages/components/src/empty/index.ts +5 -0
- package/packages/components/src/empty/src/empty.ts +3 -0
- package/packages/components/src/empty/src/empty.vue +37 -0
- package/packages/components/src/empty/src/img-empty.vue +39 -0
- package/packages/components/src/file-task-dialog/index.ts +5 -0
- package/packages/components/src/file-task-dialog/src/file-task-dialog.ts +32 -0
- package/packages/components/src/file-task-dialog/src/file-task-dialog.vue +228 -0
- package/packages/components/src/form/index.ts +3 -0
- package/packages/components/src/icon/index.ts +5 -0
- package/packages/components/src/icon/src/icon.ts +10 -0
- package/packages/components/src/icon/src/icon.vue +29 -0
- package/packages/components/src/image/index.ts +5 -0
- package/packages/components/src/image/src/image.ts +8 -0
- package/packages/components/src/image/src/image.vue +57 -0
- package/packages/components/src/import-dialog/index.ts +5 -0
- package/packages/components/src/import-dialog/src/import-dialog.ts +11 -0
- package/packages/components/src/import-dialog/src/import-dialog.vue +207 -0
- package/packages/components/src/independent-nav/index.ts +5 -0
- package/packages/components/src/independent-nav/src/independent-nav.ts +7 -0
- package/packages/components/src/independent-nav/src/independent-nav.vue +61 -0
- package/packages/components/src/index.ts +235 -0
- package/packages/components/src/input/index.ts +5 -0
- package/packages/components/src/input/src/input.ts +3 -0
- package/packages/components/src/input/src/input.vue +53 -0
- package/packages/components/src/input-number/index.ts +5 -0
- package/packages/components/src/input-number/src/input-number.ts +3 -0
- package/packages/components/src/input-number/src/input-number.vue +25 -0
- package/packages/components/src/layout/index.ts +7 -0
- package/packages/components/src/layout/src/col.vue +43 -0
- package/packages/components/src/layout/src/layout.ts +13 -0
- package/packages/components/src/layout/src/row.vue +43 -0
- package/packages/components/src/link/index.ts +5 -0
- package/packages/components/src/link/src/link.ts +13 -0
- package/packages/components/src/link/src/link.vue +74 -0
- package/packages/components/src/mention/index.ts +5 -0
- package/packages/components/src/mention/src/mention.ts +8 -0
- package/packages/components/src/mention/src/mention.vue +20 -0
- package/packages/components/src/message/index.ts +1 -0
- package/packages/components/src/message/src/message.ts +161 -0
- package/packages/components/src/nav/index.ts +7 -0
- package/packages/components/src/nav/src/nav.ts +19 -0
- package/packages/components/src/nav/src/nav.vue +66 -0
- package/packages/components/src/nav/src/types.ts +11 -0
- package/packages/components/src/pagination/index.ts +5 -0
- package/packages/components/src/pagination/src/pagination.ts +60 -0
- package/packages/components/src/pagination/src/pagination.vue +38 -0
- package/packages/components/src/popover/index.ts +5 -0
- package/packages/components/src/popover/src/popover.ts +14 -0
- package/packages/components/src/popover/src/popover.vue +60 -0
- package/packages/components/src/progress/index.ts +5 -0
- package/packages/components/src/progress/src/progress.ts +8 -0
- package/packages/components/src/progress/src/progress.vue +20 -0
- package/packages/components/src/radio/index.ts +11 -0
- package/packages/components/src/radio/src/radio.vue +13 -0
- package/packages/components/src/result/index.ts +5 -0
- package/packages/components/src/result/src/result.ts +8 -0
- package/packages/components/src/result/src/result.vue +20 -0
- package/packages/components/src/scrollbar/index.ts +5 -0
- package/packages/components/src/scrollbar/src/scrollbar.ts +8 -0
- package/packages/components/src/scrollbar/src/scrollbar.vue +54 -0
- package/packages/components/src/search-panel/index.ts +5 -0
- package/packages/components/src/search-panel/src/search-panel.ts +8 -0
- package/packages/components/src/search-panel/src/search-panel.vue +251 -0
- package/packages/components/src/select/index.ts +9 -0
- package/packages/components/src/select/src/select.ts +3 -0
- package/packages/components/src/select/src/select.vue +43 -0
- package/packages/components/src/slider/index.ts +5 -0
- package/packages/components/src/slider/src/slider.ts +8 -0
- package/packages/components/src/slider/src/slider.vue +20 -0
- package/packages/components/src/space/index.ts +5 -0
- package/packages/components/src/space/src/space.ts +8 -0
- package/packages/components/src/space/src/space.vue +43 -0
- package/packages/components/src/steps/index.ts +8 -0
- package/packages/components/src/steps/src/step.ts +15 -0
- package/packages/components/src/steps/src/step.vue +18 -0
- package/packages/components/src/steps/src/steps.ts +20 -0
- package/packages/components/src/steps/src/steps.vue +95 -0
- package/packages/components/src/steps/src/tokens.ts +6 -0
- package/packages/components/src/switch/index.ts +5 -0
- package/packages/components/src/switch/src/switch.ts +8 -0
- package/packages/components/src/switch/src/switch.vue +51 -0
- package/packages/components/src/table/index.ts +7 -0
- package/packages/components/src/table/src/table.ts +34 -0
- package/packages/components/src/table/src/table.vue +47 -0
- package/packages/components/src/table-grid/index.ts +7 -0
- package/packages/components/src/table-grid/src/render-cell.vue +44 -0
- package/packages/components/src/table-grid/src/table-grid.ts +159 -0
- package/packages/components/src/table-grid/src/table-grid.vue +334 -0
- package/packages/components/src/table-head-editor/index.ts +5 -0
- package/packages/components/src/table-head-editor/src/table-head-editor.ts +59 -0
- package/packages/components/src/table-head-editor/src/table-head-editor.vue +780 -0
- package/packages/components/src/table-head-editor/src/utils.ts +192 -0
- package/packages/components/src/tabs/index.ts +7 -0
- package/packages/components/src/tabs/src/tabs.ts +8 -0
- package/packages/components/src/tabs/src/tabs.vue +23 -0
- package/packages/components/src/tag/index.ts +5 -0
- package/packages/components/src/tag/src/tag.ts +47 -0
- package/packages/components/src/tag/src/tag.vue +60 -0
- package/packages/components/src/tag/src/types.ts +8 -0
- package/packages/components/src/text/index.ts +5 -0
- package/packages/components/src/text/src/text.ts +8 -0
- package/packages/components/src/text/src/text.vue +20 -0
- package/packages/components/src/time-picker/index.ts +5 -0
- package/packages/components/src/time-picker/src/time-picker.ts +3 -0
- package/packages/components/src/time-picker/src/time-picker.vue +14 -0
- package/packages/components/src/time-select/index.ts +5 -0
- package/packages/components/src/time-select/src/time-select.ts +5 -0
- package/packages/components/src/time-select/src/time-select.vue +14 -0
- package/packages/components/src/tooltip/index.ts +5 -0
- package/packages/components/src/tooltip/src/tooltip.ts +6 -0
- package/packages/components/src/tooltip/src/tooltip.vue +71 -0
- package/packages/components/src/tour/index.ts +5 -0
- package/packages/components/src/tour/src/tour.ts +8 -0
- package/packages/components/src/tour/src/tour.vue +20 -0
- package/packages/components/src/tree/index.ts +5 -0
- package/packages/components/src/tree/src/tree.ts +8 -0
- package/packages/components/src/tree/src/tree.vue +77 -0
- package/packages/components/src/tree-select/index.ts +3 -0
- package/packages/components/src/tree-select/src/tree-select.vue +96 -0
- package/packages/components/tsconfig.json +19 -0
- package/packages/components/vite.config.ts +32 -0
- package/packages/icons/CHANGELOG.md +45 -0
- package/packages/icons/README.md +86 -0
- package/packages/icons/package.json +30 -0
- package/packages/icons/src/components/arrow-down.vue +12 -0
- package/packages/icons/src/components/arrow-left.vue +12 -0
- package/packages/icons/src/components/arrow-right.vue +12 -0
- package/packages/icons/src/components/arrow-up.vue +12 -0
- package/packages/icons/src/components/circle-check.vue +15 -0
- package/packages/icons/src/components/circle-close.vue +15 -0
- package/packages/icons/src/components/close.vue +13 -0
- package/packages/icons/src/components/copy.vue +12 -0
- package/packages/icons/src/components/delete.vue +12 -0
- package/packages/icons/src/components/download.vue +15 -0
- package/packages/icons/src/components/edit.vue +12 -0
- package/packages/icons/src/components/error.vue +12 -0
- package/packages/icons/src/components/export.vue +17 -0
- package/packages/icons/src/components/file.vue +21 -0
- package/packages/icons/src/components/import.vue +19 -0
- package/packages/icons/src/components/index.ts +37 -0
- package/packages/icons/src/components/info.vue +13 -0
- package/packages/icons/src/components/list-process.vue +37 -0
- package/packages/icons/src/components/log.vue +17 -0
- package/packages/icons/src/components/minus.vue +13 -0
- package/packages/icons/src/components/money-bubble.vue +21 -0
- package/packages/icons/src/components/plane.vue +30 -0
- package/packages/icons/src/components/plus.vue +17 -0
- package/packages/icons/src/components/printer.vue +17 -0
- package/packages/icons/src/components/reset.vue +21 -0
- package/packages/icons/src/components/right.vue +21 -0
- package/packages/icons/src/components/search.vue +15 -0
- package/packages/icons/src/components/select.vue +17 -0
- package/packages/icons/src/components/semi-select.vue +17 -0
- package/packages/icons/src/components/setting.vue +25 -0
- package/packages/icons/src/components/stamp.vue +35 -0
- package/packages/icons/src/components/success.vue +13 -0
- package/packages/icons/src/components/tree-triangle.vue +17 -0
- package/packages/icons/src/components/upload.vue +21 -0
- package/packages/icons/src/components/view.vue +15 -0
- package/packages/icons/src/components/warning.vue +13 -0
- package/packages/icons/src/components/zoom-in.vue +27 -0
- package/packages/icons/src/components/zoom-out.vue +27 -0
- package/packages/icons/src/index.ts +9 -0
- package/packages/icons/tsconfig.json +10 -0
- package/packages/icons/vite.config.ts +33 -0
- package/packages/styles/CHANGELOG.md +99 -0
- package/packages/styles/README.md +107 -0
- package/packages/styles/package.json +23 -0
- package/packages/styles/src/action-menu.scss +103 -0
- package/packages/styles/src/arrow-step.scss +138 -0
- package/packages/styles/src/arrow-steps.scss +8 -0
- package/packages/styles/src/batch-copy.scss +40 -0
- package/packages/styles/src/batch-editor.scss +36 -0
- package/packages/styles/src/breadcrumb.scss +29 -0
- package/packages/styles/src/button.scss +127 -0
- package/packages/styles/src/calendar.scss +327 -0
- package/packages/styles/src/card.scss +85 -0
- package/packages/styles/src/cascader.scss +59 -0
- package/packages/styles/src/checkbox.scss +46 -0
- package/packages/styles/src/column-table.scss +13 -0
- package/packages/styles/src/date-picker.scss +547 -0
- package/packages/styles/src/description.scss +38 -0
- package/packages/styles/src/dialog.scss +120 -0
- package/packages/styles/src/drawer.scss +22 -0
- package/packages/styles/src/editor.scss +13 -0
- package/packages/styles/src/empty.scss +12 -0
- package/packages/styles/src/file-task-dialog.scss +13 -0
- package/packages/styles/src/image.scss +6 -0
- package/packages/styles/src/import-dialog.scss +122 -0
- package/packages/styles/src/independent-nav.scss +37 -0
- package/packages/styles/src/index.scss +46 -0
- package/packages/styles/src/input-number.scss +34 -0
- package/packages/styles/src/input.scss +28 -0
- package/packages/styles/src/link.scss +70 -0
- package/packages/styles/src/message.scss +12 -0
- package/packages/styles/src/mixins.scss +60 -0
- package/packages/styles/src/nav.scss +12 -0
- package/packages/styles/src/overrides.scss +25 -0
- package/packages/styles/src/pagination.scss +161 -0
- package/packages/styles/src/popover.scss +4 -0
- package/packages/styles/src/radio.scss +54 -0
- package/packages/styles/src/search-panel.scss +51 -0
- package/packages/styles/src/select.scss +44 -0
- package/packages/styles/src/steps.scss +336 -0
- package/packages/styles/src/switch.scss +35 -0
- package/packages/styles/src/table-grid.scss +37 -0
- package/packages/styles/src/table-head-editor.scss +112 -0
- package/packages/styles/src/table.scss +33 -0
- package/packages/styles/src/tabs.scss +45 -0
- package/packages/styles/src/tag.scss +29 -0
- package/packages/styles/src/theme.scss +101 -0
- package/packages/styles/src/time-picker.scss +225 -0
- package/packages/styles/src/time-select.scss +141 -0
- package/packages/styles/src/tooltip.scss +21 -0
- package/packages/styles/src/tree-select.scss +52 -0
- package/packages/styles/src/tree.scss +8 -0
- package/packages/styles/src/utilities.scss +81 -0
- package/packages/styles/src/variables.scss +56 -0
- package/packages/styles/vite.config.ts +28 -0
- package/pnpm-workspace.yaml +3 -0
- 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 | 默认插槽内容 |
|