@opentiny/vue-docs 2.2.4 → 2.2.6
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/demos/mobile/app/container/basic-usage.vue +105 -0
- package/demos/mobile/app/container/custom-width.vue +93 -0
- package/demos/mobile/app/container/webdoc/container.cn.md +7 -0
- package/demos/mobile/app/container/webdoc/container.en.md +7 -0
- package/demos/mobile/app/container/webdoc/container.js +80 -0
- package/demos/mobile/app/pull-refresh/animation-duration.vue +58 -12
- package/demos/mobile/app/pull-refresh/base.vue +32 -18
- package/demos/mobile/app/pull-refresh/disabled-pull-down.vue +66 -0
- package/demos/mobile/app/pull-refresh/disabled-pull-up.vue +67 -0
- package/demos/mobile/app/pull-refresh/{hasmore.vue → event.vue} +21 -20
- package/demos/mobile/app/pull-refresh/{enhance.vue → has-more.vue} +20 -25
- package/demos/mobile/app/pull-refresh/loosing-text.vue +55 -12
- package/demos/mobile/app/pull-refresh/pull-refresh-slot.vue +64 -15
- package/demos/mobile/app/pull-refresh/pull-up-distance.vue +74 -0
- package/demos/mobile/app/pull-refresh/pulling-text.vue +56 -12
- package/demos/mobile/app/pull-refresh/webdoc/pull-refresh.js +98 -120
- package/demos/mobile/app/tabs/before-leave.vue +3 -3
- package/demos/mobile/app/tabs/tabs-events.vue +7 -7
- package/demos/mobile/menus.js +4 -1
- package/demos/mobile-first/app/tabs/basic-usage.vue +3 -3
- package/demos/mobile-first/app/tabs/before-leave.vue +3 -3
- package/demos/mobile-first/app/tabs/change-title.vue +2 -2
- package/demos/mobile-first/app/tabs/custom-tab-content.vue +3 -3
- package/demos/mobile-first/app/tabs/custom-tab-title.vue +3 -3
- package/demos/mobile-first/app/tabs/position-bottom.vue +10 -10
- package/demos/mobile-first/app/tabs/position-left.vue +10 -10
- package/demos/mobile-first/app/tabs/position-right.vue +10 -10
- package/demos/mobile-first/app/tabs/position.vue +10 -10
- package/demos/mobile-first/app/tabs/prevent-tab-switching.vue +3 -3
- package/demos/mobile-first/app/tabs/stretch-wh.vue +3 -3
- package/demos/mobile-first/app/tabs/tab-style-bordercard.vue +10 -10
- package/demos/mobile-first/app/tabs/tab-style-card.vue +10 -10
- package/demos/mobile-first/app/tabs/tabdata-title.vue +4 -4
- package/demos/mobile-first/app/tabs/tabs-draggable.vue +1 -1
- package/demos/mobile-first/app/tabs/tabs-events-add.vue +3 -3
- package/demos/mobile-first/app/tabs/tabs-events-click.vue +3 -3
- package/demos/mobile-first/app/tabs/tabs-events-close.vue +4 -4
- package/demos/mobile-first/app/tabs/tabs-events-edit.vue +4 -4
- package/demos/mobile-first/app/tabs/tabs-separator.vue +8 -8
- package/demos/mobile-first/app/tabs/tabs-size.vue +3 -3
- package/demos/mobile-first/app/tabs/tabs-tabs.vue +2 -2
- package/demos/mobile-first/app/tabs/with-add.vue +1 -1
- package/demos/pc/app/action-menu/disabled.vue +2 -1
- package/demos/pc/app/action-menu/icon-composition-api.vue +73 -0
- package/demos/pc/app/action-menu/icon.vue +79 -0
- package/demos/pc/app/action-menu/popper-class.spec.ts +2 -1
- package/demos/pc/app/action-menu/webdoc/action-menu.js +42 -1
- package/demos/pc/app/autocomplete/webdoc/autocomplete.js +30 -16
- package/demos/pc/app/breadcrumb/webdoc/breadcrumb.js +3 -3
- package/demos/pc/app/button/basic-usage-composition-api.vue +2 -0
- package/demos/pc/app/button/basic-usage.vue +2 -0
- package/demos/pc/app/button/click-composition-api.vue +1 -1
- package/demos/pc/app/button/click.vue +1 -1
- package/demos/pc/app/button/dynamic-disabled-composition-api.vue +10 -1
- package/demos/pc/app/button/{dynamic-disabled.spec.js → dynamic-disabled.spec.ts} +4 -0
- package/demos/pc/app/button/dynamic-disabled.vue +12 -3
- package/demos/pc/app/button/ghost-composition-api.vue +26 -0
- package/demos/pc/app/button/ghost.spec.ts +69 -0
- package/demos/pc/app/button/ghost.vue +32 -0
- package/demos/pc/app/button/icon-composition-api.vue +2 -0
- package/demos/pc/app/button/icon.vue +2 -0
- package/demos/pc/app/button/loading-composition-api.vue +2 -0
- package/demos/pc/app/button/loading.vue +2 -0
- package/demos/pc/app/button/size-composition-api.vue +2 -0
- package/demos/pc/app/button/size.vue +2 -0
- package/demos/pc/app/button/text-composition-api.vue +1 -1
- package/demos/pc/app/button/text.vue +1 -1
- package/demos/pc/app/button/webdoc/button.js +28 -1
- package/demos/pc/app/button-group/button-group-multiple-composition-api.vue +9 -9
- package/demos/pc/app/button-group/button-group-multiple.vue +9 -9
- package/demos/pc/app/button-group/change-event-composition-api.vue +1 -1
- package/demos/pc/app/button-group/change-event.vue +1 -1
- package/demos/pc/app/button-group/show-edit-composition-api.vue +1 -1
- package/demos/pc/app/button-group/show-edit.vue +1 -1
- package/demos/pc/app/button-group/webdoc/button-group.js +2 -3
- package/demos/pc/app/carousel/webdoc/carousel.js +82 -49
- package/demos/pc/app/cascader/auto-load-checkStrictly-composition-api.vue +2 -1
- package/demos/pc/app/cascader/auto-load-checkStrictly.vue +2 -1
- package/demos/pc/app/cascader/auto-load-composition-api.vue +3 -1
- package/demos/pc/app/cascader/auto-load.vue +2 -1
- package/demos/pc/app/cascader/events-composition-api.vue +1 -1
- package/demos/pc/app/cascader/expand-trigger-composition-api.vue +195 -2
- package/demos/pc/app/cascader/show-all-levels-composition-api.vue +197 -2
- package/demos/pc/app/cascader/webdoc/cascader.js +27 -13
- package/demos/pc/app/cascader-panel/basic-usage-composition-api.vue +3 -1
- package/demos/pc/app/cascader-panel/basic-usage.vue +2 -1
- package/demos/pc/app/cascader-panel/cascader-panel-props-composition-api.vue +3 -1
- package/demos/pc/app/cascader-panel/cascader-panel-props.vue +3 -1
- package/demos/pc/app/cascader-panel/change-composition-api.vue +1 -2
- package/demos/pc/app/cascader-panel/change.vue +1 -1
- package/demos/pc/app/cascader-panel/webdoc/cascader-panel.js +5 -5
- package/demos/pc/app/color-picker/webdoc/color-picker.js +36 -18
- package/demos/pc/app/color-select-panel/webdoc/color-select-panel.js +32 -19
- package/demos/pc/app/config-provider/basic.spec.ts +9 -0
- package/demos/pc/app/config-provider/tag.spec.ts +12 -0
- package/demos/pc/app/config-provider/text-direct.spec.ts +11 -0
- package/demos/pc/app/config-provider/webdoc/config-provider.en.md +7 -0
- package/demos/pc/app/config-provider/webdoc/config-provider.js +27 -12
- package/demos/pc/app/container/basic-usage.spec.js +47 -2
- package/demos/pc/app/container/custom-with-height.spec.js +10 -2
- package/demos/pc/app/crop/webdoc/crop.js +53 -49
- package/demos/pc/app/dialog-box/webdoc/dialog-box.js +82 -83
- package/demos/pc/app/divider/webdoc/divider.js +25 -21
- package/demos/pc/app/dropdown/events-composition-api.vue +1 -1
- package/demos/pc/app/dropdown/events.spec.ts +1 -0
- package/demos/pc/app/dropdown/multi-level-composition-api.vue +4 -8
- package/demos/pc/app/dropdown/multi-level.spec.ts +16 -9
- package/demos/pc/app/dropdown/multi-level.vue +3 -7
- package/demos/pc/app/dropdown/show-icon-composition-api.vue +44 -21
- package/demos/pc/app/dropdown/show-icon.vue +42 -12
- package/demos/pc/app/dropdown/webdoc/dropdown.js +29 -8
- package/demos/pc/app/fall-menu/custom-menuitem.spec.ts +6 -9
- package/demos/pc/app/fall-menu/custom-slider-icon.spec.ts +10 -21
- package/demos/pc/app/fall-menu/data-resource.spec.ts +6 -9
- package/demos/pc/app/file-upload/abort-quest.spec.ts +6 -5
- package/demos/pc/app/file-upload/accept-file-image.spec.ts +9 -4
- package/demos/pc/app/file-upload/custom-trigger.spec.ts +1 -1
- package/demos/pc/app/file-upload/disabled.spec.ts +4 -5
- package/demos/pc/app/file-upload/drag-upload.spec.ts +1 -1
- package/demos/pc/app/file-upload/file-picture-card.spec.ts +7 -6
- package/demos/pc/app/file-upload/form-validation.spec.ts +2 -2
- package/demos/pc/app/file-upload/image-size.spec.ts +2 -2
- package/demos/pc/app/file-upload/max-file-count.spec.ts +6 -6
- package/demos/pc/app/file-upload/paste-upload-composition-api.vue +2 -2
- package/demos/pc/app/file-upload/paste-upload.spec.ts +19 -2
- package/demos/pc/app/file-upload/picture-card.spec.ts +6 -5
- package/demos/pc/app/file-upload/picture-list.spec.ts +2 -3
- package/demos/pc/app/file-upload/prevent-delete-file.spec.ts +1 -1
- package/demos/pc/app/file-upload/prevent-upload-file.spec.ts +1 -1
- package/demos/pc/app/file-upload/upload-events.spec.ts +6 -4
- package/demos/pc/app/file-upload/upload-file-list-slot.spec.ts +18 -0
- package/demos/pc/app/file-upload/upload-file-list-thumb-composition-api.vue +4 -3
- package/demos/pc/app/file-upload/upload-file-list-thumb.spec.ts +2 -2
- package/demos/pc/app/file-upload/upload-file-list-thumb.vue +4 -3
- package/demos/pc/app/file-upload/upload-file-list.spec.ts +9 -9
- package/demos/pc/app/file-upload/upload-limit.spec.ts +5 -8
- package/demos/pc/app/file-upload/upload-request.spec.ts +1 -1
- package/demos/pc/app/file-upload/upload-user-head.spec.ts +1 -1
- package/demos/pc/app/file-upload/webdoc/file-upload.js +4 -4
- package/demos/pc/app/file-upload//346/265/213/350/257/225.txt +1 -0
- package/demos/pc/app/form/custom-validation-rule-composition-api.vue +2 -14
- package/demos/pc/app/form/custom-validation-rule.vue +2 -8
- package/demos/pc/app/form/form-validate-field.vue +2 -2
- package/demos/pc/app/form/size.spec.ts +26 -6
- package/demos/pc/app/grid/custom-style/body-style-composition-api.vue +1 -1
- package/demos/pc/app/grid/custom-style/footer-style-composition-api.vue +64 -19
- package/demos/pc/app/grid/drag/row-drag-ctrl-composition-api.vue +4 -4
- package/demos/pc/app/grid/edit/trigger-mode-hm-editing-composition-api.vue +2 -2
- package/demos/pc/app/grid/edit/trigger-mode-hm-editing.vue +1 -1
- package/demos/pc/app/grid/event/cell-mouse-event-composition-api.vue +1 -1
- package/demos/pc/app/grid/event/context-menu-event-composition-api.vue +1 -0
- package/demos/pc/app/grid/event/edit-event-composition-api.vue +1 -1
- package/demos/pc/app/grid/expand/set-row-expansion-composition-api.vue +9 -4
- package/demos/pc/app/grid/loading/{grid-loading-off-tip-composition-api.vue → grid-custom-loading-composition-api.vue} +29 -4
- package/demos/pc/app/grid/loading/grid-custom-loading.spec.js +7 -0
- package/demos/pc/app/grid/loading/{grid-loading-off-tip.vue → grid-custom-loading.vue} +27 -1
- package/demos/pc/app/grid/operation-column/clear-and-set-radio-row-composition-api.vue +5 -1
- package/demos/pc/app/grid/operation-column/selection-operation-composition-api.vue +32 -0
- package/demos/pc/app/grid/size/grid-size-composition-api.vue +17 -0
- package/demos/pc/app/grid/slot/editor-slot-composition-api.vue +13 -7
- package/demos/pc/app/grid/sort/combinations-sort-composition-api.vue +3 -3
- package/demos/pc/app/grid/sort/combinations-sort.spec.js +3 -0
- package/demos/pc/app/grid/sort/combinations-sort.vue +3 -3
- package/demos/pc/app/grid/toolbar/insert-remove-rows-composition-api.vue +1 -1
- package/demos/pc/app/grid/toolbar/insert-remove-rows.vue +1 -1
- package/demos/pc/app/grid/toolbar/refresh-grid-composition-api.vue +105 -0
- package/demos/pc/app/grid/tree-table/set-tree-expansion-composition-api.vue +4 -4
- package/demos/pc/app/grid/validation/before-submit-validation-composition-api.vue +19 -2
- package/demos/pc/app/grid/validation/before-submit-validation.spec.js +5 -2
- package/demos/pc/app/grid/validation/before-submit-validation.vue +19 -2
- package/demos/pc/app/grid/webdoc/grid-loading.js +9 -5
- package/demos/pc/app/grid/webdoc/grid-size.js +2 -2
- package/demos/pc/app/grid/webdoc/grid-validation.js +1 -1
- package/demos/pc/app/grid/webdoc/grid.js +8 -1
- package/demos/pc/app/guide/callback-composition-api.vue +2 -2
- package/demos/pc/app/guide/callback.vue +2 -2
- package/demos/pc/app/guide/highlight-box-composition-api.vue +9 -8
- package/demos/pc/app/guide/highlight-box.vue +8 -2
- package/demos/pc/app/guide/offset-composition-api.vue +7 -2
- package/demos/pc/app/guide/offset.vue +7 -2
- package/demos/pc/app/guide/size-composition-api.vue +3 -8
- package/demos/pc/app/guide/size.vue +3 -8
- package/demos/pc/app/guide/webdoc/guide.js +2 -2
- package/demos/pc/app/image/basic-usage.spec.ts +9 -2
- package/demos/pc/app/image/events.spec.ts +3 -1
- package/demos/pc/app/image/lazy-composition-api.vue +2 -2
- package/demos/pc/app/image/lazy.spec.ts +7 -4
- package/demos/pc/app/image/lazy.vue +2 -2
- package/demos/pc/app/image/preview-in-dialog.spec.ts +15 -1
- package/demos/pc/app/image/preview.spec.ts +28 -13
- package/demos/pc/app/image/slot.spec.ts +3 -0
- package/demos/pc/app/input/webdoc/input.js +11 -11
- package/demos/pc/app/link/basic-usage-composition-api.vue +1 -1
- package/demos/pc/app/link/basic-usage.spec.ts +1 -1
- package/demos/pc/app/link/basic-usage.vue +1 -1
- package/demos/pc/app/link/config-href.spec.ts +2 -2
- package/demos/pc/app/link/custom-icon.spec.ts +5 -5
- package/demos/pc/app/link/dynamic-disable.spec.ts +11 -11
- package/demos/pc/app/link/focus-no-underline.spec.ts +3 -3
- package/demos/pc/app/link/link-style-composition-api.vue +6 -6
- package/demos/pc/app/link/link-style.spec.ts +36 -7
- package/demos/pc/app/link/link-style.vue +6 -6
- package/demos/pc/app/link/webdoc/link.js +20 -22
- package/demos/pc/app/link-menu/webdoc/link-menu.js +22 -22
- package/demos/pc/app/milestone/basic-usage-composition-api.vue +6 -6
- package/demos/pc/app/milestone/basic-usage.spec.ts +1 -1
- package/demos/pc/app/milestone/basic-usage.vue +6 -6
- package/demos/pc/app/milestone/line-style-composition-api.vue +6 -6
- package/demos/pc/app/milestone/line-style.vue +6 -6
- package/demos/pc/app/milestone/show-number-composition-api.vue +9 -7
- package/demos/pc/app/milestone/show-number.spec.ts +7 -7
- package/demos/pc/app/milestone/show-number.vue +9 -7
- package/demos/pc/app/milestone/solid-style-composition-api.vue +7 -7
- package/demos/pc/app/milestone/solid-style.spec.ts +7 -7
- package/demos/pc/app/milestone/solid-style.vue +7 -7
- package/demos/pc/app/milestone/webdoc/milestone.js +31 -12
- package/demos/pc/app/modal/webdoc/modal.js +80 -76
- package/demos/pc/app/nav-menu/basic-usage.spec.ts +2 -2
- package/demos/pc/app/nav-menu/before-skip-prevent.spec.ts +1 -1
- package/demos/pc/app/nav-menu/before-skip.spec.ts +1 -1
- package/demos/pc/app/nav-menu/custom-service.spec.ts +1 -2
- package/demos/pc/app/nav-menu/overflow.spec.ts +2 -2
- package/demos/pc/app/nav-menu/slot-logo.spec.ts +1 -1
- package/demos/pc/app/nav-menu/slot-toolbar.spec.ts +2 -2
- package/demos/pc/app/numeric/webdoc/numeric.js +33 -32
- package/demos/pc/app/search/basic-usage.spec.ts +1 -1
- package/demos/pc/app/search/clearable.spec.ts +1 -1
- package/demos/pc/app/search/events-composition-api.vue +6 -0
- package/demos/pc/app/search/events.spec.ts +9 -6
- package/demos/pc/app/search/events.vue +5 -0
- package/demos/pc/app/search/webdoc/search.js +14 -4
- package/demos/pc/app/slide-bar/webdoc/slide-bar.js +18 -12
- package/demos/pc/app/slider/webdoc/slider.js +23 -18
- package/demos/pc/app/steps/advanced-steps.spec.ts +3 -2
- package/demos/pc/app/steps/click-composition-api.vue +0 -1
- package/demos/pc/app/steps/click.spec.ts +1 -12
- package/demos/pc/app/steps/custom-steps-item.spec.ts +1 -1
- package/demos/pc/app/steps/node-status-composition-api.vue +1 -1
- package/demos/pc/app/steps/node-status.spec.ts +1 -1
- package/demos/pc/app/steps/node-status.vue +1 -1
- package/demos/pc/app/steps/normal-steps-composition-api.vue +1 -1
- package/demos/pc/app/steps/normal-steps.spec.ts +2 -2
- package/demos/pc/app/steps/normal-steps.vue +1 -1
- package/demos/pc/app/steps/only-number-composition-api.vue +1 -1
- package/demos/pc/app/steps/only-number.spec.ts +1 -1
- package/demos/pc/app/steps/only-number.vue +1 -1
- package/demos/pc/app/steps/show-divider-composition-api.vue +1 -1
- package/demos/pc/app/steps/show-divider.spec.ts +1 -1
- package/demos/pc/app/steps/show-divider.vue +1 -1
- package/demos/pc/app/steps/size-composition-api.vue +6 -9
- package/demos/pc/app/steps/size.spec.ts +1 -4
- package/demos/pc/app/steps/size.vue +4 -4
- package/demos/pc/app/steps/slot-active-node-desc-composition-api.vue +3 -1
- package/demos/pc/app/steps/slot-active-node-desc.spec.ts +1 -1
- package/demos/pc/app/steps/slot-active-node-desc.vue +3 -1
- package/demos/pc/app/steps/slot-description-composition-api.vue +6 -6
- package/demos/pc/app/steps/slot-description.spec.ts +1 -1
- package/demos/pc/app/steps/slot-description.vue +5 -5
- package/demos/pc/app/steps/slot-item-composition-api.vue +0 -1
- package/demos/pc/app/steps/slot-item.spec.ts +1 -7
- package/demos/pc/app/steps/slot-item.vue +0 -1
- package/demos/pc/app/steps/space.spec.ts +1 -1
- package/demos/pc/app/steps/text-position-composition-api.vue +1 -1
- package/demos/pc/app/steps/text-position.spec.ts +1 -4
- package/demos/pc/app/steps/text-position.vue +1 -1
- package/demos/pc/app/steps/vertical-steps.spec.ts +13 -19
- package/demos/pc/app/steps/webdoc/steps.js +18 -17
- package/demos/pc/app/tabs/basic-usage-composition-api.vue +4 -4
- package/demos/pc/app/tabs/basic-usage.vue +4 -4
- package/demos/pc/app/tabs/before-leave-composition-api.vue +3 -3
- package/demos/pc/app/tabs/before-leave.vue +3 -3
- package/demos/pc/app/tabs/custom-more-icon-composition-api.vue +1 -1
- package/demos/pc/app/tabs/custom-more-icon.vue +1 -1
- package/demos/pc/app/tabs/custom-tab-content-composition-api.vue +3 -3
- package/demos/pc/app/tabs/custom-tab-content.vue +3 -3
- package/demos/pc/app/tabs/custom-tab-title-composition-api.vue +3 -3
- package/demos/pc/app/tabs/custom-tab-title.vue +3 -3
- package/demos/pc/app/tabs/lazy-composition-api.vue +5 -3
- package/demos/pc/app/tabs/lazy.vue +5 -3
- package/demos/pc/app/tabs/position-composition-api.vue +22 -17
- package/demos/pc/app/tabs/position.spec.ts +4 -4
- package/demos/pc/app/tabs/position.vue +19 -18
- package/demos/pc/app/tabs/prevent-tab-switching-composition-api.vue +3 -3
- package/demos/pc/app/tabs/prevent-tab-switching.vue +3 -3
- package/demos/pc/app/tabs/stretch-wh-composition-api.vue +3 -3
- package/demos/pc/app/tabs/stretch-wh.vue +3 -3
- package/demos/pc/app/tabs/tab-style-bordercard-composition-api.vue +10 -10
- package/demos/pc/app/tabs/tab-style-bordercard.vue +10 -10
- package/demos/pc/app/tabs/tab-style-card-composition-api.vue +1 -1
- package/demos/pc/app/tabs/tab-style-card.vue +1 -1
- package/demos/pc/app/tabs/tabs-draggable-composition-api.vue +1 -1
- package/demos/pc/app/tabs/tabs-draggable.spec.ts +1 -7
- package/demos/pc/app/tabs/tabs-draggable.vue +1 -1
- package/demos/pc/app/tabs/tabs-events-click-composition-api.vue +3 -3
- package/demos/pc/app/tabs/tabs-events-click.vue +3 -3
- package/demos/pc/app/tabs/tabs-events-close-composition-api.vue +4 -4
- package/demos/pc/app/tabs/tabs-events-close.vue +4 -4
- package/demos/pc/app/tabs/tabs-events-edit-composition-api.vue +4 -4
- package/demos/pc/app/tabs/tabs-events-edit.vue +4 -4
- package/demos/pc/app/tabs/tabs-separator-composition-api.vue +7 -7
- package/demos/pc/app/tabs/tabs-separator.vue +7 -7
- package/demos/pc/app/tabs/tabs-size-composition-api.vue +3 -3
- package/demos/pc/app/tabs/tabs-size.vue +3 -3
- package/demos/pc/app/tabs/tooltip-composition-api.vue +17 -13
- package/demos/pc/app/tabs/tooltip.vue +17 -13
- package/demos/pc/app/tabs/webdoc/tabs.js +35 -35
- package/demos/pc/app/tabs/with-add-composition-api.vue +1 -1
- package/demos/pc/app/tabs/with-add.vue +1 -1
- package/demos/pc/app/tag/{before-delete-composition-api.vue → delete-composition-api.vue} +6 -16
- package/demos/pc/app/tag/delete.spec.ts +19 -0
- package/demos/pc/app/tag/{closable.vue → delete.vue} +22 -5
- package/demos/pc/app/tag/webdoc/tag.js +15 -7
- package/demos/pc/app/time-line/webdoc/time-line.js +12 -12
- package/demos/pc/app/toggle-menu/webdoc/toggle-menu.js +64 -55
- package/demos/pc/app/tooltip/content.spec.js +1 -1
- package/demos/pc/app/tooltip/custom-popper.spec.js +4 -4
- package/demos/pc/app/transfer/basic-usage.spec.ts +7 -20
- package/demos/pc/app/transfer/custom-btns.spec.ts +11 -19
- package/demos/pc/app/transfer/custom-filter.spec.ts +6 -4
- package/demos/pc/app/transfer/custom-footer.spec.ts +1 -2
- package/demos/pc/app/transfer/custom-render.spec.ts +7 -5
- package/demos/pc/app/transfer/custom-titles.spec.ts +5 -3
- package/demos/pc/app/transfer/default-checked.spec.ts +5 -9
- package/demos/pc/app/transfer/drop-config.spec.ts +21 -16
- package/demos/pc/app/transfer/manual-clear-query.spec.ts +2 -2
- package/demos/pc/app/transfer/nested-table.spec.ts +12 -35
- package/demos/pc/app/transfer/nested-tree.spec.ts +3 -30
- package/demos/pc/app/transfer/target-order.spec.ts +2 -1
- package/demos/pc/app/transfer/transfer-events.spec.ts +2 -1
- package/demos/pc/app/tree/basic-usage.spec.ts +26 -16
- package/demos/pc/app/tree/check-op.spec.ts +37 -19
- package/demos/pc/app/tree/checkbox.spec.ts +23 -18
- package/demos/pc/app/tree/contextmenu.spec.ts +9 -8
- package/demos/pc/app/tree/drag.spec.ts +10 -18
- package/demos/pc/app/tree/edit.spec.ts +24 -103
- package/demos/pc/app/tree/expand-control.spec.ts +22 -18
- package/demos/pc/app/tree/filter-view.spec.ts +16 -18
- package/demos/pc/app/tree/icons.spec.ts +20 -18
- package/demos/pc/app/tree/lazy.spec.ts +10 -18
- package/demos/pc/app/tree/node-hl.spec.ts +27 -18
- package/demos/pc/app/tree/node-op-composition-api.vue +12 -6
- package/demos/pc/app/tree/node-op.spec.ts +32 -19
- package/demos/pc/app/tree/other.spec.ts +5 -18
- package/demos/pc/app/tree/props.spec.ts +7 -18
- package/demos/pc/app/tree/radio.spec.ts +10 -18
- package/demos/pc/app/tree/slot.spec.ts +12 -18
- package/demos/pc/app/tree/webdoc/tree.js +2 -2
- package/demos/pc/app/tree-menu/accordion.spec.ts +3 -1
- package/demos/pc/app/tree-menu/basic-usage.spec.ts +4 -2
- package/demos/pc/app/tree-menu/current-node-composition-api.vue +7 -3
- package/demos/pc/app/tree-menu/current-node.spec.ts +20 -13
- package/demos/pc/app/tree-menu/current-node.vue +8 -6
- package/demos/pc/app/tree-menu/custom-icon.spec.ts +12 -2
- package/demos/pc/app/tree-menu/data-resource.spec.ts +33 -21
- package/demos/pc/app/tree-menu/default-expand-all.spec.ts +25 -8
- package/demos/pc/app/tree-menu/default-expanded-keys-highlight.spec.ts +6 -4
- package/demos/pc/app/tree-menu/default-expanded-keys.spec.ts +11 -7
- package/demos/pc/app/tree-menu/draggable.spec.ts +11 -4
- package/demos/pc/app/tree-menu/empty-text.spec.ts +1 -1
- package/demos/pc/app/tree-menu/event-allow-draggable.spec.ts +4 -1
- package/demos/pc/app/tree-menu/events.spec.ts +56 -28
- package/demos/pc/app/tree-menu/expand-on-click-node.spec.ts +32 -3
- package/demos/pc/app/tree-menu/filter-node-method.spec.ts +9 -6
- package/demos/pc/app/tree-menu/filter-node-method.vue +0 -4
- package/demos/pc/app/tree-menu/indent.spec.ts +9 -4
- package/demos/pc/app/tree-menu/lazy-load.spec.ts +8 -4
- package/demos/pc/app/tree-menu/menu-collapsible.spec.ts +5 -2
- package/demos/pc/app/tree-menu/show-checkbox.spec.ts +79 -41
- package/demos/pc/app/tree-menu/text-ellipsis.spec.ts +7 -4
- package/demos/pc/app/tree-menu/tree-menu-slot.spec.ts +4 -3
- package/demos/pc/app/tree-menu/webdoc/tree-menu.cn.md +1 -1
- package/demos/pc/app/tree-menu/webdoc/tree-menu.en.md +1 -1
- package/demos/pc/app/tree-menu/webdoc/tree-menu.js +3 -3
- package/demos/pc/app/user-contact/webdoc/user-contact.js +21 -13
- package/demos/pc/app/user-head/icon-user-head.spec.ts +3 -3
- package/demos/pc/app/user-head/image-user-head.spec.ts +2 -2
- package/demos/pc/app/user-head/webdoc/user-head.js +44 -28
- package/demos/pc/webdoc/changelog.md +1 -0
- package/demos/pc/webdoc/import-components.md +2 -4
- package/demos/pc/webdoc/theme-en.md +8 -4
- package/demos/pc/webdoc/theme.md +10 -3
- package/package.json +6 -6
- package/src/App.vue +0 -2
- package/src/i18n/index.js +3 -3
- package/src/main.js +2 -7
- package/src/menus.jsx +1 -1
- package/src/tools/useApiMode.js +2 -2
- package/src/tools/useBulletin.jsx +2 -2
- package/src/tools/utils.js +2 -2
- package/src/views/components/VersionTip.vue +14 -8
- package/src/views/components/components.vue +48 -47
- package/src/views/components/demo.vue +11 -11
- package/src/views/docs/docs.vue +2 -3
- package/src/views/layout/layout.vue +17 -19
- package/src/views/overview.vue +16 -13
- package/vite.config.ts +10 -4
- package/demos/mobile/app/pull-refresh/disabled.vue +0 -57
- package/demos/mobile/app/pull-refresh/head-height.vue +0 -31
- package/demos/mobile/app/pull-refresh/result-text.vue +0 -46
- package/demos/mobile/app/pull-refresh/success-duration.vue +0 -31
- package/demos/mobile/app/pull-refresh/success-text.vue +0 -27
- package/demos/pc/app/grid/loading/grid-loading-off-tip.spec.js +0 -8
- package/demos/pc/app/tag/before-delete.vue +0 -64
- package/demos/pc/app/tag/closable-composition-api.vue +0 -25
- package/demos/pc/app/tag/closable.spec.ts +0 -14
- /package/demos/pc/app/button/{autofocus.spec.js → autofocus.spec.ts} +0 -0
- /package/demos/pc/app/button/{basic-usage.spec.js → basic-usage.spec.ts} +0 -0
- /package/demos/pc/app/button/{click.spec.js → click.spec.ts} +0 -0
- /package/demos/pc/app/button/{icon.spec.js → icon.spec.ts} +0 -0
- /package/demos/pc/app/button/{image.spec.js → image.spec.ts} +0 -0
- /package/demos/pc/app/button/{loading.spec.js → loading.spec.ts} +0 -0
- /package/demos/pc/app/button/{reset-time.spec.js → reset-time.spec.ts} +0 -0
- /package/demos/pc/app/button/{size.spec.js → size.spec.ts} +0 -0
- /package/demos/pc/app/button/{text.spec.js → text.spec.ts} +0 -0
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<div>
|
|
3
|
-
<tiny-link
|
|
4
|
-
<tiny-link
|
|
5
|
-
<tiny-link
|
|
6
|
-
<tiny-link
|
|
7
|
-
<tiny-link
|
|
8
|
-
<tiny-link
|
|
3
|
+
<tiny-link> 默认链接 </tiny-link>
|
|
4
|
+
<tiny-link type="primary"> 主要链接 </tiny-link>
|
|
5
|
+
<tiny-link type="success"> 成功链接 </tiny-link>
|
|
6
|
+
<tiny-link type="warning"> 警告链接 </tiny-link>
|
|
7
|
+
<tiny-link type="danger"> 危险链接 </tiny-link>
|
|
8
|
+
<tiny-link type="info"> 信息链接 </tiny-link>
|
|
9
9
|
</div>
|
|
10
10
|
</template>
|
|
11
11
|
|
|
@@ -12,8 +12,8 @@ export default {
|
|
|
12
12
|
'demoId': 'link-style',
|
|
13
13
|
'name': { 'zh-CN': '主题样式', 'en-US': 'Theme Style' },
|
|
14
14
|
'desc': {
|
|
15
|
-
'zh-CN': '<p>通过 <code>type</code>
|
|
16
|
-
'en-US': '<p>Set the topic type of the link through the <code>type</code> attribute. </p
|
|
15
|
+
'zh-CN': '<p>通过 <code>type</code> 设置链接的主题类型。</p>',
|
|
16
|
+
'en-US': '<p>Set the topic type of the link through the <code>type</code> attribute. </p>'
|
|
17
17
|
},
|
|
18
18
|
'codeFiles': ['link-style.vue']
|
|
19
19
|
},
|
|
@@ -21,8 +21,8 @@ export default {
|
|
|
21
21
|
'demoId': 'dynamic-disable',
|
|
22
22
|
'name': { 'zh-CN': '禁用链接', 'en-US': 'Disable links' },
|
|
23
23
|
'desc': {
|
|
24
|
-
'zh-CN': '<p>通过 <code>disabled</code>
|
|
25
|
-
'en-US': '<p>You can use the <code>disabled</code> attribute to specify whether to disable links. </p
|
|
24
|
+
'zh-CN': '<p>通过 <code>disabled</code> 设置是否禁用链接。</p>',
|
|
25
|
+
'en-US': '<p>You can use the <code>disabled</code> attribute to specify whether to disable links. </p>'
|
|
26
26
|
},
|
|
27
27
|
'codeFiles': ['dynamic-disable.vue']
|
|
28
28
|
},
|
|
@@ -30,10 +30,9 @@ export default {
|
|
|
30
30
|
'demoId': 'focus-no-underline',
|
|
31
31
|
'name': { 'zh-CN': '聚焦时不显示下划线', 'en-US': 'Do not display underscores when focusing.' },
|
|
32
32
|
'desc': {
|
|
33
|
-
'zh-CN':
|
|
34
|
-
'<p>鼠标悬停在链接上时,默认会显示下划线,设置 <code>underline</code> 为 false 后聚焦时不显示下划线。</p>\n',
|
|
33
|
+
'zh-CN': '<p>通过 <code>underline</code> 设置鼠标悬浮是否显示下划线。</p>',
|
|
35
34
|
'en-US':
|
|
36
|
-
'<p>When you hover the cursor over a link, the underline is displayed by default. If <code>underline</code> is set to false, the underline is not displayed when you focus. </p
|
|
35
|
+
'<p>When you hover the cursor over a link, the underline is displayed by default. If <code>underline</code> is set to false, the underline is not displayed when you focus. </p>'
|
|
37
36
|
},
|
|
38
37
|
'codeFiles': ['focus-no-underline.vue']
|
|
39
38
|
},
|
|
@@ -41,9 +40,9 @@ export default {
|
|
|
41
40
|
'demoId': 'custom-icon',
|
|
42
41
|
'name': { 'zh-CN': '自定义图标', 'en-US': 'Custom Icon' },
|
|
43
42
|
'desc': {
|
|
44
|
-
'zh-CN': '<p>通过属性 <code>icon</code>、默认插槽、<code>icon</code> 插槽都可以自定义图标。</p
|
|
43
|
+
'zh-CN': '<p>通过属性 <code>icon</code>、默认插槽、<code>icon</code> 插槽都可以自定义图标。</p>',
|
|
45
44
|
'en-US':
|
|
46
|
-
'<p>Icon can be customized by attribute <code>icon</code>, default slot, and <code>icon</code> slot. </p
|
|
45
|
+
'<p>Icon can be customized by attribute <code>icon</code>, default slot, and <code>icon</code> slot. </p>'
|
|
47
46
|
},
|
|
48
47
|
'codeFiles': ['custom-icon.vue']
|
|
49
48
|
},
|
|
@@ -51,10 +50,9 @@ export default {
|
|
|
51
50
|
'demoId': 'config-href',
|
|
52
51
|
'name': { 'zh-CN': '链接地址', 'en-US': 'Link' },
|
|
53
52
|
'desc': {
|
|
54
|
-
'zh-CN':
|
|
55
|
-
'<p>通过属性 <code>href</code> 指定链接需要跳转的地址,可配合原生属性 <code>target</code> 一起使用。</p>\n',
|
|
53
|
+
'zh-CN': '<p>通过 <code>href</code> 设置跳转连接,可配合原生属性 <code>target</code> 一起使用。</p>',
|
|
56
54
|
'en-US':
|
|
57
|
-
'<p>Use the <code>href</code> attribute to specify the URL to be redirected to. This attribute can be used together with the native attribute <code>target</code>. </p
|
|
55
|
+
'<p>Use the <code>href</code> attribute to specify the URL to be redirected to. This attribute can be used together with the native attribute <code>target</code>. </p>'
|
|
58
56
|
},
|
|
59
57
|
'codeFiles': ['config-href.vue']
|
|
60
58
|
}
|
|
@@ -66,26 +64,26 @@ export default {
|
|
|
66
64
|
'properties': [
|
|
67
65
|
{
|
|
68
66
|
'name': 'type',
|
|
69
|
-
'type': '
|
|
70
|
-
'defaultValue': '
|
|
67
|
+
'type': "'primary' | 'success' | 'warning' | 'danger' | 'info'",
|
|
68
|
+
'defaultValue': '',
|
|
71
69
|
'desc': {
|
|
72
|
-
'zh-CN': '
|
|
73
|
-
'en-US': '
|
|
70
|
+
'zh-CN': '文本链接类型',
|
|
71
|
+
'en-US': 'Text link type'
|
|
74
72
|
},
|
|
75
73
|
'demoId': 'link-style'
|
|
76
74
|
},
|
|
77
75
|
{
|
|
78
76
|
'name': 'underline',
|
|
79
77
|
'type': 'boolean',
|
|
80
|
-
'defaultValue': '
|
|
81
|
-
'desc': { 'zh-CN': '是否下划线', 'en-US': 'Underline' },
|
|
78
|
+
'defaultValue': 'true',
|
|
79
|
+
'desc': { 'zh-CN': '是否下划线', 'en-US': 'Whether has Underline' },
|
|
82
80
|
'demoId': 'focus-no-underline'
|
|
83
81
|
},
|
|
84
82
|
{
|
|
85
83
|
'name': 'disabled',
|
|
86
84
|
'type': 'boolean',
|
|
87
|
-
'defaultValue': '
|
|
88
|
-
'desc': { 'zh-CN': '是否禁用状态', 'en-US': '
|
|
85
|
+
'defaultValue': 'false',
|
|
86
|
+
'desc': { 'zh-CN': '是否禁用状态', 'en-US': 'Is disabled' },
|
|
89
87
|
'demoId': 'dynamic-disable'
|
|
90
88
|
},
|
|
91
89
|
{
|
|
@@ -97,9 +95,9 @@ export default {
|
|
|
97
95
|
},
|
|
98
96
|
{
|
|
99
97
|
'name': 'icon',
|
|
100
|
-
'type': '
|
|
98
|
+
'type': 'VueComponent',
|
|
101
99
|
'defaultValue': '',
|
|
102
|
-
'desc': { 'zh-CN': '
|
|
100
|
+
'desc': { 'zh-CN': '图标组件', 'en-US': 'Icon component' },
|
|
103
101
|
'demoId': 'custom-icon'
|
|
104
102
|
}
|
|
105
103
|
],
|
|
@@ -51,7 +51,7 @@ export default {
|
|
|
51
51
|
'name': { 'zh-CN': '自定义菜单数据服务', 'en-US': 'Customized menu data service' },
|
|
52
52
|
'desc': {
|
|
53
53
|
'zh-CN': '<p>通过 <code>get-menu-data-sync</code> 自定义菜单数据服务。</p>\n',
|
|
54
|
-
'en-US': '<p>Customize the menu data service through <code>get-menu-data-sync</code
|
|
54
|
+
'en-US': '<p>Customize the menu data service through <code>get-menu-data-sync</code>. </p>\n'
|
|
55
55
|
},
|
|
56
56
|
'codeFiles': ['get-menu-data-sync.vue']
|
|
57
57
|
},
|
|
@@ -68,7 +68,7 @@ export default {
|
|
|
68
68
|
},
|
|
69
69
|
{
|
|
70
70
|
'demoId': 'custom-icon1',
|
|
71
|
-
'name': { 'zh-CN': '菜单内容超长时省略显示', 'en-US': 'Omitted if the menu content is too long
|
|
71
|
+
'name': { 'zh-CN': '菜单内容超长时省略显示', 'en-US': 'Omitted if the menu content is too long' },
|
|
72
72
|
'desc': {
|
|
73
73
|
'zh-CN': '<p>通过 <code>ellipsis</code> 属性设置菜单内容超长时省略显示。</p>\n',
|
|
74
74
|
'en-US':
|
|
@@ -97,7 +97,7 @@ export default {
|
|
|
97
97
|
'name': 'data',
|
|
98
98
|
'type': 'Array',
|
|
99
99
|
'defaultValue': '',
|
|
100
|
-
'desc': { 'zh-CN': '
|
|
100
|
+
'desc': { 'zh-CN': '设置收藏夹菜单的数据', 'en-US': 'Set the data of the favorites menu' },
|
|
101
101
|
'demoId': 'data-resource1'
|
|
102
102
|
},
|
|
103
103
|
{
|
|
@@ -105,8 +105,8 @@ export default {
|
|
|
105
105
|
'type': 'object',
|
|
106
106
|
'defaultValue': '',
|
|
107
107
|
'desc': {
|
|
108
|
-
'zh-CN': '
|
|
109
|
-
'en-US': 'Customize the icon for expanding and collapsing a node
|
|
108
|
+
'zh-CN': '自定义节点展开折叠的图标',
|
|
109
|
+
'en-US': 'Customize the icon for expanding and collapsing a node'
|
|
110
110
|
},
|
|
111
111
|
'demoId': 'custom-icon'
|
|
112
112
|
},
|
|
@@ -115,8 +115,8 @@ export default {
|
|
|
115
115
|
'type': 'number',
|
|
116
116
|
'defaultValue': '',
|
|
117
117
|
'desc': {
|
|
118
|
-
'zh-CN': '
|
|
119
|
-
'en-US': 'Set the maximum number of columns that can be added to favorites
|
|
118
|
+
'zh-CN': '设置可收藏的栏目的最大数量',
|
|
119
|
+
'en-US': 'Set the maximum number of columns that can be added to favorites'
|
|
120
120
|
},
|
|
121
121
|
'demoId': 'menu-items'
|
|
122
122
|
},
|
|
@@ -125,8 +125,8 @@ export default {
|
|
|
125
125
|
'type': 'string',
|
|
126
126
|
'defaultValue': '',
|
|
127
127
|
'desc': {
|
|
128
|
-
'zh-CN': '
|
|
129
|
-
'en-US': 'Set the title of the favorites menu. The default value is null
|
|
128
|
+
'zh-CN': '设置收藏夹菜单的标题,默认为空',
|
|
129
|
+
'en-US': 'Set the title of the favorites menu. The default value is null'
|
|
130
130
|
},
|
|
131
131
|
'demoId': 'data-resource'
|
|
132
132
|
},
|
|
@@ -135,9 +135,9 @@ export default {
|
|
|
135
135
|
'type': 'boolean',
|
|
136
136
|
'defaultValue': '',
|
|
137
137
|
'desc': {
|
|
138
|
-
'zh-CN': '设置打开菜单弹窗时默认是否展开所有节点,默认为 true
|
|
138
|
+
'zh-CN': '设置打开菜单弹窗时默认是否展开所有节点,默认为 true',
|
|
139
139
|
'en-US':
|
|
140
|
-
'Whether to expand all nodes by default when a menu pop-up window is opened. The default value is true
|
|
140
|
+
'Whether to expand all nodes by default when a menu pop-up window is opened. The default value is true'
|
|
141
141
|
},
|
|
142
142
|
'demoId': 'menu-items'
|
|
143
143
|
},
|
|
@@ -145,7 +145,7 @@ export default {
|
|
|
145
145
|
'name': 'search-icon',
|
|
146
146
|
'type': 'object',
|
|
147
147
|
'defaultValue': '',
|
|
148
|
-
'desc': { 'zh-CN': '
|
|
148
|
+
'desc': { 'zh-CN': '自定义搜索图标', 'en-US': 'Customize the search icon' },
|
|
149
149
|
'demoId': 'custom-icon'
|
|
150
150
|
},
|
|
151
151
|
{
|
|
@@ -153,8 +153,8 @@ export default {
|
|
|
153
153
|
'type': 'boolean',
|
|
154
154
|
'defaultValue': '',
|
|
155
155
|
'desc': {
|
|
156
|
-
'zh-CN': '菜单内容超长时省略显示,默认为 true
|
|
157
|
-
'en-US': 'Omitted if the menu content is too long. The default value is true
|
|
156
|
+
'zh-CN': '菜单内容超长时省略显示,默认为 true',
|
|
157
|
+
'en-US': 'Omitted if the menu content is too long. The default value is true'
|
|
158
158
|
},
|
|
159
159
|
'demoId': 'custom-icon1'
|
|
160
160
|
},
|
|
@@ -163,8 +163,8 @@ export default {
|
|
|
163
163
|
'type': 'boolean',
|
|
164
164
|
'defaultValue': '',
|
|
165
165
|
'desc': {
|
|
166
|
-
'zh-CN': '菜单内容超长时换行显示,默认为 false
|
|
167
|
-
'en-US': 'The menu content is displayed in a new line when it is too long. The default value is false
|
|
166
|
+
'zh-CN': '菜单内容超长时换行显示,默认为 false',
|
|
167
|
+
'en-US': 'The menu content is displayed in a new line when it is too long. The default value is false'
|
|
168
168
|
},
|
|
169
169
|
'demoId': 'data-resource'
|
|
170
170
|
},
|
|
@@ -173,9 +173,9 @@ export default {
|
|
|
173
173
|
'type': 'boolean',
|
|
174
174
|
'defaultValue': '',
|
|
175
175
|
'desc': {
|
|
176
|
-
'zh-CN': '树节点勾选内容后,点击取消按钮,再次打开弹窗是否保留取消前勾选的内容的状态,默认为 true
|
|
176
|
+
'zh-CN': '树节点勾选内容后,点击取消按钮,再次打开弹窗是否保留取消前勾选的内容的状态,默认为 true',
|
|
177
177
|
'en-US':
|
|
178
|
-
'Whether to retain the status of the selected content after selecting content in the tree node, clicking Cancel, and opening the dialog box again. The default value is true
|
|
178
|
+
'Whether to retain the status of the selected content after selecting content in the tree node, clicking Cancel, and opening the dialog box again. The default value is true'
|
|
179
179
|
},
|
|
180
180
|
'demoId': ''
|
|
181
181
|
},
|
|
@@ -185,7 +185,7 @@ export default {
|
|
|
185
185
|
'defaultValue': '',
|
|
186
186
|
'desc': {
|
|
187
187
|
'zh-CN': '自定义菜单数据服务,直接返回数据',
|
|
188
|
-
'en-US': 'User-defined menu data service. Data is directly returned
|
|
188
|
+
'en-US': 'User-defined menu data service. Data is directly returned'
|
|
189
189
|
},
|
|
190
190
|
'demoId': 'get-menu-data-sync'
|
|
191
191
|
}
|
|
@@ -206,8 +206,8 @@ export default {
|
|
|
206
206
|
'type': '',
|
|
207
207
|
'defaultValue': '',
|
|
208
208
|
'desc': {
|
|
209
|
-
'zh-CN': '
|
|
210
|
-
'en-US': 'Obtains the selected menu node, closes the menu pop-up window, and displays the selected menu
|
|
209
|
+
'zh-CN': '获取选中的菜单节点并关闭菜单弹窗,同时展示选中的菜单',
|
|
210
|
+
'en-US': 'Obtains the selected menu node, closes the menu pop-up window, and displays the selected menu'
|
|
211
211
|
},
|
|
212
212
|
'demoId': 'custom-foot'
|
|
213
213
|
},
|
|
@@ -215,7 +215,7 @@ export default {
|
|
|
215
215
|
'name': 'hideDialog',
|
|
216
216
|
'type': '',
|
|
217
217
|
'defaultValue': '',
|
|
218
|
-
'desc': { 'zh-CN': '
|
|
218
|
+
'desc': { 'zh-CN': '关闭菜单弹窗', 'en-US': 'Close the menu pop-up window' },
|
|
219
219
|
'demoId': 'custom-foot'
|
|
220
220
|
}
|
|
221
221
|
]
|
|
@@ -22,7 +22,7 @@ const statusMap = ref({
|
|
|
22
22
|
// 数据源
|
|
23
23
|
const milestoneData = ref([
|
|
24
24
|
{
|
|
25
|
-
name: 'completed状态',
|
|
25
|
+
name: 'completed 状态',
|
|
26
26
|
time: '2018-9-7',
|
|
27
27
|
status: 'completed',
|
|
28
28
|
flags: [
|
|
@@ -34,7 +34,7 @@ const milestoneData = ref([
|
|
|
34
34
|
]
|
|
35
35
|
},
|
|
36
36
|
{
|
|
37
|
-
name: 'completed状态',
|
|
37
|
+
name: 'completed 状态',
|
|
38
38
|
time: '2018-9-8',
|
|
39
39
|
status: 'completed',
|
|
40
40
|
flags: [
|
|
@@ -44,9 +44,9 @@ const milestoneData = ref([
|
|
|
44
44
|
}
|
|
45
45
|
]
|
|
46
46
|
},
|
|
47
|
-
{ name: 'doing状态', time: '2018-9-10', status: 'doing', content: null },
|
|
47
|
+
{ name: 'doing 状态', time: '2018-9-10', status: 'doing', content: null },
|
|
48
48
|
{
|
|
49
|
-
name: 'cancel状态',
|
|
49
|
+
name: 'cancel 状态',
|
|
50
50
|
time: '2018-9-9',
|
|
51
51
|
status: 'cancel',
|
|
52
52
|
flags: [
|
|
@@ -61,9 +61,9 @@ const milestoneData = ref([
|
|
|
61
61
|
}
|
|
62
62
|
]
|
|
63
63
|
},
|
|
64
|
-
{ name: 'back状态', time: '2018-9-11', status: 'back' },
|
|
64
|
+
{ name: 'back 状态', time: '2018-9-11', status: 'back' },
|
|
65
65
|
{
|
|
66
|
-
name: 'end状态',
|
|
66
|
+
name: 'end 状态',
|
|
67
67
|
time: '2018-9-9',
|
|
68
68
|
status: 'end',
|
|
69
69
|
flags: [
|
|
@@ -53,7 +53,7 @@ test('基本用法', async ({ page }) => {
|
|
|
53
53
|
'box-shadow': 'rgba(250, 173, 20, 0.4) 0px 0px 0px 4px'
|
|
54
54
|
}
|
|
55
55
|
]
|
|
56
|
-
const titles = ['completed状态', 'completed状态', 'doing状态', 'cancel状态', 'back状态', 'end状态']
|
|
56
|
+
const titles = ['completed 状态', 'completed 状态', 'doing 状态', 'cancel 状态', 'back 状态', 'end 状态']
|
|
57
57
|
const flagContents = [/引导用户按照流程完成任务/, /test7欢迎使用vui/, /test8/, /test6/]
|
|
58
58
|
const flagLineColors = ['rgb(245, 34, 45)', 'rgb(245, 34, 45)', 'rgb(126, 211, 33)', 'rgb(94, 124, 224)']
|
|
59
59
|
|
|
@@ -27,7 +27,7 @@ export default {
|
|
|
27
27
|
// 数据源
|
|
28
28
|
milestoneData: [
|
|
29
29
|
{
|
|
30
|
-
name: 'completed状态',
|
|
30
|
+
name: 'completed 状态',
|
|
31
31
|
time: '2018-9-7',
|
|
32
32
|
status: 'completed',
|
|
33
33
|
flags: [
|
|
@@ -39,7 +39,7 @@ export default {
|
|
|
39
39
|
]
|
|
40
40
|
},
|
|
41
41
|
{
|
|
42
|
-
name: 'completed状态',
|
|
42
|
+
name: 'completed 状态',
|
|
43
43
|
time: '2018-9-8',
|
|
44
44
|
status: 'completed',
|
|
45
45
|
flags: [
|
|
@@ -49,9 +49,9 @@ export default {
|
|
|
49
49
|
}
|
|
50
50
|
]
|
|
51
51
|
},
|
|
52
|
-
{ name: 'doing状态', time: '2018-9-10', status: 'doing', content: null },
|
|
52
|
+
{ name: 'doing 状态', time: '2018-9-10', status: 'doing', content: null },
|
|
53
53
|
{
|
|
54
|
-
name: 'cancel状态',
|
|
54
|
+
name: 'cancel 状态',
|
|
55
55
|
time: '2018-9-9',
|
|
56
56
|
status: 'cancel',
|
|
57
57
|
flags: [
|
|
@@ -66,9 +66,9 @@ export default {
|
|
|
66
66
|
}
|
|
67
67
|
]
|
|
68
68
|
},
|
|
69
|
-
{ name: 'back状态', time: '2018-9-11', status: 'back' },
|
|
69
|
+
{ name: 'back 状态', time: '2018-9-11', status: 'back' },
|
|
70
70
|
{
|
|
71
|
-
name: 'end状态',
|
|
71
|
+
name: 'end 状态',
|
|
72
72
|
time: '2018-9-9',
|
|
73
73
|
status: 'end',
|
|
74
74
|
flags: [
|
|
@@ -15,32 +15,32 @@ const statusMap = ref({
|
|
|
15
15
|
})
|
|
16
16
|
const milestoneData = ref([
|
|
17
17
|
{
|
|
18
|
-
name: 'completed完成状态',
|
|
18
|
+
name: 'completed 完成状态',
|
|
19
19
|
time: '2018-9-7',
|
|
20
20
|
status: 'completed'
|
|
21
21
|
},
|
|
22
22
|
{
|
|
23
|
-
name: 'completed完成状态',
|
|
23
|
+
name: 'completed 完成状态',
|
|
24
24
|
time: '2018-9-8',
|
|
25
25
|
status: 'completed'
|
|
26
26
|
},
|
|
27
27
|
{
|
|
28
|
-
name: 'doing未完成状态',
|
|
28
|
+
name: 'doing 未完成状态',
|
|
29
29
|
time: '2018-9-10',
|
|
30
30
|
status: 'doing'
|
|
31
31
|
},
|
|
32
32
|
{
|
|
33
|
-
name: 'cancel未完成状态',
|
|
33
|
+
name: 'cancel 未完成状态',
|
|
34
34
|
time: '2018-9-9',
|
|
35
35
|
status: 'cancel'
|
|
36
36
|
},
|
|
37
37
|
{
|
|
38
|
-
name: 'back未完成状态',
|
|
38
|
+
name: 'back 未完成状态',
|
|
39
39
|
time: '2018-9-11',
|
|
40
40
|
status: 'back'
|
|
41
41
|
},
|
|
42
42
|
{
|
|
43
|
-
name: 'end未完成状态',
|
|
43
|
+
name: 'end 未完成状态',
|
|
44
44
|
time: '2018-9-9',
|
|
45
45
|
status: 'end'
|
|
46
46
|
}
|
|
@@ -20,32 +20,32 @@ export default {
|
|
|
20
20
|
},
|
|
21
21
|
milestoneData: [
|
|
22
22
|
{
|
|
23
|
-
name: 'completed完成状态',
|
|
23
|
+
name: 'completed 完成状态',
|
|
24
24
|
time: '2018-9-7',
|
|
25
25
|
status: 'completed'
|
|
26
26
|
},
|
|
27
27
|
{
|
|
28
|
-
name: 'completed完成状态',
|
|
28
|
+
name: 'completed 完成状态',
|
|
29
29
|
time: '2018-9-8',
|
|
30
30
|
status: 'completed'
|
|
31
31
|
},
|
|
32
32
|
{
|
|
33
|
-
name: 'doing未完成状态',
|
|
33
|
+
name: 'doing 未完成状态',
|
|
34
34
|
time: '2018-9-10',
|
|
35
35
|
status: 'doing'
|
|
36
36
|
},
|
|
37
37
|
{
|
|
38
|
-
name: 'cancel未完成状态',
|
|
38
|
+
name: 'cancel 未完成状态',
|
|
39
39
|
time: '2018-9-9',
|
|
40
40
|
status: 'cancel'
|
|
41
41
|
},
|
|
42
42
|
{
|
|
43
|
-
name: 'back未完成状态',
|
|
43
|
+
name: 'back 未完成状态',
|
|
44
44
|
time: '2018-9-11',
|
|
45
45
|
status: 'back'
|
|
46
46
|
},
|
|
47
47
|
{
|
|
48
|
-
name: 'end未完成状态',
|
|
48
|
+
name: 'end 未完成状态',
|
|
49
49
|
time: '2018-9-9',
|
|
50
50
|
status: 'end'
|
|
51
51
|
}
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<div>
|
|
3
|
-
<tiny-button @click="handleClick(!showNum)" style="max-width: unset"
|
|
3
|
+
<tiny-button @click="handleClick(!showNum)" style="max-width: unset"
|
|
4
|
+
>设置 show-number 值为{{ !showNum }}</tiny-button
|
|
5
|
+
>
|
|
4
6
|
<tiny-milestone
|
|
5
7
|
:data="milestoneData"
|
|
6
8
|
:milestones-status="statusMap"
|
|
@@ -24,32 +26,32 @@ const statusMap = ref({
|
|
|
24
26
|
})
|
|
25
27
|
const milestoneData = ref([
|
|
26
28
|
{
|
|
27
|
-
name: 'completed完成状态',
|
|
29
|
+
name: 'completed 完成状态',
|
|
28
30
|
time: '2018-9-7',
|
|
29
31
|
status: 'completed'
|
|
30
32
|
},
|
|
31
33
|
{
|
|
32
|
-
name: 'completed完成状态',
|
|
34
|
+
name: 'completed 完成状态',
|
|
33
35
|
time: '2018-9-8',
|
|
34
36
|
status: 'completed'
|
|
35
37
|
},
|
|
36
38
|
{
|
|
37
|
-
name: 'doing未完成状态',
|
|
39
|
+
name: 'doing 未完成状态',
|
|
38
40
|
time: '2018-9-10',
|
|
39
41
|
status: 'doing'
|
|
40
42
|
},
|
|
41
43
|
{
|
|
42
|
-
name: 'cancel未完成状态',
|
|
44
|
+
name: 'cancel 未完成状态',
|
|
43
45
|
time: '2018-9-9',
|
|
44
46
|
status: 'cancel'
|
|
45
47
|
},
|
|
46
48
|
{
|
|
47
|
-
name: 'back未完成状态',
|
|
49
|
+
name: 'back 未完成状态',
|
|
48
50
|
time: '2018-9-11',
|
|
49
51
|
status: 'back'
|
|
50
52
|
},
|
|
51
53
|
{
|
|
52
|
-
name: 'end未完成状态',
|
|
54
|
+
name: 'end 未完成状态',
|
|
53
55
|
time: '2018-9-9',
|
|
54
56
|
status: 'end'
|
|
55
57
|
}
|
|
@@ -4,7 +4,7 @@ test('序号显示', async ({ page }) => {
|
|
|
4
4
|
page.on('pageerror', (exception) => expect(exception).not.toBeNull())
|
|
5
5
|
await page.goto('milestone#show-number')
|
|
6
6
|
|
|
7
|
-
const button = page.getByRole('button').filter({ hasText: '设置show-number值为false' })
|
|
7
|
+
const button = page.getByRole('button').filter({ hasText: '设置 show-number 值为false' })
|
|
8
8
|
const nodes = page.locator('.tiny-milestone__node')
|
|
9
9
|
const nodeIcons = page.locator('.tiny-milestone__icon')
|
|
10
10
|
const nodeLines = page.locator('.tiny-milestone__line')
|
|
@@ -52,12 +52,12 @@ test('序号显示', async ({ page }) => {
|
|
|
52
52
|
}
|
|
53
53
|
]
|
|
54
54
|
const titles = [
|
|
55
|
-
'completed完成状态',
|
|
56
|
-
'completed完成状态',
|
|
57
|
-
'doing未完成状态',
|
|
58
|
-
'cancel未完成状态',
|
|
59
|
-
'back未完成状态',
|
|
60
|
-
'end未完成状态'
|
|
55
|
+
'completed 完成状态',
|
|
56
|
+
'completed 完成状态',
|
|
57
|
+
'doing 未完成状态',
|
|
58
|
+
'cancel 未完成状态',
|
|
59
|
+
'back 未完成状态',
|
|
60
|
+
'end 未完成状态'
|
|
61
61
|
]
|
|
62
62
|
|
|
63
63
|
await expect(nodes).toHaveCount(nodeCount)
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<div>
|
|
3
|
-
<tiny-button @click="handleClick(!showNum)" style="max-width: unset"
|
|
3
|
+
<tiny-button @click="handleClick(!showNum)" style="max-width: unset"
|
|
4
|
+
>设置 show-number 值为{{ !showNum }}</tiny-button
|
|
5
|
+
>
|
|
4
6
|
<tiny-milestone
|
|
5
7
|
:data="milestoneData"
|
|
6
8
|
:milestones-status="statusMap"
|
|
@@ -30,32 +32,32 @@ export default {
|
|
|
30
32
|
},
|
|
31
33
|
milestoneData: [
|
|
32
34
|
{
|
|
33
|
-
name: 'completed完成状态',
|
|
35
|
+
name: 'completed 完成状态',
|
|
34
36
|
time: '2018-9-7',
|
|
35
37
|
status: 'completed'
|
|
36
38
|
},
|
|
37
39
|
{
|
|
38
|
-
name: 'completed完成状态',
|
|
40
|
+
name: 'completed 完成状态',
|
|
39
41
|
time: '2018-9-8',
|
|
40
42
|
status: 'completed'
|
|
41
43
|
},
|
|
42
44
|
{
|
|
43
|
-
name: 'doing未完成状态',
|
|
45
|
+
name: 'doing 未完成状态',
|
|
44
46
|
time: '2018-9-10',
|
|
45
47
|
status: 'doing'
|
|
46
48
|
},
|
|
47
49
|
{
|
|
48
|
-
name: 'cancel未完成状态',
|
|
50
|
+
name: 'cancel 未完成状态',
|
|
49
51
|
time: '2018-9-9',
|
|
50
52
|
status: 'cancel'
|
|
51
53
|
},
|
|
52
54
|
{
|
|
53
|
-
name: 'back未完成状态',
|
|
55
|
+
name: 'back 未完成状态',
|
|
54
56
|
time: '2018-9-11',
|
|
55
57
|
status: 'back'
|
|
56
58
|
},
|
|
57
59
|
{
|
|
58
|
-
name: 'end未完成状态',
|
|
60
|
+
name: 'end 未完成状态',
|
|
59
61
|
time: '2018-9-9',
|
|
60
62
|
status: 'end'
|
|
61
63
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<div>
|
|
3
|
-
<tiny-button @click="handleClick(!isSolid)" style="max-width: cancel">设置solid值为{{ !isSolid }}</tiny-button>
|
|
3
|
+
<tiny-button @click="handleClick(!isSolid)" style="max-width: cancel">设置 solid 值为{{ !isSolid }}</tiny-button>
|
|
4
4
|
<tiny-milestone :data="milestoneData" :milestones-status="statusMap" :solid="isSolid"></tiny-milestone>
|
|
5
5
|
</div>
|
|
6
6
|
</template>
|
|
@@ -19,32 +19,32 @@ const statusMap = ref({
|
|
|
19
19
|
})
|
|
20
20
|
const milestoneData = ref([
|
|
21
21
|
{
|
|
22
|
-
name: 'completed完成状态',
|
|
22
|
+
name: 'completed 完成状态',
|
|
23
23
|
time: '2018-9-7',
|
|
24
24
|
status: 'completed'
|
|
25
25
|
},
|
|
26
26
|
{
|
|
27
|
-
name: 'completed完成状态',
|
|
27
|
+
name: 'completed 完成状态',
|
|
28
28
|
time: '2018-9-8',
|
|
29
29
|
status: 'completed'
|
|
30
30
|
},
|
|
31
31
|
{
|
|
32
|
-
name: 'doing未完成状态',
|
|
32
|
+
name: 'doing 未完成状态',
|
|
33
33
|
time: '2018-9-10',
|
|
34
34
|
status: 'doing'
|
|
35
35
|
},
|
|
36
36
|
{
|
|
37
|
-
name: 'xxx未完成状态',
|
|
37
|
+
name: 'xxx 未完成状态',
|
|
38
38
|
time: '2018-9-9',
|
|
39
39
|
status: 'xxx'
|
|
40
40
|
},
|
|
41
41
|
{
|
|
42
|
-
name: 'back未完成状态',
|
|
42
|
+
name: 'back 未完成状态',
|
|
43
43
|
time: '2018-9-11',
|
|
44
44
|
status: 'back'
|
|
45
45
|
},
|
|
46
46
|
{
|
|
47
|
-
name: 'end未完成状态',
|
|
47
|
+
name: 'end 未完成状态',
|
|
48
48
|
time: '2018-9-9',
|
|
49
49
|
status: 'end'
|
|
50
50
|
}
|
|
@@ -4,7 +4,7 @@ test('实心显示', async ({ page }) => {
|
|
|
4
4
|
page.on('pageerror', (exception) => expect(exception).not.toBeNull())
|
|
5
5
|
await page.goto('milestone#solid-style')
|
|
6
6
|
|
|
7
|
-
const button = page.getByRole('button').filter({ hasText: '设置solid值为true' })
|
|
7
|
+
const button = page.getByRole('button').filter({ hasText: '设置 solid 值为true' })
|
|
8
8
|
const nodes = page.locator('.tiny-milestone__node')
|
|
9
9
|
const nodeIcons = page.locator('.tiny-milestone__icon')
|
|
10
10
|
const nodeLines = page.locator('.tiny-milestone__line')
|
|
@@ -52,12 +52,12 @@ test('实心显示', async ({ page }) => {
|
|
|
52
52
|
}
|
|
53
53
|
]
|
|
54
54
|
const titles = [
|
|
55
|
-
'completed完成状态',
|
|
56
|
-
'completed完成状态',
|
|
57
|
-
'doing未完成状态',
|
|
58
|
-
'xxx未完成状态',
|
|
59
|
-
'back未完成状态',
|
|
60
|
-
'end未完成状态'
|
|
55
|
+
'completed 完成状态',
|
|
56
|
+
'completed 完成状态',
|
|
57
|
+
'doing 未完成状态',
|
|
58
|
+
'xxx 未完成状态',
|
|
59
|
+
'back 未完成状态',
|
|
60
|
+
'end 未完成状态'
|
|
61
61
|
]
|
|
62
62
|
|
|
63
63
|
await expect(nodes).toHaveCount(nodeCount)
|